@workflow-code/cli 0.2.4-20261013006.codex-studio-integration → 0.2.4-20261013007.codex-studio-integration

package/dist/web/kanban-workspace.css

@@ -1044,6 +1044,30 @@ main {
   height: 100%;
   object-fit: cover;
 }
+.attachment-image {
+  position: relative;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.attachment-image .attachment-preview {
+  width: 88px;
+  height: 88px;
+  background: transparent;
+}
+.message .attachment-image .attachment-preview {
+  width: 120px;
+  height: 120px;
+}
+.attachment-image .attachment-preview img {
+  object-fit: contain;
+}
+.attachment-image > .icon-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: var(--vscode-editor-background);
+}
 #draft-attachments {
   padding: 0 16px;
 }

package/dist/web/kanban-workspace.js

@@ -14401,14 +14401,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       DocumentFragment,
       HTMLTemplateElement,
       Node,
-      Element,
+      Element: Element2,
       NodeFilter,
       NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
       HTMLFormElement,
       DOMParser,
       trustedTypes
     } = window2;
-    const ElementPrototype = Element.prototype;
+    const ElementPrototype = Element2.prototype;
     const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
     const remove = lookupGetter(ElementPrototype, "remove");
     const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
@@ -14862,7 +14862,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         _forceRemove(currentNode);
         return true;
       }
-      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
         _forceRemove(currentNode);
         return true;
       }
