idea-manager 1.6.1 → 1.8.0

package/src/app/api/search/route.ts

@@ -0,0 +1,149 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getDb } from '@/lib/db';
+import { ensureDb } from '@/lib/db';
+
+export interface ISearchResult {
+  type: 'task' | 'project' | 'sub-project';
+  projectId: string;
+  projectName: string;
+  subProjectId?: string;
+  subProjectName?: string;
+  taskId?: string;
+  title: string;
+  snippet?: string;
+  status?: string;
+  isArchived?: boolean;
+  score: number;
+}
+
+interface TaskSearchRow {
+  id: string;
+  title: string;
+  description: string;
+  project_id: string;
+  project_name: string;
+  sub_project_id: string;
+  sub_project_name: string;
+  status: string;
+  is_archived: number;
+}
+
+interface ProjectSearchRow {
+  id: string;
+  name: string;
+  description: string;
+}
+
+interface SubProjectSearchRow {
+  id: string;
+  name: string;
+  project_id: string;
+  project_name: string;
+}
+
+function escapeLike(s: string): string {
+  return s.replace(/[\\%_]/g, m => '\\' + m);
+}
+
+function buildSnippet(body: string, query: string): string | undefined {
+  if (!body) return undefined;
+  const lower = body.toLowerCase();
+  const idx = lower.indexOf(query.toLowerCase());
+  if (idx < 0) return body.slice(0, 120);
+  const start = Math.max(0, idx - 30);
+  const end = Math.min(body.length, idx + query.length + 60);
+  return (start > 0 ? '…' : '') + body.slice(start, end) + (end < body.length ? '…' : '');
+}
+
+function scoreMatch(title: string, body: string, query: string): number {
+  const q = query.toLowerCase();
+  const t = (title ?? '').toLowerCase();
+  const b = (body ?? '').toLowerCase();
+  let score = 0;
+  if (t === q) score += 100;
+  else if (t.startsWith(q)) score += 50;
+  else if (t.includes(q)) score += 30;
+  if (b.includes(q)) score += 10;
+  return score;
+}
+
+export async function GET(request: NextRequest) {
+  await ensureDb();
+  const { searchParams } = new URL(request.url);
+  const raw = (searchParams.get('q') ?? '').trim();
+  if (raw.length < 1) return NextResponse.json([]);
+
+  const q = raw.slice(0, 200);
+  const like = `%${escapeLike(q)}%`;
+  const db = getDb();
+
+  const taskRows = db.prepare(`
+    SELECT t.id, t.title, t.description, t.status, t.is_archived,
+           t.project_id, p.name AS project_name,
+           t.sub_project_id, sp.name AS sub_project_name
+    FROM tasks t
+    JOIN projects p ON p.id = t.project_id
+    JOIN sub_projects sp ON sp.id = t.sub_project_id
+    WHERE (t.title LIKE ? ESCAPE '\\' OR t.description LIKE ? ESCAPE '\\')
+    ORDER BY t.is_archived ASC, t.updated_at DESC
+    LIMIT 40
+  `).all(like, like) as TaskSearchRow[];
+
+  const projectRows = db.prepare(`
+    SELECT id, name, description FROM projects
+    WHERE name LIKE ? ESCAPE '\\' OR description LIKE ? ESCAPE '\\'
+    LIMIT 10
+  `).all(like, like) as ProjectSearchRow[];
+
+  const subProjectRows = db.prepare(`
+    SELECT sp.id, sp.name, sp.project_id, p.name AS project_name
+    FROM sub_projects sp
+    JOIN projects p ON p.id = sp.project_id
+    WHERE sp.name LIKE ? ESCAPE '\\'
+    LIMIT 10
+  `).all(like) as SubProjectSearchRow[];
+
+  const results: ISearchResult[] = [];
+
+  for (const r of taskRows) {
+    results.push({
+      type: 'task',
+      projectId: r.project_id,
+      projectName: r.project_name,
+      subProjectId: r.sub_project_id,
+      subProjectName: r.sub_project_name,
+      taskId: r.id,
+      title: r.title,
+      snippet: buildSnippet(r.description, q),
+      status: r.status,
+      isArchived: r.is_archived === 1,
+      score: scoreMatch(r.title, r.description, q) + (r.is_archived ? -5 : 0),
+    });
+  }
+
+  for (const r of projectRows) {
+    results.push({
+      type: 'project',
+      projectId: r.id,
+      projectName: r.name,
+      title: r.name,
+      snippet: buildSnippet(r.description, q),
+      score: scoreMatch(r.name, r.description ?? '', q),
+    });
+  }
+
+  for (const r of subProjectRows) {
+    results.push({
+      type: 'sub-project',
+      projectId: r.project_id,
+      projectName: r.project_name,
+      subProjectId: r.id,
+      subProjectName: r.name,
+      title: r.name,
+      score: scoreMatch(r.name, '', q),
+    });
+  }
+
+  results.sort((a, b) => b.score - a.score);
+  return NextResponse.json(results.slice(0, 30));
+}

