idea-manager 1.5.1 → 1.6.0

package/src/components/task/ProjectTree.tsx

@@ -456,7 +456,7 @@ function SortableSubProject({
 }
 
 function getNextStatus(current: TaskStatus): TaskStatus {
-  const flow: TaskStatus[] = ['idea', 'writing', 'submitted', 'testing', 'done'];
+  const flow: TaskStatus[] = ['idea', 'doing', 'done'];
   const idx = flow.indexOf(current);
   if (idx === -1) return 'idea';
   return flow[(idx + 1) % flow.length];

package/src/components/task/StatusFlow.tsx

@@ -1,16 +1,24 @@
 'use client';
 
 import type { TaskStatus } from '@/types';
+import { ACTIVE_STATUSES, LEGACY_STATUSES } from '@/types';
 
-const STATUSES: { key: TaskStatus; label: string; icon: string; color: string }[] = [
-  { key: 'idea', label: 'Idea', icon: '\u{1F4A1}', color: 'text-muted-foreground' },
-  { key: 'writing', label: 'Writing', icon: '\u{270F}\u{FE0F}', color: 'text-warning' },
+type StatusMeta = { key: TaskStatus; label: string; icon: string; color: string };
+
+const ALL: StatusMeta[] = [
+  { key: 'idea',      label: 'Idea',      icon: '\u{1F4A1}', color: 'text-muted-foreground' },
+  { key: 'doing',     label: 'Doing',     icon: '\u{1F525}', color: 'text-primary' },
+  { key: 'writing',   label: 'Writing',   icon: '\u{270F}\u{FE0F}', color: 'text-warning' },
   { key: 'submitted', label: 'Submitted', icon: '\u{1F680}', color: 'text-primary' },
-  { key: 'testing', label: 'Testing', icon: '\u{1F9EA}', color: 'text-accent' },
-  { key: 'done', label: 'Done', icon: '\u{2705}', color: 'text-success' },
-  { key: 'problem', label: 'Problem', icon: '\u{1F534}', color: 'text-destructive' },
+  { key: 'testing',   label: 'Testing',   icon: '\u{1F9EA}', color: 'text-accent' },
+  { key: 'done',      label: 'Done',      icon: '\u{2705}',  color: 'text-success' },
+  { key: 'problem',   label: 'Problem',   icon: '\u{1F534}', color: 'text-destructive' },
 ];
 
+function meta(key: TaskStatus): StatusMeta {
+  return ALL.find(s => s.key === key) ?? ALL[0];
+}
+
 export default function StatusFlow({
   status,
   onChange,
@@ -18,26 +26,41 @@ export default function StatusFlow({
   status: TaskStatus;
   onChange: (status: TaskStatus) => void;
 }) {
+  const isLegacy = LEGACY_STATUSES.includes(status);
+  const current = meta(status);
+
   return (
     <div className="flex items-center gap-1">
-      {STATUSES.map((s) => (
-        <button
-          key={s.key}
-          onClick={() => onChange(s.key)}
-          title={s.label}
-          className={`px-2 py-1 rounded text-base transition-all ${
-            status === s.key
-              ? `${s.color} bg-muted scale-110`
-              : 'opacity-40 hover:opacity-80'
-          }`}
+      {isLegacy && (
+        <span
+          title={`Legacy: ${current.label} (클릭해서 새 상태로 이동)`}
+          className={`px-2 py-1 rounded text-xs ${current.color} bg-muted/50 border border-dashed border-muted-foreground/30 mr-1`}
         >
-          {s.icon}
-        </button>
-      ))}
+          {current.icon} {current.label}
+        </span>
+      )}
+      {ACTIVE_STATUSES.map((key) => {
+        const s = meta(key);
+        const active = status === key;
+        return (
+          <button
+            key={key}
+            onClick={() => onChange(key)}
+            title={s.label}
+            className={`px-2 py-1 rounded text-base transition-all ${
+              active
+                ? `${s.color} bg-muted scale-110`
+                : 'opacity-40 hover:opacity-80'
+            }`}
+          >
+            {s.icon}
+          </button>
+        );
+      })}
     </div>
   );
 }
 
 export function statusIcon(status: TaskStatus): string {
-  return STATUSES.find(s => s.key === status)?.icon ?? '';
+  return meta(status).icon;
 }

package/src/components/task/TaskChat.tsx

@@ -22,12 +22,12 @@ function notifyAiResponse(preview: string) {
 export default function TaskChat({
   basePath,
   taskStatus,
-  onApplyToPrompt,
+  onInsertToNote,
   onChatStateChange,
 }: {
   basePath: string;
   taskStatus?: TaskStatus;
-  onApplyToPrompt: (content: string) => void;
+  onInsertToNote: (content: string) => void;
   onChatStateChange?: (state: 'idle' | 'loading' | 'done') => void;
 }) {
   const [messages, setMessages] = useState<ITaskConversation[]>([]);
@@ -131,9 +131,9 @@ export default function TaskChat({
   };
 
   return (
-    <div className="flex flex-col h-full border-t border-border">
+    <div className="flex flex-col h-full">
       <div className="flex items-center justify-between px-3 py-1.5 border-b border-border">
-        <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">AI Chat</span>
+        <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Note Assistant</span>
         {taskStatus === 'testing' && (
           <span className="flex items-center gap-1.5 text-xs text-warning">
             <span className="inline-block w-2 h-2 rounded-full bg-warning animate-pulse" />
@@ -146,7 +146,7 @@ export default function TaskChat({
       <div className="flex-1 overflow-y-auto px-3 py-2 space-y-2 min-h-0">
         {messages.length === 0 && !loading && (
           <div className="text-sm text-muted-foreground text-center py-4">
-            Ask AI to help refine your task or prompt
+            노트 작성을 도와드립니다. 질문하거나 &quot;이 부분 정리해줘&quot; 같이 요청해보세요
           </div>
         )}
         {messages.filter(msg => msg.content).map((msg) => (
@@ -162,10 +162,10 @@ export default function TaskChat({
             </div>
             {msg.role === 'assistant' && (
               <button
-                onClick={() => onApplyToPrompt(msg.content)}
+                onClick={() => onInsertToNote(msg.content)}
                 className="text-xs text-muted-foreground hover:text-primary mt-0.5 px-1 transition-colors"
               >
-                Apply to prompt
+                ↓ 노트에 삽입
               </button>
             )}
           </div>

package/src/components/task/TaskDetail.tsx

@@ -1,15 +1,18 @@
 'use client';
 
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
 import type { ITask, TaskStatus, ItemPriority } from '@/types';
 import StatusFlow from './StatusFlow';
-import PromptEditor from './PromptEditor';
 import TaskChat from './TaskChat';
+import NoteEditor from './NoteEditor';
+import CommandPalette, { type RefineCommand } from './CommandPalette';
+import type { ReactCodeMirrorRef } from '@uiw/react-codemirror';
 
 export default function TaskDetail({
   task,
   projectId,
   subProjectId,
+  siblingTasks,
   onUpdate,
   onDelete,
   onChatStateChange,
@@ -17,28 +20,59 @@ export default function TaskDetail({
   task: ITask;
   projectId: string;
   subProjectId: string;
+  /** Other tasks under the same sub-project — used to widen autocomplete corpus. */
+  siblingTasks?: ITask[];
   onUpdate: (data: Partial<ITask>) => void;
   onDelete: () => void;
   onChatStateChange?: (taskId: string, state: 'idle' | 'loading' | 'done') => void;
 }) {
   const [title, setTitle] = useState(task.title);
   const [description, setDescription] = useState(task.description);
-  const [promptContent, setPromptContent] = useState('');
-  const [refining, setRefining] = useState(false);
   const [editingTitle, setEditingTitle] = useState(false);
-  const [showPromptModal, setShowPromptModal] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [chatOpen, setChatOpen] = useState(false);
+  const [paletteOpen, setPaletteOpen] = useState(false);
+  const [refining, setRefining] = useState(false);
+  const [refineElapsed, setRefineElapsed] = useState(0);
+  const [refineError, setRefineError] = useState<string | null>(null);
+  const [hasSelection, setHasSelection] = useState(false);
+  const [undoSnapshot, setUndoSnapshot] = useState<{ taskId: string; doc: string } | null>(null);
+  const refineAbortRef = useRef<AbortController | null>(null);
 
   const basePath = `/api/projects/${projectId}/sub-projects/${subProjectId}/tasks/${task.id}`;
-  const overlayRef = useRef<HTMLDivElement>(null);
+  const editorRef = useRef<ReactCodeMirrorRef>(null);
+  const [brainstormText, setBrainstormText] = useState('');
+
+  // Fetch the project's brainstorm once per project — used as autocomplete corpus.
+  useEffect(() => {
+    let cancelled = false;
+    fetch(`/api/projects/${projectId}/brainstorm`)
+      .then(r => r.ok ? r.json() : null)
+      .then(data => {
+        if (cancelled) return;
+        setBrainstormText(typeof data?.content === 'string' ? data.content : '');
+      })
+      .catch(() => { /* silent — corpus is non-critical */ });
+    return () => { cancelled = true; };
+  }, [projectId]);
+
+  const extraCorpus = useMemo<string[]>(() => {
+    const parts: string[] = [];
+    if (siblingTasks) {
+      for (const t of siblingTasks) {
+        if (t.id === task.id) continue;
+        if (t.title) parts.push(t.title);
+        if (t.description) parts.push(t.description);
+      }
+    }
+    if (brainstormText) parts.push(brainstormText);
+    return parts;
+  }, [siblingTasks, brainstormText, task.id]);
 
-  // Load prompt
   useEffect(() => {
     setTitle(task.title);
     setDescription(task.description);
-    fetch(`${basePath}/prompt`)
-      .then(r => r.json())
-      .then(data => setPromptContent(data.content || ''));
-  }, [task.id, task.title, task.description, basePath]);
+  }, [task.id, task.title, task.description]);
 
   const saveTitle = useCallback(() => {
     const trimmed = title.trim();
@@ -56,47 +90,152 @@ export default function TaskDetail({
     }
   }, [description, task.description, onUpdate]);
 
-  const savePrompt = useCallback(async (content: string) => {
-    setPromptContent(content);
-    await fetch(`${basePath}/prompt`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ content, prompt_type: 'manual' }),
-    });
-  }, [basePath]);
+  const insertIntoNote = useCallback((content: string) => {
+    const next = description
+      ? `${description.trimEnd()}\n\n${content.trim()}\n`
+      : `${content.trim()}\n`;
+    setDescription(next);
+    onUpdate({ description: next });
+  }, [description, onUpdate]);
+
+  const copyAsPrompt = useCallback(async () => {
+    const body = description?.trim() || '(비어있음)';
+    const text = `# ${task.title}\n\n${body}\n`;
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch { /* silent */ }
+  }, [task.title, description]);
+
+  // Command palette — captures selection from CM view and replaces/inserts
+  const openPalette = useCallback(() => {
+    const view = editorRef.current?.view;
+    if (view) {
+      const sel = view.state.selection.main;
+      setHasSelection(!sel.empty);
+    }
+    setPaletteOpen(true);
+  }, []);
+
+  const runRefine = useCallback(async (cmd: RefineCommand, customText?: string) => {
+    const view = editorRef.current?.view;
+    if (!view) { setPaletteOpen(false); return; }
 
-  const handleRefine = useCallback(async () => {
+    const launchTaskId = task.id;
+    const sel = view.state.selection.main;
+    const selFrom = sel.from;
+    const selTo = sel.to;
+    const selectionText = sel.empty ? '' : view.state.sliceDoc(selFrom, selTo);
+    const snapshotDoc = view.state.doc.toString();
+    setPaletteOpen(false);
+    setRefineError(null);
+    setUndoSnapshot(null);
     setRefining(true);
+    setRefineElapsed(0);
+    const abort = new AbortController();
+    refineAbortRef.current = abort;
+    const started = Date.now();
+    const tick = setInterval(() => setRefineElapsed(Math.floor((Date.now() - started) / 1000)), 500);
+
     try {
-      const res = await fetch(`${basePath}/chat`, {
+      const res = await fetch(`${basePath}/refine`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
-          message: `Please refine and improve this prompt for a coding assistant. Current prompt: ${promptContent || '(empty - generate one based on the task)'}. Task: ${task.title}. Description: ${task.description}. Output ONLY the improved prompt text, nothing else.`,
+          command: cmd,
+          customText,
+          selection: selectionText || undefined,
+          note: snapshotDoc,
         }),
+        signal: abort.signal,
       });
-      if (res.ok) {
-        const data = await res.json();
-        const refined = data.aiMessage?.content || '';
-        if (refined) {
-          await savePrompt(refined);
-        }
+      const data = await res.json() as { result?: string; error?: string };
+      if (!res.ok || data.error) {
+        throw new Error(data.error || `HTTP ${res.status}`);
       }
-    } catch { /* silent */ }
-    setRefining(false);
-  }, [basePath, promptContent, task.title, task.description, savePrompt]);
+      const output = (data.result || '').trim();
+      if (!output) {
+        throw new Error('AI 응답이 비어있습니다');
+      }
+
+      // If user switched to another task during the await, don't clobber it.
+      if (launchTaskId !== task.id) {
+        setRefineError('다른 태스크로 이동하여 결과를 버렸습니다');
+        setTimeout(() => setRefineError(null), 4000);
+        return;
+      }
+
+      // Build next doc via string splicing — independent of CM view lifecycle.
+      // CM view may have been recreated during the await; positions from the
+      // captured selection are still valid against the snapshot doc.
+      const safeFrom = Math.min(selFrom, snapshotDoc.length);
+      const safeTo = Math.min(selTo, snapshotDoc.length);
+      let nextDoc: string;
+      let nextCaret: number;
+      if (selFrom === selTo) {
+        // empty selection → insert at caret with blank-line padding when not at start
+        const prefix = safeFrom > 0 ? '\n\n' : '';
+        const insert = prefix + output + '\n';
+        nextDoc = snapshotDoc.slice(0, safeFrom) + insert + snapshotDoc.slice(safeFrom);
+        nextCaret = safeFrom + insert.length;
+      } else {
+        nextDoc = snapshotDoc.slice(0, safeFrom) + output + snapshotDoc.slice(safeTo);
+        nextCaret = safeFrom + output.length;
+      }
+
+      // Update React state first — triggers CM re-sync via value prop
+      setDescription(nextDoc);
+      onUpdate({ description: nextDoc });
+
+      // Remember the pre-refine doc so the user can undo a bad suggestion.
+      // 30s is enough to read the output and decide.
+      setUndoSnapshot({ taskId: launchTaskId, doc: snapshotDoc });
+      setTimeout(() => {
+        setUndoSnapshot(prev => (prev && prev.taskId === launchTaskId ? null : prev));
+      }, 30000);
 
-  const handleApplyToPrompt = useCallback(async (content: string) => {
-    await savePrompt(content);
-  }, [savePrompt]);
+      // Best-effort: move caret inside the live view if still mounted
+      const liveView = editorRef.current?.view;
+      if (liveView) {
+        try {
+          const clamped = Math.min(nextCaret, liveView.state.doc.length);
+          liveView.dispatch({ selection: { anchor: clamped } });
+        } catch { /* selection restore is non-critical */ }
+      }
+    } catch (err) {
+      if ((err as { name?: string })?.name === 'AbortError') {
+        // User cancelled — no error message needed.
+      } else {
+        const msg = err instanceof Error ? err.message : '알 수 없는 오류';
+        setRefineError(msg);
+        setTimeout(() => setRefineError(null), 6000);
+      }
+    } finally {
+      clearInterval(tick);
+      setRefining(false);
+      refineAbortRef.current = null;
+    }
+  }, [basePath, onUpdate, task.id]);
+
+  const cancelRefine = useCallback(() => {
+    refineAbortRef.current?.abort();
+  }, []);
+
+  const undoRefine = useCallback(() => {
+    if (!undoSnapshot) return;
+    if (undoSnapshot.taskId !== task.id) { setUndoSnapshot(null); return; }
+    setDescription(undoSnapshot.doc);
+    onUpdate({ description: undoSnapshot.doc });
+    setUndoSnapshot(null);
+  }, [undoSnapshot, task.id, onUpdate]);
 
   const priorities: ItemPriority[] = ['high', 'medium', 'low'];
 
   return (
     <div className="flex flex-col h-full">
-      {/* Compact header: Title + Status + Actions */}
+      {/* Header */}
       <div className="px-4 py-3 border-b border-border flex-shrink-0 space-y-2">
-        {/* Title */}
         {editingTitle ? (
           <input
             value={title}
@@ -116,7 +255,6 @@ export default function TaskDetail({
           </h2>
         )}
 
-        {/* Status + Priority + Today + Prompt + Delete */}
         <div className="flex items-center gap-3 flex-wrap">
           <StatusFlow status={task.status} onChange={(status: TaskStatus) => onUpdate({ status })} />
           <div className="flex items-center gap-1">
@@ -148,14 +286,30 @@ export default function TaskDetail({
           <span className="text-border">|</span>
 
           <button
-            onClick={() => setShowPromptModal(true)}
+            onClick={openPalette}
+            title="AI 명령 (⌘K)"
+            className="text-xs px-2 py-0.5 rounded transition-colors border border-border
+                       text-muted-foreground hover:text-foreground hover:border-muted-foreground"
+          >
+            ⌘K
+          </button>
+          <button
+            onClick={copyAsPrompt}
+            title="노트를 Claude Code용으로 클립보드에 복사"
+            className="text-xs px-2 py-0.5 rounded transition-colors border border-border
+                       text-muted-foreground hover:text-foreground hover:border-muted-foreground"
+          >
+            {copied ? '✓ Copied' : 'Copy as Prompt'}
+          </button>
+          <button
+            onClick={() => setChatOpen(v => !v)}
             className={`text-xs px-2 py-0.5 rounded transition-colors border ${
-              promptContent
-                ? 'bg-accent/15 text-accent border-accent/30 hover:bg-accent/25'
+              chatOpen
+                ? 'bg-accent/15 text-accent border-accent/30'
                 : 'text-muted-foreground border-border hover:text-foreground hover:border-muted-foreground'
             }`}
           >
-            Prompt{promptContent ? ' *' : ''}
+            💬 Chat
           </button>
 
           <button
@@ -165,60 +319,87 @@ export default function TaskDetail({
             Delete
           </button>
         </div>
-
-        {/* Description - compact */}
-        <textarea
-          value={description}
-          onChange={(e) => setDescription(e.target.value)}
-          onBlur={saveDescription}
-          placeholder="Background, conditions, notes..."
-          className="w-full bg-input border border-border rounded-lg px-3 py-2 text-sm
-                     focus:border-primary focus:outline-none text-foreground resize-y
-                     leading-relaxed min-h-[3.5rem] max-h-[300px]"
-          rows={2}
-        />
       </div>
 
-      {/* AI Chat - takes remaining space */}
-      <div className="flex-1 min-h-0">
-        <TaskChat
-          basePath={basePath}
-          taskStatus={task.status}
-          onApplyToPrompt={handleApplyToPrompt}
-          onChatStateChange={onChatStateChange ? (state) => onChatStateChange(task.id, state) : undefined}
-        />
+      {/* Note editor */}
+      <div className="flex-1 min-h-0 flex flex-col relative">
+        <div className="px-4 pt-2 pb-1 flex items-center justify-between">
+          <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Note</span>
+          <span className="text-[10px] text-muted-foreground/60">
+            Tab 제안 수락 · ⌘K AI 명령 · 자동 저장
+          </span>
+        </div>
+        <div className="flex-1 min-h-0">
+          <NoteEditor
+            ref={editorRef}
+            value={description}
+            onChange={setDescription}
+            onBlur={saveDescription}
+            onOpenCommand={openPalette}
+            extraCorpus={extraCorpus}
+            placeholder="자유롭게 작성하세요. 배경 · 목표 · 관련 파일 · 결정사항 · 질문 · 링크 등 뭐든..."
+          />
+        </div>
+        {refining && (
+          <div className="absolute bottom-2 right-3 text-xs px-2 py-1 rounded bg-muted/90 text-foreground flex items-center gap-2 shadow-lg border border-border">
+            <span className="inline-block w-1.5 h-1.5 rounded-full bg-warning animate-pulse" />
+            <span>AI 작업 중 {refineElapsed}s (최대 90s)</span>
+            <button
+              onClick={cancelRefine}
+              className="ml-1 text-muted-foreground hover:text-destructive transition-colors"
+              title="취소"
+            >
+              취소
+            </button>
+          </div>
+        )}
+        {!refining && undoSnapshot && undoSnapshot.taskId === task.id && (
+          <div className="absolute bottom-2 right-3 text-xs px-2 py-1 rounded bg-accent/15 text-foreground flex items-center gap-2 shadow-lg border border-accent/30">
+            <span className="text-accent">✓</span>
+            <span>AI 결과 적용됨</span>
+            <button
+              onClick={undoRefine}
+              className="px-1.5 py-0.5 rounded bg-background/60 hover:bg-background text-foreground transition-colors"
+              title="되돌리기 (30초 내)"
+            >
+              ↶ 되돌리기
+            </button>
+            <button
+              onClick={() => setUndoSnapshot(null)}
+              className="text-muted-foreground hover:text-foreground"
+              title="닫기"
+            >
+              ×
+            </button>
+          </div>
+        )}
+        {refineError && (
+          <div className="absolute bottom-2 right-3 text-xs px-3 py-2 rounded bg-destructive/15 text-destructive flex items-center gap-2 shadow-lg border border-destructive/40 max-w-[70%]">
+            <span>⚠</span>
+            <span className="truncate">AI 실패: {refineError}</span>
+            <button onClick={() => setRefineError(null)} className="text-destructive/60 hover:text-destructive">×</button>
+          </div>
+        )}
       </div>
 
-      {/* Prompt Modal */}
-      {showPromptModal && (
-        <div
-          ref={overlayRef}
-          onClick={(e) => { if (e.target === overlayRef.current) setShowPromptModal(false); }}
-          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-2xl mx-4 max-h-[80vh] flex flex-col animate-dialog-in">
-            <div className="flex items-center justify-between px-5 py-3 border-b border-border">
-              <h3 className="text-sm font-semibold text-foreground">Prompt</h3>
-              <button
-                onClick={() => setShowPromptModal(false)}
-                className="text-muted-foreground hover:text-foreground transition-colors text-sm"
-              >
-                Close
-              </button>
-            </div>
-            <div className="flex-1 overflow-y-auto p-5">
-              <PromptEditor
-                content={promptContent}
-                onSave={savePrompt}
-                onRefine={handleRefine}
-                refining={refining}
-              />
-            </div>
-          </div>
+      {/* Chat (optional, collapsed by default) */}
+      {chatOpen && (
+        <div className="h-[38%] min-h-[240px] border-t border-border">
+          <TaskChat
+            basePath={basePath}
+            taskStatus={task.status}
+            onInsertToNote={insertIntoNote}
+            onChatStateChange={onChatStateChange ? (state) => onChatStateChange(task.id, state) : undefined}
+          />
         </div>
       )}
+
+      <CommandPalette
+        open={paletteOpen}
+        hasSelection={hasSelection}
+        onClose={() => setPaletteOpen(false)}
+        onRun={runRefine}
+      />
     </div>
   );
 }

package/src/components/task/TaskList.tsx

@@ -125,7 +125,7 @@ export default function TaskList({
 }
 
 function getNextStatus(current: TaskStatus): TaskStatus {
-  const flow: TaskStatus[] = ['idea', 'writing', 'submitted', 'testing', 'done'];
+  const flow: TaskStatus[] = ['idea', 'doing', 'done'];
   const idx = flow.indexOf(current);
   if (idx === -1) return 'idea';
   return flow[(idx + 1) % flow.length];

package/src/components/workspace/WorkspacePanel.tsx

@@ -336,7 +336,12 @@ export default function WorkspacePanel({
   useEffect(() => {
     const handler = (e: KeyboardEvent) => {
       if (!isActive) return;
-      const isInput = e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement;
+      const target = e.target as HTMLElement | null;
+      const isInput =
+        target instanceof HTMLInputElement ||
+        target instanceof HTMLTextAreaElement ||
+        (target?.isContentEditable ?? false) ||
+        !!target?.closest?.('.cm-editor');
 
       if (!isInput && e.code === 'KeyB' && !e.metaKey && !e.ctrlKey) {
         e.preventDefault();
@@ -356,8 +361,7 @@ export default function WorkspacePanel({
       }
       if (selectedTaskId && selectedSubId && !isInput) {
         const statusMap: Record<string, TaskStatus> = {
-          'Digit1': 'idea', 'Digit2': 'writing', 'Digit3': 'submitted',
-          'Digit4': 'testing', 'Digit5': 'done', 'Digit6': 'problem',
+          'Digit1': 'idea', 'Digit2': 'doing', 'Digit3': 'done', 'Digit4': 'problem',
         };
         if ((e.metaKey || e.ctrlKey) && statusMap[e.code]) {
           e.preventDefault();
@@ -530,6 +534,7 @@ export default function WorkspacePanel({
         <div className="flex-1 min-w-0">
           {selectedTask ? (
             <TaskDetail task={selectedTask} projectId={id} subProjectId={selectedSubId!}
+              siblingTasks={tasks}
               onUpdate={handleTaskUpdate} onDelete={handleTaskDelete}
               onChatStateChange={(taskId, state) => {
                 setChatStates(prev => ({ ...prev, [taskId]: state }));

package/src/lib/ai/agents.ts

@@ -3,7 +3,7 @@ import type { AgentType } from '../../types';
 export interface AgentConfig {
   name: string;
   binary: string;
-  buildArgs: (opts: { streaming: boolean }) => string[];
+  buildArgs: (opts: { streaming: boolean; model?: string }) => string[];
   buildEnv: () => NodeJS.ProcessEnv;
   parseStreamEvent: (parsed: Record<string, unknown>) => { text?: string; final?: string } | null;
   cleanOutput?: (text: string) => string;
@@ -12,9 +12,9 @@ export interface AgentConfig {
 const claudeConfig: AgentConfig = {
   name: 'Claude',
   binary: 'claude',
-  buildArgs: ({ streaming }) => [
+  buildArgs: ({ streaming, model }) => [
     '--dangerously-skip-permissions',
-    '--model', 'opus',
+    '--model', model || 'opus',
     ...(streaming
       ? ['--output-format', 'stream-json', '--verbose']
       : ['--output-format', 'text']),