@@ -15871,6 +15871,28 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/edit-commands.ts
+  function pasteHostClipboard(clipboard) {
+    if (typeof clipboard.text !== "string" || clipboard.image !== void 0 && !ArrayBuffer.isView(clipboard.image)) {
+      return;
+    }
+    const target = document.activeElement;
+    if (!(target instanceof HTMLElement) || !target.matches("textarea, input, [contenteditable=true]") || target.matches(":disabled, [readonly]")) {
+      return;
+    }
+    const transfer = new DataTransfer();
+    transfer.setData("text/plain", clipboard.text);
+    if (clipboard.image && clipboard.image.byteLength) {
+      const image = new Uint8Array(clipboard.image.buffer, clipboard.image.byteOffset, clipboard.image.byteLength);
+      transfer.items.add(new File([new Uint8Array(image)], "clipboard.png", { type: "image/png" }));
+    }
+    const event = new ClipboardEvent("paste", { bubbles: true, cancelable: true, clipboardData: transfer });
+    target.dispatchEvent(event);
+    if (!event.defaultPrevented && clipboard.text) {
+      document.execCommand("insertText", false, clipboard.text);
+    }
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost(options = {}) {
     const embedded = globalThis.acquireVsCodeApi;
@@ -15892,13 +15914,62 @@ ${state2.user?.avatarUrl ?? ""}`;
         window.parent.postMessage(message, "*");
       }
     });
-    let resourceHost = false;
+    let resourceHost = false, editHost = false, nativePasteHost = false;
+    let contextInput, lastInput;
+    const captureInput = (input) => {
+      const field = input;
+      return { element: input, selection: typeof field.selectionStart === "number" && typeof field.selectionEnd === "number" ? { start: field.selectionStart, end: field.selectionEnd, direction: field.selectionDirection ?? "none", value: field.value } : void 0 };
+    };
+    const rememberInput = () => {
+      const input = document.activeElement;
+      if (input instanceof HTMLElement && input.matches("textarea, input, [contenteditable=true]")) {
+        lastInput = captureInput(input);
+      }
+    };
     const clipboard = new ClipboardBridge(
       (message) => window.parent.postMessage(message, "*"),
       (text2) => navigator.clipboard.writeText(text2),
       window.parent !== window && document.body.dataset.accountHost === "true"
     );
     addEventListener("pagehide", () => clipboard.dispose());
+    addEventListener("keydown", (event) => {
+      if (!editHost || !nativePasteHost || event.defaultPrevented || event.key.toLowerCase() !== "v" || !(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey || !(event.target instanceof Element) || !event.target.closest("textarea, input, [contenteditable=true]")) {
+        return;
+      }
+      event.preventDefault();
+      contextInput = void 0;
+      rememberInput();
+      window.parent.postMessage({ type: "workflow-edit", version: 1, command: "paste" }, "*");
+    });
+    addEventListener("contextmenu", (event) => {
+      if (!editHost || event.defaultPrevented || !(event.target instanceof Element)) {
+        return;
+      }
+      const input = event.target.closest("textarea, input, [contenteditable=true]");
+      if (!input) {
+        return;
+      }
+      event.preventDefault();
+      input.focus({ preventScroll: true });
+      contextInput = lastInput = captureInput(input);
+      window.parent.postMessage({ type: "workflow-contextmenu", version: 1, x: event.clientX, y: event.clientY }, "*");
+    });
+    addEventListener("focusin", (event) => {
+      if (event.target instanceof Element && event.target !== contextInput?.element && event.target.matches("textarea, input, [contenteditable=true]")) {
+        contextInput = void 0;
+      }
+      rememberInput();
+    });
+    addEventListener("input", rememberInput);
+    addEventListener("selectionchange", rememberInput, true);
+    addEventListener("pointerdown", (event) => {
+      if (event.button !== 2) {
+        contextInput = void 0;
+      }
+      if (event.target instanceof Element && !event.target.closest("textarea, input, [contenteditable=true]")) {
+        lastInput = void 0;
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
@@ -15923,17 +15994,37 @@ ${state2.user?.avatarUrl ?? ""}`;
       }
       if (event.data.clipboardVersion !== void 0) {
         clipboard.enable(event.data.clipboardVersion);
-        if (event.data.clipboardVersion === 1) {
+        editHost = event.data.clipboardVersion === 1;
+        if (editHost) {
           window.parent.postMessage({ type: "workflow-edit", version: 1 }, "*");
         }
       }
       if (event.data.resourceVersion === 1) {
         resourceHost = true;
       }
+      if (event.data.nativePasteVersion !== void 0) {
+        nativePasteHost = event.data.nativePasteVersion === 1;
+      }
       if (event.data.resourceError) {
         emit(event.data.resourceError);
       }
-      if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+      if ((event.data.restoreFocus === true || event.data.clipboardData && document.activeElement === document.body) && ["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+        const context = contextInput ?? lastInput;
+        contextInput = void 0;
+        if (context) {
+          const input = context.element;
+          if (!input.isConnected || context.selection && input.value !== context.selection.value) {
+            return;
+          }
+          input.focus({ preventScroll: true });
+          if (context.selection) {
+            input.setSelectionRange(context.selection.start, context.selection.end, context.selection.direction);
+          }
+        }
+      }
+      if (event.data.editCommand === "paste" && event.data.clipboardData) {
+        pasteHostClipboard(event.data.clipboardData);
+      } else if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
         document.execCommand(event.data.editCommand);
       }
       clipboard.receive(event.data.clipboard);

package/dist/web/resource-preview.css

@@ -1044,6 +1044,30 @@ main {
   height: 100%;
   object-fit: cover;
 }
+.attachment-image {
+  position: relative;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.attachment-image .attachment-preview {
+  width: 88px;
+  height: 88px;
+  background: transparent;
+}
+.message .attachment-image .attachment-preview {
+  width: 120px;
+  height: 120px;
+}
+.attachment-image .attachment-preview img {
+  object-fit: contain;
+}
+.attachment-image > .icon-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: var(--vscode-editor-background);
+}
 #draft-attachments {
   padding: 0 16px;
 }

package/dist/web/resource-preview.js

@@ -14401,14 +14401,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       DocumentFragment,
       HTMLTemplateElement,
       Node,
-      Element,
+      Element: Element2,
       NodeFilter,
       NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
       HTMLFormElement,
       DOMParser,
       trustedTypes
     } = window2;
-    const ElementPrototype = Element.prototype;
+    const ElementPrototype = Element2.prototype;
     const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
     const remove = lookupGetter(ElementPrototype, "remove");
     const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
@@ -14862,7 +14862,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         _forceRemove(currentNode);
         return true;
       }
-      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
         _forceRemove(currentNode);
         return true;
       }
