@geminilight/mindos 0.6.39 → 0.6.40

package/app/app/api/sync/route.ts

@@ -1,7 +1,7 @@
 export const dynamic = 'force-dynamic';
 import { NextRequest, NextResponse } from 'next/server';
 import { execSync, execFile } from 'child_process';
-import { existsSync, readFileSync, writeFileSync } from 'fs';
+import { existsSync, readFileSync, writeFileSync, unlinkSync } from 'fs';
 import { join, resolve } from 'path';
 import { homedir } from 'os';
 
@@ -64,9 +64,30 @@ export async function GET() {
     return NextResponse.json({ enabled: false });
   }
 
-  const remote = mindRoot && isGitRepo(mindRoot) ? getRemoteUrl(mindRoot) : null;
-  const branch = mindRoot && isGitRepo(mindRoot) ? getBranch(mindRoot) : null;
-  const unpushed = mindRoot && isGitRepo(mindRoot) ? getUnpushedCount(mindRoot) : '?';
+  // Detect broken state: config says enabled but no git repo or no remote
+  const hasRepo = mindRoot && isGitRepo(mindRoot);
+  const remote = hasRepo ? getRemoteUrl(mindRoot) : null;
+  if (!hasRepo || !remote) {
+    return NextResponse.json({
+      enabled: true,
+      needsSetup: true,
+      provider: syncConfig.provider || 'git',
+      remote: remote || '(not configured)',
+      branch: 'main',
+      lastSync: null,
+      lastPull: null,
+      unpushed: '?',
+      conflicts: [],
+      lastError: !hasRepo
+        ? 'Git repository not found in knowledge base directory. Please re-configure sync.'
+        : 'Remote not configured. Please re-configure sync.',
+      autoCommitInterval: syncConfig.autoCommitInterval || 30,
+      autoPullInterval: syncConfig.autoPullInterval || 300,
+    });
+  }
+
+  const branch = getBranch(mindRoot);
+  const unpushed = getUnpushedCount(mindRoot);
 
   return NextResponse.json({
     enabled: true,
@@ -85,7 +106,7 @@ export async function GET() {
 
 export async function POST(req: NextRequest) {
   try {
-    const body = await req.json() as { action: string; remote?: string; branch?: string; token?: string };
+    const body = await req.json() as { action: string; remote?: string; branch?: string; token?: string; content?: string; autoCommitInterval?: number; autoPullInterval?: number };
     const config = loadConfig();
     const mindRoot = config.mindRoot;
 
@@ -107,18 +128,13 @@ export async function POST(req: NextRequest) {
           return NextResponse.json({ error: 'Invalid remote URL — must be HTTPS or SSH format' }, { status: 400 });
         }
 
-        // Check if sync is already configured
-        if (config.sync?.enabled && isGitRepo(mindRoot) && getRemoteUrl(mindRoot)) {
-          return NextResponse.json({ error: 'Sync already configured' }, { status: 400 });
-        }
-
         const branch = body.branch?.trim() || 'main';
 
         // Call CLI's sync init — pass clean remote + token separately (never embed token in URL)
         try {
           const args = ['sync', 'init', '--non-interactive', '--remote', remote, '--branch', branch];
           if (body.token) args.push('--token', body.token);
-          await runCli(args, 30000);
+          await runCli(args, 120000); // git init + remote setup can take 60s+
           return NextResponse.json({ success: true, message: 'Sync initialized' });
         } catch (err: unknown) {
           const errMsg = err instanceof Error ? err.message : String(err);
@@ -132,7 +148,7 @@ export async function POST(req: NextRequest) {
         }
         // Delegate to CLI for unified conflict handling
         try {
-          await runCli(['sync', 'now'], 60000);
+          await runCli(['sync', 'now'], 120000); // pull + push can take 60s+
           return NextResponse.json({ ok: true });
         } catch (err: unknown) {
           const errMsg = err instanceof Error ? err.message : String(err);
@@ -154,6 +170,100 @@ export async function POST(req: NextRequest) {
         return NextResponse.json({ ok: true, enabled: false });
       }
 
+      case 'reset': {
+        // Clear sync config so user can re-configure from scratch
+        delete config.sync;
+        saveConfig(config);
+        // Clear sync state
+        try { writeFileSync(SYNC_STATE_PATH, '{}', 'utf-8'); } catch {}
+        return NextResponse.json({ ok: true, enabled: false });
+      }
+
+      case 'gitignore-get': {
+        const gitignorePath = join(mindRoot, '.gitignore');
+        try {
+          const content = readFileSync(gitignorePath, 'utf-8');
+          return NextResponse.json({ content });
+        } catch {
+          return NextResponse.json({ content: '' });
+        }
+      }
+
+      case 'gitignore-save': {
+        if (typeof body.content !== 'string') {
+          return NextResponse.json({ error: 'Missing content' }, { status: 400 });
+        }
+        const gitignoreSavePath = join(mindRoot, '.gitignore');
+        writeFileSync(gitignoreSavePath, body.content, 'utf-8');
+        return NextResponse.json({ ok: true });
+      }
+
+      case 'resolve-conflict': {
+        // Resolve a single conflict: keep-local (default) or keep-remote
+        const file = body.remote; // reuse field: relative path of conflict file
+        const strategy = body.branch ?? 'keep-local'; // reuse field
+        if (!file || typeof file !== 'string') {
+          return NextResponse.json({ error: 'Missing file path' }, { status: 400 });
+        }
+        const conflictPath = join(mindRoot, file + '.sync-conflict');
+        const originalPath = join(mindRoot, file);
+        try {
+          if (strategy === 'keep-remote' && existsSync(conflictPath)) {
+            // Replace local with remote version
+            const remoteContent = readFileSync(conflictPath, 'utf-8');
+            writeFileSync(originalPath, remoteContent, 'utf-8');
+          }
+          // Clean up .sync-conflict file
+          if (existsSync(conflictPath)) {
+            unlinkSync(conflictPath);
+          }
+          // Remove this conflict from sync state
+          const state = loadSyncState();
+          if (state.conflicts) {
+            state.conflicts = state.conflicts.filter((c: { file: string }) => c.file !== file);
+            writeFileSync(SYNC_STATE_PATH, JSON.stringify(state, null, 2) + '\n', 'utf-8');
+          }
+          return NextResponse.json({ ok: true });
+        } catch (e) {
+          return NextResponse.json({ error: (e as Error).message }, { status: 500 });
+        }
+      }
+
+      case 'conflict-preview': {
+        const file = body.remote;
+        if (!file || typeof file !== 'string') {
+          return NextResponse.json({ error: 'Missing file path' }, { status: 400 });
+        }
+        const localPath = join(mindRoot, file);
+        const remotePath = join(mindRoot, file + '.sync-conflict');
+        const local = existsSync(localPath) ? readFileSync(localPath, 'utf-8') : '';
+        const remote = existsSync(remotePath) ? readFileSync(remotePath, 'utf-8') : '';
+        return NextResponse.json({ local, remote });
+      }
+
+      case 'update-intervals': {
+        const commitInterval = typeof body.autoCommitInterval === 'number' ? body.autoCommitInterval : undefined;
+        const pullInterval = typeof body.autoPullInterval === 'number' ? body.autoPullInterval : undefined;
+        if (commitInterval === undefined && pullInterval === undefined) {
+          return NextResponse.json({ error: 'At least one interval must be provided' }, { status: 400 });
+        }
+        if (commitInterval !== undefined && (commitInterval < 10 || commitInterval > 300)) {
+          return NextResponse.json({ error: 'autoCommitInterval must be between 10 and 300 seconds' }, { status: 400 });
+        }
+        if (pullInterval !== undefined && (pullInterval < 60 || pullInterval > 3600)) {
+          return NextResponse.json({ error: 'autoPullInterval must be between 60 and 3600 seconds' }, { status: 400 });
+        }
+        const fullConfig = loadConfig();
+        if (!fullConfig.sync) fullConfig.sync = {};
+        if (commitInterval !== undefined) fullConfig.sync.autoCommitInterval = commitInterval;
+        if (pullInterval !== undefined) fullConfig.sync.autoPullInterval = pullInterval;
+        writeFileSync(CONFIG_PATH, JSON.stringify(fullConfig, null, 2) + '\n', 'utf-8');
+        return NextResponse.json({
+          autoCommitInterval: fullConfig.sync.autoCommitInterval || 30,
+          autoPullInterval: fullConfig.sync.autoPullInterval || 300,
+        });
+      }
+
       default:
         return NextResponse.json({ error: `Unknown action: ${body.action}` }, { status: 400 });
     }

package/app/app/api/update-check/route.ts

@@ -32,8 +32,8 @@ export async function GET() {
   for (const url of REGISTRIES) {
     try {
       const res = await fetch(url, {
-        signal: AbortSignal.timeout(3000),
-        next: { revalidate: 300 }, // 5-minute ISR cache
+        signal: AbortSignal.timeout(2000),
+        next: { revalidate: 3600 }, // 1-hour ISR cache (reduce network calls)
       });
       if (res.ok) {
         const data = await res.json();

package/app/app/globals.css

@@ -139,9 +139,19 @@ body {
 .font-display { font-family: 'IBM Plex Mono', var(--font-ibm-plex-mono), monospace; }
 
 /* Content width — controlled by Settings > Appearance */
-:root { --content-width: 780px; }
+:root { --content-width: 780px; --toc-width: 0px; }
 .content-width { max-width: var(--content-width-override, var(--content-width)); margin-left: auto; margin-right: auto; }
 
+/* TOC offset — only on xl screens where TOC is visible.
+   --toc-width is set by TableOfContents.tsx (212px when expanded, 0px when collapsed).
+   Applied as padding-right on #main-content so content-width's margin:auto
+   centers within the remaining space (not overlapping the fixed TOC).
+   Note: SidebarLayout also sets padding-right via inline style with !important
+   for Ask panel; the TOC offset is added via --toc-extra-right there. */
+@media (min-width: 1280px) {
+  :root { --toc-extra-right: var(--toc-width, 0px); }
+}
+
 ::-webkit-scrollbar { width: 5px; height: 5px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; }

package/app/app/layout.tsx

@@ -4,7 +4,7 @@ import './globals.css';
 import { getFileTree } from '@/lib/fs';
 import ShellLayout from '@/components/ShellLayout';
 import { TooltipProvider } from '@/components/ui/tooltip';
-import { LocaleProvider } from '@/lib/LocaleContext';
+import LocaleStoreInit from '@/lib/stores/LocaleStoreInit';
 import ErrorBoundary from '@/components/ErrorBoundary';
 import Toaster from '@/components/ui/Toaster';
 import RegisterSW from './register-sw';
@@ -106,7 +106,7 @@ export default async function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} ${ibmPlexMono.variable} ${ibmPlexSans.variable} ${lora.variable} antialiased bg-background text-foreground`}
         suppressHydrationWarning
       >
-        <LocaleProvider ssrLocale={ssrLocale}>
+        <LocaleStoreInit ssrLocale={ssrLocale} />
           <TooltipProvider delay={300}>
             <ErrorBoundary>
               <ShellLayout fileTree={fileTree}>
@@ -117,7 +117,6 @@ export default async function RootLayout({
           <Toaster />
           <RegisterSW />
           <UpdateOverlay />
-        </LocaleProvider>
       </body>
     </html>
   );

package/app/app/login/page.tsx

@@ -3,7 +3,7 @@
 import { useState, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { Loader2, Lock } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 function LoginForm() {
   const router = useRouter();

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

@@ -15,7 +15,7 @@ import TableOfContents from '@/components/TableOfContents';
 import FindInPage from '@/components/FindInPage';
 import { resolveRenderer, isRendererEnabled } from '@/lib/renderers/registry';
 import { encodePath } from '@/lib/utils';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import DirPicker from '@/components/DirPicker';
 import { renameFileAction, deleteFileAction, undoDeleteAction } from '@/lib/actions';
 import { toast } from '@/lib/toast';
@@ -354,7 +354,7 @@ export default function ViewPageClient({
     <div className="flex flex-col min-h-screen">
       {/* Top bar */}
       <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="content-width xl:mr-[220px] flex items-center justify-between gap-2">
+        <div className="content-width flex items-center justify-between gap-2">
           <div className="min-w-0 flex-1 flex items-center gap-1.5">
             <button
               onClick={() => router.back()}
@@ -476,7 +476,7 @@ export default function ViewPageClient({
                   type="button"
                   onClick={() => setMoreOpen(v => !v)}
                   className="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
-                  title="More"
+                  title={t.view?.more ?? 'More'}
                 >
                   <MoreHorizontal size={16} />
                 </button>
@@ -486,14 +486,14 @@ export default function ViewPageClient({
                     className="absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-lg border border-border bg-card shadow-lg py-1"
                   >
                     <button className="w-full flex items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors text-left" onClick={handleCopyPath}>
-                      <Copy size={14} className="shrink-0" /> Copy Path
+                      <Copy size={14} className="shrink-0" /> {t.view?.copyPath ?? t.fileTree?.copyPath ?? 'Copy Path'}
                     </button>
                     <button className="w-full flex items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors text-left" onClick={handleStartRename}>
-                      <Pencil size={14} className="shrink-0" /> Rename
+                      <Pencil size={14} className="shrink-0" /> {t.view?.rename ?? 'Rename'}
                     </button>
                     <div className="my-1 border-t border-border/50" />
                     <button className="w-full flex items-center gap-2 px-3 py-2 text-sm text-error hover:bg-error/10 transition-colors text-left" onClick={() => { setMoreOpen(false); setShowDeleteConfirm(true); }}>
-                      <Trash2 size={14} className="shrink-0" /> Delete
+                      <Trash2 size={14} className="shrink-0" /> {t.view?.delete ?? 'Delete'}
                     </button>
                   </div>
                 )}
@@ -506,7 +506,7 @@ export default function ViewPageClient({
       {/* Content */}
       <div className="flex-1 px-4 md:px-6 py-6 md:py-8">
         {editing ? (
-          <div className="content-width xl:mr-[220px]">
+          <div className="content-width">
             {isDraft && showSaveAs && (
               <div className="mb-3 rounded-lg border border-border bg-card p-3 flex flex-col gap-2">
                 <div>
@@ -553,7 +553,7 @@ export default function ViewPageClient({
             )}
           </div>
         ) : showRenderer && LazyComponent ? (
-          <div ref={contentRef} className="content-width xl:mr-[220px]">
+          <div ref={contentRef} className="content-width">
             {findOpen && <FindInPage containerRef={contentRef} onClose={() => setFindOpen(false)} />}
             <Suspense fallback={<div className="flex items-center justify-center py-12"><Loader2 size={20} className="animate-spin text-muted-foreground" /></div>}>
               <LazyComponent
@@ -566,7 +566,7 @@ export default function ViewPageClient({
             <Backlinks filePath={filePath} />
           </div>
         ) : (
-          <div ref={contentRef} className="content-width xl:mr-[220px]">
+          <div ref={contentRef} className="content-width">
             {findOpen && <FindInPage containerRef={contentRef} onClose={() => setFindOpen(false)} />}
             {extension === 'csv' ? (
               <CsvView
@@ -577,7 +577,7 @@ export default function ViewPageClient({
               <JsonView content={savedContent} />
             ) : (
               <>
-                <MarkdownView content={savedContent} highlightLines={changedLines} onDismissHighlight={() => setChangedLines([])} />
+                <MarkdownView content={savedContent} highlightLines={changedLines} onDismissHighlight={() => setChangedLines([])} emptyPlaceholder={t.view?.emptyNote} />
                 <TableOfContents content={savedContent} />
               </>
             )}

package/app/app/view/[...path]/not-found.tsx

@@ -3,7 +3,7 @@
 import { usePathname, useRouter } from 'next/navigation';
 import { FilePlus, Home, ArrowLeft } from 'lucide-react';
 import { useState } from 'react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { encodePath } from '@/lib/utils';
 
 export default function ViewNotFound() {

package/app/components/ActivityBar.tsx

@@ -3,9 +3,9 @@
 import { useRef, useCallback, useState, useEffect } from 'react';
 import Link from 'next/link';
 import { FolderTree, Search, Settings, RefreshCw, Bot, Compass, ChevronLeft, ChevronRight, Radio, Zap } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { DOT_COLORS, getStatusLevel } from './SyncStatusBar';
-import type { SyncStatus } from './settings/SyncTab';
+import type { SyncStatus } from './settings/types';
 import Logo from './Logo';
 
 export type PanelId = 'files' | 'search' | 'echo' | 'agents' | 'discover' | 'workflows';
@@ -118,7 +118,7 @@ export default function ActivityBar({
     if (latest && latest !== dismissed) { setHasUpdate(true); }
     const timer = setTimeout(async () => {
       try {
-        const res = await fetch('/api/update-check');
+        const res = await fetch('/api/update-check', { signal: AbortSignal.timeout(5000) });
         if (!res.ok) return;
         const data = await res.json();
         if (!data.hasUpdate) {
@@ -144,6 +144,22 @@ export default function ActivityBar({
     };
   }, []);
 
+  // Labs feature flags (Echo, Workflows) — read from localStorage, react to settings changes
+  const [labsEcho, setLabsEcho] = useState(() =>
+    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-echo') === '1' : false
+  );
+  const [labsWorkflows, setLabsWorkflows] = useState(() =>
+    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-workflows') === '1' : false
+  );
+  useEffect(() => {
+    const sync = () => {
+      setLabsEcho(localStorage.getItem('mindos:labs-echo') === '1');
+      setLabsWorkflows(localStorage.getItem('mindos:labs-workflows') === '1');
+    };
+    window.addEventListener('mindos:labs-changed', sync);
+    return () => window.removeEventListener('mindos:labs-changed', sync);
+  }, []);
+
   /** Debounce rapid clicks (300ms) — shared across all Rail buttons */
   const debounced = useCallback((fn: () => void) => {
     const now = Date.now();
@@ -176,22 +192,22 @@ export default function ActivityBar({
     >
       {/* Content wrapper — overflow-hidden prevents text flash during width transitions */}
       <div className="flex flex-col h-full w-full overflow-hidden">
-        {/* ── Top: Logo ── */}
+        {/* ── Top: Logo — h-[45px] aligns divider with PanelHeader h-[46px] border-b (both at y=45) ── */}
         <Link
           href="/"
-          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full py-[13px] hover:opacity-80 transition-opacity`}
+          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full h-[45px] shrink-0 hover:opacity-80 transition-opacity`}
           aria-label="MindOS Home"
         >
           <Logo id="rail" className="w-7 h-3.5 shrink-0" />
           {expanded && <span className="text-sm font-semibold text-foreground font-display whitespace-nowrap">MindOS</span>}
         </Link>
 
-        <div className={`${expanded ? 'mx-3' : 'mx-auto w-6'} border-t border-border`} />
+        <div className={`${expanded ? 'mx-3' : 'mx-2'} border-t border-border`} />
 
         {/* ── 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={() => onEchoClick ? debounced(onEchoClick) : toggle('echo')} walkthroughId="echo-panel" />
+          {labsEcho && <RailButton icon={<Radio size={18} />} label={t.sidebar.echo} active={activePanel === 'echo'} expanded={expanded} onClick={() => onEchoClick ? debounced(onEchoClick) : toggle('echo')} walkthroughId="echo-panel" />}
           <RailButton icon={<Search size={18} />} label={t.sidebar.searchTitle} shortcut="⌘K" active={activePanel === 'search'} expanded={expanded} onClick={() => toggle('search')} />
           <RailButton
             icon={<Bot size={18} />}
@@ -201,20 +217,20 @@ export default function ActivityBar({
             onClick={() => onAgentsClick ? debounced(onAgentsClick) : toggle('agents')}
             walkthroughId="agents-panel"
           />
-          <RailButton icon={<Zap size={18} />} label={t.sidebar.workflows ?? 'Flows'} active={activePanel === 'workflows'} expanded={expanded} onClick={() => onWorkflowsClick ? debounced(onWorkflowsClick) : toggle('workflows')} />
+          {labsWorkflows && <RailButton icon={<Zap size={18} />} label={t.sidebar.workflows ?? 'Flows'} active={activePanel === 'workflows'} expanded={expanded} onClick={() => onWorkflowsClick ? debounced(onWorkflowsClick) : toggle('workflows')} />}
         </div>
 
         {/* ── Spacer ── */}
         <div className="flex-1" />
 
         {/* ── Secondary: Explore ── */}
-        <div className={`${expanded ? 'mx-3' : 'mx-auto w-6'} border-t border-border`} />
+        <div className={`${expanded ? 'mx-3' : 'mx-2'} border-t border-border`} />
         <div className={`flex flex-col ${expanded ? 'px-1.5' : 'items-center'} gap-1 py-2`}>
           <RailButton icon={<Compass size={18} />} label={t.sidebar.discover} active={activePanel === 'discover'} expanded={expanded} onClick={() => onDiscoverClick ? debounced(onDiscoverClick) : toggle('discover')} />
         </div>
 
         {/* ── Bottom: Action buttons (not panel toggles) ── */}
-        <div className={`${expanded ? 'mx-3' : 'mx-auto w-6'} border-t border-border`} />
+        <div className={`${expanded ? 'mx-3' : 'mx-2'} border-t border-border`} />
         <div className={`flex flex-col ${expanded ? 'px-1.5' : 'items-center'} gap-1 py-2`}>
           <RailButton
             icon={<Settings size={18} />}

package/app/components/AskFab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Sparkles } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 interface AskFabProps {
   /** Toggle the right-side Ask AI panel */

package/app/components/AskModal.tsx

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

package/app/components/Backlinks.tsx

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

package/app/components/CreateSpaceModal.tsx

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