Restyle the whole UI: linear icons, layered surfaces, refined chrome (R4) #13

Merged
weichen merged 1 commits from feature/visual-refresh-r4 into main 2026-09-30 12:44:34 +00:00
Owner

Why: user feedback — UI lacked the polish and modern feel of ZCode; R4 convergence per its design system.

Evidence: 32 Lucide-style SVG icons replace every emoji (grep 0 left); login brand panel; solid-accent New Task CTA; floating composer with focus glow; two headless review iterations on the real binary (both themes, zero console errors); build + vitest + make test green.

Impact: pure visual layer; no behavior/API changes. Depends: ui PR #12 (merged).

Why: user feedback — UI lacked the polish and modern feel of ZCode; R4 convergence per its design system. Evidence: 32 Lucide-style SVG icons replace every emoji (grep 0 left); login brand panel; solid-accent New Task CTA; floating composer with focus glow; two headless review iterations on the real binary (both themes, zero console errors); build + vitest + make test green. Impact: pure visual layer; no behavior/API changes. Depends: ui PR #12 (merged).
weichen added 1 commit 2026-09-30 12:44:32 +00:00
Why: user feedback (2026-09-30) — the UI still lacked the polish and
modern feel of ZCode; per its design system (calm/dense/operational)
this is the R4 visual convergence pass.

Evidence:
- New icons.tsx: 32 Lucide-style linear SVG icons replacing every emoji/
  glyph (grep for the old glyph set now returns 0 in components); brand
  mark + workspace-icon mapping shared by sidebar, rail, login, menus.
- Login/change gates gain a wide-screen brand panel (gradient + radial
  glows + feature list), segmented tabs, focus-ring inputs, glowing
  submit; sidebar gets a solid accent New Task CTA, inline-icon search,
  selected task with accent bar, hover-reveal row actions, account
  footer chips; chat area gains floating rounded composer with focus
  glow, calmer header/tool blocks, greener HITL confirmations, empty
  state mark; modals gain backdrop blur + spring-in.
- Two headless review iterations on the real binary (--auth on, both
  themes): fixed bubble padding, headline break, and lifted the panel
  step for clearer three-column separation; final walk shows 21 SVGs,
  zero leftover glyphs, zero console errors, build + vitest + full make
  test green.

Impact: pure visual layer (CSS + icon components + class-level JSX);
no behavior, API, or state changes; both themes driven by the new token
scale in the ui repo.

Refs: Agent-System-Documents proposal 2026-09-30-ui-redesign-and-auth.md (R4)
weichen merged commit 01672deec5 into main 2026-09-30 12:44:34 +00:00
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: weichen/Agent-System-Frontend#13