@geminilight/mindos 0.5.69 → 0.6.0

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

@@ -4,6 +4,7 @@ import fs from 'fs';
 import path from 'path';
 import os from 'os';
 import { readSettings, writeSettings } from '@/lib/settings';
+import { parseSkillMd, readSkillContentByName, scanSkillDirs } from '@/lib/pi-integration/skills';
 
 const PROJECT_ROOT = process.env.MINDOS_PROJECT_ROOT || path.resolve(process.cwd(), '..');
 
@@ -12,113 +13,15 @@ function getMindRoot(): string {
   return s.mindRoot || process.env.MIND_ROOT || path.join(os.homedir(), 'MindOS', 'mind');
 }
 
-interface SkillInfo {
-  name: string;
-  description: string;
-  path: string;
-  source: 'builtin' | 'user';
-  enabled: boolean;
-  editable: boolean;
-}
-
-function parseSkillMd(content: string): { name: string; description: string } {
-  const match = content.match(/^---\n([\s\S]*?)\n---/);
-  if (!match) return { name: '', description: '' };
-  const yaml = match[1];
-  const nameMatch = yaml.match(/^name:\s*(.+)/m);
-  const descMatch = yaml.match(/^description:\s*>?\s*\n?([\s\S]*?)(?=\n\w|\n---)/m);
-  const name = nameMatch ? nameMatch[1].trim() : '';
-  let description = '';
-  if (descMatch) {
-    description = descMatch[1].trim().split('\n').map(l => l.trim()).join(' ').slice(0, 200);
-  } else {
-    const simpleDesc = yaml.match(/^description:\s*(.+)/m);
-    if (simpleDesc) description = simpleDesc[1].trim().slice(0, 200);
-  }
-  return { name, description };
-}
-
-function scanSkillDirs(disabledSkills: string[]): SkillInfo[] {
-  const skills: SkillInfo[] = [];
-  const seen = new Set<string>();
-
-  // 1. app/data/skills/ — builtin
-  const builtinDir = path.join(PROJECT_ROOT, 'app', 'data', 'skills');
-  if (fs.existsSync(builtinDir)) {
-    for (const entry of fs.readdirSync(builtinDir, { withFileTypes: true })) {
-      if (!entry.isDirectory()) continue;
-      const skillFile = path.join(builtinDir, entry.name, 'SKILL.md');
-      if (!fs.existsSync(skillFile)) continue;
-      const content = fs.readFileSync(skillFile, 'utf-8');
-      const { name, description } = parseSkillMd(content);
-      const skillName = name || entry.name;
-      seen.add(skillName);
-      skills.push({
-        name: skillName,
-        description,
-        path: `app/data/skills/${entry.name}/SKILL.md`,
-        source: 'builtin',
-        enabled: !disabledSkills.includes(skillName),
-        editable: false,
-      });
-    }
-  }
-
-  // 2. skills/ — project root builtin
-  const skillsDir = path.join(PROJECT_ROOT, 'skills');
-  if (fs.existsSync(skillsDir)) {
-    for (const entry of fs.readdirSync(skillsDir, { withFileTypes: true })) {
-      if (!entry.isDirectory()) continue;
-      const skillFile = path.join(skillsDir, entry.name, 'SKILL.md');
-      if (!fs.existsSync(skillFile)) continue;
-      const content = fs.readFileSync(skillFile, 'utf-8');
-      const { name, description } = parseSkillMd(content);
-      const skillName = name || entry.name;
-      if (seen.has(skillName)) continue; // already listed from app/data/skills/
-      seen.add(skillName);
-      skills.push({
-        name: skillName,
-        description,
-        path: `skills/${entry.name}/SKILL.md`,
-        source: 'builtin',
-        enabled: !disabledSkills.includes(skillName),
-        editable: false,
-      });
-    }
-  }
-
-  // 3. {mindRoot}/.skills/ — user custom
-  const mindRoot = getMindRoot();
-  const userSkillsDir = path.join(mindRoot, '.skills');
-  if (fs.existsSync(userSkillsDir)) {
-    for (const entry of fs.readdirSync(userSkillsDir, { withFileTypes: true })) {
-      if (!entry.isDirectory()) continue;
-      const skillFile = path.join(userSkillsDir, entry.name, 'SKILL.md');
-      if (!fs.existsSync(skillFile)) continue;
-      const content = fs.readFileSync(skillFile, 'utf-8');
-      const { name, description } = parseSkillMd(content);
-      const skillName = name || entry.name;
-      if (seen.has(skillName)) continue;
-      seen.add(skillName);
-      skills.push({
-        name: skillName,
-        description,
-        path: `{mindRoot}/.skills/${entry.name}/SKILL.md`,
-        source: 'user',
-        enabled: !disabledSkills.includes(skillName),
-        editable: true,
-      });
-    }
-  }
-
-  return skills;
-}
-
 export async function GET() {
   try {
     const settings = readSettings();
     const disabledSkills = settings.disabledSkills ?? [];
-    const skills = scanSkillDirs(disabledSkills);
+    const skills = scanSkillDirs({
+      projectRoot: PROJECT_ROOT,
+      mindRoot: getMindRoot(),
+      disabledSkills,
+    });
     return NextResponse.json({ skills });
   } catch (err) {
     return NextResponse.json({ error: String(err) }, { status: 500 });
@@ -205,18 +108,11 @@ export async function POST(req: NextRequest) {
 
       case 'read': {
         if (!name) return NextResponse.json({ error: 'name required' }, { status: 400 });
-        const dirs = [
-          path.join(PROJECT_ROOT, 'app', 'data', 'skills', name),
-          path.join(PROJECT_ROOT, 'skills', name),
-          path.join(userSkillsDir, name),
-        ];
-        for (const dir of dirs) {
-          const file = path.join(dir, 'SKILL.md');
-          if (fs.existsSync(file)) {
-            return NextResponse.json({ content: fs.readFileSync(file, 'utf-8') });
-          }
+        const content = readSkillContentByName(name, { projectRoot: PROJECT_ROOT, mindRoot });
+        if (!content) {
+          return NextResponse.json({ error: 'Skill not found' }, { status: 404 });
         }
-        return NextResponse.json({ error: 'Skill not found' }, { status: 404 });
+        return NextResponse.json({ content });
       }
 
       case 'read-native': {

package/app/components/ActivityBar.tsx

@@ -2,13 +2,13 @@
 
 import { useRef, useCallback, useState, useEffect } from 'react';
 import Link from 'next/link';
-import { FolderTree, Search, Settings, RefreshCw, Blocks, Bot, Compass, HelpCircle, ChevronLeft, ChevronRight, Radio } from 'lucide-react';
+import { FolderTree, Search, Settings, RefreshCw, Bot, Compass, HelpCircle, ChevronLeft, ChevronRight, Radio } from 'lucide-react';
 import { useLocale } from '@/lib/LocaleContext';
 import { DOT_COLORS, getStatusLevel } from './SyncStatusBar';
 import type { SyncStatus } from './settings/SyncTab';
 import Logo from './Logo';
 
-export type PanelId = 'files' | 'search' | 'echo' | 'plugins' | 'agents' | 'discover';
+export type PanelId = 'files' | 'search' | 'echo' | 'agents' | 'discover';
 
 export const RAIL_WIDTH_COLLAPSED = 48;
 export const RAIL_WIDTH_EXPANDED = 180;
@@ -162,7 +162,6 @@ export default function ActivityBar({
       role="toolbar"
       aria-label="Navigation"
       aria-orientation="vertical"
-      data-walkthrough="activity-bar"
     >
       {/* Content wrapper — overflow-hidden prevents text flash during width transitions */}
       <div className="flex flex-col h-full w-full overflow-hidden">
@@ -181,15 +180,15 @@ export default function ActivityBar({
         {/* ── Middle: Core panel toggles ── */}
         <div className={`flex flex-col ${expanded ? 'px-1.5' : 'items-center'} gap-1 py-2`}>
           <RailButton icon={<FolderTree size={18} />} label={t.sidebar.files} active={activePanel === 'files'} expanded={expanded} onClick={() => toggle('files')} walkthroughId="files-panel" />
-          <RailButton icon={<Radio size={18} />} label={t.sidebar.echo} active={activePanel === 'echo'} expanded={expanded} onClick={() => toggle('echo')} />
-          <RailButton icon={<Search size={18} />} label={t.sidebar.searchTitle} shortcut="⌘K" active={activePanel === 'search'} expanded={expanded} onClick={() => toggle('search')} walkthroughId="search-button" />
-          <RailButton icon={<Blocks size={18} />} label={t.sidebar.plugins} active={activePanel === 'plugins'} expanded={expanded} onClick={() => toggle('plugins')} />
+          <RailButton icon={<Search size={18} />} label={t.sidebar.searchTitle} shortcut="⌘K" active={activePanel === 'search'} expanded={expanded} onClick={() => toggle('search')} />
+          <RailButton icon={<Radio size={18} />} label={t.sidebar.echo} active={activePanel === 'echo'} expanded={expanded} onClick={() => toggle('echo')} walkthroughId="echo-panel" />
           <RailButton
             icon={<Bot size={18} />}
             label={t.sidebar.agents}
             active={activePanel === 'agents'}
             expanded={expanded}
             onClick={() => onAgentsClick ? debounced(onAgentsClick) : toggle('agents')}
+            walkthroughId="agents-panel"
           />
           <RailButton icon={<Compass size={18} />} label={t.sidebar.discover} active={activePanel === 'discover'} expanded={expanded} onClick={() => toggle('discover')} />
         </div>
@@ -212,7 +211,6 @@ export default function ActivityBar({
             shortcut="⌘,"
             expanded={expanded}
             onClick={() => debounced(onSettingsClick)}
-            walkthroughId="settings-button"
             badge={hasUpdate ? (
               <span className={`absolute ${expanded ? 'left-[26px] top-1.5' : 'top-1.5 right-1.5'} w-2 h-2 rounded-full bg-error`} />
             ) : undefined}

package/app/components/CreateSpaceModal.tsx

@@ -93,17 +93,42 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
       if (useAi && aiAvailable) {
         const isZh = document.documentElement.lang === 'zh';
         const prompt = isZh
-          ? `初始化新建的心智空间「${trimmed}」，路径为「${createdPath}/」。${description ? `描述：「${description}」。` : ''}请根据空间名称生成有意义的内容：\n1. README.md — 空间用途、结构概览、使用指南\n2. INSTRUCTION.md — AI Agent 在此空间的行为规则\n\n使用可用工具直接写入文件，内容简洁实用。`
-          : `Initialize this new Mind Space "${trimmed}" at "${createdPath}/". ${description ? `Description: "${description}". ` : ''}Generate meaningful content for:\n1. README.md — purpose, structure overview, usage guidelines\n2. INSTRUCTION.md — rules for AI agents operating in this space\n\nWrite directly to the files using available tools. Keep content concise and actionable.`;
-        // Fire and forget — don't block navigation
-        apiFetch('/api/ask', {
+          ? `初始化新建的心智空间「${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 }],
-            targetDir: createdPath,
+            currentFile: createdPath + '/INSTRUCTION.md',
           }),
-        }).catch(() => { /* AI init is best-effort */ });
+        }).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' },
+          }));
+        });
       }
 
       close();

package/app/components/FileTree.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { useState, useCallback, useRef, useTransition, useEffect } from 'react';
+import { useState, useCallback, useRef, useTransition, useEffect, useSyncExternalStore } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
 import { FileNode } from '@/lib/types';
 import { encodePath } from '@/lib/utils';
 import {
   ChevronDown, FileText, Table, Folder, FolderOpen, Plus, Loader2,
-  Trash2, Pencil, Layers, ScrollText,
+  Trash2, Pencil, Layers, ScrollText, FolderInput,
 } from 'lucide-react';
 import { createFileAction, deleteFileAction, renameFileAction, renameSpaceAction, deleteSpaceAction, convertToSpaceAction, deleteFolderAction } from '@/lib/actions';
 import { useLocale } from '@/lib/LocaleContext';
@@ -17,12 +17,40 @@ function notifyFilesChanged() {
 
 const SYSTEM_FILES = new Set(['INSTRUCTION.md', 'README.md']);
 
+const HIDDEN_FILES_KEY = 'show-hidden-files';
+
+function subscribeHiddenFiles(cb: () => void) {
+  const handler = (e: StorageEvent) => { if (e.key === HIDDEN_FILES_KEY) cb(); };
+  const custom = () => cb();
+  window.addEventListener('storage', handler);
+  window.addEventListener('mindos:hidden-files-changed', custom);
+  return () => {
+    window.removeEventListener('storage', handler);
+    window.removeEventListener('mindos:hidden-files-changed', custom);
+  };
+}
+
+function getShowHiddenFiles() {
+  if (typeof window === 'undefined') return false;
+  return localStorage.getItem(HIDDEN_FILES_KEY) === 'true';
+}
+
+export function setShowHiddenFiles(value: boolean) {
+  localStorage.setItem(HIDDEN_FILES_KEY, String(value));
+  window.dispatchEvent(new Event('mindos:hidden-files-changed'));
+}
+
+function useShowHiddenFiles() {
+  return useSyncExternalStore(subscribeHiddenFiles, getShowHiddenFiles, () => false);
+}
+
 interface FileTreeProps {
   nodes: FileNode[];
   depth?: number;
   onNavigate?: () => void;
   maxOpenDepth?: number | null;
   parentIsSpace?: boolean;
+  onImport?: (space: string) => void;
 }
 
 function getIcon(node: FileNode) {
@@ -96,8 +124,8 @@ const MENU_DIVIDER = "my-1 border-t border-border/50";
 
 // ─── SpaceContextMenu ─────────────────────────────────────────────────────────
 
-function SpaceContextMenu({ x, y, node, onClose, onRename }: {
-  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void;
+function SpaceContextMenu({ x, y, node, onClose, onRename, onImport }: {
+  x: number; y: number; node: FileNode; onClose: () => void; onRename: () => void; onImport?: (space: string) => void;
 }) {
   const router = useRouter();
   const { t } = useLocale();
@@ -108,6 +136,11 @@ function SpaceContextMenu({ x, y, node, onClose, onRename }: {
       <button className={MENU_ITEM} onClick={() => { router.push(`/view/${encodePath(`${node.path}/INSTRUCTION.md`)}`); onClose(); }}>
         <ScrollText size={14} className="shrink-0" /> {t.fileTree.editRules}
       </button>
+      {onImport && (
+        <button className={MENU_ITEM} onClick={() => { onImport(node.path); onClose(); }}>
+          <FolderInput size={14} className="shrink-0" /> {t.fileTree.importFile}
+        </button>
+      )}
       <button className={MENU_ITEM} onClick={() => { onRename(); onClose(); }}>
         <Pencil size={14} className="shrink-0" /> {t.fileTree.renameSpace}
       </button>
@@ -240,9 +273,9 @@ function NewFileInline({ dirPath, depth, onDone }: { dirPath: string; depth: num
 
 // ─── DirectoryNode ────────────────────────────────────────────────────────────
 
-function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
+function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onImport }: {
   node: FileNode; depth: number; currentPath: string; onNavigate?: () => void;
-  maxOpenDepth?: number | null;
+  maxOpenDepth?: number | null; onImport?: (space: string) => void;
 }) {
   const router = useRouter();
   const isActive = currentPath.startsWith(node.path + '/') || currentPath === node.path;
@@ -255,6 +288,8 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
   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 toggle = useCallback(() => setOpen(v => !v), []);
@@ -391,12 +426,12 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
         </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();
-              setOpen(true);
-              setShowNewFile(true);
+              setPlusPopover(v => !v);
             }}
             className="p-0.5 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
             title={t.fileTree.newFileTitle}
@@ -444,6 +479,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
             onNavigate={onNavigate}
             maxOpenDepth={maxOpenDepth}
             parentIsSpace={isSpace}
+            onImport={onImport}
           />
         )}
         {showNewFile && (
@@ -462,6 +498,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
           node={node}
           onClose={() => setContextMenu(null)}
           onRename={() => startRename()}
+          onImport={onImport}
         />
       ) : (
         <FolderContextMenu
@@ -472,6 +509,22 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth }: {
           onRename={() => startRename()}
         />
       ))}
+
+      {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>
   );
 }
@@ -589,12 +642,16 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
 
 // ─── FileTree (root) ──────────────────────────────────────────────────────────
 
-export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, parentIsSpace }: FileTreeProps) {
+export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, parentIsSpace, onImport }: FileTreeProps) {
   const pathname = usePathname();
   const currentPath = getCurrentFilePath(pathname);
+  const showHidden = useShowHiddenFiles();
 
   const isInsideDir = depth > 0;
-  const visibleNodes = isInsideDir ? filterVisibleNodes(nodes, !!parentIsSpace) : nodes;
+  let visibleNodes = isInsideDir ? filterVisibleNodes(nodes, !!parentIsSpace) : nodes;
+  if (!isInsideDir && !showHidden) {
+    visibleNodes = visibleNodes.filter(n => !n.name.startsWith('.'));
+  }
 
   useEffect(() => {
     if (!currentPath || depth !== 0) return;
@@ -609,7 +666,7 @@ export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, p
     <div className="flex flex-col gap-0.5">
       {visibleNodes.map((node) =>
         node.type === 'directory' ? (
-          <DirectoryNode key={node.path} node={node} depth={depth} currentPath={currentPath} onNavigate={onNavigate} maxOpenDepth={maxOpenDepth} />
+          <DirectoryNode key={node.path} node={node} depth={depth} currentPath={currentPath} onNavigate={onNavigate} maxOpenDepth={maxOpenDepth} onImport={onImport} />
         ) : (
           <FileNodeItem key={node.path} node={node} depth={depth} currentPath={currentPath} onNavigate={onNavigate} />
         )