@workflow-code/cli 0.2.4-20261011003.codex-cli-web → 0.2.4-20261011005.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-O6FZ5URK.js");
+    const webCli = await import("./web-A3HVQRKB.js");
     return webCli.main(argv.slice(1));
   }
   if (argv[0] === "workspace") {

package/dist/web/worker.mjs

@@ -43,7 +43,10 @@ async function requiresSystemAi(directory) {
 }
 
 try {
-  const request = JSON.parse(readFileSync(0, 'utf8'));
+  // Pipe requests can arrive in several chunks, including inside a UTF-8 sequence.
+  const chunks = [];
+  for await (const chunk of process.stdin) { chunks.push(chunk); }
+  const request = JSON.parse(Buffer.concat(chunks).toString('utf8'));
   const projectDir = path.resolve(request.project?.folderPath ?? request.paths?.[0]);
   const runtimeProjectDir = path.resolve(request.runtimeProjectDir ?? projectDir);
   let coreUrl;

package/dist/web/workflow-ui.css

@@ -1238,6 +1238,29 @@ main {
   overflow: auto;
   padding: 16px;
 }
+.action-dialog {
+  width: min(380px, calc(100vw - 32px));
+}
+.action-dialog label {
+  display: grid;
+  gap: 8px;
+}
+.action-dialog input {
+  width: 100%;
+  min-width: 0;
+  padding: 8px;
+  color: inherit;
+  background: var(--vscode-input-background);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+}
+.action-dialog .prompt-navigation {
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.action-dialog .danger {
+  color: var(--vscode-errorForeground);
+}
 .permissions-table {
   width: 100%;
   border-collapse: collapse;
@@ -1890,10 +1913,25 @@ textarea::placeholder {
   overflow-wrap: anywhere;
 }
 @media (max-width: 680px) {
+  .project-menu {
+    position: relative;
+  }
+  .project-menu .menu-heading {
+    padding-right: 52px;
+  }
   .web-account {
-    margin: 0 8px 4px;
-    min-height: 36px;
-    padding: 6px 10px;
+    position: absolute;
+    right: 10px;
+    top: 6px;
+    margin: 0;
+    width: 28px;
+    height: 28px;
+    min-height: 28px;
+    padding: 2px;
+    border: 0;
+  }
+  .web-account-name {
+    display: none;
   }
 }
 @media (max-width: 420px) {

package/dist/web/workflow-ui.js

@@ -2681,6 +2681,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const id = value.match(/(?:^|[/?#])(wf_[a-f0-9]{32})(?:$|[/?#])/i)?.[1];
     return files.find((file) => file.id === id || value === file.path || value === file.url || value === `file://${file.path}`);
   }
+  function mediaUrl(source, kind, files, baseUrl) {
+    const file = managedFileForUrl(source, files);
+    const preview = file?.previewUrl ?? source;
+    if (new RegExp(`^data:${kind}/[a-z0-9.+-]+;base64,`, "i").test(preview)) {
+      return preview;
+    }
+    try {
+      const url = file?.previewUrl ? new URL(preview, baseUrl) : new URL(preview);
+      if (url.protocol === "http:" || url.protocol === "https:") {
+        return url.href;
+      }
+    } catch {
+    }
+    return void 0;
+  }
   function markdownHtml(text3, files = []) {
     const renderer = new d.Renderer();
     renderer.image = (token) => {
@@ -3854,9 +3869,8 @@ ${JSON.stringify(output.details, null, 2)}` : "");
       summary.innerHTML = `${iconHtml(status === "running" ? "loading" : status === "failed" ? "error" : status === "success" ? "check" : "chevron-right")}<span>${escapeHtml(content?.tool ?? item.title ?? "\u8BE6\u60C5")}</span>`;
       root.append(summary);
       if (["audio", "video"].includes(item.contentType ?? "") && typeof content?.src === "string") {
-        const file = managedFileForUrl(content.src, files);
-        const src = file?.previewUrl ?? content.src;
-        if (/^https?:\/\//i.test(src) || new RegExp(`^data:${item.contentType}/[a-z0-9.+-]+;base64,`, "i").test(src)) {
+        const src = mediaUrl(content.src, item.contentType === "audio" ? "audio" : "video", files, location.href);
+        if (src) {
           const media = document.createElement(item.contentType === "audio" ? "audio" : "video");
           media.controls = true;
           media.preload = "metadata";
@@ -4274,6 +4288,66 @@ ${state.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/action-dialog.ts
+  function requestAction(options) {
+    return new Promise((resolve) => {
+      const dialog = document.createElement("dialog");
+      dialog.className = "conversation-dialog action-dialog";
+      const title = document.createElement("h2");
+      title.id = `action-${crypto.randomUUID()}`;
+      title.textContent = options.title;
+      dialog.setAttribute("aria-labelledby", title.id);
+      const header = document.createElement("header");
+      header.append(title, iconButton("close", "\u5173\u95ED", () => dialog.close()));
+      const form = document.createElement("form");
+      form.className = "dialog-body";
+      let input, result;
+      if (options.label) {
+        const label = document.createElement("label");
+        label.textContent = options.label;
+        input = document.createElement("input");
+        input.type = "text";
+        input.required = true;
+        input.autofocus = true;
+        input.value = options.value ?? "";
+        label.append(input);
+        form.append(label);
+      }
+      const actions = document.createElement("div");
+      actions.className = "prompt-navigation";
+      const cancel = document.createElement("button");
+      cancel.type = "button";
+      cancel.className = "prompt-button";
+      cancel.textContent = "\u53D6\u6D88";
+      cancel.onclick = () => dialog.close();
+      const confirm = document.createElement("button");
+      confirm.type = "submit";
+      confirm.className = "prompt-button";
+      confirm.textContent = options.confirm;
+      if (options.danger) {
+        confirm.classList.add("danger");
+      }
+      actions.append(cancel, confirm);
+      form.append(actions);
+      dialog.append(header, form);
+      form.onsubmit = (event) => {
+        event.preventDefault();
+        if (input && !input.value.trim()) {
+          input.focus();
+          return;
+        }
+        result = input?.value.trim() ?? "";
+        dialog.close();
+      };
+      dialog.addEventListener("close", () => {
+        dialog.remove();
+        resolve(result);
+      }, { once: true });
+      document.body.append(dialog);
+      dialog.showModal();
+    });
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost() {
     const embedded = globalThis.acquireVsCodeApi;
@@ -4376,7 +4450,7 @@ ${state.user?.avatarUrl ?? ""}`;
       accountPanel = new AccountPanel(document.querySelector("#project-menu"), request);
     });
     return {
-      postMessage: (message) => {
+      postMessage: async (message) => {
         if (message.type === "ready") {
           return;
         }
@@ -4389,13 +4463,13 @@ ${state.user?.avatarUrl ?? ""}`;
           return;
         }
         if (message.type === "session-action" && message.action === "rename") {
-          const title = prompt("\u5BF9\u8BDD\u540D\u79F0");
-          if (!title) {
+          const title = await requestAction({ title: "\u91CD\u547D\u540D\u5BF9\u8BDD", label: "\u5BF9\u8BDD\u540D\u79F0", value: message.currentTitle, confirm: "\u4FDD\u5B58" });
+          if (title === void 0) {
             return;
           }
           message = { ...message, title };
         }
-        if (message.type === "session-action" && message.action === "delete" && !confirm("\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\uFF1F")) {
+        if (message.type === "session-action" && message.action === "delete" && await requestAction({ title: "\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\uFF1F", confirm: "\u5220\u9664", danger: true }) === void 0) {
           return;
         }
         if (message.type === "open-file") {
@@ -5446,7 +5520,7 @@ ${state.user?.avatarUrl ?? ""}`;
         const id = sessionMenuId;
         closeSessionMenu(true);
         if (id) {
-          post({ type: "session-action", id, action: button.dataset.action });
+          post({ type: "session-action", id, action: button.dataset.action, currentTitle: state?.sessions.find((session) => session.id === id)?.title });
         }
       });
     }
@@ -5602,11 +5676,11 @@ ${state.user?.avatarUrl ?? ""}`;
       } else if (message.type === "attachments" && state && message.projectUri === state.project.uri && message.sessionId === state.activeId) {
         uploading = Math.max(0, uploading - 1);
         if (message.messageId) {
-          const prompt2 = messages.get(message.messageId)?.prompt;
-          if (prompt2 && prompt2.request.requestId === message.requestId) {
-            const field = prompt2.request.params.find((field2) => field2.name === message.paramName);
+          const prompt = messages.get(message.messageId)?.prompt;
+          if (prompt && prompt.request.requestId === message.requestId) {
+            const field = prompt.request.params.find((field2) => field2.name === message.paramName);
             if (field) {
-              prompt2.fileValue(field.name, JSON.stringify((field.multiple ? message.files : message.files.slice(0, 1)).map(({ previewUrl: _2, ...file }) => file)));
+              prompt.fileValue(field.name, JSON.stringify((field.multiple ? message.files : message.files.slice(0, 1)).map(({ previewUrl: _2, ...file }) => file)));
             }
           }
         } else if (message.paramName && fields.has(message.paramName)) {

package/dist/web/workflow-workspace.css

@@ -1238,6 +1238,29 @@ main {
   overflow: auto;
   padding: 16px;
 }
+.action-dialog {
+  width: min(380px, calc(100vw - 32px));
+}
+.action-dialog label {
+  display: grid;
+  gap: 8px;
+}
+.action-dialog input {
+  width: 100%;
+  min-width: 0;
+  padding: 8px;
+  color: inherit;
+  background: var(--vscode-input-background);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+}
+.action-dialog .prompt-navigation {
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.action-dialog .danger {
+  color: var(--vscode-errorForeground);
+}
 .permissions-table {
   width: 100%;
   border-collapse: collapse;
@@ -2298,10 +2321,25 @@ textarea::placeholder {
   overflow-wrap: anywhere;
 }
 @media (max-width: 680px) {
+  .project-menu {
+    position: relative;
+  }
+  .project-menu .menu-heading {
+    padding-right: 52px;
+  }
   .web-account {
-    margin: 0 8px 4px;
-    min-height: 36px;
-    padding: 6px 10px;
+    position: absolute;
+    right: 10px;
+    top: 6px;
+    margin: 0;
+    width: 28px;
+    height: 28px;
+    min-height: 28px;
+    padding: 2px;
+    border: 0;
+  }
+  .web-account-name {
+    display: none;
   }
 }
 @media (max-width: 420px) {

package/dist/web/workflow-workspace.js

@@ -5737,6 +5737,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const id = value.match(/(?:^|[/?#])(wf_[a-f0-9]{32})(?:$|[/?#])/i)?.[1];
     return files.find((file) => file.id === id || value === file.path || value === file.url || value === `file://${file.path}`);
   }
+  function mediaUrl(source, kind, files, baseUrl) {
+    const file = managedFileForUrl(source, files);
+    const preview = file?.previewUrl ?? source;
+    if (new RegExp(`^data:${kind}/[a-z0-9.+-]+;base64,`, "i").test(preview)) {
+      return preview;
+    }
+    try {
+      const url = file?.previewUrl ? new URL(preview, baseUrl) : new URL(preview);
+      if (url.protocol === "http:" || url.protocol === "https:") {
+        return url.href;
+      }
+    } catch {
+    }
+    return void 0;
+  }
   function markdownHtml(text3, files = []) {
     const renderer = new d.Renderer();
     renderer.image = (token) => {
@@ -6127,6 +6142,66 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/action-dialog.ts
+  function requestAction(options) {
+    return new Promise((resolve2) => {
+      const dialog = document.createElement("dialog");
+      dialog.className = "conversation-dialog action-dialog";
+      const title = document.createElement("h2");
+      title.id = `action-${crypto.randomUUID()}`;
+      title.textContent = options.title;
+      dialog.setAttribute("aria-labelledby", title.id);
+      const header = document.createElement("header");
+      header.append(title, iconButton("close", "\u5173\u95ED", () => dialog.close()));
+      const form = document.createElement("form");
+      form.className = "dialog-body";
+      let input, result;
+      if (options.label) {
+        const label = document.createElement("label");
+        label.textContent = options.label;
+        input = document.createElement("input");
+        input.type = "text";
+        input.required = true;
+        input.autofocus = true;
+        input.value = options.value ?? "";
+        label.append(input);
+        form.append(label);
+      }
+      const actions = document.createElement("div");
+      actions.className = "prompt-navigation";
+      const cancel = document.createElement("button");
+      cancel.type = "button";
+      cancel.className = "prompt-button";
+      cancel.textContent = "\u53D6\u6D88";
+      cancel.onclick = () => dialog.close();
+      const confirm = document.createElement("button");
+      confirm.type = "submit";
+      confirm.className = "prompt-button";
+      confirm.textContent = options.confirm;
+      if (options.danger) {
+        confirm.classList.add("danger");
+      }
+      actions.append(cancel, confirm);
+      form.append(actions);
+      dialog.append(header, form);
+      form.onsubmit = (event) => {
+        event.preventDefault();
+        if (input && !input.value.trim()) {
+          input.focus();
+          return;
+        }
+        result = input?.value.trim() ?? "";
+        dialog.close();
+      };
+      dialog.addEventListener("close", () => {
+        dialog.remove();
+        resolve2(result);
+      }, { once: true });
+      document.body.append(dialog);
+      dialog.showModal();
+    });
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost() {
     const embedded = globalThis.acquireVsCodeApi;
@@ -6229,7 +6304,7 @@ ${state2.user?.avatarUrl ?? ""}`;
       accountPanel = new AccountPanel(document.querySelector("#project-menu"), request);
     });
     return {
-      postMessage: (message) => {
+      postMessage: async (message) => {
         if (message.type === "ready") {
           return;
         }
@@ -6242,13 +6317,13 @@ ${state2.user?.avatarUrl ?? ""}`;
           return;
         }
         if (message.type === "session-action" && message.action === "rename") {
-          const title = prompt("\u5BF9\u8BDD\u540D\u79F0");
-          if (!title) {
+          const title = await requestAction({ title: "\u91CD\u547D\u540D\u5BF9\u8BDD", label: "\u5BF9\u8BDD\u540D\u79F0", value: message.currentTitle, confirm: "\u4FDD\u5B58" });
+          if (title === void 0) {
             return;
           }
           message = { ...message, title };
         }
-        if (message.type === "session-action" && message.action === "delete" && !confirm("\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\uFF1F")) {
+        if (message.type === "session-action" && message.action === "delete" && await requestAction({ title: "\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\uFF1F", confirm: "\u5220\u9664", danger: true }) === void 0) {
           return;
         }
         if (message.type === "open-file") {
@@ -7553,9 +7628,8 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       summary.innerHTML = `${iconHtml(status === "running" ? "loading" : status === "failed" ? "error" : status === "success" ? "check" : "chevron-right")}<span>${escapeHtml(content?.tool ?? item.title ?? "\u8BE6\u60C5")}</span>`;
       root.append(summary);
       if (["audio", "video"].includes(item.contentType ?? "") && typeof content?.src === "string") {
-        const file = managedFileForUrl(content.src, files);
-        const src = file?.previewUrl ?? content.src;
-        if (/^https?:\/\//i.test(src) || new RegExp(`^data:${item.contentType}/[a-z0-9.+-]+;base64,`, "i").test(src)) {
+        const src = mediaUrl(content.src, item.contentType === "audio" ? "audio" : "video", files, location.href);
+        if (src) {
           const media = document.createElement(item.contentType === "audio" ? "audio" : "video");
           media.controls = true;
           media.preload = "metadata";
@@ -8184,7 +8258,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
   var graphSignature = "";
   var editTimer;
   var searchTimer;
-  var prompt2;
+  var prompt;
   var promptKey = "";
   var narrow = matchMedia("(max-width: 680px)");
   var dialogs = new ConversationTools();
@@ -8348,7 +8422,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
     }
     element("usage").hidden = state?.account.status !== "authenticated";
     element("tools").disabled = !connected;
-    prompt2?.setBusy(!connected || state?.run?.status === "running" || submitting);
+    prompt?.setBusy(!connected || state?.run?.status === "running" || submitting);
     app.dataset.connection = connected ? "connected" : "disconnected";
   }
   function historyRows(root) {
@@ -8474,7 +8548,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       renderedRun = run.id;
       tab = "result";
       graphSignature = "";
-      prompt2 = void 0;
+      prompt = void 0;
       promptKey = "";
       element("run-prompt").replaceChildren();
     }
@@ -8516,9 +8590,9 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
     if (key !== promptKey) {
       promptKey = key;
       element("run-prompt").replaceChildren();
-      prompt2 = void 0;
+      prompt = void 0;
       if (run.pendingInput) {
-        prompt2 = new InputPrompt(run.pendingInput, {
+        prompt = new InputPrompt(run.pendingInput, {
           submit: (values) => {
             submitting = true;
             controls();
@@ -8527,7 +8601,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
           stop: () => post({ type: "workflow-stop" }),
           files: (name) => post({ type: "attach", runId: run.id, requestId: run.pendingInput.requestId, paramName: name, entrypointId: run.entrypointId })
         });
-        element("run-prompt").append(prompt2.root);
+        element("run-prompt").append(prompt.root);
       }
     }
     element("logs-view").textContent = run.logs || "\u6682\u65E0\u65E5\u5FD7";
@@ -8614,9 +8688,10 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
     post({ type: "workflow-rerun", id: state?.run?.id });
   };
   element("export-run").onclick = () => post({ type: "workflow-export", id: state?.run?.id });
-  element("delete-run").onclick = () => {
-    if (confirm("\u5220\u9664\u8FD9\u6761\u8FD0\u884C\u8BB0\u5F55\uFF1F")) {
-      post({ type: "workflow-delete", id: state?.run?.id });
+  element("delete-run").onclick = async () => {
+    const id = state?.run?.id;
+    if (id && await requestAction({ title: "\u5220\u9664\u8FD9\u6761\u8FD0\u884C\u8BB0\u5F55\uFF1F", confirm: "\u5220\u9664", danger: true }) !== void 0) {
+      post({ type: "workflow-delete", id });
     }
   };
   for (const name of ["result", "flow", "logs"]) {
@@ -8654,8 +8729,8 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       }
       controls();
     } else if (message?.type === "attachments") {
-      if (message.runId && prompt2 && message.requestId === prompt2.request.requestId) {
-        prompt2.fileValue(message.paramName, JSON.stringify(message.files));
+      if (message.runId && prompt && message.requestId === prompt.request.requestId) {
+        prompt.fileValue(message.paramName, JSON.stringify(message.files));
       } else if (message.entrypointId === entrypointId) {
         const field = parameters().fields.find((field2) => field2.name === message.paramName);
         if (field) {
@@ -8676,7 +8751,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
         element("error").hidden = false;
       }
       if (message.requestType === "workflow-resume") {
-        prompt2?.setBusy(false, message.message);
+        prompt?.setBusy(false, message.message);
       }
       if (message.requestType === "usage") {
         dialogs.usageResult(void 0, message.message);

package/dist/{web-O6FZ5URK.js → web-A3HVQRKB.js}

@@ -991,7 +991,8 @@ var WorkflowController = class {
         this.confirmInput(record2, record2.submittingInput);
       }
       if (report.status === "failed") {
-        record2.error = report.result?.error?.message ?? "Workflow failed.";
+        const data = report.result?.data;
+        record2.error = report.result?.error?.message || (data && typeof data === "object" && "errMessage" in data && typeof data.errMessage === "string" ? data.errMessage : "") || "Workflow failed.";
       }
       if (record2.submittingInput && pending && report.status === "failed") {
         record2.status = "waiting_for_input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workflow-code/cli",
-  "version": "0.2.4-20261011003.codex-cli-web",
+  "version": "0.2.4-20261011005.codex-cli-web",
   "type": "module",
   "bin": {
     "workflow-code": "./dist/index.js"
@@ -40,8 +40,8 @@
     "@workflow-code/execution-targets": "0.1.0",
     "@workflow-code/i18n": "0.1.0",
     "@workflow-code/openai-responses": "0.1.0",
-    "@workflow-code/project-dependencies": "0.1.0",
     "@workflow-code/project-info": "0.1.0",
+    "@workflow-code/project-dependencies": "0.1.0",
     "@workflow-code/project-upload": "0.1.0",
     "@workflow-code/runtime-compatibility": "0.1.0",
     "@workflow-code/workflow-ids": "0.1.0",