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

feat(FN-3240): move drag handle into provider actions and enhance planning

Browse Source 
The merge brings several FN-3240 UI refinements that move and anchor drag handles into provider actions, alongside FN-3256 styling improvements to the planning mode modal and quick chat FAB. Key supporting changes include a durable insight lifecycle for FN-3243, a fix for list view detail callback t

Fusion-Task-Id: FN-3240
This commit is contained in:
Fusion
2026-05-03 03:44:22 -07:00
committed by gsxdsm
parent 5d2436df8c
commit 9d1954a124
3 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/dashboard/app/components/__tests__/UsageIndicator.test.tsx
View File

@@ -151,7 +151,7 @@ describe("UsageIndicator", () => {
expect(screen.getByText("Hourly")).toBeInTheDocument();
});
it("renders drag handle for each provider card", () => {
it("renders drag handle in the right-side actions cluster for each provider card", () => {
mockUseUsageData.mockReturnValue({
providers: mockProviders,
loading: false,
@@ -162,8 +162,22 @@ describe("UsageIndicator", () => {
render(<UsageIndicator isOpen={true} onClose={mockOnClose} projectId={TEST_PROJECT_ID} />);
const handles = document.querySelectorAll(".usage-provider-drag-handle");
expect(handles).toHaveLength(3);
const cards = Array.from(document.querySelectorAll(".usage-provider"));
expect(cards).toHaveLength(3);
cards.forEach((card) => {
const info = card.querySelector(".usage-provider-info");
const actions = card.querySelector(".usage-provider-actions");
const handle = card.querySelector(".usage-provider-drag-handle");
const headerChildren = Array.from(card.querySelectorAll(":scope > .usage-provider-header > *"));
expect(info).toBeInTheDocument();
expect(actions).toBeInTheDocument();
expect(handle).toBeInTheDocument();
expect(actions).toContainElement(handle);
expect(info?.contains(handle)).toBe(false);
expect(headerChildren[0]).toBe(info);
});
});
it("reorders providers on drag and drop and persists order", () => {