@geminilight/mindos 0.6.39 → 0.6.40

package/app/components/DirView.tsx

@@ -2,14 +2,12 @@
 
 import { useSyncExternalStore, useMemo, useState, useCallback, useRef, useEffect } from 'react';
 import Link from 'next/link';
-import { FileText, Table, Folder, FolderOpen, LayoutGrid, List, FilePlus, ScrollText, BookOpen, Copy } from 'lucide-react';
+import { FileText, Table, Folder, FolderOpen, LayoutGrid, List, FilePlus, ScrollText, BookOpen, Copy, AlertTriangle, X, Settings, Pencil } from 'lucide-react';
 import Breadcrumb from '@/components/Breadcrumb';
 import { encodePath, relativeTime } from '@/lib/utils';
-import { FileNode } from '@/lib/types';
+import { FileNode, SYSTEM_FILES } from '@/lib/types';
 import type { SpacePreview } from '@/lib/core/types';
-import { useLocale } from '@/lib/LocaleContext';
-
-const SYSTEM_FILES = new Set(['INSTRUCTION.md', 'README.md']);
+import { useLocale } from '@/lib/stores/locale-store';
 
 async function copyPathToClipboard(path: string) {
   try { await navigator.clipboard.writeText(path); } catch { /* noop */ }
@@ -39,6 +37,27 @@ function countFiles(node: FileNode): number {
 }
 
 const DIR_VIEW_KEY = 'mindos-dir-view';
+const HIDDEN_FILES_KEY = 'show-hidden-files';
+
+function subscribeHiddenFiles(cb: () => void) {
+  const handler = (e: StorageEvent) => { if (e.key === HIDDEN_FILES_KEY) cb(); };
+  const custom = () => cb();
+  window.addEventListener('storage', handler);
+  window.addEventListener('mindos:hidden-files-changed', custom);
+  return () => {
+    window.removeEventListener('storage', handler);
+    window.removeEventListener('mindos:hidden-files-changed', custom);
+  };
+}
+
+function getShowHiddenFiles() {
+  if (typeof window === 'undefined') return false;
+  return localStorage.getItem(HIDDEN_FILES_KEY) === 'true';
+}
+
+function useShowHiddenFiles() {
+  return useSyncExternalStore(subscribeHiddenFiles, getShowHiddenFiles, () => false);
+}
 
 function useDirViewPref() {
   const view = useSyncExternalStore(
@@ -168,10 +187,71 @@ function DirContextMenu({ x, y, path, label, onClose }: {
   );
 }
 
+// ─── Space Uninitialized Banner ───────────────────────────────────────────────
+
+const DISMISS_KEY_PREFIX = 'mindos-space-uninit-dismissed:';
+
+function SpaceUninitBanner({ dirPath }: { dirPath: string }) {
+  const { t } = useLocale();
+  const storageKey = DISMISS_KEY_PREFIX + dirPath;
+  const [dismissed, setDismissed] = useState(false);
+
+  useEffect(() => {
+    if (localStorage.getItem(storageKey) === '1') setDismissed(true);
+  }, [storageKey]);
+
+  if (dismissed) return null;
+
+  const handleDismiss = () => {
+    localStorage.setItem(storageKey, '1');
+    setDismissed(true);
+  };
+
+  return (
+    <div className="mb-4 rounded-lg border border-error/40 bg-error/5 px-4 py-3">
+      <div className="flex items-start gap-3">
+        <AlertTriangle size={18} className="text-error shrink-0 mt-0.5" />
+        <div className="flex-1 min-w-0">
+          <p className="text-sm font-medium text-foreground">{t.dirView.uninitTitle}</p>
+          <p className="text-xs text-muted-foreground mt-1 leading-relaxed">{t.dirView.uninitDesc}</p>
+          <div className="flex items-center gap-3 mt-2.5">
+            <Link
+              href={`/view/${encodePath(`${dirPath}/README.md`)}`}
+              className="inline-flex items-center gap-1 text-xs text-[var(--amber)] hover:underline"
+            >
+              <Pencil size={12} /> {t.dirView.uninitEditReadme}
+            </Link>
+            <Link
+              href={`/view/${encodePath(`${dirPath}/INSTRUCTION.md`)}`}
+              className="inline-flex items-center gap-1 text-xs text-[var(--amber)] hover:underline"
+            >
+              <Pencil size={12} /> {t.dirView.uninitEditInstruction}
+            </Link>
+            <Link
+              href="/settings"
+              className="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground"
+            >
+              <Settings size={12} /> {t.dirView.uninitSettings}
+            </Link>
+          </div>
+        </div>
+        <button
+          onClick={handleDismiss}
+          className="text-muted-foreground hover:text-foreground transition-colors p-0.5 shrink-0"
+          aria-label="Dismiss"
+        >
+          <X size={14} />
+        </button>
+      </div>
+    </div>
+  );
+}
+
 // ─── DirView ──────────────────────────────────────────────────────────────────
 
 export default function DirView({ dirPath, entries, spacePreview }: DirViewProps) {
   const [view, setView] = useDirViewPref();
+  const showHidden = useShowHiddenFiles();
   const { t } = useLocale();
   const formatTime = (mtime: number) => relativeTime(mtime, t.home.relativeTime);
   const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number; path: string } | null>(null);
@@ -183,11 +263,8 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
   }, []);
 
   const visibleEntries = useMemo(() => {
-    if (spacePreview) {
-      return entries.filter(e => e.type !== 'file' || !SYSTEM_FILES.has(e.name));
-    }
-    return entries.filter(e => e.type !== 'file' || e.name !== 'README.md');
-  }, [entries, spacePreview]);
+    return showHidden ? entries : entries.filter(e => e.type !== 'file' || !SYSTEM_FILES.has(e.name));
+  }, [entries, showHidden]);
 
   const fileCounts = useMemo(() => {
     const map = new Map<string, number>();
@@ -234,8 +311,13 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
       {/* Content */}
       <div className="flex-1 px-4 md:px-6 py-6">
         <div className="max-w-[860px] mx-auto">
+          {/* Uninitialized space warning */}
+          {spacePreview?.isTemplate && (
+            <SpaceUninitBanner dirPath={dirPath} />
+          )}
+
           {/* Space preview cards */}
-          {spacePreview && (
+          {spacePreview && !spacePreview.isTemplate && (
             <SpacePreviewSection preview={spacePreview} dirPath={dirPath} />
           )}
 

package/app/components/EchoSpotlight.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef } from 'react';
 import Link from 'next/link';
 import { Feather, ArrowRight } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 const STORAGE_KEY = 'mindos-echo-daily-line';
 

package/app/components/ExportModal.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useCallback, useRef } from 'react';
 import { X, Download, FileText, Globe, Archive, Check, Loader2 } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { toast } from '@/lib/toast';
 
 type ExportFormat = 'md' | 'html' | 'zip' | 'zip-html';

package/app/components/FileTree.tsx

@@ -2,17 +2,18 @@
 
 import { useState, useCallback, useRef, useTransition, useEffect, useSyncExternalStore } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { FileNode } from '@/lib/types';
+import { FileNode, SYSTEM_FILES, UNDELETABLE_FILES } from '@/lib/types';
 import { encodePath } from '@/lib/utils';
 import {
   ChevronDown, FileText, Table, Folder, FolderOpen, Plus, Loader2,
-  Trash2, Pencil, Layers, ScrollText, FolderInput, Copy, MoreHorizontal, Star,
+  Trash2, Pencil, Layers, ScrollText, FolderInput, Copy, MoreHorizontal, Star, Inbox,
 } from 'lucide-react';
 import { createFileAction, deleteFileAction, renameFileAction, renameSpaceAction, deleteSpaceAction, convertToSpaceAction, deleteFolderAction, undoDeleteAction } from '@/lib/actions';
 import { toast } from '@/lib/toast';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { ConfirmDialog } from '@/components/agents/AgentsPrimitives';
 import { usePinnedFiles } from '@/lib/hooks/usePinnedFiles';
+import { checkAiAvailable, triggerSpaceAiInit } from '@/lib/space-ai-init';
 
 function notifyFilesChanged() {
   window.dispatchEvent(new Event('mindos:files-changed'));
@@ -22,8 +23,6 @@ async function copyPathToClipboard(path: string) {
   try { await navigator.clipboard.writeText(path); } catch { /* noop */ }
 }
 
-const SYSTEM_FILES = new Set(['INSTRUCTION.md', 'README.md']);
-
 const HIDDEN_FILES_KEY = 'show-hidden-files';
 
 function subscribeHiddenFiles(cb: () => void) {
@@ -47,7 +46,7 @@ export function setShowHiddenFiles(value: boolean) {
   window.dispatchEvent(new Event('mindos:hidden-files-changed'));
 }
 
-function useShowHiddenFiles() {
+export function useShowHiddenFiles() {
   return useSyncExternalStore(subscribeHiddenFiles, getShowHiddenFiles, () => false);
 }
 
@@ -78,11 +77,11 @@ function countContentFiles(node: FileNode): number {
   return (node.children ?? []).reduce((sum, c) => sum + countContentFiles(c), 0);
 }
 
-function filterVisibleNodes(nodes: FileNode[], parentIsSpace: boolean): FileNode[] {
+/** Filter out system files and dot-entries that shouldn't appear by default. */
+function filterHiddenNodes(nodes: FileNode[], isRoot: boolean): FileNode[] {
   return nodes.filter(node => {
-    if (node.type !== 'file') return true;
-    if (parentIsSpace && SYSTEM_FILES.has(node.name)) return false;
-    if (!parentIsSpace && node.name === 'README.md') return false;
+    if (isRoot && node.name.startsWith('.')) return false;
+    if (node.type === 'file' && SYSTEM_FILES.has(node.name)) return false;
     return true;
   });
 }
@@ -131,8 +130,8 @@ const MENU_DIVIDER = "my-1 border-t border-border/50";
 
 // ─── SpaceContextMenu ─────────────────────────────────────────────────────────
 
-function SpaceContextMenu({ x, y, node, onClose, onRename, onImport, onDelete }: {
-  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void; onImport?: (space: string) => void; onDelete: () => void;
+function SpaceContextMenu({ x, y, node, onClose, onRename, onNewFile, onImport, onDelete }: {
+  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void; onNewFile: () => void; onImport?: (space: string) => void; onDelete: () => void;
 }) {
   const router = useRouter();
   const { t } = useLocale();
@@ -141,18 +140,22 @@ function SpaceContextMenu({ x, y, node, onClose, onRename, onImport, onDelete }:
 
   return (
     <ContextMenuShell x={x} y={y} onClose={onClose}>
-      <button className={MENU_ITEM} onClick={() => { togglePin(node.path); onClose(); }}>
-        <Star size={14} className={`shrink-0 ${pinned ? 'fill-[var(--amber)] text-[var(--amber)]' : ''}`} />
-        {pinned ? t.fileTree.removeFromFavorites : t.fileTree.pinToFavorites}
+      <button className={MENU_ITEM} onClick={() => { onNewFile(); onClose(); }}>
+        <Plus size={14} className="shrink-0" /> {t.fileTree.newFile}
       </button>
       <button className={MENU_ITEM} onClick={() => { router.push(`/view/${encodePath(`${node.path}/INSTRUCTION.md`)}`); onClose(); }}>
-        <ScrollText size={14} className="shrink-0" /> {t.fileTree.editRules}
+        <ScrollText size={14} className="shrink-0" /> {t.fileTree.viewRules}
       </button>
       {onImport && (
         <button className={MENU_ITEM} onClick={() => { onImport(node.path); onClose(); }}>
           <FolderInput size={14} className="shrink-0" /> {t.fileTree.importFile}
         </button>
       )}
+      <div className={MENU_DIVIDER} />
+      <button className={MENU_ITEM} onClick={() => { togglePin(node.path); onClose(); }}>
+        <Star size={14} className={`shrink-0 ${pinned ? 'fill-[var(--amber)] text-[var(--amber)]' : ''}`} />
+        {pinned ? t.fileTree.removeFromFavorites : t.fileTree.pinToFavorites}
+      </button>
       <button className={MENU_ITEM} onClick={() => { copyPathToClipboard(node.path); onClose(); }}>
         <Copy size={14} className="shrink-0" /> {t.fileTree.copyPath}
       </button>
@@ -170,8 +173,8 @@ function SpaceContextMenu({ x, y, node, onClose, onRename, onImport, onDelete }:
 
 // ─── FolderContextMenu ────────────────────────────────────────────────────────
 
-function FolderContextMenu({ x, y, node, onClose, onRename, onDelete }: {
-  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void; onDelete: () => void;
+function FolderContextMenu({ x, y, node, onClose, onRename, onNewFile, onDelete }: {
+  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void; onNewFile: () => void; onDelete: () => void;
 }) {
   const router = useRouter();
   const { t } = useLocale();
@@ -180,7 +183,11 @@ function FolderContextMenu({ x, y, node, onClose, onRename, onDelete }: {
   const pinned = isPinned(node.path);
 
   return (
-    <ContextMenuShell x={x} y={y} onClose={onClose} menuHeight={180}>
+    <ContextMenuShell x={x} y={y} onClose={onClose} menuHeight={220}>
+      <button className={MENU_ITEM} onClick={() => { onNewFile(); onClose(); }}>
+        <Plus size={14} className="shrink-0" /> {t.fileTree.newFile}
+      </button>
+      <div className={MENU_DIVIDER} />
       <button className={MENU_ITEM} onClick={() => { togglePin(node.path); onClose(); }}>
         <Star size={14} className={`shrink-0 ${pinned ? 'fill-[var(--amber)] text-[var(--amber)]' : ''}`} />
         {pinned ? t.fileTree.removeFromFavorites : t.fileTree.pinToFavorites}
@@ -188,7 +195,14 @@ function FolderContextMenu({ x, y, node, onClose, onRename, onDelete }: {
       <button className={MENU_ITEM} disabled={isPending} onClick={() => {
         startTransition(async () => {
           const result = await convertToSpaceAction(node.path);
-          if (result.success) { router.refresh(); notifyFilesChanged(); }
+          if (result.success) {
+            router.refresh();
+            notifyFilesChanged();
+            const spaceName = node.name.replace(/^[\p{Emoji_Presentation}\p{Extended_Pictographic}\s]+/u, '') || node.name;
+            checkAiAvailable().then(ok => {
+              if (ok) triggerSpaceAiInit(spaceName, node.path);
+            });
+          }
           onClose();
         });
       }}>
@@ -298,8 +312,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
   const renameRef = useRef<HTMLInputElement>(null);
   const clickTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const [contextMenu, setContextMenu] = useState<{ x: number; y: number } | null>(null);
-  const [plusPopover, setPlusPopover] = useState(false);
-  const plusRef = useRef<HTMLButtonElement>(null);
   const { t } = useLocale();
   const [deleteConfirm, setDeleteConfirm] = useState<null | 'space' | 'folder'>(null);
   const [isPendingDelete, startDeleteTransition] = useTransition();
@@ -424,6 +436,12 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           type="button"
           onClick={handleSingleClick}
           onDoubleClick={handleDoubleClick}
+          draggable
+          onDragStart={(e) => {
+            e.dataTransfer.setData('text/mindos-path', node.path);
+            e.dataTransfer.setData('text/mindos-type', 'directory');
+            e.dataTransfer.effectAllowed = 'copy';
+          }}
           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
@@ -432,7 +450,9 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           `}
         >
           {isSpace
-            ? <Layers size={14} className="shrink-0 text-[var(--amber)]" />
+            ? node.name === 'Inbox'
+              ? <Inbox size={14} className="shrink-0 text-[var(--amber)]" />
+              : <Layers size={14} className="shrink-0 text-[var(--amber)]" />
             : open
               ? <FolderOpen size={14} className="text-yellow-400 shrink-0" />
               : <Folder size={14} className="text-yellow-400 shrink-0" />
@@ -444,42 +464,18 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
         </button>
         <div className="absolute right-1 top-1/2 -translate-y-1/2 hidden group-hover/dir:flex items-center gap-0.5 z-10">
           <button
-            ref={plusRef}
             type="button"
             onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
-              setPlusPopover(v => !v);
+              const rect = e.currentTarget.getBoundingClientRect();
+              setContextMenu({ x: rect.left, y: rect.bottom + 4 });
             }}
             className="p-0.5 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
-            title={t.fileTree.newFileTitle}
+            title="More"
           >
-            <Plus size={13} />
+            <MoreHorizontal size={14} />
           </button>
-          {isSpace ? (
-            <button
-              type="button"
-              onClick={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                router.push(`/view/${encodePath(`${node.path}/INSTRUCTION.md`)}`);
-                onNavigate?.();
-              }}
-              className="p-0.5 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
-              title={t.fileTree.editRules}
-            >
-              <ScrollText size={12} />
-            </button>
-          ) : (
-            <button
-              type="button"
-              onClick={startRename}
-              className="p-0.5 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
-              title={t.fileTree.rename}
-            >
-              <Pencil size={12} />
-            </button>
-          )}
         </div>
       </div>
 
@@ -518,6 +514,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           node={node}
           onClose={() => setContextMenu(null)}
           onRename={() => startRename()}
+          onNewFile={() => { setOpen(true); setShowNewFile(true); }}
           onImport={onImport}
           onDelete={() => setDeleteConfirm('space')}
         />
@@ -528,6 +525,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           node={node}
           onClose={() => setContextMenu(null)}
           onRename={() => startRename()}
+          onNewFile={() => { setOpen(true); setShowNewFile(true); }}
           onDelete={() => setDeleteConfirm('folder')}
         />
       ))}
@@ -561,21 +559,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
         }}
       />
 
-      {plusPopover && plusRef.current && (() => {
-        const rect = plusRef.current!.getBoundingClientRect();
-        return (
-          <ContextMenuShell x={rect.left} y={rect.bottom + 4} onClose={() => setPlusPopover(false)} menuHeight={80}>
-            <button className={MENU_ITEM} onClick={() => { setPlusPopover(false); setOpen(true); setShowNewFile(true); }}>
-              <FileText size={14} className="shrink-0" /> {t.fileTree.newFile}
-            </button>
-            {onImport && (
-              <button className={MENU_ITEM} onClick={() => { setPlusPopover(false); onImport(node.path); }}>
-                <FolderInput size={14} className="shrink-0" /> {t.fileTree.importFile}
-              </button>
-            )}
-          </ContextMenuShell>
-        );
-      })()}
     </div>
   );
 }
@@ -595,6 +578,7 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
   const { t } = useLocale();
   const { isPinned, togglePin } = usePinnedFiles();
   const pinned = isPinned(node.path);
+  const isProtected = !node.path.includes('/') && UNDELETABLE_FILES.has(node.name);
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
   const [contextMenu, setContextMenu] = useState<{ x: number; y: number } | null>(null);
 
@@ -667,7 +651,7 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
     <div className="relative group/file">
       <button
         onClick={handleClick}
-        onDoubleClick={startRename}
+        onDoubleClick={isProtected ? undefined : startRename}
         onContextMenu={handleContextMenu}
         draggable
         onDragStart={handleDragStart}
@@ -714,13 +698,17 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
             <Star size={14} className={`shrink-0 ${pinned ? 'fill-[var(--amber)] text-[var(--amber)]' : ''}`} />
             {pinned ? t.fileTree.removeFromFavorites : t.fileTree.pinToFavorites}
           </button>
-          <button className={MENU_ITEM} onClick={(e) => { setContextMenu(null); startRename(e); }}>
-            <Pencil size={14} className="shrink-0" /> {t.fileTree.rename}
-          </button>
-          <div className={MENU_DIVIDER} />
-          <button className={MENU_DANGER} onClick={(e) => { setContextMenu(null); handleDelete(e); }}>
-            <Trash2 size={14} className="shrink-0" /> {t.fileTree.delete}
-          </button>
+          {!isProtected && (
+            <button className={MENU_ITEM} onClick={(e) => { setContextMenu(null); startRename(e); }}>
+              <Pencil size={14} className="shrink-0" /> {t.fileTree.rename}
+            </button>
+          )}
+          {!isProtected && <>
+            <div className={MENU_DIVIDER} />
+            <button className={MENU_DANGER} onClick={(e) => { setContextMenu(null); handleDelete(e); }}>
+              <Trash2 size={14} className="shrink-0" /> {t.fileTree.delete}
+            </button>
+          </>}
         </ContextMenuShell>
       )}
       <ConfirmDialog
@@ -761,11 +749,8 @@ export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, p
   const currentPath = getCurrentFilePath(pathname);
   const showHidden = useShowHiddenFiles();
 
-  const isInsideDir = depth > 0;
-  let visibleNodes = isInsideDir ? filterVisibleNodes(nodes, !!parentIsSpace) : nodes;
-  if (!isInsideDir && !showHidden) {
-    visibleNodes = visibleNodes.filter(n => !n.name.startsWith('.'));
-  }
+  const isRoot = depth === 0;
+  const visibleNodes = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
 
   useEffect(() => {
     if (!currentPath || depth !== 0) return;

package/app/components/FindInPage.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { X, ChevronUp, ChevronDown } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 interface FindInPageProps {
   containerRef: React.RefObject<HTMLElement | null>;

package/app/components/GuideCard.tsx

@@ -5,7 +5,7 @@ import { X, Sparkles, Upload, MessageCircle, ExternalLink, Check, ChevronRight,
 import { copyToClipboard } from '@/lib/clipboard';
 import { toast } from '@/lib/toast';
 import Link from 'next/link';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { openAskModal } from '@/hooks/useAskModal';
 import { walkthroughSteps } from './walkthrough/steps';
 import type { GuideState } from '@/lib/settings';

package/app/components/HomeContent.tsx

@@ -3,16 +3,16 @@
 import Link from 'next/link';
 import { FileText, Table, Clock, Sparkles, ArrowRight, FilePlus, Search, ChevronDown, Folder, Brain, Plus, Trash2, Check, Loader2, X, FolderInput, History, Star } from 'lucide-react';
 import { useState, useEffect, useMemo, useCallback } from 'react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { encodePath, relativeTime, extractEmoji, stripEmoji } from '@/lib/utils';
 import { usePinnedFiles } from '@/lib/hooks/usePinnedFiles';
 import OnboardingView from './OnboardingView';
 import GuideCard from './GuideCard';
 import SystemPulse from './SystemPulse';
-import EchoSpotlight from './EchoSpotlight';
-import QuickSuggestion from './QuickSuggestion';
+import { InboxSection } from './home/InboxSection';
 import { scanExampleFilesAction, cleanupExamplesAction } from '@/lib/actions';
 import type { SpaceInfo } from '@/app/page';
+import RecentActivityFeed from '@/components/agents/RecentActivityFeed';
 
 interface RecentFile {
   path: string;
@@ -159,7 +159,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
   useEffect(() => {
     const interval = setInterval(() => {
       setSuggestionIdx(i => (i + 1) % suggestions.length);
-    }, 3500);
+    }, 4000);
     return () => clearInterval(interval);
   }, [suggestions.length]);
 
@@ -201,9 +201,14 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
             className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border/60 shadow-sm bg-card transition-all duration-150 hover:border-[var(--amber)]/50 hover:shadow-md group"
           >
             <Sparkles size={15} className="shrink-0 text-[var(--amber)] group-hover:scale-110 transition-transform duration-150" />
-            <span className="text-sm flex-1 text-left text-muted-foreground">
-              {suggestions[suggestionIdx]}
-            </span>
+            <div className="flex-1 min-h-[1.5rem] flex items-center">
+              <span 
+                key={suggestionIdx}
+                className="text-sm text-left text-muted-foreground animate-in fade-in duration-300"
+              >
+                {suggestions[suggestionIdx]}
+              </span>
+            </div>
             <kbd className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-mono font-medium bg-[var(--amber-dim)] text-[var(--amber-text)]">
               ⌘/
             </kbd>
@@ -247,14 +252,13 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       {/* ══════════ Knowledge Pulse ══════════ */}
       <SystemPulse />
 
-      {/* ══════════ Echo Spotlight ══════════ */}
-      <EchoSpotlight />
+      {/* ══════════ Recent Agent Activity ══════════ */}
+      <div className="mb-10">
+        <RecentActivityFeed />
+      </div>
 
-      {/* ══════════ Quick Suggestion ══════════ */}
-      <QuickSuggestion recent={recent} />
-
-      {/* ══════════ Pinned Files ══════════ */}
-      <PinnedFilesSection formatTime={formatTime} />
+      {/* ══════════ Inbox ══════════ */}
+      <InboxSection />
 
       {/* ══════════ Spaces ══════════ */}
       {(spaceList.length > 0 || true) && (
@@ -319,6 +323,9 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
         </section>
       )}
 
+      {/* ══════════ Pinned Files ══════════ */}
+      <PinnedFilesSection formatTime={formatTime} />
+
       {/* ══════════ Recently Edited ══════════ */}
       {recent.length > 0 && (
         <section className="mb-10">

package/app/components/ImportModal.tsx

@@ -5,7 +5,7 @@ import {
   X, FolderInput, FolderOpen, Sparkles, FileText, AlertCircle,
   AlertTriangle, Loader2, Check, ChevronDown,
 } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { useFileImport, type ImportIntent, type ConflictMode } from '@/hooks/useFileImport';
 import type { useAiOrganize } from '@/hooks/useAiOrganize';
 import { ALLOWED_IMPORT_EXTENSIONS } from '@/lib/core/file-convert';

package/app/components/KeyboardShortcuts.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useMemo } from 'react';
 import { X } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 export default function KeyboardShortcuts() {
   const [open, setOpen] = useState(false);

package/app/components/MarkdownView.tsx

@@ -17,6 +17,8 @@ interface MarkdownViewProps {
   highlightLines?: number[];
   /** Callback to dismiss the highlight banner */
   onDismissHighlight?: () => void;
+  /** Placeholder shown when content is empty (read mode) */
+  emptyPlaceholder?: string;
 }
 
 function CopyButton({ code }: { code: string }) {
@@ -115,9 +117,17 @@ function extractText(node: React.ReactNode): string {
   return '';
 }
 
-export default function MarkdownView({ content, highlightLines, onDismissHighlight }: MarkdownViewProps) {
+export default function MarkdownView({ content, highlightLines, onDismissHighlight, emptyPlaceholder }: MarkdownViewProps) {
   const hasHighlights = highlightLines && highlightLines.length > 0;
 
+  if (!content.trim() && emptyPlaceholder) {
+    return (
+      <div className="py-12 text-center text-sm text-muted-foreground/50">
+        {emptyPlaceholder}
+      </div>
+    );
+  }
+
   return (
     <div>
       {/* Change indicator banner */}

package/app/components/OnboardingView.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { Sparkles, Globe, BookOpen, FileText, Loader2, GitBranch, AlertCircle } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 type Template = 'en' | 'zh' | 'empty';
 

package/app/components/OrganizeToast.tsx

@@ -7,7 +7,7 @@ import {
   ChevronDown, FilePlus, FileEdit, ExternalLink,
   Maximize2, Minimize2, FileIcon,
 } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import type { useAiOrganize } from '@/hooks/useAiOrganize';
 import type { OrganizeStageHint } from '@/hooks/useAiOrganize';
 import { encodePath } from '@/lib/utils';