@geminilight/mindos 0.6.39 → 0.6.40

package/_standalone/components/AskModal.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import AskContent from '@/components/ask/AskContent';
 import type { AcpAgentSelection } from '@/hooks/useAskModal';
 

package/_standalone/components/Backlinks.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { Link as LinkIcon, FileText } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { apiFetch } from '@/lib/api';
 import type { BacklinkItem } from '@/lib/types';
 

package/_standalone/components/CreateSpaceModal.tsx

@@ -4,10 +4,10 @@ import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { Folder, Loader2, X, Sparkles, AlertTriangle } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { encodePath } from '@/lib/utils';
 import { createSpaceAction } from '@/lib/actions';
-import { apiFetch } from '@/lib/api';
+import { checkAiAvailable, triggerSpaceAiInit } from '@/lib/space-ai-init';
 import DirPicker from './DirPicker';
 
 /* ── Create Space Modal ── */
@@ -36,22 +36,12 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
     return () => window.removeEventListener('mindos:create-space', handler);
   }, []);
 
-  // Check AI availability when modal opens
   useEffect(() => {
     if (!open || aiAvailable !== null) return;
-    apiFetch<{ ai?: { provider?: string; providers?: Record<string, { apiKey?: string }> } }>('/api/settings')
-      .then(data => {
-        const provider = data.ai?.provider ?? '';
-        const providers = data.ai?.providers ?? {};
-        const activeProvider = providers[provider as keyof typeof providers];
-        const hasKey = !!(activeProvider?.apiKey);
-        setAiAvailable(hasKey);
-        setUseAi(hasKey);
-      })
-      .catch(() => {
-        setAiAvailable(false);
-        setUseAi(false);
-      });
+    checkAiAvailable().then(ok => {
+      setAiAvailable(ok);
+      setUseAi(ok);
+    });
   }, [open, aiAvailable]);
 
   const close = useCallback(() => {
@@ -89,46 +79,8 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
     if (result.success) {
       const createdPath = result.path ?? trimmed;
 
-      // If AI is enabled, trigger AI initialization in background
       if (useAi && aiAvailable) {
-        const isZh = document.documentElement.lang === 'zh';
-        const prompt = isZh
-          ? `初始化新建的心智空间「${trimmed}」，路径为「${createdPath}/」。${description ? `描述：「${description}」。` : ''}两个文件均已存在模板，用 write_file 覆盖：\n1. 「${createdPath}/README.md」— 写入空间用途、结构概览、使用指南\n2. 「${createdPath}/INSTRUCTION.md」— 写入 AI Agent 在此空间中的行为规则和操作约定\n\n内容简洁实用，直接使用工具写入。`
-          : `Initialize the new Mind Space "${trimmed}" at "${createdPath}/". ${description ? `Description: "${description}". ` : ''}Both files already exist with templates — use write_file to overwrite:\n1. "${createdPath}/README.md" — write purpose, structure overview, usage guidelines\n2. "${createdPath}/INSTRUCTION.md" — write rules for AI agents operating in this space\n\nKeep content concise and actionable. Write files directly using tools.`;
-
-        window.dispatchEvent(new CustomEvent('mindos:ai-init', {
-          detail: { spaceName: trimmed, spacePath: createdPath, description, state: 'working' },
-        }));
-
-        // /api/ask returns SSE — use raw fetch and consume the stream
-        // so the server-side agent runs to completion.
-        fetch('/api/ask', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            messages: [{ role: 'user', content: prompt }],
-            currentFile: createdPath + '/INSTRUCTION.md',
-          }),
-        }).then(async (res) => {
-          if (!res.ok || !res.body) throw new Error(`HTTP ${res.status}`);
-          const reader = res.body.getReader();
-          try {
-            while (true) {
-              const { done } = await reader.read();
-              if (done) break;
-            }
-          } finally {
-            reader.releaseLock();
-          }
-          window.dispatchEvent(new CustomEvent('mindos:ai-init', {
-            detail: { spacePath: createdPath, state: 'done' },
-          }));
-          window.dispatchEvent(new Event('mindos:files-changed'));
-        }).catch(() => {
-          window.dispatchEvent(new CustomEvent('mindos:ai-init', {
-            detail: { spacePath: createdPath, state: 'error' },
-          }));
-        });
+        triggerSpaceAiInit(trimmed, createdPath, description);
       }
 
       close();

package/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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/_standalone/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';

package/_standalone/components/Panel.tsx

@@ -2,14 +2,15 @@
 
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers } from 'lucide-react';
+import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2 } from 'lucide-react';
 import type { PanelId } from './ActivityBar';
 import type { FileNode } from '@/lib/types';
