@geminilight/mindos 0.5.35 → 0.5.37

package/app/app/globals.css

@@ -75,7 +75,8 @@ body {
   --ring: var(--amber);
   --radius: 0.5rem;
   --amber: #c8873a;
-  --amber-dim: rgba(200, 135, 58, 0.12);
+  --amber-dim: rgba(200, 135, 58, 0.18);
+  --amber-subtle: rgba(200, 135, 30, 0.08);
   --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;
@@ -109,7 +110,8 @@ body {
   --input: rgba(232, 228, 220, 0.1);
   --ring: var(--amber);
   --amber: #d4954a;
-  --amber-dim: rgba(212, 149, 74, 0.12);
+  --amber-dim: rgba(212, 149, 74, 0.20);
+  --amber-subtle: rgba(212, 149, 74, 0.10);
   --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;
@@ -298,6 +300,10 @@ body {
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
 }
+.dark .modal-backdrop {
+  background: rgba(0, 0, 0, 0.65);
+}
+}
 
 /* Micro type scale: text-2xs = 10px (between nothing and text-xs 12px) */
 @layer utilities {

package/app/components/GuideCard.tsx

@@ -15,10 +15,6 @@ const DIR_ICONS: Record<string, string> = {
 
 const EMPTY_FILES = ['INSTRUCTION.md', 'README.md', 'CONFIG.json'];
 
-/* Shared amber-subtle background — used as inline style because Tailwind can't handle
-   CSS var() with fallback in arbitrary values: bg-[var(--amber-subtle,rgba(...))] breaks. */
-const amberSubtleBg = 'var(--amber-subtle, rgba(200,135,30,0.08))';
-
 interface GuideCardProps {
   /** Called when user clicks a file/dir to open it in FileView */
   onNavigate?: (path: string) => void;
@@ -155,8 +151,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
   // After all next-steps done → final state (auto-dismisses after 8s)
   if (allDone && allNextDone) {
     return (
-      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 flex items-center gap-3 animate-in fade-in duration-300"
-        style={{ background: amberSubtleBg }}>
+      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 flex items-center gap-3 animate-in fade-in duration-300 bg-[var(--amber-subtle)]">
         <Sparkles size={16} className="animate-spin-slow text-[var(--amber)]" />
         <span className="text-sm font-semibold flex-1 text-foreground">
           ✨ {g.done.titleFinal}
@@ -178,8 +173,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
   if (allDone) {
     const step = nextSteps[nextIdx];
     return (
-      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 animate-in fade-in duration-300"
-        style={{ background: amberSubtleBg }}>
+      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 animate-in fade-in duration-300 bg-[var(--amber-subtle)]">
         <div className="flex items-center gap-3">
           <Sparkles size={16} className="text-[var(--amber)]" />
           <span className="text-sm font-semibold flex-1 text-foreground">
@@ -204,8 +198,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
 
   // Main guide card with 3 tasks
   return (
-    <div className="mb-6 rounded-xl border border-[var(--amber)] overflow-hidden"
-      style={{ background: amberSubtleBg }}>
+    <div className="mb-6 rounded-xl border border-[var(--amber)] overflow-hidden bg-[var(--amber-subtle)]">
 
       {/* Header */}
       <div className="flex items-center gap-3 px-5 pt-4 pb-2">

package/app/components/HomeContent.tsx

@@ -81,7 +81,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
             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"
           >
             <Sparkles size={15} className="shrink-0 text-[var(--amber)]" />
-            <span className="text-sm flex-1 text-left text-foreground" aria-live="polite" aria-atomic="true">
+            <span className="text-sm flex-1 text-left text-foreground">
               {suggestions[suggestionIdx]}
             </span>
             <kbd className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-mono font-medium bg-[var(--amber-dim)] text-[var(--amber)]">
@@ -215,8 +215,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
               >
                 <ChevronDown
                   size={12}
-                  className="transition-transform duration-200"
-                  style={{ transform: showAll ? 'rotate(180deg)' : undefined }}
+                  className={`transition-transform duration-200 ${showAll ? 'rotate-180' : ''}`}
                 />
                 <span>{showAll ? t.home.showLess : t.home.showMore}</span>
               </button>

package/app/components/OnboardingView.tsx

@@ -80,7 +80,7 @@ export default function OnboardingView() {
           className="max-w-2xl mx-auto mb-6 flex items-center gap-2.5 px-4 py-3 rounded-lg border border-destructive/30 bg-destructive/5 text-sm text-destructive"
         >
           <AlertCircle size={16} className="shrink-0" />
-          <span className="flex-1">{ob.initError ?? 'Initialization failed. Please try again.'} ({error})</span>
+          <span className="flex-1">{ob.initError ?? 'Initialization failed. Please try again.'}</span>
           <button
             onClick={() => setError(null)}
             className="text-xs underline shrink-0 hover:opacity-80"

package/app/components/RightAskPanel.tsx

@@ -1,6 +1,8 @@
 'use client';
 
+import { AlertCircle } from 'lucide-react';
 import AskContent from '@/components/ask/AskContent';
+import ErrorBoundary from '@/components/ErrorBoundary';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
 
 const DEFAULT_WIDTH = 380;
@@ -47,16 +49,29 @@ export default function RightAskPanel({
       role="complementary"
       aria-label="MindOS Agent panel"
     >
-      <AskContent
-        visible={open}
-        variant="panel"
-        currentFile={open ? currentFile : undefined}
-        initialMessage={initialMessage}
-        onFirstMessage={onFirstMessage}
-        onClose={onClose}
-        askMode={askMode}
-        onModeSwitch={onModeSwitch}
-      />
+      <ErrorBoundary fallback={
+        <div className="flex flex-col items-center justify-center h-full gap-3 px-6 text-center">
+          <AlertCircle size={20} className="text-muted-foreground" />
+          <p className="text-sm text-muted-foreground">AI panel encountered an error.</p>
+          <button
+            onClick={() => window.location.reload()}
+            className="text-xs px-3 py-1.5 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+          >
+            Reload page
+          </button>
+        </div>
+      }>
+        <AskContent
+          visible={open}
+          variant="panel"
+          currentFile={open ? currentFile : undefined}
+          initialMessage={initialMessage}
+          onFirstMessage={onFirstMessage}
+          onClose={onClose}
+          askMode={askMode}
+          onModeSwitch={onModeSwitch}
+        />
+      </ErrorBoundary>
 
       {/* Drag resize handle — LEFT edge */}
       <div

package/app/components/panels/PluginsPanel.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import { useRouter } from 'next/navigation';
 import { getAllRenderers, isRendererEnabled, setRendererEnabled, loadDisabledState } from '@/lib/renderers/registry';
 import { Toggle } from '../settings/Primitives';
@@ -27,25 +27,25 @@ export default function PluginsPanel({ active, maximized, onMaximize }: PluginsP
     setMounted(true);
   }, []);
 
-  // Check which entry files exist (once on mount + when active)
+  // Check which entry files exist — fetch once on mount, cache result
+  const fetchedRef = useRef(false);
   useEffect(() => {
-    if (!mounted || !active) return;
+    if (!mounted || fetchedRef.current) return;
+    fetchedRef.current = true;
     const entryPaths = getAllRenderers()
       .map(r => r.entryPath)
       .filter((p): p is string => !!p);
     if (entryPaths.length === 0) return;
 
-    // Check each file via HEAD-like GET — lightweight
-    Promise.all(
-      entryPaths.map(path =>
-        fetch(`/api/file?path=${encodeURIComponent(path)}`, { method: 'GET' })
-          .then(r => r.ok ? path : null)
-          .catch(() => null)
-      )
-    ).then(results => {
-      setExistingFiles(new Set(results.filter((p): p is string => p !== null)));
-    });
-  }, [mounted, active]);
+    // Single request: fetch all file paths and check which entry paths exist
+    fetch('/api/files')
+      .then(r => r.ok ? r.json() : [])
+      .then((allPaths: string[]) => {
+        const pathSet = new Set(allPaths);
+        setExistingFiles(new Set(entryPaths.filter(p => pathSet.has(p))));
+      })
+      .catch(() => {});
+  }, [mounted]);
 
   const renderers = mounted ? getAllRenderers() : [];
   const enabledCount = mounted ? renderers.filter(r => isRendererEnabled(r.id)).length : 0;
@@ -86,7 +86,9 @@ export default function PluginsPanel({ active, maximized, onMaximize }: PluginsP
                 ${!enabled ? 'opacity-50' : ''}
               `}
               onClick={canOpen ? () => handleOpen(r.entryPath!) : undefined}
+              onKeyDown={canOpen ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleOpen(r.entryPath!); } } : undefined}
               role={canOpen ? 'link' : undefined}
+              tabIndex={canOpen ? 0 : undefined}
             >
               {/* Top row: status dot + icon + name + toggle */}
               <div className="flex items-center justify-between gap-2">

package/app/components/settings/KnowledgeTab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback, useSyncExternalStore, useRef } from 'react';
-import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive } from 'lucide-react';
+import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive, RotateCcw } from 'lucide-react';
 import type { KnowledgeTabProps } from './types';
 import { Field, Input, EnvBadge, SectionLabel, Toggle } from './Primitives';
 import { apiFetch } from '@/lib/api';
@@ -49,6 +49,27 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
       });
   }, [guideDismissed]);
 
+  const handleRestartWalkthrough = useCallback(() => {
+    apiFetch('/api/setup', {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        guideState: {
+          active: true,
+          dismissed: false,
+          walkthroughStep: 0,
+          walkthroughDismissed: false,
+        },
+      }),
+    })
+      .then(() => {
+        setGuideActive(true);
+        setGuideDismissed(false);
+        window.dispatchEvent(new Event('guide-state-updated'));
+      })
+      .catch(err => console.error('Failed to restart walkthrough:', err));
+  }, []);
+
   const origin = useSyncExternalStore(
     () => () => {},
     () => `${window.location.protocol}//${window.location.hostname}`,
@@ -207,6 +228,13 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
             </div>
             <Toggle checked={!guideDismissed} onChange={() => handleGuideToggle()} />
           </div>
+          <button
+            onClick={handleRestartWalkthrough}
+            className="flex items-center gap-1.5 mt-2 px-3 py-1.5 text-xs rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+          >
+            <RotateCcw size={12} />
+            {k.restartWalkthrough ?? 'Restart walkthrough'}
+          </button>
         </div>
       )}
 

package/app/lib/i18n-en.ts

@@ -234,6 +234,7 @@ export const en = {
       authTokenClear: 'Clear token',
       authTokenResetConfirm: 'Regenerate token? All existing MCP clients will need to update their config.',
       authTokenMcpPort: 'MCP port',
+      restartWalkthrough: 'Restart walkthrough',
     },
     sync: {
       emptyTitle: 'Cross-device Sync',

package/app/lib/i18n-zh.ts

@@ -259,6 +259,7 @@ export const zh = {
       authTokenClear: '清除令牌',
       authTokenResetConfirm: '重新生成令牌？所有 MCP 客户端配置都需要更新。',
       authTokenMcpPort: 'MCP 端口',
+      restartWalkthrough: '重新开始引导',
     },
     sync: {
       emptyTitle: '跨设备同步',

package/app/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.5.35",
+  "version": "0.5.37",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",

package/app/components/WelcomeBanner.tsx

@@ -1,63 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { X, Sparkles } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
-
-export default function WelcomeBanner() {
-  const { t } = useLocale();
-  const s = t.setup;
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    // Show banner if ?welcome=1 is in the URL
-    const params = new URLSearchParams(window.location.search);
-    if (params.get('welcome') === '1') {
-      setVisible(true);
-      // Remove ?welcome=1 from URL without reloading
-      const url = new URL(window.location.href);
-      url.searchParams.delete('welcome');
-      const newUrl = url.pathname + (url.searchParams.size > 0 ? '?' + url.searchParams.toString() : '');
-      window.history.replaceState({}, '', newUrl);
-    }
-  }, []);
-
-  if (!visible) return null;
-
-  return (
-    <div className="mb-6 rounded-xl border px-5 py-4 flex items-start gap-4"
-      style={{ background: 'var(--amber-subtle, rgba(200,135,30,0.08))', borderColor: 'var(--amber)' }}>
-      <Sparkles size={18} className="mt-0.5 shrink-0" style={{ color: 'var(--amber)' }} />
-      <div className="flex-1 min-w-0">
-        <p className="text-sm font-semibold mb-1" style={{ color: 'var(--foreground)' }}>
-          {s.welcomeTitle}
-        </p>
-        <p className="text-xs leading-relaxed mb-3" style={{ color: 'var(--muted-foreground)' }}>
-          {s.welcomeDesc}
-        </p>
-        <div className="flex flex-wrap gap-2">
-          <a href="/setup?force=1" className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--amber)', color: 'var(--amber)' }}>
-            {s.welcomeLinkReconfigure}
-          </a>
-          <button onClick={() => window.dispatchEvent(new KeyboardEvent('keydown', { key: '/', metaKey: true, bubbles: true }))}
-            className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--border)', color: 'var(--muted-foreground)' }}>
-            {s.welcomeLinkAskAI}
-          </button>
-          <button
-            onClick={() => window.dispatchEvent(new KeyboardEvent('keydown', { key: ',', metaKey: true, bubbles: true }))}
-            className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--border)', color: 'var(--muted-foreground)' }}>
-            {s.welcomeLinkMCP}
-          </button>
-        </div>
-      </div>
-      <button onClick={() => setVisible(false)}
-        className="p-1 rounded hover:bg-muted transition-colors shrink-0"
-        style={{ color: 'var(--muted-foreground)' }}>
-        <X size={14} />
-      </button>
-    </div>
-  );
-}