@walkhi/code-relax 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/src/shared-app-server.mjs

@@ -6,6 +6,9 @@ import serverRequests from '../shared/server-requests.cjs';
 
 const syncTokenTtlMs = 30_000;
 const syncBufferMaxBytes = 8 * 1024 * 1024;
+const historyPageMaxTurns = 8;
+const historyPageMaxBytes = 500 * 1024;
+const turnItemPageSize = 50;
 const writerConflictMessages = ['already has an active writer', 'already has a live local writer'];
 
 export class ThreadWriterConflictError extends Error {
@@ -38,9 +41,10 @@ export class SharedAppServer extends EventEmitter {
     this.threads = new Map();
     this.contexts = new Map();
     this.settingsNotifications = new Map();
-    this.permissionOptions = new events.PermissionOptionsCache();
-    this.subscriptions = new Map();
-    this.usageCache = new events.UsageCache(value => this.emit('usage', value));
+    this.permissionOptions = new events.PermissionOptionsCache();
+    this.subscriptions = new Map();
+    this.operationGroups = new Map();
+    this.usageCache = new events.UsageCache(value => this.emit('usage', value));
   }
 
   async connect() {
@@ -78,9 +82,10 @@ export class SharedAppServer extends EventEmitter {
         clearTimeout(pending.timer);
         pending.reject(new Error('完整控制连接断开；发送结果可能未确认，请检查对话后再操作。'));
       }
-      this.pending.clear();
-      this.serverRequests.reset(randomUUID());
-      this.threads.clear();
+      this.pending.clear();
+      this.serverRequests.reset(randomUUID());
+      this.threads.clear();
+      this.operationGroups.clear();
       for (const slot of this.subscriptions.values()) clearTimeout(slot.expiry);
       this.subscriptions.clear();
       this.contexts.clear();
@@ -159,14 +164,20 @@ export class SharedAppServer extends EventEmitter {
     if (method === 'thread/tokenUsage/updated') {
       this.contexts.set(id, { ...this.contexts.get(id), tokenUsage: params.tokenUsage });
       return;
-    }
-    const record = this.threads.get(id);
-    if (!record) return;
-    const turn = events.applyNotification(record.thread, method, params);
+    }
+    const record = this.threads.get(id);
+    if (!record) return;
+    const current = params.turn?.id ? record.thread.turns?.find(turn => turn.id === params.turn.id) : null;
+    const groupedHistory = current?.items?.some(item => item?.type === 'lazyOperationGroup');
+    const appliedParams = groupedHistory && method === 'turn/completed' && Array.isArray(params.turn?.items)
+      ? { ...params, turn: { ...params.turn,
+        items: params.turn.items.filter(item => ['userMessage', 'agentMessage'].includes(item?.type)) } }
+      : params;
+    const turn = events.applyNotification(record.thread, method, appliedParams);
     if (turn) {
       const sequence = ++record.sequence;
       record.changes.set(turn.id, { sequence, turn });
-      record.changeBytes += Buffer.byteLength(JSON.stringify({ method, params }));
+      record.changeBytes += Buffer.byteLength(JSON.stringify({ method, params: appliedParams }));
       if (record.changeBytes > syncBufferMaxBytes) {
         record.recoverAfter = sequence;
         record.changes.clear(); record.changeBytes = 0;
@@ -177,7 +188,7 @@ export class SharedAppServer extends EventEmitter {
     if (method === 'turn/completed') record.thread.turns = record.thread.turns.slice(-10);
   }
 
-  async timeline(threadId) {
+  async timeline(threadId, pageOptions = {}) {
     await this.connect();
     const slot = this.slot(threadId);
     const task = slot.tail.then(async () => {
@@ -191,26 +202,34 @@ export class SharedAppServer extends EventEmitter {
         let result;
         try {
           result = await this.request('thread/resume', { threadId, excludeTurns: true,
-            initialTurnsPage: { limit: 10, sortDirection: 'desc', itemsView: 'full' } });
+            initialTurnsPage: { limit: 1, sortDirection: 'desc', itemsView: 'summary' } });
         } catch (error) {
           if (!isThreadWriterConflict(error)) throw error;
-          const read = await this.request('thread/read', { threadId, includeTurns: true });
-          const turns = Array.isArray(read.thread?.turns) ? read.thread.turns.slice(-10) : [];
+          const [read, page] = await Promise.all([
+            this.request('thread/read', { threadId, includeTurns: false }),
+            this.request('thread/turns/list', {
+              threadId, limit: historyPageMaxTurns, sortDirection: 'desc', itemsView: 'summary',
+            }),
+          ]);
+          const compact = await Promise.all([...(page.data || [])].reverse().map(turn => this.compactTurn(threadId, turn)));
+          const turns = this.fitTurns({ thread: read.thread }, compact, pageOptions);
           const thread = { ...read.thread, turns, readOnly: true,
             readOnlyReason: '该对话正在另一个 Codex 实例中使用。' };
-          record = { thread, nextCursor: null, sequence: 0, recoverAfter: 0,
+          record = { thread, nextCursor: page.nextCursor ?? null, sequence: 0, recoverAfter: 0,
             changes: new Map(), changeBytes: 0, tokens: new Map(), readOnly: true };
           this.threads.set(threadId, record);
           result = null;
         }
         if (result) {
           if (!Array.isArray(result.initialTurnsPage?.data)) throw new Error('完整控制未返回分页历史。');
-          const thread = { ...result.thread, turns: [...result.initialTurnsPage.data].reverse() };
+          const compact = await Promise.all([...result.initialTurnsPage.data].reverse().map(turn => this.compactTurn(threadId, turn)));
+          const thread = { ...result.thread, turns: compact };
           record = { thread, nextCursor: result.initialTurnsPage.nextCursor ?? null, sequence: 0,
             recoverAfter: 0, changes: new Map(), changeBytes: 0, tokens: new Map() };
           this.threads.set(threadId, record);
           this.contexts.set(threadId, { ...this.contexts.get(threadId), model: result.model, thinking: result.reasoningEffort, serviceTier: result.serviceTier ?? null,
             cwd: result.cwd, ...events.permissionState(result) });
+          await this.extendHistoryRecord(threadId, record, pageOptions);
         }
       }
       const id = randomUUID(), expires = Date.now() + syncTokenTtlMs;
@@ -250,7 +269,8 @@ export class SharedAppServer extends EventEmitter {
     if (record?.tokens.size) { this.scheduleCleanup(threadId, slot); return; }
     slot.tail = slot.tail.then(async () => {
       if (slot.users || this.threads.get(threadId)?.tokens.size) return;
-      this.threads.delete(threadId); this.contexts.delete(threadId); this.permissionOptions.delete(threadId);
+      this.threads.delete(threadId); this.contexts.delete(threadId); this.permissionOptions.delete(threadId);
+      this.operationGroups.delete(threadId);
       this.subscriptions.delete(threadId); clearTimeout(slot.expiry);
       if (this.ready && !record?.readOnly) await this.request('thread/unsubscribe', { threadId });
       this.serverRequests.forget(threadId);
@@ -291,12 +311,135 @@ export class SharedAppServer extends EventEmitter {
       snapshot, catchup, release };
   }
 
-  async history(threadId, cursor) {
-    await this.connect();
-    if (!cursor) throw new Error('缺少历史分页游标。');
-    const result = await this.request('thread/turns/list', { threadId, cursor, limit: 10, sortDirection: 'desc', itemsView: 'full' });
-    return { thread: { id: threadId, turns: [...result.data].reverse() }, nextCursor: result.nextCursor ?? null };
-  }
+  pageSettings(options = {}) {
+    return {
+      maxTurns: Math.max(1, Math.min(historyPageMaxTurns, Number(options.maxTurns) || historyPageMaxTurns)),
+      maxBytes: Math.max(1, Number(options.maxBytes) || historyPageMaxBytes),
+      measure: typeof options.measure === 'function' ? options.measure : value => Buffer.byteLength(JSON.stringify(value)),
+    };
+  }
+
+  async compactTurn(threadId, turn) {
+    const compact = events.compactTurn(turn);
+    if (!turn?.id) return compact;
+    const batches = [];
+    let cursor;
+    do {
+      const page = await this.request('thread/items/list', {
+        threadId, turnId: turn.id, ...(cursor ? { cursor } : {}),
+        limit: 100, sortDirection: 'desc',
+      });
+      if (!Array.isArray(page.data)) throw new Error('完整控制未返回单轮条目索引。');
+      batches.push(page.data.map(entry => events.compactItem(entry.item)));
+      cursor = page.nextCursor ?? null;
+    } while (cursor);
+    const items = batches.reverse().flatMap(batch => batch.reverse());
+    const groups = new Map(), skeleton = [];
+    let operationItems = [];
+    const flushOperations = () => {
+      if (!operationItems.length) return;
+      const visibleItems = operationItems.filter(item => item?.type !== 'reasoning');
+      operationItems = [];
+      if (!visibleItems.length) return;
+      const groupId = `g${groups.size + 1}`;
+      const outline = operationOutline(visibleItems, false);
+      groups.set(groupId, visibleItems);
+      skeleton.push({ type: 'lazyOperationGroup', id: `${turn.id}:${groupId}`,
+        turnId: turn.id, groupId, title: outline.title, count: visibleItems.length });
+    };
+    for (const item of items) {
+      if (['userMessage', 'agentMessage', 'imageGeneration'].includes(item?.type)) {
+        flushOperations();
+        skeleton.push(item);
+      } else operationItems.push(item);
+    }
+    flushOperations();
+    let threadGroups = this.operationGroups.get(threadId);
+    if (!threadGroups) { threadGroups = new Map(); this.operationGroups.set(threadId, threadGroups); }
+    threadGroups.set(turn.id, groups);
+    return { ...compact, items: skeleton };
+  }
+
+  async operationGroupItems(threadId, turnId, groupId, offset) {
+    await this.connect();
+    const items = this.operationGroups.get(threadId)?.get(turnId)?.get(groupId);
+    if (!items) throw new Error('操作组已失效，请重新打开对话。');
+    const start = Math.max(0, Number(offset) || 0);
+    const pageItems = items.slice(start, start + turnItemPageSize);
+    const nextOffset = start + pageItems.length < items.length ? start + pageItems.length : null;
+    return { turnId, groupId, items: pageItems, nextOffset, total: items.length };
+  }
+
+  async turnContext(threadId, turnId) {
+    await this.connect();
+    if (!threadId || !turnId) throw new Error('缺少图片所属的对话或轮次。');
+    return this.compactTurn(threadId, { id: turnId });
+  }
+
+  fitTurns(base, turns, options = {}) {
+    const settings = this.pageSettings(options), accepted = [];
+    let firstOversized = false;
+    for (let index = turns.length - 1; index >= 0 && accepted.length < settings.maxTurns; index--) {
+      const candidate = [turns[index], ...accepted];
+      const candidateBytes = settings.measure({ ...base, thread: { ...base.thread, turns: candidate } });
+      if (accepted.length >= 2 && candidateBytes > settings.maxBytes) break;
+      accepted.unshift(turns[index]);
+      if (accepted.length === 1) firstOversized = candidateBytes > settings.maxBytes;
+      if (firstOversized || (accepted.length >= 2 && candidateBytes > settings.maxBytes)) break;
+    }
+    return accepted;
+  }
+
+  async extendHistoryRecord(threadId, record, options = {}) {
+    const settings = this.pageSettings(options);
+    if (!record.nextCursor || !record.thread.turns.length) return;
+    const firstOversized = settings.measure({ thread: record.thread, nextCursor: record.nextCursor }) > settings.maxBytes;
+    if (firstOversized) return;
+    while (record.nextCursor && record.thread.turns.length < settings.maxTurns) {
+      const cursor = record.nextCursor;
+      const page = await this.request('thread/turns/list', {
+        threadId, cursor, limit: 1, sortDirection: 'desc', itemsView: 'summary',
+      });
+      if (!Array.isArray(page.data) || !page.data.length) {
+        record.nextCursor = page.nextCursor ?? null;
+        break;
+      }
+      const candidate = [await this.compactTurn(threadId, page.data[0]), ...record.thread.turns];
+      const value = { thread: { ...record.thread, turns: candidate }, nextCursor: page.nextCursor ?? null };
+      if (record.thread.turns.length >= 2 && settings.measure(value) > settings.maxBytes) break;
+      record.thread.turns = candidate;
+      record.nextCursor = page.nextCursor ?? null;
+      if (record.thread.turns.length >= 2 && settings.measure(value) > settings.maxBytes) break;
+    }
+  }
+
+  async history(threadId, cursor, options = {}) {
+    await this.connect();
+    if (!cursor) throw new Error('缺少历史分页游标。');
+    const settings = this.pageSettings(options), turns = [];
+    let firstOversized = false;
+    let nextCursor = cursor;
+    while (nextCursor && turns.length < settings.maxTurns) {
+      const pageCursor = nextCursor;
+      const page = await this.request('thread/turns/list', {
+        threadId, cursor: pageCursor, limit: 1, sortDirection: 'desc', itemsView: 'summary',
+      });
+      if (!Array.isArray(page.data) || !page.data.length) {
+        nextCursor = page.nextCursor ?? null;
+        break;
+      }
+      const compact = await this.compactTurn(threadId, page.data[0]);
+      const candidate = [compact, ...turns];
+      const value = { thread: { id: threadId, turns: candidate }, nextCursor: page.nextCursor ?? null };
+      const candidateBytes = settings.measure(value);
+      if (turns.length >= 2 && candidateBytes > settings.maxBytes) break;
+      turns.unshift(compact);
+      nextCursor = page.nextCursor ?? null;
+      if (turns.length === 1) firstOversized = candidateBytes > settings.maxBytes;
+      if (firstOversized || (turns.length >= 2 && candidateBytes > settings.maxBytes)) break;
+    }
+    return { thread: { id: threadId, turns }, nextCursor };
+  }
 
   async interrupt(threadId, turnId) {
     await this.connect();
@@ -354,3 +497,16 @@ export class SharedAppServer extends EventEmitter {
 
   close() { this.socket?.close(); }
 }
+
+function operationOutline(items, hasMore) {
+  const types = new Set(items.map(item => item?.type));
+  const parts = [];
+  if (types.has('fileChange')) parts.push('编辑了文件');
+  if (types.has('commandExecution')) parts.push('运行了命令');
+  if (types.has('mcpToolCall') || types.has('dynamicToolCall')) parts.push('调用了工具');
+  if (types.has('webSearch')) parts.push('搜索了网页');
+  if (types.has('imageView')) parts.push('查看了图像');
+  if (types.has('collabAgentToolCall') || types.has('subAgentActivity')) parts.push('处理了子任务');
+  const available = hasMore || items.some(item => item && !['userMessage', 'agentMessage'].includes(item.type));
+  return { available, title: parts.length ? `${parts.join(' · ')}${hasMore ? '等' : ''}` : '执行过程' };
+}

package/dist/src/shared-catalog.mjs

@@ -14,18 +14,14 @@ export function sharedThreadProjectId(thread, projects) {
   return events.threadProjectId({ cwd: thread.cwd }, projects);
 }
 
-// Native IDs remain stable when optional Desktop presentation data arrives.
+// Mobile catalog order comes entirely from app-server authority, independent of Desktop UI state.
 export class SharedCatalog {
-  constructor(server, desktop) { this.server = server; this.desktop = desktop; }
+  constructor(server) { this.server = server; }
 
   async projects() {
     const native = await this.server.projects();
     const projects = native.map(project => ({ projectId: project.id, name: project.name,
       label: project.name, path: project.roots[0]?.path || '', cwd: project.roots[0]?.path || '', hostId: 'local' }));
-    const ordered = this.desktop.snapshot?.projects || [];
-    const key = value => value.replace(/^\\\\\?\\/, '').replaceAll('\\', '/').replace(/\/+$/, '').toLowerCase();
-    const ranks = new Map(ordered.filter(p => p.hostId === 'local').map((p, i) => [key(p.path || ''), i]));
-    projects.sort((a, b) => (ranks.get(key(a.path)) ?? Infinity) - (ranks.get(key(b.path)) ?? Infinity));
     return { projects, native };
   }
 
@@ -40,16 +36,10 @@ export class SharedCatalog {
     const summaries = threads.map(thread => ({ id: thread.id, kind: 'codex', hostId: 'local',
       title: thread.name || thread.preview || '', cwd: thread.cwd,
       projectId: sharedThreadProjectId(thread, native), updatedAt: thread.updatedAt,
+      recencyAt: thread.recencyAt ?? thread.updatedAt,
       status: typeof thread.status === 'string' ? thread.status : thread.status?.type || 'unknown',
       activeFlags: threadActiveFlags(thread.status) }));
-    const listing = this.desktop.snapshot?.listing;
-    const byId = new Map(summaries.map(thread => [thread.id, thread]));
-    const pinnedThreads = (listing?.pinnedThreads || []).filter(t => t.hostId === 'local' && byId.has(t.id)).map(t => byId.get(t.id));
-    const pinned = new Set(pinnedThreads.map(t => t.id));
-    const ranks = new Map((listing?.threads || []).filter(t => t.hostId === 'local').map((t, i) => [t.id, i]));
-    const rest = summaries.filter(t => !pinned.has(t.id));
-    rest.sort((a, b) => (ranks.get(a.id) ?? Infinity) - (ranks.get(b.id) ?? Infinity));
-    return { projects, pinnedThreads, threads: rest };
+    return { projects, pinnedThreads: [], threads: summaries };
   }
 }
 

package/dist/src/thread-catalog.mjs

@@ -21,20 +21,25 @@ export function supplementThreadCatalog(data, projects, codexRoot, limit) {
       const project = localProjects.find(project => cwd === normalizedPath(project.path) || cwd.startsWith(normalizedPath(project.path) + '/'));
       return { ...thread, projectId: project?.projectId || null };
     };
+    const normalizeRecency = thread => {
+      const assigned = assignProject(thread);
+      const row = assigned.hostId === 'local' ? indexed.get(assigned.id) : null;
+      return row ? { ...assigned, updatedAt: row.updated_ms / 1000, recencyAt: row.sort_ms / 1000 }
+        : { ...assigned, recencyAt: assigned.recencyAt ?? assigned.updatedAt };
+    };
     const visible = thread => thread.kind === 'codex'
       && (thread.hostId !== 'local' || !indexed.get(thread.id)?.archived);
-    const pinnedThreads = (data.pinnedThreads || []).filter(visible).map(assignProject);
-    const pinned = new Set(pinnedThreads.map(thread => thread.id));
-    const threads = new Map((data.threads || []).filter(visible).map(thread => [thread.id, assignProject(thread)]));
+    const listed = [...(data.pinnedThreads || []), ...(data.threads || [])];
+    const threads = new Map(listed.filter(visible).map(thread => [thread.id, normalizeRecency(thread)]));
     for (const row of rows) {
-      if (row.archived || pinned.has(row.id) || threads.has(row.id)) continue;
-      threads.set(row.id, assignProject({ id: row.id, kind: 'codex', hostId: 'local',
+      if (row.archived || threads.has(row.id)) continue;
+      threads.set(row.id, normalizeRecency({ id: row.id, kind: 'codex', hostId: 'local',
         title: row.name || row.title, cwd: row.cwd, projectId: row.project_id,
-        updatedAt: row.updated_ms / 1000, status: 'unknown' }));
+        updatedAt: row.updated_ms / 1000, recencyAt: row.sort_ms / 1000, status: 'unknown' }));
     }
     const recency = thread => thread.hostId === 'local' && indexed.has(thread.id)
       ? indexed.get(thread.id).sort_ms : Number(thread.updatedAt || 0) * 1000;
-    return { ...data, pinnedThreads, threads: [...threads.values()]
+    return { ...data, pinnedThreads: [], threads: [...threads.values()]
       .sort((a, b) => recency(b) - recency(a)).slice(0, limit) };
   } finally {
     db.close();

package/dist/web/activity-view.js

@@ -0,0 +1,283 @@
+(function (root) {
+  'use strict';
+
+  function createActivityView(options) {
+    const {
+      document, disclosures, entryDisclosureKey, activityIcon, disclosureChevronElement,
+      codeBlockIcon, copyText, showToast, compactActivityElement,
+      activityPreview, commandStatusText, diffLineCounts, formatDuration, statusText, toolStatusText,
+    } = options;
+
+    function copyButton(value, label) {
+      const button = document.createElement('button');
+      button.type = 'button';
+      button.className = 'activity-copy';
+      button.title = label;
+      button.setAttribute('aria-label', label);
+      button.append(codeBlockIcon('copy'));
+      button.onclick = async event => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (button.dataset.copyState === 'copied') return;
+        try {
+          await copyText(value);
+          button.dataset.copyState = 'copied';
+          button.title = '已复制';
+          button.setAttribute('aria-label', '已复制');
+          button.replaceChildren(codeBlockIcon('check'));
+          setTimeout(() => {
+            if (!button.isConnected) return;
+            delete button.dataset.copyState;
+            button.title = label;
+            button.setAttribute('aria-label', label);
+            button.replaceChildren(codeBlockIcon('copy'));
+          }, 1500);
+        } catch {
+          showToast('复制失败，可长按选择文字。', 3000);
+        }
+      };
+      return button;
+    }
+
+    function command(entry) {
+      const entryStatus = statusText(entry.status);
+      const commandText = Array.isArray(entry.command) ? entry.command.join(' ') : String(entry.command || '');
+      const output = String(entry.output || '');
+      const preview = activityPreview(commandText);
+      const details = document.createElement('details');
+      details.className = 'activity command-activity';
+      const summary = document.createElement('summary');
+      const label = document.createElement('span');
+      label.className = 'activity-title';
+      label.textContent = `${commandStatusText(entry.status)}${preview ? ` ${preview}` : ''}`;
+      summary.append(activityIcon('command'), label, disclosureChevronElement());
+      const shell = document.createElement('div');
+      shell.className = 'command-shell';
+      if (commandText) {
+        const row = document.createElement('div');
+        row.className = 'command-shell-command';
+        const prompt = document.createElement('span');
+        prompt.className = 'command-shell-prompt';
+        prompt.textContent = '$';
+        const code = document.createElement('code');
+        code.textContent = commandText;
+        row.append(prompt, code, copyButton(commandText, '复制命令'));
+        shell.append(row);
+      }
+      const outputArea = document.createElement('div');
+      outputArea.className = 'command-shell-output';
+      const outputText = document.createElement('pre');
+      outputText.textContent = output || (entryStatus === 'inProgress' ? '' : '无输出');
+      if (!output) outputText.classList.add('empty');
+      outputArea.append(outputText);
+      if (output) outputArea.append(copyButton(output, '复制输出'));
+      shell.append(outputArea);
+      const footer = document.createElement('div');
+      footer.className = 'command-shell-footer';
+      const cwd = document.createElement('span');
+      cwd.className = 'command-shell-cwd';
+      cwd.textContent = entry.cwd ? `目录：${entry.cwd}` : '';
+      cwd.title = entry.cwd || '';
+      const status = document.createElement('span');
+      status.className = 'command-shell-status';
+      const duration = Number(entry.durationMs);
+      const durationText = Number.isFinite(duration) && duration >= 0 ? ` · ${formatDuration(duration)}` : '';
+      if (entryStatus === 'inProgress') status.textContent = `运行中${durationText}`;
+      else if (entryStatus === 'interrupted') status.textContent = `已停止${durationText}`;
+      else if (entry.exitCode === 0) status.textContent = `成功${durationText}`;
+      else if (entry.exitCode != null) status.textContent = `退出码 ${entry.exitCode}${durationText}`;
+      else status.textContent = `${entryStatus === 'failed' ? '失败' : '已完成'}${durationText}`;
+      footer.append(cwd, status);
+      shell.append(footer);
+      details.append(summary, shell);
+      return disclosures.bind(details, entryDisclosureKey(entry));
+    }
+
+    const fieldLabels = {
+      cmd: '命令', command: '命令', cwd: '目录', workdir: '目录', path: '路径', file: '文件',
+      query: '查询', url: '地址', prompt: '内容', message: '消息', target: '目标', pattern: '匹配',
+      server: '服务', tool: '工具', status: '状态', language: '语言', timeout: '超时',
+    };
+
+    function fieldLabel(value) {
+      const key = String(value || '字段');
+      return fieldLabels[key] || key.replaceAll('_', ' ');
+    }
+
+    function parsedStructuredText(value) {
+      const text = String(value || '').trim();
+      if (!text || !['{', '['].includes(text[0])) return null;
+      try { return JSON.parse(text); } catch { return null; }
+    }
+
+    function appendReadableValue(container, value, depth = 0) {
+      if (typeof value === 'string') {
+        const structured = parsedStructuredText(value);
+        if (structured != null) { appendReadableValue(container, structured, depth); return; }
+        const node = document.createElement(value.includes('\n') ? 'pre' : 'span');
+        node.className = value.includes('\n') ? 'tool-detail-text' : 'tool-detail-value';
+        node.textContent = value || '空';
+        container.append(node);
+        return;
+      }
+      if (value == null || typeof value !== 'object') {
+        const node = document.createElement('span');
+        node.className = 'tool-detail-value';
+        node.textContent = value == null ? '无' : String(value);
+        container.append(node);
+        return;
+      }
+      if (depth >= 3) {
+        const node = document.createElement('span');
+        node.className = 'tool-detail-value muted';
+        node.textContent = Array.isArray(value) ? `${value.length} 项` : `${Object.keys(value).length} 个字段`;
+        container.append(node);
+        return;
+      }
+      if (Array.isArray(value)) {
+        if (!value.length) {
+          const node = document.createElement('span');
+          node.className = 'tool-detail-value muted';
+          node.textContent = '无';
+          container.append(node);
+          return;
+        }
+        const list = document.createElement('ul');
+        list.className = 'tool-detail-list';
+        for (const item of value.slice(0, 20)) {
+          const row = document.createElement('li');
+          appendReadableValue(row, item, depth + 1);
+          list.append(row);
+        }
+        if (value.length > 20) {
+          const more = document.createElement('li');
+          more.className = 'muted';
+          more.textContent = `另有 ${value.length - 20} 项`;
+          list.append(more);
+        }
+        container.append(list);
+        return;
+      }
+      const entries = Object.entries(value);
+      if (!entries.length) {
+        const node = document.createElement('span');
+        node.className = 'tool-detail-value muted';
+        node.textContent = '无';
+        container.append(node);
+        return;
+      }
+      const fields = document.createElement('dl');
+      fields.className = 'tool-detail-fields';
+      for (const [key, fieldValue] of entries.slice(0, 24)) {
+        const term = document.createElement('dt');
+        term.textContent = fieldLabel(key);
+        const description = document.createElement('dd');
+        appendReadableValue(description, fieldValue, depth + 1);
+        fields.append(term, description);
+      }
+      if (entries.length > 24) {
+        const description = document.createElement('dd');
+        description.className = 'muted';
+        description.textContent = `另有 ${entries.length - 24} 个字段`;
+        fields.append(description);
+      }
+      container.append(fields);
+    }
+
+    function detailSection(title, value, className = '') {
+      const section = document.createElement('section');
+      section.className = `tool-detail-section ${className}`.trim();
+      const heading = document.createElement('div');
+      heading.className = 'tool-detail-heading';
+      heading.textContent = title;
+      section.append(heading);
+      appendReadableValue(section, value);
+      return section;
+    }
+
+    function tool(entry) {
+      const source = [entry.server, entry.tool].filter(Boolean).join('/');
+      const title = `${toolStatusText(entry.status)}${source ? ` ${source}` : '工具'}`;
+      const argumentsValue = entry.arguments && typeof entry.arguments === 'object' ? entry.arguments : {};
+      const resources = Array.isArray(entry.resources) ? entry.resources : [];
+      const hasDetails = Object.keys(argumentsValue).length > 0 || entry.resultText || entry.errorText || resources.length || entry.mediaCount;
+      if (!hasDetails) return compactActivityElement(title, 'tool');
+      const details = document.createElement('details');
+      details.className = 'activity tool-activity';
+      const summary = document.createElement('summary');
+      const label = document.createElement('span');
+      label.className = 'activity-title';
+      label.textContent = title;
+      summary.append(activityIcon('tool'), label, disclosureChevronElement());
+      const body = document.createElement('div');
+      body.className = 'tool-detail';
+      if (Object.keys(argumentsValue).length) body.append(detailSection('参数', argumentsValue));
+      if (entry.resultText) body.append(detailSection('结果', entry.resultText));
+      if (entry.errorText) body.append(detailSection('错误', entry.errorText, 'error'));
+      if (resources.length) body.append(detailSection('资源', resources));
+      if (entry.mediaCount) body.append(detailSection('媒体', `返回了 ${entry.mediaCount} 个媒体结果`));
+      const duration = Number(entry.durationMs);
+      if (Number.isFinite(duration) && duration >= 0) {
+        const footer = document.createElement('div');
+        footer.className = 'tool-detail-footer';
+        footer.textContent = formatDuration(duration);
+        body.append(footer);
+      }
+      details.append(summary, body);
+      return disclosures.bind(details, entryDisclosureKey(entry));
+    }
+
+    function activity(title, text, status, iconKind = null, disclosureKey = '') {
+      const details = document.createElement('details');
+      details.className = 'activity';
+      const summary = document.createElement('summary');
+      if (iconKind) summary.append(activityIcon(iconKind));
+      const label = document.createElement('span');
+      label.className = 'activity-title';
+      if (typeof title === 'string') label.textContent = title;
+      else label.append(title);
+      summary.append(label, disclosureChevronElement());
+      const content = document.createElement('pre');
+      content.textContent = text || '无详细信息';
+      details.append(summary, content);
+      return disclosures.bind(details, disclosureKey);
+    }
+
+    function fileChange(entry) {
+      const entryStatus = statusText(entry.status);
+      const changes = Array.isArray(entry.changes) ? entry.changes : [];
+      if (!changes.length) {
+        const title = entryStatus === 'completed' || entryStatus === 'failed' ? '已编辑文件' : '正在编辑文件';
+        return activity(title, '无详细信息', entry.status, 'edit');
+      }
+      const fragment = document.createDocumentFragment();
+      for (const [index, change] of changes.entries()) {
+        const title = document.createDocumentFragment();
+        const label = document.createElement('span');
+        const action = entryStatus === 'completed' || entryStatus === 'failed' ? '已编辑' : '正在编辑';
+        const filename = String(change.path || '文件').split(/[\\/]/).filter(Boolean).at(-1) || '文件';
+        label.textContent = `${action} ${filename}`;
+        title.append(label);
+        const counts = diffLineCounts(typeof change.diff === 'string' ? change.diff : change.diff?.text);
+        if (counts.added || counts.removed) {
+          const added = document.createElement('span');
+          added.className = 'diff-add';
+          added.textContent = `+${counts.added}`;
+          const removed = document.createElement('span');
+          removed.className = 'diff-remove';
+          removed.textContent = `-${counts.removed}`;
+          title.append(added, removed);
+        }
+        const diff = typeof change.diff === 'string' ? change.diff : change.diff?.text || '';
+        const detail = [change.path ? `路径：${change.path}` : '', diff].filter(Boolean).join('\n\n');
+        fragment.append(activity(title, detail || '已记录文件修改', entry.status, 'edit',
+          entryDisclosureKey(entry, `file:${index}:${change.path || ''}`)));
+      }
+      return fragment;
+    }
+
+    return { activity, command, fileChange, tool };
+  }
+
+  root.createActivityView = createActivityView;
+})(globalThis);

package/dist/web/capabilities.js

@@ -5,9 +5,9 @@
   // Execution semantics belong to a connection/task, never to a client OS.
   const profiles = {
     'lan-legacy': { input: 'markdown-path', history: 'recent', settings: 'next-message', updates: 'snapshot-poll',
-      stop: 'none', queueOwner: 'bridge', desktopNavigation: true },
+      stop: 'none', queueOwner: 'bridge' },
     'lan-shared': { input: 'inline-image', history: 'paged', settings: 'immediate', updates: 'events',
-      stop: 'primary', queueOwner: 'codex', archive: true, approvals: true, desktopNavigation: true, syncBeforeWrite: true, sharedRecovery: true },
+      stop: 'primary', queueOwner: 'codex', archive: true, approvals: true, syncBeforeWrite: true, sharedRecovery: true },
     relay: { input: 'inline-image', history: 'paged', settings: 'immediate', updates: 'events',
       stop: 'primary', queueOwner: 'codex', archive: true, approvals: true, syncBeforeWrite: true, historyCache: true, remoteImages: true, remoteFiles: true, managedConnection: true },
     'app-server': { input: 'inline-image', history: 'recent', settings: 'next-message', updates: 'events',