Implement Acro workbench UI refresh

design-qa.md

@@ -0,0 +1,37 @@
+**Source Visual Truth**
+- Source: `C:\Users\david\.codex\generated_images\019f7b30-8171-7f12-8ef6-ac2571bdf8ae\call_g6DhOvUFyNza9HnLRRBIwk5l.png`
+
+**Implementation Evidence**
+- Login screenshot: `D:\work\senlinai\agent\apps\web\test-results\login-acro.png`
+- Light workbench screenshot: `D:\work\senlinai\agent\apps\web\test-results\workbench-light-acro.png`
+- Dark workbench screenshot: `D:\work\senlinai\agent\apps\web\test-results\workbench-dark-acro.png`
+- Full-view comparison: `D:\work\senlinai\agent\design-qa-comparison.png`
+- Viewport: 1440 x 1024
+- State: login page, authenticated overview page, dark-mode overview page
+
+**Findings**
+- No actionable P0/P1/P2 findings remain.
+
+**Required Fidelity Surfaces**
+- Fonts and typography: implementation uses the existing system UI stack and compact product sizing. Hierarchy matches the design intent for form labels, topbar controls, sidebar rows, overview sections, and inspector tabs.
+- Spacing and layout rhythm: the app preserves the selected layout structure: topbar, project rail, channel sidebar, central overview, right inspector, and full-width bottom status bar. The status bar measured 32px high, matching the requested compact state.
+- Colors and visual tokens: implementation uses an Arco-inspired palette with `#165DFF`, light blue selected surfaces, `#E5E6EB` borders, `#F7F8FA` background, and a darker blue-gray status bar. Dark mode uses VS Code-like workbench tokens and `#007acc` accent/status color.
+- Image quality and asset fidelity: the design relies on app chrome, badges, and simple brand marks rather than content imagery. The implementation uses lightweight code-native marks for the MVP shell; replacing them with a formal icon library or brand asset would be a P3 polish pass.
+- Copy and content: login follows the selected Chinese private-deployment structure. The workbench preserves existing English mock object names where current tests and prototype data already depend on them, while key UI refinements from the final design are present.
+
+**Interaction Checks**
+- Login flow from server/account/password to workbench was exercised.
+- Theme toggle was exercised from light to dark.
+- Console errors checked: none.
+- Layout check: no horizontal overflow at 1440 x 1024.
+
+**Comparison History**
+- Earlier finding: overview center area only showed metric cards, leaving a large blank region compared with the selected design.
+- Fix made: added Inbox, active task, AI session, and recent notes/materials overview sections with compact row separators.
+- Post-fix evidence: `D:\work\senlinai\agent\apps\web\test-results\workbench-light-acro.png` and `D:\work\senlinai\agent\design-qa-comparison.png`.
+
+**Follow-up Polish**
+- Replace code-native icon glyphs with a dedicated Svelte-compatible icon set or approved brand/icon assets.
+- Translate remaining prototype mock data to Chinese if the product direction requires a fully localized MVP.
+
+final result: passed