feat(ui): redesign in the idiom of Codex, Cursor, and Conductor

The workbench read as a VS Code theme with badges bolted on: coloured chips,
dot separators, bordered cards, boxed callouts, and system-font fallbacks.
This redesign follows the conventions the agent tools Lore sits beside
share: monochrome surfaces, hairline borders, one accent, colour only for
status and diffs, lists over cards, and a white primary action.

- Type and colour: Inter and JetBrains Mono bundled with Fontsource (so the
  CSP's font-src 'self' holds and every platform looks the same), a zinc
  neutral scale where each text step clears WCAG AA, and a new stylesheet
  (about 2,400 lines, down from 3,800) written against the components.
- Status: Linear-style glyphs (spinner, check, cross, needs-you, merged,
  paused) replace dot-and-word badges; agent names are plain text.
- Sidebar: a repository switcher (the titlebar's Open folder… moves here),
  New agent with its shortcut, and Overview with the needs-you count; agent
  rows are glyph, title, time, and one quiet line (what it is doing, what
  it needs, or where it stands).
- Overview: a centred question and composer, then every agent in one list
  with filter tabs (All, Needs you, Running, Ready to merge, To review,
  Merged) instead of a grid of cards. The composer puts Title and Owns
  behind Options and shows the repository and base branch.
- Agent view: a header with title, state, agent, branch → target and
  quiet icon actions; a commit / merge bar under it; the conversation
  centred with the prompt as a message bubble, tool calls as single lines,
  and output in quiet blocks; notices (usage limit, failure, overlaps)
  above the composer; and the diff in a Review panel on the right instead
  of a tab, full width when the window is narrow.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DR1BSkQa1svcpmy9YZeTab

Author: claude

package-lock.json

@@ -18,6 +18,8 @@
     "tauri": "tauri"
   },
   "dependencies": {
+    "@fontsource-variable/inter": "^5.3.0",
+    "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-dialog": "^2.7.2",
     "@tauri-apps/plugin-notification": "^2.4.0",

package.json

@@ -134,8 +134,8 @@ function EntryView({
     case "prompt":
       return (
         <li className="activity__prompt">
-          <span className="activity__prompt-label">Prompt</span>
-          <span className="activity__prompt-text">{entry.text}</span>
+          <span className="visually-hidden">Prompt: </span>
+          <span className="activity__bubble">{entry.text}</span>
         </li>
       );
     case "tool":

src/components/workbench/ActivityList.tsx

@@ -306,22 +306,24 @@ describe("AgentView", () => {
     expect(document.activeElement).toBe(screen.getByLabelText("Follow-up prompt"));
   });
 
-  it("shows the task's changes in a tab beside its activity, next to commit and merge", async () => {
+  it("opens the task's changes in a review panel beside the conversation", async () => {
     vi.mocked(taskDiff).mockResolvedValue({
       text: "diff --git a/src/a.rs b/src/a.rs\n--- a/src/a.rs\n+++ b/src/a.rs\n@@ -1 +1 @@\n-old\n+new\n",
       truncated: false,
     });
     renderView({ commits_ahead: 1, uncommitted_count: 0 });
-    const tabs = screen.getByRole("tablist", { name: "Agent views" });
-    const changes = within(tabs).getByRole("tab", { name: /Changes/ });
-    expect(changes.textContent).toBe("Changes2");
-    fireEvent.click(changes);
-    expect(changes.getAttribute("aria-selected")).toBe("true");
-    await screen.findByRole("region", { name: "src/a.rs" });
+    expect(screen.queryByRole("complementary", { name: "Changes" })).toBeNull();
+    const toggle = screen.getByRole("button", { name: /Review/ });
+    expect(toggle.textContent?.trim()).toBe("Review2");
+    fireEvent.click(toggle);
+    expect(toggle.getAttribute("aria-pressed")).toBe("true");
+    const review = screen.getByRole("complementary", { name: "Changes" });
+    await within(review).findByRole("region", { name: "src/a.rs" });
     expect(taskDiff).toHaveBeenCalledWith("t1");
-    // Git actions stay in the header while reviewing.
+    // The conversation and the merge action stay alongside the diff.
+    expect(screen.getByRole("region", { name: "Conversation" })).toBeTruthy();
     expect(screen.getByRole("button", { name: "Merge into checked-out branch" })).toBeTruthy();
-    fireEvent.keyDown(changes, { key: "ArrowLeft" });
-    expect(within(tabs).getByRole("tab", { name: "Activity" }).getAttribute("aria-selected")).toBe("true");
+    fireEvent.click(within(review).getByRole("button", { name: "Close review" }));
+    expect(screen.queryByRole("complementary", { name: "Changes" })).toBeNull();
   });
 });