root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3271): collapse mobile overview on live run select in AgentsView

Browse Source 
Collapsed mobile overview panel now hides automatically when a live run is selected in the AgentsView, improving the mobile experience by reducing visual clutter during active agent sessions.

Fusion-Task-Id: FN-3271
This commit is contained in:
Fusion
2026-05-03 09:56:26 -07:00
committed by gsxdsm
parent 0bb923b044
commit 987ced4e10
2 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/dashboard/app/components/__tests__/AgentsView.test.tsx
View File

@@ -334,6 +334,32 @@ describe("AgentsView", () => {
expect(container.querySelector(".agents-split-detail--hidden-mobile")).toBeTruthy();
});
it("collapses mobile overview after selecting an active agent card", async () => {
mockViewportMode.mockReturnValue("mobile");
render(<AgentsView addToast={mockAddToast} />);
const overviewToggle = await openOverviewPanel();
fireEvent.click(await screen.findByRole("button", { name: /select agent test agent 2/i }));
await waitFor(() => {
expect(screen.getByTestId("agent-detail-view")).toHaveTextContent("agent-002");
expect(overviewToggle.getAttribute("aria-expanded")).toBe("false");
});
});
it("keeps desktop overview open after selecting an active agent card", async () => {
mockViewportMode.mockReturnValue("desktop");
render(<AgentsView addToast={mockAddToast} />);
const overviewToggle = await openOverviewPanel();
fireEvent.click(await screen.findByRole("button", { name: /select agent test agent 2/i }));
await waitFor(() => {
expect(screen.getByTestId("agent-detail-view")).toHaveTextContent("agent-002");
expect(overviewToggle.getAttribute("aria-expanded")).toBe("true");
});
});
it("shows a loading indicator while the initial agents fetch is pending", async () => {
let resolveAgents: ((value: Agent[]) => void) | undefined;
mockFetchAgents.mockImplementationOnce(