-import FileTree from './FileTree';
+import FileTree, { setShowHiddenFiles, useShowHiddenFiles } from './FileTree';
 import SyncStatusBar from './SyncStatusBar';
 import PanelHeader from './panels/PanelHeader';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
+import { listTrashAction } from '@/lib/actions';
 
 const noop = () => {};
 
@@ -108,6 +109,42 @@ export default function Panel({
     };
   }, [newPopover]);
 
+  // "More" dropdown popover
+  const [morePopover, setMorePopover] = useState(false);
+  const moreBtnRef = useRef<HTMLButtonElement>(null);
+  const morePopoverRef = useRef<HTMLDivElement>(null);
+  const showHidden = useShowHiddenFiles();
+  const [trashCount, setTrashCount] = useState(0);
+
+  useEffect(() => {
+    if (!morePopover) return;
+    const handler = (e: MouseEvent) => {
+      if (
+        moreBtnRef.current && !moreBtnRef.current.contains(e.target as Node) &&
+        morePopoverRef.current && !morePopoverRef.current.contains(e.target as Node)
+      ) {
+        setMorePopover(false);
+      }
+    };
+    const keyHandler = (e: KeyboardEvent) => { if (e.key === 'Escape') setMorePopover(false); };
+    document.addEventListener('mousedown', handler);
+    document.addEventListener('keydown', keyHandler);
+    return () => {
+      document.removeEventListener('mousedown', handler);
+      document.removeEventListener('keydown', keyHandler);
+    };
+  }, [morePopover]);
+
+  // Fetch trash count on mount and when files change
+  useEffect(() => {
+    const fetchCount = () => {
+      listTrashAction().then(items => setTrashCount(items.length)).catch(() => {});
+    };
+    fetchCount();
+    window.addEventListener('mindos:files-changed', fetchCount);
+    return () => window.removeEventListener('mindos:files-changed', fetchCount);
+  }, []);
+
   // Double-click hint: show only until user has used it once.
   // Initialize false to match SSR; hydrate from localStorage in useEffect.
   const [dblHintSeen, setDblHintSeen] = useState(false);
@@ -153,7 +190,7 @@ export default function Panel({
               <button
                 ref={newBtnRef}
                 type="button"
-                onClick={() => setNewPopover(v => !v)}
+                onClick={() => { setMorePopover(false); setNewPopover(v => !v); }}
                 className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
                 aria-label={t.sidebar.new}
                 title={t.sidebar.new}
@@ -222,6 +259,47 @@ export default function Panel({
             >
               <ChevronsUpDown size={13} />
             </button>
+            {/* Separator */}
+            <div className="w-px h-3.5 bg-border mx-0.5" />
+            {/* More */}
+            <div className="relative">
+              <button
+                ref={moreBtnRef}
+                type="button"
+                onClick={() => { setNewPopover(false); setMorePopover(v => !v); }}
+                className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
+                aria-label={t.sidebar.more}
+                title={t.sidebar.more}
+              >
+                <MoreHorizontal size={13} />
+              </button>
+              {morePopover && (
+                <div
+                  ref={morePopoverRef}
+                  className="absolute top-full right-0 mt-1 min-w-[172px] bg-card border border-border rounded-lg shadow-lg py-1 z-50"
+                >
+                  <button
+                    className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
+                    onClick={() => { setShowHiddenFiles(!showHidden); }}
+                  >
+                    {showHidden ? <EyeOff size={14} className="shrink-0" /> : <Eye size={14} className="shrink-0" />}
+                    <span className="flex-1">{t.sidebar.showHiddenFiles}</span>
+                    {showHidden && <span className="text-[var(--amber)] text-xs">✓</span>}
+                  </button>
+                  <div className="my-1 border-t border-border/50" />
+                  <button
+                    className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
+                    onClick={() => { setMorePopover(false); router.push('/trash'); }}
+                  >
+                    <Trash2 size={14} className="shrink-0" />
+                    <span className="flex-1">{t.trash.title}</span>
+                    {trashCount > 0 && (
+                      <span className="text-xs text-muted-foreground tabular-nums">{trashCount}</span>
+                    )}
+                  </button>
+                </div>
+              )}
+            </div>
           </div>
         </PanelHeader>
         <div className="flex-1 overflow-y-auto min-h-0 px-2 py-2">

package/_standalone/components/QuickSuggestion.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from 'react';
 import Link from 'next/link';
 import { Lightbulb, X } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 const DISMISS_KEY = 'mindos:suggestion-dismissed';
 const STALE_DAYS = 30;