package/src/app/api/update/route.ts

@@ -0,0 +1,52 @@
+import { NextResponse } from 'next/server';
+import { spawn } from 'child_process';
+
+export const dynamic = 'force-dynamic';
+
+// Runs `npm install -g idea-manager@latest` as the current user. This only
+// makes sense for local installs of IM — the API is same-origin so there's no
+// remote caller to worry about. After a successful install the running Node
+// process still holds the OLD code; the response tells the client to prompt
+// the user to restart `im start` (or to let PM2 auto-restart).
+export async function POST() {
+  const started = Date.now();
+  return await new Promise<Response>((resolve) => {
+    const child = spawn('npm', ['install', '-g', 'idea-manager@latest', '--no-fund', '--no-audit'], {
+      stdio: ['ignore', 'pipe', 'pipe'],
+      shell: process.platform === 'win32',
+      env: process.env,
+    });
+
+    let stdout = '';
+    let stderr = '';
+    child.stdout?.on('data', (c: Buffer) => { stdout += c.toString(); });
+    child.stderr?.on('data', (c: Buffer) => { stderr += c.toString(); });
+
+    // 3-minute hard timeout — npm install on stale registry can hang otherwise.
+    const timeout = setTimeout(() => {
+      child.kill('SIGTERM');
+    }, 3 * 60 * 1000);
+
+    child.on('error', (err) => {
+      clearTimeout(timeout);
+      resolve(NextResponse.json({
+        ok: false,
+        error: err.message,
+        durationMs: Date.now() - started,
+      }, { status: 500 }));
+    });
+
+    child.on('exit', (code, signal) => {
+      clearTimeout(timeout);
+      const ok = code === 0;
+      resolve(NextResponse.json({
+        ok,
+        code,
+        signal: signal ?? null,
+        stdout: stdout.slice(-4000),
+        stderr: stderr.slice(-4000),
+        durationMs: Date.now() - started,
+      }, { status: ok ? 200 : 500 }));
+    });
+  });
+}

package/src/app/api/version/route.ts