@@ -15871,6 +15871,28 @@ ${state.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/edit-commands.ts
+  function pasteHostClipboard(clipboard) {
+    if (typeof clipboard.text !== "string" || clipboard.image !== void 0 && !ArrayBuffer.isView(clipboard.image)) {
+      return;
+    }
+    const target = document.activeElement;
+    if (!(target instanceof HTMLElement) || !target.matches("textarea, input, [contenteditable=true]") || target.matches(":disabled, [readonly]")) {
+      return;
+    }
+    const transfer = new DataTransfer();
+    transfer.setData("text/plain", clipboard.text);
+    if (clipboard.image && clipboard.image.byteLength) {
+      const image = new Uint8Array(clipboard.image.buffer, clipboard.image.byteOffset, clipboard.image.byteLength);
+      transfer.items.add(new File([new Uint8Array(image)], "clipboard.png", { type: "image/png" }));
+    }
+    const event = new ClipboardEvent("paste", { bubbles: true, cancelable: true, clipboardData: transfer });
+    target.dispatchEvent(event);
+    if (!event.defaultPrevented && clipboard.text) {
+      document.execCommand("insertText", false, clipboard.text);
+    }
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost(options = {}) {
     const embedded = globalThis.acquireVsCodeApi;
@@ -15892,13 +15914,62 @@ ${state.user?.avatarUrl ?? ""}`;
         window.parent.postMessage(message, "*");
       }
     });
-    let resourceHost = false;
+    let resourceHost = false, editHost = false, nativePasteHost = false;
+    let contextInput, lastInput;
+    const captureInput = (input) => {
+      const field = input;
+      return { element: input, selection: typeof field.selectionStart === "number" && typeof field.selectionEnd === "number" ? { start: field.selectionStart, end: field.selectionEnd, direction: field.selectionDirection ?? "none", value: field.value } : void 0 };
+    };
+    const rememberInput = () => {
+      const input = document.activeElement;
+      if (input instanceof HTMLElement && input.matches("textarea, input, [contenteditable=true]")) {
+        lastInput = captureInput(input);
+      }
+    };
     const clipboard = new ClipboardBridge(
       (message) => window.parent.postMessage(message, "*"),
       (text2) => navigator.clipboard.writeText(text2),
       window.parent !== window && document.body.dataset.accountHost === "true"
     );
     addEventListener("pagehide", () => clipboard.dispose());
+    addEventListener("keydown", (event) => {
+      if (!editHost || !nativePasteHost || event.defaultPrevented || event.key.toLowerCase() !== "v" || !(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey || !(event.target instanceof Element) || !event.target.closest("textarea, input, [contenteditable=true]")) {
+        return;
+      }
+      event.preventDefault();
+      contextInput = void 0;
+      rememberInput();
+      window.parent.postMessage({ type: "workflow-edit", version: 1, command: "paste" }, "*");
+    });
+    addEventListener("contextmenu", (event) => {
+      if (!editHost || event.defaultPrevented || !(event.target instanceof Element)) {
+        return;
+      }
+      const input = event.target.closest("textarea, input, [contenteditable=true]");
+      if (!input) {
+        return;
+      }
+      event.preventDefault();
+      input.focus({ preventScroll: true });
+      contextInput = lastInput = captureInput(input);
+      window.parent.postMessage({ type: "workflow-contextmenu", version: 1, x: event.clientX, y: event.clientY }, "*");
+    });
+    addEventListener("focusin", (event) => {
+      if (event.target instanceof Element && event.target !== contextInput?.element && event.target.matches("textarea, input, [contenteditable=true]")) {
+        contextInput = void 0;
+      }
+      rememberInput();
+    });
+    addEventListener("input", rememberInput);
+    addEventListener("selectionchange", rememberInput, true);
+    addEventListener("pointerdown", (event) => {
+      if (event.button !== 2) {
+        contextInput = void 0;
+      }
+      if (event.target instanceof Element && !event.target.closest("textarea, input, [contenteditable=true]")) {
+        lastInput = void 0;
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
@@ -15923,17 +15994,37 @@ ${state.user?.avatarUrl ?? ""}`;
       }
       if (event.data.clipboardVersion !== void 0) {
         clipboard.enable(event.data.clipboardVersion);
-        if (event.data.clipboardVersion === 1) {
+        editHost = event.data.clipboardVersion === 1;
+        if (editHost) {
           window.parent.postMessage({ type: "workflow-edit", version: 1 }, "*");
         }
       }
       if (event.data.resourceVersion === 1) {
         resourceHost = true;
       }
+      if (event.data.nativePasteVersion !== void 0) {
+        nativePasteHost = event.data.nativePasteVersion === 1;
+      }
       if (event.data.resourceError) {
         emit(event.data.resourceError);
       }
-      if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+      if ((event.data.restoreFocus === true || event.data.clipboardData && document.activeElement === document.body) && ["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+        const context = contextInput ?? lastInput;
+        contextInput = void 0;
+        if (context) {
+          const input = context.element;
+          if (!input.isConnected || context.selection && input.value !== context.selection.value) {
+            return;
+          }
+          input.focus({ preventScroll: true });
+          if (context.selection) {
+            input.setSelectionRange(context.selection.start, context.selection.end, context.selection.direction);
+          }
+        }
+      }
+      if (event.data.editCommand === "paste" && event.data.clipboardData) {
+        pasteHostClipboard(event.data.clipboardData);
+      } else if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
         document.execCommand(event.data.editCommand);
       }
       clipboard.receive(event.data.clipboard);

package/dist/web/workflow-ui.css

@@ -1044,6 +1044,30 @@ main {
   height: 100%;
   object-fit: cover;
 }
+.attachment-image {
+  position: relative;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.attachment-image .attachment-preview {
+  width: 88px;
+  height: 88px;
+  background: transparent;
+}
+.message .attachment-image .attachment-preview {
+  width: 120px;
+  height: 120px;
+}
+.attachment-image .attachment-preview img {
+  object-fit: contain;
+}
+.attachment-image > .icon-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: var(--vscode-editor-background);
+}
 #draft-attachments {
   padding: 0 16px;
 }

package/dist/web/workflow-ui.js

@@ -14897,14 +14897,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       DocumentFragment,
       HTMLTemplateElement,
       Node: Node2,
-      Element,
+      Element: Element2,
       NodeFilter: NodeFilter2,
       NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
       HTMLFormElement,
       DOMParser,
       trustedTypes
     } = window2;
-    const ElementPrototype = Element.prototype;
+    const ElementPrototype = Element2.prototype;
     const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
     const remove = lookupGetter(ElementPrototype, "remove");
     const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
@@ -15358,7 +15358,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         _forceRemove(currentNode);
         return true;
       }
