feat(FN-3255): enhance planning mode modal and quick chat FAB styling

This merge brings advanced planning UX improvements including enhanced PlanningModeModal layout and controls, QuickChatFAB styling refinements, and UsageIndicator updates. It also moves the drag handle into provider actions for cleaner separation, introduces durable insight lifecycle with bounded ex

Fusion-Task-Id: FN-3255
This commit is contained in:
Fusion
2026-05-03 03:55:12 -07:00
committed by gsxdsm
parent 9d1954a124
commit db501164ff

View File

@@ -161,6 +161,50 @@ describe("MobileNavBar", () => {
expect(screen.getByTestId("mobile-more-item-plugin-fusion-plugin-dependency-graph-queue")).toBeDefined();
});
it("marks dependency graph plugin tab active when viewing its canonical plugin task-view", () => {
render(
<MobileNavBar
{...createDefaultProps()}
view="plugin:fusion-plugin-dependency-graph:graph"
pluginDashboardViews={[
{
pluginId: "fusion-plugin-dependency-graph",
view: { viewId: "graph", label: "Graph", componentPath: "./GraphView", icon: "Map", placement: "more" },
},
{
pluginId: "fusion-plugin-dependency-graph",
view: { viewId: "queue", label: "Queue", componentPath: "./QueueView", icon: "Workflow" },
},
]}
/>,
);
expect(screen.getByTestId("mobile-nav-tab-plugin-fusion-plugin-dependency-graph-graph").className).toContain("mobile-nav-tab--active");
expect(screen.getByTestId("mobile-nav-tab-more").className).not.toContain("mobile-nav-tab--active");
});
it("marks More active when current plugin view is overflow-only", () => {
render(
<MobileNavBar
{...createDefaultProps()}
view="plugin:fusion-plugin-dependency-graph:queue"
pluginDashboardViews={[
{
pluginId: "fusion-plugin-dependency-graph",
view: { viewId: "graph", label: "Graph", componentPath: "./GraphView", icon: "Map", placement: "more" },
},
{
pluginId: "fusion-plugin-dependency-graph",
view: { viewId: "queue", label: "Queue", componentPath: "./QueueView", icon: "Workflow" },
},
]}
/>,
);
expect(screen.getByTestId("mobile-nav-tab-more").className).toContain("mobile-nav-tab--active");
expect(screen.getByTestId("mobile-nav-tab-plugin-fusion-plugin-dependency-graph-graph").className).not.toContain("mobile-nav-tab--active");
});
it("active tab is highlighted for mailbox", () => {
render(<MobileNavBar {...createDefaultProps()} view="mailbox" />);
expect(screen.getByTestId("mobile-nav-tab-mailbox").className).toContain("mobile-nav-tab--active");