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

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

@@ -4,14 +4,10 @@
 })(globalThis, function () {
   // 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 },
     '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',
-      stop: 'separate', queueOwner: 'bridge' },
   };
   const unknown = Object.freeze({ input: 'unknown', history: 'unknown', settings: 'unknown', updates: 'unknown',
     stop: 'none', queueOwner: 'none' });
@@ -25,13 +21,10 @@
       case 'queue': return p.queueOwner !== 'none';
       case 'nativeInput': return ['local-image', 'inline-image'].includes(p.input);
       case 'primaryStop': return p.stop === 'primary';
-      case 'separateStop': return p.stop === 'separate';
       case 'immediateSettings': return p.settings === 'immediate';
       case 'pagedHistory': return p.history === 'paged';
-      case 'recentHistory': return p.history === 'recent';
       case 'archive': return p.archive === true;
-      // The independent adapter keeps its existing snapshot-based UI contract.
-      case 'incrementalEvents': return p.updates === 'events' && mode !== 'app-server';
+      case 'incrementalEvents': return p.updates === 'events';
       default: return p[feature] === true;
     }
   }

package/dist/web/chat-transport.js

@@ -2,17 +2,18 @@
   const capabilities = root.CodexCapabilities;
   const selfRelay = root.codexSelfRelayConfig;
   const lanOrigin = selfRelay ? new URL(selfRelay.url).origin.replace(/^wss:/, 'https:').replace(/^ws:/, 'http:') : root.codexLanConfig?.address || root.location?.origin;
-  const workstationScope = selfRelay
+  const stationScope = selfRelay
     ? JSON.stringify([selfRelay.url, selfRelay.room, selfRelay.clientId])
