@geminilight/mindos 0.6.53 → 0.6.55

package/app/app/inbox/history/page.tsx

@@ -0,0 +1,250 @@
+'use client';
+
+import { useState, useMemo, useCallback } from 'react';
+import Link from 'next/link';
+import {
+  ArrowLeft,
+  Check,
+  AlertCircle,
+  Trash2,
+  ChevronDown,
+  FileText,
+  Clock,
+  Archive,
+} from 'lucide-react';
+import { useLocale } from '@/lib/stores/locale-store';
+import {
+  loadHistory,
+  clearHistory,
+  type OrganizeHistoryEntry,
+  type OrganizeSource,
+} from '@/lib/organize-history';
+
+export default function InboxHistoryPage() {
+  const { t } = useLocale();
+  const [entries, setEntries] = useState<OrganizeHistoryEntry[]>(() => loadHistory());
+
+  const handleClear = useCallback(() => {
+    if (!confirm(t.importHistory.clearConfirm)) return;
+    clearHistory();
+    setEntries([]);
+  }, [t]);
+
+  const grouped = useMemo(() => {
+    const now = new Date();
+    const todayStr = now.toDateString();
+    const yesterday = new Date(now);
+    yesterday.setDate(yesterday.getDate() - 1);
+    const yesterdayStr = yesterday.toDateString();
+
+    const groups: { label: string; entries: OrganizeHistoryEntry[] }[] = [];
+    let currentLabel = '';
+    let currentGroup: OrganizeHistoryEntry[] = [];
+
+    for (const entry of entries) {
+      const d = new Date(entry.timestamp);
+      const dateStr = d.toDateString();
+      let label: string;
+      if (dateStr === todayStr) label = t.importHistory.today;
+      else if (dateStr === yesterdayStr) label = t.importHistory.yesterday;
+      else label = d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+
+      if (label !== currentLabel) {
+        if (currentGroup.length > 0) groups.push({ label: currentLabel, entries: currentGroup });
+        currentLabel = label;
+        currentGroup = [entry];
+      } else {
+        currentGroup.push(entry);
+      }
+    }
+    if (currentGroup.length > 0) groups.push({ label: currentLabel, entries: currentGroup });
+    return groups;
+  }, [entries, t]);
+
+  return (
+    <div className="max-w-2xl mx-auto px-4 py-8">
+      {/* Header */}
+      <div className="flex items-center gap-3 mb-6">
+        <Link
+          href="/wiki"
+          className="p-1.5 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+        >
+          <ArrowLeft size={16} />
+        </Link>
+        <div className="flex-1">
+          <h1 className="text-lg font-semibold tracking-tight text-foreground">{t.importHistory.title}</h1>
+          <p className="text-xs text-muted-foreground/60 mt-0.5">
+            {entries.length > 0
+              ? t.importHistory.recordCount(entries.length)
+              : t.importHistory.emptyTitle}
+          </p>
+        </div>
+        {entries.length > 0 && (
+          <button
+            onClick={handleClear}
+            className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-[var(--error)] transition-colors cursor-pointer"
+          >
+            <Trash2 size={12} />
+            {t.importHistory.clearAll}
+          </button>
+        )}
+      </div>
+
+      {/* Archive notice */}
+      {entries.length > 0 && (
+        <div className="flex items-start gap-2 px-3 py-2.5 mb-6 rounded-lg bg-muted/30 border border-border/30">
+          <Archive size={13} className="text-muted-foreground/50 mt-0.5 shrink-0" />
+          <p className="text-2xs text-muted-foreground/60">
+            {t.importHistory.processedArchive}
+          </p>
+        </div>
+      )}
+
+      {/* Empty state */}
+      {entries.length === 0 && (
+        <div className="flex flex-col items-center gap-3 py-16 text-center">
+          <Clock size={32} className="text-muted-foreground/15" />
+          <p className="text-sm text-muted-foreground/60">{t.importHistory.emptyTitle}</p>
+          <p className="text-xs text-muted-foreground/40">{t.importHistory.emptyDesc}</p>
+        </div>
+      )}
+
+      {/* Grouped entries */}
+      <div className="space-y-6">
+        {grouped.map((group) => (
+          <div key={group.label}>
+            <h2 className="text-2xs font-medium text-muted-foreground/50 uppercase tracking-wider mb-2">
+              {group.label}
+            </h2>
+            <div className="space-y-2">
+              {group.entries.map((entry) => (
+                <HistoryCard key={entry.id} entry={entry} />
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function HistoryCard({ entry }: { entry: OrganizeHistoryEntry }) {
+  const { t } = useLocale();
+  const [expanded, setExpanded] = useState(false);
+  const isUndone = entry.status === 'undone';
+  const sourceLabel = getSourceLabel(entry.source);
+  const duration = entry.durationMs ? formatDuration(entry.durationMs) : null;
+  const time = new Date(entry.timestamp).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
+  const successCount = entry.files.filter(f => f.ok && !f.undone).length;
+  const totalCount = entry.files.length;
+
+  return (
+    <div className="rounded-xl border border-border/40 overflow-hidden hover:border-border/60 transition-colors">
+      <button
+        type="button"
+        onClick={() => setExpanded(v => !v)}
+        className="w-full flex items-start gap-3 px-4 py-3 text-left hover:bg-muted/20 transition-colors"
+      >
+        {isUndone ? (
+          <AlertCircle size={14} className="text-muted-foreground/40 mt-0.5 shrink-0" />
+        ) : (
+          <Check size={14} className="text-success/70 mt-0.5 shrink-0" />
+        )}
+
+        <div className="flex-1 min-w-0">
+          <div className={`text-sm ${isUndone ? 'text-muted-foreground/50 line-through' : 'text-foreground/90'}`}>
+            {entry.sourceFiles.length === 1
+              ? entry.sourceFiles[0]
+              : `${entry.sourceFiles.length} files`}
+          </div>
+          <div className="flex items-center gap-2 mt-1 flex-wrap">
+            {sourceLabel && (
+              <span className="text-2xs px-1.5 py-0.5 rounded bg-muted/60 text-muted-foreground/60">
+                {sourceLabel}
+              </span>
+            )}
+            {totalCount > 0 && (
+              <span className="text-2xs text-muted-foreground/40">
+                {t.importHistory.changesCount(successCount, totalCount)}
+              </span>
+            )}
+            {duration && (
+              <span className="text-2xs text-muted-foreground/40">{duration}</span>
+            )}
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2 shrink-0">
+          <span className="text-2xs text-muted-foreground/40 tabular-nums">{time}</span>
+          {totalCount > 0 && (
+            <ChevronDown
+              size={12}
+              className={`text-muted-foreground/30 transition-transform duration-150 ${expanded ? 'rotate-180' : ''}`}
+            />
+          )}
+        </div>
+      </button>
+
+      {expanded && totalCount > 0 && (
+        <div className="border-t border-border/20 px-4 py-2 space-y-1">
+          {/* Source files */}
+          {entry.sourceFiles.length > 1 && (
+            <div className="mb-2">
+              <span className="text-2xs font-medium text-muted-foreground/50 uppercase tracking-wider">
+                {t.importHistory.sourceLabel}
+              </span>
+              <div className="mt-1 space-y-0.5">
+                {entry.sourceFiles.map((name, idx) => (
+                  <div key={idx} className="flex items-center gap-2 text-2xs text-foreground/60">
+                    <FileText size={10} className="text-muted-foreground/40 shrink-0" />
+                    <span className="truncate">{name}</span>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {/* Changes */}
+          {entry.files.map((f, idx) => {
+            const fileName = f.path.split('/').pop() ?? f.path;
+            return (
+              <div
+                key={`${f.path}-${idx}`}
+                className={`flex items-center gap-2 py-1 text-2xs ${f.undone ? 'opacity-40' : ''}`}
+              >
+                <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${
+                  f.ok && !f.undone ? 'bg-success/60' : f.undone ? 'bg-muted-foreground/30' : 'bg-[var(--error)]/50'
+                }`} />
+                <span className={`truncate flex-1 ${f.undone ? 'line-through text-muted-foreground' : 'text-foreground/70'}`}>
+                  {f.path}
+                </span>
+                <span className="text-muted-foreground/40 shrink-0">
+                  {f.undone ? 'undone' : f.action === 'create' ? 'created' : f.action === 'update' ? 'updated' : f.action}
+                </span>
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function getSourceLabel(source?: OrganizeSource): string | null {
+  switch (source) {
+    case 'drag-drop': return 'Drag & Drop';
+    case 'inbox-organize': return 'Inbox';
+    case 'import-modal': return 'Import';
+    case 'plugin': return 'Plugin';
+    case 'upload': return 'Upload';
+    default: return null;
+  }
+}
+
+function formatDuration(ms: number): string {
+  const s = Math.round(ms / 1000);
+  if (s < 60) return `${s}s`;
+  const m = Math.floor(s / 60);
+  const rem = s % 60;
+  return `${m}m${rem > 0 ? `${rem}s` : ''}`;
+}

package/app/app/layout.tsx

@@ -13,14 +13,8 @@ import { cookies } from 'next/headers';
 import type { Locale } from '@/lib/i18n';
 import '@/lib/renderers/index'; // globally register built-in renderers once
 
-const geistSans = Inter({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
-});
-
-const geistMono = IBM_Plex_Mono({
-  variable: '--font-geist-mono',
-  weight: ['400', '600'],
+const inter = Inter({
+  variable: '--font-inter',
   subsets: ['latin'],
 });
 
@@ -32,7 +26,7 @@ const ibmPlexMono = IBM_Plex_Mono({
 
 const ibmPlexSans = IBM_Plex_Sans({
   variable: '--font-ibm-plex-sans',
-  weight: ['400', '500', '600'],
+  weight: ['400', '500', '600', '700'],
   subsets: ['latin'],
 });
 
@@ -98,12 +92,12 @@ export default async function RootLayout({
         {/* Apply user appearance settings before first paint, preventing flash */}
         <script
           dangerouslySetInnerHTML={{
-            __html: `(function(){try{var s=localStorage.getItem('theme');var dark=s&&s!=='system'?s==='dark':window.matchMedia('(prefers-color-scheme: dark)').matches;document.documentElement.classList.toggle('dark',dark);var cw=localStorage.getItem('content-width');if(cw)document.documentElement.style.setProperty('--content-width-override',cw);var pf=localStorage.getItem('prose-font');var fm={lora:'"Lora", Georgia, serif','ibm-plex-sans':'"IBM Plex Sans", sans-serif',geist:'var(--font-geist-sans), sans-serif','ibm-plex-mono':'"IBM Plex Mono", monospace'};if(pf&&fm[pf])document.documentElement.style.setProperty('--prose-font-override',fm[pf]);var loc=localStorage.getItem('locale')||'system';var rl=loc==='system'?(navigator.language.startsWith('zh')?'zh':'en'):loc;document.documentElement.lang=rl==='zh'?'zh':'en';document.cookie='locale='+rl+';path=/;max-age=31536000;SameSite=Lax'}catch(e){}})();`,
+            __html: `(function(){try{var s=localStorage.getItem('theme');var dark=s&&s!=='system'?s==='dark':window.matchMedia('(prefers-color-scheme: dark)').matches;document.documentElement.classList.toggle('dark',dark);var cw=localStorage.getItem('content-width');if(cw)document.documentElement.style.setProperty('--content-width-override',cw);var pf=localStorage.getItem('prose-font');if(pf==='geist'){pf='inter';localStorage.setItem('prose-font','inter')}var fm={lora:'"Lora", Georgia, serif','ibm-plex-sans':'"IBM Plex Sans", sans-serif',inter:'var(--font-inter), sans-serif','ibm-plex-mono':'"IBM Plex Mono", monospace'};if(pf&&fm[pf])document.documentElement.style.setProperty('--prose-font-override',fm[pf]);var loc=localStorage.getItem('locale')||'system';var rl=loc==='system'?(navigator.language.startsWith('zh')?'zh':'en'):loc;document.documentElement.lang=rl==='zh'?'zh':'en';document.cookie='locale='+rl+';path=/;max-age=31536000;SameSite=Lax'}catch(e){}})();`,
           }}
         />
       </head>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} ${ibmPlexMono.variable} ${ibmPlexSans.variable} ${lora.variable} antialiased bg-background text-foreground`}
+        className={`${inter.variable} ${ibmPlexMono.variable} ${ibmPlexSans.variable} ${lora.variable} antialiased bg-background text-foreground`}
         suppressHydrationWarning
       >
         <LocaleStoreInit ssrLocale={ssrLocale} />

package/app/app/login/page.tsx

@@ -65,7 +65,7 @@ function LoginForm() {
               <path d="M35,17.5 Q35,20 37.5,20 Q35,20 35,22.5 Q35,20 32.5,20 Q35,20 35,17.5 Z" fill="#FEF3C7"/>
             </g>
           </svg>
-          <h1 className="text-xl font-semibold text-foreground tracking-tight font-display">
+          <h1 className="text-2xl font-brand text-foreground">
             MindOS
           </h1>
           <p className="text-xs text-muted-foreground/70 italic">

package/app/app/page.tsx

@@ -37,10 +37,10 @@ function extractDescription(spacePath: string): string {
 }
 
 
-function getTopLevelDirs(): SpaceInfo[] {
+function getTopLevelDirs(tree?: FileNode[]): SpaceInfo[] {
   try {
-    const tree = getFileTree();
-    return tree
+    const nodes = tree ?? getFileTree();
+    return nodes
       .filter(n => n.type === 'directory' && !n.name.startsWith('.'))
       .map(n => ({
         name: n.name,

package/app/app/view/[...path]/ViewPageClient.tsx

@@ -61,7 +61,12 @@ export default function ViewPageClient({
   // Graph mode — per-view, resets when navigating to a different file
   const [graphMode, setGraphMode] = useState(false);
   const router = useRouter();
-  const [editing, setEditing] = useState(initialEditing || content === '');
+  const isBinaryFile = [
+    'pdf', 'png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp', 'ico',
+    'mp3', 'wav', 'm4a', 'ogg', 'flac', 'aac',
+    'mp4', 'webm', 'mov', 'mkv',
+  ].includes(extension);
+  const [editing, setEditing] = useState(!isBinaryFile && (initialEditing || content === ''));
   const [editContent, setEditContent] = useState(content);
   const [savedContent, setSavedContent] = useState(content);
 
@@ -282,7 +287,7 @@ export default function ViewPageClient({
         e.preventDefault();
         setFindOpen(true);
       }
-      if (e.key === 'e' && !editing && document.activeElement?.tagName === 'BODY') {
+      if (e.key === 'e' && !editing && !isBinaryFile && document.activeElement?.tagName === 'BODY') {
         handleEdit();
       }
       if (e.key === 'Escape' && editing) handleCancel();
@@ -374,7 +379,7 @@ export default function ViewPageClient({
               </span>
             )}
             {saveSuccess && (
-              <span className="text-xs flex items-center gap-1.5 font-display" style={{ color: 'var(--success)' }}>
+              <span className="text-xs flex items-center gap-1.5" style={{ color: 'var(--success)' }}>
                 <span className="w-1.5 h-1.5 rounded-full" style={{ background: 'var(--success)' }} />
                 <span className="hidden sm:inline">saved</span>
               </span>
@@ -383,11 +388,11 @@ export default function ViewPageClient({
               <span className="text-xs text-error hidden sm:inline">{saveError}</span>
             )}
 
-            {/* Renderer toggle — only shown when a custom renderer exists (excludes graph-mode override) */}
-            {registryRenderer && !editing && !isDraft && !graphRenderer && (
+            {/* Renderer toggle — only shown when a custom renderer exists (excludes graph-mode override and binary files) */}
+            {registryRenderer && !editing && !isDraft && !graphRenderer && !isBinaryFile && (
               <button
                 onClick={handleToggleRaw}
-                className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors font-display"
+                className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors"
                 style={{
                   background: effectiveUseRaw ? `${'var(--amber)'}22` : 'var(--muted)',
                   color: effectiveUseRaw ? 'var(--amber)' : 'var(--muted-foreground)',
@@ -399,10 +404,10 @@ export default function ViewPageClient({
               </button>
             )}
 
-            {!editing && !showRenderer && !isDraft && (
+            {!editing && !showRenderer && !isDraft && !isBinaryFile && (
               <button
                 onClick={handleEdit}
-                className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors font-display"
+                className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors"
                 style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}
                 onMouseEnter={(e) => { e.currentTarget.style.color = 'var(--foreground)'; e.currentTarget.style.background = 'var(--accent)'; }}
                 onMouseLeave={(e) => { e.currentTarget.style.color = 'var(--muted-foreground)'; e.currentTarget.style.background = 'var(--muted)'; }}
@@ -416,7 +421,7 @@ export default function ViewPageClient({
                 <button
                   onClick={handleCancel}
                   disabled={isPending}
-                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors disabled:opacity-50 font-display"
+                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors disabled:opacity-50"
                   style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}
                   onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--accent)'; }}
                   onMouseLeave={(e) => { e.currentTarget.style.background = 'var(--muted)'; }}
@@ -427,7 +432,7 @@ export default function ViewPageClient({
                 <button
                   onClick={isDraft && showSaveAs ? handleConfirmDraftSave : handleSave}
                   disabled={isPending}
-                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium disabled:opacity-50 font-display"
+                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium disabled:opacity-50"
                   style={{ background: 'var(--amber)', color: 'var(--amber-foreground)' }}
                 >
                   {isPending ? <Loader2 size={13} className="animate-spin" /> : <Save size={13} />}

package/app/app/view/[...path]/not-found.tsx

@@ -52,7 +52,7 @@ export default function ViewNotFound() {
         <FilePlus size={24} className="text-muted-foreground" />
       </div>
 
-      <h1 className="text-lg font-semibold text-foreground mb-2 font-display">
+      <h1 className="text-lg font-semibold tracking-tight text-foreground mb-2">
         {notFoundT?.title ?? 'File not found'}
       </h1>
 

package/app/app/view/[...path]/page.tsx

@@ -1,10 +1,20 @@
 import { notFound } from 'next/navigation';
-import { getFileContent, saveFileContent, isDirectory, getDirEntries, createFile, getFileTree, getSpacePreview } from '@/lib/fs';
+import fs from 'fs';
+import { getFileContent, saveFileContent, isDirectory, getDirEntries, createFile, getFileTree, getSpacePreview, getMindRoot } from '@/lib/fs';
+import { resolveSafe } from '@/lib/core/security';
 import type { FileNode } from '@/lib/types';
 import ViewPageClient from './ViewPageClient';
 import DirView from '@/components/DirView';
 import Papa from 'papaparse';
 
+/** Extensions handled as binary (not read as UTF-8 text) */
+const BINARY_EXTENSIONS = new Set([
+  'pdf',
+  'png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp', 'ico',
+  'mp3', 'wav', 'm4a', 'ogg', 'flac', 'aac',
+  'mp4', 'webm', 'mov', 'mkv',
+]);
+
 interface PageProps {
   params: Promise<{ path: string[] }>;
 }
@@ -53,6 +63,27 @@ export default async function ViewPage({ params }: PageProps) {
     createFile(targetPath, draftContent);
   }
 
+  // Binary files (PDF, etc.) are rendered by their own viewer via iframe/API.
+  // Skip UTF-8 text reading — just verify the file exists.
+  if (BINARY_EXTENSIONS.has(extension)) {
+    let binaryExists = false;
+    try {
+      const resolved = resolveSafe(getMindRoot(), filePath);
+      binaryExists = fs.existsSync(resolved);
+    } catch { /* path traversal → not found */ }
+
+    if (!binaryExists) notFound();
+
+    return (
+      <ViewPageClient
+        filePath={filePath}
+        content=""
+        extension={extension}
+        saveAction={saveAction}
+      />
+    );
+  }
+
   let content = '';
   let exists = true;
   try {

package/app/app/wiki/page.tsx

@@ -0,0 +1,58 @@
+import { redirect } from 'next/navigation';
+import { readSettings } from '@/lib/settings';
+import { getRecentlyModified, getFileTree, getFileContent } from '@/lib/fs';
+import WikiHomeContent from '@/components/WikiHomeContent';
+import type { FileNode } from '@/lib/core/types';
+import type { SpaceInfo } from '@/app/page';
+
+export const dynamic = 'force-dynamic';
+
+function countFiles(node: FileNode): number {
+  if (node.type === 'file') return 1;
+  return (node.children ?? []).reduce((sum, c) => sum + countFiles(c), 0);
+}
+
+function extractDescription(spacePath: string): string {
+  try {
+    const content = getFileContent(spacePath + 'README.md');
+    const lines = content.split('\n');
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed || trimmed.startsWith('#')) continue;
+      return trimmed;
+    }
+  } catch { /* README.md doesn't exist */ }
+  return '';
+}
+
+function getTopLevelDirs(): SpaceInfo[] {
+  try {
+    const tree = getFileTree();
+    return tree
+      .filter(n => n.type === 'directory' && !n.name.startsWith('.'))
+      .map(n => ({
+        name: n.name,
+        path: n.path + '/',
+        fileCount: countFiles(n),
+        description: extractDescription(n.path + '/'),
+      }));
+  } catch {
+    return [];
+  }
+}
+
+export default function WikiPage() {
+  const settings = readSettings();
+  if (settings.setupPending) redirect('/setup');
+
+  let recent: { path: string; mtime: number }[] = [];
+  try {
+    recent = getRecentlyModified(20);
+  } catch (err) {
+    console.error('[WikiPage] Failed to load recent files:', err);
+  }
+
+  const spaces = getTopLevelDirs();
+
+  return <WikiHomeContent spaces={spaces} recent={recent} />;
+}

package/app/components/ActivityBar.tsx

@@ -20,6 +20,7 @@ interface ActivityBarProps {
   onAgentsClick?: () => void;
   onDiscoverClick?: () => void;
   onWorkflowsClick?: () => void;
+  onSpacesClick?: () => void;
   syncStatus: SyncStatus | null;
   expanded: boolean;
   onExpandedChange: (expanded: boolean) => void;
@@ -83,6 +84,7 @@ export default function ActivityBar({
   onAgentsClick,
   onDiscoverClick,
   onWorkflowsClick,
+  onSpacesClick,
   syncStatus,
   expanded,
   onExpandedChange,
@@ -144,14 +146,12 @@ export default function ActivityBar({
     };
   }, []);
 
-  // Labs feature flags (Echo, Workflows) — read from localStorage, react to settings changes
-  const [labsEcho, setLabsEcho] = useState(() =>
-    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-echo') === '1' : false
-  );
-  const [labsWorkflows, setLabsWorkflows] = useState(() =>
-    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-workflows') === '1' : false
-  );
+  // Labs feature flags (Echo, Workflows) — always start false to match SSR, hydrate from localStorage in effect
+  const [labsEcho, setLabsEcho] = useState(false);
+  const [labsWorkflows, setLabsWorkflows] = useState(false);
   useEffect(() => {
+    setLabsEcho(localStorage.getItem('mindos:labs-echo') === '1');
+    setLabsWorkflows(localStorage.getItem('mindos:labs-workflows') === '1');
     const sync = () => {
       setLabsEcho(localStorage.getItem('mindos:labs-echo') === '1');
       setLabsWorkflows(localStorage.getItem('mindos:labs-workflows') === '1');
@@ -199,14 +199,14 @@ export default function ActivityBar({
           aria-label="MindOS Home"
         >
           <Logo id="rail" className="w-7 h-3.5 shrink-0" />
-          {expanded && <span className="text-sm font-semibold text-foreground font-display whitespace-nowrap">MindOS</span>}
+          {expanded && <span className="text-sm text-foreground font-brand whitespace-nowrap">MindOS</span>}
         </Link>
 
         <div className={`${expanded ? 'mx-3' : 'mx-2'} border-t border-border`} />
 
         {/* ── Middle: Core panel toggles ── */}
         <div className={`flex flex-col ${expanded ? 'px-1.5' : 'items-center'} gap-1 py-2`}>
-          <RailButton icon={<FolderTree size={18} />} label={t.sidebar.files} active={activePanel === 'files'} expanded={expanded} onClick={() => toggle('files')} walkthroughId="files-panel" />
+          <RailButton icon={<FolderTree size={18} />} label={t.sidebar.files} active={activePanel === 'files'} expanded={expanded} onClick={() => onSpacesClick ? debounced(onSpacesClick) : toggle('files')} walkthroughId="files-panel" />
           {labsEcho && <RailButton icon={<Radio size={18} />} label={t.sidebar.echo} active={activePanel === 'echo'} expanded={expanded} onClick={() => onEchoClick ? debounced(onEchoClick) : toggle('echo')} walkthroughId="echo-panel" />}
           <RailButton icon={<Search size={18} />} label={t.sidebar.searchTitle} shortcut="⌘K" active={activePanel === 'search'} expanded={expanded} onClick={() => toggle('search')} />
           <RailButton

package/app/components/AskFab.tsx

@@ -27,7 +27,7 @@ export default function AskFab({ onToggle, askPanelOpen }: AskFabProps) {
         shadow-sm shadow-amber-900/10
         transition-all duration-200 ease-out
         hover:shadow-md hover:shadow-amber-900/15
-        active:scale-95 cursor-pointer overflow-hidden font-display
+        active:scale-95 cursor-pointer overflow-hidden
         ${askPanelOpen ? 'opacity-0 pointer-events-none translate-y-2' : 'opacity-100 translate-y-0'}
       `}
       style={{

package/app/components/Backlinks.tsx

@@ -31,7 +31,7 @@ export default function Backlinks({ filePath }: { filePath: string }) {
     <div className="mt-12 pt-8 border-t border-border">
       <div className="flex items-center gap-2 mb-6 text-muted-foreground">
         <LinkIcon size={16} className="text-[var(--amber)]/70" />
-        <h3 className="text-sm font-semibold tracking-wider uppercase font-display">
+        <h3 className="text-sm font-semibold tracking-wider uppercase">
           {t.common?.relatedFiles || 'Related Files'}
         </h3>
         <span className="text-xs bg-muted px-1.5 py-0.5 rounded-full font-mono">

package/app/components/Breadcrumb.tsx

@@ -13,7 +13,7 @@ function FileTypeIcon({ name }: { name: string }) {
 export default function Breadcrumb({ filePath }: { filePath: string }) {
   const parts = filePath.split('/');
   return (
-    <nav className="flex items-center gap-1 text-xs text-muted-foreground flex-wrap font-display">
+    <nav className="flex items-center gap-1 text-xs text-muted-foreground flex-wrap">
       <Link href="/" className="hover:text-foreground transition-colors">
         <Home size={14} />
       </Link>

package/app/components/CreateSpaceModal.tsx

@@ -120,7 +120,7 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
       >
         {/* Header */}
         <div className="flex items-center justify-between px-5 pt-5 pb-3">
-          <h3 className="text-base font-semibold font-display text-foreground">{h.newSpace}</h3>
+          <h3 className="text-base font-semibold text-foreground">{h.newSpace}</h3>
           <button onClick={close} className="p-1 rounded-md text-muted-foreground hover:bg-muted transition-colors">
             <X size={14} />
           </button>

package/app/components/DirView.tsx

@@ -346,7 +346,7 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
                     <span className="text-2xs text-muted-foreground">{t.dirView.fileCount(fileCounts.get(entry.path) ?? 0)}</span>
                   )}
                   {entry.type === 'file' && entry.mtime && (
-                    <span className="text-2xs text-muted-foreground font-display" suppressHydrationWarning>
+                    <span className="text-2xs text-muted-foreground" suppressHydrationWarning>
                       {formatTime(entry.mtime)}
                     </span>
                   )}
@@ -369,7 +369,7 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
                   {entry.type === 'directory' ? (
                     <span className="text-xs text-muted-foreground shrink-0">{t.dirView.fileCount(fileCounts.get(entry.path) ?? 0)}</span>
                   ) : entry.mtime ? (
-                    <span className="text-xs text-muted-foreground shrink-0 tabular-nums font-display" suppressHydrationWarning>
+                    <span className="text-xs text-muted-foreground shrink-0 tabular-nums" suppressHydrationWarning>
                       {formatTime(entry.mtime)}
                     </span>
                   ) : null}