diff --git a/.changeset/fn-6781-command-center-header.md b/.changeset/fn-6781-command-center-header.md new file mode 100644 index 0000000000..be965fdc6e --- /dev/null +++ b/.changeset/fn-6781-command-center-header.md @@ -0,0 +1,5 @@ +--- +"@runfusion/fusion": patch +--- + +Keep Command Center inline next to Agents across desktop and tablet header widths instead of moving it into the More views overflow menu. diff --git a/docs/dashboard-guide.md b/docs/dashboard-guide.md index 79480d6f36..0fe3b945ef 100644 --- a/docs/dashboard-guide.md +++ b/docs/dashboard-guide.md @@ -658,8 +658,8 @@ Features: Command Center is the combined analytics and live-operations surface for a project: it pairs historical usage, cost, throughput analytics, live system telemetry, and a live Mission Control panel. Navigation: -- Desktop: **Header → More views → Command Center** -- Mobile: **More** sheet → **Command Center** +- Desktop/tablet: primary header view toggle, immediately after **Agents** +- Mobile: bottom nav tab, immediately after **Mailbox** - Deep link: `?view=command-center` Features: diff --git a/packages/dashboard/app/__tests__/tablet-header-controls.test.tsx b/packages/dashboard/app/__tests__/tablet-header-controls.test.tsx index b8a4f8947d..fc41a357fd 100644 --- a/packages/dashboard/app/__tests__/tablet-header-controls.test.tsx +++ b/packages/dashboard/app/__tests__/tablet-header-controls.test.tsx @@ -113,14 +113,15 @@ describe("tablet header controls", () => { expect(screen.queryByTestId("view-overflow-command-center")).toBeNull(); }); - it("keeps desktop Documents inline and Command Center in overflow", () => { + it("keeps desktop Documents and Command Center inline without Command Center overflow", () => { renderDesktopHeader({ onChangeView: noop, showAgentsTab: true }); expect(screen.getByTitle("Documents view")).toBeDefined(); - expect(screen.queryByTestId("view-toggle-command-center")).toBeNull(); + expect(screen.getByTestId("view-toggle-command-center")).toBeDefined(); + expect(screen.getByTestId("view-toggle-command-center").previousElementSibling).toBe(screen.getByTitle("Agents view")); fireEvent.click(screen.getByTestId("view-toggle-overflow-trigger")); - expect(screen.getByTestId("view-overflow-command-center")).toBeDefined(); + expect(screen.queryByTestId("view-overflow-command-center")).toBeNull(); expect(screen.queryByTestId("view-overflow-documents")).toBeNull(); }); diff --git a/packages/dashboard/app/components/Header.tsx b/packages/dashboard/app/components/Header.tsx index be8385e61d..875e7141d2 100644 --- a/packages/dashboard/app/components/Header.tsx +++ b/packages/dashboard/app/components/Header.tsx @@ -1019,26 +1019,21 @@ export function Header({ )} - {isTablet && ( - /* - FNXC:Navigation 2026-06-19-12:00: - Tablet navigation promotes Command Center immediately after Agents while desktop keeps Command Center in the More-views overflow. - Documents moves to the tablet More-views overflow below to conserve horizontal space without changing desktop ordering. - - FNXC:Navigation 2026-06-19-08:24: - FN-6725 re-verified this tablet contract after a suspected revert: Command Center remains a single inline tablet destination after Agents, Documents remains overflow-only on tablet, and desktop ordering stays unchanged. - */ - - )} + {/* + FNXC:Navigation 2026-06-19-12:00: + FN-6781 supersedes the prior tablet-only inline / desktop-overflow split: Command Center must remain a stable inline destination immediately after Agents on tablet and desktop so the affordance does not relocate while resizing. + Documents still moves to the tablet More-views overflow to conserve horizontal space without changing desktop ordering. + */} + )} - {!isTablet && ( - - )} {experimentalFeatures?.devServerView && (