@tutti-os/agent-gui 0.0.38 → 0.0.39

package/dist/{chunk-44YASHVW.js → chunk-5HQDW73P.js}

@@ -1,10 +1,11 @@
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-2ADVHCST.js";
+} from "./chunk-B2JKDZSR.js";
 import {
+  translate,
   useTranslation
-} from "./chunk-JL2WNRYC.js";
+} from "./chunk-WJPEKD3F.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
@@ -187,18 +188,24 @@ function arrayValue(value) {
 import {
   createContext,
   startTransition as startTransition2,
-  useCallback,
-  useEffect as useEffect2,
+  useCallback as useCallback3,
+  useEffect as useEffect3,
   useContext,
   memo,
-  useMemo,
-  useState as useState2
+  useMemo as useMemo2,
+  useState as useState4
 } from "react";
 
 // app/renderer/components/ZoomableImage.tsx
 import {
-  cloneElement
+  cloneElement,
+  isValidElement,
+  useCallback as useCallback2,
+  useEffect,
+  useMemo,
+  useState as useState2
 } from "react";
+import { CopyIcon, DownloadIcon } from "lucide-react";
 import Zoom from "react-medium-image-zoom";
 
 // app/renderer/lib/utils.ts
@@ -208,44 +215,315 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// shared/agentConversation/components/ConversationImageContextMenu.tsx
+import {
+  useCallback,
+  useRef,
+  useState
+} from "react";
+
+// app/renderer/components/ui/context-menu.tsx
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger
+} from "@tutti-os/ui-system";
+
+// shared/agentConversation/lib/copyImageToClipboard.ts
+async function imageSrcToPngBlob(src) {
+  const response = await fetch(src);
+  const blob = await response.blob();
+  if (blob.type === "image/png") {
+    return blob;
+  }
+  const bitmap = await createImageBitmap(blob);
+  const canvas = document.createElement("canvas");
+  canvas.width = bitmap.width;
+  canvas.height = bitmap.height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    return null;
+  }
+  ctx.drawImage(bitmap, 0, 0);
+  return await new Promise(
+    (resolve) => canvas.toBlob((result) => resolve(result), "image/png")
+  );
+}
+async function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onerror = () => reject(reader.error ?? new Error("read failed"));
+    reader.onload = () => {
+      const result = typeof reader.result === "string" ? reader.result : "";
+      resolve(result.includes(",") ? result.split(",").pop() ?? "" : result);
+    };
+    reader.readAsDataURL(blob);
+  });
+}
+async function copyImageWithWebClipboard(blob) {
+  if (typeof navigator === "undefined" || typeof navigator.clipboard?.write !== "function" || typeof ClipboardItem === "undefined") {
+    return false;
+  }
+  try {
+    await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function copyImageToClipboard(src, hostClipboard) {
+  try {
+    const blob = await imageSrcToPngBlob(src);
+    if (!blob) {
+      return false;
+    }
+    if (hostClipboard?.writeImage) {
+      try {
+        await hostClipboard.writeImage({
+          data: await blobToBase64(blob),
+          mimeType: "image/png"
+        });
+        return true;
+      } catch {
+      }
+    }
+    return copyImageWithWebClipboard(blob);
+  } catch {
+    return false;
+  }
+}
+
+// shared/agentConversation/components/ConversationImageContextMenu.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConversationImageContextMenu({
+  src,
+  children,
+  asChild = false,
+  contentStyle
+}) {
+  const agentHostApi = useOptionalAgentHostApi();
+  const copyStartedRef = useRef(false);
+  const [menuResetKey, setMenuResetKey] = useState(0);
+  const copyAndClose = useCallback(() => {
+    if (copyStartedRef.current) {
+      return;
+    }
+    copyStartedRef.current = true;
+    setMenuResetKey((key) => key + 1);
+    void copyImageToClipboard(src, agentHostApi?.clipboard).finally(() => {
+      copyStartedRef.current = false;
+    });
+  }, [agentHostApi?.clipboard, src]);
+  return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+    /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild, children }),
+    /* @__PURE__ */ jsx(ContextMenuContent, { style: contentStyle, children: /* @__PURE__ */ jsx(
+      ContextMenuItem,
+      {
+        onClick: copyAndClose,
+        onPointerDown: (event) => {
+          if (event.button !== 0) {
+            return;
+          }
+          event.preventDefault();
+          copyAndClose();
+        },
+        onSelect: copyAndClose,
+        children: translate("agentHost.agentGui.copyImage")
+      }
+    ) })
+  ] }, menuResetKey);
+}
+
 // app/renderer/components/ZoomableImage.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ZoomableImage({
   className,
