@workflow-code/cli 0.2.4-20261011009.codex-cli-web → 0.2.4-20261012002.codex-cli-web

package/dist/index.js

@@ -24,7 +24,7 @@ async function main(argv = process.argv.slice(2)) {
   const prepared = prepareCliInvocation(argv);
   argv = prepared.argv;
   if (argv[0] === "web") {
-    const webCli = await import("./web-RDWHQ2ST.js");
+    const webCli = await import("./web-Z66GHLM3.js");
     return webCli.main(argv.slice(1));
   }
   if (argv[0] === "workspace") {

package/dist/web/kanban-workspace.js

@@ -2704,6 +2704,87 @@ ${state2.user?.avatarUrl ?? ""}`;
     });
   }
 
+  // src/web/ui/trace-bridge.ts
+  function traceSnapshot(state2) {
+    const project2 = state2.project;
+    if (!project2 || !["conversation", "workflow"].includes(project2.projectType)) {
+      return;
+    }
+    const base = { project: { id: project2.id, name: project2.name, projectType: project2.projectType }, running: state2.running };
+    if (project2.projectType === "workflow") {
+      return { ...base, runs: state2.runs, selectedId: state2.selectedId, run: state2.run, occupiedRun: state2.occupiedRun, history: state2.history };
+    }
+    return { ...base, activeId: state2.activeId, sessions: (state2.sessions ?? []).map((session) => ({
+      id: session.id,
+      title: session.title,
+      createdAt: session.createdAt,
+      updatedAt: session.updatedAt,
+      messages: (session.messages ?? []).map((message) => {
+        const { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs } = message;
+        return { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs };
+      })
+    })) };
+  }
+  var TraceBridge = class {
+    constructor(send) {
+      this.send = send;
+    }
+    send;
+    enabled = false;
+    snapshot;
+    status = "connecting";
+    get active() {
+      return this.enabled;
+    }
+    enable(version) {
+      this.enabled = version === 1;
+      if (this.enabled) {
+        this.publish("status", { status: this.status });
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+    }
+    receive(message) {
+      if (message.type === "state") {
+        this.snapshot = traceSnapshot(message);
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+      if (message.type === "connection") {
+        this.status = message.status;
+        this.publish("status", { status: this.status });
+      }
+      if (message.type === "trace-run") {
+        this.publish("run", { run: message.run, runId: message.runId, error: message.error });
+      }
+    }
+    open(target) {
+      if (!this.enabled) {
+        return false;
+      }
+      this.publish("open", { target: { sessionId: target.sessionId, messageId: target.messageId, runId: target.runId } });
+      return true;
+    }
+    command(value) {
+      if (!this.enabled || this.snapshot?.project.projectType !== "workflow") {
+        return;
+      }
+      if (value?.type === "run" && typeof value.runId === "string") {
+        return { type: "workflow-trace", id: value.runId };
+      }
+      if (value?.type === "more") {
+        return { type: "workflow-history", query: "", more: true };
+      }
+    }
+    publish(kind, value) {
+      if (this.enabled) {
+        this.send({ type: "workflow-trace", version: 1, kind, ...value });
+      }
+    }
+  };
+
   // src/web/ui/host.ts
   function acquireWorkflowHost() {
     const embedded = globalThis.acquireVsCodeApi;
@@ -2720,10 +2801,16 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
     const storageKey = `workflow-web:${document.querySelector("meta[name=workflow-project]")?.content ?? location.pathname}`;
     const emit = (message) => window.dispatchEvent(new MessageEvent("message", { data: message }));
+    const trace = new TraceBridge((message) => {
+      if (window.parent !== window) {
+        window.parent.postMessage(message, "*");
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
       }
+      trace.receive(message);
       emit(message);
     });
     const request2 = async (message) => {
@@ -2738,11 +2825,25 @@ ${state2.user?.avatarUrl ?? ""}`;
       if (event.data.theme === "dark" || event.data.theme === "light") {
         document.documentElement.dataset.theme = event.data.theme;
       }
+      if (event.data.traceVersion !== void 0) {
+        trace.enable(event.data.traceVersion);
+      }
+      const traceCommand = trace.command(event.data.traceCommand);
+      if (traceCommand) {
+        void request2(traceCommand).catch((error) => trace.receive({ type: "trace-run", runId: traceCommand.id, error: error.message }));
+      }
       if (event.data.command === "new" || event.data.command === "history") {
         emit({ type: "assistant-command", command: event.data.command });
       }
     });
     const handleReply = (reply) => {
+      trace.receive(reply);
+      if (reply.type === "trace-run") {
+        if (!trace.active) {
+          handleReply({ type: "preview", title: "\u8F68\u8FF9", content: reply.run });
+        }
+        return;
+      }
       if (reply.type === "download") {
         const url = URL.createObjectURL(new Blob([reply.content], { type: reply.mimeType ?? "application/json" }));
         const link = document.createElement("a");
@@ -2810,6 +2911,14 @@ ${state2.user?.avatarUrl ?? ""}`;
         if (message.type === "ready") {
           return;
         }
+        if (message.type === "trace") {
+          if (trace.open(message)) {
+            return;
+          }
+          if (message.runId && !message.messageId) {
+            message = { type: "workflow-trace", id: message.runId };
+          }
+        }
         if (message.type === "copy") {
           void navigator.clipboard.writeText(message.text).catch((error) => emit({ type: "error", message: error.message }));
           return;

package/dist/web/workflow-ui.js

@@ -3247,13 +3247,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         continue;
       }
       let output = record(content.output);
+      const details = record(output?.details);
       if (Array.isArray(output?.content) && output.content.length === 1) {
         try {
           output = record(JSON.parse(String(record(output.content[0])?.text)));
         } catch {
         }
       }
-      let descriptor = record(record(output?.details)?.resourceCard);
+      let descriptor = record(details?.resourceCard) ?? record(record(output?.details)?.resourceCard);
       const input = record(content.input) ?? {};
       const tool = string(content.tool) ?? "";
       if (tool === "workflow-ui_present_card") {
@@ -4395,6 +4396,87 @@ ${state.user?.avatarUrl ?? ""}`;
     });
   }
 
