@geminilight/mindos 0.5.38 → 0.5.40

package/app/app/api/auth/route.ts

@@ -5,33 +5,85 @@ import { signJwt } from '@/lib/jwt';
 const COOKIE_NAME = 'mindos-session';
 const COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
 
+// Allowed CORS origins for cross-origin auth (Capacitor, Electron remote).
+// Localhost variants are always allowed; custom origins can be added here.
+const ALLOWED_ORIGIN_PATTERNS = [
+  /^https?:\/\/localhost(:\d+)?$/,
+  /^https?:\/\/127\.0\.0\.1(:\d+)?$/,
+  /^https?:\/\/\[::1\](:\d+)?$/,
+  /^capacitor:\/\//,
+  /^file:\/\//,
+];
+
+function isAllowedOrigin(origin: string): boolean {
+  return ALLOWED_ORIGIN_PATTERNS.some((p) => p.test(origin));
+}
+
+/** CORS headers — validate origin against allowlist */
+function getAuthCors(req: NextRequest): Record<string, string> {
+  const origin = req.headers.get('origin');
+  // No origin header (same-origin browser request or non-browser client) → no CORS needed
+  if (!origin) return {};
+  // Validate origin
+  if (!isAllowedOrigin(origin)) return {};
+  return {
+    'Access-Control-Allow-Origin': origin,
+    'Access-Control-Allow-Methods': 'POST, DELETE, OPTIONS',
+    'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+    'Access-Control-Allow-Credentials': 'true',
+  };
+}
+
+function withCors(res: NextResponse, req: NextRequest): NextResponse {
+  for (const [k, v] of Object.entries(getAuthCors(req))) res.headers.set(k, v);
+  return res;
+}
+
+// OPTIONS /api/auth — CORS preflight
+export async function OPTIONS(req: NextRequest) {
+  const headers = getAuthCors(req);
+  if (Object.keys(headers).length === 0) {
+    return new Response(null, { status: 204 });
+  }
+  return new Response(null, { status: 204, headers });
+}
+
 // POST /api/auth — validate password and set JWT session cookie
 export async function POST(req: NextRequest) {
   const webPassword = process.env.WEB_PASSWORD;
-  if (!webPassword) return NextResponse.json({ ok: false }, { status: 401 });
+  if (!webPassword) return withCors(NextResponse.json({ ok: false }, { status: 401 }), req);
 
-  const body = await req.json().catch(() => ({})) as { password?: string };
-  if (body.password !== webPassword) return NextResponse.json({ ok: false }, { status: 401 });
+  const body = await req.json().catch(() => null);
+  if (!body || typeof body !== 'object') {
+    return withCors(NextResponse.json({ error: 'Invalid request body' }, { status: 400 }), req);
+  }
+  const { password } = body as { password?: string };
+  if (password !== webPassword) return withCors(NextResponse.json({ ok: false }, { status: 401 }), req);
 
   const token = await signJwt(
     { sub: 'user', exp: Math.floor(Date.now() / 1000) + COOKIE_MAX_AGE },
     webPassword,
   );
 
-  // Only set Secure flag when served over HTTPS (x-forwarded-proto set by reverse proxy)
   const isHttps = req.headers.get('x-forwarded-proto') === 'https';
+  const origin = req.headers.get('origin');
+  // Cross-origin requests need SameSite=None + Secure (HTTPS required by spec).
+  // Same-origin or no-origin → use Lax (works over HTTP).
+  const isCrossOrigin = !!origin && isAllowedOrigin(origin);
+  const sameSite = isCrossOrigin && isHttps ? 'None' : 'Lax';
   const secure = isHttps ? '; Secure' : '';
+
   const res = NextResponse.json({ ok: true });
   res.headers.set(
     'Set-Cookie',
-    `${COOKIE_NAME}=${token}; HttpOnly; SameSite=Strict; Max-Age=${COOKIE_MAX_AGE}; Path=/${secure}`,
+    `${COOKIE_NAME}=${token}; HttpOnly; SameSite=${sameSite}; Max-Age=${COOKIE_MAX_AGE}; Path=/${secure}`,
   );
-  return res;
+  return withCors(res, req);
 }
 
 // DELETE /api/auth — clear session cookie (logout)
