idea-manager 1.2.0 → 1.3.0

package/README.md

@@ -188,6 +188,16 @@ netstat -ano | findstr :3456          # Windows (then taskkill /PID <pid> /F)
 
 ## Changelog
 
+### v1.3.0
+
+- **Task Archive** — Delete → Archive/Delete choice; archived tasks preserved with prompts and conversations
+- **Archive tab** — Dashboard tab to browse, restore, or permanently delete archived tasks
+- **DB Sync UI** — Dashboard Sync button with Git push/pull modal (init, push, pull)
+- **Gemini model fix** — Switch from gemini-3-flash-preview to gemini-2.5-flash (stable, better rate limits)
+- **Claude model upgrade** — Default model changed to Opus
+- **Auto Distribute improvements** — Better JSON parsing, error details in modal
+- **Chat cwd fix** — AI chat now runs in project's linked directory
+
 ### v1.2.0
 
 - **Auto Distribute** — AI-powered brainstorming to task distribution with preview/edit modal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idea-manager",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Turn free-form brainstorming into structured task trees with AI-generated prompts. Built-in MCP Server for autonomous AI agent execution. Local-first with SQLite, cross-PC sync via Git.",
   "keywords": [
     "brainstorm",

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

@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getArchivedTasks, restoreTask, deleteTask } from '@/lib/db/queries/tasks';
+import { ensureDb } from '@/lib/db';
+
+export async function GET(request: NextRequest) {
+  await ensureDb();
+  const projectId = request.nextUrl.searchParams.get('projectId') || undefined;
+  const tasks = getArchivedTasks(projectId);
+  return NextResponse.json(tasks);
+}
+
+// Restore or permanently delete
+export async function PUT(request: NextRequest) {
+  await ensureDb();
+  const body = await request.json();
+  const { taskId, action } = body;
+
+  if (!taskId || !action) {
+    return NextResponse.json({ error: 'taskId and action required' }, { status: 400 });
+  }
+
+  if (action === 'restore') {
+    const task = restoreTask(taskId);
+    return task
+      ? NextResponse.json(task)
+      : NextResponse.json({ error: 'Task not found' }, { status: 404 });
+  }
+
+  if (action === 'delete') {
+    const ok = deleteTask(taskId);
+    return ok
+      ? NextResponse.json({ success: true })
+      : NextResponse.json({ error: 'Task not found' }, { status: 404 });
+  }
+
+  return NextResponse.json({ error: 'Invalid action' }, { status: 400 });
+}

package/src/app/api/projects/[id]/auto-distribute/route.ts