+    // workstationScope is the released native/Web wire field; stationScope is the domain name used here.
     : root.codexLanConfig?.workstationScope || '';
 
   class LanTransport extends (selfRelay ? root.CodexSelfRelaySession : root.CodexLanSession) {
-    constructor(token) { super(token); this.mode = root.codexLanConfig?.transportMode || 'lan-legacy'; }
+    constructor(token) { super(token); this.mode = root.codexLanConfig?.transportMode || 'unavailable'; }
     connectionState() { return this.ready ? 'connected' : 'disconnected'; }
     async api(path, options = {}) {
       const body = await this.request(path, options);
       if (path.startsWith('/api/health')) {
-        this.mode = body.transportMode || 'lan-legacy';
+        this.mode = body.transportMode || 'unavailable';
         this.recoveryAvailable = body.sharedRecoveryAvailable === true;
         this.execution = body.execution;
         this.managedAppServer = body.managedAppServer;
@@ -37,7 +38,7 @@
       return this.subscribe(`/api/threads/${encodeURIComponent(thread.id)}/events?${query}`);
     }
     async cacheScope() {
-      if (workstationScope) return `workstation-v1:${workstationScope}`;
+      if (stationScope) return `workstation-v1:${stationScope}`;
       if (!selfRelay) return root.codexLanConfig?.cacheScope ? `${root.codexLanConfig.cacheScope}:${this.mode}` : null;
       const identity = [selfRelay.url, selfRelay.room, selfRelay.clientId, selfRelay.revision, selfRelay.credential].join('\0');
       const bytes = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(identity));
@@ -50,7 +51,7 @@
     }
     async readCached(id, thread) {
       const scope = await this.cacheScope();
-      return scope ? root.codexHistoryCache?.get(scope, (workstationScope || selfRelay) ? id : JSON.stringify([thread?.hostId || 'local', id])) : null;
+      return scope ? root.codexHistoryCache?.get(scope, (stationScope || selfRelay) ? id : JSON.stringify([thread?.hostId || 'local', id])) : null;
     }
     async readLastCached() {
       const scope = await this.cacheScope();
@@ -58,7 +59,7 @@
     }
     async saveCached(data) {
       const scope = await this.cacheScope();
-      if (scope) return root.codexHistoryCache?.save(scope, data, value => this.cacheHash(value), (workstationScope || selfRelay) ? data.thread.id : JSON.stringify([data.thread.hostId || 'local', data.thread.id]));
+      if (scope) return root.codexHistoryCache?.save(scope, data, value => this.cacheHash(value), (stationScope || selfRelay) ? data.thread.id : JSON.stringify([data.thread.hostId || 'local', data.thread.id]));
     }
     async addImage(blob) {
       if (!['image/jpeg', 'image/png', 'image/webp'].includes(blob.type) || !blob.size || blob.size > 8 * 1024 * 1024) throw new Error('请选择不超过 8 MiB 的 JPEG、PNG 或 WebP 图片');
@@ -76,9 +77,14 @@
       if (this.token) url.searchParams.set('token', this.token);
       return url.href;
     }
-    async readImage(_threadId, id) {
+    async readImage(threadId, id, variant = 'original', recoveryToken = '', recoveryTurnId = '') {
       if (!/^[a-f0-9]{64}$/.test(id)) throw new Error('无效的图片标识');
-      return (await this.api(`/api/images/${id}`)).url;
+      const query = new URLSearchParams();
+      if (variant === 'thumbnail') query.set('variant', 'thumbnail');
+      if (recoveryToken) query.set('recovery', recoveryToken);
+      if (threadId) query.set('threadId', threadId);
+      if (recoveryTurnId) query.set('turnId', recoveryTurnId);
+      return (await this.api(`/api/images/${id}${query.size ? `?${query}` : ''}`)).url;
     }
     async readFile(_threadId, id) {
       if (!/^[a-f0-9]{64}$/.test(id)) throw new Error('无效的文件标识');
@@ -86,15 +92,13 @@
     }
   }
 
-  // Relay owns login, device pairing, chunking, reconnection and phone cache.
+  // Relay owns login, device pairing, reconnection and phone cache.
   // The LAN adapter owns the authenticated WebSocket; both expose the same UI operations.
   root.createChatTransport = function ({ token, currentThread, relay = root.codexTransport }) {
     const adapter = relay || new LanTransport(token);
     const modeFor = thread => {
       if (relay) return 'relay';
-      if (thread?.transport === 'app-server') return 'app-server';
-      if (thread?.hostId && thread.hostId !== 'local') return 'lan-legacy';
-      return adapter.mode;
+      return adapter.mode;
     };
     const mode = () => modeFor(currentThread());
     const serviceAdvisory = () => {
@@ -110,13 +114,9 @@
       };
       if (adapter.execution && (!adapter.execution.ready || adapter.execution.state === 'recovering')) return {
         kind: 'execution-unavailable',
-        title: adapter.execution.state === 'recovering' ? 'Codex 内核正在恢复' : 'Codex 内核暂不可用',
+        title: adapter.execution.state === 'recovering' ? 'Codex 内核正在恢复' : 'Codex 内核未就绪',
         detail: '工作站连接正常；点击查看当前状况、影响和可执行操作。'
       };
-      if (adapter.mode === 'lan-legacy') return {
-        kind: 'basic', title: '当前为基础控制',
-        detail: '部分实时控制不可用；点击查看影响和恢复完整控制。'
-      };
       return null;
     };
     return {
@@ -128,7 +128,7 @@
         return adapter.subscribe('/api/shared-recovery/events');
       },
       recoveryStatus: () => {
-        if (relay) throw new Error('OpenAI 官方中继不支持从手机启用完整控制');
+        if (relay) throw new Error('OpenAI 官方中继不支持管理工作站 Codex 内核');
         return adapter.api('/api/shared-recovery');
       },
       recoverShared: operationId => {
@@ -140,9 +140,9 @@
       connectionLabel: (compact = false) => {
         if (relay) return compact ? 'OpenAI中继' : 'OpenAI 中继';
         const network = selfRelay ? compact ? 'CodeRelax中继' : 'Code Relax 中继' : '局域网';
-        return serviceAdvisory() ? network : `${network} · ${adapter.mode === 'lan-shared' ? '完整控制' : '基础控制'}`;
+        return network;
       },
-      draftScope: () => relay ? adapter.draftScope() : workstationScope || (selfRelay ? `${lanOrigin}/${selfRelay.room}` : lanOrigin),
+      draftScope: () => relay ? adapter.draftScope() : stationScope || (selfRelay ? `${lanOrigin}/${selfRelay.room}` : lanOrigin),
       capabilities: () => capabilities.describe(mode()),
       has: name => (name === 'historyCache' && Boolean(selfRelay || root.codexLanConfig?.cacheScope)) || capabilities.has(mode(), name),
       supports: (name, thread) => capabilities.has(modeFor(thread), name),
@@ -170,7 +170,7 @@
       addImage: blob => adapter.addImage(blob),
       removeImage: id => adapter.removeImage?.(id),
       clearImages: () => adapter.clearImages?.(),
-      readImage: (id, path) => adapter.readImage(id, path),
+      readImage: (id, path, variant, recoveryToken, recoveryTurnId) => adapter.readImage(id, path, variant, recoveryToken, recoveryTurnId),
       readFile: (id, path) => adapter.readFile(id, path),
       readCached: async (id, thread) => adapter.readCached?.(id, thread),
       readLastCached: async () => adapter.readLastCached?.(),