@workflow-code/cli 0.2.4-20261012005.codex-studio-integration → 0.2.4-20261012007.codex-studio-integration

package/dist/web/workflow-workspace.js

@@ -16172,6 +16172,8 @@
     "Configuration name": "\u914D\u7F6E\u540D\u79F0",
     "Connecting to project": "\u6B63\u5728\u8FDE\u63A5\u9879\u76EE",
     "Connection changed.": "\u8FDE\u63A5\u5DF2\u53D8\u66F4\u3002",
+    "Copy timed out.": "\u590D\u5236\u8D85\u65F6\u3002",
+    "Host clipboard is unavailable.": "\u5BBF\u4E3B\u526A\u8D34\u677F\u4E0D\u53EF\u7528\u3002",
     "Connection interrupted": "\u8FDE\u63A5\u5DF2\u4E2D\u65AD",
     "Connection interrupted.": "\u8FDE\u63A5\u5DF2\u4E2D\u65AD\u3002",
     "Connection not verified": "\u8FDE\u63A5\u672A\u9A8C\u8BC1",
@@ -16412,7 +16414,33 @@
     "Write file": "\u5199\u5165\u6587\u4EF6",
     Yes: "\u662F",
     "Zoom in": "\u653E\u5927",
-    "Zoom out": "\u7F29\u5C0F"
+    "Zoom out": "\u7F29\u5C0F",
+    "Open resource": "\u6253\u5F00\u8D44\u6E90",
+    "Show in conversation": "\u5728\u5BF9\u8BDD\u4E2D\u5C55\u793A",
+    "Hide preview": "\u6536\u8D77\u9884\u89C8",
+    "Open in new window": "\u5728\u65B0\u7A97\u53E3\u4E2D\u6253\u5F00",
+    "Tool call details": "\u5DE5\u5177\u8C03\u7528\u8BE6\u60C5",
+    "Please sign in to preview this server resource.": "\u8BF7\u767B\u5F55\u540E\u9884\u89C8\u670D\u52A1\u5668\u8D44\u6E90\u3002",
+    "You do not have access to this resource.": "\u4F60\u6CA1\u6709\u6B64\u8D44\u6E90\u7684\u8BBF\u95EE\u6743\u9650\u3002",
+    "The resource project is unavailable.": "\u8D44\u6E90\u6240\u5C5E\u9879\u76EE\u4E0D\u53EF\u7528\u3002",
+    "The resource project is unavailable. Import or open the target project first.": "\u8D44\u6E90\u6240\u5C5E\u9879\u76EE\u4E0D\u53EF\u7528\uFF0C\u8BF7\u5148\u5BFC\u5165\u6216\u6253\u5F00\u76EE\u6807\u9879\u76EE\u3002",
+    "The project does not allow this storage location.": "\u9879\u76EE\u4E0D\u5141\u8BB8\u4F7F\u7528\u6B64\u5B58\u50A8\u4F4D\u7F6E\u3002",
+    "This resource no longer exists.": "\u6B64\u8D44\u6E90\u5DF2\u4E0D\u5B58\u5728\u3002",
+    "Server source files cannot be previewed by this card.": "\u6B64\u5361\u7247\u4E0D\u652F\u6301\u9884\u89C8\u670D\u52A1\u5668\u6E90\u7801\u6587\u4EF6\u3002",
+    "File is outside this project.": "\u6587\u4EF6\u4E0D\u5728\u6B64\u9879\u76EE\u4E2D\u3002",
+    "File preview exceeds 2 MiB.": "\u6587\u4EF6\u9884\u89C8\u5927\u5C0F\u8D85\u8FC7 2 MiB\u3002",
+    "This project does not provide a Kanban preview.": "\u6B64\u9879\u76EE\u4E0D\u63D0\u4F9B\u770B\u677F\u9884\u89C8\u3002",
+    "Invalid resource preview URL.": "\u8D44\u6E90\u9884\u89C8\u5730\u5740\u65E0\u6548\u3002",
+    "This preview configuration no longer exists.": "\u6B64\u9884\u89C8\u914D\u7F6E\u5DF2\u4E0D\u5B58\u5728\u3002",
+    "Resource access changed. Open the card again.": "\u8D44\u6E90\u8BBF\u95EE\u72B6\u6001\u5DF2\u53D8\u5316\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u5361\u7247\u3002",
+    "This resource preview is read-only.": "\u6B64\u8D44\u6E90\u9884\u89C8\u4E3A\u53EA\u8BFB\u3002",
+    "Invalid resource action.": "\u8D44\u6E90\u64CD\u4F5C\u65E0\u6548\u3002",
+    "Run no longer exists.": "\u6B64\u8FD0\u884C\u5DF2\u4E0D\u5B58\u5728\u3002",
+    "Conversation changed.": "\u4F1A\u8BDD\u5DF2\u53D8\u5316\u3002",
+    "Unable to load this preview. Retry or open it separately.": "\u65E0\u6CD5\u52A0\u8F7D\u6B64\u9884\u89C8\uFF0C\u8BF7\u91CD\u8BD5\u6216\u5355\u72EC\u6253\u5F00\u3002",
+    "Open in browser": "\u5728\u6D4F\u89C8\u5668\u4E2D\u6253\u5F00",
+    "No resources": "\u6682\u65E0\u8D44\u6E90",
+    "Allow popups to open this resource in a new window.": "\u8BF7\u5141\u8BB8\u5F39\u51FA\u7A97\u53E3\u4EE5\u5355\u72EC\u6253\u5F00\u6B64\u8D44\u6E90\u3002"
   };
 
   // src/web/localization.ts
