@aion0/forge 0.5.48 → 0.5.49

package/CLAUDE.md

@@ -104,7 +104,6 @@ When adding or changing a feature, check if `lib/help-docs/` needs updating. Eac
 - `10-troubleshooting.md` — common issues
 - `11-workspace.md` — multi-agent workspace (smiths, daemon, request docs)
 - `12-usage.md` — token usage analytics and cost tracking
-- `14-migration.md` — API migration cockpit (legacy ↔ new parity testing)
 
 If a feature change affects user-facing behavior, update the corresponding help doc in the same commit. These docs are also served to the in-app Help AI — `lib/help-docs/CLAUDE.md` is its system prompt.
 

package/RELEASE_NOTES.md

@@ -1,8 +1,13 @@
-# Forge v0.5.48
+# Forge v0.5.49
 
 Released: 2026-04-27
 
-## Changes since v0.5.47
+## Changes since v0.5.48
 
+### Other
+- perf(tasks): paginated log endpoint with per-entry truncation
+- perf(tasks): /api/tasks list ships only metadata, TaskDetail lazy-fetches body
+- fix(tasks): TaskDetail freezes browser on large session logs
 
-**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.47...v0.5.48
+
+**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.48...v0.5.49

package/app/api/tasks/[id]/log/entry/route.ts

@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+import { getTaskLogEntry } from '@/lib/task-manager';
+
+// GET /api/tasks/[id]/log/entry?i=N — fetch one full log entry, untruncated.
+export async function GET(req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const url = new URL(req.url);
+  const i = Number(url.searchParams.get('i'));
+  if (!Number.isFinite(i)) return NextResponse.json({ error: 'i required' }, { status: 400 });
+  const entry = getTaskLogEntry(id, i);
+  if (!entry) return NextResponse.json({ error: 'not found' }, { status: 404 });
+  return NextResponse.json(entry);
+}

package/app/api/tasks/[id]/log/route.ts

@@ -0,0 +1,23 @@
+import { NextResponse } from 'next/server';
+import { getTaskLogSlice, getTaskBody } from '@/lib/task-manager';
+
+// GET /api/tasks/[id]/log?offset=N&limit=M&body=1
+// Returns { entries, total, body? } — entries is the requested slice of the log.
+// Default: returns the LAST `limit` entries (offset omitted).
+// `body=1` also returns result_summary / git_diff / error so the client can
+// populate Result / Diff tabs without a second fetch.
+export async function GET(req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const url = new URL(req.url);
+  const offsetParam = url.searchParams.get('offset');
+  const limitParam = url.searchParams.get('limit');
+  const includeBody = url.searchParams.get('body') === '1';
+
+  const slice = getTaskLogSlice(id, {
+    offset: offsetParam !== null ? Number(offsetParam) : undefined,
+    limit: limitParam !== null ? Number(limitParam) : undefined,
+  });
+
+  const body = includeBody ? getTaskBody(id) : null;
+  return NextResponse.json({ ...slice, body });
+}

package/app/api/tasks/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from 'next/server';
-import { createTask, listTasks } from '@/lib/task-manager';
+import { createTask, listTasksLite } from '@/lib/task-manager';
 import { ensureInitialized } from '@/lib/init';
 import { getProjectInfo } from '@/lib/projects';
 import type { TaskStatus } from '@/src/types';
@@ -9,7 +9,7 @@ export async function GET(req: Request) {
   ensureInitialized();
   const url = new URL(req.url);
   const status = url.searchParams.get('status') as TaskStatus | null;
-  return NextResponse.json(listTasks(status || undefined));
+  return NextResponse.json(listTasksLite(status || undefined));
 }
 
 // Create a new task

package/components/ProjectDetail.tsx

@@ -7,7 +7,6 @@ import { TerminalSessionPickerLazy, fetchProjectSessions } from './TerminalLaunc
 const InlinePipelineView = lazy(() => import('./InlinePipelineView'));
 const WorkspaceViewLazy = lazy(() => import('./WorkspaceView'));
 const SessionViewLazy = lazy(() => import('./SessionView'));
