Files
fusion/packages/dashboard/app/components/DockTaskList.css
gsxdsm f3d9bfb27b FN-7210: add right-dock Tasks tab
Add a first-class Tasks panel to the right dock while preserving Files as the default dock view.

- Register a Tasks overflow view with a compact dock task list and empty state.
- Anchor in-dock task detail to the Tasks tab so tab switches preserve the last-viewed task snapshot.
- Update right-dock controller wiring, tests, docs, and changesets for the new dock task surface.

Files changed:
 ...210-recover-completed-incomplete-steps-guard.md |   2 +-
 .changeset/fn-7210-right-dock-tasks-tab.md         |   7 ++
 docs/dashboard-guide.md                            |   7 +-
 packages/dashboard/app/components/DockTaskList.css |  36 +++++++
 packages/dashboard/app/components/DockTaskList.tsx |  58 +++++++++++
 packages/dashboard/app/components/RightDock.tsx    |  26 ++++-
 .../app/components/__tests__/DockTaskList.test.tsx |  48 ++++++++++
 .../app/components/__tests__/RightDock.test.tsx    | 106 +++++++++++++++++----
 .../__tests__/overflowViewRegistry.test.tsx        |   5 +-
 .../app/components/overflowViewRegistry.tsx        |  26 ++++-
 .../app/components/useRightDockController.tsx      |   7 +-
 11 files changed, 298 insertions(+), 30 deletions(-)

Fusion-Task-Id: FN-7210
Fusion-Task-Lineage: 27468cc2-6ce9-46cc-a27e-cf5f49e93c40
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
2026-06-28 20:11:43 -07:00

37 lines
658 B
CSS

.dock-task-list {
display: flex;
flex-direction: column;
gap: var(--space-sm);
min-height: 0;
height: 100%;
overflow-y: auto;
padding: var(--space-sm);
}
.dock-task-list__row {
min-width: 0;
}
.dock-task-list--empty {
align-items: center;
justify-content: center;
text-align: center;
color: var(--text-muted);
padding: var(--space-lg);
}
.dock-task-list__empty-title,
.dock-task-list__empty-copy {
margin: 0;
}
.dock-task-list__empty-title {
color: var(--text-primary);
font-weight: var(--font-weight-semibold);
}
.dock-task-list__empty-copy {
max-width: calc(var(--space-xl) * 12);
font-size: var(--font-size-sm);
}