@tutti-os/agent-gui 0.0.99 → 0.0.101

package/dist/{chunk-T6PEJFRP.js → chunk-MJOQP2ED.js}

@@ -2,14 +2,14 @@ import {
   getOptionalAgentHostApi,
   managedAgentRoundedIconUrl,
   useOptionalAgentHostApi
-} from "./chunk-MASXZENX.js";
+} from "./chunk-UESYITH6.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
 import {
   translate,
   useTranslation
-} from "./chunk-RHTZAODZ.js";
+} from "./chunk-E5AD46HP.js";
 import {
   getAgentCustomMentionKind
 } from "./chunk-5X7YDOC6.js";
@@ -253,205 +253,12 @@ function arrayValue2(value) {
   return Array.isArray(value) ? value : [];
 }
 
-// app/renderer/components/icons/MessageSquareMoreIcon.tsx
-import {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef
-} from "react";
-import {
-  motion,
-  useAnimation,
-  useReducedMotion
-} from "framer-motion";
-import { jsx, jsxs } 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
-};
-var DOT_VARIANTS = {
-  normal: {
-    opacity: 1
-  },
-  animate: (custom) => ({
-    opacity: [1, 0, 0, 1, 1, 0, 0, 1],
-    transition: {
-      opacity: {
-        ...DOT_TRANSITION,
-        times: DOT_TRANSITION.times.map(
-          (time, index) => index === 2 || index === 3 || index === 6 || index === 7 ? time + custom * 0.1 : time
-        )
-      }
-    }
-  }),
-  active: (custom) => ({
-    opacity: [1, 0, 0, 1, 1, 0, 0, 1],
-    transition: {
-      opacity: {
-        ...DOT_TRANSITION,
-        repeat: Infinity,
-        times: DOT_TRANSITION.times.map(
-          (time, index) => index === 2 || index === 3 || index === 6 || index === 7 ? time + custom * 0.1 : time
-        )
-      }
-    }
-  })
-};
-var MessageSquareMoreIcon = forwardRef(
-  ({
-    active = false,
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 28,
-    ...props
-  }, ref) => {
-    const controls = useAnimation();
-    const reduceMotion = useReducedMotion();
-    const isControlledRef = useRef(false);
-    const startAnimation = useCallback(() => {
-      if (reduceMotion) {
-        return;
-      }
-      void controls.start(active ? "active" : "animate");
-    }, [active, controls, reduceMotion]);
-    const stopAnimation = useCallback(() => {
-      void controls.start("normal");
-    }, [controls]);
-    useImperativeHandle(ref, () => {
-      isControlledRef.current = true;
-      return {
-        startAnimation,
-        stopAnimation
-      };
-    });
-    useEffect(() => {
-      if (active) {
-        startAnimation();
-        return;
-      }
-      stopAnimation();
-    }, [active, startAnimation, stopAnimation]);
-    const handleMouseEnter = useCallback(
-      (event) => {
-        if (isControlledRef.current) {
-          onMouseEnter?.(event);
-        } else {
-          startAnimation();
-        }
-      },
-      [onMouseEnter, startAnimation]
-    );
-    const handleMouseLeave = useCallback(
-      (event) => {
-        if (isControlledRef.current) {
-          onMouseLeave?.(event);
-        } else {
-          stopAnimation();
-        }
-      },
-      [onMouseLeave, stopAnimation]
-    );
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            fill: "none",
-            height: size,
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            viewBox: "0 0 24 24",
-            width: size,
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ jsx("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__ */ jsx(
-                motion.path,
-                {
-                  animate: controls,
-                  custom: 0,
-                  d: "M8 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                motion.path,
-                {
-                  animate: controls,
-                  custom: 1,
-                  d: "M12 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                motion.path,
-                {
-                  animate: controls,
-                  custom: 2,
-                  d: "M16 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MessageSquareMoreIcon.displayName = "MessageSquareMoreIcon";
-
-// agent-gui/agentGuiNode/AgentGUIConversation.styles.ts
-var styles = {
-  interactivePrompt: "agent-gui-conversation__interactive-prompt",
-  interactivePromptCard: "agent-gui-conversation__interactive-prompt-card",
-  interactivePromptHeader: "agent-gui-conversation__interactive-prompt-header",
-  interactivePromptLead: "agent-gui-conversation__interactive-prompt-lead",
-  interactivePromptMeta: "agent-gui-conversation__interactive-prompt-meta",
-  interactivePromptQuestion: "agent-gui-conversation__interactive-prompt-question",
-  interactivePromptOptions: "agent-gui-conversation__interactive-prompt-options",
-  interactiveOptionDisplay: "agent-gui-conversation__interactive-option-display",
-  interactiveOptionButton: "agent-gui-conversation__interactive-option-button",
-  interactiveOptionTitle: "agent-gui-conversation__interactive-option-title",
-  interactiveOptionDescription: "agent-gui-conversation__interactive-option-description",
-  interactiveOptionCommandDescription: "agent-gui-conversation__interactive-option-command-description",
-  interactiveOptionCommandTooltip: "agent-gui-conversation__interactive-option-command-tooltip",
-  interactiveOptionShortcut: "agent-gui-conversation__interactive-option-shortcut",
-  interactiveOptionSpinner: "agent-gui-conversation__interactive-option-spinner",
-  interactiveFeedbackComposer: "agent-gui-conversation__interactive-feedback-composer",
-  interactivePromptTextarea: "agent-gui-conversation__interactive-prompt-textarea",
-  interactiveFeedbackSendButton: "agent-gui-conversation__interactive-feedback-send-button",
-  interactivePromptFooter: "agent-gui-conversation__interactive-prompt-footer",
-  interactivePromptActions: "agent-gui-conversation__interactive-prompt-actions",
-  userMessageFlow: "agent-gui-conversation__user-message-flow",
-  assistantMessageFlow: "agent-gui-conversation__assistant-message-flow",
-  messageGroup: "agent-gui-conversation__message-group",
-  messageFooter: "agent-gui-conversation__message-footer",
-  messageTimestamp: "agent-gui-conversation__message-timestamp",
-  messageCopyButton: "agent-gui-conversation__message-copy-button",
-  userImageGrid: "agent-gui-conversation__user-image-grid",
-  userImageThumbnail: "agent-gui-conversation__user-image-thumbnail",
-  userMessageBubble: "agent-gui-conversation__user-message-bubble",
-  assistantMarkdown: "agent-gui-conversation__assistant-markdown"
-};
-var AgentGUIConversation_styles_default = styles;
-
 // shared/AgentMessageMarkdown.tsx
 import {
-  useCallback as useCallback5,
+  useCallback as useCallback4,
   memo,
   useMemo,
-  useState as useState7
+  useState as useState6
 } from "react";
 import { FileText } from "lucide-react";
 import ReactMarkdown from "react-markdown";
@@ -1051,8 +858,8 @@ function countChar(value, char) {
 // shared/useStreamingVisibleText.ts
 import {
   startTransition,
-  useEffect as useEffect2,
-  useRef as useRef2,
+  useEffect,
+  useRef,
   useState
 } from "react";
 var DEFAULT_FRAME_MS = 24;
@@ -1066,19 +873,19 @@ function useStreamingVisibleText(sourceText, options) {
     trailingFlushChars = DEFAULT_TRAILING_FLUSH_CHARS
   } = options;
   const [visibleText, setVisibleText] = useState(sourceText);
-  const sourceRef = useRef2(sourceText);
-  const visibleRef = useRef2(visibleText);
-  const timerRef = useRef2(null);
-  useEffect2(() => {
+  const sourceRef = useRef(sourceText);
+  const visibleRef = useRef(visibleText);
+  const timerRef = useRef(null);
+  useEffect(() => {
     visibleRef.current = visibleText;
   }, [visibleText]);
-  useEffect2(
+  useEffect(
     () => () => {
       clearStreamingVisibleTextTimer(timerRef);
     },
     []
   );
-  useEffect2(() => {
+  useEffect(() => {
     sourceRef.current = sourceText;
     if (!enabled) {
       clearStreamingVisibleTextTimer(timerRef);
@@ -1164,7 +971,7 @@ function clearStreamingVisibleTextTimer(timerRef) {
 
 // shared/AgentTargetPresentationContext.tsx
 import { createContext, useContext } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var EMPTY_AGENT_TARGETS = Object.freeze([]);
 var AgentTargetPresentationContext = createContext(
   EMPTY_AGENT_TARGETS
@@ -1173,7 +980,7 @@ function AgentTargetPresentationProvider({
   agentTargets,
   children
 }) {
-  return /* @__PURE__ */ jsx2(AgentTargetPresentationContext.Provider, { value: agentTargets, children });
+  return /* @__PURE__ */ jsx(AgentTargetPresentationContext.Provider, { value: agentTargets, children });
 }
 function useAgentTargetPresentations() {
   return useContext(AgentTargetPresentationContext);
@@ -1192,15 +999,8 @@ function resolveAgentTargetPresentation(input) {
 }
 
 // shared/agentMessageMarkdownRuntime.ts
-import {
-  startTransition as startTransition2,
-  useEffect as useEffect3,
-  useState as useState2
-} from "react";
 var COLLAPSED_LINE_LIMIT = 8;
 var APPROX_CHARS_PER_LINE = 34;
-var DEFERRED_LONG_MARKDOWN_FALLBACK_DELAY_MS = 80;
-var DEFERRED_LONG_MARKDOWN_IDLE_TIMEOUT_MS = 700;
 function splitStreamingMarkdownBlocks(content) {
   const normalized = content.replace(/\r\n?/g, "\n");
   if (!normalized) {
@@ -1293,49 +1093,6 @@ function activateMarkdownLinkFromPointer(event, href, onLinkClick) {
   }
   activateMarkdownLink(event, href, onLinkClick);
 }
-function useDeferredMarkdownRenderReady(contentSignature, shouldDefer) {
-  const [readySignature, setReadySignature] = useState2(
-    shouldDefer ? null : contentSignature
-  );
-  const renderReady = !shouldDefer || readySignature === contentSignature;
-  useEffect3(() => {
-    if (!shouldDefer) {
-      setReadySignature(contentSignature);
-      return;
-    }
-    let canceled = false;
-    let timeoutId = null;
-    let idleCallbackId = null;
-    const markReady = () => {
-      if (canceled) {
-        return;
-      }
-      startTransition2(() => {
-        setReadySignature(contentSignature);
-      });
-    };
-    if ("requestIdleCallback" in window) {
-      idleCallbackId = window.requestIdleCallback(markReady, {
-        timeout: DEFERRED_LONG_MARKDOWN_IDLE_TIMEOUT_MS
-      });
-    } else {
-      timeoutId = setTimeout(
-        markReady,
-        DEFERRED_LONG_MARKDOWN_FALLBACK_DELAY_MS
-      );
-    }
-    return () => {
-      canceled = true;
-      if (idleCallbackId !== null) {
-        window.cancelIdleCallback(idleCallbackId);
-      }
-      if (timeoutId !== null) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [contentSignature, shouldDefer]);
-  return renderReady;
-}
 function hashMarkdownProfilerContent(content) {
   let hash = 0;
   for (let index = 0; index < content.length; index += 1) {
@@ -1811,13 +1568,13 @@ var MarkdownLinkContext = createContext2(false);
 
 // shared/AgentMessageMarkdownRenderers.tsx
 import {
-  useCallback as useCallback2,
+  useCallback,
   useContext as useContext2,
-  useRef as useRef3,
-  useState as useState3
+  useRef as useRef2,
+  useState as useState2
 } from "react";
 import { Check, Copy } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function MarkdownCode({
   node: _node,
   children,
@@ -1830,9 +1587,9 @@ function MarkdownCode({
   const text = textFromReactNode(children).trim();
   const isLinkablePath = !isInsideLink && onLinkClick && !className && (isExplicitWorkspaceFilePath(text) || isHttpUrl(text));
   if (isLinkablePath) {
-    return /* @__PURE__ */ jsx3(PathLink, { href: text, onLinkClick, children });
+    return /* @__PURE__ */ jsx2(PathLink, { href: text, onLinkClick, children });
   }
-  return /* @__PURE__ */ jsx3("code", { ...props, className, children });
+  return /* @__PURE__ */ jsx2("code", { ...props, className, children });
 }
 var MARKDOWN_ORDERED_LIST_STYLE = {
   listStylePosition: "outside",
@@ -1854,7 +1611,7 @@ function MarkdownUnorderedList({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "ul",
     {
       ...props,
@@ -1872,7 +1629,7 @@ function MarkdownOrderedList({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "ol",
     {
       ...props,
@@ -1890,7 +1647,7 @@ function MarkdownListItem({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx3("li", { ...props, style: { ...MARKDOWN_LIST_ITEM_STYLE, ...style } });
+  return /* @__PURE__ */ jsx2("li", { ...props, style: { ...MARKDOWN_LIST_ITEM_STYLE, ...style } });
 }
 function MarkdownParagraph({
   node: _node,
@@ -1899,9 +1656,9 @@ function MarkdownParagraph({
 }) {
   "use memo";
   if (inline) {
-    return /* @__PURE__ */ jsx3("span", { ...props });
+    return /* @__PURE__ */ jsx2("span", { ...props });
   }
-  return /* @__PURE__ */ jsx3("p", { ...props });
+  return /* @__PURE__ */ jsx2("p", { ...props });
 }
 function PathLink({
   href,
@@ -1909,7 +1666,7 @@ function PathLink({
   onLinkClick
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "a",
     {
       className: "cursor-pointer",
@@ -1943,10 +1700,10 @@ function MarkdownPre({
   ...props
 }) {
   "use memo";
-  const preRef = useRef3(null);
-  const [copied, setCopied] = useState3(false);
-  const copyResetRef = useRef3(null);
-  const handleCopy = useCallback2(() => {
+  const preRef = useRef2(null);
+  const [copied, setCopied] = useState2(false);
+  const copyResetRef = useRef2(null);
+  const handleCopy = useCallback(() => {
     const text = preRef.current?.textContent?.trim();
     if (!text) {
       return;
@@ -1959,8 +1716,8 @@ function MarkdownPre({
       copyResetRef.current = setTimeout(() => setCopied(false), 1500);
     });
   }, []);
-  return /* @__PURE__ */ jsxs2("div", { className: "group relative", children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+    /* @__PURE__ */ jsx2(
       "button",
       {
         type: "button",
@@ -1969,21 +1726,21 @@ function MarkdownPre({
         "aria-label": translate("agentHost.agentGui.copyCode"),
         title: translate("agentHost.agentGui.copyCode"),
         onClick: handleCopy,
-        children: copied ? /* @__PURE__ */ jsx3(Check, { size: 13, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx3(Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
+        children: copied ? /* @__PURE__ */ jsx2(Check, { size: 13, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
       }
     ),
-    /* @__PURE__ */ jsx3("pre", { ...props, ref: preRef, children })
+    /* @__PURE__ */ jsx2("pre", { ...props, ref: preRef, children })
   ] });
 }
 
 // shared/AgentMessageMarkdownMedia.tsx
-import { useContext as useContext3, useEffect as useEffect5, useState as useState6 } from "react";
+import { useContext as useContext3, useEffect as useEffect3, useState as useState5 } from "react";
 
 // app/renderer/components/ZoomableImage.tsx
 import {
-  useCallback as useCallback4,
-  useEffect as useEffect4,
-  useState as useState5
+  useCallback as useCallback3,
+  useEffect as useEffect2,
+  useState as useState4
 } from "react";
 import { createPortal } from "react-dom";
 import {
@@ -2000,9 +1757,9 @@ import { RotateCcwIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 
 // shared/agentConversation/components/ConversationImageContextMenu.tsx
 import {
-  useCallback as useCallback3,
-  useRef as useRef4,
-  useState as useState4
+  useCallback as useCallback2,
+  useRef as useRef3,
+  useState as useState3
 } from "react";
 import {
   ContextMenu,
@@ -2084,7 +1841,7 @@ async function copyImageToClipboard(src, hostClipboard) {
 }
 
 // shared/agentConversation/components/ConversationImageContextMenu.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ConversationImageContextMenu({
   src,
   children,
@@ -2092,9 +1849,9 @@ function ConversationImageContextMenu({
   contentStyle
 }) {
   const agentHostApi = useOptionalAgentHostApi();
-  const copyStartedRef = useRef4(false);
-  const [menuResetKey, setMenuResetKey] = useState4(0);
-  const copyAndClose = useCallback3(() => {
+  const copyStartedRef = useRef3(false);
+  const [menuResetKey, setMenuResetKey] = useState3(0);
+  const copyAndClose = useCallback2(() => {
     if (copyStartedRef.current) {
       return;
     }
@@ -2104,9 +1861,9 @@ function ConversationImageContextMenu({
       copyStartedRef.current = false;
     });
   }, [agentHostApi?.clipboard, src]);
-  return /* @__PURE__ */ jsxs3(ContextMenu, { children: [
-    /* @__PURE__ */ jsx4(ContextMenuTrigger, { asChild, children }),
-    /* @__PURE__ */ jsx4(ContextMenuContent, { style: contentStyle, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2(ContextMenu, { children: [
+    /* @__PURE__ */ jsx3(ContextMenuTrigger, { asChild, children }),
+    /* @__PURE__ */ jsx3(ContextMenuContent, { style: contentStyle, children: /* @__PURE__ */ jsx3(
       ContextMenuItem,
       {
         onClick: copyAndClose,
@@ -2192,7 +1949,7 @@ function decodeURIComponentSafe(value) {
 }
 
 // app/renderer/components/ZoomableImage.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var IMAGE_PREVIEW_ZOOM_MIN = 0.5;
 var IMAGE_PREVIEW_ZOOM_MAX = 3;
 var IMAGE_PREVIEW_ZOOM_STEP = 0.25;
@@ -2209,16 +1966,16 @@ function ZoomableImage({
   const agentHostApi = useOptionalAgentHostApi();
   const actionSource = typeof src === "string" && src.trim() ? src.trim() : null;
   const hasImageActions = Boolean(actionSource && downloadName !== void 0);
-  const [contextMenuPosition, setContextMenuPosition] = useState5(null);
-  const [copyStatus, setCopyStatus] = useState5(null);
-  const [imagePreviewZoom, setImagePreviewZoom] = useState5(1);
-  const [isWheelZooming, setIsWheelZooming] = useState5(false);
-  const [isImagePreviewOpen, setIsImagePreviewOpen] = useState5(false);
-  const [isImagePreviewClosing, setIsImagePreviewClosing] = useState5(false);
+  const [contextMenuPosition, setContextMenuPosition] = useState4(null);
+  const [copyStatus, setCopyStatus] = useState4(null);
+  const [imagePreviewZoom, setImagePreviewZoom] = useState4(1);
+  const [isWheelZooming, setIsWheelZooming] = useState4(false);
+  const [isImagePreviewOpen, setIsImagePreviewOpen] = useState4(false);
+  const [isImagePreviewClosing, setIsImagePreviewClosing] = useState4(false);
   const imagePreviewZoomPercent = Math.round(imagePreviewZoom * 100);
   const canZoomOut = imagePreviewZoom > IMAGE_PREVIEW_ZOOM_MIN;
   const canZoomIn = imagePreviewZoom < IMAGE_PREVIEW_ZOOM_MAX;
-  const closeContextMenu = useCallback4(() => {
+  const closeContextMenu = useCallback3(() => {
     setContextMenuPosition(null);
   }, []);
   const finishClosePreviewImage = () => {
@@ -2244,18 +2001,32 @@ function ZoomableImage({
     setIsImagePreviewClosing(false);
     setIsImagePreviewOpen(true);
   };
-  useEffect4(() => {
-    if (!contextMenuPosition) {
-      return;
+  useEffect2(() => {
+    const handleWindowKeyDown = (event) => {
+      if (!isImagePreviewOpen || event.key !== "Escape") {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      setIsImagePreviewClosing(true);
+      setIsWheelZooming(false);
+      setImagePreviewZoom(1);
+      closeContextMenu();
+    };
+    if (contextMenuPosition) {
+      document.addEventListener("click", closeContextMenu);
+      document.addEventListener("scroll", closeContextMenu, true);
+    }
+    if (isImagePreviewOpen) {
+      window.addEventListener("keydown", handleWindowKeyDown, true);
     }
-    document.addEventListener("click", closeContextMenu);
-    document.addEventListener("scroll", closeContextMenu, true);
     return () => {
       document.removeEventListener("click", closeContextMenu);
       document.removeEventListener("scroll", closeContextMenu, true);
+      window.removeEventListener("keydown", handleWindowKeyDown, true);
     };
-  }, [closeContextMenu, contextMenuPosition]);
-  const handleContextMenu = useCallback4(
+  }, [closeContextMenu, contextMenuPosition, isImagePreviewOpen]);
+  const handleContextMenu = useCallback3(
     (event) => {
       onContextMenu?.(event);
       if (event.defaultPrevented || !actionSource || !hasImageActions) {
@@ -2271,7 +2042,7 @@ function ZoomableImage({
     },
     [actionSource, hasImageActions, onContextMenu]
   );
-  const handleCopyImage = useCallback4(async () => {
+  const handleCopyImage = useCallback3(async () => {
     if (!actionSource) {
       return;
     }
@@ -2297,10 +2068,10 @@ function ZoomableImage({
       variant: copied ? "success" : "destructive"
     });
   }, [actionSource, agentHostApi?.clipboard, closeContextMenu, t]);
-  const handleCopyImageAction = useCallback4(() => {
+  const handleCopyImageAction = useCallback3(() => {
     void handleCopyImage().catch(() => void 0);
   }, [handleCopyImage]);
-  const handleDownloadImage = useCallback4(() => {
+  const handleDownloadImage = useCallback3(() => {
     if (!actionSource) {
       return;
     }
@@ -2310,23 +2081,23 @@ function ZoomableImage({
       resolveImageDownloadName(downloadName, actionSource, alt)
     );
   }, [actionSource, alt, closeContextMenu, downloadName]);
-  const zoomOutPreviewImage = useCallback4(() => {
+  const zoomOutPreviewImage = useCallback3(() => {
     setIsWheelZooming(false);
     setImagePreviewZoom(
       (value) => clampSteppedImagePreviewZoom(value - IMAGE_PREVIEW_ZOOM_STEP)
     );
   }, []);
-  const zoomInPreviewImage = useCallback4(() => {
+  const zoomInPreviewImage = useCallback3(() => {
     setIsWheelZooming(false);
     setImagePreviewZoom(
       (value) => clampSteppedImagePreviewZoom(value + IMAGE_PREVIEW_ZOOM_STEP)
     );
   }, []);
-  const resetPreviewImageZoom = useCallback4(() => {
+  const resetPreviewImageZoom = useCallback3(() => {
     setIsWheelZooming(false);
     setImagePreviewZoom(1);
   }, []);
-  const handlePreviewImageWheel = useCallback4(
+  const handlePreviewImageWheel = useCallback3(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -2340,7 +2111,7 @@ function ZoomableImage({
     },
     []
   );
-  const actionButtons = hasImageActions ? /* @__PURE__ */ jsx5(
+  const actionButtons = hasImageActions ? /* @__PURE__ */ jsx4(
     ImageActionButtons,
     {
       copyLabel: t("common.copyImage"),
@@ -2349,7 +2120,7 @@ function ZoomableImage({
       onDownload: handleDownloadImage
     }
   ) : null;
-  const previewImage = (isImagePreviewOpen || isImagePreviewClosing) && actionSource ? /* @__PURE__ */ jsx5(
+  const previewImage = (isImagePreviewOpen || isImagePreviewClosing) && actionSource ? /* @__PURE__ */ jsx4(
     "img",
     {
       alt,
@@ -2377,7 +2148,7 @@ function ZoomableImage({
       onWheel: handlePreviewImageWheel
     }
   ) : null;
-  const previewContent = previewImage && !actionButtons && actionSource ? /* @__PURE__ */ jsx5(
+  const previewContent = previewImage && !actionButtons && actionSource ? /* @__PURE__ */ jsx4(
     ConversationImageContextMenu,
     {
       src: actionSource,
@@ -2387,8 +2158,8 @@ function ZoomableImage({
     }
   ) : previewImage;
   const Wrapper = wrapElement;
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       Wrapper,
       {
         className: cn(
@@ -2396,7 +2167,7 @@ function ZoomableImage({
           wrapElement === "div" && "tsh-zoomable-image--block"
         ),
         children: [
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "img",
             {
               ...props,
@@ -2412,7 +2183,7 @@ function ZoomableImage({
               className: cn("nodrag tsh-desktop-no-drag cursor-zoom-in", className)
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -2426,7 +2197,7 @@ function ZoomableImage({
       }
     ),
     contextMenuPosition && !contextMenuPosition.inZoomDialog && actionButtons ? createPortal(
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         "div",
         {
           className: "tsh-image-context-menu nodrag tsh-desktop-no-drag",
@@ -2436,7 +2207,7 @@ function ZoomableImage({
           },
           role: "menu",
           onClick: (event) => event.stopPropagation(),
-          children: /* @__PURE__ */ jsx5(
+          children: /* @__PURE__ */ jsx4(
             ImageActionButtons,
             {
               copyLabel: t("common.copyImage"),
@@ -2451,7 +2222,7 @@ function ZoomableImage({
       document.body
     ) : null,
     (isImagePreviewOpen || isImagePreviewClosing) && actionSource ? createPortal(
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs3(
         "div",
         {
           "aria-modal": "true",
@@ -2466,21 +2237,16 @@ function ZoomableImage({
               finishClosePreviewImage();
             }
           },
-          onKeyDown: (event) => {
-            if (event.key === "Escape") {
-              closePreviewImage();
-            }
-          },
           children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "div",
               {
                 "data-rmiz-modal-overlay": "visible",
                 onClick: closePreviewImage
               }
             ),
-            /* @__PURE__ */ jsx5("div", { "data-rmiz-modal-content": "true", children: previewContent }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4("div", { "data-rmiz-modal-content": "true", children: previewContent }),
+            /* @__PURE__ */ jsx4(
               ImagePreviewZoomControls,
               {
                 canZoomIn,
@@ -2499,8 +2265,8 @@ function ZoomableImage({
                 onWheel: handlePreviewImageWheel
               }
             ),
-            actionButtons ? /* @__PURE__ */ jsx5("div", { className: "tsh-zoom-dialog__image-actions nodrag tsh-desktop-no-drag", children: actionButtons }) : null,
-            contextMenuPosition?.inZoomDialog && actionButtons ? /* @__PURE__ */ jsx5(
+            actionButtons ? /* @__PURE__ */ jsx4("div", { className: "tsh-zoom-dialog__image-actions nodrag tsh-desktop-no-drag", children: actionButtons }) : null,
+            contextMenuPosition?.inZoomDialog && actionButtons ? /* @__PURE__ */ jsx4(
               "div",
               {
                 className: "tsh-image-context-menu nodrag tsh-desktop-no-drag",
@@ -2510,7 +2276,7 @@ function ZoomableImage({
                 },
                 role: "menu",
                 onClick: (event) => event.stopPropagation(),
-                children: /* @__PURE__ */ jsx5(
+                children: /* @__PURE__ */ jsx4(
                   ImageActionButtons,
                   {
                     copyLabel: t("common.copyImage"),
@@ -2522,7 +2288,7 @@ function ZoomableImage({
                 )
               }
             ) : null,
-            copyStatus ? /* @__PURE__ */ jsx5(
+            copyStatus ? /* @__PURE__ */ jsx4(
               ImageCopyStatusToast,
               {
                 busy: copyStatus.busy,
@@ -2535,21 +2301,21 @@ function ZoomableImage({
                 }
               }
             ) : null,
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               Button,
               {
                 asChild: true,
                 className: "tsh-zoom-dialog__icon-button nodrag tsh-desktop-no-drag",
                 size: "icon",
                 variant: "chrome",
-                children: /* @__PURE__ */ jsx5(
+                children: /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
                     "aria-label": t("common.minimizeImage"),
                     "data-rmiz-btn-unzoom": "",
                     onClick: closePreviewImage,
-                    children: /* @__PURE__ */ jsx5(RestoreIcon, { "aria-hidden": "true", className: "size-4" })
+                    children: /* @__PURE__ */ jsx4(RestoreIcon, { "aria-hidden": "true", className: "size-4" })
                   }
                 )
               }
@@ -2560,7 +2326,7 @@ function ZoomableImage({
       document.body
     ) : null,
     copyStatus && !isImagePreviewOpen ? createPortal(
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         ImageCopyStatusToast,
         {
           busy: copyStatus.busy,
@@ -2583,8 +2349,8 @@ function ImageCopyStatusToast({
   onOpenChange,
   variant
 }) {
-  return /* @__PURE__ */ jsxs4(ToastProvider, { duration: 1600, swipeDirection: "right", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3(ToastProvider, { duration: 1600, swipeDirection: "right", children: [
+    /* @__PURE__ */ jsx4(
       ToastRoot,
       {
         open: true,
@@ -2594,10 +2360,10 @@ function ImageCopyStatusToast({
         "data-tsh-image-copy-status": "true",
         style: { zIndex: 100303 },
         onOpenChange,
-        children: /* @__PURE__ */ jsx5(ToastTitle, { children: message })
+        children: /* @__PURE__ */ jsx4(ToastTitle, { children: message })
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       ToastViewport,
       {
         className: "nodrag tsh-desktop-no-drag",
@@ -2623,13 +2389,13 @@ function ImagePreviewZoomControls({
   onZoomOut,
   onWheel
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: "tsh-zoom-dialog__zoom-controls nodrag tsh-desktop-no-drag",
       onWheel,
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -2637,10 +2403,10 @@ function ImagePreviewZoomControls({
             "aria-label": zoomOutLabel,
             disabled: !canZoomOut,
             onClick: onZoomOut,
-            children: /* @__PURE__ */ jsx5(ZoomOutIcon, { "aria-hidden": "true", className: "size-4" })
+            children: /* @__PURE__ */ jsx4(ZoomOutIcon, { "aria-hidden": "true", className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs3(
           "span",
           {
             "aria-label": percentLabel,
@@ -2651,17 +2417,17 @@ function ImagePreviewZoomControls({
             ]
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
             title: resetLabel,
             "aria-label": resetLabel,
             onClick: onReset,
-            children: /* @__PURE__ */ jsx5(RotateCcwIcon, { "aria-hidden": "true", className: "size-4" })
+            children: /* @__PURE__ */ jsx4(RotateCcwIcon, { "aria-hidden": "true", className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -2669,7 +2435,7 @@ function ImagePreviewZoomControls({
             "aria-label": zoomInLabel,
             disabled: !canZoomIn,
             onClick: onZoomIn,
-            children: /* @__PURE__ */ jsx5(ZoomInIcon, { "aria-hidden": "true", className: "size-4" })
+            children: /* @__PURE__ */ jsx4(ZoomInIcon, { "aria-hidden": "true", className: "size-4" })
           }
         )
       ]
@@ -2684,8 +2450,8 @@ function ImageActionButtons({
   onDownload
 }) {
   if (!itemRole) {
-    return /* @__PURE__ */ jsxs4(Fragment, { children: [
-      /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx4(
         Button,
         {
           "aria-label": copyLabel,
@@ -2699,10 +2465,10 @@ function ImageActionButtons({
             event.stopPropagation();
             onCopy();
           },
-          children: /* @__PURE__ */ jsx5(CopyIcon, { "aria-hidden": "true", className: "size-4" })
+          children: /* @__PURE__ */ jsx4(CopyIcon, { "aria-hidden": "true", className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Button,
         {
           "aria-label": downloadLabel,
@@ -2716,13 +2482,13 @@ function ImageActionButtons({
             event.stopPropagation();
             onDownload();
           },
-          children: /* @__PURE__ */ jsx5(DownloadIcon, { "aria-hidden": "true", className: "size-4" })
+          children: /* @__PURE__ */ jsx4(DownloadIcon, { "aria-hidden": "true", className: "size-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -2735,12 +2501,12 @@ function ImageActionButtons({
           onCopy();
         },
         children: [
-          /* @__PURE__ */ jsx5(CopyIcon, { "aria-hidden": "true", className: "size-4" }),
-          /* @__PURE__ */ jsx5("span", { children: copyLabel })
+          /* @__PURE__ */ jsx4(CopyIcon, { "aria-hidden": "true", className: "size-4" }),
+          /* @__PURE__ */ jsx4("span", { children: copyLabel })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -2753,8 +2519,8 @@ function ImageActionButtons({
           onDownload();
         },
         children: [
-          /* @__PURE__ */ jsx5(DownloadIcon, { "aria-hidden": "true", className: "size-4" }),
-          /* @__PURE__ */ jsx5("span", { children: downloadLabel })
+          /* @__PURE__ */ jsx4(DownloadIcon, { "aria-hidden": "true", className: "size-4" }),
+          /* @__PURE__ */ jsx4("span", { children: downloadLabel })
         ]
       }
     )
@@ -2812,7 +2578,7 @@ function formatImagePreviewZoom(value) {
 
 // shared/AgentMessageMarkdownMedia.tsx
 import { workspaceFileName as basenameWorkspacePath } from "@tutti-os/workspace-file-manager/services";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function MarkdownMedia({
   node: _node,
   src,
@@ -2832,10 +2598,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] = useState6(
+  const [state, setState] = useState5(
     () => canReadWorkspaceImage && workspacePath ? peekCachedMarkdownMediaState(workspacePath) ?? { status: "loading" } : null
   );
-  useEffect5(() => {
+  useEffect3(() => {
     if (!workspacePath || !readWorkspaceImage) {
       setState(null);
       return;
@@ -2902,9 +2668,9 @@ function MarkdownMedia({
   if (!workspacePath || !readWorkspaceImage) {
     if (fallbackMediaKind === "video") {
       if (!canRenderMarkdownVideoFallback(src)) {
-        return /* @__PURE__ */ jsx6(UnsupportedMarkdownMediaPreview, {});
+        return /* @__PURE__ */ jsx5(UnsupportedMarkdownMediaPreview, {});
       }
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx5(
         "video",
         {
           src: resolvedSrc,
@@ -2921,7 +2687,7 @@ function MarkdownMedia({
       );
     }
     if (!shouldEnableZoom) {
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx5(
         "img",
         {
           ...props,
@@ -2932,7 +2698,7 @@ function MarkdownMedia({
         }
       );
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       ZoomableImage,
       {
         ...props,
@@ -2947,7 +2713,7 @@ function MarkdownMedia({
   }
   if (state?.status === "ready") {
     if (state.kind === "video") {
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx5(
         "video",
         {
           src: state.src,
@@ -2964,7 +2730,7 @@ function MarkdownMedia({
       );
     }
     if (!shouldEnableZoom) {
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx5(
         "img",
         {
           ...props,
@@ -2978,7 +2744,7 @@ function MarkdownMedia({
         }
       );
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       ZoomableImage,
       {
         ...props,
@@ -2994,13 +2760,13 @@ function MarkdownMedia({
       }
     );
   }
-  return /* @__PURE__ */ jsx6("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__ */ jsx5("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__ */ jsx6("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__ */ jsx5("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") {
@@ -3013,9 +2779,7 @@ function resolveMarkdownImageDownloadName(src, alt) {
 }
 
 // shared/AgentMessageMarkdown.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var DEFERRED_LONG_MARKDOWN_CHAR_THRESHOLD = 4096;
-var STREAMING_MARKDOWN_EMERGENCY_PLAIN_CHAR_THRESHOLD = 96e3;
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var STREAMING_MARKDOWN_FRAME_MS = 24;
 var STREAMING_MARKDOWN_MAX_CHARS_PER_SECOND = 6e3;
 var STREAMING_MARKDOWN_TAIL_FLUSH_CHARS = 0;
@@ -3055,7 +2819,6 @@ function AgentMessageMarkdown({
   className,
   inline = false,
   normalizePlainIssueMentionTitle = false,
-  deferLongContentRender = false,
   enableImageZoom = false,
   previewMode = false,
   streaming = false
@@ -3079,15 +2842,11 @@ function AgentMessageMarkdown({
   const workspaceRoot = workspaceLinkContext?.workspaceRoot ?? null;
   const basePath = workspaceLinkContext?.basePath ?? null;
   const workspaceLinkSource = workspaceLinkContext?.source ?? null;
-  const [isExpanded, setIsExpanded] = useState7(false);
+  const [isExpanded, setIsExpanded] = useState6(false);
   const resolvedExpandLabel = expandLabel ?? t("agentHost.workspaceAgentMessageExpand");
   const shouldCollapse = collapsible && isLikelyLongerThanLineLimit(stabilizedContent);
   const isCollapsed = shouldCollapse && !isExpanded;
   const ContainerTag = inline ? "span" : "div";
-  const contentSignature = useMemo(
-    () => hashMarkdownProfilerContent(stabilizedContent),
-    [stabilizedContent]
-  );
   const normalizedContent = useMemo(
     () => linkBareLocalAbsolutePaths(
       normalizeLocalPathMarkdownLinks(
@@ -3101,12 +2860,7 @@ function AgentMessageMarkdown({
     [normalizePlainIssueMentionTitle, stabilizedContent]
   );
   const isMentionOnly = isMentionOnlyMarkdownContent(normalizedContent);
-  const shouldDeferMarkdownRender = deferLongContentRender && !inline && content.length >= (streaming ? STREAMING_MARKDOWN_EMERGENCY_PLAIN_CHAR_THRESHOLD : DEFERRED_LONG_MARKDOWN_CHAR_THRESHOLD) && !isExpanded;
-  const markdownRenderReady = useDeferredMarkdownRenderReady(
-    contentSignature,
-    shouldDeferMarkdownRender
-  );
-  const handleLinkClick = useCallback5(
+  const handleLinkClick = useCallback4(
     (href) => {
       if (workspaceLinkSource && onLinkAction && (workspaceRoot || basePath)) {
         const action = resolveWorkspaceLinkAction({
@@ -3124,7 +2878,7 @@ function AgentMessageMarkdown({
     },
     [basePath, onLinkAction, onLinkClick, workspaceLinkSource, workspaceRoot]
   );
-  const handleAnchorClickCapture = useCallback5(
+  const handleAnchorClickCapture = useCallback4(
     (event) => {
       const href = resolveMarkdownAnchorHref(event.target);
       if (!href) {
@@ -3138,7 +2892,7 @@ function AgentMessageMarkdown({
   );
   const markdownComponents = useMemo(
     () => ({
-      a: (props) => /* @__PURE__ */ jsx7(
+      a: (props) => /* @__PURE__ */ jsx6(
         MarkdownLink,
         {
           ...props,
@@ -3148,9 +2902,9 @@ function AgentMessageMarkdown({
           previewMode
         }
       ),
-      code: (props) => /* @__PURE__ */ jsx7(MarkdownCode, { ...props, onLinkClick: handleLinkClick }),
-      img: (props) => /* @__PURE__ */ jsx7(MarkdownMedia, { ...props, enableZoom: enableImageZoom }),
-      p: (props) => /* @__PURE__ */ jsx7(MarkdownParagraph, { ...props, inline }),
+      code: (props) => /* @__PURE__ */ jsx6(MarkdownCode, { ...props, onLinkClick: handleLinkClick }),
+      img: (props) => /* @__PURE__ */ jsx6(MarkdownMedia, { ...props, enableZoom: enableImageZoom }),
+      p: (props) => /* @__PURE__ */ jsx6(MarkdownParagraph, { ...props, inline }),
       ul: MarkdownUnorderedList,
       ol: MarkdownOrderedList,
       li: MarkdownListItem,
@@ -3165,13 +2919,13 @@ function AgentMessageMarkdown({
       workspaceAppIcons
     ]
   );
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     ContainerTag,
     {
       className: "flex w-full min-w-0 flex-col items-start gap-1",
       "data-workspace-agent-markdown-shell": "true",
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           ContainerTag,
           {
             className: cn(
@@ -3202,13 +2956,13 @@ function AgentMessageMarkdown({
             "data-agent-mention-only": isMentionOnly ? "true" : void 0,
             "data-collapsed": isCollapsed ? "true" : "false",
             onClickCapture: handleAnchorClickCapture,
-            children: markdownRenderReady ? streaming ? /* @__PURE__ */ jsx7(
+            children: streaming ? /* @__PURE__ */ jsx6(
               StreamingMarkdownBlocks,
               {
                 content: normalizedContent,
                 components: markdownComponents
               }
-            ) : /* @__PURE__ */ jsx7(
+            ) : /* @__PURE__ */ jsx6(
               ReactMarkdown,
               {
                 remarkPlugins: [remarkGfm],
@@ -3217,17 +2971,10 @@ function AgentMessageMarkdown({
                 components: markdownComponents,
                 children: normalizedContent
               }
-            ) : /* @__PURE__ */ jsx7(
-              "div",
-              {
-                className: "whitespace-pre-wrap [overflow-wrap:anywhere]",
-                "data-workspace-agent-markdown-deferred": "true",
-                children: normalizedContent
-              }
             )
           }
         ),
-        shouldCollapse && !isExpanded ? /* @__PURE__ */ jsx7(
+        shouldCollapse && !isExpanded ? /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -3248,7 +2995,7 @@ function StreamingMarkdownBlocks({
     () => splitStreamingMarkdownBlocks(content),
     [content]
   );
-  return /* @__PURE__ */ jsx7(Fragment2, { children: blocks.map((block, index) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(Fragment2, { children: blocks.map((block, index) => /* @__PURE__ */ jsx6(
     MemoizedMarkdownBlock,
     {
       content: block.content,
@@ -3261,7 +3008,7 @@ var MemoizedMarkdownBlock = memo(function MemoizedMarkdownBlock2({
   content,
   components
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
@@ -3293,7 +3040,7 @@ function MarkdownLink({
     t("agentHost.agentGui.workspaceAppFactoryMentionFallback")
   ) : null;
   if (mention) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx6(
       MentionLink,
       {
         ...props,
@@ -3309,7 +3056,7 @@ function MarkdownLink({
     textFromReactNode(props.children)
   ) : null;
   if (fileMention) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx6(
       WorkspaceFileMentionLink,
       {
         ...props,
@@ -3320,9 +3067,9 @@ function MarkdownLink({
     );
   }
   if (!isClickableMarkdownHref(targetHref)) {
-    return /* @__PURE__ */ jsx7(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx7("span", { className: props.className, title: props.title, children: props.children }) });
+    return /* @__PURE__ */ jsx6(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx6("span", { className: props.className, title: props.title, children: props.children }) });
   }
-  return /* @__PURE__ */ jsx7(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(MarkdownLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx6(
     "a",
     {
       ...props,
@@ -3406,7 +3153,7 @@ function WorkspaceFileMentionLink({
   ...props
 }) {
   "use memo";
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "a",
     {
       ...props,
@@ -3433,8 +3180,8 @@ function WorkspaceFileMentionLink({
         activateMarkdownLinkFromKey(event, mention.href, onLinkClick);
       },
       children: [
-        /* @__PURE__ */ jsx7("span", { className: "tsh-agent-object-token__icon", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx7("span", { className: "tsh-agent-object-token__main", children: mention.label })
+        /* @__PURE__ */ jsx6("span", { className: "tsh-agent-object-token__icon", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx6("span", { className: "tsh-agent-object-token__main", children: mention.label })
       ]
     }
   );
@@ -3450,7 +3197,7 @@ function MentionLink({
   "use memo";
   const tooltipText = mention.label;
   const { ref: mainRef, overflowing } = useTextOverflow(tooltipText);
-  const link = /* @__PURE__ */ jsxs5(
+  const link = /* @__PURE__ */ jsxs4(
     "a",
     {
       ...props,
@@ -3477,21 +3224,21 @@ function MentionLink({
         activateMarkdownLinkFromKey(event, href, onLinkClick);
       },
       children: [
-        mention.kind === "pasted-text" ? /* @__PURE__ */ jsx7(
+        mention.kind === "pasted-text" ? /* @__PURE__ */ jsx6(
           "span",
           {
             className: "grid h-4 w-4 shrink-0 place-items-center text-[var(--text-tertiary)]",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx7(FileText, { size: 14, strokeWidth: 2 })
+            children: /* @__PURE__ */ jsx6(FileText, { size: 14, strokeWidth: 2 })
           }
-        ) : mention.kind === "workspace-app" || mention.kind === "workspace-reference" || mention.kind === "agent-target" ? /* @__PURE__ */ jsx7(
+        ) : mention.kind === "workspace-app" || mention.kind === "workspace-reference" || mention.kind === "agent-target" ? /* @__PURE__ */ jsx6(
           "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__ */ jsx7(
+            children: mention.iconUrl ? /* @__PURE__ */ jsx6(
               "img",
               {
                 src: mention.iconUrl,
@@ -3501,37 +3248,37 @@ function MentionLink({
                 loading: "lazy",
                 draggable: false
               }
-            ) : /* @__PURE__ */ jsx7("span", { className: "tsh-agent-object-token__kind-icon h-4 w-4" })
+            ) : /* @__PURE__ */ jsx6("span", { className: "tsh-agent-object-token__kind-icon h-4 w-4" })
           }
-        ) : /* @__PURE__ */ jsx7("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(
+        ) : /* @__PURE__ */ jsx6("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
           "span",
           {
             className: "tsh-agent-object-token__kind-icon",
             "aria-hidden": "true"
           }
         ) }),
-        /* @__PURE__ */ jsx7("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: mention.label })
+        /* @__PURE__ */ jsx6("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: mention.label })
       ]
     }
   );
   if (previewMode) {
     return link;
   }
-  return /* @__PURE__ */ jsx7(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs5(Tooltip, { children: [
-    /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: link }),
-    overflowing ? /* @__PURE__ */ jsx7(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltipText }) : null
+  return /* @__PURE__ */ jsx6(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: link }),
+    overflowing ? /* @__PURE__ */ jsx6(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltipText }) : null
   ] }) });
 }
 
 // app/renderer/components/ui/custom-scroll-area.tsx
 import {
-  forwardRef as forwardRef2,
-  useCallback as useCallback6,
-  useEffect as useEffect6,
-  useRef as useRef5,
-  useState as useState8
+  forwardRef,
+  useCallback as useCallback5,
+  useEffect as useEffect4,
+  useRef as useRef4,
+  useState as useState7
 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var MIN_THUMB_HEIGHT = 24;
 function CustomScrollbar({
   getViewport,
@@ -3542,15 +3289,15 @@ function CustomScrollbar({
   syncKey
 }) {
   "use memo";
-  const trackRef = useRef5(null);
-  const dragStateRef = useRef5(null);
-  const [scrollbarState, setScrollbarState] = useState8({
+  const trackRef = useRef4(null);
+  const dragStateRef = useRef4(null);
+  const [scrollbarState, setScrollbarState] = useState7({
     scrollable: false,
     thumbHeight: 0,
     thumbTop: 0
   });
-  const [dragging, setDragging] = useState8(false);
-  const syncScrollbarState = useCallback6(() => {
+  const [dragging, setDragging] = useState7(false);
+  const syncScrollbarState = useCallback5(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3573,7 +3320,7 @@ function CustomScrollbar({
       (previous) => previous.scrollable && previous.thumbHeight === thumbHeight && previous.thumbTop === thumbTop ? previous : { scrollable: true, thumbHeight, thumbTop }
     );
   }, [getViewport]);
-  const scrollViewportToThumbTop = useCallback6(
+  const scrollViewportToThumbTop = useCallback5(
     (thumbTop) => {
       const viewport = getViewport();
       const track = trackRef.current;
@@ -3596,7 +3343,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.thumbHeight, syncScrollbarState]
   );
-  const handleTrackMouseDown = useCallback6(
+  const handleTrackMouseDown = useCallback5(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3618,7 +3365,7 @@ function CustomScrollbar({
       scrollbarState.thumbHeight
     ]
   );
-  const handleThumbMouseDown = useCallback6(
+  const handleThumbMouseDown = useCallback5(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3651,7 +3398,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.scrollable, scrollbarState.thumbHeight]
   );
-  useEffect6(() => {
+  useEffect4(() => {
     if (!dragging) {
       return;
     }
@@ -3676,7 +3423,7 @@ function CustomScrollbar({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [dragging, getViewport, syncScrollbarState]);
-  useEffect6(() => {
+  useEffect4(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3693,7 +3440,7 @@ function CustomScrollbar({
       resizeObserver?.disconnect();
     };
   }, [getViewport, syncKey, syncScrollbarState]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       ref: trackRef,
@@ -3703,7 +3450,7 @@ function CustomScrollbar({
       "data-testid": testId,
       "aria-hidden": "true",
       onMouseDown: handleTrackMouseDown,
-      children: /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsx7(
         "div",
         {
           className: cn("tsh-custom-scrollbar__thumb", thumbClassName),
@@ -3718,7 +3465,7 @@ function CustomScrollbar({
     }
   );
 }
-var CustomScrollArea = forwardRef2(function CustomScrollArea2({
+var CustomScrollArea = forwardRef(function CustomScrollArea2({
   children,
   className,
   viewportClassName,
@@ -3730,9 +3477,9 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
   ...viewportProps
 }, forwardedRef) {
   "use memo";
-  const viewportRef = useRef5(null);
-  const getViewport = useCallback6(() => viewportRef.current, []);
-  return /* @__PURE__ */ jsxs6(
+  const viewportRef = useRef4(null);
+  const getViewport = useCallback5(() => viewportRef.current, []);
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -3740,7 +3487,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "div",
           {
             ref: setRefs(viewportRef, forwardedRef),
@@ -3752,7 +3499,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
             children
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           CustomScrollbar,
           {
             getViewport,
@@ -3781,6 +3528,199 @@ function clamp(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
 
+// app/renderer/components/icons/MessageSquareMoreIcon.tsx
+import {
+  forwardRef as forwardRef2,
+  useCallback as useCallback6,
+  useEffect as useEffect5,
+  useImperativeHandle,
+  useRef as useRef5
+} from "react";
+import {
+  motion,
+  useAnimation,
+  useReducedMotion
+} from "framer-motion";
+import { jsx as jsx8, jsxs as jsxs6 } 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
+};
+var DOT_VARIANTS = {
+  normal: {
+    opacity: 1
+  },
+  animate: (custom) => ({
+    opacity: [1, 0, 0, 1, 1, 0, 0, 1],
+    transition: {
+      opacity: {
+        ...DOT_TRANSITION,
+        times: DOT_TRANSITION.times.map(
+          (time, index) => index === 2 || index === 3 || index === 6 || index === 7 ? time + custom * 0.1 : time
+        )
+      }
+    }
+  }),
+  active: (custom) => ({
+    opacity: [1, 0, 0, 1, 1, 0, 0, 1],
+    transition: {
+      opacity: {
+        ...DOT_TRANSITION,
+        repeat: Infinity,
+        times: DOT_TRANSITION.times.map(
+          (time, index) => index === 2 || index === 3 || index === 6 || index === 7 ? time + custom * 0.1 : time
+        )
+      }
+    }
+  })
+};
+var MessageSquareMoreIcon = forwardRef2(
+  ({
+    active = false,
+    onMouseEnter,
+    onMouseLeave,
+    className,
+    size = 28,
+    ...props
+  }, ref) => {
+    const controls = useAnimation();
+    const reduceMotion = useReducedMotion();
+    const isControlledRef = useRef5(false);
+    const startAnimation = useCallback6(() => {
+      if (reduceMotion) {
+        return;
+      }
+      void controls.start(active ? "active" : "animate");
+    }, [active, controls, reduceMotion]);
+    const stopAnimation = useCallback6(() => {
+      void controls.start("normal");
+    }, [controls]);
+    useImperativeHandle(ref, () => {
+      isControlledRef.current = true;
+      return {
+        startAnimation,
+        stopAnimation
+      };
+    });
+    useEffect5(() => {
+      if (active) {
+        startAnimation();
+        return;
+      }
+      stopAnimation();
+    }, [active, startAnimation, stopAnimation]);
+    const handleMouseEnter = useCallback6(
+      (event) => {
+        if (isControlledRef.current) {
+          onMouseEnter?.(event);
+        } else {
+          startAnimation();
+        }
+      },
+      [onMouseEnter, startAnimation]
+    );
+    const handleMouseLeave = useCallback6(
+      (event) => {
+        if (isControlledRef.current) {
+          onMouseLeave?.(event);
+        } else {
+          stopAnimation();
+        }
+      },
+      [onMouseLeave, stopAnimation]
+    );
+    return /* @__PURE__ */ jsx8(
+      "div",
+      {
+        className: cn("inline-flex items-center justify-center", className),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        ...props,
+        children: /* @__PURE__ */ jsxs6(
+          "svg",
+          {
+            fill: "none",
+            height: size,
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            viewBox: "0 0 24 24",
+            width: size,
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx8("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__ */ jsx8(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 0,
+                  d: "M8 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 1,
+                  d: "M12 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 2,
+                  d: "M16 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+MessageSquareMoreIcon.displayName = "MessageSquareMoreIcon";
+
+// agent-gui/agentGuiNode/AgentGUIConversation.styles.ts
+var styles = {
+  interactivePrompt: "agent-gui-conversation__interactive-prompt",
+  interactivePromptCard: "agent-gui-conversation__interactive-prompt-card",
+  interactivePromptHeader: "agent-gui-conversation__interactive-prompt-header",
+  interactivePromptLead: "agent-gui-conversation__interactive-prompt-lead",
+  interactivePromptMeta: "agent-gui-conversation__interactive-prompt-meta",
+  interactivePromptQuestion: "agent-gui-conversation__interactive-prompt-question",
+  interactivePromptOptions: "agent-gui-conversation__interactive-prompt-options",
+  interactiveOptionDisplay: "agent-gui-conversation__interactive-option-display",
+  interactiveOptionButton: "agent-gui-conversation__interactive-option-button",
+  interactiveOptionTitle: "agent-gui-conversation__interactive-option-title",
+  interactiveOptionDescription: "agent-gui-conversation__interactive-option-description",
+  interactiveOptionCommandDescription: "agent-gui-conversation__interactive-option-command-description",
+  interactiveOptionCommandTooltip: "agent-gui-conversation__interactive-option-command-tooltip",
+  interactiveOptionShortcut: "agent-gui-conversation__interactive-option-shortcut",
+  interactiveOptionSpinner: "agent-gui-conversation__interactive-option-spinner",
+  interactiveFeedbackComposer: "agent-gui-conversation__interactive-feedback-composer",
+  interactivePromptTextarea: "agent-gui-conversation__interactive-prompt-textarea",
+  interactiveFeedbackSendButton: "agent-gui-conversation__interactive-feedback-send-button",
+  interactivePromptFooter: "agent-gui-conversation__interactive-prompt-footer",
+  interactivePromptActions: "agent-gui-conversation__interactive-prompt-actions",
+  userMessageFlow: "agent-gui-conversation__user-message-flow",
+  assistantMessageFlow: "agent-gui-conversation__assistant-message-flow",
+  messageGroup: "agent-gui-conversation__message-group",
+  messageFooter: "agent-gui-conversation__message-footer",
+  messageTimestamp: "agent-gui-conversation__message-timestamp",
+  messageCopyButton: "agent-gui-conversation__message-copy-button",
+  userImageGrid: "agent-gui-conversation__user-image-grid",
+  userImageThumbnail: "agent-gui-conversation__user-image-thumbnail",
+  userMessageBubble: "agent-gui-conversation__user-message-bubble",
+  assistantMarkdown: "agent-gui-conversation__assistant-markdown"
+};
+var AgentGUIConversation_styles_default = styles;
+
 export {
   cn,
   extractAgentMcpToolTarget,
@@ -3800,4 +3740,4 @@ export {
   AgentMessageMarkdown,
   CustomScrollArea
 };
-//# sourceMappingURL=chunk-T6PEJFRP.js.map
+//# sourceMappingURL=chunk-MJOQP2ED.js.map