-export async function DELETE() {
+export async function DELETE(req: NextRequest) {
   const res = NextResponse.json({ ok: true });
-  res.headers.set('Set-Cookie', `${COOKIE_NAME}=; HttpOnly; SameSite=Strict; Max-Age=0; Path=/`);
-  return res;
+  res.headers.set('Set-Cookie', `${COOKIE_NAME}=; HttpOnly; SameSite=Lax; Max-Age=0; Path=/`);
+  return withCors(res, req);
 }

package/app/app/api/health/route.ts

@@ -1,6 +1,51 @@
 export const dynamic = 'force-dynamic';
 import { NextResponse } from 'next/server';
+import { readFileSync } from 'fs';
+import { join, dirname } from 'path';
+
+/**
+ * Read version from root package.json.
+ * Tries multiple paths to handle dev, production, and standalone builds.
+ */
+function readVersion(): string {
+  // 1. Env var set by CLI (most reliable)
+  if (process.env.npm_package_version) return process.env.npm_package_version;
+
+  // 2. Try known relative paths from Next.js app directory
+  const candidates = [
+    join(process.cwd(), '..', 'package.json'),    // dev: app/ → root
+    join(process.cwd(), 'package.json'),           // if cwd is root
+    join(dirname(process.cwd()), 'package.json'),  // standalone edge case
+  ];
+
+  for (const p of candidates) {
+    try {
+      const pkg = JSON.parse(readFileSync(p, 'utf-8'));
+      if (pkg.name === '@geminilight/mindos' && pkg.version) return pkg.version;
+    } catch { /* try next */ }
+  }
+  return '0.0.0';
+}
+
+const version = readVersion();
+
+const CORS_HEADERS: Record<string, string> = {
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Methods': 'GET, OPTIONS',
+  'Access-Control-Allow-Headers': 'Content-Type',
+};
 
 export async function GET() {
-  return NextResponse.json({ ok: true, service: 'mindos' });
+  const res = NextResponse.json({
+    ok: true,
+    service: 'mindos',
+    version,
+    authRequired: !!process.env.WEB_PASSWORD,
+  });
+  for (const [k, v] of Object.entries(CORS_HEADERS)) res.headers.set(k, v);
+  return res;
+}
+
+export async function OPTIONS() {
+  return new Response(null, { status: 204, headers: CORS_HEADERS });
 }

package/app/app/page.tsx

@@ -1,12 +1,56 @@
 import { redirect } from 'next/navigation';
 import { readSettings } from '@/lib/settings';
-import { getRecentlyModified, getFileContent } from '@/lib/fs';
+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';
 
 export const dynamic = 'force-dynamic';
 
+export interface SpaceInfo {
+  name: string;
+  path: string;
+  fileCount: number;
+  description: string;  // first paragraph from README.md (after title)
+}
+
+function countFiles(node: FileNode): number {
+  if (node.type === 'file') return 1;
+  return (node.children ?? []).reduce((sum, c) => sum + countFiles(c), 0);
+}
+
+/** Extract the first non-empty paragraph after the title from a README.md */
+function extractDescription(spacePath: string): string {
+  try {
+    const content = getFileContent(spacePath + 'README.md');
+    const lines = content.split('\n');
+    // Skip title line (# ...) and blank lines, return first non-empty non-heading line
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed || trimmed.startsWith('#')) continue;
+      return trimmed;
+    }
+  } catch { /* README.md doesn't exist */ }
+  return '';
+}
+
+function getTopLevelDirs(): SpaceInfo[] {
+  try {
+    const tree = getFileTree();
+    return tree
+      .filter(n => n.type === 'directory' && !n.name.startsWith('.'))
+      .map(n => ({
+        name: n.name,
+        path: n.path + '/',
+        fileCount: countFiles(n),
+        description: extractDescription(n.path + '/'),
+      }));
+  } catch {
+    return [];
+  }
+}
+
 function getExistingFiles(paths: string[]): string[] {
   return paths.filter(p => {
     try { getFileContent(p); return true; } catch { return false; }
@@ -30,5 +74,7 @@ export default function HomePage() {
     .filter((p): p is string => !!p);
   const existingFiles = getExistingFiles(entryPaths);
 
-  return <HomeContent recent={recent} existingFiles={existingFiles} />;
+  const spaces = getTopLevelDirs();
+
+  return <HomeContent recent={recent} existingFiles={existingFiles} spaces={spaces} />;
 }

package/app/components/HomeContent.tsx

@@ -1,20 +1,31 @@
 'use client';
 
 import Link from 'next/link';
-import { FileText, Table, Clock, Sparkles, ArrowRight, FilePlus, Search, ChevronDown, Compass } from 'lucide-react';
-import { useState, useEffect } from 'react';
+import { FileText, Table, Clock, Sparkles, ArrowRight, FilePlus, Search, ChevronDown, Compass, Folder, Puzzle, Brain, Plus, Loader2 } from 'lucide-react';
+import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { useLocale } from '@/lib/LocaleContext';
 import { encodePath, relativeTime } from '@/lib/utils';
 import { getAllRenderers } from '@/lib/renderers/registry';
 import '@/lib/renderers/index'; // registers all renderers
 import OnboardingView from './OnboardingView';
 import GuideCard from './GuideCard';
+import { useRouter } from 'next/navigation';
+import { createSpaceAction } from '@/lib/actions';
+import type { SpaceInfo } from '@/app/page';
 
 interface RecentFile {
   path: string;
   mtime: number;
 }
 
+interface SpaceGroup {
+  space: string;
+  spacePath: string;
+  files: RecentFile[];
+  latestMtime: number;
+  totalFiles: number;
+}
+
 function triggerSearch() {
   window.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true, bubbles: true }));
 }
@@ -23,9 +34,70 @@ function triggerAsk() {
   window.dispatchEvent(new KeyboardEvent('keydown', { key: '/', metaKey: true, bubbles: true }));
 }
 
