diff --git a/.changeset/memory-view-polish.md b/.changeset/memory-view-polish.md new file mode 100644 index 0000000000..5978f7aa6b --- /dev/null +++ b/.changeset/memory-view-polish.md @@ -0,0 +1,7 @@ +--- +"@runfusion/fusion": patch +--- + +summary: Polish the Memory view: centered layout, labeled editor toolbar, aligned toggle rows. +category: fix +dev: MemoryView tabs get a 960px centered column; FileEditor instances pass forceToolbarActionsVisible; new i18n key memory.dreamsEnabledTooltip. diff --git a/packages/dashboard/app/components/MemoryView.css b/packages/dashboard/app/components/MemoryView.css index 0cd8be4c68..6f2d04cbcf 100644 --- a/packages/dashboard/app/components/MemoryView.css +++ b/packages/dashboard/app/components/MemoryView.css @@ -59,6 +59,12 @@ After the header migrated to the shared .view-header (which is flex-shrink:0), t padding: 0 var(--space-lg) var(--space-lg); } +/* +FNXC:MemoryView 2026-07-10-14:30: +First-run review on a wide desktop viewport: the Working Memory content hugged the left half of the view and the entire right half was empty background. +Cap each tab pane to a readable content-column width and center it with auto inline margins, matching the app convention for wide layouts (e.g. .project-overview__body caps and centers its scroll body). +The pane stays the scroll owner; width:100% keeps narrow/mobile viewports (max-width: 768px / max-height: 480px breakpoint) unchanged because the cap only bites above it. +*/ .memory-working-tab, .memory-insights-tab, .memory-engines-tab { @@ -67,6 +73,9 @@ After the header migrated to the shared .view-header (which is flex-shrink:0), t display: flex; flex-direction: column; overflow-y: auto; + width: 100%; + max-width: 960px; + margin-inline: auto; } /* @@ -435,6 +444,23 @@ The memory editor box is CAPPED to about a page (max-height: 60vh) so a long mem padding: var(--space-sm) 0; } +/* +FNXC:MemoryView 2026-07-10-14:30: +Shared layout for the automation checkbox rows ("Process dreams from daily memory", "Auto-summarize memory"). +Both rows must render identically: checkbox and label on one line, and the hint text indented to start where the label text starts (checkbox width 16px + the .checkbox-label gap), instead of hanging at the form-group edge with row-dependent spacing. +Scoped under .memory-working-tab so these rules out-specify same-name form rules from SettingsModal.css (imported after this file). +*/ +.memory-working-tab .memory-toggle-row .checkbox-label { + align-items: center; +} + +.memory-working-tab .memory-toggle-row > small { + display: block; + margin-top: var(--space-xs); + margin-left: calc(16px + var(--space-sm)); + color: var(--text-muted); +} + .memory-flex-spacer { flex: 1; } diff --git a/packages/dashboard/app/components/MemoryView.tsx b/packages/dashboard/app/components/MemoryView.tsx index 2fa69c84fb..f3ae2a90bb 100644 --- a/packages/dashboard/app/components/MemoryView.tsx +++ b/packages/dashboard/app/components/MemoryView.tsx @@ -450,11 +450,17 @@ export function MemoryView({ projectId, addToast, onSendSelectionToTask }: Memor {selectedLayerDescription}
+ {/* + FNXC:MemoryView 2026-07-10-14:30: + First-run review: the FileEditor's collapsed toolbar rendered as an unlabeled empty bar with only a chevron above the editor, and a user asked "what is this button?". + Force the toolbar actions (Edit/Preview/Wrap) to stay visible so the toolbar always shows labeled controls instead of a mystery chevron-only bar. + */}
@@ -501,9 +507,19 @@ export function MemoryView({ projectId, addToast, onSendSelectionToTask }: Memor
+ {/* + FNXC:MemoryView 2026-07-10-14:30: + First-run review: the two automation checkbox rows ("Process dreams from daily memory" / "Auto-Summarize Memory") had inconsistent checkbox/label/hint alignment and mixed casing (sentence case vs Title Case). + Both rows now share the .memory-toggle-row layout (hint indented under the label text, aligned past the checkbox) and use sentence-case labels. + The dreams row also carries a hover tooltip (title attr) explaining the pipeline: daily notes are distilled into DREAMS.md and reusable lessons are promoted into MEMORY.md. + */}
-
-