@@ -18875,11 +18903,14 @@ ${state2.user?.avatarUrl ?? ""}`;
   var ConnectionError = class extends Error {
   };
   var BrowserConnection = class {
-    constructor(emit) {
+    constructor(emit, live = true) {
       this.emit = emit;
+      this.live = live;
       if (this.token) {
+        const query = new URLSearchParams(location.search);
+        query.delete("session");
         sessionStorage.setItem("workflow-web-session", this.token);
-        history.replaceState(null, "", `${location.pathname}${location.search}`);
+        history.replaceState(null, "", `${location.pathname}${query.size ? `?${query}` : ""}`);
       }
       queueMicrotask(() => {
         this.banner = document.createElement("div");
@@ -18913,6 +18944,7 @@ ${state2.user?.avatarUrl ?? ""}`;
       });
     }
     emit;
+    live;
     clientId = crypto.randomUUID();
     source;
     banner;
@@ -18920,10 +18952,11 @@ ${state2.user?.avatarUrl ?? ""}`;
     handshake;
     epoch = 0;
     retry;
+    snapshotTimer;
     status = "connecting";
     attempts = 0;
     closed = false;
-    token = new URLSearchParams(location.hash.slice(1)).get("session") ?? sessionStorage.getItem("workflow-web-session");
+    token = new URLSearchParams(location.hash.slice(1)).get("session") ?? new URLSearchParams(location.search).get("session") ?? sessionStorage.getItem("workflow-web-session");
     update(status) {
       this.status = status;
       this.emit({ type: "connection", status });
@@ -18946,6 +18979,7 @@ ${state2.user?.avatarUrl ?? ""}`;
       this.source?.close();
       this.source = void 0;
       clearTimeout(this.retry);
+      clearTimeout(this.snapshotTimer);
     }
     interrupted() {
       this.disconnect();
@@ -18999,6 +19033,10 @@ ${state2.user?.avatarUrl ?? ""}`;
           if (!session.ok) {
             throw new Error("Cannot connect to the project.");
           }
+          if (!this.live) {
+            await this.snapshot(epoch);
+            return;
+          }
           const eventsUrl = new URL(this.fileUrl("/api/events"), location.href);
           eventsUrl.searchParams.set("clientId", this.clientId);
           const source = this.source = new EventSource(eventsUrl.href);
@@ -19035,6 +19073,39 @@ ${state2.user?.avatarUrl ?? ""}`;
       });
       return this.connecting;
     }
