@tutti-os/agent-gui 0.0.50 → 0.0.52

package/dist/{chunk-FS26J46N.js → chunk-BFIYBPFD.js}

@@ -7,7 +7,7 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-VKP5ZW5O.js";
+} from "./chunk-PIKG746A.js";
 import {
   Spinner
 } from "./chunk-HDBKB5RA.js";
@@ -1150,4 +1150,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-FS26J46N.js.map
+//# sourceMappingURL=chunk-BFIYBPFD.js.map

package/dist/{chunk-VKP5ZW5O.js → chunk-PIKG746A.js}

@@ -10,6 +10,13 @@ import {
   useTranslation
 } 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({
   input: rawInput,
@@ -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,
@@ -2361,6 +2361,7 @@ function MentionLink({
       "data-agent-mention-icon-url": mention.iconUrl,
       "data-agent-mention-href": href,
       "data-agent-mention-kind": mention.kind,
+      "data-agent-reference-source": mention.referenceSource,
       "aria-label": mention.label,
       role: "link",
       tabIndex: 0,
@@ -2974,6 +2975,7 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], appFactoryFall
       iconUrl: mention.scope?.icon?.trim() || appIconUrl,
       fileCount: referenceFileCountFromParam(mention.scope?.count ?? null),
       participant: label,
+      referenceSource: source || void 0,
       summary: ""
     };
   }
@@ -3145,173 +3147,15 @@ var styles = {
 };
 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,
@@ -3322,15 +3166,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 });
@@ -3353,7 +3197,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;
@@ -3376,7 +3220,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.thumbHeight, syncScrollbarState]
   );
-  const handleTrackMouseDown = useCallback5(
+  const handleTrackMouseDown = useCallback4(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3398,7 +3242,7 @@ function CustomScrollbar({
       scrollbarState.thumbHeight
     ]
   );
-  const handleThumbMouseDown = useCallback5(
+  const handleThumbMouseDown = useCallback4(
     (event) => {
       if (event.button !== 0 || !scrollbarState.scrollable) {
         return;
@@ -3431,7 +3275,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.scrollable, scrollbarState.thumbHeight]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     if (!dragging) {
       return;
     }
@@ -3456,7 +3300,7 @@ function CustomScrollbar({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [dragging, getViewport, syncScrollbarState]);
-  useEffect5(() => {
+  useEffect4(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3473,7 +3317,7 @@ function CustomScrollbar({
       resizeObserver?.disconnect();
     };
   }, [getViewport, syncKey, syncScrollbarState]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       ref: trackRef,
@@ -3483,7 +3327,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),
@@ -3498,7 +3342,7 @@ function CustomScrollbar({
     }
   );
 }
-var CustomScrollArea = forwardRef2(function CustomScrollArea2({
+var CustomScrollArea = forwardRef(function CustomScrollArea2({
   children,
   className,
   viewportClassName,
@@ -3510,9 +3354,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(
@@ -3520,7 +3364,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "div",
           {
             ref: setRefs(viewportRef, forwardedRef),
@@ -3532,7 +3376,7 @@ var CustomScrollArea = forwardRef2(function CustomScrollArea2({
             children
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           CustomScrollbar,
           {
             getViewport,
@@ -3561,6 +3405,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,
@@ -3577,4 +3579,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-VKP5ZW5O.js.map
+//# sourceMappingURL=chunk-PIKG746A.js.map