style(design): design review fixes + fresh Warm Terminal design system

packages/web/src/__tests__/components.test.tsx

@@ -575,7 +575,23 @@ describe("AttentionZone", () => {
 
   it("renders empty state when sessions array is empty", () => {
     render(<AttentionZone level="respond" sessions={[]} />);
-    expect(screen.getByText("No sessions")).toBeInTheDocument();
+    expect(screen.getByText("No agents need your input.")).toBeInTheDocument();
+  });
+
+  it("renders zone-specific empty messages for all attention zones", () => {
+    const cases: Array<[string, string]> = [
+      ["review", "No code waiting for review."],
+      ["pending", "Nothing blocked."],
+      ["working", "No agents running."],
+      ["done", "No completed sessions."],
+    ];
+    for (const [level, expectedMessage] of cases) {
+      const { unmount } = render(
+        <AttentionZone level={level as "review" | "pending" | "working" | "done"} sessions={[]} />,
+      );
+      expect(screen.getByText(expectedMessage)).toBeInTheDocument();
+      unmount();
+    }
   });
 
   it("shows session cards when not collapsed", () => {