@sanqianx/claude-ai-workbench 0.13.2 → 0.13.4

package/apps/agent-terminal/right-workspace-dock.js

@@ -7,9 +7,9 @@
 (function (global) {
   'use strict';
 
-  const DOCK_MIN_WIDTH = 280;
+  const DOCK_MIN_WIDTH = 340;
   const DOCK_MAX_WIDTH = 560;
-  const DOCK_DEFAULT_WIDTH = 380;
+  const DOCK_DEFAULT_WIDTH = 420;
   const DOCK_WIDTH_STEP = 24;
   const DOCK_PAGE_LIMIT = 50;
   const DOCK_STORAGE_PREFIX = 'kb.workbench.dock:';
@@ -18,21 +18,11 @@
   const TASK_STATUSES = ['pending', 'running', 'completed', 'failed', 'stopped'];
   const TERMINAL_STATUSES = ['completed', 'failed', 'stopped'];
   const STATUS_LABELS = { pending: '待执行', running: '运行中', completed: '已完成', failed: '失败', stopped: '已停止' };
-  const KIND_LABELS = { agent: '子代理', local_bash: '本地命令' };
   const RESYNC_CODES = ['FILE_ERA_CHANGED', 'ANCHOR_MISMATCH', 'HISTORY_MUTATED', 'HISTORY_TRUNCATED'];
   const LIVE_EVENT_TYPES = new Set([
     'claude/native-task-state', 'claude/native-task-transcript', 'claude/native-trace', 'claude/task-interrupted',
     'claude/task-started', 'claude/task-progress', 'claude/task-updated', 'claude/task-notification',
   ]);
-  // Event types buildRow turns into timeline DOM. The reading anchor is
-  // restored by scanning rendered rows, so anchor math may only use these.
-  const RENDERABLE_ROW_TYPES = new Set([
-    'claude/native-task-state', 'claude/task-progress', 'claude/native-trace',
-    'claude/task-interrupted', 'claude/native-task-transcript',
-  ]);
-  const STOP_NOTE = '单任务精确停止 API 未交付（本切片明确禁用）；不会以主会话 abort 替代。';
-  const PICKER_NOTE = '仅列出原生后台任务（SDK 公共读取）。知识 / 浏览器 / 代码评审 provider 未在本切片交付，不显示为可用。';
-  const PICKER_REGISTRY_NOTE = '原生后台任务来自 SDK 公共读取；可信宿主面板来自宿主注册（同源校验）。未注册 provider 的面板类型不显示为可用。';
   const NATIVE_PROVIDER_ID = 'workbench.native-subagent';
 
   function isId(value) { return typeof value === 'string' && value.trim() !== ''; }
@@ -70,11 +60,6 @@
     return Math.min(DOCK_MAX_WIDTH, Math.max(DOCK_MIN_WIDTH, n));
   }
 
-  function shortId(value) {
-    const s = String(value == null ? '' : value);
-    return s.length > 14 ? s.slice(0, 12) + '…' : s;
-  }
-
   // Same transition rules as the server index: terminal observations never
   // revive, and a second conflicting terminal outcome keeps the first.
   function nextStatus(current, incoming) {
@@ -97,6 +82,11 @@
     const apiBase = String((deps && deps.apiBase) || '');
     const storage = deps && deps.storage && typeof deps.storage.getItem === 'function' && typeof deps.storage.setItem === 'function' ? deps.storage : null;
     const renderMd = deps && typeof deps.renderMarkdown === 'function' ? deps.renderMarkdown : null;
+    const renderToolStep = deps && typeof deps.renderToolStep === 'function' ? deps.renderToolStep : null;
+    const renderToolResult = deps && typeof deps.renderToolResult === 'function' ? deps.renderToolResult : null;
+    const renderMessage = deps && typeof deps.renderMessage === 'function' ? deps.renderMessage : null;
+    const renderProcess = deps && typeof deps.renderProcess === 'function' ? deps.renderProcess : null;
+    const renderChanges = deps && typeof deps.renderChanges === 'function' ? deps.renderChanges : null;
     const toast = deps && typeof deps.toast === 'function' ? deps.toast : function () {};
     const storageKey = DOCK_STORAGE_PREFIX + apiBase;
     const registry = deps && deps.registry && typeof deps.registry.register === 'function' ? deps.registry : null;
@@ -134,6 +124,7 @@
     let persistTimer = null;
     const taskIndex = new Map();
     const delegationIndex = new Map();
+    const delegationTitles = new Map();
     let delegationState = { loading: false, error: null, code: null };
     let delegationsBusy = false;
     let delegationsQueued = false;
@@ -145,23 +136,25 @@
 
     function persistedShape() {
       return {
-        v: 1, open, width, activeTabId,
+        v: 1, open, width, activeTabId, titles: Object.fromEntries(delegationTitles),
         // Host panel views are transient embed-session state; only native task
         // views persist per scope.
-        tabs: tabs.filter(tab => tab.kind !== 'host').map(tab => tab.kind === 'delegated' ? ({
+        tabs: tabs.map(tab => ['draft', 'launcher', 'host'].includes(tab.kind) ? ({ id: tab.id, kind: tab.kind, title: tab.title, draft: tab.draft || '', requestId: tab.requestId, command: tab.command, uncertain: tab.uncertain || tab.sending || false, providerId: tab.providerId }) : tab.kind === 'delegated' ? ({
           id: tab.id,
           kind: 'delegated',
-          delegationId: tab.delegationId,
+          delegationId: tab.delegationId, draft: tab.draft || '', title: tab.title,
           anchor: {
-            follow: !tab.pane || tab.pane.follow !== false,
-            sequence: tab.pane && Number.isFinite(tab.pane.anchorSeq) ? tab.pane.anchorSeq : null,
+            follow: tab.pane ? tab.pane.follow !== false : !tab.restoredAnchor || tab.restoredAnchor.follow !== false,
+            sequence: tab.pane ? tab.pane.anchorSeq : tab.restoredAnchor && tab.restoredAnchor.sequence,
+            top: tab.pane ? tab.pane.scroll.scrollTop : tab.restoredAnchor && tab.restoredAnchor.top,
           },
         }) : ({
           id: tab.id,
           taskRef: { ...tab.taskRef },
           anchor: {
-            follow: !tab.pane || tab.pane.follow !== false,
-            sequence: tab.pane && Number.isFinite(tab.pane.anchorSeq) ? tab.pane.anchorSeq : null,
+            follow: tab.pane ? tab.pane.follow !== false : !tab.restoredAnchor || tab.restoredAnchor.follow !== false,
+            sequence: tab.pane ? tab.pane.anchorSeq : tab.restoredAnchor && tab.restoredAnchor.sequence,
+            top: tab.pane ? tab.pane.scroll.scrollTop : tab.restoredAnchor && tab.restoredAnchor.top,
           },
         })),
       };
@@ -176,7 +169,7 @@
         const key = scopeStorageKey(scope);
         // A null storeScope bucket can never be re-bound (identity re-binding
         // restores the real bucket), so it must not linger as a residual entry.
-        if (scope.storeScope && (tabs.length || open)) scopes[key] = { ...persistedShape(), updatedAt: Date.now() };
+        if (scope.storeScope && (tabs.length || open || delegationTitles.size)) scopes[key] = { ...persistedShape(), updatedAt: Date.now() };
         else delete scopes[key];
         const kept = Object.entries(scopes).sort((a, b) => (b[1].updatedAt || 0) - (a[1].updatedAt || 0)).slice(0, DOCK_SCOPES_KEPT);
         storage.setItem(storageKey, JSON.stringify({ v: 1, scopes: Object.fromEntries(kept) }));
@@ -190,6 +183,7 @@
     }
 
     function restoreFor(scopeObj, previousScope = scope) {
+      const carriedOpen = open;
       // A host can register a project-scoped knowledge panel after kb:ready
       // but before the terminal has opened/restored a session. Attaching that
       // first native scope must not destroy the already-open host view.
@@ -199,29 +193,40 @@
         if (!carryHostTabs.length) return;
         const known = new Set(tabs.map(tab => tab.id));
         for (const tab of carryHostTabs) if (!known.has(tab.id)) tabs.push(tab);
-        open = true;
+        open = carriedOpen;
         if (!activeTabId && tabs.length) activeTabId = tabs[0].id;
       };
-      tabs = []; activeTabId = null; open = false; width = DOCK_DEFAULT_WIDTH;
+      for (const tab of tabs) releaseSubscription(tab);
+      tabs = []; activeTabId = null; open = false; width = DOCK_DEFAULT_WIDTH; delegationTitles.clear();
       if (!scopeObj || !storage) { mergeCarriedHostTabs(); return; }
       try {
         const raw = storage.getItem(storageKey);
         const parsed = raw ? JSON.parse(raw) : null;
         const saved = parsed && parsed.scopes ? parsed.scopes[scopeStorageKey(scopeObj)] : null;
         if (!saved || typeof saved !== 'object') { mergeCarriedHostTabs(); return; }
+        for (const [id, title] of Object.entries(saved.titles || {})) if (typeof title === 'string') delegationTitles.set(id, title);
         open = saved.open === true;
         width = clampWidth(saved.width);
         const restored = [];
         for (const item of Array.isArray(saved.tabs) ? saved.tabs : []) {
+          if (item && ['draft', 'launcher', 'host'].includes(item.kind)) {
+            if (item.kind === 'host' && !isId(item.providerId)) continue;
+            restored.push({ id: isId(item.id) ? item.id : nextTabId(), kind: item.kind, providerId: item.providerId,
+              descriptor: item.kind === 'host' && registry ? registry.get(item.providerId) : null,
+              title: item.title, draft: typeof item.draft === 'string' ? item.draft : '', requestId: item.requestId || newRequestId(),
+              command: item.command && item.command.scope && item.command.scope.storeScope === scopeObj.storeScope && item.command.scope.contextId === scopeObj.contextId ? item.command : null,
+              uncertain: item.uncertain === true, pane: null, panel: null });
+            continue;
+          }
           const ref = sanitizeTaskRef(item && item.taskRef);
           if (item && item.kind === 'delegated') {
             if (!isId(item.delegationId)) continue;
             const dAnchor = item.anchor && typeof item.anchor === 'object' ? item.anchor : {};
             restored.push({
               id: isId(item.id) ? item.id : 'tab-' + (++tabSeq),
-              kind: 'delegated', delegationId: String(item.delegationId).trim(), taskRef: null,
+              kind: 'delegated', delegationId: String(item.delegationId).trim(), taskRef: null, draft: typeof item.draft === 'string' ? item.draft : '', title: item.title,
               invalid: null, panel: null, pane: null, invalidRendered: null,
-              restoredAnchor: { follow: dAnchor.follow !== false, sequence: Number.isFinite(Number(dAnchor.sequence)) ? Number(dAnchor.sequence) : null },
+              restoredAnchor: { follow: dAnchor.follow !== false, sequence: Number.isFinite(Number(dAnchor.sequence)) ? Number(dAnchor.sequence) : null, top: Number.isFinite(dAnchor.top) ? dAnchor.top : null },
             });
             continue;
           }
@@ -230,10 +235,11 @@
           restored.push({
             id: isId(item.id) ? item.id : 'tab-' + (++tabSeq),
             taskRef: ref, invalid: null, panel: null, pane: null, invalidRendered: null,
-            restoredAnchor: { follow: anchor.follow !== false, sequence: Number.isFinite(Number(anchor.sequence)) ? Number(anchor.sequence) : null },
+            restoredAnchor: { follow: anchor.follow !== false, sequence: Number.isFinite(Number(anchor.sequence)) ? Number(anchor.sequence) : null, top: Number.isFinite(anchor.top) ? anchor.top : null },
           });
         }
         tabs = restored;
+        if (!tabs.length) open = false;
         if (saved.activeTabId && tabs.some(tab => tab.id === saved.activeTabId)) activeTabId = saved.activeTabId;
         else if (tabs.length) activeTabId = tabs[0].id;
       } catch { /* storage is optional */ }
@@ -245,6 +251,8 @@
       return {
         key: ref ? taskRefKey(ref) : 'bare|' + (row.sdkSessionId || '') + '|' + (row.taskId || ''),
         taskRef: ref,
+        description: isId(row.description) ? row.description : isId(row.summary) ? row.summary : null,
+        launcherToolUseId: row.owner && row.owner.launcherKind === 'root' && !row.owner.parentNativeAgentId && isId(row.owner.launcherToolUseId) ? row.owner.launcherToolUseId : null,
         sdkSessionId: isId(row.sdkSessionId) ? row.sdkSessionId : null,
         taskId: isId(row.taskId) ? row.taskId : null,
         taskKind: isId(row.taskKind) ? row.taskKind : null,
@@ -269,12 +277,16 @@
 
     function upsertIndexEntry(ref, patch) {
       const key = taskRefKey(ref);
+      // A trusted binding replaces the earlier unassigned status echo. Keeping
+      // both would leave a phantom running task after the bound task completes.
+      for (const [oldKey, old] of taskIndex) if (!old.taskRef && old.taskId === ref.taskId) taskIndex.delete(oldKey);
       const entry = taskIndex.get(key) || { key, taskRef: ref, sdkSessionId: null, taskId: null, taskKind: null, taskType: null, typeConflict: false, status: null, statusSource: null, association: null, rowCount: null };
       taskIndex.set(key, { ...entry, ...patch });
     }
 
     function upsertFromStateEvent(ref, event) {
       const patch = {};
+      if (event.owner && event.owner.launcherKind === 'root' && !event.owner.parentNativeAgentId && isId(event.owner.launcherToolUseId)) patch.launcherToolUseId = event.owner.launcherToolUseId;
       if (TASK_STATUSES.includes(event.status)) { patch.status = nextStatus((taskIndex.get(taskRefKey(ref)) || {}).status, event.status); patch.statusSource = isId(event.statusSource) ? event.statusSource : event.type; }
       if (isId(event.taskKind)) patch.taskKind = event.taskKind;
       if (isId(event.taskType)) patch.taskType = event.taskType;
@@ -433,25 +445,6 @@
       return items;
     }
 
-    const DELEGATION_PHASE_LABELS = {
-      'reserved': '已预留', 'child-created': '子会话已创建', 'child-create-failed': '子会话创建失败',
-      'dispatching': '派发中', 'dispatched': '已派发', 'dispatch-unknown': '派发结果未知',
-    };
-    const DELEGATION_OUTCOME_LABELS = {
-      'not-started': '未启动', 'not-dispatched': '未派发', 'pending': '待定', 'dispatched': '已送达', 'unknown': '未知',
-    };
-    const DELEGATION_DISPATCH_LABELS = {
-      'not-dispatched': '未派发', 'awaiting-dispatch': '等待派发', 'dispatching': '派发中',
-      'dispatched': '已派发', 'dispatch-unknown': '派发未知',
-    };
-    const CHILD_STATE_LABELS = {
-      'created': '已创建', 'spawning': '启动中', 'running': '运行中', 'thinking': '思考中',
-      'tool-running': '执行工具', 'pending-permission': '等待授权', 'idle': '空闲',
-      'aborted': '已中止', 'failed': '失败', 'missing': '缺失',
-    };
-    const DELEGATION_PICKER_NOTE = '委派会话为只读视图：关闭视图不会中止子会话，也不会重新派发输入；停止控件在本切片保持禁用。';
-    const DELEGATION_STOP_NOTE = '委派子会话的精确 stop 未交付：关闭视图只销毁面板，绝不中止子会话，也不能用父会话 abort 替代。';
-
     function sanitizeDelegationView(view) {
       if (!view || typeof view !== 'object') return null;
       const d = view.delegation;
@@ -471,6 +464,7 @@
         issuedAt: isId(d.issuedAt) ? String(d.issuedAt) : null,
         phase: isId(view.phase) ? String(view.phase) : 'unknown-phase',
         outcome: isId(view.outcome) ? String(view.outcome) : null,
+        context: view.context && view.context.mode === 'parent-snapshot' ? { mode: 'parent-snapshot', truncated: view.context.truncated === true } : null,
         dispatch: view.dispatch && typeof view.dispatch === 'object' ? {
           state: isId(view.dispatch.state) ? String(view.dispatch.state) : null,
           attemptId: isId(view.dispatch.attemptId) ? String(view.dispatch.attemptId) : null,
@@ -529,10 +523,8 @@
       return false;
     }
 
-    // Live refresh rides the parent session's own change notifications (the
-    // dock never subscribes a second SSE per child and never polls on a timer).
-    // A changed summary for the parent or any known delegated child re-reads
-    // the trusted delegation list; summaries for anything else are ignored.
+    // Parent/child summary changes refresh trusted relations. Only the active
+    // child conversation owns its own message stream; there is no timer poll.
     function notifySessionChanged(summary) {
       if (!scope || !summary || typeof summary !== 'object') return;
       const id = isId(summary.sessionId) ? String(summary.sessionId) : null;
@@ -587,6 +579,7 @@
       }
       delegationState = { loading: false, error: null, code: null };
       for (const tab of tabs) {
+        if (tab.kind === 'draft' && tab.command) { const recovered = [...delegationIndex.values()].find(view => view.requestId === tab.command.requestId); if (recovered && hasDispatch(recovered)) { acceptCreatedView(tab, { delegation: { ...recovered }, child: recovered.child, phase: recovered.phase, outcome: recovered.outcome, dispatch: recovered.dispatch, context: recovered.context }); } }
         if (tab.kind !== 'delegated') continue;
         const fresh = delegationIndex.get(tab.delegationId);
         if (fresh) {
@@ -612,10 +605,228 @@
       if (queued) void validateScopeDelegations();
     }
 
+    function newRequestId() { return 'side-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2); }
+    function hasDispatch(view) { return ['dispatched', 'completed', 'dispatching', 'dispatch-unknown'].includes(view.phase); }
+
+    function releaseSubscription(tab) {
+      tab.subscriptionToken = null;
+      if (tab.unsubscribe) { tab.unsubscribe(); tab.unsubscribe = null; }
+    }
+
+    function openNewAgent(text = '') {
+      if (!scope || !scope.storeScope) { toast('请先打开一个会话。', true); return null; }
+      const launcher = tabs.find(tab => tab.id === activeTabId && tab.kind === 'launcher');
+      const tab = launcher || { id: nextTabId() };
+      if (tab.pane && tab.pane.node) tab.pane.node.remove();
+      Object.assign(tab, { kind: 'draft', title: '新子代理', draft: text, requestId: newRequestId(), pane: null, panel: null });
+      if (!launcher) tabs.push(tab);
+      activeTabId = tab.id; open = true; pickerOpen = false;
+      render(); flushPersist();
+      return tab.id;
+    }
+
+    function acceptCreatedView(tab, raw) {
+      const view = sanitizeDelegationView(raw);
+      if (!view || view.requestId !== tab.command.requestId) throw new Error('untrusted child relation');
+      delegationIndex.set(view.delegationId, view);
+      delegationTitles.set(view.delegationId, tab.command.text.replace(/\s+/g, ' ').slice(0, 60));
+      if (tab.pane && tab.pane.node) tab.pane.node.remove();
+      Object.assign(tab, { kind: 'delegated', delegationId: view.delegationId, pane: null, panel: null,
+        title: tab.command.text.replace(/\s+/g, ' ').slice(0, 60), draft: '', sending: false, uncertain: false });
+      if (raw.context && raw.context.truncated) toast('主对话较长，已保留最近的完整消息作为上下文。');
+      render(); flushPersist(); notifyBackgroundActivity();
+      void loadDelegationFirstPage(tab);
+    }
+
+    async function submitDraft(tab) {
+      if (!scope || tab.sending || !String(tab.draft || '').trim()) return;
+      const epoch = scopeEpoch, parent = scope.parentSessionId;
+      if (!tab.command) tab.command = { ...(typeof deps.getSelection === 'function' ? deps.getSelection() : {}),
+        scope: { storeScope: scope.storeScope, contextId: scope.contextId }, requestId: tab.requestId,
+        text: tab.draft.trim(), permissionMode: 'default', contextMode: 'parent-snapshot' };
+      tab.sending = true; tab.error = null; flushPersist(); render();
+      try {
+        if (tab.uncertain) {
+          const page = await client.listDelegations(parent, tab.command.scope);
+          if (epoch !== scopeEpoch) return;
+          const existing = page.delegations.find(view => view.delegation && view.delegation.requestId === tab.command.requestId);
+          if (existing && hasDispatch(existing)) { acceptCreatedView(tab, existing); return; }
+        }
+        const result = await client.createDelegation(parent, tab.command);
+        if (epoch !== scopeEpoch) return;
+        if (!tabs.includes(tab)) { void validateScopeDelegations(); return; }
+        acceptCreatedView(tab, result);
+      } catch (error) {
+        if (epoch !== scopeEpoch || !tabs.includes(tab)) return;
+        tab.uncertain = !error.status || error.status >= 500 || ['DELEGATION_CONCURRENCY_LIMIT', 'DELEGATION_CHILD_BUSY'].includes(error.code);
+        // A known rejection before reservation can be edited; an uncertain command remains frozen.
+        if (!tab.uncertain && error.code !== 'DELEGATION_PAYLOAD_CONFLICT') tab.command = null;
+        tab.error = tab.uncertain ? '暂未确认任务是否创建。点击发送会先检查结果，避免重复创建。' : error.code === 'DELEGATION_AGENT_UNSUPPORTED' ? '当前 Agent 暂不支持新建子代理。' : '任务未能创建，内容已保留，请稍后重试。';
+        tab.sending = false; render(); flushPersist();
+      }
+    }
+
+    function buildComposer(tab) {
+      const options = { value: tab.draft || '', placeholder: tab.kind === 'draft' ? '输入一项任务…' : '继续与子代理对话…',
+        onInput: value => { tab.draft = value; saveTabDraft(tab); schedulePersist(); },
+        onSend: () => { if (tab.kind === 'draft') void submitDraft(tab); else void sendChild(tab); },
+        onStop: () => { void stopChild(tab); }, isBusy: () => childBusy(tab), disabled: () => Boolean(tab.sending || tab.uncertain || tab.invalid) };
+      if (typeof deps.createComposer === 'function') return deps.createComposer(options);
+      const node = el('div', 'composer-wrap rd-composer-wrap'), box = el('div', 'composer'), input = el('textarea'), send = el('button', 'send', '↑');
+      input.value = options.value; input.setAttribute('aria-label', options.placeholder);
+      input.addEventListener('input', () => options.onInput(input.value));
+      send.addEventListener('click', () => options.isBusy() ? options.onStop() : options.onSend());
+      box.append(input, send); node.append(box);
+      return { node, input, send, setBusy: () => {} };
+    }
+
+    function childBusy(tab) {
+      const view = delegationIndex.get(tab.delegationId);
+      return Boolean(tab.sending || view && view.child && view.child.active);
+    }
+
+    function saveTabDraft(tab) {
+      if (!scope || !storage || !tab.delegationId) return;
+      try { storage.setItem(storageKey + ':draft:' + scopeStorageKey(scope) + ':' + tab.delegationId, tab.draft || ''); } catch { /* optional */ }
+    }
+
+    async function sendChild(tab) {
+      const view = delegationIndex.get(tab.delegationId), text = String(tab.draft || '').trim();
+      if (!view || tab.invalid || childBusy(tab) || !text) return;
+      if ((!['dispatched', 'completed'].includes(view.phase)) && !(view.child && view.child.turns > 0)) {
+        tab.error = '上一次任务状态仍待确认，请稍后查看结果。'; render(); return;
+      }
+      const epoch = scopeEpoch;
+      tab.sending = true; tab.error = null; render();
+      try {
+        await client.send(view.childSessionId, text, { permissionMode: 'default' });
+        if (epoch !== scopeEpoch || !tabs.includes(tab)) return;
+        tab.draft = ''; saveTabDraft(tab); tab.pane.composer.input.value = '';
+        void loadDelegationFirstPage(tab); void validateScopeDelegations();
+      } catch { if (epoch === scopeEpoch && tabs.includes(tab)) tab.error = '消息暂未发送成功，草稿已保留。请查看对话结果后再决定是否重试。'; }
+      finally { if (epoch === scopeEpoch && tabs.includes(tab)) { tab.sending = false; render(); flushPersist(); } }
+    }
+
+    async function stopChild(tab) {
+      const view = delegationIndex.get(tab.delegationId);
+      if (!view || tab.invalid || tab.sending || !view.child.active) return;
+      try { await client.abort(view.childSessionId); } catch { toast('暂时无法停止此子代理，请稍后重试。', true); }
+      if (tabs.includes(tab)) void validateScopeDelegations();
+    }
+
+    function subscribeChild(tab) {
+      if (!open || tab.id !== activeTabId || typeof client.subscribe !== 'function' || tab.subscriptionToken || tab.invalid || !tab.panel || !tab.panel.loaded) return;
+      const view = delegationIndex.get(tab.delegationId);
+      if (!view || !view.child.present) return;
+      const epoch = scopeEpoch;
+      const token = {}; tab.subscriptionToken = token;
+      const current = () => epoch === scopeEpoch && tabs.includes(tab) && tab.subscriptionToken === token;
+      let opened = false;
+      tab.unsubscribe = client.subscribe(view.childSessionId, event => {
+        if (!current()) return;
+        const currentView = delegationIndex.get(tab.delegationId);
+        if (!currentView || currentView.childSessionId !== view.childSessionId) return;
+        tab.connectionError = null;
+        const panel = ensureDelegationPanelState(tab);
+        if (event.type === 'workbench/resync') {
+          panel.events = []; panel.olderEvents = []; panel.loadedEarlier = false;
+          void loadDelegationFirstPage(tab); return;
+        }
+        panel.events = mergeDelegationEvents(panel.events, [event]); panel.rendered = false;
+        if (event.type === 'claude/permission-request') { panel.currentPermission = event; panel.permissionRevision = (panel.permissionRevision || 0) + 1; }
+        if (event.type === 'claude/permission-resolved') { if (panel.currentPermission?.requestId === event.requestId) panel.currentPermission = null; panel.permissionRevision = (panel.permissionRevision || 0) + 1; }
+        panel.highWater = Math.max(panel.highWater || 0, Number(event.sequence) || 0);
+        if (event.type === 'claude/state') { currentView.child.state = event.state; currentView.child.active = ['created', 'spawning', 'running', 'thinking', 'tool-running', 'pending-permission'].includes(event.state); }
+        if (event.type === 'claude/result') { currentView.child.active = false; currentView.child.turns = (currentView.child.turns || 0) + 1; }
+        render(); notifyBackgroundActivity();
+      }, () => { if (current()) { tab.connectionError = '连接暂时中断，正在恢复对话。'; render(); } }, {
+        afterSequence: tab.panel.highWater || 0,
+        onOpen: () => {
+          if (!current()) return;
+          tab.connectionError = null;
+          if (opened) { void loadDelegationFirstPage(tab); void validateScopeDelegations(); }
+          else render();
+          opened = true;
+        },
+      });
+    }
+
+    function buildDraftPane(tab) {
+      const node = el('section', 'rd-pane rd-draft-pane');
+      const empty = el('div', 'rd-draft-empty');
+      empty.append(el('strong', null, '想让子代理处理什么？'), el('p', null, '沿用当前项目，独立开展对话。'));
+      const errorBox = el('div', 'rd-error');
+      const composer = buildComposer(tab);
+      node.append(empty, errorBox, composer.node);
+      tab.pane = { node, errorBox, composer };
+    }
+
+    function buildLauncherPane(tab) {
+      const node = el('section', 'rd-pane rd-launcher');
+      node.append(el('h3', 'rd-picker-heading', '工具'));
+      const create = el('button', 'rd-picker-row rd-create-agent', '新建子代理');
+      create.disabled = !scope || !scope.storeScope || typeof client.createDelegation !== 'function';
+      create.addEventListener('click', () => { openNewAgent(); }); node.append(create);
+      const providers = registry ? registry.listAvailable({ projectId: scope ? scope.contextId : null }) : [];
+      for (const descriptor of providers) {
+        const row = el('button', 'rd-picker-row rd-picker-host-row');
+        if (typeof deps.renderPageIcon === 'function') row.append(deps.renderPageIcon('file'));
+        row.append(el('span', null, descriptor.title));
+        row.addEventListener('click', () => { const id = tab.id; openPanel(descriptor.providerId); closeTab(id); });
+        node.append(row);
+      }
+      tab.pane = { node };
+    }
+
+    function renderPermissions(tab) {
+      const pane = tab.pane, view = delegationIndex.get(tab.delegationId);
+      if (!pane.permissions || !view) return;
+      pane.permissions.textContent = '';
+      if (!view.child.active) return;
+      const pending = new Map();
+      for (const event of tab.panel.events) {
+        if (event.type === 'claude/permission-request') pending.set(event.requestId, event);
+        if (event.type === 'claude/permission-resolved') pending.delete(event.requestId);
+      }
+      if (tab.panel.currentPermission !== undefined) {
+        for (const [id, event] of pending) if (event.kind === 'question' && id !== tab.panel.currentPermission?.requestId) pending.delete(id);
+        if (tab.panel.currentPermission?.kind === 'question') pending.set(tab.panel.currentPermission.requestId, tab.panel.currentPermission);
+      }
+      for (const [id, card] of pane.questionCards || []) if (!pending.has(id)) { card.settle({ cancelled: true }); pane.questionCards.delete(id); }
+      for (const [requestId, event] of pending) {
+        if (event.kind === 'question' && typeof global.createUserQuestionCard === 'function') {
+          pane.questionCards ||= new Map();
+          let card = pane.questionCards.get(requestId);
+          if (!card) {
+            const childId = view.childSessionId;
+            card = global.createUserQuestionCard({ document: doc, event,
+              storageKey: `kb.workbench.questions:${deps.apiBase || ''}:${childId}:${requestId}`,
+              onSubmit: async answers => {
+                if (tab.invalid || !tabs.includes(tab)) throw new Error('任务已关闭');
+                await client.resolvePermission({ sessionId: childId, requestId, allow: true, answers });
+              },
+            }); pane.questionCards.set(requestId, card);
+          }
+          pane.permissions.append(card); continue;
+        }
+        const card = el('div', 'perm'); card.append(el('span', 'p-title', (event.toolName || '子代理') + ' 请求执行操作'));
+        for (const allow of [true, false]) {
+          const button = el('button', allow ? 'btn-allow' : 'btn-deny', allow ? '允许' : '拒绝');
+          button.addEventListener('click', async () => {
+            if (tab.invalid || !tabs.includes(tab)) return;
+            button.disabled = true;
+            try { await client.resolvePermission(view.childSessionId, requestId, allow); void loadDelegationFirstPage(tab); }
+            catch { button.disabled = false; toast('授权操作未完成，请重试。', true); }
+          }); card.append(button);
+        }
+        pane.permissions.append(card);
+      }
+    }
+
     function openDelegation(delegationId) {
-      if (!scope) { toast('尚未附加会话，无法打开委派视图。', true); return null; }
+      if (!scope) { toast('请先打开此任务所属的会话。', true); return null; }
       const id = typeof delegationId === 'string' ? delegationId.trim() : '';
-      if (!isId(id)) { toast('无效的 delegationId，未打开委派视图。', true); return null; }
+      if (!isId(id)) { toast('暂时无法打开此任务。', true); return null; }
       const existing = tabs.find(tab => tab.kind === 'delegated' && tab.delegationId === id);
       if (existing) {
         activeTabId = existing.id;
@@ -625,9 +836,9 @@
         return existing.id;
       }
       const view = delegationIndex.get(id);
-      if (!view) { toast('此 delegation 不在当前会话的可信委派关系中，不能打开。', true); return null; }
+      if (!view) { toast('此任务不属于当前会话，请返回所属会话查看。', true); return null; }
       const tab = {
-        id: nextTabId(), kind: 'delegated', delegationId: id,
+        id: nextTabId(), kind: 'delegated', delegationId: id, draft: (() => { try { return storage && storage.getItem(storageKey + ':draft:' + scopeStorageKey(scope) + ':' + id) || ''; } catch { return ''; } })(),
         taskRef: null, providerId: null, descriptor: null,
         invalid: null, panel: null, pane: null, invalidRendered: null,
       };
@@ -674,9 +885,14 @@
       panel.loading = true; panel.error = null; panel.loaded = false; panel.rendered = false;
       render();
       let page = null, error = null;
-      try { page = await client.loadHistory(view.childSessionId, { limit: DOCK_PAGE_LIMIT }); }
-      catch (err) { error = err; }
+      const permissionRevision = panel.permissionRevision || 0;
+      const [historyResult, snapshotResult] = await Promise.allSettled([
+        client.loadHistory(view.childSessionId, { limit: DOCK_PAGE_LIMIT }),
+        typeof client.loadSession === 'function' ? client.loadSession(view.childSessionId) : Promise.resolve(null),
+      ]);
+      if (historyResult.status === 'fulfilled') page = historyResult.value; else error = historyResult.reason;
       if (epoch !== scopeEpoch || !tabs.includes(tab) || panel.revision !== revision) return;
+      if (snapshotResult.status === 'fulfilled' && snapshotResult.value && permissionRevision === (panel.permissionRevision || 0)) panel.currentPermission = snapshotResult.value.permission || null;
       panel.loading = false;
       if (error) {
         const code = (error && error.code) || String((error && error.status) || '');
@@ -686,10 +902,14 @@
         return;
       }
       const events = page && Array.isArray(page.events) ? page.events : [];
-      panel.events = panel.loadedEarlier ? mergeDelegationEvents(panel.events, events) : events;
+      panel.events = mergeDelegationEvents(events, panel.events.filter(event => Number(event.sequence) > Number(page && page.highWater || Infinity)));
+      if (panel.loadedEarlier) panel.events = mergeDelegationEvents(panel.olderEvents || [], panel.events);
+      panel.highWater = Number(page && page.highWater) || Math.max(0, ...events.map(event => Number(event.sequence) || 0));
+      if (!delegationTitles.has(tab.delegationId)) { const prompt = events.find(event => event.type === 'claude/user-prompt' && event.text); if (prompt) delegationTitles.set(tab.delegationId, String(prompt.text).replace(/\s+/g, ' ').slice(0, 60)); }
       panel.nextCursor = page && page.nextCursor || null;
       panel.hasMore = isId(panel.nextCursor);
       panel.loaded = true;
+      tab.connectionError = null;
       panel.rendered = false;
       panel.lastTurns = view.child && Number.isFinite(Number(view.child.turns)) ? Number(view.child.turns) : null;
       render();
@@ -721,68 +941,163 @@
       panel.events = [...older.filter(row => !known.has(delegationRowKey(row))), ...panel.events];
       panel.nextCursor = page && page.nextCursor || null;
       panel.hasMore = isId(panel.nextCursor);
-      panel.loadedEarlier = true;
+      panel.loadedEarlier = true; panel.olderEvents = panel.events.slice();
       panel.rendered = false;
       render();
     }
 
-    function buildDelegationRow(event) {
-      if (!event || typeof event !== 'object') return null;
-      const type = String(event.type || '');
-      const seq = Number(event.sequence);
-      const node = el('div', 'rd-item');
-      if (Number.isFinite(seq) && node.dataset) node.dataset.seq = String(seq);
-      if (type === 'claude/user-prompt') {
-        node.className = 'rd-item rd-dmsg user';
-        node.append(el('span', 'rd-role', '用户'));
-        const body = el('div', 'rd-text');
-        body.textContent = isId(event.text) ? String(event.text).slice(0, 4000) : '（空输入）';
-        node.append(body);
-      } else if (type === 'claude/text-delta') {
-        node.className = 'rd-item rd-dmsg assistant';
-        node.append(el('span', 'rd-role', '助手'));
-        const body = el('div', 'rd-text');
-        renderMdInto(body, isId(event.text) ? String(event.text).slice(0, 8000) : '');
-        node.append(body);
-      } else if (type === 'claude/thinking-delta') {
-        node.className = 'rd-item rd-dthink';
-        node.append(el('span', 'rd-role', '思考'));
-        const body = el('div', 'rd-text');
-        body.textContent = isId(event.text) ? String(event.text).slice(0, 2000) : '';
-        node.append(body);
-      } else if (type === 'claude/result') {
-        node.className = 'rd-item rd-dresult';
-        node.append(el('span', 'rd-state-text', `回复完成${isId(event.model) ? '（' + shortId(event.model) + '）' : ''}`));
-        if (isId(event.result)) node.append(el('pre', 'rd-pre', String(event.result).slice(0, 2000)));
-      } else if (type === 'claude/aborted') {
-        node.className = 'rd-item rd-interrupted';
-        node.textContent = '子会话回复被中止（aborted）';
-      } else if (type === 'claude/error') {
-        node.className = 'rd-item rd-derror';
-        node.textContent = '子会话错误：' + (isId(event.message) ? String(event.message).slice(0, 300) : isId(event.error) ? String(event.error).slice(0, 300) : '未知错误');
-      } else if (type === 'claude/session-ready') {
-        node.className = 'rd-item rd-dstate';
-        node.textContent = `子会话就绪${isId(event.model) ? '（模型 ' + shortId(event.model) + '）' : ''}`;
-      } else if (type === 'claude/state') {
-        node.className = 'rd-item rd-dstate';
-        node.textContent = '状态 ' + (isId(event.state) ? String(event.state) : '未知');
-      } else {
-        return null;
-      }
+    function buildReadOnlyTool(event) {
+      if (renderToolStep) return renderToolStep(event, event.input || {});
+      const node = el('details', 'step rd-toolstep');
+      node.append(el('summary', null, event.name || event.toolName || '工具'));
+      const body = el('div', 'step-body');
+      body.append(el('pre', 'rd-pre', JSON.stringify(event.input || {}, null, 2)));
+      node.append(body);
       return node;
     }
 
+    function finishReadOnlyTool(step, event) {
+      if (renderToolResult) { renderToolResult(step, event); return; }
+      const output = event.output == null ? '' : typeof event.output === 'string' ? event.output : JSON.stringify(event.output, null, 2);
+      step.append(el('pre', 'rd-pre', output));
+      if (event.isError) step.classList.add('failed');
+    }
+
+    // Normalize transport events into conversation turns. Internal identities,
+    // dispatch state and diagnostics never enter customer DOM.
+    function createConversation(scroll) {
+      let turn = null;
+      const tools = new Map();
+      function current() {
+        if (!turn) turn = { messages: [], changes: [], process: null, live: null, thinking: null };
+        return turn;
+      }
+      function mark(node, sequence) {
+        if (Number.isFinite(Number(sequence))) node.dataset.seq = String(sequence);
+        return node;
+      }
+      function message(role, text, sequence) {
+        const node = renderMessage ? renderMessage(role, text) : el('div', role === 'user' ? 'msg user' : 'msg ai');
+        let body = node.querySelector && node.querySelector(role === 'user' ? '.bubble' : '.md-body');
+        if (!body) {
+          body = el('div', role === 'user' ? 'bubble' : 'md-body');
+          if (role === 'user') body.textContent = text;
+          else renderMdInto(body, text);
+          node.append(body);
+        }
+        mark(node, sequence);
+        scroll.append(node);
+        return { node, body, text };
+      }
+      function process(sequence) {
+        const t = current();
+        if (!t.process) {
+          if (renderProcess) t.process = renderProcess();
+          else {
+            const node = el('details', 'proc');
+            const meta = el('summary', 'p-meta');
+            const steps = el('div', 'proc-steps');
+            node.append(meta, steps);
+            t.process = { node, meta, steps };
+          }
+          t.process.node.open = false;
+          scroll.append(t.process.node);
+        }
+        for (const msg of t.messages.splice(0)) {
+          if (typeof msg.node.remove === 'function') msg.node.remove();
+          t.process.steps.append(msg.node);
+        }
+        t.live = null;
+        mark(t.process.node, sequence);
+        return t.process;
+      }
+      function updateProcess(p) { p.meta.textContent = p.steps.children.length + ' 个步骤'; }
+      function finish(sequence) {
+        if (!turn) return;
+        if (renderChanges && turn.changes.length) {
+          const changes = renderChanges(turn.changes);
+          if (changes) scroll.append(mark(changes, sequence));
+        }
+        turn = null;
+      }
+      function accept(event) {
+        if (!event) return;
+        const seq = event.sequence, type = event.type;
+        if (type === 'claude/user-prompt') {
+          finish(seq);
+          if (event.text) message('user', String(event.text), seq);
+          current();
+        } else if (type === 'claude/text-start') {
+          current().live = null;
+        } else if (type === 'claude/text-delta' || type === 'conversation/assistant') {
+          const text = String(event.text || '');
+          if (!text) return;
+          const t = current();
+          if (type === 'conversation/assistant' || !t.live || t.live.id !== event.id) {
+            t.live = message('assistant', text, seq);
+            t.live.id = event.id;
+            t.messages.push(t.live);
+          } else {
+            t.live.text += text;
+            renderMdInto(t.live.body, t.live.text);
+            mark(t.live.node, seq);
+          }
+          t.thinking = null;
+        } else if (type === 'claude/tool-use') {
+          const p = process(seq);
+          const step = buildReadOnlyTool(event);
+          p.steps.append(step);
+          tools.set(event.id, step);
+          updateProcess(p);
+          current().thinking = null;
+        } else if (type === 'claude/tool-result') {
+          const step = tools.get(event.id);
+          const p = current().process || process(seq);
+          const target = step || buildReadOnlyTool({ id: event.id, name: event.toolName || '工具', input: {} });
+          if (!step) p.steps.append(target);
+          finishReadOnlyTool(target, event);
+          current().changes.push({ ...event, input: target._toolInput || {} });
+          mark(p.node, seq);
+          updateProcess(p);
+        } else if (type === 'claude/thinking-delta') {
+          const t = current();
+          const p = t.process || process(seq);
+          if (!t.thinking) {
+            const node = el('div', 'think-seg');
+            node.append(el('div', 'think-label', '思考'));
+            const body = el('div', 'think-body');
+            node.append(body);
+            p.steps.append(node);
+            t.thinking = body;
+          }
+          t.thinking.textContent += String(event.text || '');
+          mark(p.node, seq);
+          updateProcess(p);
+        } else if (type === 'claude/result') {
+          const t = current();
+          if (event.isError) scroll.append(mark(el('div', 'turn-note', '回复失败，请稍后重试。'), seq));
+          else if (!t.messages.length && event.result) message('assistant', String(event.result), seq);
+          finish(seq);
+        } else if (type === 'conversation/unavailable') {
+          scroll.append(mark(el('div', 'turn-note', '任务记录暂不可用，请刷新重试。'), seq));
+        } else if (type === 'claude/aborted' || type === 'claude/task-interrupted' || type === 'claude/error') {
+          scroll.append(mark(el('div', 'turn-note', type === 'claude/error' ? '回复失败，请稍后重试。' : '回复已中断'), seq));
+          finish(seq);
+        }
+      }
+      return { accept, finish };
+    }
+
     function renderDelegationTimeline(tab) {
       const pane = tab.pane;
       const panel = ensureDelegationPanelState(tab);
       if (!pane) return;
       const keepScroll = pane.follow === false ? pane.scroll.scrollTop : null;
       pane.scroll.textContent = '';
+      const conversation = createConversation(pane.scroll);
       const ordered = [...panel.events].sort((a, b) => (Number(a && a.sequence) || 0) - (Number(b && b.sequence) || 0));
-      for (const event of ordered) {
-        const node = buildDelegationRow(event);
-        if (node) pane.scroll.append(node);
-      }
+      for (const event of ordered) conversation.accept(event);
+      pane.conversation = conversation;
       panel.rendered = true;
       if (keepScroll !== null) pane.scroll.scrollTop = keepScroll;
       else if (pane.follow !== false) pane.scroll.scrollTop = pane.scroll.scrollHeight;
@@ -798,104 +1113,62 @@
       return null;
     }
 
+    function taskTitle(entry) {
+      const title = entry && entry.launcherToolUseId && deps && typeof deps.taskTitle === 'function' ? deps.taskTitle(entry.launcherToolUseId) : null;
+      return String(title || entry && entry.description || '子代理任务').replace(/\s+/g, ' ').slice(0, 60);
+    }
+
+    function delegationTitle(id) {
+      if (delegationTitles.has(id)) return delegationTitles.get(id);
+      const tab = tabs.find(item => item.kind === 'delegated' && item.delegationId === id && item.panel);
+      if (tab && tab.title) return tab.title;
+      const prompt = tab && tab.panel.events.find(event => event.type === 'claude/user-prompt' && event.text);
+      return prompt ? String(prompt.text).replace(/\s+/g, ' ').slice(0, 60) : '子代理任务';
+    }
+
+    function delegationStatus(view) {
+      if (!view) return { status: 'pending', label: '状态待确认' };
+      if (view.phase === 'dispatch-unknown' || view.outcome === 'unknown') return { status: 'pending', label: '状态待确认' };
+      if (view.phase === 'child-create-failed') return { status: 'failed', label: '任务未能启动' };
+      const child = view.child;
+      if (!child.present) return { status: 'failed', label: '任务暂不可用' };
+      if (child.state === 'failed') return { status: 'failed', label: '失败' };
+      if (child.state === 'aborted') return { status: 'stopped', label: '已停止' };
+      if (child.state === 'pending-permission') return { status: 'pending', label: '等待你确认' };
+      if (child.active) return { status: 'running', label: '运行中' };
+      if (['dispatched', 'completed'].includes(view.phase) && child.state === 'idle' && child.turns > 0) return { status: 'completed', label: '已完成' };
+      return { status: 'pending', label: '待执行' };
+    }
+
     function buildDelegationPane(tab) {
-      const node = el('section', 'rd-pane rd-delegation-pane');
-      node.hidden = true;
-      const head = el('div', 'rd-head');
-      const title = el('strong', 'rd-title', '委派 ' + shortId(tab.delegationId));
-      const chips = el('span', 'rd-chips');
-      head.append(title, chips);
-      const meta = el('div', 'rd-meta');
-      const stopRow = el('div', 'rd-stoprow');
-      const stop = el('button', 'rd-stop');
-      stop.disabled = true;
-      stop.textContent = '停止子会话';
-      stop.title = DELEGATION_STOP_NOTE;
-      const stopNote = el('span', 'rd-stopnote', 'stop 未交付，禁用；关闭视图不中止子会话。');
-      stopRow.append(stop, stopNote);
-      const errorBox = el('div', 'rd-error');
-      errorBox.hidden = true;
-      const scroll = el('div', 'rd-scroll');
-      scroll.addEventListener('scroll', () => {
-        const pane = tab.pane;
-        if (!pane) return;
-        const distance = (scroll.scrollHeight || 0) - (scroll.scrollTop || 0) - (scroll.clientHeight || 0);
-        const wasFollowing = pane.follow !== false;
-        pane.follow = distance <= 2;
-        if (wasFollowing && !pane.follow) pane.anchorSeq = lastDelegationSequenceOf(tab);
-        schedulePersist();
-      });
-      const more = el('button', 'rd-more', '加载更早记录');
-      more.addEventListener('click', () => { void loadEarlierDelegation(tab); });
-      const note = el('div', 'rd-note', DELEGATION_PICKER_NOTE);
-      node.append(head, meta, stopRow, errorBox, scroll, more, note);
-      tab.pane = { node, head, title, chips, meta, stopRow, errorBox, scroll, more, note,
-        follow: true, anchorSeq: null, anchorNote: null, pendingNew: false, finalNode: null };
+      buildPane(tab);
+      tab.pane.node.classList.add('rd-delegation-pane');
+      tab.pane.composer = buildComposer(tab);
+      tab.pane.permissions = el('div', 'rd-permissions');
+      tab.pane.node.append(tab.pane.permissions, tab.pane.composer.node);
     }
 
-    // Chips and meta mirror the trusted delegation view, never a guess: a
-    // dispatch-unknown verdict shows as an explicit conflict and is never
-    // rendered as a success, and a missing child stays a dangling fact.
     function refreshDelegationPane(tab) {
       const pane = tab.pane;
       if (!pane) return;
       const panel = ensureDelegationPanelState(tab);
       const view = delegationIndex.get(tab.delegationId) || null;
+      pane.title.textContent = delegationTitle(tab.delegationId);
+      pane.status.textContent = delegationStatus(view).label;
+      pane.errorBox.hidden = !tab.invalid && !panel.error;
+      if (tab.invalid || panel.error) pane.errorBox.textContent = '暂时无法查看此任务，请刷新后重试。';
+      pane.banner.hidden = true;
       if (tab.invalid) {
-        if (!tab.invalidRendered) {
-          pane.chips.textContent = '';
-          pane.meta.textContent = '';
-          pane.scroll.textContent = '';
-          pane.more.hidden = true;
-          pane.errorBox.hidden = false;
-          pane.errorBox.textContent = `委派不可用（${tab.invalid.code || '未知'}）：${tab.invalid.message || ''}`;
-          tab.invalidRendered = true;
-        }
+        pane.scroll.textContent = '';
+        pane.more.hidden = true;
         return;
       }
-      tab.invalidRendered = null;
-      pane.errorBox.hidden = !panel.error;
-      if (panel.error) pane.errorBox.textContent = panel.error;
-      pane.chips.textContent = '';
-      const phase = view ? view.phase : null;
-      const phaseClass = phase === 'dispatch-unknown' || phase === 'child-create-failed' ? 'conflict' : (phase || 'unknown');
-      pane.chips.append(el('span', 'rd-chip ' + phaseClass, view ? (DELEGATION_PHASE_LABELS[phase] || phase) : '关系未索引'));
-      if (view && view.outcome) pane.chips.append(el('span', 'rd-chip kind', DELEGATION_OUTCOME_LABELS[view.outcome] || view.outcome));
-      if (view) {
-        const child = view.child;
-        const childLabel = child.present ? (CHILD_STATE_LABELS[child.state] || child.state || '状态未知') : '子会话缺失（悬空）';
-        const childClass = child.present ? (child.active ? 'running' : (child.state || 'unknown')) : 'missing';
-        pane.chips.append(el('span', 'rd-chip ' + childClass, childLabel));
-      }
-      // Meta mirrors the latest trusted view instead of a load-time
- // snapshot, so dispatch state/attempt/turns stay current on refresh.
-      pane.meta.textContent = '';
-      const d = view || { parentSessionId: scope ? scope.parentSessionId : '' };
-      pane.meta.append(
-        metaRow('delegationId', tab.delegationId.length > 44 ? shortId(tab.delegationId) : tab.delegationId),
-        metaRow('childSessionId', d.childSessionId ? shortId(d.childSessionId) : '—'),
-        metaRow('parentSessionId', d.parentSessionId ? shortId(d.parentSessionId) : '—'),
-        metaRow('workspaceRef', d.workspaceRef ? shortId(d.workspaceRef) : '—'),
-        metaRow('requestId', d.requestId ? shortId(d.requestId) : '—'),
-        metaRow('phase', d.phase ? (DELEGATION_PHASE_LABELS[d.phase] || d.phase) : '—'),
-        metaRow('outcome', d.outcome ? (DELEGATION_OUTCOME_LABELS[d.outcome] || d.outcome) : '—'),
-      );
-      if (view && view.dispatch) {
-        pane.meta.append(metaRow('dispatch', view.dispatch.state ? (DELEGATION_DISPATCH_LABELS[view.dispatch.state] || view.dispatch.state) : '—'));
-        if (view.dispatch.attemptId) pane.meta.append(metaRow('attemptId', shortId(view.dispatch.attemptId)));
-        if (view.dispatch.at) pane.meta.append(metaRow('派发时间', shortId(view.dispatch.at)));
-        if (view.dispatch.reason) pane.meta.append(metaRow('派发原因', view.dispatch.reason));
-        if (view.dispatch.code) pane.meta.append(metaRow('派发错误码', view.dispatch.code));
-        if (view.dispatch.errorCode) pane.meta.append(metaRow('errorCode', view.dispatch.errorCode));
-      }
-      if (view && view.child) {
-        if (view.child.agentId) pane.meta.append(metaRow('agentId', shortId(view.child.agentId)));
-        if (view.child.model) pane.meta.append(metaRow('model', view.child.model));
-        if (view.child.turns != null) pane.meta.append(metaRow('turns', view.child.turns));
-        if (view.child.archived) pane.meta.append(metaRow('归档', '是'));
-      }
-      if (view && view.issuedAt) pane.meta.append(metaRow('issuedAt', shortId(view.issuedAt)));
       if (!panel.rendered) renderDelegationTimeline(tab);
+      if (tab.error || tab.connectionError) { pane.errorBox.hidden = false; pane.errorBox.textContent = tab.error || tab.connectionError; }
+      if (pane.composer) { pane.composer.setBusy(childBusy(tab)); pane.composer.send.disabled = Boolean(tab.invalid || tab.sending || !view || !view.child.present); }
+      if (pane.composer && view) pane.composer.setLabel?.((view.child.model || '子代理') + ' · 默认防护');
+      renderPermissions(tab);
+      subscribeChild(tab);
       pane.more.hidden = !(panel.hasMore && panel.nextCursor);
       pane.more.disabled = panel.loading === true;
     }
@@ -926,6 +1199,7 @@
       }
       renderTabBar();
       renderToggleState();
+      for (const tab of tabs) if (!open || tab.id !== activeTabId) releaseSubscription(tab);
       // Live native state events move task status immediately and with it
  // backgroundActivity; notify the host listener on the same beat.
       notifyBackgroundActivity();
@@ -963,15 +1237,11 @@
         panel.usageSummary = event.usage.summary;
       }
       if (!panel.loaded || !tab.pane) return true;
-      const built = buildRow(event, tab);
-      if (built) {
-        if (built.textNode && tab.pane.finalNode && tab.pane.finalNode.classList) tab.pane.finalNode.classList.remove('rd-final');
-        tab.pane.scroll.append(built.node);
-        if (built.textNode) { built.textNode.classList.add('rd-final'); tab.pane.finalNode = built.textNode; }
-      }
+      if (!tab.pane.conversation) renderTimeline(tab);
+      else appendNativeConversation(tab.pane.conversation, event);
       if (tab.pane.follow !== false) tab.pane.scroll.scrollTop = tab.pane.scroll.scrollHeight;
       else tab.pane.pendingNew = true;
-      refreshFoot(tab);
+
       return true;
     }
 
@@ -1037,6 +1307,7 @@
       flushPersist();
       scopeEpoch += 1;
       scope = null;
+      for (const tab of tabs) releaseSubscription(tab);
       tabs = [];
       activeTabId = null;
       pickerOpen = false;
@@ -1047,10 +1318,19 @@
       notifyPanelsChanged('scope');
     }
 
-    function openTask(refInput) {
+    function openTask(refInput, options = {}) {
       const ref = sanitizeTaskRef(refInput);
       if (!ref) { toast('无效的任务引用，未打开面板。', true); return null; }
       if (!scope || !scopeRefMatches(scope, ref)) { toast('该任务不属于当前会话范围；请在所属会话中打开。', true); return null; }
+      const existing = options.reuse && tabs.find(tab => tab.taskRef && taskRefKey(tab.taskRef) === taskRefKey(ref));
+      if (existing) {
+        activeTabId = existing.id;
+        open = true;
+        pickerOpen = false;
+        render();
+        schedulePersist();
+        return existing.id;
+      }
       const tab = {
         id: 'tab-' + Date.now().toString(36) + '-' + (++tabSeq),
         taskRef: ref, invalid: null, panel: null, pane: null, invalidRendered: null,
@@ -1077,10 +1357,10 @@
     }
 
     function openPanel(providerIdInput) {
-      if (!registry) { toast('面板 registry 不可用。', true); return null; }
+      if (!registry) { toast('暂时无法打开此内容。', true); return null; }
       const providerId = isId(providerIdInput) ? String(providerIdInput).trim() : '';
       const descriptor = registry.get(providerId);
-      if (!descriptor) { toast('未注册的面板 provider，未打开。', true); return null; }
+      if (!descriptor) { toast('此内容当前不可用。', true); return null; }
       if (!providerAppliesToScope(descriptor)) { toast('该面板不适用于当前项目范围。', true); return null; }
       if (descriptor.multiInstance !== 'multiple') {
         const existing = tabs.find(tab => tab.kind === 'host' && tab.providerId === providerId);
@@ -1137,8 +1417,10 @@
       const index = tabs.findIndex(tab => tab.id === tabId);
       if (index === -1) return;
       const [tab] = tabs.splice(index, 1);
+      saveTabDraft(tab); releaseSubscription(tab);
       if (tab.pane && tab.pane.node && typeof tab.pane.node.remove === 'function') tab.pane.node.remove();
       if (activeTabId === tabId) activeTabId = (tabs[index] || tabs[index - 1] || {}).id || null;
+      if (!tabs.length) { open = false; pickerOpen = false; }
       render();
       schedulePersist();
       if (tab.kind === 'host') {
@@ -1150,6 +1432,7 @@
 
     function toggle() {
       open = !open;
+      if (open && !tabs.length) { openPicker(); return open; }
       if (open) pickerOpen = false;
       render();
       schedulePersist();
@@ -1223,13 +1506,23 @@
         root.append(resizer, body);
       }
       if (toggleBtn) toggleBtn.addEventListener('click', () => { toggle(); });
+      if (typeof global.ResizeObserver === 'function' && root && root.parentNode) { const observer = new global.ResizeObserver(applyDockVisibility); observer.observe(root.parentNode); }
       domBound = true;
     }
 
     function applyDockVisibility() {
       if (!root) return;
       root.hidden = !open;
-      root.style.width = open ? width + 'px' : '';
+      const parent = root.parentNode;
+      const rect = parent && typeof parent.getBoundingClientRect === 'function' ? parent.getBoundingClientRect() : null;
+      const sidebar = parent && parent.querySelector ? parent.querySelector('.sidebar') : null;
+      const sideWidth = sidebar && sidebar.getBoundingClientRect ? sidebar.getBoundingClientRect().width : 0;
+      const available = rect ? rect.width - sideWidth : 0;
+      const drawer = available > 0 && available < 821;
+      if (root.classList) { if (drawer) root.classList.add('rd-drawer'); else root.classList.remove('rd-drawer'); }
+      const effective = available ? drawer ? Math.min(width, available - 24) : Math.min(width, available - 481) : width;
+      root.style.width = open ? Math.max(0, effective) + 'px' : '';
+      if (root.parentNode && root.parentNode.classList) root.parentNode.classList.toggle('dock-open', open);
     }
 
     function runningCount() {
@@ -1243,7 +1536,7 @@
       if (!toggleBtn) return;
       toggleBtn.hidden = false;
       toggleBtn.setAttribute('aria-expanded', String(open));
-      toggleBtn.title = open ? '收起右侧任务面板' : '展开右侧任务面板（后台任务与委派会话）';
+      toggleBtn.title = open ? '收起右侧面板' : '展开右侧面板';
       const badge = toggleBtn.querySelector && toggleBtn.querySelector('.rd-toggle-count');
       if (badge) {
         const running = runningCount();
@@ -1257,68 +1550,87 @@
     function render() {
       ensureDom();
       applyDockVisibility();
+      for (const tab of tabs) if (!open || tab.id !== activeTabId) releaseSubscription(tab);
       renderTabBar();
       renderActivePane();
       renderPicker();
       renderToggleState();
     }
 
+    function collapseButton() {
+      const button = el('button', 'rd-collapse', '收起');
+      button.type = 'button';
+      button.setAttribute('aria-label', '收起任务面板');
+      button.addEventListener('click', () => { toggle(); });
+      return button;
+    }
+
     function renderTabBar() {
       if (!tabBar) return;
       tabBar.textContent = '';
-      if (!scope) { tabBar.hidden = true; return; }
+
       tabBar.hidden = false;
+      const tabList = el('div', 'rd-tab-list');
+      tabBar.append(tabList);
       for (const tab of tabs) {
         const entry = tab.taskRef ? taskIndex.get(taskRefKey(tab.taskRef)) : null;
-        const status = entry ? entry.status : null;
-        const item = el('button', 'rd-tab' + (tab.id === activeTabId ? ' active' : ''));
-        const close = el('span', 'rd-tab-close');
-        if (tab.kind === 'host') {
-          const descriptor = tab.descriptor || (registry ? registry.get(tab.providerId) : null) || { title: tab.providerId, panelType: 'knowledge' };
+        const status = entry && !entry.typeConflict ? entry.status : null;
+        const item = el('div', 'rd-tab' + (tab.id === activeTabId ? ' active' : ''));
+        const tabOpen = el('button', 'rd-tab-open'); tabOpen.setAttribute('role', 'tab'); tabOpen.setAttribute('aria-selected', String(tab.id === activeTabId));
+        const close = el('button', 'rd-tab-close'); close.type = 'button';
+        if (tab.kind === 'draft' || tab.kind === 'launcher') {
+          item.title = tab.kind === 'launcher' ? '新标签页' : '新子代理';
+          close.textContent = '×'; close.setAttribute('aria-label', '关闭' + item.title);
+          close.addEventListener('click', ev => { if (ev && ev.stopPropagation) ev.stopPropagation(); closeTab(tab.id); });
+          tabOpen.append(el('span', 'rd-tab-label', item.title)); item.append(tabOpen, close);
+        } else if (tab.kind === 'host') {
+          const descriptor = tab.descriptor || (registry ? registry.get(tab.providerId) : null) || { title: '参考资料', panelType: 'knowledge' };
           item.title = descriptor.title;
           const dot = el('span', 'rd-dot host');
           const label = el('span', 'rd-tab-label', descriptor.title);
-          close.title = '关闭此视图（只销毁面板，不停止任务）';
+          close.title = '关闭';
           close.setAttribute('aria-label', close.title);
           close.textContent = '×';
           close.addEventListener('click', ev => { if (ev && ev.stopPropagation) ev.stopPropagation(); closeTab(tab.id); });
-          item.append(dot, label, close);
+          tabOpen.append(dot, label); item.append(tabOpen, close);
         } else if (tab.kind === 'delegated') {
-          item.title = tab.delegationId;
+          item.title = delegationTitle(tab.delegationId);
           const entry = delegationIndex.get(tab.delegationId);
-          const childState = entry && entry.child && entry.child.present ? entry.child.state : null;
-          const dotClass = entry && entry.child && entry.child.active ? 'running' : childState || 'unknown';
+          const dotClass = delegationStatus(entry).status;
           const dot = el('span', 'rd-dot ' + dotClass);
-          const label = el('span', 'rd-tab-label', '委派 ' + shortId(tab.delegationId));
-          close.title = '关闭此视图（只销毁面板，不停止子会话，不重发输入）';
+          const label = el('span', 'rd-tab-label', delegationTitle(tab.delegationId));
+          close.title = '关闭';
           close.setAttribute('aria-label', close.title);
           close.textContent = '×';
           close.addEventListener('click', ev => { if (ev && ev.stopPropagation) ev.stopPropagation(); closeTab(tab.id); });
-          item.append(dot, label, close);
+          tabOpen.append(dot, label); item.append(tabOpen, close);
         } else {
-          item.title = tab.taskRef.taskId;
+          item.title = taskTitle(entry);
           const dot = el('span', 'rd-dot ' + (status || 'unknown'));
-          const label = el('span', 'rd-tab-label', '#' + shortId(tab.taskRef.taskId));
-          close.title = '关闭此视图（只销毁面板，不停止任务）';
+          const label = el('span', 'rd-tab-label', taskTitle(entry));
+          close.title = '关闭';
           close.setAttribute('aria-label', close.title);
           close.textContent = '×';
           close.addEventListener('click', ev => { if (ev && ev.stopPropagation) ev.stopPropagation(); closeTab(tab.id); });
-          item.append(dot, label, close);
+          tabOpen.append(dot, label); item.append(tabOpen, close);
         }
+        close.setAttribute('aria-label', '关闭' + item.title);
         item.addEventListener('click', () => {
           activeTabId = tab.id;
           render();
           schedulePersist();
           if (tab.kind === 'host') notifyPanelsChanged('active');
         });
-        tabBar.append(item);
+        tabList.append(item);
       }
       const plus = el('button', 'rd-plus');
-      plus.title = '选择原生后台任务（同一任务可开多个视图）';
+      plus.title = '新建标签页';
       plus.setAttribute('aria-label', plus.title);
       plus.textContent = '+';
-      plus.addEventListener('click', () => { pickerOpen ? closePicker() : openPicker(); });
-      tabBar.append(plus);
+      plus.addEventListener('click', () => { openPicker(); });
+      tabBar.append(plus, collapseButton());
+      const selected = tabList.querySelector && tabList.querySelector('[aria-selected="true"]');
+      if (selected && selected.scrollIntoView) selected.scrollIntoView({ block: 'nearest', inline: 'nearest' });
     }
 
     function renderActivePane() {
@@ -1336,24 +1648,33 @@
         tab.pane.node.hidden = tab.id !== activeTabId;
       }
       const activeBeforeScope = tabs.find(tab => tab.id === activeTabId) || tabs[0];
+      if (activeBeforeScope && ['draft', 'launcher'].includes(activeBeforeScope.kind)) {
+        const tab = activeBeforeScope;
+        if (!tab.pane) { if (tab.kind === 'draft') buildDraftPane(tab); else buildLauncherPane(tab); paneHost.append(tab.pane.node); }
+        hideEmptyPane(); tab.pane.node.hidden = false;
+        if (tab.kind === 'draft') { tab.pane.errorBox.hidden = !tab.error; tab.pane.errorBox.textContent = tab.error || ''; tab.pane.composer.setBusy(tab.sending); tab.pane.composer.send.disabled = Boolean(tab.sending); }
+        return;
+      }
       if (!scope && (!activeBeforeScope || activeBeforeScope.kind !== 'host')) {
-        renderEmptyPane('尚未附加会话。打开一个会话后，这里显示它的原生后台任务。');
+        renderEmptyPane('打开会话后，可在这里查看子代理任务。');
         return;
       }
       if (!tabs.length) {
-        renderEmptyPane(listState.loading ? '正在读取原生任务列表…' : '没有打开的任务视图。点击 + 选择原生后台任务。');
+        renderEmptyPane('点击 + 添加页面。');
         return;
       }
       hideEmptyPane();
       const active = tabs.find(tab => tab.id === activeTabId) || tabs[0];
       if (active && active.id !== activeTabId) activeTabId = active.id;
       if (!active) return;
+      if (active.kind === 'host' && !active.descriptor) { active.descriptor = registry && registry.get(active.providerId); if (!active.descriptor) { renderEmptyPane('正在准备知识引用…'); return; } }
       if (!active.pane) {
         if (active.kind === 'host') buildHostPane(active);
         else if (active.kind === 'delegated') buildDelegationPane(active);
         else buildPane(active);
         paneHost.append(active.pane.node);
       }
+      active.pane.node.hidden = false;
       if (active.kind === 'host') refreshHostPane(active);
       else if (active.kind === 'delegated') refreshDelegationPane(active);
       else refreshPane(active);
@@ -1374,21 +1695,13 @@
       const node = el('section', 'rd-pane');
       node.hidden = true;
       const head = el('div', 'rd-head');
-      const title = el('strong', 'rd-title', '#' + tab.taskRef.taskId);
-      const chips = el('span', 'rd-chips');
-      head.append(title, chips);
-      const meta = el('div', 'rd-meta');
-      const stopRow = el('div', 'rd-stoprow');
-      const stop = el('button', 'rd-stop');
-      stop.disabled = true;
-      stop.textContent = '停止此任务';
-      stop.title = STOP_NOTE;
-      const stopNote = el('span', 'rd-stopnote', '精确 stop API 未交付，本切片禁用。');
-      stopRow.append(stop, stopNote);
+      const title = el('strong', 'rd-title', '子代理任务');
+      const status = el('span', 'rd-task-status');
+      head.append(el('span', 'rd-thread-note', '关联主对话'), status); title.hidden = true;
       const banner = el('div', 'rd-banner');
       banner.hidden = true;
       const bannerText = el('span', 'rd-banner-text');
-      const resyncBtn = el('button', 'rd-resync', '重新同步');
+      const resyncBtn = el('button', 'rd-resync', '刷新');
       resyncBtn.addEventListener('click', () => { void validateScopeTasks(); });
       banner.append(bannerText, resyncBtn);
       const errorBox = el('div', 'rd-error');
@@ -1400,15 +1713,27 @@
         const distance = (scroll.scrollHeight || 0) - (scroll.scrollTop || 0) - (scroll.clientHeight || 0);
         const wasFollowing = pane.follow !== false;
         pane.follow = distance <= 2;
-        if (wasFollowing && !pane.follow) pane.anchorSeq = lastSequenceOf(tab);
+        if (wasFollowing && !pane.follow) pane.anchorSeq = tab.kind === 'delegated' ? lastDelegationSequenceOf(tab) : lastSequenceOf(tab);
         schedulePersist();
       });
       const more = el('button', 'rd-more', '加载更早记录');
-      more.addEventListener('click', () => { void loadEarlier(tab); });
-      const note = el('div', 'rd-note');
-      const foot = el('div', 'rd-foot');
-      node.append(head, meta, stopRow, banner, errorBox, scroll, more, note, foot);
-      tab.pane = { node, head, title, chips, meta, stopRow, banner, bannerText, resyncBtn, errorBox, scroll, more, note, foot, follow: true, anchorSeq: null, anchorNote: null, pendingNew: false, finalNode: null };
+      more.addEventListener('click', () => { void (tab.kind === 'delegated' ? loadEarlierDelegation(tab) : loadEarlier(tab)); });
+      node.append(head, banner, errorBox, scroll, more);
+      if (tab.kind !== 'delegated') {
+        const continuation = el('button', 'rd-continue', '基于此结果继续');
+        continuation.addEventListener('click', () => {
+          const texts = [];
+          for (const event of ensurePanelState(tab).events) for (const entry of event.entries || []) {
+            if (entry.role !== 'assistant') continue;
+            const text = (entry.blocks || []).filter(block => block.kind === 'text' && typeof block.text === 'string').map(block => block.text).join('\n');
+            if (text.trim()) texts.push(text);
+          }
+          openNewAgent('请基于“' + taskTitle(taskIndex.get(taskRefKey(tab.taskRef))) + '”的结果继续：\n\n' + (texts.pop() || ''));
+        });
+        node.append(continuation);
+      }
+      tab.pane = { node, head, title, status, banner, bannerText, resyncBtn, errorBox, scroll, more,
+        follow: true, anchorSeq: null, anchorNote: null, pendingNew: false };
     }
 
     // Host panels are validated iframe descriptors from the registry. The
@@ -1419,17 +1744,13 @@
       const descriptor = tab.descriptor || {};
       const node = el('section', 'rd-pane rd-host-pane');
       node.hidden = true;
-      const head = el('div', 'rd-head');
-      const title = el('strong', 'rd-title', descriptor.title || tab.providerId);
-      const chips = el('span', 'rd-chips');
-      head.append(title, chips);
-      const status = el('div', 'rd-host-status', '正在加载宿主面板…');
+      const status = el('div', 'rd-host-status', '正在加载…');
       const errorBox = el('div', 'rd-error');
       errorBox.hidden = true;
       const frameHolder = el('div', 'rd-host-frame-holder');
       const frame = el('iframe', 'rd-host-frame');
       frame.setAttribute('src', descriptor.url || '');
-      frame.setAttribute('title', descriptor.title || '宿主面板');
+      frame.setAttribute('title', descriptor.title || '知识引用');
       frame.setAttribute('sandbox', 'allow-scripts');
       frame.setAttribute('referrerpolicy', 'no-referrer');
       frame.setAttribute('loading', 'eager');
@@ -1449,12 +1770,12 @@
         tab.pane.error = 'LOAD_FAILED';
         tab.pane.status.hidden = true;
         tab.pane.errorBox.hidden = false;
-        tab.pane.errorBox.textContent = '宿主面板加载失败（同源 URL 未成功载入）。';
+        tab.pane.errorBox.textContent = '内容加载失败，请稍后重试。';
         notifyPanelsChanged('error');
       });
       frameHolder.append(frame);
-      node.append(head, status, errorBox, frameHolder);
-      tab.pane = { node, head, title, chips, status, errorBox, frameHolder, frame, follow: true, anchorSeq: null, anchorNote: null, pendingNew: false, finalNode: null, error: null };
+      node.append(status, errorBox, frameHolder);
+      tab.pane = { node, status, errorBox, frameHolder, frame, follow: true, anchorSeq: null, anchorNote: null, pendingNew: false, finalNode: null, error: null };
     }
 
     function refreshHostPane(tab) {
@@ -1462,12 +1783,9 @@
       if (!pane) return;
       const descriptor = tab.descriptor || (registry ? registry.get(tab.providerId) : null) || {};
       if (!tab.descriptor && descriptor) tab.descriptor = descriptor;
-      const typeLabel = registry && registry.panelTypeLabel ? registry.panelTypeLabel(descriptor.panelType) : descriptor.panelType;
-      pane.chips.textContent = '';
-      pane.chips.append(el('span', 'rd-chip host', typeLabel || '宿主面板'));
-      pane.chips.append(el('span', 'rd-chip kind', '宿主注册'));
       pane.errorBox.hidden = !pane.error;
-      if (pane.error) pane.errorBox.textContent = pane.error === 'LOAD_FAILED' ? '宿主面板加载失败（同源 URL 未成功载入）。' : pane.error === 'CONTENT_ACK_ERROR' ? '宿主面板报告内容渲染失败。' : String(pane.error);
+      if (pane.error) pane.errorBox.textContent = '内容加载失败，请稍后重试。';
+
       pane.status.hidden = pane.error != null || pane.loaded === true;
     }
 
@@ -1511,6 +1829,7 @@
       if (typeof data.version === 'number' && Number.isFinite(data.version)) version = data.version;
       else if (typeof data.version === 'string' && data.version.trim() && data.version.length <= 200) version = data.version.trim();
       if (version === null) return null;
+      if (tab.pane.contentVersion == null || String(version) !== String(tab.pane.contentVersion)) return null;
       const ok = data.ok === true;
       const error = typeof data.error === 'string' && data.error.trim() ? data.error.slice(0, 300) : null;
       tab.pane.contentAck = { version, ok, error, at: Date.now() };
@@ -1532,19 +1851,7 @@
         const value = Number(children[i] && children[i].dataset ? children[i].dataset.seq : NaN);
         if (Number.isFinite(value)) return value;
       }
-      let last = null;
-      for (const row of (tab.panel && tab.panel.events) || []) {
-        if (!row || typeof row !== 'object' || !RENDERABLE_ROW_TYPES.has(String(row.type || ''))) continue;
-        const seq = Number(row.sequence);
-        if (Number.isFinite(seq) && (last === null || seq > last)) last = seq;
-      }
-      return last;
-    }
-
-    function metaRow(label, value) {
-      const row = el('div', 'rd-meta-row');
-      row.append(el('span', 'rd-meta-label', label), el('code', 'rd-meta-value', value == null ? '—' : String(value)));
-      return row;
+      return null;
     }
 
     function refreshPane(tab) {
@@ -1552,52 +1859,21 @@
       if (!pane) return;
       const panel = ensurePanelState(tab);
       const entry = taskIndex.get(taskRefKey(tab.taskRef)) || null;
+      pane.title.textContent = taskTitle(entry);
+      pane.status.textContent = entry && !entry.typeConflict ? (STATUS_LABELS[entry.status] || '状态待确认') : '状态待确认';
+      pane.errorBox.hidden = !tab.invalid && !panel.error;
+      if (tab.invalid || panel.error) pane.errorBox.textContent = '暂时无法查看此任务，请刷新后重试。';
+      pane.banner.hidden = !panel.resync;
+      if (panel.resync) pane.bannerText.textContent = '记录已更新，请刷新查看。';
       if (tab.invalid) {
-        if (!tab.invalidRendered) {
-          pane.chips.textContent = '';
-          pane.meta.textContent = '';
-          pane.scroll.textContent = '';
-          pane.foot.textContent = '';
-          pane.more.hidden = true;
-          pane.banner.hidden = true;
-          pane.errorBox.hidden = false;
-          pane.errorBox.textContent = `引用不可用（${tab.invalid.code || '未知'}）：${tab.invalid.message || ''}`;
-          tab.invalidRendered = true;
-        }
+        pane.scroll.textContent = '';
+        pane.more.hidden = true;
+        pane.banner.hidden = true;
         return;
       }
-      tab.invalidRendered = null;
-      pane.errorBox.hidden = !panel.error;
-      if (panel.error) pane.errorBox.textContent = panel.error;
-      if (panel.resync) {
-        pane.banner.hidden = false;
-        pane.bannerText.textContent = panel.resync === 'incomplete' ? '任务列表标记为不完整，建议重新同步。' : '检测到任务索引/历史已变更，需要重新同步。';
-      } else pane.banner.hidden = true;
-      const status = entry ? entry.status : null;
-      pane.chips.textContent = '';
-      pane.chips.append(el('span', 'rd-chip ' + (status || 'unknown'), status ? STATUS_LABELS[status] : '状态未知'));
-      const kindRaw = (entry && (entry.taskKind || entry.taskType)) || null;
-      pane.chips.append(el('span', 'rd-chip kind', kindRaw ? (KIND_LABELS[entry.taskKind] || kindRaw) : '种类未知'));
-      if (entry && entry.typeConflict) pane.chips.append(el('span', 'rd-chip conflict', '类型冲突'));
-      if (entry && entry.association) pane.chips.append(el('span', 'rd-chip assoc', entry.association === 'bound' ? '已绑定' : '未绑定'));
-      if (!pane.meta.dataset.filled) {
-        const ref = tab.taskRef;
-        pane.meta.append(
-          metaRow('storeScope', ref.storeScope ? shortId(ref.storeScope) : '—'),
-          metaRow('contextId', shortId(ref.contextId)),
-          metaRow('parentSessionId', shortId(ref.parentSessionId)),
-          metaRow('ownerRunId', shortId(ref.ownerRunId)),
-          metaRow('taskId', ref.taskId.length > 44 ? shortId(ref.taskId) : ref.taskId),
-        );
-        if (entry && entry.sdkSessionId) pane.meta.append(metaRow('sdkSessionId', shortId(entry.sdkSessionId)));
-        if (entry && entry.taskType) pane.meta.append(metaRow('taskType', entry.taskType));
-        if (entry && Number.isFinite(entry.rowCount)) pane.meta.append(metaRow('索引行数', entry.rowCount));
-        pane.meta.dataset.filled = '1';
-      }
       if (!panel.rendered) renderTimeline(tab);
       pane.more.hidden = !(panel.hasMore && panel.nextCursor);
       pane.more.disabled = panel.loading === true;
-      refreshFoot(tab);
     }
 
     function renderTimeline(tab) {
@@ -1606,61 +1882,36 @@
       if (!pane) return;
       const keepScroll = pane.follow === false ? pane.scroll.scrollTop : null;
       pane.scroll.textContent = '';
-      pane.finalNode = null;
-      let lastTextNode = null;
+      const conversation = createConversation(pane.scroll);
       const ordered = [...panel.events].sort((a, b) => (Number(a && a.sequence) || 0) - (Number(b && b.sequence) || 0));
-      for (const event of ordered) {
-        const built = buildRow(event, tab);
-        if (!built) continue;
-        pane.scroll.append(built.node);
-        if (built.textNode) lastTextNode = built.textNode;
-      }
-      if (lastTextNode && lastTextNode.classList) { lastTextNode.classList.add('rd-final'); pane.finalNode = lastTextNode; }
+      for (const event of ordered) appendNativeConversation(conversation, event);
+      const entry = taskIndex.get(taskRefKey(tab.taskRef));
+      if (entry && TERMINAL_STATUSES.includes(entry.status)) conversation.finish(ordered.length ? ordered[ordered.length - 1].sequence : null);
+      pane.conversation = conversation;
       panel.rendered = true;
       if (keepScroll !== null) pane.scroll.scrollTop = keepScroll;
       else if (pane.follow !== false) pane.scroll.scrollTop = pane.scroll.scrollHeight;
     }
 
-    function buildRow(event, tab) {
-      if (!event || typeof event !== 'object') return null;
-      const type = String(event.type || '');
-      if (!RENDERABLE_ROW_TYPES.has(type)) return null;
-      let node = null;
-      let textNode = null;
-      if (type === 'claude/native-task-state') {
-        node = el('div', 'rd-item rd-state');
-        const status = TASK_STATUSES.includes(event.status) ? event.status : 'unknown';
-        node.append(el('span', 'rd-state-dot ' + status));
-        node.append(el('span', 'rd-state-text',
-          `状态 ${STATUS_LABELS[status] || status}${event.statusSource ? '（来源 ' + shortId(event.statusSource) + '）' : ''}`));
-        if (isId(event.taskType)) node.append(el('code', 'rd-dim', event.taskType));
-      } else if (type === 'claude/task-progress') {
-        node = el('div', 'rd-item rd-progress');
-        const status = TASK_STATUSES.includes(event.status) ? event.status : 'unknown';
-        node.append(el('span', 'rd-state-dot ' + status));
-        node.append(el('span', 'rd-state-text', isId(event.summary) ? String(event.summary).slice(0, 400) : '（进度更新，无摘要）'));
-      } else if (type === 'claude/native-trace') {
-        node = el('div', 'rd-item rd-trace');
-        const head = el('span', 'rd-trace-head', `工具 ${isId(event.toolName) ? event.toolName : '未知'}`);
-        node.append(head);
-        if (isId(event.nativeAgentId)) node.append(el('code', 'rd-dim', 'agent ' + shortId(event.nativeAgentId)));
-        if (isId(event.traceId)) node.append(el('code', 'rd-dim', 'trace ' + shortId(event.traceId)));
-        const response = event.toolResponse;
-        if (response != null) {
-          let preview = '';
-          try { preview = typeof response === 'string' ? response : JSON.stringify(response); } catch { preview = String(response); }
-          node.append(el('pre', 'rd-pre', preview.slice(0, 2000)));
+    function appendNativeConversation(conversation, event) {
+      if (!event || typeof event !== 'object') return;
+      if (event.type === 'claude/task-interrupted') { conversation.accept(event); return; }
+      if (event.type !== 'claude/native-task-transcript') return;
+      if (!event.read || event.read.status !== 'ok') {
+        conversation.accept({ type: 'conversation/unavailable', sequence: event.sequence });
+        return;
+      }
+      for (const entry of Array.isArray(event.entries) ? event.entries : []) {
+        if (!entry || typeof entry !== 'object') continue;
+        const blocks = Array.isArray(entry.blocks) ? entry.blocks : [];
+        const text = blocks.filter(block => block && block.kind === 'text' && typeof block.text === 'string').map(block => block.text).join('\n');
+        if (text) conversation.accept({ type: entry.role === 'assistant' ? 'conversation/assistant' : 'claude/user-prompt', text, sequence: event.sequence });
+        for (const block of blocks) {
+          if (!block || typeof block !== 'object') continue;
+          if (block.kind === 'tool_use') conversation.accept({ type: 'claude/tool-use', id: block.toolUseId || block.id, name: block.name, input: block.input || {}, sequence: event.sequence });
+          else if (block.kind === 'tool_result') conversation.accept({ type: 'claude/tool-result', id: block.toolUseId || block.tool_use_id, output: (Array.isArray(block.texts) ? block.texts : []).filter(value => typeof value === 'string').join('\n'), isError: block.isError === true, sequence: event.sequence });
         }
-      } else if (type === 'claude/task-interrupted') {
-        node = el('div', 'rd-item rd-interrupted', '任务被中断（interrupted）');
-      } else if (type === 'claude/native-task-transcript') {
-        const built = buildTranscriptRow(event);
-        node = built.node;
-        textNode = built.textNode;
       }
-      const seq = Number(event.sequence);
-      if (node && Number.isFinite(seq) && node.dataset) node.dataset.seq = String(seq);
-      return { node, textNode };
     }
 
     function renderMdInto(node, text) {
@@ -1671,99 +1922,10 @@
       node.textContent = value;
     }
 
-    function buildTranscriptRow(event) {
-      const node = el('div', 'rd-item rd-transcript');
-      let textNode = null;
-      const read = event.read;
-      if (!read || read.status !== 'ok') {
-        node.append(el('div', 'rd-readfail', `任务记录读取${read && read.reason ? '失败：' + read.reason : '不可用'}；未渲染任何内容`));
-        return { node, textNode: null };
-      }
-      const entries = Array.isArray(event.entries) ? event.entries : [];
-      for (const entry of entries) {
-        if (!entry || typeof entry !== 'object') continue;
-        const wrap = el('div', 'rd-msg ' + (entry.role === 'assistant' ? 'assistant' : 'user'));
-        wrap.append(el('span', 'rd-role', entry.role === 'assistant' ? '助手' : '用户'));
-        const blocks = Array.isArray(entry.blocks) ? entry.blocks : [];
-        for (const block of blocks) {
-          if (!block || typeof block !== 'object') continue;
-          if (block.kind === 'text' && typeof block.text === 'string') {
-            const p = el('div', 'rd-text');
-            renderMdInto(p, block.text);
-            wrap.append(p);
-            if (entry.role === 'assistant') textNode = p;
-          } else if (block.kind === 'tool_use') {
-            const step = el('div', 'rd-toolstep');
-            step.append(el('span', 'rd-toolname', `工具调用 ${isId(block.name) ? block.name : '未知'}`));
-            let dump = '';
-            try { dump = JSON.stringify(block.input == null ? {} : block.input, null, 2); } catch { dump = String(block.input); }
-            step.append(el('pre', 'rd-pre', dump.slice(0, 4000)));
-            wrap.append(step);
-          } else if (block.kind === 'tool_result') {
-            const res = el('div', 'rd-toolresult' + (block.isError === true ? ' failed' : ''));
-            res.append(el('span', 'rd-toolname', block.isError === true ? '工具结果（失败）' : '工具结果'));
-            const texts = Array.isArray(block.texts) ? block.texts.filter(t => typeof t === 'string') : [];
-            res.append(el('pre', 'rd-pre', texts.join('\n').slice(0, 4000)));
-            wrap.append(res);
-          }
-        }
-        node.append(wrap);
-      }
-      const steps = Array.isArray(event.toolSteps) ? event.toolSteps.length : 0;
-      if (steps) node.append(el('div', 'rd-dim', `工具步骤 ${steps}`));
-      const chunk = event.chunk;
-      if (chunk && (Number(chunk.count) > 1 || chunk.complete === false)) {
-        node.append(el('div', 'rd-dim', `分片 ${Number(chunk.index) + 1}/${Number(chunk.count)}${chunk.complete === false ? '（未完）' : ''}`));
-      }
-      return { node, textNode };
-    }
 
-    function usageRow(key, value) {
-      const line = el('div', 'rd-usage-row');
-      line.append(el('span', 'rd-usage-key', String(key)), el('span', 'rd-usage-val', value == null ? '未知' : String(value)));
-      return line;
-    }
-
-    function refreshFoot(tab) {
-      const pane = tab.pane;
-      if (!pane) return;
-      const panel = ensurePanelState(tab);
-      pane.foot.textContent = '';
-      const usage = panel.usageSummary;
-      if (usage && typeof usage === 'object') {
-        const box = el('div', 'rd-usage');
-        box.append(el('span', 'rd-usage-title', '用量'));
-        for (const [key, value] of Object.entries(usage)) {
-          if (key === 'totals' || key === 'knownTotals') continue;
-          box.append(usageRow(key, value));
-        }
-        const totals = usage.totals;
-        if (totals && typeof totals === 'object') {
-          for (const [key, value] of Object.entries(totals)) box.append(usageRow(key, value));
-        } else {
-          const known = usage.knownTotals;
-          if (known && typeof known === 'object' && Object.keys(known).length) {
-            const line = el('div', 'rd-usage-row partial');
-            const parts = Object.entries(known).map(([k, v]) => `${k}=${v}`);
-            line.append(el('span', 'rd-usage-key', '已知部分'), el('span', 'rd-usage-val', parts.join(' / ') + '（总计未知）'));
-            box.append(line);
-          } else box.append(usageRow('总计', null));
-        }
-        pane.foot.append(box);
-      }
-      if (panel.diagnostics.length) {
-        const box = el('div', 'rd-diags');
-        box.append(el('span', 'rd-usage-title', '诊断'));
-        for (const item of panel.diagnostics.slice(0, 8)) {
-          box.append(el('code', 'rd-diag', item.code + (item.source ? ' @' + item.source : '')));
-        }
-        pane.foot.append(box);
-      }
-    }
 
     function renderAnchorNote(pane, text) {
       pane.anchorNote = text;
-      if (pane.note) { pane.note.textContent = text; pane.note.hidden = !text; }
     }
 
     function applyAnchor(tab) {
@@ -1779,6 +1941,7 @@
         renderAnchorNote(pane, '已定位到最新记录');
         return;
       }
+      if (anchor && Number.isFinite(anchor.top)) { pane.scroll.scrollTop = anchor.top; renderAnchorNote(pane, '已恢复阅读位置'); return; }
       if (Number.isFinite(seq)) {
         let matched = null;
         for (const node of Array.from(pane.scroll.children || [])) {
@@ -1796,75 +1959,14 @@
       } else renderAnchorNote(pane, '已恢复读取位置（跟随关闭）');
     }
 
-    function openPicker() { pickerOpen = true; renderPicker(); }
-
-    function closePicker() { pickerOpen = false; renderPicker(); }
-
-    function renderPicker() {
-      if (!pickerHost) return;
-      pickerHost.hidden = !pickerOpen;
-      if (!pickerOpen) return;
-      pickerHost.textContent = '';
-      const head = el('div', 'rd-picker-head');
-      head.append(el('strong', null, '选择原生后台任务'));
-      const refresh = el('button', 'rd-picker-refresh', '刷新');
-      refresh.addEventListener('click', () => { void validateScopeTasks(); void validateScopeDelegations(); });
-      const close = el('button', 'rd-picker-close', '关闭');
-      close.addEventListener('click', () => { closePicker(); });
-      head.append(refresh, close);
-      pickerHost.append(head);
-      if (listState.loading) pickerHost.append(el('div', 'rd-picker-empty', '正在读取原生任务列表…'));
-      else if (listState.error) pickerHost.append(el('div', 'rd-picker-empty', listState.error));
-      else if (!taskIndex.size) pickerHost.append(el('div', 'rd-picker-empty', '当前会话没有原生后台任务记录。'));
-      else {
-        const rows = Array.from(taskIndex.values())
-          .sort((a, b) => String(a.taskId || '').localeCompare(String(b.taskId || '')));
-        for (const entry of rows) {
-          const row = el('button', 'rd-picker-row');
-          row.disabled = !entry.taskRef;
-          const status = entry.status || 'unknown';
-          let label = `#${shortId(entry.taskId || entry.sdkSessionId)} · ${STATUS_LABELS[status] || '状态未知'}`;
-          if (entry.taskKind) label += ` · ${KIND_LABELS[entry.taskKind] || entry.taskKind}`;
-          if (!entry.taskRef) label += '（未绑定 taskRef，不可打开）';
-          row.textContent = label;
-          row.title = entry.taskRef ? entry.taskRef.taskId : label;
-          if (entry.taskRef) row.addEventListener('click', () => { openTask(entry.taskRef); });
-          pickerHost.append(row);
-        }
-      }
-      if (delegationSupported) {
-        pickerHost.append(el('div', 'rd-picker-subhead', '委派会话（可信 delegation 关系）'));
-        if (delegationState.loading) pickerHost.append(el('div', 'rd-picker-empty', '正在读取委派会话…'));
-        else if (delegationState.error) pickerHost.append(el('div', 'rd-picker-empty', delegationState.error));
-        else if (!delegationIndex.size) pickerHost.append(el('div', 'rd-picker-empty', '当前会话没有委派记录。'));
-        else {
-          const dRows = Array.from(delegationIndex.values())
-            .sort((a, b) => String(a.issuedAt || '').localeCompare(String(b.issuedAt || '')));
-          for (const entry of dRows) {
-            const row = el('button', 'rd-picker-row rd-picker-delegation-row');
-            const childLabel = entry.child.present ? (CHILD_STATE_LABELS[entry.child.state] || entry.child.state || '状态未知') : '子会话缺失（悬空）';
-            row.textContent = `委派 ${shortId(entry.delegationId)} · ${DELEGATION_PHASE_LABELS[entry.phase] || entry.phase || '阶段未知'} · ${childLabel}`;
-            row.title = entry.delegationId;
-            row.addEventListener('click', () => { openDelegation(entry.delegationId); });
-            pickerHost.append(row);
-          }
-        }
-        pickerHost.append(el('div', 'rd-picker-note', DELEGATION_PICKER_NOTE));
-      }
-      const hostProviders = registry ? registry.listAvailable({ projectId: scope ? scope.contextId : null }) : [];
-      if (hostProviders.length) {
-        pickerHost.append(el('div', 'rd-picker-subhead', '可信宿主面板（已注册）'));
-        for (const descriptor of hostProviders) {
-          const row = el('button', 'rd-picker-row rd-picker-host-row');
-          const typeLabel = registry.panelTypeLabel ? registry.panelTypeLabel(descriptor.panelType) : descriptor.panelType;
-          row.textContent = `${descriptor.title} · ${typeLabel || descriptor.panelType}${descriptor.multiInstance === 'multiple' ? ' · 可多实例' : ''}`;
-          row.title = descriptor.providerId;
-          row.addEventListener('click', () => { openPanel(descriptor.providerId); });
-          pickerHost.append(row);
-        }
-      }
-      pickerHost.append(el('div', 'rd-picker-note', registry ? PICKER_REGISTRY_NOTE : PICKER_NOTE));
+    function openPicker() {
+      let tab = tabs.find(item => item.kind === 'launcher');
+      if (!tab) { tab = { id: nextTabId(), kind: 'launcher', pane: null }; tabs.push(tab); }
+      else if (tab.pane) { tab.pane.node.remove(); tab.pane = null; }
+      activeTabId = tab.id; open = true; pickerOpen = true; render(); schedulePersist();
     }
+    function closePicker() { pickerOpen = false; }
+    function renderPicker() { if (pickerHost) pickerHost.hidden = true; }
 
     function snapshot() {
       return {
@@ -1885,6 +1987,7 @@
           providerId: tab.kind === 'host' ? tab.providerId : null,
           panelType: tab.kind === 'host' && tab.descriptor ? tab.descriptor.panelType : null,
           hostError: tab.pane && tab.pane.error ? tab.pane.error : null,
+          hostReady: Boolean(tab.kind === 'host' && tab.pane && tab.pane.loaded),
           delegation: tab.kind === 'delegated' ? delegationSnapshotOf(tab) : null,
           content: tab.kind === 'host' && tab.pane ? {
             version: tab.pane.contentVersion !== undefined ? tab.pane.contentVersion : null,
@@ -1909,12 +2012,40 @@
       return Array.from(tab.pane.scroll.children || []).map(node => String(node.textContent || '')).join('\n');
     }
 
-    function pickerText() { return pickerHost ? String(pickerHost.textContent || '') : ''; }
+    function pickerText() { const tab = tabs.find(item => item.kind === 'launcher'); return tab && tab.pane ? String(tab.pane.node.textContent || '') : ''; }
+
+    function taskViews(parentSessionId) {
+      if (parentSessionId !== undefined && (!scope || scope.parentSessionId !== parentSessionId)) return [];
+      const native = [...taskIndex.values()].filter(entry => entry.taskRef && scopeRefMatches(scope, entry.taskRef)).map(entry => ({
+        taskRef: { ...entry.taskRef }, taskId: entry.taskId, status: entry.status,
+        description: taskTitle(entry),
+      }));
+      const delegated = [...delegationIndex.values()].map(view => ({
+        delegationId: view.delegationId, taskId: view.childSessionId,
+        description: delegationTitle(view.delegationId),
+        status: delegationStatus(view).status, statusLabel: delegationStatus(view).label,
+      }));
+      return [...native, ...delegated];
+    }
+
+    async function openTaskForToolUseId(toolUseId) {
+      if (!isId(toolUseId) || !scope) return null;
+      const epoch = scopeEpoch;
+      await validateScopeTasks();
+      if (epoch !== scopeEpoch) return null;
+      const matches = [...taskIndex.values()].filter(entry => entry.launcherToolUseId === toolUseId && entry.taskRef && scopeRefMatches(scope, entry.taskRef));
+      if (matches.length !== 1) {
+        toast('此子代理暂未提供可读取的独立任务记录。', true);
+        return null;
+      }
+      return openTask(matches[0].taskRef, { reuse: true });
+    }
 
     const api = {
       attachSession, detachSession, handleSessionEvent, handleResync,
       refreshIdentity,
-      openTask, openDelegation, notifySessionChanged, backgroundActivity,
+      refreshProviders() { for (const tab of tabs) if (tab.kind === 'launcher' && tab.pane) { tab.pane.node.remove(); tab.pane = null; } render(); },
+      openTask, openTaskForToolUseId, taskViews, openNewAgent, openDelegation, notifySessionChanged, backgroundActivity,
       closeTab, toggle, setWidth, adjustWidth,
       openPanel, closeHostPanels, activateHostPanel,
       relayHostPanelContent, ackHostPanelContent,