@geminilight/mindos 0.6.38 → 0.6.40

package/_standalone/__tests__/ask/mode-capsule.test.ts

@@ -0,0 +1,95 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+
+/**
+ * Tests for ModeCapsule persistence and mode toggle logic.
+ * Since @testing-library/react is unavailable, we test the exported
+ * pure functions (getPersistedMode, persistMode) and the toggle behavior.
+ */
+
+const STORAGE_KEY = 'mindos-ask-mode';
+
+describe('ModeCapsule persistence', () => {
+  let store: Record<string, string>;
+  const fakeStorage = {
+    getItem: (key: string) => store[key] ?? null,
+    setItem: (key: string, val: string) => { store[key] = val; },
+    removeItem: (key: string) => { delete store[key]; },
+  };
+
+  beforeEach(() => {
+    store = {};
+    vi.resetModules();
+    vi.stubGlobal('window', { localStorage: fakeStorage });
+    vi.stubGlobal('localStorage', fakeStorage);
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it('getPersistedMode returns "agent" when no stored value', async () => {
+    const { getPersistedMode } = await import('@/components/ask/ModeCapsule');
+    expect(getPersistedMode()).toBe('agent');
+  });
+
+  it('getPersistedMode returns stored "chat"', async () => {
+    store[STORAGE_KEY] = 'chat';
+    const { getPersistedMode } = await import('@/components/ask/ModeCapsule');
+    expect(getPersistedMode()).toBe('chat');
+  });
+
+  it('getPersistedMode returns stored "agent"', async () => {
+    store[STORAGE_KEY] = 'agent';
+    const { getPersistedMode } = await import('@/components/ask/ModeCapsule');
+    expect(getPersistedMode()).toBe('agent');
+  });
+
+  it('getPersistedMode falls back to "agent" for invalid stored values', async () => {
+    store[STORAGE_KEY] = 'invalid';
+    const { getPersistedMode } = await import('@/components/ask/ModeCapsule');
+    expect(getPersistedMode()).toBe('agent');
+  });
+
+  it('persistMode stores the mode in localStorage', async () => {
+    const { persistMode } = await import('@/components/ask/ModeCapsule');
+    persistMode('chat');
+    expect(store[STORAGE_KEY]).toBe('chat');
+    persistMode('agent');
+    expect(store[STORAGE_KEY]).toBe('agent');
+  });
+});
+
+describe('Mode toggle logic', () => {
+  it('toggles from agent to chat', () => {
+    const mode = 'agent';
+    const next = mode === 'chat' ? 'agent' : 'chat';
+    expect(next).toBe('chat');
+  });
+
+  it('toggles from chat to agent', () => {
+    const mode = 'chat';
+    const next = mode === 'chat' ? 'agent' : 'chat';
+    expect(next).toBe('agent');
+  });
+});
+
+describe('AskMode request body integration', () => {
+  it('chat mode is sent in request body as "chat"', () => {
+    const body = JSON.stringify({ messages: [], mode: 'chat' });
+    const parsed = JSON.parse(body);
+    expect(parsed.mode).toBe('chat');
+  });
+
+  it('agent mode is sent in request body as "agent"', () => {
+    const body = JSON.stringify({ messages: [], mode: 'agent' });
+    const parsed = JSON.parse(body);
+    expect(parsed.mode).toBe('agent');
+  });
+
+  it('default mode when omitted should be treated as agent', () => {
+    const body = JSON.stringify({ messages: [] });
+    const parsed = JSON.parse(body);
+    const askMode = parsed.mode === 'chat' ? 'chat' : 'agent';
+    expect(askMode).toBe('agent');
+  });
+});

package/_standalone/__tests__/core/inbox.test.ts

@@ -0,0 +1,250 @@
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import fs from 'fs';
+import path from 'path';
+import { mkTempMindRoot, cleanupMindRoot, seedFile, readSeeded } from './helpers';
+import {
+  INBOX_DIR,
+  ensureInboxSpace,
+  listInboxFiles,
+  saveToInbox,
+} from '@/lib/core/inbox';
+
+describe('ensureInboxSpace', () => {
+  let mindRoot: string;
+
+  beforeEach(() => { mindRoot = mkTempMindRoot(); });
+  afterEach(() => { cleanupMindRoot(mindRoot); });
+
+  it('creates Inbox directory with INSTRUCTION.md and README.md', () => {
+    const result = ensureInboxSpace(mindRoot);
+    expect(result).toBe(path.resolve(mindRoot, INBOX_DIR));
+    expect(fs.existsSync(path.join(mindRoot, INBOX_DIR, 'INSTRUCTION.md'))).toBe(true);
+    expect(fs.existsSync(path.join(mindRoot, INBOX_DIR, 'README.md'))).toBe(true);
+  });
+
+  it('is idempotent — calling twice does not overwrite existing files', () => {
+    ensureInboxSpace(mindRoot);
+    const original = readSeeded(mindRoot, `${INBOX_DIR}/INSTRUCTION.md`);
+    seedFile(mindRoot, `${INBOX_DIR}/custom.md`, 'user content');
+    ensureInboxSpace(mindRoot);
+    expect(readSeeded(mindRoot, `${INBOX_DIR}/INSTRUCTION.md`)).toBe(original);
+    expect(readSeeded(mindRoot, `${INBOX_DIR}/custom.md`)).toBe('user content');
+  });
+
+  it('recreates Inbox after user deletes it', () => {
+    ensureInboxSpace(mindRoot);
+    fs.rmSync(path.join(mindRoot, INBOX_DIR), { recursive: true, force: true });
+    ensureInboxSpace(mindRoot);
+    expect(fs.existsSync(path.join(mindRoot, INBOX_DIR, 'INSTRUCTION.md'))).toBe(true);
+  });
+});
+
+describe('listInboxFiles', () => {
+  let mindRoot: string;
+
+  beforeEach(() => { mindRoot = mkTempMindRoot(); });
+  afterEach(() => { cleanupMindRoot(mindRoot); });
+
+  it('returns empty array when Inbox does not exist', () => {
+    expect(listInboxFiles(mindRoot)).toEqual([]);
+  });
+
+  it('returns empty array when Inbox exists but is empty (only system files)', () => {
+    ensureInboxSpace(mindRoot);
+    expect(listInboxFiles(mindRoot)).toEqual([]);
+  });
+
+  it('lists non-system files with metadata', () => {
+    ensureInboxSpace(mindRoot);
+    seedFile(mindRoot, `${INBOX_DIR}/notes.md`, '# Notes');
+    seedFile(mindRoot, `${INBOX_DIR}/data.csv`, 'a,b,c');
+
+    const files = listInboxFiles(mindRoot);
+    expect(files).toHaveLength(2);
+    expect(files.map(f => f.name).sort()).toEqual(['data.csv', 'notes.md']);
+    expect(files[0].size).toBeGreaterThan(0);
+    expect(files[0].modifiedAt).toBeTruthy();
+    expect(typeof files[0].isAging).toBe('boolean');
+  });
+
+  it('excludes system files (INSTRUCTION.md, README.md, dotfiles)', () => {
+    ensureInboxSpace(mindRoot);
+    seedFile(mindRoot, `${INBOX_DIR}/.hidden`, 'hidden');
+    seedFile(mindRoot, `${INBOX_DIR}/visible.md`, 'ok');
+
+    const files = listInboxFiles(mindRoot);
+    expect(files).toHaveLength(1);
+    expect(files[0].name).toBe('visible.md');
+  });
+
+  it('sorts by modification time (newest first)', () => {
+    ensureInboxSpace(mindRoot);
+    seedFile(mindRoot, `${INBOX_DIR}/old.md`, 'old');
+    const oldPath = path.join(mindRoot, INBOX_DIR, 'old.md');
+    const pastTime = new Date(Date.now() - 86400000);
+    fs.utimesSync(oldPath, pastTime, pastTime);
+
+    seedFile(mindRoot, `${INBOX_DIR}/new.md`, 'new');
+
+    const files = listInboxFiles(mindRoot);
+    expect(files[0].name).toBe('new.md');
+    expect(files[1].name).toBe('old.md');
+  });
+
+  it('marks files older than 7 days as aging', () => {
+    ensureInboxSpace(mindRoot);
+    seedFile(mindRoot, `${INBOX_DIR}/aged.md`, 'old content');
+    const filePath = path.join(mindRoot, INBOX_DIR, 'aged.md');
+    const eightDaysAgo = new Date(Date.now() - 8 * 24 * 60 * 60 * 1000);
+    fs.utimesSync(filePath, eightDaysAgo, eightDaysAgo);
+
+    seedFile(mindRoot, `${INBOX_DIR}/fresh.md`, 'new content');
+
+    const files = listInboxFiles(mindRoot);
+    const aged = files.find(f => f.name === 'aged.md');
+    const fresh = files.find(f => f.name === 'fresh.md');
+    expect(aged?.isAging).toBe(true);
+    expect(fresh?.isAging).toBe(false);
+  });
+
+  it('skips subdirectories', () => {
+    ensureInboxSpace(mindRoot);
+    fs.mkdirSync(path.join(mindRoot, INBOX_DIR, 'subdir'), { recursive: true });
+    seedFile(mindRoot, `${INBOX_DIR}/subdir/nested.md`, 'nested');
+    seedFile(mindRoot, `${INBOX_DIR}/top.md`, 'top');
+
+    const files = listInboxFiles(mindRoot);
+    expect(files).toHaveLength(1);
+    expect(files[0].name).toBe('top.md');
+  });
+});
+
+describe('saveToInbox', () => {
+  let mindRoot: string;
+
+  beforeEach(() => { mindRoot = mkTempMindRoot(); });
+  afterEach(() => { cleanupMindRoot(mindRoot); });
+
+  it('saves a markdown file to Inbox', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'notes.md', content: '# My Notes\n\nSome content' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(result.saved[0].original).toBe('notes.md');
+    expect(result.saved[0].path).toBe('Inbox/notes.md');
+    expect(result.skipped).toHaveLength(0);
+
+    const content = readSeeded(mindRoot, 'Inbox/notes.md');
+    expect(content).toContain('My Notes');
+  });
+
+  it('converts .txt to .md with title heading', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'todo.txt', content: 'Buy milk\nFix bug' },
+    ]);
+
+    expect(result.saved[0].path).toBe('Inbox/todo.md');
+    const content = readSeeded(mindRoot, 'Inbox/todo.md');
+    expect(content).toContain('# Todo');
+    expect(content).toContain('Buy milk');
+  });
+
+  it('handles multiple files at once', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'a.md', content: 'aaa' },
+      { name: 'b.md', content: 'bbb' },
+      { name: 'c.md', content: 'ccc' },
+    ]);
+
+    expect(result.saved).toHaveLength(3);
+    expect(fs.readdirSync(path.join(mindRoot, INBOX_DIR))).toContain('a.md');
+    expect(fs.readdirSync(path.join(mindRoot, INBOX_DIR))).toContain('b.md');
+    expect(fs.readdirSync(path.join(mindRoot, INBOX_DIR))).toContain('c.md');
+  });
+
+  it('deduplicates with -1 suffix on name collision', () => {
+    saveToInbox(mindRoot, [{ name: 'notes.md', content: 'first' }]);
+    const result = saveToInbox(mindRoot, [{ name: 'notes.md', content: 'second' }]);
+
+    expect(result.saved[0].path).toBe('Inbox/notes-1.md');
+    expect(readSeeded(mindRoot, 'Inbox/notes.md')).toContain('first');
+    expect(readSeeded(mindRoot, 'Inbox/notes-1.md')).toContain('second');
+  });
+
+  it('skips unsupported file formats', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'script.exe', content: 'binary' },
+      { name: 'notes.md', content: 'ok' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(result.skipped).toHaveLength(1);
+    expect(result.skipped[0].name).toBe('script.exe');
+    expect(result.skipped[0].reason).toContain('Unsupported');
+  });
+
+  it('skips files with empty or invalid names', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: '', content: 'no name' },
+      { name: 'valid.md', content: 'ok' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(result.skipped).toHaveLength(1);
+  });
+
+  it('skips files with missing or null content', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'no-content.md', content: undefined as unknown as string },
+      { name: 'null-content.md', content: null as unknown as string },
+      { name: 'valid.md', content: 'ok' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(result.skipped).toHaveLength(2);
+    expect(result.skipped[0].reason).toContain('Missing');
+    expect(result.skipped[1].reason).toContain('Missing');
+  });
+
+  it('auto-creates Inbox directory if it was deleted', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: 'rescued.md', content: 'saved!' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(fs.existsSync(path.join(mindRoot, INBOX_DIR, 'INSTRUCTION.md'))).toBe(true);
+    expect(readSeeded(mindRoot, 'Inbox/rescued.md')).toContain('saved!');
+  });
+
+  it('preserves CSV and JSON files as-is (no markdown conversion)', () => {
+    saveToInbox(mindRoot, [
+      { name: 'data.csv', content: 'a,b,c\n1,2,3' },
+      { name: 'config.json', content: '{"key":"value"}' },
+    ]);
+
+    expect(readSeeded(mindRoot, 'Inbox/data.csv')).toBe('a,b,c\n1,2,3');
+    expect(readSeeded(mindRoot, 'Inbox/config.json')).toBe('{"key":"value"}');
+  });
+
+  it('sanitizes dangerous file names', () => {
+    const result = saveToInbox(mindRoot, [
+      { name: '../../../etc/passwd.md', content: 'hack attempt' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(result.saved[0].path).toContain('Inbox/');
+    expect(result.saved[0].path).not.toContain('..');
+  });
+
+  it('handles base64 encoded content', () => {
+    const originalContent = 'Hello from base64!';
+    const base64 = Buffer.from(originalContent).toString('base64');
+    const result = saveToInbox(mindRoot, [
+      { name: 'encoded.md', content: base64, encoding: 'base64' },
+    ]);
+
+    expect(result.saved).toHaveLength(1);
+    expect(readSeeded(mindRoot, 'Inbox/encoded.md')).toContain('Hello from base64!');
+  });
+});

package/_standalone/__tests__/core/skill-install-logic.test.ts

@@ -33,7 +33,7 @@ const SKILL_AGENT_REGISTRY: Record<string, { mode: 'universal' | 'additional' |
   'qoder': { mode: 'additional', skillAgentName: 'qoder' },
   'trae-cn': { mode: 'additional', skillAgentName: 'trae-cn' },
   'roo': { mode: 'additional', skillAgentName: 'roo' },
-  'vscode': { mode: 'universal' },
+  'github-copilot': { mode: 'universal' },
   'codex': { mode: 'universal' },
 };
 
@@ -217,8 +217,8 @@ describe('CLI skill install — end-to-end scenarios', () => {
     expect(cmd).toBe('npx skills add "GeminiLight/MindOS" --skill mindos -a qoder -g -y');
   });
 
-  it('S9c: vscode should use universal fallback (no explicit -a vscode)', () => {
-    const cmd = simulate('en', ['vscode']);
+  it('S9c: github-copilot should use universal fallback (no explicit -a)', () => {
+    const cmd = simulate('en', ['github-copilot']);
     expect(cmd).toBe('npx skills add "GeminiLight/MindOS" --skill mindos -a universal -g -y');
   });
 

package/_standalone/__tests__/core/sync-status.test.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import { timeAgo } from '@/components/settings/SyncTab';
 import { getStatusLevel } from '@/components/SyncStatusBar';
-import type { SyncStatus } from '@/components/settings/SyncTab';
+import type { SyncStatus } from '@/components/settings/types';
 
 /* ------------------------------------------------------------------ */
 /*  timeAgo                                                           */

package/_standalone/__tests__/core/tools.test.ts

@@ -57,12 +57,12 @@ describe('tools: list_files', () => {
     seedFile('data.csv', 'a,b,c');
   });
 
-  it('lists all files with default params', async () => {
+  it('lists all files with default params (excluding system files)', async () => {
     const result = await callTool('list_files', {});
     expect(result).toContain('Profile/');
     expect(result).toContain('Identity.md');
     expect(result).toContain('Goals.md');
-    expect(result).toContain('README.md');
+    expect(result).not.toContain('README.md'); // System file hidden from Agent
     expect(result).toContain('data.csv');
     expect(result).not.toContain('Error:');
   });
@@ -75,11 +75,11 @@ describe('tools: list_files', () => {
     expect(result).not.toContain('data.csv');
   });
 
-  it('respects depth parameter', async () => {
+  it('respects depth parameter (hides system files)', async () => {
     const result = await callTool('list_files', { depth: 1 });
     expect(result).toContain('Profile/');
     expect(result).toContain('...');
-    expect(result).toContain('README.md');
+    expect(result).not.toContain('README.md'); // System file hidden
   });
 
   it('returns error message for non-existent directory', async () => {
@@ -185,13 +185,18 @@ describe('tools: delete_file', () => {
     seedFile('to-delete.md', '# Delete me');
   });
 
-  it('deletes an existing file', async () => {
+  it('moves file to trash instead of permanent delete', async () => {
     const result = await callTool('delete_file', { path: 'to-delete.md' });
-    expect(result).toContain('File deleted');
+    expect(result).toContain('Moved to trash');
 
     const read = await callTool('read_file', { path: 'to-delete.md' });
     expect(read).toContain('Error:');
   });
+
+  it('returns error for non-existent file', async () => {
+    const result = await callTool('delete_file', { path: 'ghost.md' });
+    expect(result).toContain('Error:');
+  });
 });
 
 // ---------------------------------------------------------------------------

package/_standalone/__tests__/lib/echo-pages-visual-i18n.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
-import { en } from '@/lib/i18n-en';
-import { zh } from '@/lib/i18n-zh';
+import { en } from '@/lib/i18n';
+import { zh } from '@/lib/i18n';
 
 /** Visual polish strings; en/zh must stay in sync (see spec-echo-visual-polish.md). */
 const VISUAL_KEYS = [

package/_standalone/__tests__/lib/i18n-new-keys.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
-import { en } from '@/lib/i18n-en';
-import { zh } from '@/lib/i18n-zh';
+import { en } from '@/lib/i18n';
+import { zh } from '@/lib/i18n';
 
 describe('i18n explore keys', () => {
   const e = en.explore;

package/_standalone/__tests__/panels/agents-panel-hub.test.tsx

@@ -9,7 +9,7 @@ vi.mock('next/navigation', () => ({
   useSearchParams: () => new URLSearchParams('tab=mcp'),
 }));
 
-vi.mock('@/hooks/useMcpData', () => ({
+vi.mock('@/lib/stores/mcp-store', () => ({
   useMcpData: () => ({
     status: {
       running: true,
@@ -42,7 +42,7 @@ vi.mock('@/hooks/useMcpData', () => ({
   }),
 }));
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({ locale: 'en' as const, setLocale: () => {}, t: messages.en }),
 }));
 

package/_standalone/__tests__/settings/activity-bar-update-badge.test.tsx

@@ -3,7 +3,7 @@ import { describe, it, expect, vi, beforeEach } from 'vitest';
 import React, { act } from 'react';
 import { createRoot } from 'react-dom/client';
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({
     locale: 'en' as const,
     t: {

package/_standalone/__tests__/settings/settings-update-badge.test.tsx

@@ -9,7 +9,7 @@ vi.mock('@/lib/api', () => ({
   apiFetch: mockApiFetch,
 }));
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({
     locale: 'en' as const,
     setLocale: vi.fn(),

package/_standalone/__tests__/settings/update-tab-availability-sync.test.tsx

@@ -10,7 +10,7 @@ vi.mock('@/lib/api', () => ({
   apiFetch: mockApiFetch,
 }));
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({
     locale: 'en' as const,
     t: {

package/_standalone/__tests__/settings/update-tab-browser.test.tsx

@@ -19,7 +19,7 @@ vi.mock('@/lib/api', () => ({
   ApiError: MockApiError,
 }));
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({
     locale: 'en' as const,
     t: {

package/_standalone/__tests__/settings/update-tab-desktop.test.tsx

@@ -16,7 +16,7 @@ vi.mock('@/lib/api', () => ({
   ApiError: class extends Error {},
 }));
 
-vi.mock('@/lib/LocaleContext', () => ({
+vi.mock('@/lib/stores/locale-store', () => ({
   useLocale: () => ({
     locale: 'en' as const,
     t: {

package/_standalone/__tests__/setup.ts

@@ -35,11 +35,9 @@ vi.mock('@/lib/settings', () => ({
   effectiveSopRoot: () => state.root,
   effectiveAiConfig: () => ({
     provider: 'anthropic',
-    anthropicApiKey: '',
-    anthropicModel: 'claude-sonnet-4-6',
-    openaiApiKey: '',
-    openaiModel: 'gpt-5.4',
-    openaiBaseUrl: '',
+    apiKey: '',
+    model: 'claude-sonnet-4-6',
+    baseUrl: '',
   }),
 }));
 

package/_standalone/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/_standalone/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/_standalone/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 */