@geminilight/mindos 0.6.39 → 0.6.41

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,12 @@ function countContentFiles(node: FileNode): number {
   return (node.children ?? []).reduce((sum, c) => sum + countContentFiles(c), 0);
 }
 
-function filterVisibleNodes(nodes: FileNode[], parentIsSpace: boolean): FileNode[] {
+/** Filter out hidden entries (dot-files at root, system files) when show-hidden is off. */
+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;
+    if (node.type === 'directory' && node.name.startsWith('.')) return false;
     return true;
   });
 }
@@ -131,8 +131,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 +141,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 +174,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 +184,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 +196,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 +313,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();
@@ -414,7 +427,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           onClick={toggle}
           className="shrink-0 p-1 rounded hover:bg-muted text-muted-foreground transition-colors"
           style={{ marginLeft: `${depth * 12 + 4}px` }}
-          aria-label={open ? 'Collapse' : 'Expand'}
+          aria-label={open ? `Collapse ${node.name}` : `Expand ${node.name}`}
         >
           <span className="block transition-transform duration-150" style={{ transform: open ? 'rotate(0deg)' : 'rotate(-90deg)' }}>
             <ChevronDown size={13} />
@@ -424,6 +437,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 +451,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 +465,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 +515,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 +526,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 +560,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 +579,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 +652,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 +699,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 +750,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 }) {
@@ -49,11 +51,18 @@ function CopyButton({ code }: { code: string }) {
   );
 }
 
-// Heading components with suppressHydrationWarning to prevent
-// rehype-slug + emoji hydration mismatches between server and client
+// react-markdown passes an AST `node` prop to custom components;
+// strip it (and any other non-DOM keys) before forwarding to the real element.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function stripNonDom(props: Record<string, any>): Record<string, any> {
+  const { node, inline, ordered, depth, isHeader, ...domProps } = props;
+  return domProps;
+}
+
 function makeHeading(Tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6') {
-  const HeadingComponent = ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <Tag {...props} suppressHydrationWarning>{children}</Tag>
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const HeadingComponent = ({ children, ...props }: any) => (
+    <Tag {...stripNonDom(props)} suppressHydrationWarning>{children}</Tag>
   );
   HeadingComponent.displayName = Tag;
   return HeadingComponent;
@@ -66,11 +75,12 @@ const components: Components = {
   h4: makeHeading('h4'),
   h5: makeHeading('h5'),
   h6: makeHeading('h6'),
-  code({ children, ...props }) {
-    return <code {...props} suppressHydrationWarning>{children}</code>;
+  code({ children, node, ...rest }) {
+    void node;
+    return <code {...stripNonDom(rest)} suppressHydrationWarning>{children}</code>;
   },
-  pre({ children, ...props }) {
-    // Extract code string from children
+  pre({ children, node, ...rest }) {
+    void node;
     let codeString = '';
     if (children && typeof children === 'object' && 'props' in children) {
       const codeEl = children as React.ReactElement<{ children?: React.ReactNode }>;
@@ -78,31 +88,38 @@ const components: Components = {
     }
     return (
       <div className="relative group">
-        <pre {...props} suppressHydrationWarning>{children}</pre>
+        <pre {...stripNonDom(rest)} suppressHydrationWarning>{children}</pre>
         <CopyButton code={codeString} />
       </div>
     );
   },
-  li({ children, ...props }) {
-    return <li {...props} suppressHydrationWarning>{children}</li>;
+  li({ children, node, ...rest }) {
+    void node;
+    return <li {...stripNonDom(rest)} suppressHydrationWarning>{children}</li>;
   },
-  a({ href, children, ...props }) {
+  p({ children, node, ...rest }) {
+    void node;
+    return <p {...stripNonDom(rest)} suppressHydrationWarning>{children}</p>;
+  },
+  a({ href, children, node, ...rest }) {
+    void node;
     const isExternal = href?.startsWith('http');
     return (
       <a
         href={href}
         target={isExternal ? '_blank' : undefined}
         rel={isExternal ? 'noopener noreferrer' : undefined}
-        {...props}
+        {...stripNonDom(rest)}
       >
         {children}
       </a>
     );
   },
-  img({ src, alt, ...props }) {
+  img({ src, alt, node, ...rest }) {
+    void node;
     if (!src) return null;
     // eslint-disable-next-line @next/next/no-img-element
-    return <img src={src} alt={alt ?? ''} {...props} />;
+    return <img src={src} alt={alt ?? ''} {...stripNonDom(rest)} />;
   },
 };
 
@@ -115,9 +132,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;

package/_standalone/components/RightAgentDetailPanel.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { useMemo, useEffect } from 'react';
-import { useMcpData } from '@/hooks/useMcpData';
-import { useLocale } from '@/lib/LocaleContext';
+import { useMcpData } from '@/lib/stores/mcp-store';
+import { useLocale } from '@/lib/stores/locale-store';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
 import AgentsPanelAgentDetail from '@/components/panels/AgentsPanelAgentDetail';
 import { resolveAgentDetailStatus } from '@/components/panels/agents-panel-resolve-status';