+    async snapshot(epoch) {
+      if (epoch !== this.epoch || this.closed) {
+        return;
+      }
+      const response = await fetch("/api/resource-state", { headers: this.headers(), signal: AbortSignal.timeout(1e4) });
+      if (epoch !== this.epoch || this.closed) {
+        return;
+      }
+      if (response.status === 401) {
+        this.disconnect();
+        this.update("expired");
+        return;
+      }
+      if (!response.ok) {
+        throw new Error("Cannot connect to the project.");
+      }
+      const state2 = await response.json();
+      if (epoch !== this.epoch || this.closed) {
+        return;
+      }
+      if (this.status !== "connected") {
+        this.attempts = 0;
+        this.update("connected");
+      }
+      this.emit(state2);
+      this.snapshotTimer = setTimeout(() => {
+        void this.snapshot(epoch).catch(() => {
+          if (epoch === this.epoch && !this.closed) {
+            this.interrupted();
+          }
+        });
+      }, 5e3);
+    }
     async request(message) {
       await this.connecting;
       if (this.status !== "connected") {
@@ -19080,7 +19151,12 @@ ${state2.user?.avatarUrl ?? ""}`;
       return this.token ? { Authorization: `Bearer ${this.token}` } : {};
     }
     fileUrl(path) {
-      return this.token ? `${path}?session=${encodeURIComponent(this.token)}` : path;
+      if (!this.token) {
+        return path;
+      }
+      const url = new URL(path, location.href);
+      url.searchParams.set("session", this.token);
+      return `${url.pathname}${url.search}${url.hash}`;
     }
     publicFiles(value) {
       if (Array.isArray(value)) {
@@ -19237,8 +19313,71 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/clipboard-bridge.ts
+  var ClipboardBridge = class {
+    constructor(send, browserWrite, requiresHost = false) {
+      this.send = send;
+      this.browserWrite = browserWrite;
+      this.requiresHost = requiresHost;
+    }
+    send;
+    browserWrite;
+    requiresHost;
+    enabled = false;
+    pending = /* @__PURE__ */ new Map();
+    enable(version) {
+      this.enabled = version === 1;
+    }
+    async writeText(text3) {
+      if (!this.enabled) {
+        if (this.requiresHost) {
+          throw new Error(t2("Host clipboard is unavailable."));
+        }
+        return this.browserWrite(text3);
+      }
+      const requestId2 = crypto.randomUUID();
+      return new Promise((resolve2, reject) => {
+        const timer = setTimeout(() => {
+          this.pending.delete(requestId2);
+          reject(new Error(t2("Copy timed out.")));
+        }, 1e4);
+        this.pending.set(requestId2, { resolve: resolve2, reject, timer });
+        try {
+          this.send({ type: "workflow-clipboard", version: 1, command: "writeText", requestId: requestId2, text: text3 });
+        } catch (error) {
+          clearTimeout(timer);
+          this.pending.delete(requestId2);
+          reject(error);
+        }
+      });
+    }
+    receive(reply) {
+      if (reply?.version !== 1 || typeof reply.requestId !== "string" || typeof reply.ok !== "boolean" || reply.error !== void 0 && typeof reply.error !== "string") {
+        return;
+      }
+      const pending = this.pending.get(reply.requestId);
+      if (!pending) {
+        return;
+      }
+      this.pending.delete(reply.requestId);
+      clearTimeout(pending.timer);
+      if (reply.ok) {
+        pending.resolve();
+      } else {
+        pending.reject(new Error(reply.error || t2("Host clipboard is unavailable.")));
+      }
+    }
+    dispose() {
+      for (const pending of this.pending.values()) {
+        clearTimeout(pending.timer);
+        pending.reject(new Error(t2("Connection changed.")));
+      }
+      this.pending.clear();
+    }
+  };
+
   // src/web/ui/host.ts
-  function acquireWorkflowHost() {
+  function acquireWorkflowHost(options = {}) {
     const embedded = globalThis.acquireVsCodeApi;
     if (embedded) {
       return embedded();
@@ -19258,13 +19397,20 @@ ${state2.user?.avatarUrl ?? ""}`;
         window.parent.postMessage(message, "*");
       }
     });
