@workflow-code/cli 0.2.4-20261011004.codex-cli-web → 0.2.4-20261011006.codex-cli-web

package/dist/web/worker.mjs

@@ -74,6 +74,8 @@ try {
   createLocalWorkflowKVStore, createWorkflowKVContext, createWorkflowPersistentValueContext,
   listLocalWorkflowKVEntries, deleteLocalWorkflowKVEntry, getKnowledgeDocument, listKnowledgeDocuments,
 } = await import(coreUrl);
+  const core = await import(coreUrl);
+  const { readKanbanProjectInfo, runKanbanDataCall } = await import(new URL(import.meta.url.includes('/src/web/') ? './kanban-data.ts' : './kanban-data.mjs', import.meta.url));
   if (request.method === 'inspect') {
     const projects = [];
     const errors = [];
@@ -95,6 +97,8 @@ try {
           diagnostics: structure.diagnostics,
           defaultEntrypoint: structure.defaultEntrypoint,
           artifactEntry: structure.kanban ? createKanbanArtifactEntryPath(structure.kanban) : undefined,
+          kanban: structure.kanban ? { artifactDir: structure.kanban.artifactDir, entry: structure.kanban.entry } : undefined,
+          projectInfo: structure.kanban ? readKanbanProjectInfo(pkg) : undefined,
           conversation: structure.conversation,
           requiresLogin: await requiresSystemAi(folderPath),
         });
@@ -138,7 +142,9 @@ try {
       const reference = JSON.parse(await readFile(path.join(filesDir, id, 'metadata.json'), 'utf8'));
       return { reference, path: reference.path };
     };
-    if (request.method === 'resolve') {
+    if (request.method === 'kanban-bridge') {
+      send('result', await runKanbanDataCall(core, request.project, request.storageDir, request.call));
+    } else if (request.method === 'resolve') {
       send('result', await resolveLocalWorkflowParams({
         workflowDir: request.project.folderPath,
         entrypointId: request.entrypointId,

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";
@@ -4133,6 +4147,7 @@ ${state.user?.avatarUrl ?? ""}`;
       }, { once: true });
     }
     emit;
+    clientId = crypto.randomUUID();
     source;
     banner;
     connecting;
@@ -4199,7 +4214,9 @@ ${state.user?.avatarUrl ?? ""}`;
           if (!session.ok) {
             throw new Error("Cannot connect to the project.");
           }
-          const source = this.source = new EventSource(this.fileUrl("/api/events"));
+          const eventsUrl = new URL(this.fileUrl("/api/events"), location.href);
+          eventsUrl.searchParams.set("clientId", this.clientId);
+          const source = this.source = new EventSource(eventsUrl.href);
           source.onopen = () => {
             this.attempts = 0;
             this.update("connected");
@@ -4232,7 +4249,8 @@ ${state.user?.avatarUrl ?? ""}`;
       }
       let response;
       try {
-        response = await fetch("/api/message", { method: "POST", headers: { ...this.headers(), "Content-Type": "application/json" }, body: JSON.stringify(message) });
+        const body = ["kanban-method-state", "kanban-method-reply"].includes(message.type) ? { ...message, clientId: this.clientId } : message;
+        response = await fetch("/api/message", { method: "POST", headers: { ...this.headers(), "Content-Type": "application/json" }, body: JSON.stringify(body) });
       } catch {
         this.interrupted();
         throw new ConnectionError("\u8FDE\u63A5\u5DF2\u4E2D\u65AD\u3002");
@@ -4274,6 +4292,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 +4454,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 +4467,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 +5524,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 +5680,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) => {
@@ -5986,6 +6001,7 @@ ${state2.user?.avatarUrl ?? ""}`;
       }, { once: true });
     }
     emit;
+    clientId = crypto.randomUUID();
     source;
     banner;
     connecting;
@@ -6052,7 +6068,9 @@ ${state2.user?.avatarUrl ?? ""}`;
           if (!session.ok) {
             throw new Error("Cannot connect to the project.");
           }
-          const source = this.source = new EventSource(this.fileUrl("/api/events"));
+          const eventsUrl = new URL(this.fileUrl("/api/events"), location.href);
+          eventsUrl.searchParams.set("clientId", this.clientId);
+          const source = this.source = new EventSource(eventsUrl.href);
           source.onopen = () => {
             this.attempts = 0;
             this.update("connected");
@@ -6085,7 +6103,8 @@ ${state2.user?.avatarUrl ?? ""}`;
       }
       let response;
       try {
-        response = await fetch("/api/message", { method: "POST", headers: { ...this.headers(), "Content-Type": "application/json" }, body: JSON.stringify(message) });
+        const body = ["kanban-method-state", "kanban-method-reply"].includes(message.type) ? { ...message, clientId: this.clientId } : message;
+        response = await fetch("/api/message", { method: "POST", headers: { ...this.headers(), "Content-Type": "application/json" }, body: JSON.stringify(body) });
       } catch {
         this.interrupted();
         throw new ConnectionError("\u8FDE\u63A5\u5DF2\u4E2D\u65AD\u3002");
@@ -6127,6 +6146,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 +6308,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 +6321,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") {
@@ -6904,11 +6983,33 @@ ${state2.user?.avatarUrl ?? ""}`;
           try {
             const files = JSON.parse(String(value || "[]"));
             const list = Array.isArray(files) ? files : [files];
-            view.root.querySelector(".param-file-summary").textContent = list.map((file) => file?.name ?? "").join(", ");
+            const summary = view.root.querySelector(".param-file-summary");
+            if (this.options.downloadFile && summary.getAttribute("data-value") !== String(value)) {
+              summary.setAttribute("data-value", String(value));
+              summary.replaceChildren();
+              for (const file of list.filter((file2) => file2 && typeof file2.id === "string")) {
+                const row = document.createElement("span");
+                row.className = "param-file-row";
+                const name2 = document.createElement("span");
+                name2.textContent = file.name;
+                row.append(name2);
+                const download = iconButton("cloud-download", "\u4E0B\u8F7D\u6587\u4EF6", () => this.options.downloadFile(file.id));
+                const remove = iconButton("close", "\u79FB\u9664\u6587\u4EF6", () => this.options.change(field.name, JSON.stringify(list.filter((item) => item !== file))));
+                download.classList.add("param-file-download");
+                remove.classList.add("param-file-remove");
+                row.append(download, remove);
+                summary.append(row);
+              }
+            } else if (!this.options.downloadFile) {
+              summary.textContent = list.map((file) => file?.name ?? "").join(", ");
+            }
+            for (const button of summary.querySelectorAll("button")) {
+              button.disabled = this.options.disabled() || button.classList.contains("param-file-remove") && this.options.loading();
+            }
           } catch {
             view.root.querySelector(".param-file-summary").textContent = "";
           }
-          view.root.querySelector("button").disabled = this.options.disabled() || this.options.loading() || !!state2?.disabled;
+          view.root.querySelector(".param-file-button").disabled = this.options.disabled() || this.options.loading() || !!state2?.disabled;
         }
       }
       this.root.hidden = !Array.from(this.root.children).some((root) => !root.hidden);
@@ -7553,9 +7654,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 +8284,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 +8448,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 +8574,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 +8616,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 +8627,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 +8714,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 +8755,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 +8777,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);