fix(KB-096): restore usage button in dashboard header

- Add the optional usage action back to the dashboard Header component
- Preserve the existing board search UI while restoring the usage button wiring
- Add Header tests for usage button rendering and click behavior
- Add a patch changeset for the restored header usage action

packages/dashboard/app/components/Header.test.tsx

@@ -153,6 +153,25 @@ describe("Header", () => {
     });
   });
 
+  describe("usage button", () => {
+    it("does not render usage button when onOpenUsage is not provided", () => {
+      renderHeader();
+      expect(screen.queryByTitle("View usage")).toBeNull();
+    });
+
+    it("renders usage button with correct title when onOpenUsage is provided", () => {
+      renderHeader({ onOpenUsage: vi.fn() });
+      expect(screen.getByTitle("View usage")).toBeDefined();
+    });
+
+    it("calls onOpenUsage when usage button is clicked", () => {
+      const onOpenUsage = vi.fn();
+      renderHeader({ onOpenUsage });
+      fireEvent.click(screen.getByTitle("View usage"));
+      expect(onOpenUsage).toHaveBeenCalled();
+    });
+  });
+
   describe("planning button", () => {
     it("renders planning button with correct title", () => {
       renderHeader({ onOpenPlanning: vi.fn() });

packages/dashboard/app/components/Header.tsx

@@ -1,9 +1,10 @@
-import { Settings, Pause, Play, Square, Download, LayoutGrid, List, Terminal, Lightbulb, Search, X } from "lucide-react";
+import { Settings, Pause, Play, Square, Download, LayoutGrid, List, Terminal, Lightbulb, Search, X, Activity } from "lucide-react";
 
 interface HeaderProps {
   onOpenSettings?: () => void;
   onOpenGitHubImport?: () => void;
   onOpenPlanning?: () => void;
+  onOpenUsage?: () => void;
   onToggleTerminal?: () => void;
   globalPaused?: boolean;
   enginePaused?: boolean;
@@ -19,6 +20,7 @@ export function Header({
   onOpenSettings,
   onOpenGitHubImport,
   onOpenPlanning,
+  onOpenUsage,
   onToggleTerminal,
   globalPaused,
   enginePaused,
@@ -82,6 +84,11 @@ export function Header({
             )}
           </div>
         )}
+        {onOpenUsage && (
+          <button className="btn-icon" onClick={onOpenUsage} title="View usage">
+            <Activity size={16} />
+          </button>
+        )}
         {/* Import from GitHub */}
         <button className="btn-icon" onClick={onOpenGitHubImport} title="Import from GitHub">
           <Download size={16} />