+    let resourceHost = false;
+    const clipboard = new ClipboardBridge(
+      (message) => window.parent.postMessage(message, "*"),
+      (text3) => navigator.clipboard.writeText(text3),
+      window.parent !== window && document.body.dataset.accountHost === "true"
+    );
+    addEventListener("pagehide", () => clipboard.dispose());
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
       }
       trace.receive(message);
       emit(message);
-    });
+    }, options.live);
     const request = async (message) => {
       for (const entry of await connection.request(message)) {
         handleReply(entry);
@@ -19280,6 +19426,16 @@ ${state2.user?.avatarUrl ?? ""}`;
       if (event.data.traceVersion !== void 0) {
         trace.enable(event.data.traceVersion);
       }
+      if (event.data.clipboardVersion !== void 0) {
+        clipboard.enable(event.data.clipboardVersion);
+      }
+      if (event.data.resourceVersion === 1) {
+        resourceHost = true;
+      }
+      if (event.data.resourceError) {
+        emit(event.data.resourceError);
+      }
+      clipboard.receive(event.data.clipboard);
       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 }));
@@ -19296,7 +19452,14 @@ ${state2.user?.avatarUrl ?? ""}`;
         }
         return;
       }
-      if (reply.type === "download") {
+      if (reply.type === "resource-preview") {
+        reply.url = connection.fileUrl(reply.url);
+        if (reply.action === "inline") {
+          emit(reply);
+        } else {
+          window.open(reply.url, "_blank", "noopener");
+        }
+      } else if (reply.type === "download") {
         const url = URL.createObjectURL(new Blob([reply.content], { type: reply.mimeType ?? "application/json" }));
         const link = document.createElement("a");
         link.href = url;
@@ -19364,6 +19527,29 @@ ${state2.user?.avatarUrl ?? ""}`;
         if (message.type === "ready") {
           return;
         }
+        if (message.type === "resource" && message.action !== "inline" && resourceHost) {
+          window.parent.postMessage({ type: "workflow-resource", version: 1, request: message }, "*");
+          return;
+        }
+        if (message.type === "resource" && message.action !== "inline") {
+          const popup = window.open("", "_blank");
+          try {
+            const reply = (await connection.request(message)).find((reply2) => reply2.type === "resource-preview");
+            if (reply && popup) {
+              popup.opener = null;
+              popup.location.href = connection.fileUrl(reply.url);
+            } else {
+              popup?.close();
+              if (reply) {
+                emit({ type: "error", message: t2("Allow popups to open this resource in a new window.") });
+              }
+            }
+          } catch (error) {
+            popup?.close();
+            emit({ type: "error", requestId: message.requestId, message: error.message });
+          }
+          return;
+        }
         if (message.type === "trace") {
           if (trace.open(message)) {
             return;
@@ -19373,8 +19559,13 @@ ${state2.user?.avatarUrl ?? ""}`;
           }
         }
         if (message.type === "copy") {
-          void navigator.clipboard.writeText(message.text).catch((error) => emit({ type: "error", message: error.message }));
-          return;
+          try {
+            await clipboard.writeText(message.text);
+          } catch (error) {
+            emit({ type: "error", message: error.message });
+            return false;
+          }
+          return true;
         }
         if (message.type === "attach") {
           chooseFiles(message);
@@ -20080,7 +20271,7 @@ ${state2.user?.avatarUrl ?? ""}`;
   // src/web/resource-cards.ts
   var record = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
   var string = (value) => typeof value === "string" && value.trim() ? value.trim() : void 0;
-  function conversationResourceCards(items, projectId, conversationId) {
+  function conversationResourceCards(items, projectId, conversationId, storageSource = "local") {
     const cards = /* @__PURE__ */ new Map();
     for (const [index, item] of items.entries()) {
       if (!["agent-part", "opencode-part"].includes(String(item.metadata?.kind)) || item.metadata?.partType !== "tool") {
@@ -20143,6 +20334,9 @@ ${state2.user?.avatarUrl ?? ""}`;
         if (!kind2) {
           continue;
         }
+        if (kind2 === "kv" || kind2 === "knowledge") {
+          target2.source = input.source ?? storageSource;
+        }
         descriptor = { kind: kind2, target: target2, title: record(output2?.document)?.title };
       }
       const kind = descriptor.kind;
