@uipath/apollo-wind 2.68.0 → 2.70.0

package/dist/components/ui/markdown.js

@@ -0,0 +1,378 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useMemo } from "react";
+import react_markdown from "react-markdown";
+import rehype_katex from "rehype-katex";
+import remark_gfm from "remark-gfm";
+import remark_math from "remark-math";
+import { CodeBlock, DEFAULT_CODE_BLOCK_STRINGS } from "./code-block.js";
+import { cn } from "../../lib/index.js";
+function hastText(node) {
+    if ('text' === node.type) return node.value ?? '';
+    return (node.children ?? []).map(hastText).join('');
+}
+function languageOf(node) {
+    const className = node.properties?.className;
+    const classes = Array.isArray(className) ? className.map(String) : [];
+    return classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+}
+const opensInNewTab = (href)=>!!href && !/^(#|mailto:|tel:)/i.test(href);
+const BR_TAG = /^<br\s*\/?>$/i;
+function remarkHtmlBreaks() {
+    const visit = (node)=>{
+        if (!node.children) return;
+        node.children = node.children.map((child)=>'html' === child.type && BR_TAG.test(child.value?.trim() ?? '') ? {
+                type: 'break'
+            } : child);
+        node.children.forEach(visit);
+    };
+    return (tree)=>visit(tree);
+}
+const CURSOR_CONTAINERS = new Set([
+    'ul',
+    'ol',
+    'li',
+    'blockquote',
+    'table',
+    'thead',
+    'tbody',
+    'tr'
+]);
+const CURSOR_TEXT_BLOCKS = new Set([
+    'p',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'td',
+    'th'
+]);
+const CURSOR_CLASS = 'ml-0.5 inline-block h-[1.1em] w-[0.45em] translate-y-[0.2em] rounded-[1px] bg-foreground animate-pulse motion-reduce:animate-none';
+function lastContent(node) {
+    const children = node.children ?? [];
+    for(let i = children.length - 1; i >= 0; i--){
+        const child = children[i];
+        if ('element' === child.type) return child;
+        if ('text' === child.type && child.value?.trim()) return child;
+    }
+}
+function findCursorHost(root) {
+    let node = root;
+    for(;;){
+        const last = lastContent(node);
+        if (last?.type !== 'element' || !last.tagName) return node;
+        if (CURSOR_TEXT_BLOCKS.has(last.tagName)) return last;
+        if (!CURSOR_CONTAINERS.has(last.tagName)) return node;
+        node = last;
+    }
+}
+function rehypeStreamingCursor() {
+    return (tree)=>{
+        const host = findCursorHost(tree);
+        host.children = [
+            ...host.children ?? [],
+            {
+                type: 'element',
+                tagName: 'span',
+                properties: {
+                    dataSlot: 'markdown-cursor',
+                    ariaHidden: 'true',
+                    className: [
+                        CURSOR_CLASS
+                    ]
+                },
+                children: []
+            }
+        ];
+    };
+}
+function rehypeScopeFootnoteLabel(options) {
+    const LABEL = 'footnote-label';
+    const scoped = `${options.prefix}${LABEL}`;
+    const visit = (node)=>{
+        const properties = node.properties;
+        if (properties?.id === LABEL) properties.id = scoped;
+        if (properties && Array.isArray(properties.ariaDescribedBy)) properties.ariaDescribedBy = properties.ariaDescribedBy.map((ref)=>ref === LABEL ? scoped : ref);
+        node.children?.forEach(visit);
+    };
+    return (tree)=>visit(tree);
+}
+const DEFAULT_MARKDOWN_STRINGS = {
+    ...DEFAULT_CODE_BLOCK_STRINGS,
+    footnotes: 'Footnotes',
+    footnoteBack: 'Back to content',
+    taskDone: 'Done',
+    taskOpen: 'Not done'
+};
+function isAllowedImageSrc(src, policy) {
+    if ('none' === policy) return false;
+    if ('all' === policy) return true;
+    if ('function' == typeof policy) return policy(src);
+    try {
+        const base = "u" < typeof window ? 'https://relative.invalid' : window.location.href;
+        return new URL(src, base).origin === new URL(base).origin;
+    } catch  {
+        return false;
+    }
+}
+const MarkdownContext = /*#__PURE__*/ createContext({
+    strings: DEFAULT_MARKDOWN_STRINGS,
+    images: 'none',
+    codeWrap: false
+});
+const InsideLinkContext = /*#__PURE__*/ createContext(false);
+const LINK_CLASS = 'font-medium text-foreground-link underline underline-offset-2 hover:no-underline';
+function MarkdownLink({ node: _node, className, href, children, ...rest }) {
+    return /*#__PURE__*/ jsx("a", {
+        href: href,
+        className: cn(LINK_CLASS, className),
+        ...opensInNewTab(href) ? {
+            target: '_blank',
+            rel: 'noreferrer'
+        } : {},
+        ...rest,
+        children: /*#__PURE__*/ jsx(InsideLinkContext.Provider, {
+            value: true,
+            children: children
+        })
+    });
+}
+function MarkdownImage({ node: _node, className, alt, src, ...rest }) {
+    const { images } = useContext(MarkdownContext);
+    const insideLink = useContext(InsideLinkContext);
+    const source = 'string' == typeof src ? src : '';
+    if (source && isAllowedImageSrc(source, images)) return /*#__PURE__*/ jsx("img", {
+        alt: alt ?? '',
+        src: source,
+        loading: "lazy",
+        referrerPolicy: "no-referrer",
+        className: cn('h-auto max-w-full rounded-md', className),
+        ...rest
+    });
+    const label = alt || source;
+    if (insideLink || !source) return /*#__PURE__*/ jsx("span", {
+        "data-slot": "markdown-image-text",
+        children: label
+    });
+    return /*#__PURE__*/ jsx("a", {
+        "data-slot": "markdown-image-link",
+        href: source,
+        target: "_blank",
+        rel: "noreferrer",
+        className: LINK_CLASS,
+        children: label
+    });
+}
+function MarkdownInput({ node: _node, className, type, checked, ...rest }) {
+    const { strings } = useContext(MarkdownContext);
+    if ('checkbox' !== type) return /*#__PURE__*/ jsx("input", {
+        type: type,
+        className: className,
+        ...rest
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                type: "checkbox",
+                checked: checked,
+                "aria-hidden": "true",
+                tabIndex: -1,
+                className: cn('mr-2 size-3.5 translate-y-0.5 accent-primary', className),
+                ...rest
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                "data-slot": "markdown-task-state",
+                className: "sr-only",
+                children: [
+                    checked ? strings.taskDone : strings.taskOpen,
+                    ' '
+                ]
+            })
+        ]
+    });
+}
+function MarkdownPre({ node, children, ...rest }) {
+    const { strings, codeWrap, renderCodeActions } = useContext(MarkdownContext);
+    const codeNode = node?.children?.find((child)=>'element' === child.type && 'code' === child.tagName);
+    if (!codeNode) return /*#__PURE__*/ jsx("pre", {
+        ...rest,
+        children: children
+    });
+    const block = {
+        code: hastText(codeNode).replace(/\n$/, ''),
+        language: languageOf(codeNode)
+    };
+    return /*#__PURE__*/ jsx(CodeBlock, {
+        code: block.code,
+        language: block.language,
+        wrap: codeWrap,
+        actions: renderCodeActions?.(block),
+        strings: strings
+    });
+}
+const BUILT_IN_COMPONENTS = {
+    h1: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h1", {
+            className: cn('text-xl font-semibold tracking-tight', className),
+            ...rest
+        }),
+    h2: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h2", {
+            className: cn('text-lg font-semibold tracking-tight', className),
+            ...rest
+        }),
+    h3: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h3", {
+            className: cn('text-base font-semibold', className),
+            ...rest
+        }),
+    h4: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h4", {
+            className: cn('text-sm font-semibold', className),
+            ...rest
+        }),
+    h5: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h5", {
+            className: cn('text-sm font-semibold', className),
+            ...rest
+        }),
+    h6: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h6", {
+            className: cn('text-sm font-semibold text-muted-foreground', className),
+            ...rest
+        }),
+    p: ({ node: _node, ...rest })=>/*#__PURE__*/ jsx("p", {
+            ...rest
+        }),
+    a: MarkdownLink,
+    ul: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ul", {
+            className: cn('flex flex-col gap-1 pl-6', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
+            ...rest
+        }),
+    ol: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ol", {
+            className: cn('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground', className),
+            ...rest
+        }),
+    li: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("li", {
+            className: cn('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6', className),
+            ...rest
+        }),
+    input: MarkdownInput,
+    blockquote: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("blockquote", {
+            className: cn('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground', className),
+            ...rest
+        }),
+    hr: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("hr", {
+            className: cn('border-border-subtle', className),
+            ...rest
+        }),
+    img: MarkdownImage,
+    table: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("div", {
+            "data-slot": "markdown-table",
+            tabIndex: 0,
+            className: "max-w-full overflow-x-auto rounded-lg border border-border-subtle outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: /*#__PURE__*/ jsx("table", {
+                className: cn('w-full border-collapse text-left [&_tr:last-child>td]:border-b-0', className),
+                ...rest
+            })
+        }),
+    th: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("th", {
+            className: cn('border-b border-border-subtle bg-surface-overlay px-3 py-2 font-semibold', className),
+            ...rest
+        }),
+    td: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("td", {
+            className: cn('border-b border-border-subtle px-3 py-2 align-top', className),
+            ...rest
+        }),
+    code: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("code", {
+            className: cn('rounded-md bg-surface-overlay px-1.5 py-0.5 font-mono text-[0.875em]', className),
+            ...rest
+        }),
+    pre: MarkdownPre
+};
+const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, strings, className, ...props }, ref)=>{
+    const context = useMemo(()=>({
+            strings: {
+                ...DEFAULT_MARKDOWN_STRINGS,
+                ...strings
+            },
+            images,
+            codeWrap,
+            renderCodeActions
+        }), [
+        strings,
+        images,
+        codeWrap,
+        renderCodeActions
+    ]);
+    const { footnotes, footnoteBack } = context.strings;
+    const footnotePrefix = `markdown${useId().replace(/[^\w-]/g, '')}-`;
+    const mergedComponents = useMemo(()=>components ? {
+            ...BUILT_IN_COMPONENTS,
+            ...components
+        } : BUILT_IN_COMPONENTS, [
+        components
+    ]);
+    const mergedRemarkPlugins = useMemo(()=>[
+            remark_gfm,
+            [
+                remark_math,
+                {
+                    singleDollarTextMath: false
+                }
+            ],
+            remarkHtmlBreaks,
+            ...remarkPlugins ?? []
+        ], [
+        remarkPlugins
+    ]);
+    const mergedRehypePlugins = useMemo(()=>[
+            [
+                rehypeScopeFootnoteLabel,
+                {
+                    prefix: footnotePrefix
+                }
+            ],
+            [
+                rehype_katex,
+                {
+                    output: 'mathml',
+                    throwOnError: false,
+                    trust: false,
+                    strict: 'ignore'
+                }
+            ],
+            ...rehypePlugins ?? [],
+            ...streaming ? [
+                rehypeStreamingCursor
+            ] : []
+        ], [
+        rehypePlugins,
+        streaming,
+        footnotePrefix
+    ]);
+    const remarkRehypeOptions = useMemo(()=>({
+            clobberPrefix: footnotePrefix,
+            footnoteLabel: footnotes,
+            footnoteBackLabel: footnoteBack
+        }), [
+        footnotePrefix,
+        footnotes,
+        footnoteBack
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "markdown",
+        "data-streaming": streaming || void 0,
+        "aria-busy": streaming || void 0,
+        className: cn('flex min-w-0 flex-col gap-3 text-sm leading-relaxed break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(MarkdownContext.Provider, {
+            value: context,
+            children: /*#__PURE__*/ jsx(react_markdown, {
+                components: mergedComponents,
+                remarkPlugins: mergedRemarkPlugins,
+                rehypePlugins: mergedRehypePlugins,
+                remarkRehypeOptions: remarkRehypeOptions,
+                children: children
+            })
+        })
+    });
+});
+Markdown.displayName = 'Markdown';
+export { DEFAULT_MARKDOWN_STRINGS, Markdown };

