@geminilight/mindos 0.5.64 → 0.5.65

package/README.md

@@ -276,6 +276,10 @@ Join our WeChat group for early access, feedback, and AI workflow discussions:
 <a href="https://github.com/USTChandsomeboy"><img src="https://github.com/USTChandsomeboy.png" width="60" style="border-radius:50%" alt="USTChandsomeboy" /></a>
 <a href="https://github.com/ppsmk388"><img src="https://github.com/ppsmk388.png" width="60" style="border-radius:50%" alt="ppsmk388" /></a>
 
+### 🙏 Acknowledgements
+
+This project has been published on the [LINUX DO community](https://linux.do), and we deeply appreciate the community's support and feedback.
+
 ---
 
 ## 📄 License

package/README_zh.md

@@ -276,6 +276,10 @@ MindOS/
 <a href="https://github.com/USTChandsomeboy"><img src="https://github.com/USTChandsomeboy.png" width="60" style="border-radius:50%" alt="USTChandsomeboy" /></a>
 <a href="https://github.com/ppsmk388"><img src="https://github.com/ppsmk388.png" width="60" style="border-radius:50%" alt="ppsmk388" /></a>
 
+### 🙏 致谢
+
+本项目已在 [LINUX DO 社区](https://linux.do) 发布，感谢社区的支持与反馈。
+
 ---
 
 ## 📄 License

package/app/app/api/ask/route.ts

@@ -278,7 +278,19 @@ export async function POST(req: NextRequest) {
     }
   }
 
+  // Generate current time for the agent's context
+  const now = new Date();
+  const timeContext = `## Current Time Context
+- Current UTC Time: ${now.toISOString()}
+- System Local Time: ${new Intl.DateTimeFormat('en-US', { dateStyle: 'full', timeStyle: 'long' }).format(now)}
+- Unix Timestamp: ${Math.floor(now.getTime() / 1000)}
+
+*Note: The times listed above represent "NOW". The user may have sent messages hours or days ago in this same conversation thread. Each user message in the history contains its own specific timestamp which you should refer to when understanding historical context.*`;
+
   const promptParts: string[] = [AGENT_SYSTEM_PROMPT];
+  
+  promptParts.push(`---\n\n${timeContext}`);
+  
   promptParts.push(`---\n\nInitialization status (auto-loaded at request start):\n\n${initStatus}`);
 
   if (initContextBlocks.length > 0) {

package/app/app/api/file/route.ts

@@ -22,6 +22,7 @@ import {
   appendContentChange,
 } from '@/lib/fs';
 import { createSpaceFilesystem } from '@/lib/core/create-space';
+import { appendAgentAuditEvent, parseAgentAuditJsonLines } from '@/lib/core/agent-audit-log';
 
 function err(msg: string, status = 400) {
   return NextResponse.json({ error: msg }, { status });
@@ -123,6 +124,14 @@ export async function POST(req: NextRequest) {
       case 'append_to_file': {
         const { content } = params as { content: string };
         if (typeof content !== 'string') return err('missing content');
+        if (filePath === '.agent-log.json') {
+          const entries = parseAgentAuditJsonLines(content);
+          for (const entry of entries) {
+            appendAgentAuditEvent(getMindRoot(), entry);
+          }
+          resp = NextResponse.json({ ok: true, migratedEntries: entries.length });
+          break;
+        }
         const before = safeRead(filePath);
         appendToFile(filePath, content);
         changeEvent = {

package/app/app/api/mcp/agents/route.ts

@@ -1,12 +1,24 @@
 export const dynamic = 'force-dynamic';
 import { NextResponse } from 'next/server';
-import { MCP_AGENTS, detectInstalled, detectAgentPresence } from '@/lib/mcp-agents';
+import {
+  MCP_AGENTS,
+  detectInstalled,
+  detectAgentPresence,
+  detectAgentRuntimeSignals,
+  detectAgentConfiguredMcpServers,
+  detectAgentInstalledSkills,
+  resolveSkillWorkspaceProfile,
+} from '@/lib/mcp-agents';
 
 export async function GET() {
   try {
     const agents = Object.entries(MCP_AGENTS).map(([key, agent]) => {
       const status = detectInstalled(key);
       const present = detectAgentPresence(key);
+      const skillProfile = resolveSkillWorkspaceProfile(key);
+      const runtime = detectAgentRuntimeSignals(key);
+      const configuredMcp = detectAgentConfiguredMcpServers(key);
+      const installedSkills = detectAgentInstalledSkills(key);
       return {
         key,
         name: agent.name,
@@ -24,6 +36,20 @@ export async function GET() {
         globalNestedKey: agent.globalNestedKey,
         globalPath: agent.global,
         projectPath: agent.project,
+        skillMode: skillProfile.mode,
+        skillAgentName: skillProfile.skillAgentName,
+        skillWorkspacePath: skillProfile.workspacePath,
+        hiddenRootPath: runtime.hiddenRootPath,
+        hiddenRootPresent: runtime.hiddenRootPresent,
+        runtimeConversationSignal: runtime.conversationSignal,
+        runtimeUsageSignal: runtime.usageSignal,
+        runtimeLastActivityAt: runtime.lastActivityAt,
+        configuredMcpServers: configuredMcp.servers,
+        configuredMcpServerCount: configuredMcp.servers.length,
+        configuredMcpSources: configuredMcp.sources,
+        installedSkillNames: installedSkills.skills,
+        installedSkillCount: installedSkills.skills.length,
+        installedSkillSourcePath: installedSkills.sourcePath,
       };
     });
 

package/app/app/api/skills/route.ts

@@ -128,12 +128,13 @@ export async function GET() {
 export async function POST(req: NextRequest) {
   try {
     const body = await req.json();
-    const { action, name, description, content, enabled } = body as {
-      action: 'create' | 'update' | 'delete' | 'toggle' | 'read';
+    const { action, name, description, content, enabled, sourcePath } = body as {
+      action: 'create' | 'update' | 'delete' | 'toggle' | 'read' | 'read-native';
       name?: string;
       description?: string;
       content?: string;
       enabled?: boolean;
+      sourcePath?: string;
     };
 
     const settings = readSettings();
@@ -218,6 +219,21 @@ export async function POST(req: NextRequest) {
         return NextResponse.json({ error: 'Skill not found' }, { status: 404 });
       }
 
+      case 'read-native': {
+        if (!name || !sourcePath) return NextResponse.json({ error: 'name and sourcePath required' }, { status: 400 });
+        const nativeBase = path.resolve(sourcePath);
+        const nativeSkillFile = path.join(nativeBase, name, 'SKILL.md');
+        if (!nativeSkillFile.startsWith(nativeBase)) {
+          return NextResponse.json({ error: 'Invalid path' }, { status: 400 });
+        }
+        if (!fs.existsSync(nativeSkillFile)) {
+          return NextResponse.json({ error: 'Skill not found' }, { status: 404 });
+        }
+        const nativeContent = fs.readFileSync(nativeSkillFile, 'utf-8');
+        const { description: nativeDesc } = parseSkillMd(nativeContent);
+        return NextResponse.json({ content: nativeContent, description: nativeDesc });
+      }
+
       default:
         return NextResponse.json({ error: `Unknown action: ${action}` }, { status: 400 });
     }

package/app/app/api/tree-version/route.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server';
+import { getTreeVersion } from '@/lib/fs';
+
+export const dynamic = 'force-dynamic';
+
+export function GET() {
+  return NextResponse.json({ v: getTreeVersion() });
+}

package/app/components/ActivityBar.tsx

@@ -58,7 +58,7 @@ function RailButton({ icon, label, shortcut, active = false, expanded, onClick,
       `}
     >
       {active && (
-        <span className="absolute left-0 top-1/2 -translate-y-1/2 w-[2px] h-[18px] rounded-r-full" style={{ background: 'var(--amber)' }} />
+        <span className="absolute left-0 top-1/2 -translate-y-1/2 w-[2px] h-[18px] rounded-r-full bg-[var(--amber)]" />
       )}
       <span className="shrink-0 flex items-center justify-center w-[18px]">{icon}</span>
       {badge}
@@ -147,7 +147,7 @@ export default function ActivityBar({
         {/* ── Top: Logo ── */}
         <Link
           href="/"
-          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full py-3 hover:opacity-80 transition-opacity`}
+          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full py-[13px] hover:opacity-80 transition-opacity`}
           aria-label="MindOS Home"
         >
           <Logo id="rail" className="w-7 h-3.5 shrink-0" />

package/app/components/Backlinks.tsx

@@ -30,7 +30,7 @@ export default function Backlinks({ filePath }: { filePath: string }) {
   return (
     <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-amber-500/70" />
+        <LinkIcon size={16} className="text-[var(--amber)]/70" />
         <h3 className="text-sm font-semibold tracking-wider uppercase font-display">
           {t.common?.relatedFiles || 'Related Files'}
         </h3>
@@ -51,14 +51,14 @@ export default function Backlinks({ filePath }: { filePath: string }) {
             <Link
               key={link.filePath}
               href={`/view/${link.filePath.split('/').map(encodeURIComponent).join('/')}`}
-              className="group block p-4 rounded-xl border border-border/50 bg-card/30 hover:bg-muted/30 hover:border-amber-500/30 transition-all duration-200"
+              className="group block p-4 rounded-xl border border-border/50 bg-card/30 hover:bg-muted/30 hover:border-[var(--amber)]/30 transition-all duration-200"
             >
               <div className="flex items-start gap-3">
-                <div className="mt-1 p-1.5 rounded-md bg-muted group-hover:bg-amber-500/10 transition-colors">
-                  <FileText size={14} className="text-muted-foreground group-hover:text-amber-500" />
+                <div className="mt-1 p-1.5 rounded-md bg-muted group-hover:bg-[var(--amber)]/10 transition-colors">
+                  <FileText size={14} className="text-muted-foreground group-hover:text-[var(--amber)]" />
                 </div>
                 <div className="min-w-0 flex-1">
-                  <div className="font-medium text-sm text-foreground group-hover:text-amber-500 transition-colors truncate mb-1">
+                  <div className="font-medium text-sm text-foreground group-hover:text-[var(--amber)] transition-colors truncate mb-1">
                     {link.filePath}
                   </div>
                   <div className="text-xs text-muted-foreground line-clamp-2 leading-relaxed italic opacity-80 group-hover:opacity-100 transition-opacity">

package/app/components/CreateSpaceModal.tsx

@@ -108,6 +108,7 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
 
       close();
       router.refresh();
+      window.dispatchEvent(new Event('mindos:files-changed'));
       router.push(`/view/${encodePath(createdPath + '/')}`);
     } else {
       const msg = result.error ?? '';
@@ -200,7 +201,7 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
               disabled={!aiAvailable}
               onClick={() => setUseAi(v => !v)}
               className={`relative mt-0.5 inline-flex shrink-0 h-4 w-7 cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${
-                useAi ? 'bg-amber-500' : 'bg-muted'
+                useAi ? 'bg-[var(--amber)]' : 'bg-muted'
               }`}
             >
               <span className={`pointer-events-none inline-block h-3 w-3 rounded-full bg-white shadow-sm transition-transform ${useAi ? 'translate-x-3' : 'translate-x-0'}`} />
@@ -212,7 +213,7 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
               </div>
               {aiAvailable === false && (
                 <p className="text-2xs text-muted-foreground mt-0.5 flex items-center gap-1">
-                  <AlertTriangle size={10} className="text-amber-500 shrink-0" />
+                  <AlertTriangle size={10} className="text-[var(--amber)] shrink-0" />
                   {h.aiInitNoKey ?? 'Configure an API key in Settings → AI to enable'}
                 </p>
               )}

package/app/components/DirPicker.tsx

@@ -57,7 +57,7 @@ export default function DirPicker({ dirPaths, value, onChange, rootLabel = 'Root
       <button
         type="button"
         onClick={() => setExpanded(true)}
-        className="w-full flex items-center gap-2 px-3 py-2 text-sm rounded-lg border border-border bg-background text-foreground hover:border-amber-500/40 transition-colors text-left"
+        className="w-full flex items-center gap-2 px-3 py-2 text-sm rounded-lg border border-border bg-background text-foreground hover:border-[var(--amber)]/40 transition-colors text-left"
       >
         <Folder size={14} className="shrink-0 text-[var(--amber)]" />
         <span className="flex-1 truncate">{displayLabel}</span>

package/app/components/DirView.tsx

@@ -84,8 +84,7 @@ function SpacePreviewCard({ icon, title, lines, viewAllHref, viewAllLabel }: {
       <div className="flex justify-end mt-2">
         <Link
           href={viewAllHref}
-          className="text-xs hover:underline transition-colors"
-          style={{ color: 'var(--amber)' }}
+          className="text-xs hover:underline transition-colors text-[var(--amber)]"
         >
           {viewAllLabel}
         </Link>
@@ -150,7 +149,7 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
   return (
     <div className="flex flex-col min-h-screen">
       {/* Topbar */}
-      <div className="sticky top-[52px] md:top-0 z-20 border-b border-border px-4 md:px-6 py-2.5" style={{ background: 'var(--background)' }}>
+      <div className="sticky top-[52px] md:top-0 z-20 border-b border-border px-4 md:px-6 py-2.5 bg-background">
         <div className="max-w-[860px] mx-auto flex items-center justify-between gap-2">
           <div className="min-w-0 flex-1">
             <Breadcrumb filePath={dirPath} />

package/app/components/EditorWrapper.tsx

@@ -5,9 +5,9 @@ import dynamic from 'next/dynamic';
 const Editor = dynamic(() => import('./Editor'), {
   ssr: false,
   loading: () => (
-    <div className="h-full w-full min-h-[400px] rounded-lg border border-zinc-800 bg-zinc-900 flex items-center justify-center">
-      <div className="flex items-center gap-2 text-zinc-500 text-sm">
-        <div className="w-4 h-4 border-2 border-zinc-600 border-t-zinc-300 rounded-full animate-spin" />
+    <div className="h-full w-full min-h-[400px] rounded-lg border border-border bg-background flex items-center justify-center">
+      <div className="flex items-center gap-2 text-muted-foreground text-sm">
+        <div className="w-4 h-4 border-2 border-border border-t-foreground rounded-full animate-spin" />
         <span>Loading editor...</span>
       </div>
     </div>

package/app/components/FileTree.tsx

@@ -11,6 +11,10 @@ import {
 import { createFileAction, deleteFileAction, renameFileAction, renameSpaceAction, deleteSpaceAction, convertToSpaceAction, deleteFolderAction } from '@/lib/actions';
 import { useLocale } from '@/lib/LocaleContext';
 
+function notifyFilesChanged() {
+  window.dispatchEvent(new Event('mindos:files-changed'));
+}
+
 const SYSTEM_FILES = new Set(['INSTRUCTION.md', 'README.md']);
 
 interface FileTreeProps {
@@ -112,7 +116,7 @@ function SpaceContextMenu({ x, y, node, onClose, onRename }: {
         if (!confirm(t.fileTree.confirmDeleteSpace(node.name))) return;
         startTransition(async () => {
           const result = await deleteSpaceAction(node.path);
-          if (result.success) { router.push('/'); router.refresh(); }
+          if (result.success) { router.push('/'); router.refresh(); notifyFilesChanged(); }
           onClose();
         });
       }}>
@@ -137,11 +141,11 @@ function FolderContextMenu({ x, y, node, onClose, onRename }: {
       <button className={MENU_ITEM} disabled={isPending} onClick={() => {
         startTransition(async () => {
           const result = await convertToSpaceAction(node.path);
-          if (result.success) router.refresh();
+          if (result.success) { router.refresh(); notifyFilesChanged(); }
           onClose();
         });
       }}>
-        <Layers size={14} className="shrink-0" style={{ color: 'var(--amber)' }} /> {t.fileTree.convertToSpace}
+        <Layers size={14} className="shrink-0 text-[var(--amber)]" /> {t.fileTree.convertToSpace}
       </button>
       <button className={MENU_ITEM} onClick={() => { onRename(); onClose(); }}>
         <Pencil size={14} className="shrink-0" /> {t.fileTree.rename}
@@ -151,7 +155,7 @@ function FolderContextMenu({ x, y, node, onClose, onRename }: {
         if (!confirm(t.fileTree.confirmDeleteFolder(node.name))) return;
         startTransition(async () => {
           const result = await deleteFolderAction(node.path);
-          if (result.success) { router.push('/'); router.refresh(); }
+          if (result.success) { router.push('/'); router.refresh(); notifyFilesChanged(); }
           onClose();
         });
       }}>
@@ -181,6 +185,7 @@ function NewFileInline({ dirPath, depth, onDone }: { dirPath: string; depth: num
         onDone();
         router.push(`/view/${encodePath(result.filePath)}`);
         router.refresh();
+        notifyFilesChanged();
       } else {
         setError(result.error || t.fileTree.failed);
       }
@@ -217,11 +222,11 @@ function NewFileInline({ dirPath, depth, onDone }: { dirPath: string; depth: num
           "
         />
         {isPending
-          ? <Loader2 size={13} className="text-zinc-500 animate-spin shrink-0" />
+          ? <Loader2 size={13} className="text-muted-foreground animate-spin shrink-0" />
           : (
             <button
               onClick={handleSubmit}
-              className="text-xs text-blue-400 hover:text-blue-300 shrink-0 px-1"
+              className="text-xs text-[var(--amber)] hover:text-foreground shrink-0 px-1"
             >
               {t.fileTree.create}
             </button>
@@ -294,6 +299,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
         setRenaming(false);
         router.push(`/view/${encodePath(result.newPath)}`);
         router.refresh();
+        notifyFilesChanged();
       } else {
         setRenaming(false);
       }
@@ -338,7 +344,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
           onBlur={commitRename}
           className="w-full bg-muted border border-border rounded px-2 py-0.5 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
         />
-        {isPending && <Loader2 size={12} className="absolute right-3 top-1/2 -translate-y-1/2 animate-spin text-zinc-500" />}
+        {isPending && <Loader2 size={12} className="absolute right-3 top-1/2 -translate-y-1/2 animate-spin text-muted-foreground" />}
       </div>
     );
   }
@@ -353,7 +359,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
       >
         <button
           onClick={toggle}
-          className="shrink-0 p-1 rounded hover:bg-muted text-zinc-500 transition-colors"
+          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'}
         >
@@ -373,7 +379,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
           `}
         >
           {isSpace
-            ? <Layers size={14} className="shrink-0" style={{ color: '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" />
@@ -505,6 +511,7 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
         setRenaming(false);
         router.push(`/view/${encodePath(result.newPath)}`);
         router.refresh();
+        notifyFilesChanged();
       } else {
         setRenaming(false);
       }
@@ -518,9 +525,15 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
       await deleteFileAction(node.path);
       if (currentPath === node.path) router.push('/');
       router.refresh();
+      notifyFilesChanged();
     });
   }, [node.name, node.path, currentPath, router, t]);
 
+  const handleDragStart = useCallback((e: React.DragEvent) => {
+    e.dataTransfer.setData('text/mindos-path', node.path);
+    e.dataTransfer.effectAllowed = 'copy';
+  }, [node.path]);
+
   if (renaming) {
     return (
       <div className="relative px-2 py-0.5" style={{ paddingLeft: `${depth * 12 + 8}px` }}>
@@ -536,7 +549,7 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
           onBlur={commitRename}
           className="w-full bg-muted border border-border rounded px-2 py-0.5 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
         />
-        {isPending && <Loader2 size={12} className="absolute right-3 top-1/2 -translate-y-1/2 animate-spin text-zinc-500" />}
+        {isPending && <Loader2 size={12} className="absolute right-3 top-1/2 -translate-y-1/2 animate-spin text-muted-foreground" />}
       </div>
     );
   }
@@ -546,6 +559,8 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
       <button
         onClick={handleClick}
         onDoubleClick={startRename}
+        draggable
+        onDragStart={handleDragStart}
         data-filepath={node.path}
         className={`
           w-full flex items-center gap-1.5 px-2 py-1 rounded text-left

package/app/components/GuideCard.tsx

@@ -238,7 +238,7 @@ export default function GuideCard({ onNavigate, spaces = [], recentFiles = [] }:
                     const fileName = file.path.split('/').pop() || file.path;
                     return (
                       <button key={file.path} onClick={() => handleFileOpen(file.path)}
-                        className="text-left text-xs px-3 py-2 rounded-lg border border-border text-foreground transition-colors hover:border-amber-500/30 hover:bg-muted/50 truncate">
+                        className="text-left text-xs px-3 py-2 rounded-lg border border-border text-foreground transition-colors hover:border-[var(--amber)]/30 hover:bg-muted/50 truncate">
                         📄 {fileName}
                       </button>
                     );
@@ -255,7 +255,7 @@ export default function GuideCard({ onNavigate, spaces = [], recentFiles = [] }:
                     const label = stripEmoji(s.name);
                     return (
                       <button key={s.name} onClick={() => handleFileOpen(s.path)}
-                        className="text-left text-xs px-3 py-2 rounded-lg border border-border text-foreground transition-colors hover:border-amber-500/30 hover:bg-muted/50">
+                        className="text-left text-xs px-3 py-2 rounded-lg border border-border text-foreground transition-colors hover:border-[var(--amber)]/30 hover:bg-muted/50">
                         <span className="mr-1.5">{emoji || '📁'}</span>
                         <span>{label}</span>
                         <span className="block text-2xs mt-0.5 text-muted-foreground">
@@ -305,8 +305,8 @@ function TaskCard({ icon, title, cta, done, active, optional, onClick }: {
       className={`
         flex flex-col items-center gap-1.5 px-3 py-3 rounded-lg border text-center
         transition-all duration-150
-        ${done ? 'opacity-60' : 'hover:border-amber-500/30 hover:bg-muted/50 cursor-pointer'}
-        ${active ? 'border-amber-500/40 bg-muted/50' : ''}
+        ${done ? 'opacity-60' : 'hover:border-[var(--amber)]/30 hover:bg-muted/50 cursor-pointer'}
+        ${active ? 'border-[var(--amber)]/40 bg-muted/50' : ''}
         ${done || active ? 'border-[var(--amber)]' : 'border-border'}
       `}
     >

package/app/components/HomeContent.tsx

@@ -115,25 +115,20 @@ export default function HomeContent({ recent, existingFiles, spaces, dirPaths }:
   }, [suggestions.length]);
 
   const existingSet = new Set(existingFiles ?? []);
+  const spaceList = spaces ?? [];
+  const { groups, rootFiles } = useMemo(() => groupBySpace(recent, spaceList), [recent, spaceList]);
 
-  // Empty knowledge base → show onboarding
   if (recent.length === 0) {
     return <OnboardingView />;
   }
 
   const formatTime = (mtime: number) => relativeTime(mtime, t.home.relativeTime);
 
-  // User-manageable plugins: only show available entry files
   const availablePlugins = getPluginRenderers().filter(r => r.entryPath && existingSet.has(r.entryPath));
-  // App-builtin features: always visible, with active/inactive state
   const builtinFeatures = getAllRenderers().filter((r) => r.appBuiltinFeature && r.id !== 'csv');
 
   const lastFile = recent[0];
 
-  // Group recent files by Space
-  const spaceList = spaces ?? [];
-  const { groups, rootFiles } = useMemo(() => groupBySpace(recent, spaceList), [recent, spaceList]);
-
   return (
     <div className="content-width px-4 md:px-6 py-8 md:py-12">
       <GuideCard
@@ -160,7 +155,7 @@ export default function HomeContent({ recent, existingFiles, spaces, dirPaths }:
             onClick={triggerAsk}
             title="⌘/"
             data-walkthrough="ask-button"
-            className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card transition-all duration-150 hover:border-amber-500/50 hover:bg-amber-500/8"
+            className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card transition-all duration-150 hover:border-[var(--amber)]/50 hover:bg-[var(--amber)]/8"
           >
             <Sparkles size={15} className="shrink-0 text-[var(--amber)]" />
             <span className="text-sm flex-1 text-left text-foreground">
@@ -237,7 +232,7 @@ export default function HomeContent({ recent, existingFiles, spaces, dirPaths }:
                     className={`flex items-start gap-3 px-3.5 py-3 rounded-xl border transition-all duration-150 hover:translate-x-0.5 ${
                       isEmpty
                         ? 'border-dashed border-border/50 opacity-50 hover:opacity-70'
-                        : 'border-border hover:border-amber-500/30 hover:bg-muted/40'
+                        : 'border-border hover:border-[var(--amber)]/30 hover:bg-muted/40'
                     }`}
                   >
                     {emoji ? (
@@ -288,7 +283,7 @@ export default function HomeContent({ recent, existingFiles, spaces, dirPaths }:
               if (active && r.entryPath) {
                 return (
                   <Link key={r.id} href={`/view/${encodePath(r.entryPath)}`}>
-                    <span className="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-xs transition-all duration-150 hover:border-amber-500/30 hover:bg-muted/60">
+                    <span className="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-xs transition-all duration-150 hover:border-[var(--amber)]/30 hover:bg-muted/60">
                       <span className="text-sm leading-none" suppressHydrationWarning>{r.icon}</span>
                       <span className="font-medium text-foreground">{r.name}</span>
                     </span>
@@ -335,7 +330,7 @@ export default function HomeContent({ recent, existingFiles, spaces, dirPaths }:
               <Link
                 key={r.id}
                 href={`/view/${encodePath(r.entryPath!)}`}
-                className="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-xs transition-all duration-150 hover:border-amber-500/30 hover:bg-muted/60"
+                className="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-xs transition-all duration-150 hover:border-[var(--amber)]/30 hover:bg-muted/60"
               >
                 <span className="text-sm leading-none" suppressHydrationWarning>{r.icon}</span>
                 <span className="font-medium text-foreground">{r.name}</span>

package/app/components/MarkdownView.tsx

@@ -31,8 +31,8 @@ function CopyButton({ code }: { code: string }) {
       className="
         absolute top-2.5 right-2.5
         p-1.5 rounded-md
-        bg-zinc-700 hover:bg-zinc-600
-        text-zinc-400 hover:text-zinc-200
+        bg-muted hover:bg-accent
+        text-muted-foreground hover:text-foreground
         transition-colors duration-100
         opacity-0 group-hover:opacity-100
       "

package/app/components/OnboardingView.tsx

@@ -100,7 +100,7 @@ export default function OnboardingView() {
               key={tpl.id}
               disabled={isDisabled}
               onClick={() => handleSelect(tpl.id)}
-              className="group relative flex flex-col items-start gap-3 p-5 rounded-xl border border-border bg-card text-left transition-all duration-150 hover:border-amber-500/50 hover:bg-amber-500/5 disabled:opacity-60 disabled:cursor-not-allowed"
+              className="group relative flex flex-col items-start gap-3 p-5 rounded-xl border border-border bg-card text-left transition-all duration-150 hover:border-[var(--amber)]/50 hover:bg-[var(--amber)]/5 disabled:opacity-60 disabled:cursor-not-allowed"
             >
               {/* Icon + title */}
               <div className="flex items-center gap-2.5 w-full">

package/app/components/Panel.tsx

@@ -149,7 +149,7 @@ export default function Panel({
           className="absolute top-0 -right-[3px] w-[6px] h-full cursor-col-resize z-40 group hidden md:block"
           onMouseDown={handleMouseDown}
         >
-          <div className="absolute right-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-amber-500/60 transition-opacity" />
+          <div className="absolute right-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-[var(--amber)]/60 transition-opacity" />
         </div>
       )}
     </aside>

package/app/components/RightAgentDetailPanel.tsx

@@ -96,7 +96,7 @@ export default function RightAgentDetailPanel({
       aria-hidden={!open || !resolved}
     >
       {resolved && (
-        <div className="flex flex-col flex-1 min-h-0 overflow-hidden">
+        <div className="flex flex-col flex-1 min-h-0 overflow-y-auto">
           <AgentsPanelAgentDetail
             agent={resolved.agent}
             agentStatus={resolved.status}

package/app/components/RightAskPanel.tsx

@@ -81,7 +81,7 @@ export default function RightAskPanel({
         className="absolute top-0 -left-[3px] w-[6px] h-full cursor-col-resize z-40 group hidden md:block"
         onMouseDown={handleMouseDown}
       >
-        <div className="absolute left-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-amber-500/60 transition-opacity" />
+        <div className="absolute left-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-[var(--amber)]/60 transition-opacity" />
       </div>
     </aside>
   );

package/app/components/SearchModal.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, useLayoutEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { Search, X, FileText, Table } from 'lucide-react';
 import { SearchResult } from '@/lib/types';
@@ -32,6 +32,7 @@ export default function SearchModal({ open, onClose }: SearchModalProps) {
   const [loading, setLoading] = useState(false);
   const [selectedIndex, setSelectedIndex] = useState(0);
   const inputRef = useRef<HTMLInputElement>(null);
+  const resultsRef = useRef<HTMLDivElement>(null);
   const router = useRouter();
   const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
   const { t } = useLocale();
@@ -99,6 +100,13 @@ export default function SearchModal({ open, onClose }: SearchModalProps) {
     return () => window.removeEventListener('keydown', handler);
   }, [open, onClose, results, selectedIndex, navigate]);
 
+  useLayoutEffect(() => {
+    const container = resultsRef.current;
+    if (!container) return;
+    const selected = container.children[selectedIndex] as HTMLElement | undefined;
+    selected?.scrollIntoView({ block: 'nearest' });
+  }, [selectedIndex]);
+
   if (!open) return null;
 
   return (
@@ -134,7 +142,7 @@ export default function SearchModal({ open, onClose }: SearchModalProps) {
         </div>
 
         {/* Results */}
-        <div className="max-h-[50vh] md:max-h-80 overflow-y-auto flex-1">
+        <div ref={resultsRef} className="max-h-[50vh] md:max-h-80 overflow-y-auto flex-1">
           {results.length === 0 && query && !loading && (
             <div className="px-4 py-8 text-center text-sm text-muted-foreground">{t.search.noResults}</div>
           )}