@@ -20151,7 +20345,7 @@ ${state2.user?.avatarUrl ?? ""}`;
       }
       const target = Object.fromEntries(Object.entries(record(descriptor.target) ?? {}).filter((entry) => typeof entry[1] === "string" && entry[1].length < 8192));
       if (target.source === "current") {
-        target.source = "local";
+        target.source = kind === "kv" || kind === "knowledge" ? storageSource : "local";
         target.projectId = projectId;
       }
       if (target.source && !["local", "server"].includes(target.source)) {
@@ -20177,8 +20371,18 @@ ${state2.user?.avatarUrl ?? ""}`;
         }
       }
       const id = string(descriptor.cardId) ?? `${kind}:${JSON.stringify(target)}`;
-      const title = (string(descriptor.title) ?? target.key ?? target.documentId ?? target.filePath ?? target.url ?? target.projectId ?? kind).slice(0, 200);
-      cards.set(id, { id, kind, title, target, itemId: item.id ?? String(index) });
+      const title = (string(descriptor.title) ?? string(record(output2?.document)?.title) ?? target.key ?? target.documentId ?? target.filePath ?? target.url ?? target.projectId ?? kind).slice(0, 200);
+      const kanban = record(descriptor.kanban), values = record(kanban?.values);
+      cards.set(id, {
+        id,
+        kind,
+        title,
+        target,
+        itemId: item.id ?? String(index),
+        ...typeof descriptor.preview === "boolean" ? { preview: descriptor.preview } : {},
+        ...typeof descriptor.pinned === "boolean" ? { pinned: descriptor.pinned } : {},
+        ...kind === "kanban" && ["preview", "save"].includes(String(kanban?.mode)) && values && Object.keys(values).length <= 100 && Object.values(values).every((value) => typeof value === "string") ? { kanban: { mode: kanban.mode, values } } : {}
+      });
     }
     return [...cards.values()];
   }
@@ -20372,15 +20576,53 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       this.root = root;
       this.options = options;
       root.className = "message-output";
+      window.addEventListener("message", this.resourceReply);
+      this.resourceTheme.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
     }
     root;
     options;
     views = /* @__PURE__ */ new Map();
     groups = /* @__PURE__ */ new Map();
     activities = /* @__PURE__ */ new Map();