+  // src/web/ui/trace-bridge.ts
+  function traceSnapshot(state) {
+    const project = state.project;
+    if (!project || !["conversation", "workflow"].includes(project.projectType)) {
+      return;
+    }
+    const base = { project: { id: project.id, name: project.name, projectType: project.projectType }, running: state.running };
+    if (project.projectType === "workflow") {
+      return { ...base, runs: state.runs, selectedId: state.selectedId, run: state.run, occupiedRun: state.occupiedRun, history: state.history };
+    }
+    return { ...base, activeId: state.activeId, sessions: (state.sessions ?? []).map((session) => ({
+      id: session.id,
+      title: session.title,
+      createdAt: session.createdAt,
+      updatedAt: session.updatedAt,
+      messages: (session.messages ?? []).map((message) => {
+        const { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs } = message;
+        return { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs };
+      })
+    })) };
+  }
+  var TraceBridge = class {
+    constructor(send) {
+      this.send = send;
+    }
+    send;
+    enabled = false;
+    snapshot;
+    status = "connecting";
+    get active() {
+      return this.enabled;
+    }
+    enable(version) {
+      this.enabled = version === 1;
+      if (this.enabled) {
+        this.publish("status", { status: this.status });
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+    }
+    receive(message) {
+      if (message.type === "state") {
+        this.snapshot = traceSnapshot(message);
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+      if (message.type === "connection") {
+        this.status = message.status;
+        this.publish("status", { status: this.status });
+      }
+      if (message.type === "trace-run") {
+        this.publish("run", { run: message.run, runId: message.runId, error: message.error });
+      }
+    }
+    open(target) {
+      if (!this.enabled) {
+        return false;
+      }
+      this.publish("open", { target: { sessionId: target.sessionId, messageId: target.messageId, runId: target.runId } });
+      return true;
+    }
+    command(value) {
+      if (!this.enabled || this.snapshot?.project.projectType !== "workflow") {
+        return;
+      }
+      if (value?.type === "run" && typeof value.runId === "string") {
+        return { type: "workflow-trace", id: value.runId };
+      }
+      if (value?.type === "more") {
+        return { type: "workflow-history", query: "", more: true };
+      }
+    }
+    publish(kind, value) {
+      if (this.enabled) {
+        this.send({ type: "workflow-trace", version: 1, kind, ...value });
+      }
+    }
+  };
+
   // src/web/ui/host.ts
   function acquireWorkflowHost() {
     const embedded = globalThis.acquireVsCodeApi;
@@ -4411,10 +4493,16 @@ ${state.user?.avatarUrl ?? ""}`;
     }
     const storageKey = `workflow-web:${document.querySelector("meta[name=workflow-project]")?.content ?? location.pathname}`;
     const emit = (message) => window.dispatchEvent(new MessageEvent("message", { data: message }));
+    const trace = new TraceBridge((message) => {
+      if (window.parent !== window) {
+        window.parent.postMessage(message, "*");
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
       }
+      trace.receive(message);
       emit(message);
     });
     const request = async (message) => {
@@ -4429,11 +4517,25 @@ ${state.user?.avatarUrl ?? ""}`;
       if (event.data.theme === "dark" || event.data.theme === "light") {
         document.documentElement.dataset.theme = event.data.theme;
       }
+      if (event.data.traceVersion !== void 0) {
+        trace.enable(event.data.traceVersion);
+      }
+      const traceCommand = trace.command(event.data.traceCommand);
+      if (traceCommand) {
+        void request(traceCommand).catch((error) => trace.receive({ type: "trace-run", runId: traceCommand.id, error: error.message }));
+      }
       if (event.data.command === "new" || event.data.command === "history") {
         emit({ type: "assistant-command", command: event.data.command });
       }
     });
     const handleReply = (reply) => {
+      trace.receive(reply);
+      if (reply.type === "trace-run") {
+        if (!trace.active) {
+          handleReply({ type: "preview", title: "\u8F68\u8FF9", content: reply.run });
+        }
+        return;
+      }
       if (reply.type === "download") {
         const url = URL.createObjectURL(new Blob([reply.content], { type: reply.mimeType ?? "application/json" }));
         const link = document.createElement("a");
@@ -4501,6 +4603,14 @@ ${state.user?.avatarUrl ?? ""}`;
         if (message.type === "ready") {
           return;
         }
+        if (message.type === "trace") {
+          if (trace.open(message)) {
+            return;
+          }
+          if (message.runId && !message.messageId) {
+            message = { type: "workflow-trace", id: message.runId };
+          }
+        }
         if (message.type === "copy") {
           void navigator.clipboard.writeText(message.text).catch((error) => emit({ type: "error", message: error.message }));
           return;
@@ -5268,7 +5378,7 @@ ${state.user?.avatarUrl ?? ""}`;
           resource: (card) => post({ type: "resource", messageId: view.message.id, cardId: card.id })
         });
         const actions = root.querySelector(".message-actions");
-        actions.prepend(iconButton("type-hierarchy", "\u8FD0\u884C\u8DDF\u8E2A", () => post({ type: "trace", messageId: view.message.id })), iconButton("output", "\u8FD0\u884C\u65E5\u5FD7", () => post({ type: "logs", messageId: view.message.id })));
+        actions.prepend(iconButton("history", "\u8F68\u8FF9", () => post({ type: "trace", messageId: view.message.id, runId: view.message.runId })));
         const exportButton = iconButton("export", "\u5BFC\u51FA\u8FD0\u884C\u8BB0\u5F55", () => {
           exportButton.disabled = true;
           exportButton.innerHTML = iconHtml("loading");

package/dist/web/workflow-workspace.js

@@ -6248,6 +6248,87 @@ ${state2.user?.avatarUrl ?? ""}`;
     });
   }
 
+  // src/web/ui/trace-bridge.ts
+  function traceSnapshot(state2) {
+    const project = state2.project;
+    if (!project || !["conversation", "workflow"].includes(project.projectType)) {
+      return;
+    }
+    const base = { project: { id: project.id, name: project.name, projectType: project.projectType }, running: state2.running };
+    if (project.projectType === "workflow") {
+      return { ...base, runs: state2.runs, selectedId: state2.selectedId, run: state2.run, occupiedRun: state2.occupiedRun, history: state2.history };
+    }
+    return { ...base, activeId: state2.activeId, sessions: (state2.sessions ?? []).map((session) => ({
+      id: session.id,
+      title: session.title,
+      createdAt: session.createdAt,
+      updatedAt: session.updatedAt,
+      messages: (session.messages ?? []).map((message) => {
+        const { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs } = message;
+        return { id, role, content, items, error, status, durationMs, createdAt, model, runId, report, events, pendingInput, resolvedInputs };
+      })
+    })) };
+  }
+  var TraceBridge = class {
+    constructor(send) {
+      this.send = send;
+    }
+    send;
+    enabled = false;
+    snapshot;
+    status = "connecting";
+    get active() {
+      return this.enabled;
+    }
+    enable(version) {
+      this.enabled = version === 1;
+      if (this.enabled) {
+        this.publish("status", { status: this.status });
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+    }
+    receive(message) {
+      if (message.type === "state") {
+        this.snapshot = traceSnapshot(message);
+        if (this.snapshot) {
+          this.publish("state", { snapshot: this.snapshot });
+        }
+      }
+      if (message.type === "connection") {
+        this.status = message.status;
+        this.publish("status", { status: this.status });
+      }
+      if (message.type === "trace-run") {
+        this.publish("run", { run: message.run, runId: message.runId, error: message.error });
+      }
+    }
+    open(target) {
+      if (!this.enabled) {
+        return false;
+      }
+      this.publish("open", { target: { sessionId: target.sessionId, messageId: target.messageId, runId: target.runId } });
+      return true;
+    }
+    command(value) {
+      if (!this.enabled || this.snapshot?.project.projectType !== "workflow") {
+        return;
+      }
+      if (value?.type === "run" && typeof value.runId === "string") {
+        return { type: "workflow-trace", id: value.runId };
+      }
+      if (value?.type === "more") {
+        return { type: "workflow-history", query: "", more: true };
+      }
+    }
+    publish(kind, value) {
+      if (this.enabled) {
+        this.send({ type: "workflow-trace", version: 1, kind, ...value });
+      }
+    }
+  };
+
   // src/web/ui/host.ts
   function acquireWorkflowHost() {
     const embedded = globalThis.acquireVsCodeApi;
@@ -6264,10 +6345,16 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
     const storageKey = `workflow-web:${document.querySelector("meta[name=workflow-project]")?.content ?? location.pathname}`;
     const emit = (message) => window.dispatchEvent(new MessageEvent("message", { data: message }));
+    const trace = new TraceBridge((message) => {
+      if (window.parent !== window) {
+        window.parent.postMessage(message, "*");
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
       }
+      trace.receive(message);
       emit(message);
     });
     const request = async (message) => {
@@ -6282,11 +6369,25 @@ ${state2.user?.avatarUrl ?? ""}`;
       if (event.data.theme === "dark" || event.data.theme === "light") {
         document.documentElement.dataset.theme = event.data.theme;
       }
+      if (event.data.traceVersion !== void 0) {
+        trace.enable(event.data.traceVersion);
+      }
+      const traceCommand = trace.command(event.data.traceCommand);
+      if (traceCommand) {
+        void request(traceCommand).catch((error) => trace.receive({ type: "trace-run", runId: traceCommand.id, error: error.message }));
+      }
       if (event.data.command === "new" || event.data.command === "history") {
         emit({ type: "assistant-command", command: event.data.command });
       }
     });
     const handleReply = (reply) => {
+      trace.receive(reply);
+      if (reply.type === "trace-run") {
+        if (!trace.active) {
+          handleReply({ type: "preview", title: "\u8F68\u8FF9", content: reply.run });
+        }
+        return;
+      }
       if (reply.type === "download") {
         const url = URL.createObjectURL(new Blob([reply.content], { type: reply.mimeType ?? "application/json" }));
         const link = document.createElement("a");
@@ -6354,6 +6455,14 @@ ${state2.user?.avatarUrl ?? ""}`;
         if (message.type === "ready") {
           return;
         }
+        if (message.type === "trace") {
+          if (trace.open(message)) {
+            return;
+          }
+          if (message.runId && !message.messageId) {
+            message = { type: "workflow-trace", id: message.runId };
+          }
+        }
         if (message.type === "copy") {
           void navigator.clipboard.writeText(message.text).catch((error) => emit({ type: "error", message: error.message }));
           return;
@@ -7073,13 +7182,14 @@ ${state2.user?.avatarUrl ?? ""}`;
         continue;
       }
       let output2 = record(content.output);
+      const details = record(output2?.details);
       if (Array.isArray(output2?.content) && output2.content.length === 1) {
         try {
           output2 = record(JSON.parse(String(record(output2.content[0])?.text)));
         } catch {
         }
       }
-      let descriptor = record(record(output2?.details)?.resourceCard);
+      let descriptor = record(details?.resourceCard) ?? record(record(output2?.details)?.resourceCard);
       const input = record(content.input) ?? {};
       const tool = string(content.tool) ?? "";
       if (tool === "workflow-ui_present_card") {
@@ -8306,6 +8416,9 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
   </main><dialog id="history-dialog" class="conversation-dialog"><header><label class="history-search">${iconHtml("search")}<input id="search-history" type="search" placeholder="\u641C\u7D22\u8FD0\u884C\u8BB0\u5F55" aria-label="\u641C\u7D22\u8FD0\u884C\u8BB0\u5F55"></label><button id="close-history" class="icon-button" title="\u5173\u95ED" aria-label="\u5173\u95ED">${iconHtml("close")}</button></header><div id="search-results" class="dialog-body"></div><button id="search-more" class="all-history" hidden>\u52A0\u8F7D\u66F4\u591A</button></dialog>
   <dialog id="node-dialog" class="conversation-dialog"><header><h2 id="node-title"></h2><button id="close-node" class="icon-button" title="\u5173\u95ED" aria-label="\u5173\u95ED">${iconHtml("close")}</button></header><pre id="node-detail" class="dialog-body web-preview"></pre></dialog>`;
   var element = (id) => document.getElementById(id);
+  var traceButton = iconButton("history", "\u8F68\u8FF9", () => post({ type: "trace", runId: state?.run?.id }));
+  traceButton.id = "open-trace";
+  document.querySelector(".run-heading-actions").prepend(traceButton);
   var state;
   var entrypointId;
   var entrySignature = "";

package/dist/{web-RDWHQ2ST.js → web-Z66GHLM3.js}

@@ -1840,13 +1840,14 @@ function conversationResourceCards(items, projectId, conversationId) {
       continue;
     }
     let output = record(content.output);
+    const details = record(output?.details);
     if (Array.isArray(output?.content) && output.content.length === 1) {
       try {
         output = record(JSON.parse(String(record(output.content[0])?.text)));
       } catch {
       }
     }
-    let descriptor = record(record(output?.details)?.resourceCard);
+    let descriptor = record(details?.resourceCard) ?? record(record(output?.details)?.resourceCard);
     const input = record(content.input) ?? {};
     const tool = string(content.tool) ?? "";
     if (tool === "workflow-ui_present_card") {
@@ -2028,6 +2029,14 @@ function createWorkflowActions(controller, runtime, project, revision, changed)
         case "workflow-select":
           await controller.select(message.id ? String(message.id) : void 0);
           break;
+        case "workflow-trace": {
+          const run = controller.runs.find((record2) => record2.id === message.id);
+          if (!run) {
+            throw new Error("Run no longer exists.");
+          }
+          replies.push({ type: "trace-run", runId: run.id, run });
+          break;
+        }
         case "workflow-draft": {
           const draft = { values: values(message.params ?? {}, id) };
           if (message.inputMode !== void 0) {
@@ -2855,7 +2864,7 @@ ${token}`;
         if (message.type === "export-message") {
           replies.push({ type: "download", name: `run-${answer.id}.json`, content: JSON.stringify(redactWorkflowData(answer, [...sensitiveTokens], false), null, 2) }, { type: "exported", sessionId: current.id, messageId: answer.id });
         } else {
-          replies.push({ type: "preview", title: message.type === "logs" ? "\u8FD0\u884C\u65E5\u5FD7" : "\u8FD0\u884C\u8DDF\u8E2A", content: message.type === "logs" ? answer.report?.logs ?? "" : answer.report });
+          replies.push({ type: "preview", title: message.type === "logs" ? "\u8FD0\u884C\u65E5\u5FD7" : "\u8F68\u8FF9", content: message.type === "logs" ? answer.report?.logs ?? "" : { report: answer.report, events: answer.events, items: answer.items } });
         }
         break;
       }
@@ -3277,7 +3286,7 @@ async function main(argv) {
   };
   process.once("SIGINT", close);
   process.once("SIGTERM", close);
-  console.log(options.json ? JSON.stringify({ type: "ready", protocolVersion: 1, hostProtocolVersion: 1, assistantProtocolVersion: host?.assistant ? ASSISTANT_PROTOCOL_VERSION : void 0, url: app.url, project: { id: app.project.id, name: app.project.name, projectType: app.project.projectType }, runtime: app.project.runtime }) : `Workflow Web: ${app.url}`);
+  console.log(options.json ? JSON.stringify({ type: "ready", protocolVersion: 1, hostProtocolVersion: 1, traceProtocolVersion: 1, assistantProtocolVersion: host?.assistant ? ASSISTANT_PROTOCOL_VERSION : void 0, url: app.url, project: { id: app.project.id, name: app.project.name, projectType: app.project.projectType }, runtime: app.project.runtime }) : `Workflow Web: ${app.url}`);
   if (lines) {
     void (async () => {
       try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workflow-code/cli",
-  "version": "0.2.4-20261011009.codex-cli-web",
+  "version": "0.2.4-20261012002.codex-cli-web",
   "type": "module",
   "bin": {
     "workflow-code": "./dist/index.js"
@@ -21,7 +21,7 @@
     "zod": "4.4.3"
   },
   "peerDependencies": {
-    "workflow-code": "0.2.4-20260929001"
+    "workflow-code": ">=0.2.4-20260929001 <0.2.5-0"
   },
   "devDependencies": {
     "@dagrejs/dagre": "1.1.8",
@@ -37,8 +37,8 @@
     "vitest": "^4.1.7",
     "workflow-code": "0.2.4-20260929001",
     "@workflow-code/auth-config": "0.1.0",
-    "@workflow-code/i18n": "0.1.0",
     "@workflow-code/execution-targets": "0.1.0",
+    "@workflow-code/i18n": "0.1.0",
     "@workflow-code/kanban-project": "0.1.0",
     "@workflow-code/openai-responses": "0.1.0",
     "@workflow-code/project-dependencies": "0.1.0",