-      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
         _forceRemove(currentNode);
         return true;
       }
@@ -17835,6 +17835,28 @@ ${state.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/edit-commands.ts
+  function pasteHostClipboard(clipboard) {
+    if (typeof clipboard.text !== "string" || clipboard.image !== void 0 && !ArrayBuffer.isView(clipboard.image)) {
+      return;
+    }
+    const target = document.activeElement;
+    if (!(target instanceof HTMLElement) || !target.matches("textarea, input, [contenteditable=true]") || target.matches(":disabled, [readonly]")) {
+      return;
+    }
+    const transfer = new DataTransfer();
+    transfer.setData("text/plain", clipboard.text);
+    if (clipboard.image && clipboard.image.byteLength) {
+      const image = new Uint8Array(clipboard.image.buffer, clipboard.image.byteOffset, clipboard.image.byteLength);
+      transfer.items.add(new File([new Uint8Array(image)], "clipboard.png", { type: "image/png" }));
+    }
+    const event = new ClipboardEvent("paste", { bubbles: true, cancelable: true, clipboardData: transfer });
+    target.dispatchEvent(event);
+    if (!event.defaultPrevented && clipboard.text) {
+      document.execCommand("insertText", false, clipboard.text);
+    }
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost(options = {}) {
     const embedded = globalThis.acquireVsCodeApi;
@@ -17856,13 +17878,62 @@ ${state.user?.avatarUrl ?? ""}`;
         window.parent.postMessage(message, "*");
       }
     });
-    let resourceHost = false;
+    let resourceHost = false, editHost = false, nativePasteHost = false;
+    let contextInput, lastInput;
+    const captureInput = (input) => {
+      const field = input;
+      return { element: input, selection: typeof field.selectionStart === "number" && typeof field.selectionEnd === "number" ? { start: field.selectionStart, end: field.selectionEnd, direction: field.selectionDirection ?? "none", value: field.value } : void 0 };
+    };
+    const rememberInput = () => {
+      const input = document.activeElement;
+      if (input instanceof HTMLElement && input.matches("textarea, input, [contenteditable=true]")) {
+        lastInput = captureInput(input);
+      }
+    };
     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());
+    addEventListener("keydown", (event) => {
+      if (!editHost || !nativePasteHost || event.defaultPrevented || event.key.toLowerCase() !== "v" || !(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey || !(event.target instanceof Element) || !event.target.closest("textarea, input, [contenteditable=true]")) {
+        return;
+      }
+      event.preventDefault();
+      contextInput = void 0;
+      rememberInput();
+      window.parent.postMessage({ type: "workflow-edit", version: 1, command: "paste" }, "*");
+    });
+    addEventListener("contextmenu", (event) => {
+      if (!editHost || event.defaultPrevented || !(event.target instanceof Element)) {
+        return;
+      }
+      const input = event.target.closest("textarea, input, [contenteditable=true]");
+      if (!input) {
+        return;
+      }
+      event.preventDefault();
+      input.focus({ preventScroll: true });
+      contextInput = lastInput = captureInput(input);
+      window.parent.postMessage({ type: "workflow-contextmenu", version: 1, x: event.clientX, y: event.clientY }, "*");
+    });
+    addEventListener("focusin", (event) => {
+      if (event.target instanceof Element && event.target !== contextInput?.element && event.target.matches("textarea, input, [contenteditable=true]")) {
+        contextInput = void 0;
+      }
+      rememberInput();
+    });
+    addEventListener("input", rememberInput);
+    addEventListener("selectionchange", rememberInput, true);
+    addEventListener("pointerdown", (event) => {
+      if (event.button !== 2) {
+        contextInput = void 0;
+      }
+      if (event.target instanceof Element && !event.target.closest("textarea, input, [contenteditable=true]")) {
+        lastInput = void 0;
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
@@ -17887,17 +17958,37 @@ ${state.user?.avatarUrl ?? ""}`;
       }
       if (event.data.clipboardVersion !== void 0) {
         clipboard.enable(event.data.clipboardVersion);
-        if (event.data.clipboardVersion === 1) {
+        editHost = event.data.clipboardVersion === 1;
+        if (editHost) {
           window.parent.postMessage({ type: "workflow-edit", version: 1 }, "*");
         }
       }
       if (event.data.resourceVersion === 1) {
         resourceHost = true;
       }
+      if (event.data.nativePasteVersion !== void 0) {
+        nativePasteHost = event.data.nativePasteVersion === 1;
+      }
       if (event.data.resourceError) {
         emit(event.data.resourceError);
       }
-      if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+      if ((event.data.restoreFocus === true || event.data.clipboardData && document.activeElement === document.body) && ["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+        const context = contextInput ?? lastInput;
+        contextInput = void 0;
+        if (context) {
+          const input = context.element;
+          if (!input.isConnected || context.selection && input.value !== context.selection.value) {
+            return;
+          }
+          input.focus({ preventScroll: true });
+          if (context.selection) {
+            input.setSelectionRange(context.selection.start, context.selection.end, context.selection.direction);
+          }
+        }
+      }
+      if (event.data.editCommand === "paste" && event.data.clipboardData) {
+        pasteHostClipboard(event.data.clipboardData);
+      } else if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
         document.execCommand(event.data.editCommand);
       }
       clipboard.receive(event.data.clipboard);
@@ -18636,31 +18727,36 @@ ${state.user?.avatarUrl ?? ""}`;
       container.replaceChildren();
       container.hidden = !attachments.length;
       for (const file of attachments) {
+        const isImage = file.kind === "image";
         const item = document.createElement("div");
-        item.className = "attachment";
+        item.className = `attachment${isImage ? " attachment-image" : ""}`;
         const preview = document.createElement("button");
         preview.type = "button";
         preview.className = "attachment-preview";
-        preview.title = file.name;
-        if (file.kind === "image" && file.previewUrl) {
+        preview.title = isImage ? t2("Image") : file.name;
+        preview.setAttribute("aria-label", preview.title);
+        if (isImage && file.previewUrl) {
           const image = document.createElement("img");
           image.src = file.previewUrl;
-          image.alt = file.name;
+          image.alt = t2("Image");
           preview.append(image);
         } else {
           preview.innerHTML = iconHtml(file.mimeType.startsWith("audio/") ? "unmute" : file.mimeType.startsWith("video/") ? "device-camera-video" : "file");
         }
         preview.addEventListener("click", () => {
-          if (file.kind === "image" && file.previewUrl) {
-            dialogs.image(file.previewUrl, file.name);
+          if (isImage && file.previewUrl) {
+            dialogs.image(file.previewUrl, t2("Image"));
           } else {
             post({ type: "open-file", id: file.id });
           }
         });
-        const name = document.createElement("span");
-        name.textContent = file.name;
-        name.title = file.name;
-        item.append(preview, name);
+        item.append(preview);
+        if (!isImage) {
+          const name = document.createElement("span");
+          name.textContent = file.name;
+          name.title = file.name;
+          item.append(name);
+        }
         if (removable) {
           item.append(iconButton("close", t2("Remove attachment"), () => {
             draftFiles = draftFiles.filter((entry) => entry.id !== file.id);

package/dist/web/workflow-workspace.css

@@ -1044,6 +1044,30 @@ main {
   height: 100%;
   object-fit: cover;
 }
+.attachment-image {
+  position: relative;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.attachment-image .attachment-preview {
+  width: 88px;
+  height: 88px;
+  background: transparent;
+}
+.message .attachment-image .attachment-preview {
+  width: 120px;
+  height: 120px;
+}
+.attachment-image .attachment-preview img {
+  object-fit: contain;
+}
+.attachment-image > .icon-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: var(--vscode-editor-background);
+}
 #draft-attachments {
   padding: 0 16px;
 }

package/dist/web/workflow-workspace.js

@@ -17930,14 +17930,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       DocumentFragment,
       HTMLTemplateElement,
       Node,
-      Element,
+      Element: Element2,
       NodeFilter,
       NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
       HTMLFormElement,
       DOMParser,
       trustedTypes
     } = window2;
-    const ElementPrototype = Element.prototype;
+    const ElementPrototype = Element2.prototype;
     const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
     const remove = lookupGetter(ElementPrototype, "remove");
     const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
@@ -18391,7 +18391,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         _forceRemove(currentNode);
         return true;
       }
-      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
         _forceRemove(currentNode);
         return true;
       }
@@ -19415,6 +19415,28 @@ ${state2.user?.avatarUrl ?? ""}`;
     }
   };
 
+  // src/web/ui/edit-commands.ts
+  function pasteHostClipboard(clipboard) {
+    if (typeof clipboard.text !== "string" || clipboard.image !== void 0 && !ArrayBuffer.isView(clipboard.image)) {
+      return;
+    }
+    const target = document.activeElement;
+    if (!(target instanceof HTMLElement) || !target.matches("textarea, input, [contenteditable=true]") || target.matches(":disabled, [readonly]")) {
+      return;
+    }
+    const transfer = new DataTransfer();
+    transfer.setData("text/plain", clipboard.text);
+    if (clipboard.image && clipboard.image.byteLength) {
+      const image = new Uint8Array(clipboard.image.buffer, clipboard.image.byteOffset, clipboard.image.byteLength);
+      transfer.items.add(new File([new Uint8Array(image)], "clipboard.png", { type: "image/png" }));
+    }
+    const event = new ClipboardEvent("paste", { bubbles: true, cancelable: true, clipboardData: transfer });
+    target.dispatchEvent(event);
+    if (!event.defaultPrevented && clipboard.text) {
+      document.execCommand("insertText", false, clipboard.text);
+    }
+  }
+
   // src/web/ui/host.ts
   function acquireWorkflowHost(options = {}) {
     const embedded = globalThis.acquireVsCodeApi;
@@ -19436,13 +19458,62 @@ ${state2.user?.avatarUrl ?? ""}`;
         window.parent.postMessage(message, "*");
       }
     });
-    let resourceHost = false;
+    let resourceHost = false, editHost = false, nativePasteHost = false;
+    let contextInput, lastInput;
+    const captureInput = (input) => {
+      const field = input;
+      return { element: input, selection: typeof field.selectionStart === "number" && typeof field.selectionEnd === "number" ? { start: field.selectionStart, end: field.selectionEnd, direction: field.selectionDirection ?? "none", value: field.value } : void 0 };
+    };
+    const rememberInput = () => {
+      const input = document.activeElement;
+      if (input instanceof HTMLElement && input.matches("textarea, input, [contenteditable=true]")) {
+        lastInput = captureInput(input);
+      }
+    };
     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());
+    addEventListener("keydown", (event) => {
+      if (!editHost || !nativePasteHost || event.defaultPrevented || event.key.toLowerCase() !== "v" || !(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey || !(event.target instanceof Element) || !event.target.closest("textarea, input, [contenteditable=true]")) {
+        return;
+      }
+      event.preventDefault();
+      contextInput = void 0;
+      rememberInput();
+      window.parent.postMessage({ type: "workflow-edit", version: 1, command: "paste" }, "*");
+    });
+    addEventListener("contextmenu", (event) => {
+      if (!editHost || event.defaultPrevented || !(event.target instanceof Element)) {
+        return;
+      }
+      const input = event.target.closest("textarea, input, [contenteditable=true]");
+      if (!input) {
+        return;
+      }
+      event.preventDefault();
+      input.focus({ preventScroll: true });
+      contextInput = lastInput = captureInput(input);
+      window.parent.postMessage({ type: "workflow-contextmenu", version: 1, x: event.clientX, y: event.clientY }, "*");
+    });
+    addEventListener("focusin", (event) => {
+      if (event.target instanceof Element && event.target !== contextInput?.element && event.target.matches("textarea, input, [contenteditable=true]")) {
+        contextInput = void 0;
+      }
+      rememberInput();
+    });
+    addEventListener("input", rememberInput);
+    addEventListener("selectionchange", rememberInput, true);
+    addEventListener("pointerdown", (event) => {
+      if (event.button !== 2) {
+        contextInput = void 0;
+      }
+      if (event.target instanceof Element && !event.target.closest("textarea, input, [contenteditable=true]")) {
+        lastInput = void 0;
+      }
+    });
     const connection = new BrowserConnection((message) => {
       if (message.type === "state" && message.account) {
         accountPanel.update(message.account);
@@ -19467,17 +19538,37 @@ ${state2.user?.avatarUrl ?? ""}`;
       }
       if (event.data.clipboardVersion !== void 0) {
         clipboard.enable(event.data.clipboardVersion);
-        if (event.data.clipboardVersion === 1) {
+        editHost = event.data.clipboardVersion === 1;
+        if (editHost) {
           window.parent.postMessage({ type: "workflow-edit", version: 1 }, "*");
         }
       }
       if (event.data.resourceVersion === 1) {
         resourceHost = true;
       }
+      if (event.data.nativePasteVersion !== void 0) {
+        nativePasteHost = event.data.nativePasteVersion === 1;
+      }
       if (event.data.resourceError) {
         emit(event.data.resourceError);
       }
-      if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+      if ((event.data.restoreFocus === true || event.data.clipboardData && document.activeElement === document.body) && ["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
+        const context = contextInput ?? lastInput;
+        contextInput = void 0;
+        if (context) {
+          const input = context.element;
+          if (!input.isConnected || context.selection && input.value !== context.selection.value) {
+            return;
+          }
+          input.focus({ preventScroll: true });
+          if (context.selection) {
+            input.setSelectionRange(context.selection.start, context.selection.end, context.selection.direction);
+          }
+        }
+      }
+      if (event.data.editCommand === "paste" && event.data.clipboardData) {
+        pasteHostClipboard(event.data.clipboardData);
+      } else if (["paste", "copy", "cut", "selectAll", "undo", "redo"].includes(event.data.editCommand)) {
         document.execCommand(event.data.editCommand);
       }
       clipboard.receive(event.data.clipboard);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workflow-code/cli",
-  "version": "0.2.4-20261013006.codex-studio-integration",
+  "version": "0.2.4-20261013007.codex-studio-integration",
   "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/kanban-project": "0.1.0",
-    "@workflow-code/project-dependencies": "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-upload": "0.1.0",
     "@workflow-code/runtime-compatibility": "0.1.0",