-const MigrationCockpitLazy = lazy(() => import('./MigrationCockpit'));
 
 // ─── Syntax highlighting ─────────────────────────────────
 const KEYWORDS = new Set([
@@ -86,7 +85,7 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
   const [diffFile, setDiffFile] = useState<string | null>(null);
   const [projectSkills, setProjectSkills] = useState<{ name: string; displayName: string; type: string; scope: string; version: string; installedVersion: string; hasUpdate: boolean; source: 'registry' | 'local' }[]>([]);
   const [showSkillsDetail, setShowSkillsDetail] = useState(false);
-  const [projectTab, setProjectTab] = useState<'workspace' | 'sessions' | 'code' | 'skills' | 'claudemd' | 'pipelines' | 'migration'>('code');
+  const [projectTab, setProjectTab] = useState<'workspace' | 'sessions' | 'code' | 'skills' | 'claudemd' | 'pipelines'>('code');
   // Lazy-mount workspace: only mount after first visit, keep mounted to preserve terminal state
   const [wsMounted, setWsMounted] = useState(false);
   useEffect(() => { if (projectTab === 'workspace') setWsMounted(true); }, [projectTab]);
@@ -618,13 +617,6 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
               Pipelines
               {pipelineBindings.length > 0 && <span className="ml-1 text-[9px] opacity-70">({pipelineBindings.length})</span>}
             </button>
-            <button
-              onClick={() => setProjectTab('migration')}
-              className={`text-[11px] font-medium px-2.5 py-1 rounded transition-all ${
-                projectTab === 'migration' ? 'bg-[var(--accent)]/20 text-[var(--accent)] shadow-sm ring-1 ring-[var(--accent)]/40' : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]'
-              }`}
-              title="API Migration Cockpit — parity testing between legacy and new modules"
-            >🚚 Migration</button>
           </div>
         </div>
         {projectTab === 'code' && gitInfo?.lastCommit && (
@@ -1381,13 +1373,6 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
         </div>
       )}
 
-      {/* Migration tab */}
-      {projectTab === 'migration' && (
-        <Suspense fallback={<div className="p-4 text-xs text-[var(--text-secondary)]">Loading migration cockpit…</div>}>
-          <MigrationCockpitLazy projectPath={projectPath} projectName={projectName} />
-        </Suspense>
-      )}
-
       {/* Git panel — bottom (code tab only) */}
       {projectTab === 'code' && gitInfo && (
         <div className="border-t border-[var(--border)] shrink-0">

package/components/TaskDetail.tsx

@@ -1,10 +1,17 @@
 'use client';
 
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef, memo, useCallback, useMemo } from 'react';
 import MarkdownContent from './MarkdownContent';
 import NewTaskModal from './NewTaskModal';
 import type { Task, TaskLogEntry } from '@/src/types';
 
+// Bound the rendered log/diff to keep React from choking on huge sessions.
+// Each LogEntry can include MarkdownContent and tool_use payloads (often
+// kilobytes per entry); rendering even ~200 fat entries can take a beat.
+const LOG_DEFAULT_TAIL = 100;        // initial fetch from server
+const LOG_LOAD_CHUNK = 100;          // each "load earlier" press
+const DIFF_DEFAULT_LINES = 1000;
+
 export default function TaskDetail({
   task,
   onRefresh,
@@ -16,11 +23,66 @@ export default function TaskDetail({
 }) {
   const [liveLog, setLiveLog] = useState<TaskLogEntry[]>(task.log);
   const [liveStatus, setLiveStatus] = useState(task.status);
+  const [taskBody, setTaskBody] = useState<{ resultSummary?: string; gitDiff?: string; error?: string } | null>(null);
+  const [logTotal, setLogTotal] = useState<number>(task.log?.length ?? 0);
+  const [logOffset, setLogOffset] = useState<number>(0);   // offset of liveLog[0] in the full log
+  const [detailLoading, setDetailLoading] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
   const [tab, setTab] = useState<'log' | 'diff' | 'result'>('log');
   const [expandedTools, setExpandedTools] = useState<Set<number>>(new Set());
   const [followUpText, setFollowUpText] = useState('');
   const [editing, setEditing] = useState(false);
+  const [visibleTail, setVisibleTail] = useState(LOG_DEFAULT_TAIL);
+  const [showFullDiff, setShowFullDiff] = useState(false);
   const logEndRef = useRef<HTMLDivElement>(null);
+  const logScrollRef = useRef<HTMLDivElement>(null);
+
+  // Chunked log fetch — list endpoint ships only metadata, so for finished
+  // tasks we pull the LAST chunk of log entries via the JSON1-backed slice
+  // endpoint. JSON1 lets sqlite slice the array without parsing the whole
+  // 1+ MB blob in either node or the browser.
+  useEffect(() => {
+    let cancelled = false;
+    if (task.status === 'running' || task.status === 'queued') return;  // SSE handles it
+    if (task.log && task.log.length > 0) return;                         // already populated
+    setDetailLoading(true);
+    fetch(`/api/tasks/${task.id}/log?limit=${LOG_DEFAULT_TAIL}&body=1`)
+      .then(r => r.ok ? r.json() : null)
+      .then((data: { entries: TaskLogEntry[]; total: number; body: any } | null) => {
+        if (cancelled || !data) return;
+        setLiveLog(data.entries);
+        setLogTotal(data.total);
+        setLogOffset(Math.max(0, data.total - data.entries.length));
+        if (data.body) setTaskBody(data.body);
+      })
+      .finally(() => { if (!cancelled) setDetailLoading(false); });
+    return () => { cancelled = true; };
+  }, [task.id, task.status, task.log]);
+
+  const loadFullEntry = useCallback(async (index: number) => {
+    const res = await fetch(`/api/tasks/${task.id}/log/entry?i=${index}`);
+    if (!res.ok) return;
+    const full = await res.json() as TaskLogEntry;
+    full._index = index;
+    setLiveLog(prev => prev.map(e => e._index === index ? full : e));
+  }, [task.id]);
+
+  const loadEarlier = useCallback(async (chunk: number) => {
+    if (loadingMore || logOffset === 0) return;
+    setLoadingMore(true);
+    const wantOffset = Math.max(0, logOffset - chunk);
+    const wantLimit = logOffset - wantOffset;
+    try {
+      const res = await fetch(`/api/tasks/${task.id}/log?offset=${wantOffset}&limit=${wantLimit}`);
+      if (!res.ok) return;
+      const data = await res.json() as { entries: TaskLogEntry[]; total: number };
+      setLiveLog(prev => [...data.entries, ...prev]);
+      setLogOffset(wantOffset);
+      setLogTotal(data.total);
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [task.id, logOffset, loadingMore]);
 
   // SSE stream for running tasks
   useEffect(() => {
@@ -58,9 +120,22 @@ export default function TaskDetail({
     return () => es.close();
   }, [task.id, task.status, onRefresh]);
 
+  // Auto-scroll only when the user is already near the bottom — otherwise we yank
+  // them away from a line they're trying to read.
   useEffect(() => {
-    logEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [liveLog]);
+    const el = logScrollRef.current;
+    if (!el) return;
+    const nearBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 200;
+    if (nearBottom) logEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [liveLog.length]);
+
+  const toggleTool = useCallback((i: number) => {
+    setExpandedTools(prev => {
+      const next = new Set(prev);
+      next.has(i) ? next.delete(i) : next.add(i);
+      return next;
+    });
+  }, []);
 
   const handleAction = async (action: string) => {
     await fetch(`/api/tasks/${task.id}`, {
@@ -71,15 +146,14 @@ export default function TaskDetail({
     onRefresh();
   };
 
-  const toggleTool = (i: number) => {
-    setExpandedTools(prev => {
-      const next = new Set(prev);
-      next.has(i) ? next.delete(i) : next.add(i);
-      return next;
-    });
-  };
-
   const displayLog = liveLog.length > 0 ? liveLog : task.log;
+  // Two layers of "hidden": (a) entries on disk we haven't fetched yet (logOffset > 0),
+  // (b) entries we've fetched but are clipped by the in-memory tail cap.
+  const inMemoryStart = Math.max(0, displayLog.length - visibleTail);
+  const visibleLog = useMemo(() => displayLog.slice(inMemoryStart), [displayLog, inMemoryStart]);
+  const hiddenInMemory = inMemoryStart;
+  const hiddenOnServer = logOffset;
+  const hiddenTotal = hiddenInMemory + hiddenOnServer;
 
   return (
     <div className="flex flex-col h-full">
@@ -129,18 +203,55 @@ export default function TaskDetail({
               tab === t ? 'border-[var(--accent)] text-[var(--accent)]' : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
             }`}
           >
-            {t === 'log' ? `Log (${displayLog.length})` : t === 'diff' ? 'Git Diff' : 'Result'}
+            {t === 'log' ? `Log (${logTotal || displayLog.length})` : t === 'diff' ? 'Git Diff' : 'Result'}
           </button>
         ))}
       </div>
 
       {/* Content */}
-      <div className="flex-1 overflow-y-auto p-4 text-sm">
+      <div ref={logScrollRef} className="flex-1 overflow-y-auto p-4 text-sm">
         {tab === 'log' && (
           <div className="space-y-2">
-            {displayLog.map((entry, i) => (
-              <LogEntry key={i} entry={entry} index={i} expanded={expandedTools.has(i)} onToggle={() => toggleTool(i)} />
-            ))}
+            {detailLoading && displayLog.length === 0 && (
+              <div className="text-[var(--text-secondary)] text-xs py-2">
+                Loading last {LOG_DEFAULT_TAIL} entries{logTotal ? ` of ${logTotal}` : ''}…
+              </div>
+            )}
+            {hiddenTotal > 0 && (
+              <div className="flex items-center justify-between gap-2 py-1.5 px-2 text-[10px] text-[var(--text-secondary)] bg-[var(--bg-tertiary)] rounded border border-[var(--border)]">
+                <span>
+                  {hiddenTotal} earlier {hiddenTotal === 1 ? 'entry' : 'entries'} hidden
+                  {hiddenOnServer > 0 && <span className="opacity-60"> ({hiddenOnServer} not yet fetched)</span>}
+                </span>
+                <div className="flex gap-1">
+                  {hiddenInMemory > 0 ? (
+                    <button
+                      onClick={() => setVisibleTail(v => v + LOG_LOAD_CHUNK)}
+                      className="px-2 py-0.5 rounded bg-[var(--accent)]/15 text-[var(--accent)] hover:bg-[var(--accent)]/25"
+                    >Show {Math.min(LOG_LOAD_CHUNK, hiddenInMemory)} more</button>
+                  ) : (
+                    <button
+                      onClick={() => loadEarlier(LOG_LOAD_CHUNK)}
+                      disabled={loadingMore}
+                      className="px-2 py-0.5 rounded bg-[var(--accent)]/15 text-[var(--accent)] hover:bg-[var(--accent)]/25 disabled:opacity-50"
+                    >{loadingMore ? 'Loading…' : `Fetch ${Math.min(LOG_LOAD_CHUNK, hiddenOnServer)} earlier`}</button>
+                  )}
+                </div>
+              </div>
+            )}
+            {visibleLog.map((entry, i) => {
+              const absoluteIndex = entry._index ?? (logOffset + inMemoryStart + i);
+              return (
+                <LogEntry
+                  key={absoluteIndex}
+                  entry={entry}
+                  index={absoluteIndex}
+                  expanded={expandedTools.has(absoluteIndex)}
+                  onToggle={toggleTool}
+                  onLoadFull={loadFullEntry}
+                />
+              );
+            })}
             {liveStatus === 'running' && (
               <div className="text-[var(--accent)] animate-pulse py-1 text-xs">working...</div>
             )}
@@ -150,45 +261,22 @@ export default function TaskDetail({
 
         {tab === 'result' && (
           <div className="prose-container">
-            {task.resultSummary ? (
-              <MarkdownContent content={task.resultSummary} />
-            ) : task.error ? (
+            {(taskBody?.resultSummary ?? task.resultSummary) ? (
+              <MarkdownContent content={(taskBody?.resultSummary ?? task.resultSummary)!} />
+            ) : (taskBody?.error ?? task.error) ? (
               <div className="p-3 bg-red-900/10 border border-red-800/20 rounded">
-                <pre className="whitespace-pre-wrap break-words text-[var(--red)] text-xs font-mono">{task.error}</pre>
+                <pre className="whitespace-pre-wrap break-words text-[var(--red)] text-xs font-mono">{taskBody?.error ?? task.error}</pre>
               </div>
             ) : (
               <p className="text-[var(--text-secondary)] text-xs">
-                {liveStatus === 'running' || liveStatus === 'queued' ? 'Task is still running...' : 'No result'}
+                {liveStatus === 'running' || liveStatus === 'queued' ? 'Task is still running...' : detailLoading ? 'Loading…' : 'No result'}
               </p>
             )}
           </div>
         )}
 
         {tab === 'diff' && (
-          <div>
-            {task.gitDiff ? (
-              <div className="bg-[var(--bg-tertiary)] rounded border border-[var(--border)] overflow-hidden">
-                <pre className="p-3 text-xs font-mono overflow-x-auto">
-                  {task.gitDiff.split('\n').map((line, i) => (
-                    <div key={i} className={`px-2 ${
-                      line.startsWith('+++') || line.startsWith('---') ? 'text-[var(--text-secondary)] font-semibold' :
-                      line.startsWith('+') ? 'text-[var(--green)] bg-green-500/5' :
-                      line.startsWith('-') ? 'text-[var(--red)] bg-red-500/5' :
-                      line.startsWith('@@') ? 'text-[var(--accent)] bg-[var(--accent)]/5 font-semibold' :
-                      line.startsWith('diff ') ? 'text-[var(--text-primary)] font-bold border-t border-[var(--border)] pt-2 mt-2' :
-                      'text-[var(--text-secondary)]'
-                    }`}>
-                      {line}
-                    </div>
-                  ))}
-                </pre>
-              </div>
-            ) : (
-              <p className="text-[var(--text-secondary)] text-xs">
-                {liveStatus === 'running' ? 'Diff will be captured after completion' : 'No changes detected'}
-              </p>
-            )}
-          </div>
+          <DiffView gitDiff={taskBody?.gitDiff ?? task.gitDiff} status={liveStatus} showAll={showFullDiff} onShowAll={() => setShowFullDiff(true)} />
         )}
       </div>
 
@@ -263,12 +351,25 @@ function StatusBadge({ status }: { status: string }) {
   );
 }
 
-function LogEntry({ entry, index, expanded, onToggle }: {
+const LogEntry = memo(function LogEntry({ entry, index, expanded, onToggle, onLoadFull }: {
   entry: TaskLogEntry;
   index: number;
   expanded: boolean;
-  onToggle: () => void;
+  onToggle: (index: number) => void;
+  onLoadFull?: (index: number) => void;
 }) {
+  const handleToggle = () => onToggle(index);
+  const handleLoadFull = () => onLoadFull?.(index);
+  const truncatedBanner = entry._truncated ? (
+    <div className="text-[9px] text-yellow-400/80 italic mt-1">
+      Truncated to {(entry.content.length / 1024).toFixed(1)} KB of {(entry._truncated / 1024).toFixed(1)} KB.{' '}
+      {onLoadFull && (
+        <button onClick={handleLoadFull} className="text-[var(--accent)] hover:underline">
+          Show full
+        </button>
+      )}
+    </div>
+  ) : null;
   // System init
   if (entry.type === 'system' && entry.subtype === 'init') {
     return (
@@ -283,6 +384,7 @@ function LogEntry({ entry, index, expanded, onToggle }: {
     return (
       <div className="p-2 bg-red-900/10 border border-red-800/20 rounded text-xs">
         <pre className="whitespace-pre-wrap break-words text-[var(--red)] font-mono">{entry.content}</pre>
+        {truncatedBanner}
       </div>
     );
   }
@@ -295,7 +397,7 @@ function LogEntry({ entry, index, expanded, onToggle }: {
     return (
       <div className="border border-[var(--border)] rounded overflow-hidden">
         <button
-          onClick={onToggle}
+          onClick={handleToggle}
           className="w-full flex items-center gap-2 px-2 py-1.5 bg-[var(--bg-tertiary)] hover:bg-[var(--border)]/30 transition-colors text-left"
         >
           <span className="text-[10px] px-1.5 py-0.5 bg-[var(--accent)]/15 text-[var(--accent)] rounded font-medium font-mono">
@@ -313,6 +415,7 @@ function LogEntry({ entry, index, expanded, onToggle }: {
             {toolContent}
           </pre>
         )}
+        {truncatedBanner}
       </div>
     );
   }
@@ -328,10 +431,11 @@ function LogEntry({ entry, index, expanded, onToggle }: {
           {content}
         </pre>
         {isLong && !expanded && (
-          <button onClick={onToggle} className="text-[9px] text-[var(--accent)] hover:underline mt-0.5">
+          <button onClick={handleToggle} className="text-[9px] text-[var(--accent)] hover:underline mt-0.5">
             show more
           </button>
         )}
+        {truncatedBanner}
       </div>
     );
   }
@@ -341,6 +445,7 @@ function LogEntry({ entry, index, expanded, onToggle }: {
     return (
       <div className="p-3 bg-green-900/5 border border-green-800/15 rounded">
         <MarkdownContent content={entry.content} />
+        {truncatedBanner}
       </div>
     );
   }
@@ -349,11 +454,56 @@ function LogEntry({ entry, index, expanded, onToggle }: {
   return (
     <div className="py-1">
       <MarkdownContent content={entry.content} />
+      {truncatedBanner}
     </div>
   );
-}
+});
 
-// MarkdownContent is now imported from ./MarkdownContent
+// Diff view — caps at DIFF_DEFAULT_LINES until "Show all" clicked.
+function DiffView({ gitDiff, status, showAll, onShowAll }: {
+  gitDiff?: string;
+  status: string;
+  showAll: boolean;
+  onShowAll: () => void;
+}) {
+  const allLines = useMemo(() => (gitDiff ? gitDiff.split('\n') : []), [gitDiff]);
+  if (!gitDiff) {
+    return (
+      <p className="text-[var(--text-secondary)] text-xs">
+        {status === 'running' ? 'Diff will be captured after completion' : 'No changes detected'}
+      </p>
+    );
+  }
+  const lines = showAll ? allLines : allLines.slice(0, DIFF_DEFAULT_LINES);
+  const truncated = !showAll && allLines.length > DIFF_DEFAULT_LINES;
+
+  return (
+    <div className="bg-[var(--bg-tertiary)] rounded border border-[var(--border)] overflow-hidden">
+      {truncated && (
+        <div className="flex items-center justify-between gap-2 py-1.5 px-3 text-[10px] text-[var(--text-secondary)] border-b border-[var(--border)] bg-[var(--bg-secondary)]">
+          <span>Showing first {DIFF_DEFAULT_LINES} of {allLines.length} lines</span>
+          <button onClick={onShowAll} className="px-2 py-0.5 rounded bg-[var(--accent)]/15 text-[var(--accent)] hover:bg-[var(--accent)]/25">
+            Show all
+          </button>
+        </div>
+      )}
+      <pre className="p-3 text-xs font-mono overflow-x-auto">
+        {lines.map((line, i) => (
+          <div key={i} className={`px-2 ${
+            line.startsWith('+++') || line.startsWith('---') ? 'text-[var(--text-secondary)] font-semibold' :
+            line.startsWith('+') ? 'text-[var(--green)] bg-green-500/5' :
+            line.startsWith('-') ? 'text-[var(--red)] bg-red-500/5' :
+            line.startsWith('@@') ? 'text-[var(--accent)] bg-[var(--accent)]/5 font-semibold' :
+            line.startsWith('diff ') ? 'text-[var(--text-primary)] font-bold border-t border-[var(--border)] pt-2 mt-2' :
+            'text-[var(--text-secondary)]'
+          }`}>
+            {line}
+          </div>
+        ))}
+      </pre>
+    </div>
+  );
+}
 
 function formatToolContent(content: string): string {
   try {

package/lib/help-docs/CLAUDE.md

@@ -44,7 +44,6 @@ The token is valid for 24 hours. Store it in a variable and reuse for all API ca
 | `11-workspace.md` | Workspace (Forge Smiths) — multi-agent orchestration, daemon, message bus, profiles |
 | `12-usage.md` | Token usage analytics — charts, heatmap, cost estimation, by model/project/source |
 | `13-ide-plugins.md` | VSCode extension + IntelliJ plugin — install, tabs, multi-connection, agent terminal launching |
-| `14-migration.md` | API Migration Cockpit — parity testing legacy ↔ new module, doc-driven discovery, batch run, AI fix |
 
 ## Matching questions to docs
 
@@ -68,4 +67,3 @@ The token is valid for 24 hours. Store it in a variable and reuse for all API ca
 - Sidebar collapse/project tabs/favorites → `07-projects.md`
 - VSCode/IntelliJ/IDE plugin/extension/marketplace → `13-ide-plugins.md`
 - vsce/vsix/JetBrains marketplace publish → `13-ide-plugins.md`
-- Migration/API parity/legacy vs new/501 stub/parity test/diff endpoints → `14-migration.md`

package/lib/task-manager.ts

@@ -119,6 +119,116 @@ export function listTasks(status?: TaskStatus): Task[] {
   return rows.map(rowToTask);
 }
 
+// Slim list — omits the heavy fields (log / git_diff / result_summary) so the
+// task list view doesn't pull megabytes of JSON for tasks with long sessions.
+// Callers that need the full body should fetch /api/tasks/[id] on demand.
+export function listTasksLite(status?: TaskStatus): Task[] {
+  const SLIM_COLS = `
+    id, project_name, project_path, prompt, mode, status, priority,
+    conversation_id, watch_config, git_branch, cost_usd, error, agent,
+    created_at, started_at, completed_at, scheduled_at,
+    length(log) AS log_size,
+    CASE WHEN result_summary IS NULL THEN NULL ELSE substr(result_summary, 1, 1024) END AS result_summary,
+    CASE WHEN git_diff IS NULL THEN 0 ELSE 1 END AS has_git_diff
+  `;
+  let query = `SELECT ${SLIM_COLS} FROM tasks`;
+  const params: string[] = [];
+  if (status) {
+    query += ' WHERE status = ?';
+    params.push(status);
+  }
+  query += ' ORDER BY created_at DESC';
+  const rows = db().prepare(query).all(...params) as any[];
+  return rows.map(r => rowToLiteTask(r));
+}
+
+// Slice the log without parsing the whole JSON in JS — sqlite JSON1's
+// json_each walks the array and we LIMIT/OFFSET in SQL. For a 1.6 MB log
+// with 238 entries this returns just the requested ~100 in milliseconds.
+export function getTaskLogSlice(id: string, opts: { offset?: number; limit?: number; truncate?: number } = {}):
+  { entries: (TaskLogEntry & { _truncated?: number; _index?: number })[]; total: number } {
+  const totalRow = db().prepare(
+    `SELECT COALESCE(json_array_length(log), 0) AS n FROM tasks WHERE id = ?`
+  ).get(id) as { n: number } | undefined;
+  const total = totalRow?.n ?? 0;
+  if (total === 0) return { entries: [], total: 0 };
+
+  const limit = Math.max(1, Math.min(opts.limit ?? 200, 2000));
+  const offset = Math.max(0, opts.offset ?? Math.max(0, total - limit));
+  const truncate = opts.truncate ?? 8192;   // per-entry content cap; 0 = no cap
+  const rows = db().prepare(
+    `SELECT json_each.key AS idx, value FROM tasks, json_each(tasks.log)
+     WHERE tasks.id = ?
+     ORDER BY json_each.key
+     LIMIT ? OFFSET ?`
+  ).all(id, limit, offset) as { idx: number; value: string }[];
+
+  const entries = rows.map(r => {
+    let entry: TaskLogEntry & { _truncated?: number; _index?: number };
+    try { entry = JSON.parse(r.value); }
+    catch { entry = { type: 'system', content: '<unparseable entry>' } as any; }
+    entry._index = r.idx;
+    if (truncate > 0 && typeof entry.content === 'string' && entry.content.length > truncate) {
+      const fullLen = entry.content.length;
+      entry.content = entry.content.slice(0, truncate);
+      entry._truncated = fullLen;
+    }
+    return entry;
+  });
+  return { entries, total };
+}
+
+// Single entry by index — used to "show full" a previously truncated entry.
+export function getTaskLogEntry(id: string, index: number): TaskLogEntry | null {
+  const row = db().prepare(
+    `SELECT value FROM tasks, json_each(tasks.log)
+     WHERE tasks.id = ? AND json_each.key = ?`
+  ).get(id, index) as { value: string } | undefined;
+  if (!row) return null;
+  try { return JSON.parse(row.value); } catch { return null; }
+}
+
+// Fetch only the heavy fields by id (used when the client needs them after
+// having gotten the lite list earlier).
+export function getTaskBody(id: string): { resultSummary?: string; gitDiff?: string; error?: string } | null {
+  const row = db().prepare(
+    `SELECT result_summary, git_diff, error FROM tasks WHERE id = ?`
+  ).get(id) as any;
+  if (!row) return null;
+  return {
+    resultSummary: row.result_summary || undefined,
+    gitDiff: row.git_diff || undefined,
+    error: row.error || undefined,
+  };
+}
+
+function rowToLiteTask(row: any): Task {
+  return {
+    id: row.id,
+    projectName: row.project_name,
+    projectPath: row.project_path,
+    prompt: row.prompt,
+    mode: row.mode || 'prompt',
+    status: row.status,
+    priority: row.priority,
+    conversationId: row.conversation_id || undefined,
+    watchConfig: row.watch_config ? JSON.parse(row.watch_config) : undefined,
+    log: [],                                              // slim — fetch detail separately
+    resultSummary: row.result_summary || undefined,      // first 1KB only
+    gitDiff: undefined,                                   // not loaded
+    gitBranch: row.git_branch || undefined,
+    costUSD: row.cost_usd || undefined,
+    error: row.error || undefined,
+    createdAt: toIsoUTC(row.created_at) ?? row.created_at,
+    startedAt: toIsoUTC(row.started_at) ?? undefined,
+    completedAt: toIsoUTC(row.completed_at) ?? undefined,
+    scheduledAt: toIsoUTC(row.scheduled_at) ?? undefined,
+    agent: row.agent || undefined,
+    logSize: row.log_size || 0,
+    hasGitDiff: !!row.has_git_diff,
+  } as Task;
+}
+
 export function cancelTask(id: string): boolean {
   const task = getTask(id);
   if (!task) return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aion0/forge",
-  "version": "0.5.48",
+  "version": "0.5.49",
   "description": "Unified AI workflow platform — multi-model task orchestration, persistent sessions, web terminal, remote access",
   "type": "module",
   "scripts": {

package/src/types/index.ts

@@ -109,6 +109,10 @@ export interface Task {
   startedAt?: string;
   completedAt?: string;
   scheduledAt?: string;
+  agent?: string;
+  // Lite-list metadata: present in /api/tasks responses, undefined in detail
+  logSize?: number;
+  hasGitDiff?: boolean;
 }
 
 export interface TaskLogEntry {
@@ -117,6 +121,9 @@ export interface TaskLogEntry {
   content: string;
   tool?: string;
   timestamp: string;
+  // Slice-API metadata (server adds these when serving a truncated chunk)
+  _index?: number;
+  _truncated?: number;   // original content.length before truncation
 }
 
 export interface AppConfig {