@tutti-os/agent-gui 0.0.46 → 0.0.48

package/dist/{chunk-QT45WUPQ.js → chunk-6YN7HQL5.js}

@@ -1,14 +1,14 @@
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-TXXWUG2J.js";
-import {
-  translate,
-  useTranslation
-} from "./chunk-EIC7XS3C.js";
+} from "./chunk-U6JWW45G.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
+import {
+  translate,
+  useTranslation
+} from "./chunk-N6HRVMIS.js";
 
 // shared/agentMcpToolTarget.ts
 function extractAgentMcpToolTarget({
@@ -144,28 +144,86 @@ function objectValue(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
 
+// shared/agentConversation/exitPlanOptions.ts
+var EXIT_PLAN_KEEP_PLANNING_OPTION_ID = "plan";
+function isExitPlanSwitchModeInput(input) {
+  const record = recordValue(input);
+  const toolCall = recordValue(record.toolCall);
+  if (normalizeToken(stringValue2(toolCall.kind)) !== "switchmode") {
+    return false;
+  }
+  return collectRawOptions(record).some(
+    (option) => normalizeToken(rawOptionId(option)) === EXIT_PLAN_KEEP_PLANNING_OPTION_ID
+  );
+}
+function extractExitPlanModeOptions(input, payload) {
+  const sources = payload === void 0 ? [recordValue(input)] : [recordValue(input), recordValue(payload)];
+  return sources.flatMap(collectRawOptions).flatMap((option) => {
+    const id = rawOptionId(option);
+    if (!id || normalizeToken(id) === EXIT_PLAN_KEEP_PLANNING_OPTION_ID) {
+      return [];
+    }
+    return [
+      {
+        id,
+        label: stringValue2(option.name) ?? stringValue2(option.label) ?? stringValue2(option.title) ?? stringValue2(option.kind) ?? id,
+        kind: stringValue2(option.kind) ?? id,
+        ...stringValue2(option.description) ? { description: stringValue2(option.description) } : {}
+      }
+    ];
+  });
+}
+function extractExitPlanKeepPlanningOptionId(input, payload) {
+  const sources = payload === void 0 ? [recordValue(input)] : [recordValue(input), recordValue(payload)];
+  for (const option of sources.flatMap(collectRawOptions)) {
+    const id = rawOptionId(option);
+    if (id && normalizeToken(id) === EXIT_PLAN_KEEP_PLANNING_OPTION_ID) {
+      return id;
+    }
+  }
+  return null;
+}
+function collectRawOptions(record) {
+  return arrayValue(record.options).map(recordValue);
+}
+function rawOptionId(option) {
+  return stringValue2(option.optionId) ?? stringValue2(option.id) ?? stringValue2(option.kind) ?? "";
+}
+function normalizeToken(value) {
+  return (value ?? "").replace(/[_\s-]+/g, "").trim().toLowerCase();
+}
+function stringValue2(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function recordValue(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function arrayValue(value) {
+  return Array.isArray(value) ? value : [];
+}
+
 // shared/agentConversation/askUserQuestions.ts
 function normalizeAskUserQuestions(rawQuestions) {
-  return arrayValue(rawQuestions).flatMap((value, index) => {
+  return arrayValue2(rawQuestions).flatMap((value, index) => {
     const question = objectValue2(value);
     if (!question) {
       return [];
     }
     return [
       {
-        id: stringValue2(question.id) ?? `question-${index + 1}`,
-        header: stringValue2(question.header) ?? `Question ${index + 1}`,
-        question: stringValue2(question.question) ?? stringValue2(question.header) ?? `Question ${index + 1}`,
-        options: arrayValue(question.options).flatMap((optionValue) => {
+        id: stringValue3(question.id) ?? `question-${index + 1}`,
+        header: stringValue3(question.header) ?? `Question ${index + 1}`,
+        question: stringValue3(question.question) ?? stringValue3(question.header) ?? `Question ${index + 1}`,
+        options: arrayValue2(question.options).flatMap((optionValue) => {
           const option = objectValue2(optionValue);
-          const label = stringValue2(option?.label);
+          const label = stringValue3(option?.label);
           if (!label) {
             return [];
           }
           return [
             {
               label,
-              description: stringValue2(option?.description) ?? ""
+              description: stringValue3(option?.description) ?? ""
             }
           ];
         }),
@@ -174,13 +232,13 @@ function normalizeAskUserQuestions(rawQuestions) {
     ];
   });
 }
-function stringValue2(value) {
+function stringValue3(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function objectValue2(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function arrayValue(value) {
+function arrayValue2(value) {
   return Array.isArray(value) ? value : [];
 }
 
@@ -215,6 +273,7 @@ import {
   DownloadIcon,
   RestoreIcon
 } from "@tutti-os/ui-system";
+import { RotateCcwIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import Zoom from "react-medium-image-zoom";
 
 // app/renderer/lib/utils.ts
@@ -354,6 +413,9 @@ function ConversationImageContextMenu({
 
 // app/renderer/components/ZoomableImage.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var IMAGE_PREVIEW_ZOOM_MIN = 0.5;
+var IMAGE_PREVIEW_ZOOM_MAX = 3;
+var IMAGE_PREVIEW_ZOOM_STEP = 0.25;
 function ZoomableImage({
   alt,
   className,
@@ -369,6 +431,12 @@ function ZoomableImage({
   const hasImageActions = Boolean(actionSource && downloadName !== void 0);
   const [contextMenuPosition, setContextMenuPosition] = useState2(null);
   const [copyStatus, setCopyStatus] = useState2(null);
+  const [imagePreviewZoom, setImagePreviewZoom] = useState2(1);
+  const [isWheelZooming, setIsWheelZooming] = useState2(false);
+  const [isImagePreviewOpen, setIsImagePreviewOpen] = useState2(false);
+  const imagePreviewZoomPercent = Math.round(imagePreviewZoom * 100);
+  const canZoomOut = imagePreviewZoom > IMAGE_PREVIEW_ZOOM_MIN;
+  const canZoomIn = imagePreviewZoom < IMAGE_PREVIEW_ZOOM_MAX;
   const closeContextMenu = useCallback2(() => {
     setContextMenuPosition(null);
   }, []);
@@ -445,6 +513,36 @@ function ZoomableImage({
       resolveImageDownloadName(downloadName, actionSource, alt)
     );
   }, [actionSource, alt, closeContextMenu, downloadName]);
+  const zoomOutPreviewImage = useCallback2(() => {
+    setIsWheelZooming(false);
+    setImagePreviewZoom(
+      (value) => clampSteppedImagePreviewZoom(value - IMAGE_PREVIEW_ZOOM_STEP)
+    );
+  }, []);
+  const zoomInPreviewImage = useCallback2(() => {
+    setIsWheelZooming(false);
+    setImagePreviewZoom(
+      (value) => clampSteppedImagePreviewZoom(value + IMAGE_PREVIEW_ZOOM_STEP)
+    );
+  }, []);
+  const resetPreviewImageZoom = useCallback2(() => {
+    setIsWheelZooming(false);
+    setImagePreviewZoom(1);
+  }, []);
+  const handlePreviewImageWheel = useCallback2(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (event.deltaY === 0) {
+        return;
+      }
+      setIsWheelZooming(true);
+      setImagePreviewZoom(
+        (value) => clampImagePreviewZoom(value * Math.pow(2, resolveWheelZoomDelta(event)))
+      );
+    },
+    []
+  );
   const actionButtons = hasImageActions ? /* @__PURE__ */ jsx2(
     ImageActionButtons,
     {
@@ -456,30 +554,55 @@ function ZoomableImage({
   ) : null;
   const renderZoomContent = ({
     buttonUnzoom,
-    img
+    img,
+    modalState
   }) => {
+    const typedButtonUnzoom = buttonUnzoom;
+    const buttonUnzoomProps = typedButtonUnzoom.props;
     const zoomSrc = isValidElement(img) && typeof img.props.src === "string" ? img.props.src : null;
+    const isUnzooming = modalState === "UNLOADING";
+    const effectiveImagePreviewZoom = isUnzooming ? 1 : imagePreviewZoom;
+    const renderedImage = img ? cloneImageWithPreviewZoom(
+      img,
+      effectiveImagePreviewZoom,
+      isUnzooming ? false : isWheelZooming,
+      handlePreviewImageWheel
+    ) : null;
     return /* @__PURE__ */ jsxs2(Fragment, { children: [
-      actionButtons && img && zoomSrc ? cloneElement(img, {
-        onContextMenu: handleContextMenu
-      }) : !actionButtons && img && zoomSrc ? /* @__PURE__ */ jsx2(
+      actionButtons && renderedImage && zoomSrc ? cloneElement(
+        renderedImage,
+        {
+          onContextMenu: handleContextMenu
+        }
+      ) : !actionButtons && renderedImage && zoomSrc ? /* @__PURE__ */ jsx2(
         ConversationImageContextMenu,
         {
           src: zoomSrc,
           asChild: true,
           contentStyle: { zIndex: "var(--z-dialog-popover)" },
-          children: img
+          children: renderedImage
         }
-      ) : img,
-      actionButtons ? /* @__PURE__ */ jsx2("div", { className: "tsh-zoom-dialog__image-actions nodrag tsh-desktop-no-drag", children: /* @__PURE__ */ jsx2(
-        ImageActionButtons,
+      ) : renderedImage,
+      /* @__PURE__ */ jsx2(
+        ImagePreviewZoomControls,
         {
-          copyLabel: t("common.copyImage"),
-          downloadLabel: t("common.downloadImage"),
-          onCopy: handleCopyImageAction,
-          onDownload: handleDownloadImage
+          canZoomIn,
+          canZoomOut,
+          percent: imagePreviewZoomPercent,
+          percentLabel: t("common.imageZoomPercent", {
+            percent: imagePreviewZoomPercent
+          }),
+          reportPercentStatus: !copyStatus,
+          resetLabel: t("common.resetImageZoom"),
+          zoomInLabel: t("common.zoomInImage"),
+          zoomOutLabel: t("common.zoomOutImage"),
+          onReset: resetPreviewImageZoom,
+          onZoomIn: zoomInPreviewImage,
+          onZoomOut: zoomOutPreviewImage,
+          onWheel: handlePreviewImageWheel
         }
-      ) }) : null,
+      ),
+      actionButtons ? /* @__PURE__ */ jsx2("div", { className: "tsh-zoom-dialog__image-actions nodrag tsh-desktop-no-drag", children: actionButtons }) : null,
       contextMenuPosition?.inZoomDialog && actionButtons ? /* @__PURE__ */ jsx2(
         "div",
         {
@@ -502,6 +625,19 @@ function ZoomableImage({
           )
         }
       ) : null,
+      copyStatus ? /* @__PURE__ */ jsx2(
+        ImageCopyStatusToast,
+        {
+          busy: copyStatus.busy,
+          message: copyStatus.message,
+          variant: copyStatus.variant,
+          onOpenChange: (open) => {
+            if (!open) {
+              setCopyStatus(null);
+            }
+          }
+        }
+      ) : null,
       /* @__PURE__ */ jsx2(
         Button,
         {
@@ -510,8 +646,14 @@ function ZoomableImage({
           size: "icon",
           variant: "chrome",
           children: cloneElement(
-            buttonUnzoom,
-            void 0,
+            typedButtonUnzoom,
+            {
+              onClick: (event) => {
+                setIsWheelZooming(false);
+                setImagePreviewZoom(1);
+                buttonUnzoomProps.onClick?.(event);
+              }
+            },
             /* @__PURE__ */ jsx2(RestoreIcon, { "aria-hidden": "true", className: "size-4" })
           )
         }
@@ -528,6 +670,13 @@ function ZoomableImage({
         wrapElement,
         zoomMargin: 24,
         ZoomContent: renderZoomContent,
+        onZoomChange: (zoomed) => {
+          setIsImagePreviewOpen(zoomed);
+          if (!zoomed) {
+            setIsWheelZooming(false);
+            setImagePreviewZoom(1);
+          }
+        },
         children: /* @__PURE__ */ jsx2(
           "img",
           {
@@ -540,29 +689,32 @@ function ZoomableImage({
         )
       }
     ),
-    contextMenuPosition && !contextMenuPosition.inZoomDialog && 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
-          }
-        )
-      }
+    contextMenuPosition && !contextMenuPosition.inZoomDialog && actionButtons ? createPortal(
+      /* @__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
+            }
+          )
+        }
+      ),
+      document.body
     ) : null,
-    copyStatus ? createPortal(
+    copyStatus && !isImagePreviewOpen ? createPortal(
       /* @__PURE__ */ jsx2(
         ImageCopyStatusToast,
         {
@@ -594,6 +746,8 @@ function ImageCopyStatusToast({
         anchor: "viewport",
         busy,
         variant,
+        "data-tsh-image-copy-status": "true",
+        style: { zIndex: 100303 },
         onOpenChange,
         children: /* @__PURE__ */ jsx2(ToastTitle, { children: message })
       }
@@ -610,6 +764,73 @@ function ImageCopyStatusToast({
     )
   ] });
 }
+function ImagePreviewZoomControls({
+  canZoomIn,
+  canZoomOut,
+  percent,
+  percentLabel,
+  reportPercentStatus,
+  resetLabel,
+  zoomInLabel,
+  zoomOutLabel,
+  onReset,
+  onZoomIn,
+  onZoomOut,
+  onWheel
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "tsh-zoom-dialog__zoom-controls nodrag tsh-desktop-no-drag",
+      onWheel,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            title: zoomOutLabel,
+            "aria-label": zoomOutLabel,
+            disabled: !canZoomOut,
+            onClick: onZoomOut,
+            children: /* @__PURE__ */ jsx2(ZoomOutIcon, { "aria-hidden": "true", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          "span",
+          {
+            "aria-label": percentLabel,
+            role: reportPercentStatus ? "status" : void 0,
+            children: [
+              percent,
+              "%"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            title: resetLabel,
+            "aria-label": resetLabel,
+            onClick: onReset,
+            children: /* @__PURE__ */ jsx2(RotateCcwIcon, { "aria-hidden": "true", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            title: zoomInLabel,
+            "aria-label": zoomInLabel,
+            disabled: !canZoomIn,
+            onClick: onZoomIn,
+            children: /* @__PURE__ */ jsx2(ZoomInIcon, { "aria-hidden": "true", className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
 function ImageActionButtons({
   copyLabel,
   downloadLabel,
@@ -626,6 +847,7 @@ function ImageActionButtons({
           className: "tsh-zoom-dialog__icon-button",
           size: "icon",
           title: copyLabel,
+          onPointerDown: (event) => event.stopPropagation(),
           variant: "chrome",
           onClick: (event) => {
             event.preventDefault();
@@ -642,6 +864,7 @@ function ImageActionButtons({
           className: "tsh-zoom-dialog__icon-button",
           size: "icon",
           title: downloadLabel,
+          onPointerDown: (event) => event.stopPropagation(),
           variant: "chrome",
           onClick: (event) => {
             event.preventDefault();
@@ -660,6 +883,7 @@ function ImageActionButtons({
         type: "button",
         role: itemRole,
         title: copyLabel,
+        onPointerDown: (event) => event.stopPropagation(),
         onClick: (event) => {
           event.preventDefault();
           event.stopPropagation();
@@ -677,6 +901,7 @@ function ImageActionButtons({
         type: "button",
         role: itemRole,
         title: downloadLabel,
+        onPointerDown: (event) => event.stopPropagation(),
         onClick: (event) => {
           event.preventDefault();
           event.stopPropagation();
@@ -690,6 +915,90 @@ function ImageActionButtons({
     )
   ] });
 }
+function cloneImageWithPreviewZoom(img, zoom, isWheelZooming, onWheel) {
+  const props = img.props;
+  const style = props.style;
+  const mergedStyle = {
+    ...style,
+    transform: resolveZoomedImageTransform(
+      style?.transform,
+      zoom,
+      resolveImagePreviewDimension(style?.width ?? props.width),
+      resolveImagePreviewDimension(style?.height ?? props.height)
+    ),
+    transition: isWheelZooming ? "none" : mergeImagePreviewTransition(style?.transition)
+  };
+  if (style?.transformOrigin !== void 0) {
+    mergedStyle.transformOrigin = style.transformOrigin;
+  }
+  return cloneElement(img, {
+    "data-tsh-image-zoom": formatImagePreviewZoom(zoom),
+    onWheel: (event) => {
+      props.onWheel?.(event);
+      onWheel(event);
+    },
+    style: mergedStyle
+  });
+}
+function resolveWheelZoomDelta(event) {
+  return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 2e-3) * (event.ctrlKey ? 10 : 1);
+}
+function resolveZoomedImageTransform(transform, zoom, width, height) {
+  const baseTransform = typeof transform === "string" ? transform.trim() : "";
+  const zoomTransform = resolveImagePreviewZoomTransform(zoom, width, height);
+  if (!baseTransform) {
+    return zoomTransform || void 0;
+  }
+  if (!zoomTransform) {
+    return baseTransform;
+  }
+  return `${baseTransform} ${zoomTransform}`;
+}
+function resolveImagePreviewZoomTransform(zoom, width, height) {
+  if (zoom === 1) {
+    return "";
+  }
+  const scale = `scale(${formatImagePreviewZoom(zoom)})`;
+  if (width === null || height === null) {
+    return scale;
+  }
+  const halfWidth = formatCssNumber(width / 2);
+  const halfHeight = formatCssNumber(height / 2);
+  return `translate(${halfWidth}px,${halfHeight}px) ${scale} translate(-${halfWidth}px,-${halfHeight}px)`;
+}
+function resolveImagePreviewDimension(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }
+  if (typeof value !== "string") {
+    return null;
+  }
+  const dimension = Number.parseFloat(value);
+  return Number.isFinite(dimension) && dimension > 0 ? dimension : null;
+}
+function formatCssNumber(value) {
+  return Number(value.toFixed(3)).toString();
+}
+function mergeImagePreviewTransition(transition) {
+  const zoomTransition = "transform 120ms ease-out";
+  if (typeof transition !== "string" || !transition.trim()) {
+    return zoomTransition;
+  }
+  return transition.includes("transform") ? transition : `${transition}, ${zoomTransition}`;
+}
+function clampSteppedImagePreviewZoom(value) {
+  const stepped = Math.round(value / IMAGE_PREVIEW_ZOOM_STEP) * IMAGE_PREVIEW_ZOOM_STEP;
+  return clampImagePreviewZoom(stepped);
+}
+function clampImagePreviewZoom(value) {
+  return Math.min(
+    IMAGE_PREVIEW_ZOOM_MAX,
+    Math.max(IMAGE_PREVIEW_ZOOM_MIN, value)
+  );
+}
+function formatImagePreviewZoom(value) {
+  return Number(value.toFixed(2)).toString();
+}
 function downloadImage(src, name) {
   const link = document.createElement("a");
   link.href = src;
@@ -2826,6 +3135,8 @@ var styles = {
   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",
   userMessageBubble: "agent-gui-conversation__user-message-bubble",
   assistantMarkdown: "agent-gui-conversation__assistant-markdown"
@@ -3251,6 +3562,9 @@ function clamp(value, min, max) {
 export {
   cn,
   extractAgentMcpToolTarget,
+  isExitPlanSwitchModeInput,
+  extractExitPlanModeOptions,
+  extractExitPlanKeepPlanningOptionId,
   normalizeAskUserQuestions,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceFileLinkAction,
@@ -3261,4 +3575,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-QT45WUPQ.js.map
+//# sourceMappingURL=chunk-6YN7HQL5.js.map