@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/ai-chat/components/ai-chat-message.js

@@ -0,0 +1,182 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { imagePartToUrl } from "../content-parts.js";
+import { motion } from "framer-motion";
+import { useState } from "react";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
+import { Button } from "../../button/button.js";
+import { Textarea } from "../../textarea/textarea.js";
+import { ENTRANCE_ANIMATE, ENTRANCE_EASE, ENTRANCE_INITIAL } from "../animations.js";
+import { AiChatImagePreview } from "./ai-chat-image-preview.js";
+import { AiChatMarkdown } from "./ai-chat-markdown.js";
+import { AiChatMessageActions } from "./ai-chat-message-actions.js";
+const ENTRANCE_TRANSITION = {
+    duration: 0.22,
+    ease: ENTRANCE_EASE
+};
+function focusAndScrollEditTextarea(el) {
+    if (!el) return;
+    el.select();
+    requestAnimationFrame(()=>{
+        el.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+        });
+    });
+}
+function getDisplayText(message) {
+    return message.parts.filter((p)=>"text" === p.type).map((p)=>p.content).join("");
+}
+function getImageParts(message) {
+    return message.parts.filter((p)=>"image" === p.type);
+}
+function AiChatMessage({ message, children, hideActions = false, showActionsAlwaysVisible = false, feedback, onFeedback, onRegenerate, onEditMessage }) {
+    const { t } = useVertexTranslation();
+    const isUser = "user" === message.role;
+    const displayContent = getDisplayText(message);
+    const imageParts = getImageParts(message);
+    const hasText = !!displayContent;
+    const hasImages = imageParts.length > 0;
+    const [editValue, setEditValue] = useState(null);
+    const isEditing = null !== editValue;
+    const [previewUrl, setPreviewUrl] = useState(null);
+    const startEditing = ()=>setEditValue(displayContent);
+    const cancelEditing = ()=>setEditValue(null);
+    const handleSave = ()=>{
+        if (null === editValue) return;
+        const trimmed = editValue.trim();
+        if (trimmed && trimmed !== displayContent) onEditMessage?.(trimmed);
+        setEditValue(null);
+    };
+    const hasToolOutputs = message.parts.some((p)=>"tool-call" === p.type && null != p.output);
+    const hasContent = hasToolOutputs || message.parts.some((p)=>"text" === p.type && p.content);
+    if (!isUser && !hasContent) return null;
+    if (isUser) return /*#__PURE__*/ jsx(motion.div, {
+        className: "flex w-full justify-end",
+        initial: ENTRANCE_INITIAL,
+        animate: ENTRANCE_ANIMATE,
+        transition: ENTRANCE_TRANSITION,
+        children: isEditing ? /*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col items-end gap-2 w-[80%]",
+            children: [
+                /*#__PURE__*/ jsx(Textarea, {
+                    ref: focusAndScrollEditTextarea,
+                    autoFocus: true,
+                    value: editValue,
+                    onChange: (e)=>setEditValue(e.target.value),
+                    onKeyDown: (e)=>{
+                        if ("Enter" === e.key && !e.shiftKey) {
+                            e.preventDefault();
+                            handleSave();
+                        }
+                        if ("Escape" === e.key) cancelEditing();
+                    },
+                    className: "rounded-2xl rounded-br-md bg-ai-chat-bubble-user text-ai-chat-bubble-user-foreground border-2 border-primary/40 min-h-15 px-4 py-2 text-sm leading-6",
+                    rows: 3
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center gap-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: cancelEditing,
+                            children: t("cancel")
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            size: "sm",
+                            onClick: handleSave,
+                            disabled: !editValue.trim() || editValue.trim() === displayContent,
+                            children: t("save_and_rerun")
+                        })
+                    ]
+                })
+            ]
+        }) : /*#__PURE__*/ jsxs("div", {
+            className: "group/message flex flex-col items-end gap-1 max-w-[80%]",
+            children: [
+                hasImages && /*#__PURE__*/ jsx("div", {
+                    className: "flex flex-wrap justify-end gap-2",
+                    children: imageParts.map((part)=>{
+                        const url = imagePartToUrl(part);
+                        return /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            onClick: ()=>setPreviewUrl(url),
+                            "aria-label": t("image_preview"),
+                            className: "size-10 p-0 rounded-md overflow-hidden border border-border hover:opacity-80",
+                            children: /*#__PURE__*/ jsx("img", {
+                                src: url,
+                                alt: "",
+                                className: "size-full object-cover"
+                            })
+                        }, `${message.id}-${part.source.value.slice(0, 64)}`);
+                    })
+                }),
+                /*#__PURE__*/ jsx(AiChatImagePreview, {
+                    url: previewUrl,
+                    onClose: ()=>setPreviewUrl(null)
+                }),
+                hasText && /*#__PURE__*/ jsx("div", {
+                    className: "px-4 py-2 text-sm leading-6 rounded-2xl rounded-br-md bg-ai-chat-bubble-user text-ai-chat-bubble-user-foreground",
+                    children: /*#__PURE__*/ jsx(AiChatMarkdown, {
+                        className: "text-sm leading-6",
+                        preserveLineBreaks: true,
+                        children: displayContent
+                    })
+                }),
+                /*#__PURE__*/ jsx(AiChatMessageActions, {
+                    content: displayContent,
+                    messageRole: "user",
+                    ...onEditMessage ? {
+                        onEdit: startEditing
+                    } : {}
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ jsx(motion.div, {
+        className: "flex w-full justify-start",
+        initial: ENTRANCE_INITIAL,
+        animate: ENTRANCE_ANIMATE,
+        transition: ENTRANCE_TRANSITION,
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "group/message flex flex-col gap-3 flex-1 min-w-0",
+            children: [
+                displayContent && /*#__PURE__*/ jsx("div", {
+                    className: "max-w-[85%]",
+                    children: /*#__PURE__*/ jsx(AiChatMarkdown, {
+                        children: displayContent
+                    })
+                }),
+                children && /*#__PURE__*/ jsx("div", {
+                    className: "mt-2 flex flex-col gap-2",
+                    children: children
+                }),
+                !hideActions && /*#__PURE__*/ jsx(motion.div, {
+                    initial: {
+                        opacity: 0
+                    },
+                    animate: {
+                        opacity: 1
+                    },
+                    transition: {
+                        duration: 0.2,
+                        ease: ENTRANCE_EASE
+                    },
+                    children: /*#__PURE__*/ jsx(AiChatMessageActions, {
+                        content: displayContent,
+                        messageRole: "assistant",
+                        isLatest: showActionsAlwaysVisible,
+                        feedback: feedback,
+                        onFeedback: onFeedback,
+                        onRegenerate: onRegenerate
+                    })
+                })
+            ]
+        })
+    });
+}
+export { AiChatMessage };

