Files
openclaw/ui/src/styles/components.test.ts
Val Alexander 12bbb371d0 feat(control-ui): personalize local user identity and tighten layouts
## Summary
- add browser-local operator identity in Control UI and route user name/avatar rendering through the shared chat/avatar path used by assistant and agent surfaces
- tighten Quick Settings, fallback chip, and mobile chat layout behavior so the personalized UI uses space better and avoids clipped controls
- guard oversized local avatar uploads before FileReader allocation, restore the fallback-chip keyboard focus ring, and add the changelog note for the user-visible Control UI work

## Testing
- pnpm test ui/src/ui/views/config-quick.test.ts ui/src/styles/components.test.ts
- pnpm check:changed
2026-04-22 17:38:58 -05:00

17 lines
782 B
TypeScript

import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest";
describe("agent fallback chip styles", () => {
it("styles the chip remove control inside the agent model input", () => {
const css = readFileSync(new URL("./components.css", import.meta.url), "utf8");
expect(css).toContain(".agent-chip-input .chip {");
expect(css).toContain(".agent-chip-input .chip-remove {");
expect(css).toContain(".agent-chip-input .chip-remove:hover:not(:disabled)");
expect(css).toContain(".agent-chip-input .chip-remove:focus-visible:not(:disabled)");
expect(css).toContain("outline: 2px solid var(--accent);");
expect(css).toContain("outline-offset: 2px;");
expect(css).toContain(".agent-chip-input .chip-remove:disabled");
});
});