package/dist/components/ui/message-actions.cjs

@@ -0,0 +1,302 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DEFAULT_MESSAGE_ACTIONS_STRINGS: ()=>DEFAULT_MESSAGE_ACTIONS_STRINGS,
+    DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS: ()=>DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS,
+    DEFAULT_MESSAGE_ACTION_COPY_STRINGS: ()=>DEFAULT_MESSAGE_ACTION_COPY_STRINGS,
+    MessageActionFeedback: ()=>MessageActionFeedback,
+    MessageActionsOverflow: ()=>MessageActionsOverflow,
+    MessageActionCopy: ()=>MessageActionCopy,
+    messageActionsVariants: ()=>messageActionsVariants,
+    DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS: ()=>DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS,
+    MessageAction: ()=>MessageAction,
+    MessageActions: ()=>MessageActions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const clipboard_cjs_namespaceObject = require("../../lib/clipboard.cjs");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_dropdown_menu_cjs_namespaceObject = require("./dropdown-menu.cjs");
+const external_toggle_cjs_namespaceObject = require("./toggle.cjs");
+const external_tooltip_cjs_namespaceObject = require("./tooltip.cjs");
+const DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS = {
+    more: 'More actions'
+};
+const DEFAULT_MESSAGE_ACTIONS_STRINGS = {
+    ...DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS,
+    label: 'Message actions'
+};
+const messageActionsVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-fit max-w-full items-center gap-0.5 px-2', {
+    variants: {
+        visibility: {
+            always: '',
+            hover: 'opacity-0 transition-opacity group-hover/message:opacity-100 group-focus-within/message:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 has-[[data-state=delayed-open]]:opacity-100 has-[[data-state=instant-open]]:opacity-100 [@media(hover:none)]:opacity-100'
+        }
+    },
+    defaultVariants: {
+        visibility: 'always'
+    }
+});
+const MessageActions = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, visibility = 'always', actions = [], maxVisible, strings, 'aria-label': ariaLabel, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_MESSAGE_ACTIONS_STRINGS,
+        ...strings
+    };
+    const limit = void 0 === maxVisible ? actions.length : Math.max(0, maxVisible);
+    const visible = actions.slice(0, limit);
+    const overflow = actions.slice(limit);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+        delayDuration: 300,
+        skipDelayDuration: 150,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            ref: ref,
+            role: "group",
+            "aria-label": ariaLabel ?? text.label,
+            "data-slot": "message-actions",
+            "data-visibility": visibility,
+            className: (0, index_cjs_namespaceObject.cn)(messageActionsVariants({
+                visibility
+            }), className),
+            ...props,
+            children: [
+                children,
+                visible.map((action)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MessageAction, {
+                        label: action.label,
+                        disabled: action.disabled,
+                        onClick: action.onSelect,
+                        children: action.icon
+                    }, action.id)),
+                overflow.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MessageActionsOverflow, {
+                    items: overflow,
+                    strings: {
+                        more: text.more
+                    }
+                })
+            ]
+        })
+    });
+});
+MessageActions.displayName = 'MessageActions';
+const MessageAction = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ label, tooltipSide = 'bottom', variant = 'ghost', size = '3xs', icon = true, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                    ref: ref,
+                    "data-slot": "message-action",
+                    "aria-label": label,
+                    variant: variant,
+                    size: size,
+                    icon: icon,
+                    ...props
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                side: tooltipSide,
+                children: label
+            })
+        ]
+    }));
+MessageAction.displayName = 'MessageAction';
+const DEFAULT_MESSAGE_ACTION_COPY_STRINGS = {
+    copy: 'Copy',
+    copied: 'Copied'
+};
+const COPIED_RESET_MS = 1500;
+const MessageActionCopy = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ text: copyText, onCopy, strings, onClick, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_MESSAGE_ACTION_COPY_STRINGS,
+        ...strings
+    };
+    const [copied, setCopied] = external_react_namespaceObject.useState(false);
+    const timer = external_react_namespaceObject.useRef(void 0);
+    external_react_namespaceObject.useEffect(()=>()=>clearTimeout(timer.current), []);
+    const handleClick = async (event)=>{
+        onClick?.(event);
+        if (event.defaultPrevented) return;
+        if (!await (0, clipboard_cjs_namespaceObject.copyTextToClipboard)(copyText)) return;
+        onCopy?.(copyText);
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>setCopied(false), COPIED_RESET_MS);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MessageAction, {
+                ref: ref,
+                "data-copied": copied || void 0,
+                label: copied ? text.copied : text.copy,
+                onClick: handleClick,
+                ...props,
+                children: copied ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Copy, {})
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("output", {
+                "aria-live": "polite",
+                className: "sr-only",
+                children: copied ? text.copied : ''
+            })
+        ]
+    });
+});
+MessageActionCopy.displayName = 'MessageActionCopy';
+const DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS = {
+    label: 'Rate this response',
+    helpful: 'Helpful',
+    notHelpful: 'Not helpful'
+};
+const feedbackToggleClass = 'size-6 min-w-6 px-0 aria-pressed:bg-accent aria-pressed:text-accent-foreground future:aria-pressed:text-foreground';
+const MessageActionFeedback = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ value: valueProp, defaultValue = null, onChange, disabled, strings, className, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS,
+        ...strings
+    };
+    const [uncontrolled, setUncontrolled] = external_react_namespaceObject.useState(defaultValue);
+    const value = void 0 === valueProp ? uncontrolled : valueProp;
+    const set = (next)=>{
+        if (next === value) return;
+        if (void 0 === valueProp) setUncontrolled(next);
+        onChange?.(next);
+    };
+    const thumbs = [
+        {
+            rating: 'up',
+            label: text.helpful,
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ThumbsUp, {})
+        },
+        {
+            rating: 'down',
+            label: text.notHelpful,
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ThumbsDown, {})
+        }
+    ];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        role: "group",
+        "aria-label": ariaLabel ?? text.label,
+        "data-slot": "message-action-feedback",
+        "data-value": value ?? void 0,
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center gap-0.5', className),
+        ...props,
+        children: thumbs.map(({ rating, label, icon })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_toggle_cjs_namespaceObject.Toggle, {
+                            "data-slot": "message-action",
+                            size: "xs",
+                            className: feedbackToggleClass,
+                            "aria-label": label,
+                            pressed: value === rating,
+                            onPressedChange: ()=>set(rating),
+                            disabled: disabled,
+                            children: icon
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                        side: "bottom",
+                        children: label
+                    })
+                ]
+            }, rating))
+    });
+});
+MessageActionFeedback.displayName = 'MessageActionFeedback';
+const MessageActionsOverflow = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ items, strings, align = 'start', tooltipSide = 'bottom', ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS,
+        ...strings
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                                ref: ref,
+                                "data-slot": "message-actions-overflow",
+                                "aria-label": text.more,
+                                variant: "ghost",
+                                size: "3xs",
+                                icon: true,
+                                ...props,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Ellipsis, {})
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                        side: tooltipSide,
+                        children: text.more
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: align,
+                children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        disabled: item.disabled,
+                        onSelect: item.onSelect,
+                        className: (0, index_cjs_namespaceObject.cn)(item.destructive && 'text-error focus:bg-error-background focus:text-error'),
+                        children: [
+                            item.icon,
+                            item.label
+                        ]
+                    }, item.id))
+            })
+        ]
+    });
+});
+MessageActionsOverflow.displayName = 'MessageActionsOverflow';
+exports.DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS = __webpack_exports__.DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS;
+exports.DEFAULT_MESSAGE_ACTIONS_STRINGS = __webpack_exports__.DEFAULT_MESSAGE_ACTIONS_STRINGS;
+exports.DEFAULT_MESSAGE_ACTION_COPY_STRINGS = __webpack_exports__.DEFAULT_MESSAGE_ACTION_COPY_STRINGS;
+exports.DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS = __webpack_exports__.DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS;
+exports.MessageAction = __webpack_exports__.MessageAction;
+exports.MessageActionCopy = __webpack_exports__.MessageActionCopy;
+exports.MessageActionFeedback = __webpack_exports__.MessageActionFeedback;
+exports.MessageActions = __webpack_exports__.MessageActions;
+exports.MessageActionsOverflow = __webpack_exports__.MessageActionsOverflow;
+exports.messageActionsVariants = __webpack_exports__.messageActionsVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS",
+    "DEFAULT_MESSAGE_ACTIONS_STRINGS",
+    "DEFAULT_MESSAGE_ACTION_COPY_STRINGS",
+    "DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS",
+    "MessageAction",
+    "MessageActionCopy",
+    "MessageActionFeedback",
+    "MessageActions",
+    "MessageActionsOverflow",
+    "messageActionsVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});