@geminilight/mindos 0.5.63 → 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/changes/route.ts

@@ -22,10 +22,16 @@ export async function GET(req: NextRequest) {
 
     if (op === 'list') {
       const path = req.nextUrl.searchParams.get('path') ?? undefined;
+      const sourceParam = req.nextUrl.searchParams.get('source');
+      const source = sourceParam === 'user' || sourceParam === 'agent' || sourceParam === 'system'
+        ? sourceParam
+        : undefined;
+      const opFilter = req.nextUrl.searchParams.get('event_op') ?? undefined;
+      const q = req.nextUrl.searchParams.get('q') ?? undefined;
       const limitParam = req.nextUrl.searchParams.get('limit');
       const limit = limitParam ? Number(limitParam) : 50;
       if (!Number.isFinite(limit) || limit <= 0) return err('invalid limit');
-      return NextResponse.json({ events: listContentChanges({ path, limit }) });
+      return NextResponse.json({ events: listContentChanges({ path, source, op: opFilter, q, limit }) });
     }
 
     return err(`unknown op: ${op}`);

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/mcp/install-skill/route.ts

@@ -3,35 +3,15 @@ import { NextRequest, NextResponse } from 'next/server';
 import { execSync } from 'child_process';
 import path from 'path';
 import fs from 'fs';
+import { SKILL_AGENT_REGISTRY } from '@/lib/mcp-agents';
 
 /* ── Constants ────────────────────────────────────────────────── */
 
 const GITHUB_SOURCE = 'GeminiLight/MindOS';
 
-// Universal agents read directly from ~/.agents/skills/ — no symlink needed.
-const UNIVERSAL_AGENTS = new Set([
-  'amp', 'cline', 'codex', 'cursor', 'gemini-cli',
-  'github-copilot', 'kimi-cli', 'opencode', 'warp',
-]);
-
 // Agents that do NOT support Skills at all
 const SKILL_UNSUPPORTED = new Set<string>([]);
 
-// MCP agent key → npx skills agent name (for non-universal agents)
-const AGENT_NAME_MAP: Record<string, string> = {
-  'claude-code': 'claude-code',
-  'windsurf': 'windsurf',
-  'trae': 'trae',
-  'openclaw': 'openclaw',
-  'codebuddy': 'codebuddy',
-  'iflow-cli': 'iflow-cli',
-  'pi': 'pi',
-  'augment': 'augment',
-  'qwen-code': 'qwen-code',
-  'trae-cn': 'trae-cn',
-  'roo': 'roo',
-};
-
 /* ── Helpers ──────────────────────────────────────────────────── */
 
 /** Fallback: find local skills directory for offline installs */
@@ -78,9 +58,14 @@ export async function POST(req: NextRequest) {
       return NextResponse.json({ error: 'Invalid skill name' }, { status: 400 });
     }
 
-    const additionalAgents = (agents || [])
-      .filter(key => !UNIVERSAL_AGENTS.has(key) && !SKILL_UNSUPPORTED.has(key))
-      .map(key => AGENT_NAME_MAP[key] || key);
+    const additionalAgents = (agents || []).flatMap((key) => {
+      if (SKILL_UNSUPPORTED.has(key)) return [];
+      const reg = SKILL_AGENT_REGISTRY[key];
+      if (!reg) return [key]; // Forward-compatible fallback for unknown keys.
+      if (reg.mode === 'unsupported') return [];
+      if (reg.mode === 'universal') return [];
+      return [reg.skillAgentName || key];
+    });
 
     // Try GitHub source first, fall back to local path
     const sources = [GITHUB_SOURCE];

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/app/layout.tsx

@@ -11,6 +11,7 @@ import UpdateBanner from '@/components/UpdateBanner';
 import UpdateOverlay from '@/components/UpdateOverlay';
 import { cookies } from 'next/headers';
 import type { Locale } from '@/lib/i18n';
+import '@/lib/renderers/index'; // globally register built-in renderers once
 
 const geistSans = Inter({
   variable: '--font-geist-sans',

package/app/app/page.tsx

@@ -2,7 +2,6 @@ import { redirect } from 'next/navigation';
 import { readSettings } from '@/lib/settings';
 import { getRecentlyModified, getFileContent, getFileTree } from '@/lib/fs';
 import { getAllRenderers } from '@/lib/renderers/registry';
-import '@/lib/renderers/index'; // registers all renderers
 import HomeContent from '@/components/HomeContent';
 import type { FileNode } from '@/lib/core/types';
 
@@ -83,7 +82,7 @@ export default function HomePage() {
     console.error('[HomePage] Failed to load recent files:', err);
   }
 
-  // Derive plugin entry paths from registry — no hardcoded list needed
+  // Derive renderer entry paths from registry — used by plugin and app-builtin sections on home.
   const entryPaths = getAllRenderers()
     .map(r => r.entryPath)
     .filter((p): p is string => !!p);

package/app/app/view/[...path]/ViewPageClient.tsx

@@ -17,7 +17,6 @@ import { resolveRenderer, isRendererEnabled } from '@/lib/renderers/registry';
 import { encodePath } from '@/lib/utils';
 import { useLocale } from '@/lib/LocaleContext';
 import DirPicker from '@/components/DirPicker';
-import '@/lib/renderers/index'; // registers all renderers
 
 interface ViewPageClientProps {
   filePath: string;

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'}
       `}
     >