package/dist/registry/ai-chat/components/ai-chat-pending-files.d.ts

@@ -0,0 +1,7 @@
+import type { PendingFile } from "../hooks/use-pending-files";
+export interface AiChatPendingFilesProps {
+    files: PendingFile[];
+    onRemove: (uid: string) => void;
+    onPreview: (url: string) => void;
+}
+export declare function AiChatPendingFiles({ files, onRemove, onPreview, }: AiChatPendingFilesProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/registry/ai-chat/components/ai-chat-pending-files.js

@@ -0,0 +1,75 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FileText, X } from "lucide-react";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
+import { Button } from "../../button/button.js";
+function formatFileSize(bytes) {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1048576).toFixed(1)} MB`;
+}
+function AiChatPendingFiles({ files, onRemove, onPreview }) {
+    const { t } = useVertexTranslation();
+    if (0 === files.length) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex flex-wrap gap-1.5 px-3 pt-2",
+        children: files.map((pf)=>{
+            const label = /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "max-w-[120px] truncate",
+                        children: pf.name
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-ai-chat-muted-foreground",
+                        children: formatFileSize(pf.size)
+                    })
+                ]
+            });
+            return /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-1.5 rounded-lg border border-ai-chat-border bg-ai-chat-muted pl-2 pr-1 py-1 text-xs text-ai-chat-foreground",
+                children: [
+                    pf.thumbnailUrl ? /*#__PURE__*/ jsxs(Button, {
+                        type: "button",
+                        variant: "ghost",
+                        onClick: ()=>pf.thumbnailUrl && onPreview(pf.thumbnailUrl),
+                        className: "h-auto p-0 gap-1.5 hover:bg-transparent font-normal text-xs text-ai-chat-foreground",
+                        "aria-label": t("preview_file", {
+                            name: pf.name
+                        }),
+                        children: [
+                            /*#__PURE__*/ jsx("img", {
+                                src: pf.thumbnailUrl,
+                                alt: "",
+                                className: "size-5 rounded-sm flex-shrink-0 object-cover"
+                            }),
+                            label
+                        ]
+                    }) : /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx(FileText, {
+                                className: "size-4 flex-shrink-0 text-ai-chat-muted-foreground",
+                                "aria-hidden": "true"
+                            }),
+                            label
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon-xs",
+                        onClick: ()=>onRemove(pf.uid),
+                        "aria-label": t("remove_file", {
+                            name: pf.name
+                        }),
+                        children: /*#__PURE__*/ jsx(X, {
+                            "aria-hidden": "true"
+                        })
+                    })
+                ]
+            }, pf.uid);
+        })
+    });
+}
+export { AiChatPendingFiles };

package/dist/registry/ai-chat/components/ai-chat-scroll-to-bottom-button.d.ts

@@ -0,0 +1,5 @@
+interface AiChatScrollToBottomButtonProps {
+    onClick: () => void;
+}
+export declare function AiChatScrollToBottomButton({ onClick, }: AiChatScrollToBottomButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/ai-chat/components/ai-chat-scroll-to-bottom-button.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
+import { Button } from "../../button/button.js";
+function AiChatScrollToBottomButton({ onClick }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsx(Button, {
+        type: "button",
+        variant: "outline",
+        size: "icon-sm",
+        onClick: onClick,
+        "aria-label": t("scroll_to_bottom"),
+        className: "absolute bottom-2 left-1/2 -translate-x-1/2 z-10 size-8 rounded-full border-ai-chat-border bg-ai-chat shadow-md hover:bg-ai-chat-muted",
+        children: /*#__PURE__*/ jsx(ArrowDown, {
+            className: "size-4"
+        })
+    });
+}
+export { AiChatScrollToBottomButton };

package/dist/registry/ai-chat/components/ai-chat-selection-menu.d.ts

@@ -0,0 +1,7 @@
+import type { RefObject } from "react";
+interface AiChatSelectionMenuProps {
+    onAskAi: (selectedText: string) => void;
+    containerRef?: RefObject<HTMLElement | null>;
+}
+export declare function AiChatSelectionMenu({ onAskAi, containerRef, }: AiChatSelectionMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/ai-chat/components/ai-chat-selection-menu.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTextSelection } from "@mantine/hooks";
+import { AnimatePresence, motion } from "framer-motion";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
+import { Button } from "../../button/button.js";
+import { POP_ANIMATE, POP_EXIT, POP_INITIAL, POP_TRANSITION } from "../animations.js";
+import { AutopilotIcon } from "./icons/autopilot.js";
+const EDGE_PADDING_X = 80;
+const MENU_OFFSET_Y = 8;
+function deriveMenuState(selection, container) {
+    if (!container || !selection || selection.isCollapsed || 0 === selection.rangeCount) return null;
+    const text = selection.toString().trim();
+    if (!text) return null;
+    const range = selection.getRangeAt(0);
+    if (!container.contains(range.commonAncestorContainer)) return null;
+    const rangeRect = range.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
+    const x = rangeRect.left + rangeRect.width / 2 - containerRect.left + container.scrollLeft;
+    const y = rangeRect.top - containerRect.top + container.scrollTop;
+    return {
+        text,
+        x: Math.min(Math.max(x, EDGE_PADDING_X), container.clientWidth - EDGE_PADDING_X),
+        y: y - MENU_OFFSET_Y
+    };
+}
+function AiChatSelectionMenu({ onAskAi, containerRef }) {
+    const { t } = useVertexTranslation();
+    const selection = useTextSelection();
+    const menu = deriveMenuState(selection, containerRef?.current ?? null);
+    return /*#__PURE__*/ jsx(AnimatePresence, {
+        children: menu && /*#__PURE__*/ jsx(motion.div, {
+            initial: POP_INITIAL,
+            animate: POP_ANIMATE,
+            exit: POP_EXIT,
+            transition: POP_TRANSITION,
+            className: "absolute z-50 -translate-x-1/2 -translate-y-full",
+            style: {
+                left: menu.x,
+                top: menu.y
+            },
+            children: /*#__PURE__*/ jsxs(Button, {
+                type: "button",
+                size: "sm",
+                onPointerDown: (e)=>e.preventDefault(),
+                onClick: ()=>{
+                    onAskAi(menu.text);
+                    selection?.removeAllRanges();
+                },
+                className: "rounded-full text-white shadow-lg hover:opacity-90 hover:text-white",
+                style: {
+                    background: "var(--ai-gradient-strong)"
+                },
+                children: [
+                    /*#__PURE__*/ jsx(AutopilotIcon, {
+                        size: 14,
+                        "aria-hidden": "true"
+                    }),
+                    t("ask_ai")
+                ]
+            })
+        }, "ai-chat-ask-ai")
+    });
+}
+export { AiChatSelectionMenu };

package/dist/registry/ai-chat/components/ai-chat-suggestions.d.ts

@@ -0,0 +1,8 @@
+import type { ChoiceOption } from "../tools/choices";
+interface AiChatSuggestionsProps {
+    prompt?: string;
+    options: ChoiceOption[];
+    onSelect: (option: ChoiceOption) => void;
+}
+export declare function AiChatSuggestions({ prompt, options, onSelect, }: AiChatSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/ai-chat/components/ai-chat-suggestions.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+function AiChatSuggestions({ prompt, options, onSelect }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "space-y-2",
+        children: [
+            prompt && /*#__PURE__*/ jsx("p", {
+                className: "text-sm text-muted-foreground",
+                children: prompt
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex flex-wrap gap-2",
+                children: options.map((option)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: cn("h-auto py-2 px-3 text-left max-w-full text-sm rounded-lg border transition-colors hover:opacity-80", option.recommended && "border-2 border-primary"),
+                        onClick: ()=>onSelect(option),
+                        children: /*#__PURE__*/ jsx("span", {
+                            className: "font-medium truncate",
+                            children: option.label
+                        })
+                    }, option.id))
+            })
+        ]
+    });
+}
+export { AiChatSuggestions };

package/dist/registry/ai-chat/components/ai-chat-thinking.d.ts

@@ -0,0 +1,12 @@
+interface AiChatThinkingProps {
+    size?: number;
+    className?: string;
+    /**
+     * When true, plays the forward sequence (idle → thinking) and holds
+     * the steady-state pulse. When false, plays the reverse back to idle.
+     * Defaults to true so existing usages auto-play on mount.
+     */
+    isThinking?: boolean;
+}
+export declare function AiChatThinking({ size, className, isThinking, }: AiChatThinkingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/ai-chat/components/ai-chat-thinking.js

@@ -0,0 +1,231 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { useId } from "react";
+const FORWARD_DURATION = 0.8;
+const REVERSE_DURATION = 0.4;
+const PULSE_DURATION = 1.8;
+const EASE = [
+    0.83,
+    0,
+    0.17,
+    1
+];
+const CIRCLE_RADIUS = 3;
+const SMALL_SPARKLE_CENTER_X = 17.82;
+const SMALL_SPARKLE_CENTER_Y = 6.35;
+const VIEWBOX_CENTER = 12;
+const PULSE_TRANSITION_ON = {
+    opacity: {
+        duration: PULSE_DURATION,
+        ease: "easeInOut",
+        delay: 0.5 * FORWARD_DURATION,
+        repeat: 1 / 0,
+        repeatType: "loop"
+    },
+    scale: {
+        duration: PULSE_DURATION,
+        ease: "easeInOut",
+        delay: 0.5 * FORWARD_DURATION,
+        repeat: 1 / 0,
+        repeatType: "loop"
+    }
+};
+const PULSE_TRANSITION_OFF = {
+    duration: 0.8 * REVERSE_DURATION,
+    ease: EASE
+};
+function AiChatThinking({ size = 32, className, isThinking = true }) {
+    const gradientId = useId();
+    const unit = size / 24;
+    const smallSparkleTargetX = (VIEWBOX_CENTER - SMALL_SPARKLE_CENTER_X) * unit;
+    const smallSparkleTargetY = (VIEWBOX_CENTER - SMALL_SPARKLE_CENTER_Y) * unit;
+    return /*#__PURE__*/ jsxs("div", {
+        className: `relative inline-block ${className ?? ""}`,
+        style: {
+            width: size,
+            height: size
+        },
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ jsx(motion.div, {
+                className: "absolute rounded-full pointer-events-none",
+                style: {
+                    top: "50%",
+                    left: "50%",
+                    width: "55%",
+                    height: "55%",
+                    marginTop: "-27.5%",
+                    marginLeft: "-27.5%",
+                    background: "radial-gradient(circle, rgba(108,90,239,0.4) 0%, rgba(105,199,221,0.18) 55%, transparent 75%)"
+                },
+                initial: {
+                    opacity: 0,
+                    scale: 0.7
+                },
+                animate: isThinking ? {
+                    opacity: [
+                        0.5,
+                        0.9,
+                        0.5
+                    ],
+                    scale: [
+                        0.9,
+                        1.1,
+                        0.9
+                    ]
+                } : {
+                    opacity: 0,
+                    scale: 0.7
+                },
+                transition: isThinking ? PULSE_TRANSITION_ON : PULSE_TRANSITION_OFF
+            }),
+            /*#__PURE__*/ jsxs("svg", {
+                viewBox: "0 0 24 24",
+                width: "100%",
+                height: "100%",
+                className: "absolute inset-0 block overflow-visible",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ jsx("defs", {
+                        children: /*#__PURE__*/ jsxs("linearGradient", {
+                            id: gradientId,
+                            x1: "0",
+                            y1: "0.5",
+                            x2: "1",
+                            y2: "0.5",
+                            gradientUnits: "objectBoundingBox",
+                            children: [
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "8.79%",
+                                    style: {
+                                        stopColor: "var(--ai-gradient-start, #6C5AEF)"
+                                    }
+                                }),
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "91.48%",
+                                    style: {
+                                        stopColor: "var(--ai-gradient-end, #69C7DD)"
+                                    }
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(motion.g, {
+                        style: {
+                            transformBox: "fill-box",
+                            transformOrigin: "center"
+                        },
+                        initial: {
+                            opacity: 1,
+                            rotate: 0
+                        },
+                        animate: isThinking ? {
+                            opacity: 0,
+                            rotate: 180
+                        } : {
+                            opacity: 1,
+                            rotate: 0
+                        },
+                        transition: {
+                            duration: isThinking ? FORWARD_DURATION : REVERSE_DURATION,
+                            ease: EASE
+                        },
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M19.4231 13.2391C15.2592 12.5335 11.9733 9.06719 11.3046 4.67449C11.292 4.59158 11.1901 4.59158 11.1775 4.67449C10.5088 9.06719 7.22293 12.5335 3.05898 13.2391C2.98034 13.2524 2.98034 13.3599 3.05898 13.3732C7.22293 14.0786 10.5088 17.5451 11.1775 21.9378C11.1901 22.0207 11.292 22.0207 11.3046 21.9378C11.9733 17.5451 15.2592 14.0786 19.4231 13.3732C19.5017 13.3599 19.5017 13.2524 19.4231 13.2391ZM15.3321 13.3397C13.2501 13.6924 11.6072 15.4256 11.2728 17.622C11.2665 17.6634 11.2156 17.6634 11.2093 17.622C10.8749 15.4256 9.23198 13.6924 7.15 13.3397C7.11069 13.333 7.11069 13.2793 7.15 13.2726C9.23198 12.9198 10.8749 11.1867 11.2093 8.99032C11.2156 8.94886 11.2665 8.94886 11.2728 8.99032C11.6072 11.1867 13.2501 12.9198 15.3321 13.2726C15.3714 13.2793 15.3714 13.333 15.3321 13.3397Z",
+                            fill: `url(#${gradientId})`
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(motion.g, {
+                        style: {
+                            transformBox: "fill-box",
+                            transformOrigin: "center"
+                        },
+                        initial: {
+                            opacity: 1,
+                            rotate: 0,
+                            x: 0,
+                            y: 0,
+                            scale: 1
+                        },
+                        animate: isThinking ? {
+                            opacity: 0,
+                            rotate: 720,
+                            x: smallSparkleTargetX,
+                            y: smallSparkleTargetY,
+                            scale: 1.8
+                        } : {
+                            opacity: 1,
+                            rotate: 0,
+                            x: 0,
+                            y: 0,
+                            scale: 1
+                        },
+                        transition: {
+                            duration: isThinking ? FORWARD_DURATION : REVERSE_DURATION,
+                            ease: EASE
+                        },
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M21.9179 6.38045C19.8359 6.73316 18.193 8.4664 17.8586 10.6628C17.8523 10.7042 17.8014 10.7042 17.7951 10.6628C17.4607 8.4664 15.8178 6.73316 13.7358 6.38045C13.6965 6.3738 13.6965 6.32005 13.7358 6.3134C15.8178 5.96062 17.4607 4.22744 17.7951 2.03109C17.8014 1.98964 17.8523 1.98964 17.8586 2.03109C18.193 4.22744 19.8359 5.96062 21.9179 6.3134C21.9572 6.32005 21.9572 6.3738 21.9179 6.38045Z",
+                            fill: `url(#${gradientId})`
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(motion.g, {
+                        style: {
+                            transformBox: "fill-box",
+                            transformOrigin: "center"
+                        },
+                        initial: {
+                            scale: 1
+                        },
+                        animate: isThinking ? {
+                            scale: [
+                                1,
+                                1.15,
+                                1
+                            ]
+                        } : {
+                            scale: 1
+                        },
+                        transition: isThinking ? {
+                            duration: PULSE_DURATION,
+                            ease: "easeInOut",
+                            delay: FORWARD_DURATION,
+                            repeat: 1 / 0,
+                            repeatType: "loop"
+                        } : {
+                            duration: REVERSE_DURATION,
+                            ease: EASE
+                        },
+                        children: /*#__PURE__*/ jsx(motion.circle, {
+                            cx: 12,
+                            cy: 12,
+                            r: CIRCLE_RADIUS,
+                            fill: `url(#${gradientId})`,
+                            style: {
+                                transformBox: "fill-box",
+                                transformOrigin: "center"
+                            },
+                            initial: {
+                                scale: 0,
+                                opacity: 0
+                            },
+                            animate: isThinking ? {
+                                scale: 1,
+                                opacity: 1
+                            } : {
+                                scale: 0,
+                                opacity: 0
+                            },
+                            transition: {
+                                duration: isThinking ? FORWARD_DURATION : REVERSE_DURATION,
+                                ease: EASE
+                            }
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { AiChatThinking };