-    update(message, projectId, conversationId, files) {
+    resourceTheme = new MutationObserver(() => this.syncResourceTheme());
+    syncResourceTheme() {
+      for (const frame of this.root.querySelectorAll(".resource-inline > iframe")) {
+        frame.contentWindow?.postMessage({ type: "workflow-host", theme: document.documentElement.dataset.theme }, location.origin);
+      }
+    }
+    resourceReply = (event) => {
+      const reply = event.data;
+      if (event.source !== null || !reply?.requestId) {
+        return;
+      }
+      const card = Array.from(this.root.querySelectorAll(".resource-card")).find((card2) => card2.dataset.requestId === reply.requestId);
+      if (!card) {
+        return;
+      }
+      const preview = card.querySelector(".resource-inline");
+      if (reply.type === "error") {
+        preview.textContent = reply.message;
+        preview.setAttribute("role", "alert");
+      }
+      if (reply.type === "resource-preview" && reply.action === "inline") {
+        const frame = document.createElement("iframe");
+        frame.title = card.querySelector(".resource-title").textContent ?? "";
+        const address = new URL(reply.url, location.href);
+        address.searchParams.set("resourcePresentation", "card");
+        frame.src = address.href;
+        frame.sandbox.add("allow-scripts", "allow-same-origin");
+        frame.addEventListener("load", () => this.syncResourceTheme());
+        preview.replaceChildren(frame);
+        preview.removeAttribute("role");
+      }
+    };
+    dispose() {
+      window.removeEventListener("message", this.resourceReply);
+      this.resourceTheme.disconnect();
+    }
+    update(message, projectId, conversationId, files, storageSource = "local") {
       const items = message.items ?? [];
-      const cards = conversationResourceCards(items, projectId, conversationId);
+      const cards = conversationResourceCards(items, projectId, conversationId, storageSource);
       const cardByItem = new Map(cards.map((card) => [card.itemId, card]));
       const answers = [...new Map([...message.resolvedInputs ?? [], ...message.submittingInput ? [message.submittingInput] : []].map((answer) => [answer.requestId, answer])).values()];
       const ordered = (message.timers ?? []).map((timer) => ({ key: `timer:${timer.timerId}`, timer }));
@@ -20400,14 +20642,18 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       const blocks = [];
       for (const entry of ordered) {
         const content = entry.item?.content;
-        if (content?.tool === "workflow-ui_present_card" && !entry.card) {
+        if (content?.tool === "workflow-ui_present_card" && content.status === "success" && !entry.card) {
           continue;
         }
-        if (entry.item && content?.tool !== "workflow-ui_present_card") {
+        if (entry.item && (content?.tool !== "workflow-ui_present_card" || content.status !== "success")) {
           entry.activity = agentActivity(entry.item, message);
         }
-        if (entry.activity?.kind === "read" && !entry.card) {
-          entry.card = conversationResourceCards([entry.item], projectId, conversationId)[0];
+        if (entry.item && content?.tool !== "workflow-ui_present_card" && !entry.card) {
+          entry.card = conversationResourceCards([entry.item], projectId, conversationId, storageSource)[0];
+        }
+        if (entry.card && entry.card.kind !== "file") {
+          blocks.push({ key: `resource:${entry.key}`, card: entry.card, item: entry.item });
+          continue;
         }
         if (entry.activity) {
           const last = blocks.at(-1);
@@ -20434,7 +20680,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
             view.signature = signature;
           }
         } else if (!view || view.signature !== signature) {
-          const root = entry.answer ? this.answer(entry.answer, message.submittingInput?.requestId === entry.answer.requestId) : entry.timer ? this.timer(entry.timer) : activity ? this.activity(activity, entry.key, entry.card) : entry.card ? this.card(entry.card) : entry.item ? this.item(entry.item, files) : this.markdown(entry.text ?? "", files);
+          const root = entry.answer ? this.answer(entry.answer, message.submittingInput?.requestId === entry.answer.requestId) : entry.timer ? this.timer(entry.timer) : activity ? this.activity(activity, entry.key, entry.card) : entry.card ? this.card(entry.card, entry.item) : entry.item ? this.item(entry.item, files) : this.markdown(entry.text ?? "", files);
           if (view?.root instanceof HTMLDetailsElement && root instanceof HTMLDetailsElement) {
             root.open = view.root.open;
           }
@@ -20768,13 +21014,67 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       root.append(entry);
       return root;
     }
-    card(card) {
+    card(card, item) {
+      const root = document.createElement("section");
+      root.className = "resource-card";
+      root.dataset.cardId = card.id;
+      const row = document.createElement("div");
+      row.className = "resource-card-row";
       const button = document.createElement("button");
-      button.className = "resource-card";
-      button.title = card.title;
-      button.innerHTML = `${iconHtml(card.kind === "browser" ? "globe" : card.kind === "file" ? "file" : card.kind === "kv" ? "database" : card.kind === "knowledge" ? "book" : "folder")}<span>${escapeHtml(card.title)}</span>${iconHtml("arrow-up-right")}`;
-      button.addEventListener("click", () => this.options.resource(card));
-      return button;
+      button.className = "resource-target";
+      button.title = t2("Open resource");
+      button.innerHTML = `${iconHtml(card.kind === "browser" ? "globe" : card.kind === "file" ? "file" : card.kind === "kv" ? "database" : card.kind === "knowledge" ? "book" : card.kind === "kanban" ? "layout" : "folder")}<span class="resource-title">${escapeHtml(card.title)}</span>`;
+      button.addEventListener("click", () => this.options.resource(card, "open"));
+      const preview = document.createElement("div");
+      preview.className = "resource-inline";
+      preview.hidden = true;
+      const toggle = iconButton("eye", t2("Show in conversation"), () => {
+        preview.hidden = !preview.hidden;
+        toggle.setAttribute("aria-expanded", String(!preview.hidden));
+        toggle.title = preview.hidden ? t2("Show in conversation") : t2("Hide preview");
+        if (preview.hidden) {
+          preview.replaceChildren();
+          delete root.dataset.requestId;
+          return;
+        }
+        const requestId2 = crypto.randomUUID();
+        root.dataset.requestId = requestId2;
+        preview.textContent = t2("Loading...");
+        preview.setAttribute("role", "status");
+        this.options.resource(card, "inline", requestId2);
+      });
+      toggle.setAttribute("aria-expanded", "false");
+      toggle.dataset.action = "inline";
+      const separate = iconButton("open-preview", t2("Open in new window"), () => this.options.resource(card, "window"));
+      separate.dataset.action = "window";
+      row.append(button, toggle, separate);
+      root.append(row, preview);
+      if (card.kind === "project" || card.kind === "kanban") {
+        row.append(iconButton("folder-opened", t2("Open project"), () => this.options.resource(card, "project")));
+      }
+      if (item) {
+        const details = document.createElement("div");
+        details.className = "resource-call-details";
+        details.hidden = true;
+        const data = document.createElement("pre");
+        data.textContent = JSON.stringify(item.content, null, 2);
+        details.append(data);
+        const inspect = iconButton("info", t2("Tool call details"), () => {
+          details.hidden = !details.hidden;
+          inspect.setAttribute("aria-expanded", String(!details.hidden));
+        });
+        inspect.setAttribute("aria-expanded", "false");
+        row.append(inspect);
+        root.append(details);
+      }
+      if (card.preview && ["project", "kanban", "browser"].includes(card.kind)) {
+        queueMicrotask(() => {
+          if (root.isConnected) {
+            toggle.click();
+          }
+        });
+      }
+      return root;
     }
   };
 
@@ -21359,7 +21659,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
     plan: (text3) => dialogs.plan(text3),
     file: (id) => host.postMessage({ type: "open-file", id }),
     image: (src, title) => dialogs.image(src, title),
-    resource: (card) => post({ type: "resource", cardId: card.id, runId: state?.run?.id })
+    resource: (card, action, requestId2) => post({ type: "resource", cardId: card.id, runId: state?.run?.id, action, requestId: requestId2 })
   });
   var parameters = () => state ? workflowParameters(state.project, entrypointId) : { fields: [] };
   var draft = () => drafts[entrypointId ?? ""] ??= { scopeId: "", values: {}, rawArgs: "[]", inputMode: "form", policies: {} };
@@ -21667,7 +21967,7 @@ ${JSON.stringify(output2.details, null, 2)}` : "");
       submittingInput: run.submittingInput,
       events: run.events,
       timers: run.timers
-    }, state.project.id, run.scopeId, files);
+    }, state.project.id, run.scopeId, files, state.project.projectInfo?.dataStorage?.mode === "server" ? "server" : "local");
     const pendingLabel = element("run-output").querySelector(".pending > span:last-child");
     if (pendingLabel) {
       pendingLabel.textContent = t2("Running...");