@@ -64,17 +64,32 @@ Respond with this exact JSON structure:
   try {
     const agentType = project.agent_type || 'claude';
     const aiResponse = await runAgent(agentType, prompt);
-    const cleaned = aiResponse.trim().replace(/^```(?:json)?\s*/i, '').replace(/\s*```$/, '');
 
-    const jsonMatch = cleaned.match(/\{[\s\S]*\}/);
-    if (!jsonMatch) {
-      return NextResponse.json({ error: 'AI did not return valid JSON', raw: cleaned }, { status: 500 });
+    // Strip markdown fences and find JSON
+    let cleaned = aiResponse.trim();
+    // Remove markdown code blocks (```json ... ``` or ``` ... ```)
+    cleaned = cleaned.replace(/```(?:json)?\s*\n?/gi, '').replace(/\n?```/g, '');
+    cleaned = cleaned.trim();
+
+    // Try to find the distributions JSON object
+    const jsonMatch = cleaned.match(/\{\s*"distributions"\s*:\s*\[[\s\S]*\]\s*\}/);
+    // Fallback: any JSON object
+    const fallbackMatch = !jsonMatch ? cleaned.match(/\{[\s\S]*\}/) : null;
+    const matchStr = jsonMatch?.[0] || fallbackMatch?.[0];
+
+    if (!matchStr) {
+      return NextResponse.json({ error: 'AI did not return valid JSON', raw: cleaned.slice(0, 500) }, { status: 500 });
     }
 
-    const parsed = JSON.parse(jsonMatch[0]);
+    let parsed;
+    try {
+      parsed = JSON.parse(matchStr);
+    } catch {
+      return NextResponse.json({ error: 'JSON parse failed', raw: matchStr.slice(0, 500) }, { status: 500 });
+    }
 
     if (!parsed.distributions || !Array.isArray(parsed.distributions)) {
-      return NextResponse.json({ error: 'Invalid distribution format', raw: cleaned }, { status: 500 });
+      return NextResponse.json({ error: 'Invalid distribution format', raw: matchStr.slice(0, 500) }, { status: 500 });
     }
 
     // Map existing sub-project IDs

package/src/app/api/projects/[id]/sub-projects/[subId]/tasks/[taskId]/chat/route.ts

@@ -59,7 +59,8 @@ ${brainstorm?.content ? `\nBrainstorming context:\n${brainstorm.content.slice(0,
 
   try {
     const agentType = project?.agent_type || 'claude';
-    const aiResponse = await runAgent(agentType, `${systemPrompt}\n\nConversation:\n${conversationText}`);
+    const cwd = project?.project_path || undefined;
+    const aiResponse = await runAgent(agentType, `${systemPrompt}\n\nConversation:\n${conversationText}`, undefined, undefined, { cwd });
     const trimmed = aiResponse.trim();
     if (!trimmed) {
       const fallbackMsg = addTaskConversation(taskId, 'assistant', '(AI 응답을 생성하지 못했습니다. 다시 시도해주세요.)');

package/src/app/api/projects/[id]/sub-projects/[subId]/tasks/[taskId]/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { getTask, updateTask, deleteTask } from '@/lib/db/queries/tasks';
+import { getTask, updateTask, deleteTask, archiveTask } from '@/lib/db/queries/tasks';
 import { ensureDb } from '@/lib/db';
 
 export async function GET(
@@ -30,14 +30,25 @@ export async function PUT(
 }
 
 export async function DELETE(
-  _request: NextRequest,
+  request: NextRequest,
   { params }: { params: Promise<{ id: string; subId: string; taskId: string }> },
 ) {
   await ensureDb();
   const { taskId } = await params;
-  const deleted = deleteTask(taskId);
-  if (!deleted) {
+  const mode = request.nextUrl.searchParams.get('mode') || 'archive';
+
+  if (mode === 'permanent') {
+    const deleted = deleteTask(taskId);
+    if (!deleted) {
+      return NextResponse.json({ error: 'Task not found' }, { status: 404 });
+    }
+    return NextResponse.json({ success: true });
+  }
+
+  // Default: archive
+  const task = archiveTask(taskId);
+  if (!task) {
     return NextResponse.json({ error: 'Task not found' }, { status: 404 });
   }
-  return NextResponse.json({ success: true });
+  return NextResponse.json({ success: true, archived: true });
 }

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

@@ -0,0 +1,130 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getSyncDir } from '@/lib/utils/paths';
+import * as git from '@/lib/sync/git';
+import { exportToFile } from '@/lib/sync/exporter';
+import { importFromFile, backupDb } from '@/lib/sync/importer';
+import { ensureDb } from '@/lib/db';
+import path from 'path';
+import fs from 'fs';
+
+const SYNC_FILE = 'im-data.json';
+
+// GET: sync status
+export async function GET() {
+  await ensureDb();
+  const syncDir = getSyncDir();
+  const initialized = git.isGitRepo(syncDir);
+
+  if (!initialized) {
+    return NextResponse.json({ initialized: false });
+  }
+
+  const remoteUrl = await git.getRemoteUrl(syncDir).catch(() => null);
+  const lastCommit = await git.getLastCommitInfo(syncDir).catch(() => null);
+  const hasData = fs.existsSync(path.join(syncDir, SYNC_FILE));
+
+  return NextResponse.json({
+    initialized: true,
+    remoteUrl,
+    lastCommit,
+    hasData,
+  });
+}
+
+// POST: push or pull
+export async function POST(request: NextRequest) {
+  await ensureDb();
+  const body = await request.json();
+  const { action, repoUrl } = body;
+
+  const syncDir = getSyncDir();
+
+  // Init
+  if (action === 'init') {
+    if (!repoUrl) {
+      return NextResponse.json({ error: 'repoUrl required' }, { status: 400 });
+    }
+    if (git.isGitRepo(syncDir)) {
+      return NextResponse.json({ error: 'Already initialized' }, { status: 400 });
+    }
+
+    try {
+      const tmpDir = syncDir + '-tmp-' + Date.now();
+      let cloned = false;
+      try {
+        await git.gitClone(repoUrl, tmpDir);
+        const entries = fs.readdirSync(tmpDir, { withFileTypes: true });
+        for (const e of fs.readdirSync(syncDir)) {
+          fs.rmSync(path.join(syncDir, e), { recursive: true, force: true });
+        }
+        for (const e of entries) {
+          fs.renameSync(path.join(tmpDir, e.name), path.join(syncDir, e.name));
+        }
+        fs.rmSync(tmpDir, { recursive: true, force: true });
+        cloned = true;
+      } catch {
+        fs.rmSync(tmpDir, { recursive: true, force: true });
+        await git.gitInit(syncDir);
+        await git.gitAddRemote(syncDir, repoUrl);
+        cloned = true;
+      }
+
+      if (cloned && !fs.existsSync(path.join(syncDir, SYNC_FILE))) {
+        fs.writeFileSync(path.join(syncDir, '.gitignore'), '.DS_Store\n', 'utf-8');
+        await exportToFile(path.join(syncDir, SYNC_FILE));
+        await git.gitAdd(syncDir, ['.gitignore', SYNC_FILE]);
+        await git.gitCommit(syncDir, 'sync: initial export');
+        await git.gitPush(syncDir, true).catch(() => {});
+      }
+
+      return NextResponse.json({ success: true });
+    } catch (err) {
+      return NextResponse.json({ error: (err as Error).message }, { status: 500 });
+    }
+  }
+
+  if (!git.isGitRepo(syncDir)) {
+    return NextResponse.json({ error: 'Sync not initialized' }, { status: 400 });
+  }
+
+  // Push
+  if (action === 'push') {
+    try {
+      const filePath = path.join(syncDir, SYNC_FILE);
+      await exportToFile(filePath);
+      await git.gitAdd(syncDir, [SYNC_FILE]);
+      const msg = `sync: ${new Date().toISOString().slice(0, 19).replace('T', ' ')}`;
+      try {
+        await git.gitCommit(syncDir, msg);
+      } catch (err) {
+        const m = (err as Error).message;
+        if (m.includes('nothing to commit') || m.includes('no changes')) {
+          return NextResponse.json({ success: true, message: 'Already up to date' });
+        }
+        throw err;
+      }
+      await git.gitPush(syncDir, false);
+      return NextResponse.json({ success: true, message: 'Pushed successfully' });
+    } catch (err) {
+      return NextResponse.json({ error: (err as Error).message }, { status: 500 });
+    }
+  }
+
+  // Pull
+  if (action === 'pull') {
+    try {
+      await git.gitPull(syncDir);
+      const filePath = path.join(syncDir, SYNC_FILE);
+      if (!fs.existsSync(filePath)) {
+        return NextResponse.json({ error: 'No sync data found. Push from another machine first.' }, { status: 404 });
+      }
+      await backupDb();
+      await importFromFile(filePath);
+      return NextResponse.json({ success: true, message: 'Pulled and imported. Refresh to see changes.' });
+    } catch (err) {
+      return NextResponse.json({ error: (err as Error).message }, { status: 500 });
+    }
+  }
+
+  return NextResponse.json({ error: 'Invalid action' }, { status: 400 });
+}

package/src/components/dashboard/DashboardPanel.tsx

@@ -34,7 +34,13 @@ export default function DashboardPanel() {
   const [loading, setLoading] = useState(true);
   const [showDirPicker, setShowDirPicker] = useState(false);
   const [deleteTarget, setDeleteTarget] = useState<string | null>(null);
+  const [archivedTasks, setArchivedTasks] = useState<(ITask & { projectName?: string; subProjectName?: string })[]>([]);
   const [memoContent, setMemoContent] = useState('');
+  const [showSync, setShowSync] = useState(false);
+  const [syncStatus, setSyncStatus] = useState<{ initialized: boolean; remoteUrl?: string; lastCommit?: string } | null>(null);
+  const [syncLoading, setSyncLoading] = useState(false);
+  const [syncMessage, setSyncMessage] = useState('');
+  const [syncRepoUrl, setSyncRepoUrl] = useState('');
   const [memoOpen, setMemoOpen] = useState(() => {
     if (typeof window !== 'undefined') return localStorage.getItem('im-memo-open') === 'true';
     return false;
@@ -109,9 +115,56 @@ export default function DashboardPanel() {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isVisible]);
 
+  const loadArchive = useCallback(async () => {
+    const res = await fetch('/api/archive');
+    const tasks: ITask[] = await res.json();
+    // Enrich with project/sub-project names
+    const enriched = tasks.map(t => {
+      const proj = projects.find(p => p.id === t.project_id);
+      const sub = proj?.subProjects.find(sp => sp.id === t.sub_project_id);
+      return { ...t, projectName: proj?.name, subProjectName: sub?.name };
+    });
+    setArchivedTasks(enriched);
+  }, [projects]);
+
+  const openSyncModal = async () => {
+    setShowSync(true);
+    setSyncMessage('');
+    const res = await fetch('/api/sync');
+    const data = await res.json();
+    setSyncStatus(data);
+  };
+
+  const handleSyncAction = async (action: string) => {
+    setSyncLoading(true);
+    setSyncMessage('');
+    try {
+      const res = await fetch('/api/sync', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action, repoUrl: syncRepoUrl }),
+      });
+      const data = await res.json();
+      if (res.ok) {
+        setSyncMessage(data.message || 'Success');
+        if (action === 'init') {
+          const status = await fetch('/api/sync').then(r => r.json());
+          setSyncStatus(status);
+        }
+        if (action === 'pull') fetchData();
+      } else {
+        setSyncMessage(`Error: ${data.error}`);
+      }
+    } catch {
+      setSyncMessage('Error: request failed');
+    }
+    setSyncLoading(false);
+  };
+
   const handleTabChange = (newTab: DashboardTab) => {
     setTab(newTab);
     localStorage.setItem('im-dashboard-tab', newTab);
+    if (newTab === 'archive') loadArchive();
   };
 
   const handleCreate = async (e: React.FormEvent) => {
@@ -170,7 +223,7 @@ export default function DashboardPanel() {
   };
 
   return (
-    <div className="h-full overflow-y-auto p-8 max-w-5xl mx-auto">
+    <div className="h-full overflow-y-auto p-8 w-full max-w-5xl mx-auto">
       <header className="flex items-center justify-between mb-6">
         <div>
           <h1 className="text-2xl font-bold tracking-tight">
@@ -179,6 +232,13 @@ export default function DashboardPanel() {
         </div>
         <div className="flex items-center gap-3">
           <DashboardTabBar value={tab} onChange={handleTabChange} />
+          <button
+            onClick={openSyncModal}
+            className="px-3 py-2 text-sm border rounded-lg transition-colors bg-muted hover:bg-card-hover text-muted-foreground border-border"
+            title="DB Sync via Git"
+          >
+            Sync
+          </button>
           <button
             onClick={toggleMemo}
             className={`px-3 py-2 text-sm border rounded-lg transition-colors ${
@@ -244,6 +304,60 @@ export default function DashboardPanel() {
 
       {loading ? (
         <div className="text-center text-muted-foreground py-20">Loading...</div>
+      ) : tab === 'archive' ? (
+        archivedTasks.length === 0 ? (
+          <div className="text-center py-20 text-muted-foreground">
+            <p className="text-lg mb-2">No archived tasks</p>
+            <p className="text-sm">Archived tasks will appear here</p>
+          </div>
+        ) : (
+          <div className="space-y-2">
+            {archivedTasks.map((task) => (
+              <div key={task.id}
+                className="flex items-center gap-3 p-3 bg-card border border-border rounded-lg transition-colors group">
+                <span className="text-sm">{STATUS_ICONS[task.status]}</span>
+                <div className="flex-1 min-w-0">
+                  <span className="text-sm font-medium">{task.title}</span>
+                  <span className="text-xs text-muted-foreground ml-2">
+                    {task.projectName}{task.subProjectName ? ` / ${task.subProjectName}` : ''}
+                  </span>
+                  {task.description && (
+                    <p className="text-xs text-muted-foreground mt-0.5 truncate">{task.description}</p>
+                  )}
+                </div>
+                <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                  <button
+                    onClick={async () => {
+                      await fetch('/api/archive', {
+                        method: 'PUT',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ taskId: task.id, action: 'restore' }),
+                      });
+                      loadArchive();
+                      fetchData();
+                    }}
+                    className="px-2 py-1 text-xs text-primary hover:bg-primary/10 rounded transition-colors"
+                  >
+                    Restore
+                  </button>
+                  <button
+                    onClick={async () => {
+                      await fetch('/api/archive', {
+                        method: 'PUT',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ taskId: task.id, action: 'delete' }),
+                      });
+                      loadArchive();
+                    }}
+                    className="px-2 py-1 text-xs text-destructive hover:bg-destructive/10 rounded transition-colors"
+                  >
+                    Delete
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
+        )
       ) : tab === 'today' ? (
         todayTasks.length === 0 ? (
           <div className="text-center py-20 text-muted-foreground">
@@ -335,6 +449,68 @@ export default function DashboardPanel() {
           onCancel={() => setShowDirPicker(false)} />
       )}
 
+      {showSync && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={() => setShowSync(false)} />
+          <div className="relative bg-card border border-border rounded-xl shadow-2xl w-[480px] animate-dialog-in">
+            <div className="flex items-center justify-between px-5 py-3 border-b border-border">
+              <h3 className="text-sm font-semibold">DB Sync</h3>
+              <button onClick={() => setShowSync(false)} className="text-muted-foreground hover:text-foreground text-lg px-1">x</button>
+            </div>
+            <div className="p-5 space-y-4">
+              {syncStatus === null ? (
+                <p className="text-sm text-muted-foreground">Loading...</p>
+              ) : !syncStatus.initialized ? (
+                <div className="space-y-3">
+                  <p className="text-sm text-muted-foreground">Git 저장소 URL을 입력하세요.</p>
+                  <input
+                    value={syncRepoUrl}
+                    onChange={(e) => setSyncRepoUrl(e.target.value)}
+                    placeholder="https://github.com/user/repo.git"
+                    className="w-full bg-input border border-border rounded-lg px-3 py-2 text-sm focus:border-primary focus:outline-none text-foreground"
+                  />
+                  <button
+                    onClick={() => handleSyncAction('init')}
+                    disabled={syncLoading || !syncRepoUrl.trim()}
+                    className="w-full px-4 py-2 text-sm bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors disabled:opacity-50"
+                  >
+                    {syncLoading ? 'Initializing...' : 'Initialize'}
+                  </button>
+                </div>
+              ) : (
+                <div className="space-y-3">
+                  <div className="text-xs space-y-1">
+                    <p><span className="text-muted-foreground">Remote:</span> <span className="font-mono">{syncStatus.remoteUrl || 'none'}</span></p>
+                    <p><span className="text-muted-foreground">Last sync:</span> {syncStatus.lastCommit || 'never'}</p>
+                  </div>
+                  <div className="flex gap-2">
+                    <button
+                      onClick={() => handleSyncAction('push')}
+                      disabled={syncLoading}
+                      className="flex-1 px-4 py-2 text-sm bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors disabled:opacity-50"
+                    >
+                      {syncLoading ? '...' : 'Push'}
+                    </button>
+                    <button
+                      onClick={() => handleSyncAction('pull')}
+                      disabled={syncLoading}
+                      className="flex-1 px-4 py-2 text-sm bg-muted text-foreground border border-border rounded-lg hover:bg-card-hover transition-colors disabled:opacity-50"
+                    >
+                      {syncLoading ? '...' : 'Pull'}
+                    </button>
+                  </div>
+                </div>
+              )}
+              {syncMessage && (
+                <p className={`text-xs ${syncMessage.startsWith('Error') ? 'text-destructive' : 'text-success'}`}>
+                  {syncMessage}
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+      )}
+
       <ConfirmDialog open={!!deleteTarget} title="Delete project?"
         description="This will permanently delete the project and all its data."
         confirmLabel="Delete" variant="danger"

package/src/components/dashboard/TabBar.tsx

@@ -2,12 +2,13 @@
 
 import { useEffect, useState } from 'react';
 
-export type DashboardTab = 'active' | 'all' | 'today';
+export type DashboardTab = 'active' | 'all' | 'today' | 'archive';
 
 const TABS: { key: DashboardTab; label: string }[] = [
   { key: 'active', label: 'Active' },
   { key: 'all', label: 'All' },
   { key: 'today', label: 'Today' },
+  { key: 'archive', label: 'Archive' },
 ];
 
 export default function TabBar({

package/src/components/ui/AutoDistributeModal.tsx

@@ -60,7 +60,8 @@ export default function AutoDistributeModal({
       const res = await fetch(`/api/projects/${projectId}/auto-distribute`, { method: 'POST' });
       const data = await res.json();
       if (!res.ok) {
-        setError(data.error || 'Failed to get distribution');
+        const rawInfo = data.raw ? `\n\nAI 응답:\n${data.raw}` : '';
+        setError((data.error || 'Failed to get distribution') + rawInfo);
         return;
       }
       setDistributions(data.distributions || []);
@@ -180,7 +181,7 @@ export default function AutoDistributeModal({
 
           {error && (
             <div className="bg-danger/10 border border-danger/30 rounded-lg p-3 mb-3">
-              <p className="text-xs text-danger">{error}</p>
+              <pre className="text-xs text-danger whitespace-pre-wrap break-all max-h-[200px] overflow-y-auto">{error}</pre>
               <button onClick={fetchDistribution} className="text-xs text-accent hover:underline mt-1">
                 다시 시도
               </button>

package/src/components/workspace/WorkspacePanel.tsx

@@ -248,7 +248,7 @@ export default function WorkspacePanel({
     setConfirmAction({ type: 'delete-task', id: tid });
   };
 
-  const handleConfirmAction = async () => {
+  const handleConfirmAction = async (mode?: 'archive' | 'permanent') => {
     if (!confirmAction) return;
     if (confirmAction.type === 'delete-sub') {
       await fetch(`/api/projects/${id}/sub-projects/${confirmAction.id}`, { method: 'DELETE' });
@@ -258,7 +258,8 @@ export default function WorkspacePanel({
       }
       loadSubProjects();
     } else if (confirmAction.type === 'delete-task') {
-      await fetch(`/api/projects/${id}/sub-projects/${selectedSubId}/tasks/${confirmAction.id}`, { method: 'DELETE' });
+      const m = mode || 'archive';
+      await fetch(`/api/projects/${id}/sub-projects/${selectedSubId}/tasks/${confirmAction.id}?mode=${m}`, { method: 'DELETE' });
       setTasks(prev => prev.filter(t => t.id !== confirmAction.id));
       if (selectedTaskId === confirmAction.id) setSelectedTaskId(null);
       loadSubProjects();
@@ -537,13 +538,38 @@ export default function WorkspacePanel({
         <DirectoryPicker onSelect={handleSetPath} onCancel={() => setShowDirPicker(false)}
           initialPath={project.project_path || undefined} />
       )}
-      <ConfirmDialog open={!!confirmAction}
-        title={confirmAction?.type === 'delete-sub' ? 'Delete sub-project?' : 'Delete task?'}
-        description={confirmAction?.type === 'delete-sub'
-          ? 'This will delete the sub-project and all its tasks.'
-          : 'This task will be permanently deleted.'}
+      <ConfirmDialog open={confirmAction?.type === 'delete-sub'}
+        title="Delete sub-project?"
+        description="This will delete the sub-project and all its tasks."
         confirmLabel="Delete" variant="danger"
-        onConfirm={handleConfirmAction} onCancel={() => setConfirmAction(null)} />
+        onConfirm={() => handleConfirmAction()} onCancel={() => setConfirmAction(null)} />
+      {confirmAction?.type === 'delete-task' && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center"
+          style={{ background: 'rgba(0,0,0,0.5)', backdropFilter: 'blur(2px)' }}>
+          <div className="bg-card border border-border rounded-xl shadow-2xl shadow-black/40 w-full max-w-sm mx-4 animate-dialog-in">
+            <div className="p-5">
+              <h3 className="text-sm font-semibold text-foreground">Remove task</h3>
+              <p className="text-xs text-muted-foreground mt-1.5 leading-relaxed">
+                보관함에 넣으면 나중에 복원하거나 프롬프트를 참고할 수 있습니다.
+              </p>
+            </div>
+            <div className="flex justify-end gap-2 px-5 pb-4">
+              <button onClick={() => setConfirmAction(null)}
+                className="px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground bg-muted hover:bg-card-hover border border-border rounded-md transition-colors">
+                Cancel
+              </button>
+              <button onClick={() => handleConfirmAction('permanent')}
+                className="px-3 py-1.5 text-xs text-white bg-destructive hover:bg-destructive/80 rounded-md transition-colors">
+                Delete
+              </button>
+              <button onClick={() => handleConfirmAction('archive')}
+                className="px-3 py-1.5 text-xs text-white bg-primary hover:bg-primary-hover rounded-md transition-colors">
+                Archive
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
       <AiPolicyModal open={showAiPolicy} content={project.ai_context || ''}
         onSave={handleSaveAiPolicy} onClose={() => setShowAiPolicy(false)} />
       <GitSyncResultsModal

package/src/lib/ai/agents.ts

@@ -14,7 +14,7 @@ const claudeConfig: AgentConfig = {
   binary: 'claude',
   buildArgs: ({ streaming }) => [
     '--dangerously-skip-permissions',
-    '--model', 'sonnet',
+    '--model', 'opus',
     ...(streaming
       ? ['--output-format', 'stream-json', '--verbose']
       : ['--output-format', 'text']),
@@ -57,6 +57,7 @@ const geminiConfig: AgentConfig = {
   binary: 'gemini',
   buildArgs: ({ streaming }) => [
     '--yolo',
+    '-m', 'gemini-2.5-flash',
     ...(streaming
       ? ['--output-format', 'stream-json']
       : ['--output-format', 'json']),

package/src/lib/db/queries/sub-projects.ts

@@ -29,7 +29,7 @@ export function getSubProjectsWithStats(projectId: string): ISubProjectWithStats
         SUM(CASE WHEN status = 'done' THEN 1 ELSE 0 END) as done_count,
         SUM(CASE WHEN status = 'problem' THEN 1 ELSE 0 END) as problem_count,
         MAX(updated_at) as last_activity
-      FROM tasks WHERE sub_project_id = ?
+      FROM tasks WHERE sub_project_id = ? AND is_archived = 0
     `).get(sp.id) as {
       task_count: number;
       active_count: number;
@@ -40,7 +40,7 @@ export function getSubProjectsWithStats(projectId: string): ISubProjectWithStats
     };
 
     const previewTasks = db.prepare(
-      `SELECT title, status FROM tasks WHERE sub_project_id = ?
+      `SELECT title, status FROM tasks WHERE sub_project_id = ? AND is_archived = 0
        ORDER BY CASE status
          WHEN 'submitted' THEN 0 WHEN 'testing' THEN 1 WHEN 'writing' THEN 2
          WHEN 'idea' THEN 3 WHEN 'problem' THEN 4 WHEN 'done' THEN 5

package/src/lib/db/queries/tasks.ts

@@ -11,19 +11,23 @@ interface TaskRow {
   status: TaskStatus;
   priority: ItemPriority;
   is_today: number;
+  is_archived: number;
+  tags: string;
   sort_order: number;
   created_at: string;
   updated_at: string;
 }
 
 function rowToTask(row: TaskRow): ITask {
-  return { ...row, is_today: row.is_today === 1 };
+  let tags: string[] = [];
+  try { tags = JSON.parse(row.tags || '[]'); } catch { /* */ }
+  return { ...row, is_today: row.is_today === 1, is_archived: (row.is_archived ?? 0) === 1, tags };
 }
 
 export function getTasks(subProjectId: string): ITask[] {
   const db = getDb();
   const rows = db.prepare(
-    'SELECT * FROM tasks WHERE sub_project_id = ? ORDER BY sort_order ASC'
+    'SELECT * FROM tasks WHERE sub_project_id = ? AND is_archived = 0 ORDER BY sort_order ASC'
   ).all(subProjectId) as TaskRow[];
   return rows.map(rowToTask);
 }
@@ -37,7 +41,7 @@ export function getTask(id: string): ITask | undefined {
 export function getTasksByProject(projectId: string): ITask[] {
   const db = getDb();
   const rows = db.prepare(
-    'SELECT * FROM tasks WHERE project_id = ? ORDER BY sort_order ASC'
+    'SELECT * FROM tasks WHERE project_id = ? AND is_archived = 0 ORDER BY sort_order ASC'
   ).all(projectId) as TaskRow[];
   return rows.map(rowToTask);
 }
@@ -45,7 +49,7 @@ export function getTasksByProject(projectId: string): ITask[] {
 export function getTodayTasks(projectId: string): ITask[] {
   const db = getDb();
   const rows = db.prepare(
-    'SELECT * FROM tasks WHERE project_id = ? AND is_today = 1 ORDER BY sort_order ASC'
+    'SELECT * FROM tasks WHERE project_id = ? AND is_today = 1 AND is_archived = 0 ORDER BY sort_order ASC'
   ).all(projectId) as TaskRow[];
   return rows.map(rowToTask);
 }
@@ -53,11 +57,33 @@ export function getTodayTasks(projectId: string): ITask[] {
 export function getActiveTasks(projectId: string): ITask[] {
   const db = getDb();
   const rows = db.prepare(
-    "SELECT * FROM tasks WHERE project_id = ? AND status IN ('submitted','testing') ORDER BY sort_order ASC"
+    "SELECT * FROM tasks WHERE project_id = ? AND status IN ('submitted','testing') AND is_archived = 0 ORDER BY sort_order ASC"
   ).all(projectId) as TaskRow[];
   return rows.map(rowToTask);
 }
 
+export function getArchivedTasks(projectId?: string): ITask[] {
+  const db = getDb();
+  const rows = projectId
+    ? db.prepare('SELECT * FROM tasks WHERE project_id = ? AND is_archived = 1 ORDER BY updated_at DESC').all(projectId) as TaskRow[]
+    : db.prepare('SELECT * FROM tasks WHERE is_archived = 1 ORDER BY updated_at DESC').all() as TaskRow[];
+  return rows.map(rowToTask);
+}
+
+export function archiveTask(id: string): ITask | undefined {
+  const db = getDb();
+  const now = new Date().toISOString();
+  db.prepare('UPDATE tasks SET is_archived = 1, is_today = 0, updated_at = ? WHERE id = ?').run(now, id);
+  return getTask(id);
+}
+
+export function restoreTask(id: string): ITask | undefined {
+  const db = getDb();
+  const now = new Date().toISOString();
+  db.prepare('UPDATE tasks SET is_archived = 0, updated_at = ? WHERE id = ?').run(now, id);
+  return getTask(id);
+}
+
 export function createTask(data: {
   project_id: string;
   sub_project_id: string;
@@ -91,6 +117,7 @@ export function updateTask(id: string, data: {
   is_today?: boolean;
   sort_order?: number;
   sub_project_id?: string;
+  tags?: string[];
 }): ITask | undefined {
   const db = getDb();
   const row = db.prepare('SELECT * FROM tasks WHERE id = ?').get(id) as TaskRow | undefined;
@@ -100,7 +127,7 @@ export function updateTask(id: string, data: {
   db.prepare(`
     UPDATE tasks SET
       title = ?, description = ?, status = ?, priority = ?,
-      is_today = ?, sort_order = ?, sub_project_id = ?, updated_at = ?
+      is_today = ?, sort_order = ?, sub_project_id = ?, tags = ?, updated_at = ?
     WHERE id = ?
   `).run(
     data.title ?? row.title,
@@ -110,6 +137,7 @@ export function updateTask(id: string, data: {
     data.is_today !== undefined ? (data.is_today ? 1 : 0) : row.is_today,
     data.sort_order ?? row.sort_order,
     data.sub_project_id ?? row.sub_project_id,
+    data.tags ? JSON.stringify(data.tags) : row.tags,
     now,
     id,
   );

package/src/lib/db/schema.ts

@@ -94,4 +94,13 @@ export function initSchema(db: any): void {
       FOREIGN KEY (task_id) REFERENCES tasks(id) ON DELETE CASCADE
     );
   `);
+
+  // tasks archive migration
+  const taskCols = db.prepare("PRAGMA table_info(tasks)").all() as { name: string }[];
+  if (!taskCols.some(c => c.name === 'is_archived')) {
+    db.exec("ALTER TABLE tasks ADD COLUMN is_archived INTEGER NOT NULL DEFAULT 0");
+  }
+  if (!taskCols.some(c => c.name === 'tags')) {
+    db.exec("ALTER TABLE tasks ADD COLUMN tags TEXT NOT NULL DEFAULT '[]'");
+  }
 }

package/src/types/index.ts

@@ -44,6 +44,8 @@ export interface ITask {
   status: TaskStatus;
   priority: ItemPriority;
   is_today: boolean;
+  is_archived: boolean;
+  tags: string[];
   sort_order: number;
   created_at: string;
   updated_at: string;