@tutti-os/agent-gui 0.0.49 → 0.0.51

package/dist/{chunk-RJR2OZ6T.js → chunk-RKZMETSQ.js}

@@ -1,14 +1,21 @@
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-U6JWW45G.js";
+} from "./chunk-66EQ6EQO.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
 import {
   translate,
   useTranslation
-} from "./chunk-77UR4G7P.js";
+} from "./chunk-Y7ZVTWMZ.js";
+
+// app/renderer/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
 
 // shared/agentMcpToolTarget.ts
 function extractAgentMcpToolTarget({
@@ -276,13 +283,6 @@ import {
 import { RotateCcwIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import Zoom from "react-medium-image-zoom";
 
-// app/renderer/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
 // shared/agentConversation/components/ConversationImageContextMenu.tsx
 import {
   useCallback,
@@ -3138,178 +3138,22 @@ var styles = {
   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;
 
-// app/renderer/components/icons/MessageSquareMoreIcon.tsx
+// app/renderer/components/ui/custom-scroll-area.tsx
 import {
   forwardRef,
   useCallback as useCallback4,
   useEffect as useEffect4,
-  useImperativeHandle,
-  useRef as useRef3
-} from "react";
-import {
-  motion,
-  useAnimation,
-  useReducedMotion
-} from "framer-motion";
-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
-};
-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 = useRef3(false);
-    const startAnimation = useCallback4(() => {
-      if (reduceMotion) {
-        return;
-      }
-      void controls.start(active ? "active" : "animate");
-    }, [active, controls, reduceMotion]);
-    const stopAnimation = useCallback4(() => {
-      void controls.start("normal");
-    }, [controls]);
-    useImperativeHandle(ref, () => {
-      isControlledRef.current = true;
-      return {
-        startAnimation,
-        stopAnimation
-      };
-    });
-    useEffect4(() => {
-      if (active) {
-        startAnimation();
-        return;
-      }
-      stopAnimation();
-    }, [active, startAnimation, stopAnimation]);
-    const handleMouseEnter = useCallback4(
-      (event) => {
-        if (isControlledRef.current) {
-          onMouseEnter?.(event);
-        } else {
-          startAnimation();
-        }
-      },
-      [onMouseEnter, startAnimation]
-    );
-    const handleMouseLeave = useCallback4(
-      (event) => {
-        if (isControlledRef.current) {
-          onMouseLeave?.(event);
-        } else {
-          stopAnimation();
-        }
-      },
-      [onMouseLeave, stopAnimation]
-    );
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        ...props,
-        children: /* @__PURE__ */ jsxs4(
-          "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__ */ 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,
-                  custom: 0,
-                  d: "M8 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                motion.path,
-                {
-                  animate: controls,
-                  custom: 1,
-                  d: "M12 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                motion.path,
-                {
-                  animate: controls,
-                  custom: 2,
-                  d: "M16 10h.01",
-                  variants: DOT_VARIANTS
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MessageSquareMoreIcon.displayName = "MessageSquareMoreIcon";
-
-// app/renderer/components/ui/custom-scroll-area.tsx
-import {
-  forwardRef as forwardRef2,
-  useCallback as useCallback5,
-  useEffect as useEffect5,
-  useRef as useRef4,
+  useRef as useRef3,
   useState as useState5
 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var MIN_THUMB_HEIGHT = 24;
 function CustomScrollbar({
   getViewport,
@@ -3320,15 +3164,15 @@ function CustomScrollbar({
   syncKey
 }) {
   "use memo";
-  const trackRef = useRef4(null);
-  const dragStateRef = useRef4(null);
+  const trackRef = useRef3(null);
+  const dragStateRef = useRef3(null);
   const [scrollbarState, setScrollbarState] = useState5({
     scrollable: false,
     thumbHeight: 0,
     thumbTop: 0
   });
   const [dragging, setDragging] = useState5(false);
-  const syncScrollbarState = useCallback5(() => {
+  const syncScrollbarState = useCallback4(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3351,7 +3195,7 @@ function CustomScrollbar({
       (previous) => previous.scrollable && previous.thumbHeight === thumbHeight && previous.thumbTop === thumbTop ? previous : { scrollable: true, thumbHeight, thumbTop }
     );
   }, [getViewport]);
-  const scrollViewportToThumbTop = useCallback5(
+  const scrollViewportToThumbTop = useCallback4(
     (thumbTop) => {
       const viewport = getViewport();
       const track = trackRef.current;
@@ -3374,7 +3218,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.thumbHeight, syncScrollbarState]
   );
-  const handleTrackMouseDown = useCallback5(
+  const handleTrackMouseDown = useCallback4(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3396,7 +3240,7 @@ function CustomScrollbar({
       scrollbarState.thumbHeight
     ]
   );
-  const handleThumbMouseDown = useCallback5(
+  const handleThumbMouseDown = useCallback4(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3429,7 +3273,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.scrollable, scrollbarState.thumbHeight]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     if (!dragging) {
       return;
     }
@@ -3454,7 +3298,7 @@ function CustomScrollbar({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [dragging, getViewport, syncScrollbarState]);
-  useEffect5(() => {
+  useEffect4(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3471,7 +3315,7 @@ function CustomScrollbar({
       resizeObserver?.disconnect();
     };
   }, [getViewport, syncKey, syncScrollbarState]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       ref: trackRef,
@@ -3481,7 +3325,7 @@ function CustomScrollbar({
       "data-testid": testId,
       "aria-hidden": "true",
       onMouseDown: handleTrackMouseDown,
-      children: /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsx4(
         "div",
         {
           className: cn("tsh-custom-scrollbar__thumb", thumbClassName),
@@ -3496,7 +3340,7 @@ function CustomScrollbar({
     }
   );
 }
-var CustomScrollArea = forwardRef2(function CustomScrollArea2({
+var CustomScrollArea = forwardRef(function CustomScrollArea2({
   children,
   className,
   viewportClassName,
@@ -3508,9 +3352,9 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
   ...viewportProps
 }, forwardedRef) {
   "use memo";
-  const viewportRef = useRef4(null);
-  const getViewport = useCallback5(() => viewportRef.current, []);
-  return /* @__PURE__ */ jsxs5(
+  const viewportRef = useRef3(null);
+  const getViewport = useCallback4(() => viewportRef.current, []);
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn(
@@ -3518,7 +3362,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "div",
           {
             ref: setRefs(viewportRef, forwardedRef),
@@ -3530,7 +3374,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
             children
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           CustomScrollbar,
           {
             getViewport,
@@ -3559,6 +3403,164 @@ 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 useCallback5,
+  useEffect as useEffect5,
+  useImperativeHandle,
+  useRef as useRef4
+} from "react";
+import {
+  motion,
+  useAnimation,
+  useReducedMotion
+} from "framer-motion";
+import { jsx as jsx5, jsxs as jsxs5 } 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 = useRef4(false);
+    const startAnimation = useCallback5(() => {
+      if (reduceMotion) {
+        return;
+      }
+      void controls.start(active ? "active" : "animate");
+    }, [active, controls, reduceMotion]);
+    const stopAnimation = useCallback5(() => {
+      void controls.start("normal");
+    }, [controls]);
+    useImperativeHandle(ref, () => {
+      isControlledRef.current = true;
+      return {
+        startAnimation,
+        stopAnimation
+      };
+    });
+    useEffect5(() => {
+      if (active) {
+        startAnimation();
+        return;
+      }
+      stopAnimation();
+    }, [active, startAnimation, stopAnimation]);
+    const handleMouseEnter = useCallback5(
+      (event) => {
+        if (isControlledRef.current) {
+          onMouseEnter?.(event);
+        } else {
+          startAnimation();
+        }
+      },
+      [onMouseEnter, startAnimation]
+    );
+    const handleMouseLeave = useCallback5(
+      (event) => {
+        if (isControlledRef.current) {
+          onMouseLeave?.(event);
+        } else {
+          stopAnimation();
+        }
+      },
+      [onMouseLeave, stopAnimation]
+    );
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: cn("inline-flex items-center justify-center", className),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        ...props,
+        children: /* @__PURE__ */ jsxs5(
+          "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__ */ jsx5("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__ */ jsx5(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 0,
+                  d: "M8 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 1,
+                  d: "M12 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                motion.path,
+                {
+                  animate: controls,
+                  custom: 2,
+                  d: "M16 10h.01",
+                  variants: DOT_VARIANTS
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+MessageSquareMoreIcon.displayName = "MessageSquareMoreIcon";
+
 export {
   cn,
   extractAgentMcpToolTarget,
@@ -3575,4 +3577,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-RJR2OZ6T.js.map
+//# sourceMappingURL=chunk-RKZMETSQ.js.map