@@ -0,0 +1,68 @@
+import { NextResponse } from 'next/server';
+import { readFileSync } from 'fs';
+import { join } from 'path';
+
+export const dynamic = 'force-dynamic';
+
+// Read installed version from the package that is actually running.
+// process.cwd() may differ when launched via the CLI, so we resolve
+// relative to this file's runtime location by walking up.
+function readInstalledVersion(): string {
+  const candidates = [
+    // Running from built standalone output
+    join(process.cwd(), 'package.json'),
+    // Running from source (dev)
+    join(process.cwd(), '..', 'package.json'),
+  ];
+  for (const p of candidates) {
+    try {
+      const raw = readFileSync(p, 'utf8');
+      const parsed = JSON.parse(raw) as { name?: string; version?: string };
+      if (parsed.name === 'idea-manager' && typeof parsed.version === 'string') {
+        return parsed.version;
+      }
+    } catch { /* try next */ }
+  }
+  return '0.0.0';
+}
+
+function cmp(a: string, b: string): number {
+  const as = a.split('.').map(n => parseInt(n, 10));
+  const bs = b.split('.').map(n => parseInt(n, 10));
+  for (let i = 0; i < Math.max(as.length, bs.length); i++) {
+    const av = as[i] ?? 0, bv = bs[i] ?? 0;
+    if (av !== bv) return av - bv;
+  }
+  return 0;
+}
+
+interface CacheEntry { latest: string; at: number }
+let cache: CacheEntry | null = null;
+const CACHE_MS = 10 * 60 * 1000; // 10 minutes
+
+async function fetchLatest(): Promise<string | null> {
+  if (cache && Date.now() - cache.at < CACHE_MS) return cache.latest;
+  try {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), 5000);
+    const res = await fetch('https://registry.npmjs.org/idea-manager/latest', {
+      signal: controller.signal,
+      cache: 'no-store',
+    });
+    clearTimeout(timer);
+    if (!res.ok) return null;
+    const data = await res.json() as { version?: string };
+    if (typeof data.version === 'string') {
+      cache = { latest: data.version, at: Date.now() };
+      return data.version;
+    }
+  } catch { /* network / timeout */ }
+  return null;
+}
+
+export async function GET() {
+  const current = readInstalledVersion();
+  const latest = await fetchLatest();
+  const updateAvailable = !!latest && cmp(latest, current) > 0;
+  return NextResponse.json({ current, latest, updateAvailable });
+}

package/src/cli.ts

@@ -10,6 +10,7 @@ import { getTaskPrompt } from './lib/db/queries/task-prompts';
 import type { McpToolContext } from './lib/mcp/tools';
 import { startWatcher } from './lib/watcher';
 import { syncInit, syncPush, syncPull, syncStatus } from './lib/sync/index';
+import { maybeAutoUpdate, respawnSelf } from './lib/auto-update';
 import { spawn } from 'child_process';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -118,6 +119,15 @@ program
     const port = opts.port;
     const fs = await import('fs');
 