+  downloadName,
+  onContextMenu,
+  src,
   wrapElement = "div",
   ...props
 }) {
   const { t } = useTranslation();
+  const actionSource = typeof src === "string" && src.trim() ? src.trim() : null;
+  const hasImageActions = Boolean(actionSource && downloadName !== void 0);
+  const resolvedDownloadName = useMemo(
+    () => resolveImageDownloadName(downloadName, actionSource),
+    [actionSource, downloadName]
+  );
+  const [contextMenuPosition, setContextMenuPosition] = useState2(null);
+  const closeContextMenu = useCallback2(() => {
+    setContextMenuPosition(null);
+  }, []);
+  useEffect(() => {
+    if (!contextMenuPosition) {
+      return;
+    }
+    document.addEventListener("click", closeContextMenu);
+    document.addEventListener("scroll", closeContextMenu, true);
+    return () => {
+      document.removeEventListener("click", closeContextMenu);
+      document.removeEventListener("scroll", closeContextMenu, true);
+    };
+  }, [closeContextMenu, contextMenuPosition]);
+  const handleContextMenu = useCallback2(
+    (event) => {
+      onContextMenu?.(event);
+      if (event.defaultPrevented || !actionSource || !hasImageActions) {
+        return;
+      }
+      event.preventDefault();
+      setContextMenuPosition({ x: event.clientX, y: event.clientY });
+    },
+    [actionSource, hasImageActions, onContextMenu]
+  );
+  const handleCopyImage = useCallback2(async () => {
+    if (!actionSource) {
+      return;
+    }
+    closeContextMenu();
+    await copyImageToClipboard(actionSource);
+  }, [actionSource, closeContextMenu]);
+  const handleCopyImageAction = useCallback2(() => {
+    void handleCopyImage().catch(() => void 0);
+  }, [handleCopyImage]);
+  const handleDownloadImage = useCallback2(() => {
+    if (!actionSource) {
+      return;
+    }
+    closeContextMenu();
+    downloadImage(actionSource, resolvedDownloadName);
+  }, [actionSource, closeContextMenu, resolvedDownloadName]);
+  const actionButtons = hasImageActions ? /* @__PURE__ */ jsx2(
+    ImageActionButtons,
+    {
+      copyLabel: t("common.copyImage"),
+      downloadLabel: t("common.downloadImage"),
+      onCopy: handleCopyImageAction,
+      onDownload: handleDownloadImage
+    }
+  ) : null;
   const renderZoomContent = ({
     buttonUnzoom,
     img
-  }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    img,
-    cloneElement(buttonUnzoom, {
-      className: cn(
-        buttonUnzoom.props.className,
-        "nodrag tsh-desktop-no-drag"
-      )
-    })
-  ] });
-  return /* @__PURE__ */ jsx(
-    Zoom,
-    {
-      a11yNameButtonZoom: t("common.expandImage"),
-      a11yNameButtonUnzoom: t("common.minimizeImage"),
-      classDialog: "tsh-zoom-dialog nodrag tsh-desktop-no-drag",
-      wrapElement,
-      zoomMargin: 24,
-      ZoomContent: renderZoomContent,
-      children: /* @__PURE__ */ jsx(
-        "img",
+  }) => {
+    const zoomSrc = isValidElement(img) && typeof img.props.src === "string" ? img.props.src : null;
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      !actionButtons && img && zoomSrc ? /* @__PURE__ */ jsx2(
+        ConversationImageContextMenu,
         {
-          ...props,
-          className: cn("nodrag tsh-desktop-no-drag cursor-zoom-in", className)
+          src: zoomSrc,
+          asChild: true,
+          contentStyle: { zIndex: "var(--z-dialog-popover)" },
+          children: img
         }
-      )
-    }
-  );
+      ) : img,
+      actionButtons ? /* @__PURE__ */ jsx2("div", { className: "tsh-zoom-dialog__image-actions nodrag tsh-desktop-no-drag", children: actionButtons }) : null,
+      cloneElement(buttonUnzoom, {
+        className: cn(
+          buttonUnzoom.props.className,
+          "nodrag tsh-desktop-no-drag"
+        )
+      })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      Zoom,
+      {
+        a11yNameButtonZoom: t("common.expandImage"),
+        a11yNameButtonUnzoom: t("common.minimizeImage"),
+        classDialog: "tsh-zoom-dialog nodrag tsh-desktop-no-drag",
+        wrapElement,
+        zoomMargin: 24,
+        ZoomContent: renderZoomContent,
+        children: /* @__PURE__ */ jsx2(
+          "img",
+          {
+            ...props,
+            src,
+            onContextMenu: hasImageActions ? handleContextMenu : onContextMenu,
+            className: cn("nodrag tsh-desktop-no-drag cursor-zoom-in", className)
+          }
+        )
+      }
+    ),
+    contextMenuPosition && actionButtons ? /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "tsh-image-context-menu nodrag tsh-desktop-no-drag",
+        style: {
+          left: contextMenuPosition.x,
+          top: contextMenuPosition.y
+        },
+        role: "menu",
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx2(
+          ImageActionButtons,
+          {
+            copyLabel: t("common.copyImage"),
+            downloadLabel: t("common.downloadImage"),
+            itemRole: "menuitem",
+            onCopy: handleCopyImageAction,
+            onDownload: handleDownloadImage
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function ImageActionButtons({
+  copyLabel,
+  downloadLabel,
+  itemRole,
+  onCopy,
+  onDownload
+}) {
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2("button", { type: "button", role: itemRole, title: copyLabel, onClick: onCopy, children: [
+      /* @__PURE__ */ jsx2(CopyIcon, { "aria-hidden": "true", className: "size-4" }),
+      /* @__PURE__ */ jsx2("span", { children: copyLabel })
+    ] }),
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        role: itemRole,
+        title: downloadLabel,
+        onClick: onDownload,
+        children: [
+          /* @__PURE__ */ jsx2(DownloadIcon, { "aria-hidden": "true", className: "size-4" }),
+          /* @__PURE__ */ jsx2("span", { children: downloadLabel })
+        ]
+      }
+    )
+  ] });
+}
+function downloadImage(src, name) {
+  const link = document.createElement("a");
+  link.href = src;
+  link.download = name;
+  link.rel = "noopener";
+  document.body.append(link);
+  link.click();
+  link.remove();
+}
+function resolveImageDownloadName(name, src) {
+  const trimmedName = name?.trim();
+  if (trimmedName) {
+    return trimmedName;
+  }
+  const srcName = src ? decodeURIComponentSafe(src.split(/[?#]/, 1)[0] ?? "") : "";
+  const lastSegment = srcName.split(/[\\/]/).pop()?.trim();
+  return lastSegment || "image.png";
+}
+function decodeURIComponentSafe(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
 }
 
 // shared/AgentMessageMarkdown.tsx
@@ -828,9 +1106,9 @@ function countChar(value, char) {
 // shared/useStreamingVisibleText.ts
 import {
   startTransition,
-  useEffect,
-  useRef,
-  useState
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useState as useState3
 } from "react";
 var DEFAULT_FRAME_MS = 24;
 var DEFAULT_MAX_CHARS_PER_SECOND = 6e3;
@@ -842,20 +1120,20 @@ function useStreamingVisibleText(sourceText, options) {
     maxCharsPerSecond = DEFAULT_MAX_CHARS_PER_SECOND,
     trailingFlushChars = DEFAULT_TRAILING_FLUSH_CHARS
   } = options;
-  const [visibleText, setVisibleText] = useState(sourceText);
-  const sourceRef = useRef(sourceText);
-  const visibleRef = useRef(visibleText);
-  const timerRef = useRef(null);
-  useEffect(() => {
+  const [visibleText, setVisibleText] = useState3(sourceText);
+  const sourceRef = useRef2(sourceText);
+  const visibleRef = useRef2(visibleText);
+  const timerRef = useRef2(null);
+  useEffect2(() => {
     visibleRef.current = visibleText;
   }, [visibleText]);
-  useEffect(
+  useEffect2(
     () => () => {
       clearStreamingVisibleTextTimer(timerRef);
     },
     []
   );
-  useEffect(() => {
+  useEffect2(() => {
     sourceRef.current = sourceText;
     if (!enabled) {
       clearStreamingVisibleTextTimer(timerRef);
@@ -940,7 +1218,7 @@ function clearStreamingVisibleTextTimer(timerRef) {
 }
 
 // shared/AgentMessageMarkdown.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var COLLAPSED_LINE_LIMIT = 8;
 var APPROX_CHARS_PER_LINE = 34;
 var DEFERRED_LONG_MARKDOWN_CHAR_THRESHOLD = 4096;
@@ -1003,7 +1281,7 @@ function AgentMessageMarkdown({
     maxCharsPerSecond: STREAMING_MARKDOWN_MAX_CHARS_PER_SECOND,
     trailingFlushChars: STREAMING_MARKDOWN_TAIL_FLUSH_CHARS
   });
-  const stabilizedContent = useMemo(
+  const stabilizedContent = useMemo2(
     () => stabilizeStreamingMarkdownTail(visibleContent, {
       streaming
     }).content,
@@ -1012,16 +1290,16 @@ function AgentMessageMarkdown({
   const workspaceRoot = workspaceLinkContext?.workspaceRoot ?? null;
   const basePath = workspaceLinkContext?.basePath ?? null;
   const workspaceLinkSource = workspaceLinkContext?.source ?? null;
-  const [isExpanded, setIsExpanded] = useState2(false);
+  const [isExpanded, setIsExpanded] = useState4(false);
   const resolvedExpandLabel = expandLabel ?? t("agentHost.workspaceAgentMessageExpand");
   const shouldCollapse = collapsible && isLikelyLongerThanLineLimit(stabilizedContent);
   const isCollapsed = shouldCollapse && !isExpanded;
   const ContainerTag = inline ? "span" : "div";
-  const contentSignature = useMemo(
+  const contentSignature = useMemo2(
     () => hashMarkdownProfilerContent(stabilizedContent),
     [stabilizedContent]
   );
-  const normalizedContent = useMemo(
+  const normalizedContent = useMemo2(
     () => linkBareLocalAbsolutePaths(
       normalizeMentionMarkdownLinks(
         normalizePlainIssueMentionTitle ? normalizePlainIssueMentionTitleContent(
@@ -1037,7 +1315,7 @@ function AgentMessageMarkdown({
     contentSignature,
     shouldDeferMarkdownRender
   );
-  const handleLinkClick = useCallback(
+  const handleLinkClick = useCallback3(
     (href) => {
       if (workspaceLinkSource && onLinkAction && workspaceRoot) {
         const action = resolveWorkspaceLinkAction({
@@ -1055,7 +1333,7 @@ function AgentMessageMarkdown({
     },
     [basePath, onLinkAction, onLinkClick, workspaceLinkSource, workspaceRoot]
   );
-  const handleAnchorClickCapture = useCallback(
+  const handleAnchorClickCapture = useCallback3(
     (event) => {
       const href = resolveMarkdownAnchorHref(event.target);
       if (!href) {
@@ -1067,9 +1345,9 @@ function AgentMessageMarkdown({
     },
     [handleLinkClick]
   );
-  const markdownComponents = useMemo(
+  const markdownComponents = useMemo2(
     () => ({
-      a: (props) => /* @__PURE__ */ jsx2(
+      a: (props) => /* @__PURE__ */ jsx3(
         MarkdownLink,
         {
           ...props,
@@ -1078,22 +1356,22 @@ function AgentMessageMarkdown({
           previewMode
         }
       ),
-      code: (props) => /* @__PURE__ */ jsx2(MarkdownCode, { ...props, onLinkClick: handleLinkClick }),
-      img: (props) => /* @__PURE__ */ jsx2(MarkdownMedia, { ...props, enableZoom: enableImageZoom }),
-      p: (props) => /* @__PURE__ */ jsx2(MarkdownParagraph, { ...props, inline }),
+      code: (props) => /* @__PURE__ */ jsx3(MarkdownCode, { ...props, onLinkClick: handleLinkClick }),
+      img: (props) => /* @__PURE__ */ jsx3(MarkdownMedia, { ...props, enableZoom: enableImageZoom }),
+      p: (props) => /* @__PURE__ */ jsx3(MarkdownParagraph, { ...props, inline }),
       ul: MarkdownUnorderedList,
       ol: MarkdownOrderedList,
       li: MarkdownListItem
     }),
     [enableImageZoom, handleLinkClick, inline, previewMode, workspaceAppIcons]
   );
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     ContainerTag,
     {
       className: "flex w-full min-w-0 flex-col items-start gap-1",
       "data-workspace-agent-markdown-shell": "true",
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           ContainerTag,
           {
             className: cn(
@@ -1124,13 +1402,13 @@ function AgentMessageMarkdown({
             "data-agent-mention-only": isMentionOnly ? "true" : void 0,
             "data-collapsed": isCollapsed ? "true" : "false",
             onClickCapture: handleAnchorClickCapture,
-            children: markdownRenderReady ? streaming ? /* @__PURE__ */ jsx2(
+            children: markdownRenderReady ? streaming ? /* @__PURE__ */ jsx3(
               StreamingMarkdownBlocks,
               {
                 content: normalizedContent,
                 components: markdownComponents
               }
-            ) : /* @__PURE__ */ jsx2(
+            ) : /* @__PURE__ */ jsx3(
               ReactMarkdown,
               {
                 remarkPlugins: [remarkGfm],
@@ -1139,7 +1417,7 @@ function AgentMessageMarkdown({
                 components: markdownComponents,
                 children: normalizedContent
               }
-            ) : /* @__PURE__ */ jsx2(
+            ) : /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "whitespace-pre-wrap [overflow-wrap:anywhere]",
@@ -1149,7 +1427,7 @@ function AgentMessageMarkdown({
             )
           }
         ),
-        shouldCollapse && !isExpanded ? /* @__PURE__ */ jsx2(
+        shouldCollapse && !isExpanded ? /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -1166,11 +1444,11 @@ function StreamingMarkdownBlocks({
   content,
   components
 }) {
-  const blocks = useMemo(
+  const blocks = useMemo2(
     () => splitStreamingMarkdownBlocks(content),
     [content]
   );
-  return /* @__PURE__ */ jsx2(Fragment2, { children: blocks.map((block, index) => /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(Fragment2, { children: blocks.map((block, index) => /* @__PURE__ */ jsx3(
     MemoizedMarkdownBlock,
     {
       content: block.content,
@@ -1183,7 +1461,7 @@ var MemoizedMarkdownBlock = memo(function MemoizedMarkdownBlock2({
   content,
   components
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
@@ -1287,11 +1565,11 @@ function activateMarkdownLinkFromPointer(event, href, onLinkClick) {
   activateMarkdownLink(event, href, onLinkClick);
 }
 function useDeferredMarkdownRenderReady(contentSignature, shouldDefer) {
-  const [readySignature, setReadySignature] = useState2(
+  const [readySignature, setReadySignature] = useState4(
     shouldDefer ? null : contentSignature
   );
   const renderReady = !shouldDefer || readySignature === contentSignature;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!shouldDefer) {
       setReadySignature(contentSignature);
       return;
@@ -1367,7 +1645,7 @@ function MarkdownLink({
     t("agentHost.agentGui.workspaceAppFactoryMentionFallback")
   ) : null;
   if (mention) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       MentionLink,
       {
         ...props,
@@ -1383,7 +1661,7 @@ function MarkdownLink({
     textFromReactNode(props.children)
   ) : null;
   if (fileMention) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       WorkspaceFileMentionLink,
       {
         ...props,
@@ -1394,9 +1672,9 @@ function MarkdownLink({
     );
   }
   if (!isClickableMarkdownHref(targetHref)) {
-    return /* @__PURE__ */ jsx2(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx2("span", { className: props.className, title: props.title, children: props.children }) });
+    return /* @__PURE__ */ jsx3(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx3("span", { className: props.className, title: props.title, children: props.children }) });
   }
-  return /* @__PURE__ */ jsx2(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx3(
     "a",
     {
       ...props,
@@ -1480,7 +1758,7 @@ function WorkspaceFileMentionLink({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "a",
     {
       ...props,
@@ -1507,8 +1785,8 @@ function WorkspaceFileMentionLink({
         activateMarkdownLinkFromKey(event, mention.href, onLinkClick);
       },
       children: [
-        /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__icon", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__main", children: mention.label })
+        /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__icon", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__main", children: mention.label })
       ]
     }
   );
@@ -1524,7 +1802,7 @@ function MentionLink({
   "use memo";
   const tooltipText = mention.kind === "session" ? `${mention.participant}${mention.summary ? ` ${mention.summary}` : ""}`.trim() : mention.label;
   const { ref: mainRef, overflowing } = useTextOverflow(tooltipText);
-  const link = /* @__PURE__ */ jsxs2(
+  const link = /* @__PURE__ */ jsxs3(
     "a",
     {
       ...props,
@@ -1550,14 +1828,14 @@ function MentionLink({
         activateMarkdownLinkFromKey(event, href, onLinkClick);
       },
       children: [
-        mention.kind === "workspace-app" || mention.kind === "workspace-reference" ? /* @__PURE__ */ jsx2(
+        mention.kind === "workspace-app" || mention.kind === "workspace-reference" ? /* @__PURE__ */ jsx3(
           "span",
           {
             className: "grid h-4 w-4 shrink-0 place-items-center overflow-hidden rounded-[4px] bg-block",
             "aria-hidden": "true",
             "data-agent-mention-app-icon": "true",
             "data-workspace-app-icon": "true",
-            children: mention.iconUrl ? /* @__PURE__ */ jsx2(
+            children: mention.iconUrl ? /* @__PURE__ */ jsx3(
               "img",
               {
                 src: mention.iconUrl,
@@ -1567,31 +1845,31 @@ function MentionLink({
                 loading: "lazy",
                 draggable: false
               }
-            ) : /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__kind-icon h-4 w-4" })
+            ) : /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__kind-icon h-4 w-4" })
           }
-        ) : /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+        ) : /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
           "span",
           {
             className: "tsh-agent-object-token__kind-icon",
             "aria-hidden": "true"
           }
         ) }),
-        mention.kind === "session" ? /* @__PURE__ */ jsxs2("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: [
-          /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__participant", children: mention.participant }),
-          mention.summary ? /* @__PURE__ */ jsxs2("span", { className: "tsh-agent-object-token__summary", children: [
+        mention.kind === "session" ? /* @__PURE__ */ jsxs3("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: [
+          /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__participant", children: mention.participant }),
+          mention.summary ? /* @__PURE__ */ jsxs3("span", { className: "tsh-agent-object-token__summary", children: [
             " ",
             mention.summary
           ] }) : null
-        ] }) : /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: mention.label })
+        ] }) : /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: mention.label })
       ]
     }
   );
   if (previewMode) {
     return link;
   }
-  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs2(Tooltip, { children: [
-    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: link }),
-    overflowing ? /* @__PURE__ */ jsx2(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltipText }) : null
+  return /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs3(Tooltip, { children: [
+    /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: link }),
+    overflowing ? /* @__PURE__ */ jsx3(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltipText }) : null
   ] }) });
 }
 function MarkdownCode({
@@ -1606,9 +1884,9 @@ function MarkdownCode({
   const text = textFromReactNode(children).trim();
   const isLinkablePath = !isInsideLink && onLinkClick && !className && (isExplicitWorkspaceFilePath(text) || isHttpUrl(text));
   if (isLinkablePath) {
-    return /* @__PURE__ */ jsx2(PathLink, { href: text, onLinkClick, children });
+    return /* @__PURE__ */ jsx3(PathLink, { href: text, onLinkClick, children });
   }
-  return /* @__PURE__ */ jsx2("code", { ...props, className, children });
+  return /* @__PURE__ */ jsx3("code", { ...props, className, children });
 }
 var cachedMarkdownMedia = /* @__PURE__ */ new Map();
 var CACHED_MARKDOWN_MEDIA_REVOKE_DELAY_MS = 250;
@@ -1631,10 +1909,10 @@ function MarkdownMedia({
   const shouldEnableZoom = enableZoom && !isInsideLink;
   const fallbackMediaKind = typeof src === "string" ? resolveMarkdownMediaKind(src) : null;
   const resolvedSrc = typeof src === "string" ? resolveRenderableMarkdownMediaSrc(src) : src;
-  const [state, setState] = useState2(
+  const [state, setState] = useState4(
     () => canReadWorkspaceImage && workspacePath ? peekCachedMarkdownMediaState(workspacePath) ?? { status: "loading" } : null
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (!workspacePath || !readWorkspaceImage) {
       setState(null);
       return;
@@ -1701,9 +1979,9 @@ function MarkdownMedia({
   if (!workspacePath || !readWorkspaceImage) {
     if (fallbackMediaKind === "video") {
       if (!canRenderMarkdownVideoFallback(src)) {
-        return /* @__PURE__ */ jsx2(UnsupportedMarkdownMediaPreview, {});
+        return /* @__PURE__ */ jsx3(UnsupportedMarkdownMediaPreview, {});
       }
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx3(
         "video",
         {
           src: resolvedSrc,
@@ -1720,7 +1998,7 @@ function MarkdownMedia({
       );
     }
     if (!shouldEnableZoom) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx3(
         "img",
         {
           ...props,
@@ -1731,13 +2009,14 @@ function MarkdownMedia({
         }
       );
     }
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       ZoomableImage,
       {
         ...props,
         src: resolvedSrc,
         alt,
         title,
+        downloadName: resolveMarkdownImageDownloadName(src, alt),
         className,
         wrapElement: "span"
       }
@@ -1745,7 +2024,7 @@ function MarkdownMedia({
   }
   if (state?.status === "ready") {
     if (state.kind === "video") {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx3(
         "video",
         {
           src: state.src,
@@ -1762,7 +2041,7 @@ function MarkdownMedia({
       );
     }
     if (!shouldEnableZoom) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx3(
         "img",
         {
           ...props,
@@ -1776,13 +2055,14 @@ function MarkdownMedia({
         }
       );
     }
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       ZoomableImage,
       {
         ...props,
         src: state.src,
         alt,
         title,
+        downloadName: resolveMarkdownImageDownloadName(workspacePath, alt),
         className: cn(
           "mt-2 block max-h-[360px] max-w-full rounded-[8px] bg-[var(--transparency-block)] object-contain",
           className
@@ -1791,13 +2071,22 @@ function MarkdownMedia({
       }
     );
   }
-  return /* @__PURE__ */ jsx2("span", { className: "mt-2 flex min-h-[160px] w-full items-center justify-center rounded-[8px] bg-[var(--transparency-block)] px-5 py-5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: state?.status === "error" ? state.reason === "unsupported" ? t("agentHost.workspaceFileManager.previewUnsupported") : t("agentHost.workspaceFileManager.previewReadFailed", {
+  return /* @__PURE__ */ jsx3("span", { className: "mt-2 flex min-h-[160px] w-full items-center justify-center rounded-[8px] bg-[var(--transparency-block)] px-5 py-5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: state?.status === "error" ? state.reason === "unsupported" ? t("agentHost.workspaceFileManager.previewUnsupported") : t("agentHost.workspaceFileManager.previewReadFailed", {
     message: state.detail ?? ""
   }) : t("agentHost.workspaceFileManager.previewLoading") });
 }
 function UnsupportedMarkdownMediaPreview() {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx2("span", { className: "mt-2 flex min-h-[160px] w-full items-center justify-center rounded-[8px] bg-[var(--transparency-block)] px-5 py-5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: t("agentHost.workspaceFileManager.previewUnsupported") });
+  return /* @__PURE__ */ jsx3("span", { className: "mt-2 flex min-h-[160px] w-full items-center justify-center rounded-[8px] bg-[var(--transparency-block)] px-5 py-5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: t("agentHost.workspaceFileManager.previewUnsupported") });
+}
+function resolveMarkdownImageDownloadName(src, alt) {
+  if (typeof src === "string") {
+    const pathName = basenameWorkspacePath(src.trim());
+    if (pathName) {
+      return pathName;
+    }
+  }
+  return typeof alt === "string" ? alt.trim() || void 0 : void 0;
 }
 var MARKDOWN_ORDERED_LIST_STYLE = {
   listStylePosition: "outside",
@@ -1819,7 +2108,7 @@ function MarkdownUnorderedList({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "ul",
     {
       ...props,
@@ -1837,7 +2126,7 @@ function MarkdownOrderedList({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "ol",
     {
       ...props,
@@ -1855,7 +2144,7 @@ function MarkdownListItem({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx2("li", { ...props, style: { ...MARKDOWN_LIST_ITEM_STYLE, ...style } });
+  return /* @__PURE__ */ jsx3("li", { ...props, style: { ...MARKDOWN_LIST_ITEM_STYLE, ...style } });
 }
 function MarkdownParagraph({
   node: _node,
@@ -1864,9 +2153,9 @@ function MarkdownParagraph({
 }) {
   "use memo";
   if (inline) {
-    return /* @__PURE__ */ jsx2("span", { ...props });
+    return /* @__PURE__ */ jsx3("span", { ...props });
   }
-  return /* @__PURE__ */ jsx2("p", { ...props });
+  return /* @__PURE__ */ jsx3("p", { ...props });
 }
 function isLocalAbsolutePath(path) {
   const candidate = path.trim();
@@ -2245,7 +2534,7 @@ function PathLink({
   onLinkClick
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "a",
     {
       className: "cursor-pointer",
@@ -2309,17 +2598,17 @@ var AgentGUIConversation_styles_default = styles;
 // app/renderer/components/icons/MessageSquareMoreIcon.tsx
 import {
   forwardRef,
-  useCallback as useCallback2,
-  useEffect as useEffect3,
+  useCallback as useCallback4,
+  useEffect as useEffect4,
   useImperativeHandle,
-  useRef as useRef2
+  useRef as useRef3
 } from "react";
 import {
   motion,
   useAnimation,
   useReducedMotion
 } from "framer-motion";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var DOT_TRANSITION = {
   times: [0, 0.1, 0.1, 0.2, 0.5, 0.6, 0.6, 0.7],
   duration: 1.5
@@ -2363,14 +2652,14 @@ var MessageSquareMoreIcon = forwardRef(
   }, ref) => {
     const controls = useAnimation();
     const reduceMotion = useReducedMotion();
-    const isControlledRef = useRef2(false);
-    const startAnimation = useCallback2(() => {
+    const isControlledRef = useRef3(false);
+    const startAnimation = useCallback4(() => {
       if (reduceMotion) {
         return;
       }
       void controls.start(active ? "active" : "animate");
     }, [active, controls, reduceMotion]);
-    const stopAnimation = useCallback2(() => {
+    const stopAnimation = useCallback4(() => {
       void controls.start("normal");
     }, [controls]);
     useImperativeHandle(ref, () => {
@@ -2380,14 +2669,14 @@ var MessageSquareMoreIcon = forwardRef(
         stopAnimation
       };
     });
-    useEffect3(() => {
+    useEffect4(() => {
       if (active) {
         startAnimation();
         return;
       }
       stopAnimation();
     }, [active, startAnimation, stopAnimation]);
-    const handleMouseEnter = useCallback2(
+    const handleMouseEnter = useCallback4(
       (event) => {
         if (isControlledRef.current) {
           onMouseEnter?.(event);
@@ -2397,7 +2686,7 @@ var MessageSquareMoreIcon = forwardRef(
       },
       [onMouseEnter, startAnimation]
     );
-    const handleMouseLeave = useCallback2(
+    const handleMouseLeave = useCallback4(
       (event) => {
         if (isControlledRef.current) {
           onMouseLeave?.(event);
@@ -2407,14 +2696,14 @@ var MessageSquareMoreIcon = forwardRef(
       },
       [onMouseLeave, stopAnimation]
     );
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       "div",
       {
         className: cn("inline-flex items-center justify-center", className),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         ...props,
-        children: /* @__PURE__ */ jsxs3(
+        children: /* @__PURE__ */ jsxs4(
           "svg",
           {
             fill: "none",
@@ -2427,8 +2716,8 @@ var MessageSquareMoreIcon = forwardRef(
             width: size,
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-              /* @__PURE__ */ jsx3("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }),
+              /* @__PURE__ */ jsx4(
                 motion.path,
                 {
                   animate: controls,
@@ -2437,7 +2726,7 @@ var MessageSquareMoreIcon = forwardRef(
                   variants: DOT_VARIANTS
                 }
               ),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 motion.path,
                 {
                   animate: controls,
@@ -2446,7 +2735,7 @@ var MessageSquareMoreIcon = forwardRef(
                   variants: DOT_VARIANTS
                 }
               ),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 motion.path,
                 {
                   animate: controls,
@@ -2467,12 +2756,12 @@ MessageSquareMoreIcon.displayName = "MessageSquareMoreIcon";
 // app/renderer/components/ui/custom-scroll-area.tsx
 import {
   forwardRef as forwardRef2,
-  useCallback as useCallback3,
-  useEffect as useEffect4,
-  useRef as useRef3,
-  useState as useState3
+  useCallback as useCallback5,
+  useEffect as useEffect5,
+  useRef as useRef4,
+  useState as useState5
 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var MIN_THUMB_HEIGHT = 24;
 function CustomScrollbar({
   getViewport,
@@ -2483,15 +2772,15 @@ function CustomScrollbar({
   syncKey
 }) {
   "use memo";
-  const trackRef = useRef3(null);
-  const dragStateRef = useRef3(null);
-  const [scrollbarState, setScrollbarState] = useState3({
+  const trackRef = useRef4(null);
+  const dragStateRef = useRef4(null);
+  const [scrollbarState, setScrollbarState] = useState5({
     scrollable: false,
     thumbHeight: 0,
     thumbTop: 0
   });
-  const [dragging, setDragging] = useState3(false);
-  const syncScrollbarState = useCallback3(() => {
+  const [dragging, setDragging] = useState5(false);
+  const syncScrollbarState = useCallback5(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -2514,7 +2803,7 @@ function CustomScrollbar({
       (previous) => previous.scrollable && previous.thumbHeight === thumbHeight && previous.thumbTop === thumbTop ? previous : { scrollable: true, thumbHeight, thumbTop }
     );
   }, [getViewport]);
-  const scrollViewportToThumbTop = useCallback3(
+  const scrollViewportToThumbTop = useCallback5(
     (thumbTop) => {
       const viewport = getViewport();
       const track = trackRef.current;
@@ -2537,7 +2826,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.thumbHeight, syncScrollbarState]
   );
-  const handleTrackMouseDown = useCallback3(
+  const handleTrackMouseDown = useCallback5(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -2559,7 +2848,7 @@ function CustomScrollbar({
       scrollbarState.thumbHeight
     ]
   );
-  const handleThumbMouseDown = useCallback3(
+  const handleThumbMouseDown = useCallback5(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -2592,7 +2881,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.scrollable, scrollbarState.thumbHeight]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (!dragging) {
       return;
     }
@@ -2617,7 +2906,7 @@ function CustomScrollbar({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [dragging, getViewport, syncScrollbarState]);
-  useEffect4(() => {
+  useEffect5(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -2634,7 +2923,7 @@ function CustomScrollbar({
       resizeObserver?.disconnect();
     };
   }, [getViewport, syncKey, syncScrollbarState]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ref: trackRef,
@@ -2644,7 +2933,7 @@ function CustomScrollbar({
       "data-testid": testId,
       "aria-hidden": "true",
       onMouseDown: handleTrackMouseDown,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         "div",
         {
           className: cn("tsh-custom-scrollbar__thumb", thumbClassName),
@@ -2671,9 +2960,9 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
   ...viewportProps
 }, forwardedRef) {
   "use memo";
-  const viewportRef = useRef3(null);
-  const getViewport = useCallback3(() => viewportRef.current, []);
-  return /* @__PURE__ */ jsxs4(
+  const viewportRef = useRef4(null);
+  const getViewport = useCallback5(() => viewportRef.current, []);
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -2681,7 +2970,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "div",
           {
             ref: setRefs(viewportRef, forwardedRef),
@@ -2693,7 +2982,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
             children
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           CustomScrollbar,
           {
             getViewport,
@@ -2729,10 +3018,11 @@ export {
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceLinkAction,
+  ConversationImageContextMenu,
   ZoomableImage,
   AgentMessageMarkdown,
   AgentGUIConversation_styles_default,
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-44YASHVW.js.map
+//# sourceMappingURL=chunk-5HQDW73P.js.map