idea-manager 1.9.0 → 2.1.0

package/src/components/advisor/GlobalAdvisorLayer.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import AdvisorChat from './AdvisorChat';
+
+export default function GlobalAdvisorLayer() {
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'j') {
+        e.preventDefault();
+        setOpen(prev => !prev);
+      }
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+
+  if (!open) return null;
+
+  return (
+    <AdvisorChat
+      basePath="/api/global-advisor"
+      title="Global Advisor"
+      shortcutHint="⌘J"
+      placeholder="전체 워크스페이스에 대해 물어보세요…"
+      emptyIcon="🌐"
+      emptyHints={[
+        '모든 프로젝트를 조망하고 답합니다',
+        '"전체 진행 상황 요약해줘"\n"어떤 프로젝트가 제일 급해?"\n"이번 주 뭐 해야 돼?"',
+      ]}
+      activityType="global-advisor"
+      activityLabel="Global Advisor"
+      onClose={() => setOpen(false)}
+    />
+  );
+}

package/src/components/dashboard/DashboardPanel.tsx

@@ -87,6 +87,8 @@ export default function DashboardPanel() {
   useEffect(() => {
     fetchData();
     fetch('/api/global-memo').then(r => r.json()).then(d => setMemoContent(d.content || ''));
+    // Daily maintenance — clear done from today, auto-archive old done tasks
+    fetch('/api/maintenance', { method: 'POST' }).catch(() => {});
     // Restore localStorage state after mount
     const savedMemo = localStorage.getItem('im-memo-open');
     if (savedMemo === 'true') setMemoOpen(true);

package/src/components/memo/GlobalMemoLayer.tsx

@@ -0,0 +1,81 @@
+'use client';
+
+import { useEffect, useRef, useState, useCallback } from 'react';
+
+export default function GlobalMemoLayer() {
+  const [open, setOpen] = useState(false);
+  const [content, setContent] = useState('');
+  const [loaded, setLoaded] = useState(false);
+  const saveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'm') {
+        e.preventDefault();
+        setOpen(prev => !prev);
+      }
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+
+  useEffect(() => {
+    if (!open || loaded) return;
+    fetch('/api/global-memo')
+      .then(r => r.ok ? r.json() : { content: '' })
+      .then(d => { setContent(d.content || ''); setLoaded(true); })
+      .catch(() => setLoaded(true));
+  }, [open, loaded]);
+
+  const save = useCallback((value: string) => {
+    if (saveTimer.current) clearTimeout(saveTimer.current);
+    saveTimer.current = setTimeout(() => {
+      fetch('/api/global-memo', {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ content: value }),
+      }).catch(() => {});
+    }, 600);
+  }, []);
+
+  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    const v = e.target.value;
+    setContent(v);
+    save(v);
+  };
+
+  if (!open) return null;
+
+  return (
+    <div
+      onClick={() => setOpen(false)}
+      className="fixed inset-0 z-[55] flex items-center justify-center"
+      style={{ background: 'rgba(0,0,0,0.3)', backdropFilter: 'blur(2px)' }}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className="bg-card border border-border rounded-xl shadow-2xl w-[520px] max-w-[90vw] h-[65vh] max-h-[550px] flex flex-col animate-dialog-in"
+      >
+        <div className="px-4 py-2.5 border-b border-border flex items-center justify-between flex-shrink-0">
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-semibold text-foreground">Quick Memo</span>
+            <span className="text-[10px] text-muted-foreground/60">⌘M</span>
+          </div>
+          <button onClick={() => setOpen(false)} className="text-muted-foreground hover:text-foreground text-lg leading-none">×</button>
+        </div>
+        <div className="flex-1 min-h-0 p-1">
+          <textarea
+            value={content}
+            onChange={handleChange}
+            placeholder="자유롭게 메모하세요… 전역 스크래치패드입니다."
+            className="w-full h-full bg-transparent text-sm text-foreground resize-none focus:outline-none p-3 font-mono leading-relaxed"
+            autoFocus
+          />
+        </div>
+        <div className="px-4 py-1.5 border-t border-border text-[10px] text-muted-foreground/50 flex-shrink-0">
+          자동 저장 · Esc로 닫기
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/tabs/TabBar.tsx

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

package/src/components/tabs/TabShell.tsx

@@ -6,6 +6,9 @@ import DashboardPanel from '@/components/dashboard/DashboardPanel';
 import WorkspacePanel from '@/components/workspace/WorkspacePanel';
 import GlobalSearch from '@/components/search/GlobalSearch';
 import QuickCapture from '@/components/search/QuickCapture';
+import ShortcutOverlay from '@/components/ui/ShortcutOverlay';
+import GlobalMemoLayer from '@/components/memo/GlobalMemoLayer';
+import GlobalAdvisorLayer from '@/components/advisor/GlobalAdvisorLayer';
 
 export default function TabShell() {
   const { state } = useTabContext();
@@ -15,6 +18,9 @@ export default function TabShell() {
       <TabBar />
       <GlobalSearch />
       <QuickCapture />
+      <ShortcutOverlay />
+      <GlobalMemoLayer />
+      <GlobalAdvisorLayer />
       <div className="flex-1 min-h-0 relative">
         {state.tabs.map((tab) => (
           <div

package/src/components/task/NoteEditor.tsx

@@ -6,6 +6,7 @@ import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
 import { EditorView, Decoration, keymap, ViewPlugin, WidgetType } from '@codemirror/view';
 import { EditorState, StateEffect, StateField, Prec } from '@codemirror/state';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { autocompletion, type CompletionContext, type CompletionResult } from '@codemirror/autocomplete';
 import { tags as t } from '@lezer/highlight';
 
 // ─────────────────────────────────────────────────────────────
@@ -208,6 +209,73 @@ function dismissGhost(view: EditorView): boolean {
   return true;
 }
 
+// ─────────────────────────────────────────────────────────────
+// Checkbox toggle (⌘Enter): [ ] ↔ [x]
+// ─────────────────────────────────────────────────────────────
+function toggleCheckbox(view: EditorView): boolean {
+  const pos = view.state.selection.main.head;
+  const line = view.state.doc.lineAt(pos);
+  const unchecked = line.text.match(/^(\s*[-*+]\s)\[ \](.*)$/);
+  if (unchecked) {
+    const replacement = `${unchecked[1]}[x]${unchecked[2]}`;
+    view.dispatch({ changes: { from: line.from, to: line.to, insert: replacement } });
+    return true;
+  }
+  const checked = line.text.match(/^(\s*[-*+]\s)\[[xX]\](.*)$/);
+  if (checked) {
+    const replacement = `${checked[1]}[ ]${checked[2]}`;
+    view.dispatch({ changes: { from: line.from, to: line.to, insert: replacement } });
+    return true;
+  }
+  return false;
+}
+
+// ─────────────────────────────────────────────────────────────
+// Table commands: add row below, delete current row
+// ─────────────────────────────────────────────────────────────
+function isTableLine(text: string): boolean {
+  return /^\s*\|/.test(text);
+}
+
+function isSeparatorLine(text: string): boolean {
+  return /^\s*\|[\s:|-]+\|\s*$/.test(text);
+}
+
+function countColumns(text: string): number {
+  // Count | excluding escaped ones, minus 1 (fence)
+  const parts = text.split('|').filter(p => p !== undefined);
+  // first and last might be empty (leading/trailing |)
+  return Math.max(parts.length - 2, 1);
+}
+
+function tableAddRow(view: EditorView): boolean {
+  const pos = view.state.selection.main.head;
+  const line = view.state.doc.lineAt(pos);
+  if (!isTableLine(line.text)) return false;
+  const cols = countColumns(line.text);
+  const emptyRow = '|' + Array(cols).fill('     ').join('|') + '|';
+  view.dispatch({
+    changes: { from: line.to, insert: '\n' + emptyRow },
+    selection: { anchor: line.to + 2 }, // cursor inside first cell
+  });
+  return true;
+}
+
+function tableDeleteRow(view: EditorView): boolean {
+  const pos = view.state.selection.main.head;
+  const line = view.state.doc.lineAt(pos);
+  if (!isTableLine(line.text) || isSeparatorLine(line.text)) return false;
+  // Don't delete if it's the header line (first table line or line after which is separator)
+  const nextLine = line.to < view.state.doc.length ? view.state.doc.lineAt(line.to + 1) : null;
+  if (nextLine && isSeparatorLine(nextLine.text)) return false; // header row
+  const from = line.from > 0 ? line.from - 1 : line.from; // include preceding newline
+  view.dispatch({
+    changes: { from, to: line.to },
+    selection: { anchor: Math.min(from, view.state.doc.length) },
+  });
+  return true;
+}
+
 // ─────────────────────────────────────────────────────────────
 // Markdown list / checkbox continuation on Enter.
 // ─────────────────────────────────────────────────────────────
@@ -259,6 +327,67 @@ function continueList(view: EditorView): boolean {
   return false;
 }
 
+// ─────────────────────────────────────────────────────────────
+// Slash commands — type / at line start to insert structures.
+// ─────────────────────────────────────────────────────────────
+const SLASH_COMMANDS: { label: string; detail: string; insert: string }[] = [
+  { label: '/todo', detail: '체크리스트', insert: '- [ ] ' },
+  { label: '/h1', detail: '제목 1', insert: '# ' },
+  { label: '/h2', detail: '제목 2', insert: '## ' },
+  { label: '/h3', detail: '제목 3', insert: '### ' },
+  { label: '/bullet', detail: '불릿 리스트', insert: '- ' },
+  { label: '/number', detail: '번호 리스트', insert: '1. ' },
+  { label: '/quote', detail: '인용', insert: '> ' },
+  { label: '/hr', detail: '구분선', insert: '---\n' },
+  { label: '/code', detail: '코드 블록', insert: '```\n\n```' },
+  { label: '/code ts', detail: 'TypeScript 코드', insert: '```ts\n\n```' },
+  { label: '/code py', detail: 'Python 코드', insert: '```python\n\n```' },
+  { label: '/code sql', detail: 'SQL 코드', insert: '```sql\n\n```' },
+  { label: '/code sh', detail: 'Shell 코드', insert: '```bash\n\n```' },
+  { label: '/table', detail: '3열 테이블', insert: '| 열1 | 열2 | 열3 |\n|-----|-----|-----|\n|     |     |     |' },
+  { label: '/link', detail: '링크', insert: '[텍스트](url)' },
+  { label: '/bold', detail: '굵게', insert: '****' },
+  { label: '/details', detail: '접기/펼치기', insert: '<details>\n<summary>제목</summary>\n\n내용\n\n</details>' },
+  { label: '/addrow', detail: '테이블 행 추가 (⌘⇧↵)', insert: '' },
+  { label: '/delrow', detail: '테이블 행 삭제 (⌘⇧⌫)', insert: '' },
+];
+
+function slashCompletion(context: CompletionContext): CompletionResult | null {
+  const line = context.state.doc.lineAt(context.pos);
+  const before = line.text.slice(0, context.pos - line.from);
+  // Only trigger when `/` is at line start (possibly with leading whitespace)
+  const m = before.match(/^(\s*)(\/\S*)$/);
+  if (!m) return null;
+  const from = line.from + (m[1]?.length ?? 0);
+  return {
+    from,
+    options: SLASH_COMMANDS.map(cmd => ({
+      label: cmd.label,
+      detail: cmd.detail,
+      apply: (view: EditorView, _completion: unknown, from: number, to: number) => {
+        // Special table commands — execute action instead of inserting text
+        if (cmd.label === '/addrow') {
+          view.dispatch({ changes: { from, to, insert: '' } });
+          tableAddRow(view);
+          return;
+        }
+        if (cmd.label === '/delrow') {
+          view.dispatch({ changes: { from, to, insert: '' } });
+          tableDeleteRow(view);
+          return;
+        }
+        // Place cursor inside code blocks (between the fences)
+        const cursorOffset = cmd.insert.includes('\n\n```') ? cmd.insert.indexOf('\n\n```') + 1 : cmd.insert.length;
+        view.dispatch({
+          changes: { from, to, insert: cmd.insert },
+          selection: { anchor: from + cursorOffset },
+        });
+      },
+    })),
+    filter: true,
+  };
+}
+
 // ─────────────────────────────────────────────────────────────
 // Markdown syntax highlighting — explicit Lezer-tag mapping so list
 // marks, headings and inline code stand out clearly against plain
@@ -321,6 +450,11 @@ const NoteEditor = forwardRef<ReactCodeMirrorRef, NoteEditorProps>(function Note
   const extensions = useMemo(() => [
     markdown({ base: markdownLanguage }),
     syntaxHighlighting(mdHighlight),
+    autocompletion({
+      override: [slashCompletion],
+      defaultKeymap: true,
+      icons: false,
+    }),
     ghostField,
     ghostDecorations,
     createLocalCompletionPlugin(corpusRef),
@@ -328,6 +462,9 @@ const NoteEditor = forwardRef<ReactCodeMirrorRef, NoteEditorProps>(function Note
       { key: 'Tab', run: acceptGhost },
       { key: 'Escape', run: dismissGhost },
       { key: 'Enter', run: continueList },
+      { key: 'Mod-Enter', run: toggleCheckbox },
+      { key: 'Mod-Shift-Enter', run: tableAddRow },
+      { key: 'Mod-Shift-Backspace', run: tableDeleteRow },
       { key: 'Mod-k', run: () => { onOpenCommand?.(); return true; } },
       { key: 'Mod-Shift-t', run: () => { onPromoteLine?.(); return true; } },
     ])),

package/src/components/task/ProjectTree.tsx

@@ -50,6 +50,7 @@ export default function ProjectTree({
   onTodayToggle,
   onDeleteTask,
   onReorderSubs,
+  onReorderTasks,
   onAutoDistribute,
   chatStates,
 }: {
@@ -67,6 +68,7 @@ export default function ProjectTree({
   onTodayToggle: (taskId: string, isToday: boolean) => void;
   onDeleteTask: (taskId: string) => void;
   onReorderSubs?: (orderedIds: string[]) => void;
+  onReorderTasks?: (orderedIds: string[]) => void;
   onAutoDistribute?: () => void;
   chatStates?: Record<string, 'idle' | 'loading' | 'done'>;
 }) {
@@ -172,6 +174,7 @@ export default function ProjectTree({
                 onStatusChange={onStatusChange}
                 onTodayToggle={onTodayToggle}
                 onDeleteTask={onDeleteTask}
+                onReorderTasks={onReorderTasks}
                 onAddTask={handleAddTask}
                 onSetAddingTaskFor={setAddingTaskFor}
                 onSetNewTaskTitle={setNewTaskTitle}
@@ -201,6 +204,7 @@ function SortableSubProject({
   onStatusChange,
   onTodayToggle,
   onDeleteTask,
+  onReorderTasks,
   onAddTask,
   onSetAddingTaskFor,
   onSetNewTaskTitle,
@@ -221,6 +225,7 @@ function SortableSubProject({
   onStatusChange: (taskId: string, status: TaskStatus) => void;
   onTodayToggle: (taskId: string, isToday: boolean) => void;
   onDeleteTask: (taskId: string) => void;
+  onReorderTasks?: (orderedIds: string[]) => void;
   onAddTask: (subId: string) => void;
   onSetAddingTaskFor: (subId: string | null) => void;
   onSetNewTaskTitle: (title: string) => void;
@@ -229,6 +234,23 @@ function SortableSubProject({
   const [editing, setEditing] = useState(false);
   const [editValue, setEditValue] = useState(sp.name);
 
+  const taskSensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),
+  );
+
+  const handleTaskDragEnd = (event: DragEndEvent) => {
+    const { active, over } = event;
+    if (!over || active.id === over.id || !onReorderTasks) return;
+    const oldIndex = subTasks.findIndex(t => t.id === active.id);
+    const newIndex = subTasks.findIndex(t => t.id === over.id);
+    if (oldIndex === -1 || newIndex === -1) return;
+    const newOrder = [...subTasks];
+    const [moved] = newOrder.splice(oldIndex, 1);
+    newOrder.splice(newIndex, 0, moved);
+    onReorderTasks(newOrder.map(t => t.id));
+  };
+
   const {
     attributes,
     listeners,
@@ -348,63 +370,22 @@ function SortableSubProject({
               No tasks
             </div>
           )}
-          {subTasks.map((task) => (
-            <div
-              key={task.id}
-              onClick={() => onSelectTask(task.id)}
-              className={`group/task flex items-center gap-1.5 pl-4 pr-2 py-1.5 cursor-pointer transition-colors text-sm border-l-2 ${
-                selectedTaskId === task.id
-                  ? 'bg-card-hover border-l-primary'
-                  : 'border-l-transparent hover:bg-card-hover/50'
-              }`}
-            >
-              <button
-                onClick={(e) => {
-                  e.stopPropagation();
-                  const nextStatus = getNextStatus(task.status);
-                  onStatusChange(task.id, nextStatus);
-                }}
-                className="flex-shrink-0 text-sm"
-                title={`Status: ${task.status}`}
-              >
-                {statusIcon(task.status)}
-              </button>
-              <span className={`tree-priority-dot ${PRIORITY_COLORS[task.priority]}`} />
-              <span className={`flex-1 truncate ${task.status === 'done' ? 'text-muted-foreground line-through' : ''}`}>
-                {task.title}
-              </span>
-              {chatStates?.[task.id] === 'loading' && (
-                <span className="flex-shrink-0 flex items-center gap-1 text-[10px] text-warning" title="AI 응답 대기 중">
-                  <span className="inline-block w-1.5 h-1.5 rounded-full bg-warning animate-pulse" />
-                  AI...
-                </span>
-              )}
-              {chatStates?.[task.id] === 'done' && (
-                <span className="flex-shrink-0 text-[10px] text-success" title="AI 응답 완료">
-                  ✓
-                </span>
-              )}
-              {task.is_today && (
-                <button
-                  onClick={(e) => { e.stopPropagation(); onTodayToggle(task.id, false); }}
-                  className="text-xs flex-shrink-0 text-primary" title="Remove from today"
-                >
-                  *
-                </button>
-              )}
-              <button
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onDeleteTask(task.id);
-                }}
-                className="flex-shrink-0 text-muted-foreground/0 group-hover/task:text-muted-foreground
-                           hover:!text-destructive transition-colors text-xs px-0.5"
-                title="Delete task"
-              >
-                ×
-              </button>
-            </div>
-          ))}
+          <DndContext sensors={taskSensors} collisionDetection={closestCenter} onDragEnd={handleTaskDragEnd}>
+            <SortableContext items={subTasks.map(t => t.id)} strategy={verticalListSortingStrategy}>
+              {subTasks.map((task) => (
+                <SortableTask
+                  key={task.id}
+                  task={task}
+                  isSelected={selectedTaskId === task.id}
+                  chatState={chatStates?.[task.id]}
+                  onSelect={() => onSelectTask(task.id)}
+                  onStatusChange={onStatusChange}
+                  onTodayToggle={onTodayToggle}
+                  onDelete={() => onDeleteTask(task.id)}
+                />
+              ))}
+            </SortableContext>
+          </DndContext>
 
           {/* Add task input */}
           {addingTaskFor === sp.id ? (
@@ -455,6 +436,73 @@ function SortableSubProject({
   );
 }
 
+function SortableTask({
+  task,
+  isSelected,
+  chatState,
+  onSelect,
+  onStatusChange,
+  onTodayToggle,
+  onDelete,
+}: {
+  task: ITask;
+  isSelected: boolean;
+  chatState?: 'idle' | 'loading' | 'done';
+  onSelect: () => void;
+  onStatusChange: (taskId: string, status: TaskStatus) => void;
+  onTodayToggle: (taskId: string, isToday: boolean) => void;
+  onDelete: () => void;
+}) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: task.id });
+  const style = { transform: CSS.Transform.toString(transform), transition, opacity: isDragging ? 0.5 : 1 };
+
+  return (
+    <div
+      ref={setNodeRef}
+      style={style}
+      onClick={onSelect}
+      className={`group/task flex items-center gap-1 pl-2 pr-2 py-1.5 cursor-pointer transition-colors text-sm border-l-2 ${
+        isSelected ? 'bg-card-hover border-l-primary' : 'border-l-transparent hover:bg-card-hover/50'
+      }`}
+    >
+      <span
+        {...attributes}
+        {...listeners}
+        className="w-3 h-4 flex items-center justify-center text-[10px] text-muted-foreground/30 hover:text-muted-foreground cursor-grab active:cursor-grabbing flex-shrink-0"
+        onClick={(e) => e.stopPropagation()}
+      >
+        ⠿
+      </span>
+      <button
+        onClick={(e) => { e.stopPropagation(); onStatusChange(task.id, getNextStatus(task.status)); }}
+        className="flex-shrink-0 text-sm"
+        title={`Status: ${task.status}`}
+      >
+        {statusIcon(task.status)}
+      </button>
+      <span className={`tree-priority-dot ${PRIORITY_COLORS[task.priority]}`} />
+      <span className={`flex-1 truncate ${task.status === 'done' ? 'text-muted-foreground line-through' : ''}`}>
+        {task.title}
+      </span>
+      {chatState === 'loading' && (
+        <span className="flex-shrink-0 flex items-center gap-1 text-[10px] text-warning">
+          <span className="inline-block w-1.5 h-1.5 rounded-full bg-warning animate-pulse" />
+        </span>
+      )}
+      {chatState === 'done' && <span className="flex-shrink-0 text-[10px] text-success">✓</span>}
+      {task.is_today && (
+        <button onClick={(e) => { e.stopPropagation(); onTodayToggle(task.id, false); }} className="text-xs flex-shrink-0 text-primary">*</button>
+      )}
+      <button
+        onClick={(e) => { e.stopPropagation(); onDelete(); }}
+        className="flex-shrink-0 text-muted-foreground/0 group-hover/task:text-muted-foreground hover:!text-destructive transition-colors text-xs px-0.5"
+      >
+        ×
+      </button>
+    </div>
+  );
+}
+
 function getNextStatus(current: TaskStatus): TaskStatus {
   const flow: TaskStatus[] = ['idea', 'doing', 'done'];
   const idx = flow.indexOf(current);

package/src/components/task/TaskChat.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect, useRef, useCallback } from 'react';
 import type { ITaskConversation, TaskStatus } from '@/types';
+import { registerAiActivity, unregisterAiActivity } from '@/lib/ai-activity';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
@@ -82,9 +83,11 @@ export default function TaskChat({
     if (!text || loading) return;
 
     const sendPath = basePath;
+    const actId = `task-chat-${Date.now()}`;
     setInput('');
     setLoading(true);
     onChatStateChange?.('loading');
+    registerAiActivity({ id: actId, type: 'task-chat', label: 'Note Assistant', startedAt: Date.now() });
 
     // Optimistic user message
     const tempId = `temp-${Date.now()}`;
@@ -116,6 +119,7 @@ export default function TaskChat({
         }
       }
     } catch { /* silent */ }
+    unregisterAiActivity(actId);
     if (basePathRef.current === sendPath) {
       setLoading(false);
       inputRef.current?.focus();