fix(dashboard): list narrowing, planning blend, insights header, graph out of dock
- List view split sidebar min-width 120->64 so it can be dragged much narrower; titles wrap to two lines in the split sidebar. - Embedded planning blends like Command Center: no panel shadow/border/outline, transparent background, matching --space-lg padding. - Insights view header wraps so action buttons drop to a new line instead of overlapping the title. - Dependency graph no longer appears in the right dock (left-sidebar destination only). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -7,10 +7,16 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
FNXC:Insights 2026-06-22-00:00:
|
||||
The header title and action buttons must never overlap: allow the row to wrap so the actions drop to a new line when there is not enough horizontal room. The gap keeps spacing between the wrapped rows.
|
||||
*/
|
||||
.insights-view-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--space-sm);
|
||||
padding: var(--space-lg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
background: var(--surface);
|
||||
|
||||
@@ -556,6 +556,15 @@ FN-6529 requires list-view agent-active tasks to use a simple static highlight i
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
FNXC:ListView 2026-06-22-00:00:
|
||||
In the split sidebar the title cell must allow the title to wrap to two lines (handled by .list-title-text clamp) instead of being capped/truncated to one line, so the left panel can be dragged much narrower while titles stay legible.
|
||||
*/
|
||||
.list-split-sidebar .list-cell-title {
|
||||
max-width: none;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.list-title-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -179,7 +179,7 @@ function readSidebarWidth(projectId?: string): number {
|
||||
return fallbackWidth;
|
||||
}
|
||||
|
||||
const LIST_SIDEBAR_MIN_WIDTH = 120; // FNXC:ListView 2026-06-21-22:31: The desktop task-list split sidebar minimum is 120 instead of 200 so users can shrink the left panel significantly further on narrow desktop layouts while resize, keyboard, and ARIA paths share one clamp value.
|
||||
const LIST_SIDEBAR_MIN_WIDTH = 64; // FNXC:ListView 2026-06-22-00:00: The desktop task-list split sidebar minimum is 64 (was 120) so users can shrink the left panel much further; task titles wrap to two lines (.list-split-sidebar .list-cell-title) so they stay legible at narrow widths. Resize, keyboard, and ARIA paths share one clamp value.
|
||||
const LIST_SIDEBAR_MAX_RATIO = 0.65;
|
||||
const LIST_SIDEBAR_KEYBOARD_STEP = 16;
|
||||
|
||||
|
||||
@@ -72,6 +72,17 @@ FN-6886 promotes Planning Mode into the main app content area. The embedded shel
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
FNXC:PlanningMode 2026-06-22-00:00:
|
||||
Embedded planning must blend into the main content like Command Center: no panel shadow, no border/outline, no rounded card chrome, and a transparent background so the view sits flush on the project-content surface. Higher specificity (.planning-view .planning-modal--embedded) is required to beat the base .modal shadow/border/background.
|
||||
*/
|
||||
.planning-view .planning-modal--embedded {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*
|
||||
FNXC:PlanningMode 2026-06-22-00:00:
|
||||
The embedded planning title must read like other embedded-view titles (Command Center cc-header/cc-title): a plain heading with no tinted modal-header bar, no bottom divider, and no close button. Strip the modal-header background/border and align the title to the content edge; bump the heading to the shared 1.125rem embedded-title size.
|
||||
|
||||
@@ -191,6 +191,11 @@ export const STATIC_OVERFLOW_VIEW_ENTRIES: readonly OverflowViewEntry[] = [
|
||||
function buildPluginOverflowViewEntries(pluginDashboardViews: PluginDashboardViewEntry[] = []): OverflowViewEntry[] {
|
||||
return pluginDashboardViews
|
||||
.filter((entry) => entry.view.placement !== "primary")
|
||||
/*
|
||||
FNXC:Navigation 2026-06-22-00:00:
|
||||
The dependency graph must not appear in the right sidebar; it remains a left-sidebar destination only.
|
||||
*/
|
||||
.filter((entry) => entry.pluginId !== "fusion-plugin-dependency-graph")
|
||||
.sort((a, b) => (a.view.order ?? Number.MAX_SAFE_INTEGER) - (b.view.order ?? Number.MAX_SAFE_INTEGER))
|
||||
.map((entry) => {
|
||||
const pluginTaskView = buildPluginTaskViewId(entry.pluginId, entry.view.viewId);
|
||||
|
||||
Reference in New Issue
Block a user