@geminilight/mindos 0.6.52 → 0.6.54

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}

package/app/components/EchoSpotlight.tsx

@@ -41,13 +41,15 @@ export default function EchoSpotlight() {
   if (dailyLine.trim()) {
     return (
       <section className="mb-10">
-        <div className="flex items-center gap-2 mb-4">
-          <span className="text-[var(--amber)]"><Feather size={13} /></span>
-          <h2 className="text-sm font-semibold font-display text-foreground">{echo.title}</h2>
-          <span className="text-xs text-muted-foreground/50 font-display">{echo.dailyLine}</span>
+        <div className="flex items-center gap-2.5 mb-5">
+          <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]">
+            <Feather size={13} />
+          </div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{echo.title}</h2>
+          <span className="text-xs text-muted-foreground/50">{echo.dailyLine}</span>
           <Link
             href="/echo/daily"
-            className="ml-auto text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity font-display"
+            className="ml-auto text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity"
           >
             {echo.goToEcho}
           </Link>
@@ -61,7 +63,7 @@ export default function EchoSpotlight() {
               onChange={e => saveLine(e.target.value)}
               onBlur={() => setEditing(false)}
               onKeyDown={e => { if (e.key === 'Enter') setEditing(false); }}
-              className="w-full px-3.5 py-3 rounded-xl border border-[var(--amber)]/40 bg-card text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-display italic"
+              className="w-full px-3.5 py-3 rounded-xl border border-[var(--amber)]/40 bg-card text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring italic"
               placeholder={echo.placeholder}
             />
           ) : (
@@ -83,9 +85,11 @@ export default function EchoSpotlight() {
   // ── No daily line → invite ──
   return (
     <section className="mb-10">
-      <div className="flex items-center gap-2 mb-4">
-        <span className="text-[var(--amber)]"><Feather size={13} /></span>
-        <h2 className="text-sm font-semibold font-display text-foreground">{echo.title}</h2>
+      <div className="flex items-center gap-2.5 mb-5">
+        <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]">
+          <Feather size={13} />
+        </div>
+        <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{echo.title}</h2>
       </div>
       <div className="flex items-center gap-4 px-3.5 py-3.5 rounded-xl border border-dashed border-border/60 hover:border-[var(--amber)]/30 transition-all duration-150 group">
         <div className="flex-1 min-w-0">
@@ -93,7 +97,7 @@ export default function EchoSpotlight() {
             type="text"
             value={dailyLine}
             onChange={e => saveLine(e.target.value)}
-            className="w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground/40 focus-visible:outline-none font-display italic"
+            className="w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground/40 focus-visible:outline-none italic"
             placeholder={echo.placeholder}
           />
           <p className="text-xs text-muted-foreground/40 mt-1">{echo.inviteDesc}</p>

package/app/components/Editor.tsx

@@ -17,7 +17,7 @@ const darkTheme = EditorView.theme({
     backgroundColor: '#09090b',
     height: '100%',
     fontSize: '0.875rem',
-    fontFamily: 'var(--font-geist-mono), ui-monospace, monospace',
+    fontFamily: 'var(--font-ibm-plex-mono), ui-monospace, monospace',
   },
   '.cm-scroller': {
     overflow: 'auto',

package/app/components/ExportModal.tsx

@@ -113,7 +113,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
         <div className="flex items-center justify-between px-5 py-4 border-b border-border">
           <div className="flex items-center gap-2">
             <Download size={15} className="text-[var(--amber)]" />
-            <h3 id="export-modal-title" className="text-sm font-semibold font-display">
+            <h3 id="export-modal-title" className="text-sm font-semibold">
               {isDirectory ? (t.export?.exportSpace ?? 'Export Space') : (t.export?.exportFile ?? 'Export File')}
             </h3>
           </div>
@@ -129,7 +129,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
               <div className="w-10 h-10 rounded-full bg-success/10 flex items-center justify-center mx-auto mb-3">
                 <Check size={20} className="text-success" />
               </div>
-              <p className="text-sm font-medium font-display">{t.export?.done ?? 'Export Complete'}</p>
+              <p className="text-sm font-medium">{t.export?.done ?? 'Export Complete'}</p>
               <p className="text-xs text-muted-foreground mt-1">{fileName}</p>
             </div>
           ) : state === 'error' ? (
@@ -140,7 +140,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
           ) : (
             <>
               <p className="text-xs text-muted-foreground mb-3 truncate" title={filePath}>{filePath}</p>
-              <p className="text-xs font-medium font-display text-foreground mb-2">{t.export?.chooseFormat ?? 'Choose format'}</p>
+              <p className="text-xs font-medium text-foreground mb-2">{t.export?.chooseFormat ?? 'Choose format'}</p>
               <div className="space-y-1.5">
                 {formats.map(f => (
                   <label

package/app/components/FileTree.tsx

@@ -438,7 +438,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
         <button
           type="button"
           onClick={handleSingleClick}
-          onDoubleClick={handleDoubleClick}
           draggable
           onDragStart={(e) => {
             e.dataTransfer.setData('text/mindos-path', node.path);
@@ -448,7 +447,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           className={`
             flex-1 flex items-center gap-1.5 px-1 py-1 rounded text-left min-w-0 pr-16
             text-sm transition-colors duration-100
-            hover:bg-muted cursor-text
+            hover:bg-muted cursor-default
             ${isActive ? 'text-foreground' : 'text-muted-foreground hover:text-foreground'}
           `}
         >
@@ -461,9 +460,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
               : <Folder size={14} className="text-yellow-400 shrink-0" />
           }
           <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-          <span className="ml-auto text-xs text-muted-foreground/30 group-hover/dir:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/dir:inline-flex items-center gap-1">
-            <Pencil size={10} />
-          </span>
           {isSpace && !open && (
             <span className="ml-auto text-xs text-muted-foreground shrink-0 tabular-nums pr-1">{contentCount}</span>
           )}
@@ -657,14 +653,13 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
     <div className="relative group/file">
       <button
         onClick={handleClick}
-        onDoubleClick={isProtected ? undefined : startRename}
         onContextMenu={handleContextMenu}
         draggable
         onDragStart={handleDragStart}
         data-filepath={node.path}
         className={`
           w-full flex items-center gap-1.5 px-2 py-1 rounded text-left
-          text-sm transition-colors duration-100 cursor-text pr-16
+          text-sm transition-colors duration-100 cursor-default pr-16
           ${isActive
             ? 'bg-accent text-foreground'
             : 'hover:bg-muted text-muted-foreground hover:text-foreground'
@@ -674,9 +669,6 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
       >
         {getIcon(node)}
         <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-        <span className="ml-auto text-xs text-muted-foreground/30 group-hover/file:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/file:inline-flex items-center gap-1">
-          <Pencil size={10} />
-        </span>
         {pinned && <Star size={10} className="shrink-0 fill-[var(--amber)] text-[var(--amber)] opacity-60" />}
       </button>
       <div className="absolute right-1 top-1/2 -translate-y-1/2 hidden group-hover/file:flex items-center gap-0.5">
@@ -759,7 +751,10 @@ export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, p
   const showHidden = useShowHiddenFiles();
 
   const isRoot = depth === 0;
-  const visibleNodes = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const filtered = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const visibleNodes = isRoot
+    ? filtered.filter(n => !(n.type === 'directory' && n.name === 'Inbox'))
+    : filtered;
 
   useEffect(() => {
     if (!currentPath || depth !== 0) return;

package/app/components/GuideCard.tsx

@@ -232,7 +232,7 @@ export default function GuideCard() {
       {/* Header */}
       <div className="flex items-center gap-3 px-5 pt-4 pb-2">
         <Sparkles size={16} className="text-[var(--amber)]" />
-        <span className="text-sm font-semibold flex-1 font-display text-foreground">
+        <span className="text-sm font-semibold flex-1 text-foreground">
           {g.title}
         </span>
         <button onClick={handleDismiss} className="p-1 rounded hover:bg-muted transition-colors text-muted-foreground">