-export default function HomeContent({ recent, existingFiles }: { recent: RecentFile[]; existingFiles?: string[] }) {
+/** Group recent files by their top-level directory (Space) */
+function groupBySpace(recent: RecentFile[], spaces: SpaceInfo[]): { groups: SpaceGroup[]; rootFiles: RecentFile[] } {
+  const groupMap = new Map<string, SpaceGroup>();
+  const rootFiles: RecentFile[] = [];
+
+  for (const file of recent) {
+    const parts = file.path.split('/');
+    if (parts.length < 2) {
+      rootFiles.push(file);
+      continue;
+    }
+    const spaceName = parts[0];
+    const spaceInfo = spaces.find(s => s.name === spaceName);
+
+    if (!groupMap.has(spaceName)) {
+      groupMap.set(spaceName, {
+        space: spaceName,
+        spacePath: spaceName + '/',
+        files: [],
+        latestMtime: 0,
+        totalFiles: spaceInfo?.fileCount ?? 0,
+      });
+    }
+    const g = groupMap.get(spaceName)!;
+    g.files.push(file);
+    g.latestMtime = Math.max(g.latestMtime, file.mtime);
+  }
+
+  const groups = [...groupMap.values()].sort((a, b) => b.latestMtime - a.latestMtime);
+  return { groups, rootFiles };
+}
+
+/** Extract leading emoji from a directory name, e.g. "📝 Notes" → "📝" */
+function extractEmoji(name: string): string {
+  const match = name.match(/^[\p{Emoji_Presentation}\p{Extended_Pictographic}]+/u);
+  return match?.[0] ?? '';
+}
+
+/** Strip leading emoji+space from name for display, e.g. "📝 Notes" → "Notes" */
+function stripEmoji(name: string): string {
+  return name.replace(/^[\p{Emoji_Presentation}\p{Extended_Pictographic}\s]+/u, '') || name;
+}
+
+/* ── Section Title component (shared across all three sections) ── */
+function SectionTitle({ icon, children }: { icon: React.ReactNode; children: React.ReactNode }) {
+  return (
+    <div className="flex items-center gap-2 mb-4">
+      <span className="text-[var(--amber)]">{icon}</span>
+      <h2 className="text-xs font-semibold uppercase tracking-[0.08em] font-display text-muted-foreground">
+        {children}
+      </h2>
+    </div>
+  );
+}
+
+const FILES_PER_GROUP = 3;
+const SPACES_PER_ROW = 6;   // 3 cols × 2 rows on desktop, show 1 row initially
+const PLUGINS_INITIAL = 6;
+
+export default function HomeContent({ recent, existingFiles, spaces }: { recent: RecentFile[]; existingFiles?: string[]; spaces?: SpaceInfo[] }) {
   const { t } = useLocale();
   const [showAll, setShowAll] = useState(false);
+  const [showAllSpaces, setShowAllSpaces] = useState(false);
+  const [showAllPlugins, setShowAllPlugins] = useState(false);
   const [suggestionIdx, setSuggestionIdx] = useState(0);
 
   const suggestions = t.ask?.suggestions ?? [
@@ -56,10 +128,15 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
 
   const lastFile = recent[0];
 
+  // Group recent files by Space
+  const spaceList = spaces ?? [];
+  const { groups, rootFiles } = useMemo(() => groupBySpace(recent, spaceList), [recent, spaceList]);
+
   return (
     <div className="content-width px-4 md:px-6 py-8 md:py-12">
       <GuideCard onNavigate={(path) => { window.location.href = `/view/${encodeURIComponent(path)}`; }} />
-      {/* Hero */}
+
+      {/* ── Hero ── */}
       <div className="mb-10">
         <div className="flex items-center gap-2 mb-3">
           <div className="w-1 h-5 rounded-full bg-[var(--amber)]" />
@@ -73,7 +150,6 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
 
         {/* AI-first command bar */}
         <div className="w-full max-w-[620px] flex flex-col sm:flex-row items-stretch sm:items-center gap-2 ml-4">
-          {/* Ask AI (primary) */}
           <button
             onClick={triggerAsk}
             title="⌘/"
@@ -88,8 +164,6 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
               ⌘/
             </kbd>
           </button>
-
-          {/* Search files (secondary) */}
           <button
             onClick={triggerSearch}
             title="⌘K"
@@ -132,98 +206,253 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
             <span>{t.explore.title}</span>
           </Link>
         </div>
+      </div>
 
-        {/* Plugin quick-access chips — only show available plugins */}
-        {availablePlugins.length > 0 && (
-          <div className="flex flex-wrap gap-1.5 mt-3 pl-4">
-            {availablePlugins.map(r => (
+      {/* ── Section 1: Plugins ── */}
+      {availablePlugins.length > 0 && (
+        <section className="mb-8">
+          <SectionTitle icon={<Puzzle size={13} />}>{t.home.plugins}</SectionTitle>
+          <div className="flex flex-wrap gap-2">
+            {(showAllPlugins ? availablePlugins : availablePlugins.slice(0, PLUGINS_INITIAL)).map(r => (
               <Link
                 key={r.id}
                 href={`/view/${encodePath(r.entryPath!)}`}
-                className="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs text-muted-foreground transition-all duration-100 hover:bg-muted/60"
+                className="inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-xs transition-all duration-150 hover:border-amber-500/30 hover:bg-muted/60"
               >
                 <span className="text-sm leading-none" suppressHydrationWarning>{r.icon}</span>
-                <span>{r.name}</span>
+                <span className="font-medium text-foreground">{r.name}</span>
               </Link>
             ))}
           </div>
-        )}
-      </div>
-
-      {/* Recently modified — timeline feed */}
-      {recent.length > 0 && (() => {
-        const INITIAL_COUNT = 5;
-        const visibleRecent = showAll ? recent : recent.slice(0, INITIAL_COUNT);
-        const hasMore = recent.length > INITIAL_COUNT;
+          {availablePlugins.length > PLUGINS_INITIAL && (
+            <button
+              onClick={() => setShowAllPlugins(v => !v)}
+              className="flex items-center gap-1.5 mt-2 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+            >
+              <ChevronDown size={12} className={`transition-transform duration-200 ${showAllPlugins ? 'rotate-180' : ''}`} />
+              <span>{showAllPlugins ? t.home.showLess : t.home.showMore}</span>
+            </button>
+          )}
+        </section>
+      )}
 
-        return (
-        <section className="mb-12">
-          <div className="flex items-center gap-2 mb-5">
-            <Clock size={13} className="text-[var(--amber)]" />
-            <h2 className="text-xs font-semibold uppercase tracking-[0.08em] font-display text-muted-foreground">
-              {t.home.recentlyModified}
-            </h2>
+      {/* ── Section 2: Spaces ── */}
+      {spaceList.length > 0 ? (
+        <section className="mb-8">
+          <SectionTitle icon={<Brain size={13} />}>{t.home.spaces}</SectionTitle>
+          <div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
+            {(showAllSpaces ? spaceList : spaceList.slice(0, SPACES_PER_ROW)).map(s => {
+              const emoji = extractEmoji(s.name);
+              const label = stripEmoji(s.name);
+              const isEmpty = s.fileCount === 0;
+              return (
+                <Link
+                  key={s.name}
+                  href={`/view/${encodePath(s.path)}`}
+                  className={`flex items-start gap-3 px-3.5 py-3 rounded-xl border transition-all duration-150 hover:translate-x-0.5 ${
+                    isEmpty
+                      ? 'border-dashed border-border/50 opacity-50 hover:opacity-70'
+                      : 'border-border hover:border-amber-500/30 hover:bg-muted/40'
+                  }`}
+                >
+                  {emoji ? (
+                    <span className="text-lg leading-none shrink-0 mt-0.5" suppressHydrationWarning>{emoji}</span>
+                  ) : (
+                    <Folder size={16} className="shrink-0 text-[var(--amber)] mt-0.5" />
+                  )}
+                  <div className="min-w-0 flex-1">
+                    <span className="text-sm font-medium truncate block text-foreground">{label}</span>
+                    {s.description && (
+                      <span className="text-xs text-muted-foreground line-clamp-1 mt-0.5" suppressHydrationWarning>{s.description}</span>
+                    )}
+                    <span className="text-xs text-muted-foreground opacity-50 mt-0.5 block">
+                      {t.home.nFiles(s.fileCount)}
+                    </span>
+                  </div>
+                </Link>
+              );
+            })}
+            {/* Show "+" card inline only when it won't be orphaned on its own row */}
+            {(showAllSpaces || spaceList.length < SPACES_PER_ROW) && <CreateSpaceCard t={t} />}
+          </div>
+          {spaceList.length > SPACES_PER_ROW && (
+            <div className="flex items-center gap-3 mt-2">
+              <button
+                onClick={() => setShowAllSpaces(v => !v)}
+                className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+              >
+                <ChevronDown size={12} className={`transition-transform duration-200 ${showAllSpaces ? 'rotate-180' : ''}`} />
+                <span>{showAllSpaces ? t.home.showLess : t.home.showMore}</span>
+              </button>
+              {/* When collapsed and "+" card is hidden from grid, show as text link */}
+              {!showAllSpaces && <CreateSpaceTextLink t={t} />}
+            </div>
+          )}
+        </section>
+      ) : (
+        /* Show create card even when no spaces exist */
+        <section className="mb-8">
+          <SectionTitle icon={<Brain size={13} />}>{t.home.spaces}</SectionTitle>
+          <div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
+            <CreateSpaceCard t={t} />
           </div>
+        </section>
+      )}
 
-          <div className="relative pl-4">
-            {/* Timeline line */}
-            <div className="absolute left-0 top-1 bottom-1 w-px bg-border" />
+      {/* ── Section 3: Recently Edited ── */}
+      {recent.length > 0 && (
+        <section className="mb-12">
+          <SectionTitle icon={<Clock size={13} />}>{t.home.recentlyEdited}</SectionTitle>
 
-            <div className="flex flex-col gap-0.5">
-              {visibleRecent.map(({ path: filePath, mtime }, idx) => {
-                const isCSV = filePath.endsWith('.csv');
-                const name = filePath.split('/').pop() || filePath;
-                const dir = filePath.split('/').slice(0, -1).join('/');
+          {groups.length > 0 ? (
+            /* Space-Grouped View */
+            <div className="flex flex-col gap-4">
+              {groups.map((group) => {
+                const visibleFiles = showAll ? group.files : group.files.slice(0, FILES_PER_GROUP);
+                const hasMoreFiles = group.files.length > FILES_PER_GROUP;
                 return (
-                  <div key={filePath} className="relative group">
-                    {/* Timeline dot */}
-                    <div
-                      aria-hidden="true"
-                      className={`absolute -left-4 top-1/2 -translate-y-1/2 rounded-full transition-all duration-150 group-hover:scale-150 ${idx === 0 ? 'w-2 h-2' : 'w-1.5 h-1.5'}`}
-                      style={{
-                        background: idx === 0 ? 'var(--amber)' : 'var(--border)',
-                        outline: idx === 0 ? '2px solid var(--amber-dim)' : 'none',
-                      }}
-                    />
+                  <div key={group.space}>
                     <Link
-                      href={`/view/${encodePath(filePath)}`}
-                      className="flex items-center gap-3 px-3 py-2.5 rounded-lg transition-all duration-100 group-hover:translate-x-0.5 hover:bg-muted"
+                      href={`/view/${encodePath(group.spacePath)}`}
+                      className="flex items-center gap-2 px-1 py-1.5 rounded-lg group transition-colors hover:bg-muted/50"
                     >
-                      {isCSV
-                        ? <Table size={13} className="shrink-0 text-success" />
-                        : <FileText size={13} className="shrink-0 text-muted-foreground" />
-                      }
-                      <div className="flex-1 min-w-0">
-                        <span className="text-sm font-medium truncate block text-foreground" suppressHydrationWarning>{name}</span>
-                        {dir && <span className="text-xs truncate block text-muted-foreground opacity-60" suppressHydrationWarning>{dir}</span>}
-                      </div>
-                      <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground opacity-50" suppressHydrationWarning>
-                        {formatTime(mtime)}
+                      <Folder size={13} className="shrink-0 text-[var(--amber)]" />
+                      <span className="text-xs font-semibold font-display text-foreground group-hover:text-[var(--amber)] transition-colors" suppressHydrationWarning>
+                        {group.space}
                       </span>
+                      <span className="text-xs text-muted-foreground opacity-60 tabular-nums" suppressHydrationWarning>
+                        {t.home.nFiles(group.totalFiles)} · {formatTime(group.latestMtime)}
+                      </span>
+                      {hasMoreFiles && !showAll && (
+                        <span className="text-xs text-muted-foreground opacity-40">
+                          +{group.files.length - FILES_PER_GROUP}
+                        </span>
+                      )}
                     </Link>
+                    <div className="flex flex-col gap-0.5 ml-2 border-l border-border pl-3">
+                      {visibleFiles.map(({ path: filePath, mtime }) => {
+                        const isCSV = filePath.endsWith('.csv');
+                        const name = filePath.split('/').pop() || filePath;
+                        const subPath = filePath.split('/').slice(1, -1).join('/');
+                        return (
+                          <Link
+                            key={filePath}
+                            href={`/view/${encodePath(filePath)}`}
+                            className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted group"
+                          >
+                            {isCSV
+                              ? <Table size={12} className="shrink-0 text-success" />
+                              : <FileText size={12} className="shrink-0 text-muted-foreground" />
+                            }
+                            <div className="flex-1 min-w-0">
+                              <span className="text-sm truncate block text-foreground" suppressHydrationWarning>{name}</span>
+                              {subPath && <span className="text-xs truncate block text-muted-foreground opacity-50" suppressHydrationWarning>{subPath}</span>}
+                            </div>
+                            <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground opacity-40" suppressHydrationWarning>
+                              {formatTime(mtime)}
+                            </span>
+                          </Link>
+                        );
+                      })}
+                    </div>
                   </div>
                 );
               })}
-            </div>
 
-            {/* Show more / less */}
-            {hasMore && (
-              <button
-                onClick={() => setShowAll(v => !v)}
-                aria-expanded={showAll}
-                className="flex items-center gap-1.5 mt-2 ml-3 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
-              >
-                <ChevronDown
-                  size={12}
-                  className={`transition-transform duration-200 ${showAll ? 'rotate-180' : ''}`}
-                />
-                <span>{showAll ? t.home.showLess : t.home.showMore}</span>
-              </button>
-            )}
-          </div>
+              {/* Root-level files (Other) */}
+              {rootFiles.length > 0 && (
+                <div>
+                  <div className="flex items-center gap-2 px-1 py-1.5">
+                    <FileText size={13} className="shrink-0 text-muted-foreground" />
+                    <span className="text-xs font-semibold font-display text-muted-foreground">
+                      {t.home.other}
+                    </span>
+                  </div>
+                  <div className="flex flex-col gap-0.5 ml-2 border-l border-border pl-3">
+                    {rootFiles.map(({ path: filePath, mtime }) => (
+                      <Link
+                        key={filePath}
+                        href={`/view/${encodePath(filePath)}`}
+                        className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted"
+                      >
+                        <FileText size={12} className="shrink-0 text-muted-foreground" />
+                        <span className="text-sm flex-1 min-w-0 truncate text-foreground" suppressHydrationWarning>
+                          {filePath.split('/').pop() || filePath}
+                        </span>
+                        <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground opacity-40" suppressHydrationWarning>
+                          {formatTime(mtime)}
+                        </span>
+                      </Link>
+                    ))}
+                  </div>
+                </div>
+              )}
+
+              {/* Show more / less */}
+              {groups.some(g => g.files.length > FILES_PER_GROUP) && (
+                <button
+                  onClick={() => setShowAll(v => !v)}
+                  aria-expanded={showAll}
+                  className="flex items-center gap-1.5 mt-1 ml-1 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+                >
+                  <ChevronDown size={12} className={`transition-transform duration-200 ${showAll ? 'rotate-180' : ''}`} />
+                  <span>{showAll ? t.home.showLess : t.home.showMore}</span>
+                </button>
+              )}
+            </div>
+          ) : (
+            /* Flat Timeline Fallback */
+            <div className="relative pl-4">
+              <div className="absolute left-0 top-1 bottom-1 w-px bg-border" />
+              <div className="flex flex-col gap-0.5">
+                {(showAll ? recent : recent.slice(0, 5)).map(({ path: filePath, mtime }, idx) => {
+                  const isCSV = filePath.endsWith('.csv');
+                  const name = filePath.split('/').pop() || filePath;
+                  const dir = filePath.split('/').slice(0, -1).join('/');
+                  return (
+                    <div key={filePath} className="relative group">
+                      <div
+                        aria-hidden="true"
+                        className={`absolute -left-4 top-1/2 -translate-y-1/2 rounded-full transition-all duration-150 group-hover:scale-150 ${idx === 0 ? 'w-2 h-2' : 'w-1.5 h-1.5'}`}
+                        style={{
+                          background: idx === 0 ? 'var(--amber)' : 'var(--border)',
+                          outline: idx === 0 ? '2px solid var(--amber-dim)' : 'none',
+                        }}
+                      />
+                      <Link
+                        href={`/view/${encodePath(filePath)}`}
+                        className="flex items-center gap-3 px-3 py-2.5 rounded-lg transition-all duration-100 group-hover:translate-x-0.5 hover:bg-muted"
+                      >
+                        {isCSV
+                          ? <Table size={13} className="shrink-0 text-success" />
+                          : <FileText size={13} className="shrink-0 text-muted-foreground" />
+                        }
+                        <div className="flex-1 min-w-0">
+                          <span className="text-sm font-medium truncate block text-foreground" suppressHydrationWarning>{name}</span>
+                          {dir && <span className="text-xs truncate block text-muted-foreground opacity-60" suppressHydrationWarning>{dir}</span>}
+                        </div>
+                        <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground opacity-50" suppressHydrationWarning>
+                          {formatTime(mtime)}
+                        </span>
+                      </Link>
+                    </div>
+                  );
+                })}
+              </div>
+              {recent.length > 5 && (
+                <button
+                  onClick={() => setShowAll(v => !v)}
+                  aria-expanded={showAll}
+                  className="flex items-center gap-1.5 mt-2 ml-3 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+                >
+                  <ChevronDown size={12} className={`transition-transform duration-200 ${showAll ? 'rotate-180' : ''}`} />
+                  <span>{showAll ? t.home.showLess : t.home.showMore}</span>
+                </button>
+              )}
+            </div>
+          )}
         </section>
-        );
-      })()}
+      )}
 
       {/* Footer */}
       <div className="mt-16 flex items-center gap-1.5 text-xs font-display text-muted-foreground opacity-60">
@@ -233,3 +462,151 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
     </div>
   );
 }
+
+/* ── Create Space inline card ── */
+function CreateSpaceCard({ t }: { t: ReturnType<typeof useLocale>['t'] }) {
+  const router = useRouter();
+  const [editing, setEditing] = useState(false);
+  const [name, setName] = useState('');
+  const [description, setDescription] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const open = useCallback(() => {
+    setEditing(true);
+    setError('');
+    setTimeout(() => inputRef.current?.focus(), 50);
+  }, []);
+
+  const close = useCallback(() => {
+    setEditing(false);
+    setName('');
+    setDescription('');
+    setError('');
+  }, []);
+
+  const handleCreate = useCallback(async () => {
+    if (!name.trim() || loading) return;
+    setLoading(true);
+    setError('');
+    const result = await createSpaceAction(name, description);
+    setLoading(false);
+    if (result.success) {
+      close();
+      router.refresh();
+    } else {
+      setError(result.error ?? 'Failed to create space');
+    }
+  }, [name, description, loading, close, router]);
+
+  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {
+    if (e.key === 'Escape') close();
+    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleCreate(); }
+  }, [close, handleCreate]);
+
+  if (!editing) {
+    return (
+      <button
+        onClick={open}
+        aria-label={t.home.newSpace}
+        className="flex items-center justify-center gap-2 px-3.5 py-3 rounded-xl border border-dashed border-border/50 text-muted-foreground opacity-60 transition-all duration-150 hover:opacity-100 hover:border-amber-500/30 cursor-pointer"
+      >
+        <Plus size={16} />
+        <span className="text-sm font-medium">{t.home.newSpace}</span>
+      </button>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-2 px-3.5 py-3 rounded-xl border border-[var(--amber)] bg-[var(--amber-subtle)]" onKeyDown={handleKeyDown}>
+      <input
+        ref={inputRef}
+        type="text"
+        value={name}
+        onChange={e => { setName(e.target.value); setError(''); }}
+        placeholder={t.home.spaceName}
+        maxLength={80}
+        className="text-sm font-medium bg-transparent border-b border-border pb-1 outline-none placeholder:text-muted-foreground/50 text-foreground focus:border-[var(--amber)]"
+      />
+      <input
+        type="text"
+        value={description}
+        onChange={e => setDescription(e.target.value)}
+        placeholder={t.home.spaceDescription}
+        maxLength={200}
+        className="text-xs bg-transparent border-b border-border/50 pb-1 outline-none placeholder:text-muted-foreground/40 text-muted-foreground focus:border-[var(--amber)]"
+      />
+      {error && <span className="text-xs text-error">{error}</span>}
+      <div className="flex items-center gap-2 mt-1">
+        <button
+          onClick={handleCreate}
+          disabled={!name.trim() || loading}
+          className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-[var(--amber)] text-white transition-colors hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed"
+        >
+          {loading && <Loader2 size={12} className="animate-spin" />}
+          {t.home.createSpace}
+        </button>
+        <button
+          onClick={close}
+          className="px-3 py-1.5 rounded-lg text-xs font-medium text-muted-foreground transition-colors hover:bg-muted"
+        >
+          {t.home.cancelCreate}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+/** Compact "+ New Space" text link shown next to "Show more" when grid is collapsed */
+function CreateSpaceTextLink({ t }: { t: ReturnType<typeof useLocale>['t'] }) {
+  const router = useRouter();
+  const [editing, setEditing] = useState(false);
+  const [name, setName] = useState('');
+  const [loading, setLoading] = useState(false);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  if (!editing) {
+    return (
+      <button
+        onClick={() => { setEditing(true); setTimeout(() => inputRef.current?.focus(), 50); }}
+        className="flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-[var(--amber)] cursor-pointer"
+      >
+        <Plus size={11} />
+        <span>{t.home.newSpace}</span>
+      </button>
+    );
+  }
+
+  return (
+    <form
+      className="flex items-center gap-2"
+      onSubmit={async (e) => {
+        e.preventDefault();
+        if (!name.trim() || loading) return;
+        setLoading(true);
+        const result = await createSpaceAction(name, '');
+        setLoading(false);
+        if (result.success) { setEditing(false); setName(''); router.refresh(); }
+      }}
+    >
+      <input
+        ref={inputRef}
+        type="text"
+        value={name}
+        onChange={e => setName(e.target.value)}
+        onKeyDown={e => { if (e.key === 'Escape') { setEditing(false); setName(''); } }}
+        placeholder={t.home.spaceName}
+        maxLength={80}
+        className="text-xs bg-transparent border-b border-border pb-0.5 outline-none w-28 placeholder:text-muted-foreground/40 text-foreground focus:border-[var(--amber)]"
+      />
+      <button
+        type="submit"
+        disabled={!name.trim() || loading}
+        className="text-xs font-medium text-[var(--amber)] disabled:opacity-40"
+      >
+        {loading ? '...' : t.home.createSpace}
+      </button>
+    </form>
+  );
+}

package/app/lib/actions.ts

@@ -38,3 +38,38 @@ export async function renameFileAction(oldPath: string, newName: string): Promis
     return { success: false, error: err instanceof Error ? err.message : 'Failed to rename file' };
   }
 }
+
+/**
+ * Create a new Mind Space (top-level directory) with README.md + auto-scaffolded INSTRUCTION.md.
+ * The description is written into README.md so it appears on the homepage Space card
+ * and is loaded by Agent bootstrap as directory context.
+ */
+export async function createSpaceAction(
+  name: string,
+  description: string
+): Promise<{ success: boolean; error?: string }> {
+  try {
+    const trimmed = name.trim();
+    if (!trimmed) return { success: false, error: 'Space name is required' };
+    if (trimmed.includes('/') || trimmed.includes('\\')) {
+      return { success: false, error: 'Space name must not contain path separators' };
+    }
+
+    // Strip emoji for clean title in README content
+    const cleanName = trimmed.replace(/^[\p{Emoji_Presentation}\p{Extended_Pictographic}\s]+/u, '') || trimmed;
+    const desc = description.trim() || '(Describe the purpose and usage of this space.)';
+    const readmeContent = `# ${cleanName}\n\n${desc}\n\n## 📁 Structure\n\n\`\`\`bash\n${trimmed}/\n├── INSTRUCTION.md\n├── README.md\n└── (your files here)\n\`\`\`\n\n## 💡 Usage\n\n(Add usage guidelines for this space.)\n`;
+
+    // createFile triggers scaffoldIfNewSpace → auto-generates INSTRUCTION.md
+    createFile(`${trimmed}/README.md`, readmeContent);
+    revalidatePath('/', 'layout');
+    return { success: true };
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : 'Failed to create space';
+    // Make "already exists" error more user-friendly
+    if (msg.includes('already exists')) {
+      return { success: false, error: 'A space with this name already exists' };
+    }
+    return { success: false, error: msg };
+  }
+}

package/app/lib/core/fs-ops.ts

@@ -2,6 +2,7 @@ import fs from 'fs';
 import path from 'path';
 import { resolveSafe, assertWithinRoot } from './security';
 import { MindOSError, ErrorCodes } from '@/lib/errors';
+import { scaffoldIfNewSpace } from './space-scaffold';
 
 /**
  * Reads the content of a file given a relative path from mindRoot.
@@ -40,6 +41,7 @@ export function createFile(mindRoot: string, filePath: string, initialContent =
   }
   fs.mkdirSync(path.dirname(resolved), { recursive: true });
   fs.writeFileSync(resolved, initialContent, 'utf-8');
+  scaffoldIfNewSpace(mindRoot, filePath);
 }
 
 /**

package/app/lib/core/space-scaffold.ts

@@ -0,0 +1,103 @@
+/**
+ * Auto-scaffolding for new top-level directories (Spaces).
+ *
+ * When a file is created inside a new first-level directory that lacks
+ * INSTRUCTION.md, this module generates lightweight scaffolding files
+ * so that MindOS Agents can bootstrap correctly in any Space.
+ *
+ * Design decisions:
+ * - Only acts on first-level directories (direct children of mindRoot)
+ * - Idempotent: never overwrites existing files
+ * - Fail-safe: errors are silently caught (scaffold must never block file ops)
+ * - Does NOT modify root README.md (that's the Agent's job per INSTRUCTION.md §5.1)
+ */
+import fs from 'fs';
+import path from 'path';
+
+export const INSTRUCTION_TEMPLATE = (dirName: string) =>
+  `# ${dirName} Instruction Set
+
+## Goal
+
+- Define local execution rules for this directory.
+
+## Local Rules
+
+- Read root \`INSTRUCTION.md\` first.
+- Then read this directory \`README.md\` for navigation.
+- Keep edits minimal, structured, and traceable.
+
+## Execution Order
+
+1. Root \`INSTRUCTION.md\`
+2. This directory \`INSTRUCTION.md\`
+3. This directory \`README.md\` and target files
+
+## Boundary
+
+- Root rules win on conflict.
+`;
+
+export const README_TEMPLATE = (dirName: string) =>
+  `# ${dirName}
+
+## 📁 Structure
+
+\`\`\`bash
+${dirName}/
+├── INSTRUCTION.md
+├── README.md
+└── (your files here)
+\`\`\`
+
+## 💡 Usage
+
+(Describe the purpose and usage of this space.)
+`;
+
+/**
+ * Strip leading emoji and whitespace from a directory name.
+ * e.g. "📖 Learning" → "Learning", "🔄 Workflows" → "Workflows"
+ */
+export function cleanDirName(dirName: string): string {
+  // Match leading emoji (Unicode emoji properties) + whitespace
+  const cleaned = dirName.replace(/^[\p{Emoji_Presentation}\p{Extended_Pictographic}\s]+/u, '');
+  return cleaned || dirName; // fallback to original if everything was stripped
+}
+
+/**
+ * If filePath is inside a top-level directory that lacks INSTRUCTION.md,
+ * auto-generate scaffolding files.
+ *
+ * - Only triggered by createFile (not writeFile) — see spec for rationale
+ * - Idempotent: won't overwrite existing files
+ * - Only acts on first-level directories (direct children of mindRoot)
+ */
+export function scaffoldIfNewSpace(mindRoot: string, filePath: string): void {
+  try {
+    const parts = filePath.split('/').filter(Boolean);
+    if (parts.length < 2) return; // root-level file, not inside a Space
+
+    const topDir = parts[0];
+    if (topDir.startsWith('.')) return; // skip hidden directories
+
+    const topDirAbs = path.join(mindRoot, topDir);
+    const instructionPath = path.join(topDirAbs, 'INSTRUCTION.md');
+
+    // Already has INSTRUCTION.md → not a new Space, skip
+    if (fs.existsSync(instructionPath)) return;
+
+    const name = cleanDirName(topDir);
+
+    // Generate INSTRUCTION.md
+    fs.writeFileSync(instructionPath, INSTRUCTION_TEMPLATE(name), 'utf-8');
+
+    // Generate README.md only if it doesn't exist
+    const readmePath = path.join(topDirAbs, 'README.md');
+    if (!fs.existsSync(readmePath)) {
+      fs.writeFileSync(readmePath, README_TEMPLATE(name), 'utf-8');
+    }
+  } catch {
+    // Scaffold failure must never block the primary file operation
+  }
+}

package/app/lib/i18n-en.ts

@@ -3,11 +3,22 @@ export const en = {
     relatedFiles: 'Related Files',
   },
   app: {
-    tagline: 'Personal knowledge OS — browse, edit, and query your second brain.',
-    footer: 'MindOS · personal knowledge OS',
+    tagline: 'You think here, Agents act there.',
+    footer: 'MindOS · human-agent collaborative mind system',
   },
   home: {
     recentlyModified: 'Recently Modified',
+    recentlyActive: 'Recently Active',
+    recentlyEdited: 'Recently Edited',
+    allSpaces: 'All Spaces',
+    spaces: 'Spaces',
+    nFiles: (n: number) => `${n} file${n === 1 ? '' : 's'}`,
+    other: 'Other',
+    newSpace: 'New Space',
+    spaceName: 'Space name',
+    spaceDescription: 'What is this space for?',
+    createSpace: 'Create',
+    cancelCreate: 'Cancel',
     continueEditing: 'Continue editing',
     newNote: 'New Notes',
     plugins: 'Plugins',
@@ -29,7 +40,7 @@ export const en = {
     },
   },
   sidebar: {
-    files: 'Files',
+    files: 'Spaces',
     search: 'Search',
     searchTitle: 'Search',
     askTitle: 'MindOS Agent',

package/app/lib/i18n-zh.ts

@@ -28,11 +28,22 @@ export const zh = {
     relatedFiles: '关联视图',
   },
   app: {
-    tagline: '个人知识操作系统 — 浏览、编辑并查询你的第二大脑。',
-    footer: 'MindOS · 个人知识操作系统',
+    tagline: '你在此思考，Agent 依此行动。',
+    footer: 'MindOS · 人机共生知识系统',
   },
   home: {
     recentlyModified: '最近修改',
+    recentlyActive: '最近活跃',
+    recentlyEdited: '最近编辑',
+    allSpaces: '所有空间',
+    spaces: '心智空间',
+    nFiles: (n: number) => `${n} 个文件`,
+    other: '其他',
+    newSpace: '新建空间',
+    spaceName: '空间名称',
+    spaceDescription: '这个空间用来做什么？',
+    createSpace: '创建',
+    cancelCreate: '取消',
     continueEditing: '继续编辑',
     newNote: '新建笔记',
     plugins: '插件',
@@ -54,7 +65,7 @@ export const zh = {
     },
   },
   sidebar: {
-    files: '文件',
+    files: '空间',
     search: '搜索',
     searchTitle: '搜索',
     askTitle: 'MindOS Agent',

package/app/lib/mcp-agents.ts

@@ -211,17 +211,29 @@ export function detectInstalled(agentKey: string): { installed: boolean; scope?:
   const agent = MCP_AGENTS[agentKey];
   if (!agent) return { installed: false };
 
-  for (const [scope, cfgPath] of [['global', agent.global], ['project', agent.project]] as const) {
+  for (const [scopeType, cfgPath] of [['global', agent.global], ['project', agent.project]] as [string, string | null][]) {
     if (!cfgPath) continue;
     const absPath = expandHome(cfgPath);
     if (!fs.existsSync(absPath)) continue;
     try {
-      const config = JSON.parse(fs.readFileSync(absPath, 'utf-8'));
-      const servers = config[agent.key];
-      if (servers?.mindos) {
-        const entry = servers.mindos;
-        const transport = entry.type === 'stdio' ? 'stdio' : entry.url ? 'http' : 'unknown';
-        return { installed: true, scope, transport, configPath: cfgPath };
+      const content = fs.readFileSync(absPath, 'utf-8');
+      // Handle TOML format (e.g., codex)
+      if (agent.format === 'toml') {
+        const result = parseTomlMcpEntry(content, agent.key, 'mindos');
+        if (result.found && result.entry) {
+          const entry = result.entry;
+          const transport = entry.type === 'stdio' ? 'stdio' : entry.url ? 'http' : 'unknown';
+          return { installed: true, scope: scopeType, transport, configPath: cfgPath };
+        }
+      } else {
+        // JSON format (default)
+        const config = JSON.parse(content);
+        const servers = config[agent.key];
+        if (servers?.mindos) {
+          const entry = servers.mindos;
+          const transport = entry.type === 'stdio' ? 'stdio' : entry.url ? 'http' : 'unknown';
+          return { installed: true, scope: scopeType, transport, configPath: cfgPath };
+        }
       }
     } catch { /* ignore parse errors */ }
   }
@@ -229,6 +241,73 @@ export function detectInstalled(agentKey: string): { installed: boolean; scope?:
   return { installed: false };
 }
 
+// Parse TOML to find MCP server entry without external library
+function parseTomlMcpEntry(content: string, sectionKey: string, serverName: string): { found: boolean; entry?: { type?: string; url?: string } } {
+  const lines = content.split('\n');
+  const targetSection = `[${sectionKey}.${serverName}]`;
+  const genericSection = `[${sectionKey}]`;
+
+  let inTargetSection = false;
+  let inGenericSection = false;
+  let foundInGeneric = false;
+  let entry: { type?: string; url?: string } = {};
+
+  for (const line of lines) {
+    const trimmed = line.trim();
+
+    // Check for section headers
+    if (trimmed.startsWith('[') && trimmed.endsWith(']')) {
+      // Save previous section result if we were in the target
+      if (inTargetSection && (entry.type || entry.url)) {
+        return { found: true, entry };
+      }
+      if (foundInGeneric && (entry.type || entry.url)) {
+        return { found: true, entry };
+      }
+
+      inTargetSection = trimmed === targetSection;
+      inGenericSection = trimmed === genericSection;
+      foundInGeneric = false;
+      entry = {};
+      continue;
+    }
+
+    // Parse key-value pairs
+    const match = trimmed.match(/^([a-zA-Z0-9_-]+)\s*=\s*(.+)$/);
+    if (match) {
+      const [, key, rawValue] = match;
+      // Remove quotes from value
+      const value = rawValue.replace(/^["'](.+)["']$/, '$1');
+
+      if (inTargetSection) {
+        if (key === 'type') entry.type = value;
+        if (key === 'url') entry.url = value;
+      } else if (inGenericSection && key === serverName) {
+        // Check if it's a table reference like mindos = { type = "stdio" }
+        const tableMatch = rawValue.match(/\{\s*type\s*=\s*["']([^"']+)["'].*?\}/);
+        if (tableMatch) {
+          entry.type = tableMatch[1];
+        }
+        const urlMatch = rawValue.match(/url\s*=\s*["']([^"']+)["']/);
+        if (urlMatch) {
+          entry.url = urlMatch[1];
+        }
+        foundInGeneric = true;
+      }
+    }
+  }
+
+  // Check at end of file
+  if (inTargetSection && (entry.type || entry.url)) {
+    return { found: true, entry };
+  }
+  if (foundInGeneric && (entry.type || entry.url)) {
+    return { found: true, entry };
+  }
+
+  return { found: false };
+}
+
 /* ── Agent Presence Detection ──────────────────────────────────────────── */
 
 export function detectAgentPresence(agentKey: string): boolean {

package/app/package.json

@@ -10,7 +10,7 @@
     "lint": "eslint",
     "test": "vitest run"
   },
-  "dependencies": {
+"dependencies": {
     "@base-ui/react": "^1.2.0",
     "@codemirror/lang-markdown": "^6.5.0",
     "@codemirror/state": "^6.5.4",
@@ -34,9 +34,11 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "codemirror": "^6.0.2",
+    "extend": "^3.0.2",
     "fuse.js": "^7.1.0",
     "github-slugger": "^2.0.0",
     "lucide-react": "^0.577.0",
+    "nanoid": "^5.1.0",
     "next": "16.1.6",
     "papaparse": "^5.5.3",
     "pdfjs-dist": "^4.10.38",
@@ -52,7 +54,7 @@
     "tailwind-merge": "^3.5.0",
     "tiptap-markdown": "^0.9.0",
     "tw-animate-css": "^1.4.0",
-    "zod": "^3.23.8"
+"zod": "^3.23.8"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.5.38",
+  "version": "0.5.40",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",
@@ -22,10 +22,6 @@
   "bin": {
     "mindos": "bin/cli.js"
   },
-  "workspaces": [
-    "app",
-    "mcp"
-  ],
   "files": [
     "app/",
     "mcp/",