+    // Auto-update on boot — fetches npm latest, installs if newer, respawns.
+    // Only runs for `im start`; `im mcp` / `im watch` stay untouched because
+    // they may be long-running integrations we shouldn't disrupt.
+    const upd = await maybeAutoUpdate(PKG_ROOT);
+    if (upd.upgraded) {
+      respawnSelf();
+      return;
+    }
+
     // Resolve next CLI
     let nextCli: string;
     try {

package/src/components/search/GlobalSearch.tsx

@@ -0,0 +1,156 @@
+'use client';
+
+import { useEffect, useRef, useState, useCallback } from 'react';
+import { useTabContext } from '@/components/tabs/TabContext';
+import type { ISearchResult } from '@/app/api/search/route';
+
+export default function GlobalSearch() {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState<ISearchResult[]>([]);
+  const [idx, setIdx] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const { openProject } = useTabContext();
+  const abortRef = useRef<AbortController | null>(null);
+
+  // Global ⌘P / Ctrl+P shortcut (K is also acceptable in some editors;
+  // P is used because ⌘K is the note-refine palette).
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'p') {
+        e.preventDefault();
+        setOpen(prev => !prev);
+      }
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+
+  // Reset state each time it opens
+  useEffect(() => {
+    if (!open) return;
+    setQuery('');
+    setResults([]);
+    setIdx(0);
+    // defer focus until after modal animation paint
+    const id = requestAnimationFrame(() => inputRef.current?.focus());
+    return () => cancelAnimationFrame(id);
+  }, [open]);
+
+  // Debounced search
+  useEffect(() => {
+    if (!open) return;
+    const q = query.trim();
+    if (q.length < 1) { setResults([]); setLoading(false); return; }
+    setLoading(true);
+    const timer = setTimeout(() => {
+      abortRef.current?.abort();
+      const abort = new AbortController();
+      abortRef.current = abort;
+      fetch(`/api/search?q=${encodeURIComponent(q)}`, { signal: abort.signal })
+        .then(r => r.ok ? r.json() : [])
+        .then((data: ISearchResult[]) => {
+          setResults(Array.isArray(data) ? data : []);
+          setIdx(0);
+          setLoading(false);
+        })
+        .catch(() => { /* aborted or network — leave UI steady */ });
+    }, 120);
+    return () => clearTimeout(timer);
+  }, [query, open]);
+
+  const pick = useCallback((r: ISearchResult) => {
+    openProject(r.projectId, r.projectName, r.subProjectId, r.taskId);
+    setOpen(false);
+  }, [openProject]);
+
+  const handleKey = (e: React.KeyboardEvent) => {
+    if (e.key === 'Escape') { setOpen(false); return; }
+    if (e.key === 'ArrowDown') { e.preventDefault(); setIdx(i => Math.min(i + 1, results.length - 1)); return; }
+    if (e.key === 'ArrowUp') { e.preventDefault(); setIdx(i => Math.max(i - 1, 0)); return; }
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      const target = results[idx];
+      if (target) pick(target);
+    }
+  };
+
+  if (!open) return null;
+
+  return (
+    <div
+      onClick={() => setOpen(false)}
+      className="fixed inset-0 z-[60] flex items-start justify-center pt-[14vh]"
+      style={{ background: 'rgba(0,0,0,0.5)', backdropFilter: 'blur(3px)' }}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className="bg-card border border-border rounded-xl shadow-2xl w-full max-w-xl animate-dialog-in"
+      >
+        <div className="px-4 py-3 border-b border-border flex items-center gap-2">
+          <span className="text-muted-foreground">🔎</span>
+          <input
+            ref={inputRef}
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            onKeyDown={handleKey}
+            placeholder="태스크 · 프로젝트 · 워크스페이스 검색… (⌘P)"
+            className="flex-1 bg-transparent text-sm text-foreground focus:outline-none"
+          />
+          <span className="text-[10px] text-muted-foreground/70 px-1.5 py-0.5 border border-border rounded">
+            ↑↓ · ↵ · Esc
+          </span>
+        </div>
+
+        <div className="max-h-[55vh] overflow-y-auto">
+          {loading && (
+            <div className="px-4 py-6 text-xs text-muted-foreground">검색 중…</div>
+          )}
+          {!loading && query.trim() && results.length === 0 && (
+            <div className="px-4 py-6 text-xs text-muted-foreground">일치하는 항목 없음</div>
+          )}
+          {!loading && !query.trim() && (
+            <div className="px-4 py-6 text-xs text-muted-foreground">
+              무엇을 찾으시나요? 태스크 제목·본문, 프로젝트·워크스페이스 이름을 검색합니다.
+            </div>
+          )}
+          <ul>
+            {results.map((r, i) => (
+              <li
+                key={`${r.type}-${r.taskId ?? r.subProjectId ?? r.projectId}`}
+                onMouseEnter={() => setIdx(i)}
+                onClick={() => pick(r)}
+                className={`px-4 py-2.5 cursor-pointer border-l-2 ${
+                  i === idx ? 'bg-muted border-primary' : 'border-transparent'
+                }`}
+              >
+                <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                  <span className={`px-1.5 py-0.5 rounded text-[10px] uppercase tracking-wide ${
+                    r.type === 'task' ? 'bg-primary/15 text-primary' :
+                    r.type === 'project' ? 'bg-accent/15 text-accent' :
+                    'bg-warning/15 text-warning'
+                  }`}>
+                    {r.type === 'sub-project' ? 'project' : r.type}
+                  </span>
+                  <span>{r.projectName}</span>
+                  {r.subProjectName && r.type === 'task' && (
+                    <>
+                      <span className="opacity-50">›</span>
+                      <span>{r.subProjectName}</span>
+                    </>
+                  )}
+                  {r.isArchived && <span className="text-muted-foreground/70 italic">(archived)</span>}
+                </div>
+                <div className="text-sm text-foreground mt-0.5 truncate">{r.title}</div>
+                {r.snippet && (
+                  <div className="text-xs text-muted-foreground/80 mt-0.5 truncate">{r.snippet}</div>
+                )}
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/search/QuickCapture.tsx

@@ -0,0 +1,208 @@
+'use client';
+
+import { useEffect, useRef, useState } from 'react';
+import { useTabContext } from '@/components/tabs/TabContext';
+import type { IProject, ISubProject, ITask } from '@/types';
+
+interface ProjectWithSubs extends IProject {
+  subProjects?: ISubProject[];
+  loaded?: boolean;
+}
+
+const LAST_DEST_KEY = 'im-quick-capture-last-dest';
+
+interface LastDest { projectId: string; subProjectId: string }
+
+function loadLastDest(): LastDest | null {
+  if (typeof window === 'undefined') return null;
+  try {
+    const raw = localStorage.getItem(LAST_DEST_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (parsed?.projectId && parsed?.subProjectId) return parsed as LastDest;
+  } catch { /* ignore */ }
+  return null;
+}
+
+function saveLastDest(dest: LastDest) {
+  try { localStorage.setItem(LAST_DEST_KEY, JSON.stringify(dest)); } catch { /* quota */ }
+}
+
+export default function QuickCapture() {
+  const [open, setOpen] = useState(false);
+  const [projects, setProjects] = useState<ProjectWithSubs[]>([]);
+  const [projectId, setProjectId] = useState<string>('');
+  const [subProjectId, setSubProjectId] = useState<string>('');
+  const [title, setTitle] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [err, setErr] = useState<string | null>(null);
+  const titleRef = useRef<HTMLInputElement>(null);
+  const { openProject } = useTabContext();
+
+  // Global ⌘N / Ctrl+N shortcut
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'n') {
+        e.preventDefault();
+        setOpen(prev => !prev);
+      }
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+
+  // Load projects on first open
+  useEffect(() => {
+    if (!open) return;
+    fetch('/api/projects')
+      .then(r => r.ok ? r.json() : [])
+      .then((data: IProject[]) => {
+        setProjects(data.map(p => ({ ...p })));
+        const last = loadLastDest();
+        const fallback = data[0]?.id;
+        const initial = last?.projectId && data.some(p => p.id === last.projectId) ? last.projectId : fallback;
+        if (initial) setProjectId(initial);
+      });
+  }, [open]);
+
+  // Load sub-projects when project changes
+  useEffect(() => {
+    if (!projectId) { setSubProjectId(''); return; }
+    const existing = projects.find(p => p.id === projectId);
+    if (existing?.loaded && existing.subProjects) {
+      const last = loadLastDest();
+      const fallback = existing.subProjects[0]?.id ?? '';
+      setSubProjectId(
+        last?.projectId === projectId && existing.subProjects.some(s => s.id === last.subProjectId)
+          ? last.subProjectId
+          : fallback,
+      );
+      return;
+    }
+    fetch(`/api/projects/${projectId}/sub-projects`)
+      .then(r => r.ok ? r.json() : [])
+      .then((subs: ISubProject[]) => {
+        setProjects(prev => prev.map(p =>
+          p.id === projectId ? { ...p, subProjects: subs, loaded: true } : p
+        ));
+        const last = loadLastDest();
+        const fallback = subs[0]?.id ?? '';
+        setSubProjectId(
+          last?.projectId === projectId && subs.some(s => s.id === last.subProjectId)
+            ? last.subProjectId
+            : fallback,
+        );
+      });
+  // projects is mutated above; keep deps minimal to avoid refetch loops
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [projectId]);
+
+  useEffect(() => {
+    if (!open) return;
+    setTitle('');
+    setErr(null);
+    setBusy(false);
+    const id = requestAnimationFrame(() => titleRef.current?.focus());
+    return () => cancelAnimationFrame(id);
+  }, [open]);
+
+  const submit = async () => {
+    const t = title.trim();
+    if (!t || !projectId || !subProjectId || busy) return;
+    setBusy(true);
+    setErr(null);
+    try {
+      const res = await fetch(`/api/projects/${projectId}/sub-projects/${subProjectId}/tasks`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ title: t }),
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const task = await res.json() as ITask;
+      saveLastDest({ projectId, subProjectId });
+      const project = projects.find(p => p.id === projectId);
+      if (project) openProject(project.id, project.name, subProjectId, task.id);
+      setOpen(false);
+    } catch (e) {
+      setErr(e instanceof Error ? e.message : '생성 실패');
+      setBusy(false);
+    }
+  };
+
+  if (!open) return null;
+
+  const currentProject = projects.find(p => p.id === projectId);
+  const subs = currentProject?.subProjects ?? [];
+
+  return (
+    <div
+      onClick={() => setOpen(false)}
+      className="fixed inset-0 z-[60] flex items-start justify-center pt-[16vh]"
+      style={{ background: 'rgba(0,0,0,0.5)', backdropFilter: 'blur(3px)' }}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className="bg-card border border-border rounded-xl shadow-2xl w-full max-w-md animate-dialog-in p-4 flex flex-col gap-3"
+      >
+        <div className="flex items-center justify-between">
+          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">빠른 태스크 캡처</div>
+          <span className="text-[10px] text-muted-foreground/70 px-1.5 py-0.5 border border-border rounded">⌘N · Esc</span>
+        </div>
+
+        <div className="grid grid-cols-2 gap-2">
+          <select
+            value={projectId}
+            onChange={(e) => setProjectId(e.target.value)}
+            className="bg-input border border-border rounded-md px-2 py-1.5 text-sm text-foreground focus:border-primary focus:outline-none"
+          >
+            {projects.map(p => (
+              <option key={p.id} value={p.id}>{p.name}</option>
+            ))}
+          </select>
+          <select
+            value={subProjectId}
+            onChange={(e) => setSubProjectId(e.target.value)}
+            disabled={!subs.length}
+            className="bg-input border border-border rounded-md px-2 py-1.5 text-sm text-foreground focus:border-primary focus:outline-none disabled:opacity-50"
+          >
+            {subs.length === 0 ? (
+              <option value="">프로젝트 없음</option>
+            ) : subs.map(s => (
+              <option key={s.id} value={s.id}>{s.name}</option>
+            ))}
+          </select>
+        </div>
+
+        <input
+          ref={titleRef}
+          value={title}
+          onChange={(e) => setTitle(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') { e.preventDefault(); submit(); }
+            if (e.key === 'Escape') { e.preventDefault(); setOpen(false); }
+          }}
+          placeholder="태스크 제목을 입력하고 Enter…"
+          className="w-full bg-input border border-border rounded-md px-3 py-2 text-sm text-foreground focus:border-primary focus:outline-none"
+        />
+
+        {err && <div className="text-xs text-destructive">⚠ {err}</div>}
+
+        <div className="flex items-center justify-between">
+          <div className="text-[10px] text-muted-foreground/70">
+            저장 후 해당 태스크 워크스페이스로 바로 이동
+          </div>
+          <div className="flex gap-2">
+            <button onClick={() => setOpen(false)} className="text-xs text-muted-foreground px-2 py-1">취소</button>
+            <button
+              onClick={submit}
+              disabled={!title.trim() || !projectId || !subProjectId || busy}
+              className="text-xs px-3 py-1 bg-primary text-primary-foreground rounded disabled:opacity-40"
+            >
+              {busy ? '…' : '생성'}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/tabs/TabBar.tsx

@@ -2,6 +2,7 @@
 
 import { useTabContext } from './TabContext';
 import ThemePicker from '@/components/theme/ThemePicker';
+import UpdateButton from '@/components/update/UpdateButton';
 
 export default function TabBar() {
   const { state, setActiveTab, closeTab } = useTabContext();
@@ -43,6 +44,7 @@ export default function TabBar() {
         );
       })}
       <div className="tab-bar-spacer" />
+      <UpdateButton />
       <ThemePicker />
     </div>
   );

package/src/components/tabs/TabShell.tsx

@@ -4,6 +4,8 @@ import { useTabContext } from './TabContext';
 import TabBar from './TabBar';
 import DashboardPanel from '@/components/dashboard/DashboardPanel';
 import WorkspacePanel from '@/components/workspace/WorkspacePanel';
+import GlobalSearch from '@/components/search/GlobalSearch';
+import QuickCapture from '@/components/search/QuickCapture';
 
 export default function TabShell() {
   const { state } = useTabContext();
@@ -11,6 +13,8 @@ export default function TabShell() {
   return (
     <div className="h-screen flex flex-col">
       <TabBar />
+      <GlobalSearch />
+      <QuickCapture />
       <div className="flex-1 min-h-0 relative">
         {state.tabs.map((tab) => (
           <div