@uipath/apollo-wind 2.68.0 → 2.70.0

package/dist/components/custom/chat-first-experience.cjs

@@ -27,9 +27,9 @@ __webpack_require__.d(__webpack_exports__, {
     ChatFirstExperience: ()=>ChatFirstExperience
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const external_chat_composer_cjs_namespaceObject = require("./chat-composer.cjs");
 const external_chat_prompt_suggestions_cjs_namespaceObject = require("./chat-prompt-suggestions.cjs");
+const external_demo_composer_cjs_namespaceObject = require("./demo-composer.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
 function ChatFirstExperience({ className, userName = 'David', subtitle = 'What should we work on today?', composerPlaceholder = 'I would like you to automate my', suggestions = [
     {
         id: '1',
@@ -65,7 +65,7 @@ function ChatFirstExperience({ className, userName = 'David', subtitle = 'What s
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_chat_composer_cjs_namespaceObject.ChatComposer, {
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_demo_composer_cjs_namespaceObject.DemoComposer, {
                     placeholder: composerPlaceholder,
                     onSubmit: onSubmit
                 }),

package/dist/components/custom/chat-first-experience.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/index.js";
-import { ChatComposer } from "./chat-composer.js";
 import { PromptSuggestions } from "./chat-prompt-suggestions.js";
+import { DemoComposer } from "./demo-composer.js";
+import { cn } from "../../lib/index.js";
 function ChatFirstExperience({ className, userName = 'David', subtitle = 'What should we work on today?', composerPlaceholder = 'I would like you to automate my', suggestions = [
     {
         id: '1',
@@ -37,7 +37,7 @@ function ChatFirstExperience({ className, userName = 'David', subtitle = 'What s
                         })
                     ]
                 }),
-                /*#__PURE__*/ jsx(ChatComposer, {
+                /*#__PURE__*/ jsx(DemoComposer, {
                     placeholder: composerPlaceholder,
                     onSubmit: onSubmit
                 }),

package/dist/components/custom/demo-composer.cjs

@@ -0,0 +1,80 @@
+"use strict";
+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__, {
+    DemoComposer: ()=>DemoComposer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const chat_composer_cjs_namespaceObject = require("../ui/chat-composer.cjs");
+const input_group_cjs_namespaceObject = require("../ui/input-group.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function DemoComposer({ className, placeholder, onSubmit }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_composer_cjs_namespaceObject.ChatComposer, {
+        className: (0, index_cjs_namespaceObject.cn)('max-w-[800px] rounded-[32px] bg-surface-raised p-2', className),
+        onSubmit: (value)=>onSubmit?.(value.trim()),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(chat_composer_cjs_namespaceObject.ChatComposerInputGroup, {
+            className: "rounded-[24px] border-border bg-surface future:rounded-[24px] future:border future:border-border future:bg-surface",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_composer_cjs_namespaceObject.ChatComposerTextarea, {
+                    placeholder: placeholder,
+                    minRows: 3,
+                    className: "px-1 pt-2"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(chat_composer_cjs_namespaceObject.ChatComposerToolbar, {
+                    className: "border-t-0 px-3 pb-3",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_composer_cjs_namespaceObject.ChatComposerAttachButton, {
+                            size: "xs",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {})
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_group_cjs_namespaceObject.InputGroupButton, {
+                            "aria-label": "Add workflow",
+                            icon: true,
+                            size: "xs",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Workflow, {})
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_group_cjs_namespaceObject.InputGroupButton, {
+                            "aria-label": "Settings",
+                            icon: true,
+                            size: "xs",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Settings2, {})
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_composer_cjs_namespaceObject.ChatComposerSubmit, {
+                            size: "xs"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+exports.DemoComposer = __webpack_exports__.DemoComposer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DemoComposer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/demo-composer.d.ts

@@ -0,0 +1,11 @@
+export interface DemoComposerProps {
+    className?: string;
+    placeholder?: string;
+    /** Called with the trimmed draft when the user sends. */
+    onSubmit?: (value: string) => void;
+}
+/**
+ * The prototype screens' composer: `ChatComposer` in a raised shell. Only typing and sending work;
+ * the attach, workflow and settings buttons are there for the look.
+ */
+export declare function DemoComposer({ className, placeholder, onSubmit }: DemoComposerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/demo-composer.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Settings2, Workflow } from "lucide-react";
+import { ChatComposer, ChatComposerAttachButton, ChatComposerInputGroup, ChatComposerSubmit, ChatComposerTextarea, ChatComposerToolbar } from "../ui/chat-composer.js";
+import { InputGroupButton } from "../ui/input-group.js";
+import { cn } from "../../lib/index.js";
+function DemoComposer({ className, placeholder, onSubmit }) {
+    return /*#__PURE__*/ jsx(ChatComposer, {
+        className: cn('max-w-[800px] rounded-[32px] bg-surface-raised p-2', className),
+        onSubmit: (value)=>onSubmit?.(value.trim()),
+        children: /*#__PURE__*/ jsxs(ChatComposerInputGroup, {
+            className: "rounded-[24px] border-border bg-surface future:rounded-[24px] future:border future:border-border future:bg-surface",
+            children: [
+                /*#__PURE__*/ jsx(ChatComposerTextarea, {
+                    placeholder: placeholder,
+                    minRows: 3,
+                    className: "px-1 pt-2"
+                }),
+                /*#__PURE__*/ jsxs(ChatComposerToolbar, {
+                    className: "border-t-0 px-3 pb-3",
+                    children: [
+                        /*#__PURE__*/ jsx(ChatComposerAttachButton, {
+                            size: "xs",
+                            children: /*#__PURE__*/ jsx(Plus, {})
+                        }),
+                        /*#__PURE__*/ jsx(InputGroupButton, {
+                            "aria-label": "Add workflow",
+                            icon: true,
+                            size: "xs",
+                            children: /*#__PURE__*/ jsx(Workflow, {})
+                        }),
+                        /*#__PURE__*/ jsx(InputGroupButton, {
+                            "aria-label": "Settings",
+                            icon: true,
+                            size: "xs",
+                            children: /*#__PURE__*/ jsx(Settings2, {})
+                        }),
+                        /*#__PURE__*/ jsx(ChatComposerSubmit, {
+                            size: "xs"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { DemoComposer };

package/dist/components/custom/panel-flow.cjs

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const external_chat_composer_cjs_namespaceObject = require("./chat-composer.cjs");
+const external_demo_composer_cjs_namespaceObject = require("./demo-composer.cjs");
 const avatar_cjs_namespaceObject = require("../ui/avatar.cjs");
 const collapsible_cjs_namespaceObject = require("../ui/collapsible.cjs");
 const tooltip_cjs_namespaceObject = require("../ui/tooltip.cjs");
@@ -338,7 +338,7 @@ function ExpandedPanel({ chatMessages, expandedContent, onClose }) {
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "pt-12",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_chat_composer_cjs_namespaceObject.ChatComposer, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_demo_composer_cjs_namespaceObject.DemoComposer, {
                     placeholder: "Ask me to help build your Flow"
                 })
             })

package/dist/components/custom/panel-flow.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bot, Brain, ChevronUp, Copy, House, MessageCircle, PanelRightOpen, RefreshCcw, Search, ThumbsDown, ThumbsUp, Workflow } from "lucide-react";
 import { useState } from "react";
-import { ChatComposer } from "./chat-composer.js";
+import { DemoComposer } from "./demo-composer.js";
 import { Avatar, AvatarFallback } from "../ui/avatar.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip.js";
@@ -309,7 +309,7 @@ function ExpandedPanel({ chatMessages, expandedContent, onClose }) {
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "pt-12",
-                children: /*#__PURE__*/ jsx(ChatComposer, {
+                children: /*#__PURE__*/ jsx(DemoComposer, {
                     placeholder: "Ask me to help build your Flow"
                 })
             })

package/dist/components/ui/chat-composer.cjs

@@ -0,0 +1,429 @@
+"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_CHAT_COMPOSER_STRINGS: ()=>DEFAULT_CHAT_COMPOSER_STRINGS,
+    ChatComposerToolbar: ()=>ChatComposerToolbar,
+    chatComposerErrorVariants: ()=>chatComposerErrorVariants,
+    ChatComposerFooter: ()=>ChatComposerFooter,
+    ChatComposerAttachments: ()=>ChatComposerAttachments,
+    ChatComposerInputGroup: ()=>ChatComposerInputGroup,
+    ChatComposer: ()=>ChatComposer,
+    ChatComposerTextarea: ()=>ChatComposerTextarea,
+    chatComposerVariants: ()=>chatComposerVariants,
+    ChatComposerAttachButton: ()=>ChatComposerAttachButton,
+    useChatComposer: ()=>useChatComposer,
+    ChatComposerError: ()=>ChatComposerError,
+    ChatComposerSubmit: ()=>ChatComposerSubmit
+});
+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 external_attachment_cjs_namespaceObject = require("./attachment.cjs");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_file_validation_cjs_namespaceObject = require("./file-validation.cjs");
+const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
+const DEFAULT_CHAT_COMPOSER_STRINGS = {
+    label: 'Message',
+    placeholder: 'Ask anything',
+    send: 'Send message',
+    stop: 'Stop generating',
+    attach: 'Attach files',
+    removeAttachment: (name)=>`Remove ${name}`,
+    dismissError: 'Dismiss'
+};
+const ChatComposerContext = /*#__PURE__*/ external_react_namespaceObject.createContext(null);
+function useChatComposerInternal() {
+    const context = external_react_namespaceObject.useContext(ChatComposerContext);
+    if (!context) throw new Error('ChatComposer parts must be rendered inside <ChatComposer>.');
+    return context;
+}
+function useChatComposer() {
+    return useChatComposerInternal();
+}
+const chatComposerVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-full min-w-0 flex-col', {
+    variants: {
+        density: {
+            comfortable: 'gap-2',
+            compact: 'gap-1.5'
+        }
+    },
+    defaultVariants: {
+        density: 'comfortable'
+    }
+});
+const NO_ATTACHMENTS = [];
+const ChatComposer = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, value: valueProp, defaultValue, onValueChange, onSubmit, status = 'idle', onStop, disabled = false, submitDisabled = false, density, attachments = NO_ATTACHMENTS, onRemoveAttachment, strings, ...props }, ref)=>{
+    const resolvedDensity = density ?? 'comfortable';
+    const controlled = void 0 !== valueProp;
+    const [uncontrolledValue, setUncontrolledValue] = external_react_namespaceObject.useState(defaultValue ?? '');
+    const value = controlled ? valueProp : uncontrolledValue;
+    const fileInputRef = external_react_namespaceObject.useRef(null);
+    const onFilesRef = external_react_namespaceObject.useRef(void 0);
+    const attachmentsBusy = attachments.some(({ state })=>'uploading' === state || 'processing' === state);
+    const canSubmit = !disabled && !submitDisabled && !attachmentsBusy && 'idle' === status && ('' !== value.trim() || attachments.length > 0);
+    const setValue = external_react_namespaceObject.useCallback((next)=>{
+        if (!controlled) setUncontrolledValue(next);
+        onValueChange?.(next);
+    }, [
+        controlled,
+        onValueChange
+    ]);
+    const submit = external_react_namespaceObject.useCallback(()=>{
+        if (!canSubmit) return;
+        onSubmit?.(value, {
+            attachments
+        });
+        if (!controlled) setValue('');
+    }, [
+        canSubmit,
+        onSubmit,
+        value,
+        attachments,
+        controlled,
+        setValue
+    ]);
+    const openFilePicker = external_react_namespaceObject.useCallback(({ accept, multiple = true, onFiles })=>{
+        const input = fileInputRef.current;
+        if (!input) return;
+        input.accept = accept ?? '';
+        input.multiple = multiple;
+        onFilesRef.current = onFiles;
+        input.click();
+    }, []);
+    const text = external_react_namespaceObject.useMemo(()=>({
+            ...DEFAULT_CHAT_COMPOSER_STRINGS,
+            ...strings
+        }), [
+        strings
+    ]);
+    const context = external_react_namespaceObject.useMemo(()=>({
+            value,
+            setValue,
+            status,
+            density: resolvedDensity,
+            disabled,
+            strings: text,
+            attachments,
+            onRemoveAttachment,
+            onStop,
+            canSubmit,
+            submit,
+            openFilePicker
+        }), [
+        value,
+        setValue,
+        status,
+        resolvedDensity,
+        disabled,
+        text,
+        attachments,
+        onRemoveAttachment,
+        onStop,
+        canSubmit,
+        submit,
+        openFilePicker
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ChatComposerContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("form", {
+            ref: ref,
+            "data-slot": "chat-composer",
+            "data-status": status,
+            "data-density": resolvedDensity,
+            "data-disabled": disabled ? '' : void 0,
+            className: (0, index_cjs_namespaceObject.cn)(chatComposerVariants({
+                density: resolvedDensity
+            }), className),
+            onSubmit: (event)=>{
+                event.preventDefault();
+                submit();
+            },
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                    ref: fileInputRef,
+                    type: "file",
+                    hidden: true,
+                    tabIndex: -1,
+                    "data-slot": "chat-composer-file-input",
+                    disabled: disabled,
+                    onChange: (event)=>{
+                        const files = Array.from(event.target.files ?? []);
+                        event.target.value = '';
+                        if (files.length > 0) onFilesRef.current?.(files);
+                    }
+                })
+            ]
+        })
+    });
+});
+ChatComposer.displayName = 'ChatComposer';
+const FOCUS_RING_CLASS = 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-error future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background';
+const ChatComposerInputGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, disabled, invalid, error, ...props }, ref)=>{
+    const composer = useChatComposer();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroup, {
+        ref: ref,
+        layout: "block",
+        disabled: disabled || composer.disabled,
+        invalid: invalid,
+        error: error,
+        className: (0, index_cjs_namespaceObject.cn)(FOCUS_RING_CLASS, invalid || error ? 'has-[[data-slot=input-group-control]:focus-visible]:ring-error' : 'has-[[data-slot=input-group-control]:focus-visible]:ring-ring future:has-[[data-slot=input-group-control]:focus-visible]:ring-primary', className),
+        ...props
+    });
+});
+ChatComposerInputGroup.displayName = 'ChatComposerInputGroup';
+const ChatComposerTextarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, minRows, maxRows = 6, placeholder, disabled, onChange, onKeyDown, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const composer = useChatComposer();
+    const rows = minRows ?? ('compact' === composer.density ? 1 : 2);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupRow, {
+        className: (0, index_cjs_namespaceObject.cn)('has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]_:focus-visible]:ring-0', 'compact' === composer.density ? 'min-h-0 py-1 future:min-h-0' : 'py-2'),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupTextarea, {
+            ref: ref,
+            rows: rows,
+            minRows: rows,
+            maxRows: maxRows,
+            "aria-label": ariaLabel ?? composer.strings.label,
+            placeholder: placeholder ?? composer.strings.placeholder,
+            disabled: disabled || composer.disabled,
+            value: composer.value,
+            onChange: (event)=>{
+                onChange?.(event);
+                composer.setValue(event.target.value);
+            },
+            onKeyDown: (event)=>{
+                onKeyDown?.(event);
+                if (event.defaultPrevented || 'Enter' !== event.key || event.shiftKey) return;
+                if (event.nativeEvent.isComposing || 229 === event.keyCode) return;
+                event.preventDefault();
+                composer.submit();
+            },
+            className: className,
+            ...props
+        })
+    });
+});
+ChatComposerTextarea.displayName = 'ChatComposerTextarea';
+const ChatComposerToolbar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>{
+    const { density } = useChatComposer();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupBody, {
+        ref: ref,
+        "data-slot": "chat-composer-toolbar",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 items-center gap-1', 'compact' === density ? 'px-1.5 py-1' : 'px-2 py-1.5', className),
+        ...props
+    });
+});
+ChatComposerToolbar.displayName = 'ChatComposerToolbar';
+const ChatComposerAttachButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ accept, maxSize, maxFiles, multiple = true, onFiles, onClick, children, disabled, ...props }, ref)=>{
+    const composer = useChatComposerInternal();
+    const openPicker = ()=>{
+        const remaining = void 0 === maxFiles ? void 0 : Math.max(0, maxFiles - composer.attachments.length);
+        composer.openFilePicker({
+            accept: Array.isArray(accept) ? accept.join(',') : accept,
+            multiple,
+            onFiles: (files)=>{
+                const { accepted, rejected } = (0, external_file_validation_cjs_namespaceObject.validateFiles)(files, {
+                    accept,
+                    maxSize,
+                    maxFiles: remaining
+                });
+                onFiles?.(accepted, rejected);
+            }
+        });
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+        ref: ref,
+        "data-slot": "chat-composer-attach",
+        icon: true,
+        size: 'compact' === composer.density ? '3xs' : '2xs',
+        "aria-label": composer.strings.attach,
+        disabled: disabled || composer.disabled,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) openPicker();
+        },
+        ...props,
+        children: children ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Paperclip, {})
+    });
+});
+ChatComposerAttachButton.displayName = 'ChatComposerAttachButton';
+const ChatComposerSubmit = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, onClick, children, disabled, ...props }, ref)=>{
+    const composer = useChatComposer();
+    const stoppable = 'streaming' === composer.status && void 0 !== composer.onStop;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+        ref: ref,
+        "data-slot": "chat-composer-submit",
+        "data-status": composer.status,
+        type: stoppable ? 'button' : 'submit',
+        variant: stoppable ? 'ghost' : 'default',
+        icon: true,
+        size: 'compact' === composer.density ? '3xs' : '2xs',
+        "aria-label": stoppable ? composer.strings.stop : composer.strings.send,
+        disabled: disabled || composer.disabled || !stoppable && !composer.canSubmit,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (stoppable && !event.defaultPrevented) composer.onStop?.();
+        },
+        className: (0, index_cjs_namespaceObject.cn)('ml-auto', className),
+        ...props,
+        children: children ?? (stoppable ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Square, {
+            className: "fill-current"
+        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {}))
+    });
+});
+ChatComposerSubmit.displayName = 'ChatComposerSubmit';
+const ChatComposerAttachments = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>{
+    const { attachments, onRemoveAttachment, strings, disabled, density } = useChatComposer();
+    if (0 === attachments.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentGroup, {
+        ref: ref,
+        "data-slot": "chat-composer-attachments",
+        className: (0, index_cjs_namespaceObject.cn)('compact' === density ? 'px-2 pt-1.5' : 'px-2.5 pt-2.5', className),
+        ...props,
+        children: attachments.map((attachment)=>{
+            const state = attachment.state ?? 'done';
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_attachment_cjs_namespaceObject.Attachment, {
+                size: 'compact' === density ? 'xs' : 'sm',
+                state: state,
+                "aria-busy": 'uploading' === state || 'processing' === state || void 0,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentMedia, {
+                        variant: attachment.previewUrl ? 'image' : 'icon',
+                        children: attachment.previewUrl ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+                            src: attachment.previewUrl,
+                            alt: ""
+                        }) : attachment.icon ?? ('error' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CircleAlert, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FileText, {}))
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_attachment_cjs_namespaceObject.AttachmentContent, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentTitle, {
+                                children: attachment.name
+                            }),
+                            attachment.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentDescription, {
+                                children: attachment.description
+                            })
+                        ]
+                    }),
+                    onRemoveAttachment && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentActions, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_attachment_cjs_namespaceObject.AttachmentAction, {
+                            "aria-label": strings.removeAttachment(attachment.name),
+                            disabled: disabled,
+                            onClick: ()=>onRemoveAttachment(attachment),
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {})
+                        })
+                    })
+                ]
+            }, attachment.id);
+        })
+    });
+});
+ChatComposerAttachments.displayName = 'ChatComposerAttachments';
+const chatComposerErrorVariants = (0, external_class_variance_authority_namespaceObject.cva)("flex items-start gap-2 rounded-lg border px-3 py-2 text-xs leading-4 text-foreground [&>svg:not([class*='size-'])]:mt-px [&>svg:not([class*='size-'])]:size-3.5 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            error: 'border-error/50 bg-error-background/25 [&>svg]:text-error',
+            warning: 'border-warning/50 bg-warning-background/25 [&>svg]:text-warning'
+        }
+    },
+    defaultVariants: {
+        variant: 'error'
+    }
+});
+const ChatComposerError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, onDismiss, children, ...props }, ref)=>{
+    const { strings } = useChatComposer();
+    const resolved = variant ?? 'error';
+    const Icon = 'warning' === resolved ? external_lucide_react_namespaceObject.TriangleAlert : external_lucide_react_namespaceObject.CircleAlert;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        role: "alert",
+        "data-slot": "chat-composer-error",
+        "data-variant": resolved,
+        className: (0, index_cjs_namespaceObject.cn)(chatComposerErrorVariants({
+            variant: resolved
+        }), className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "min-w-0 flex-1",
+                children: children
+            }),
+            onDismiss && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "4xs",
+                icon: true,
+                "aria-label": strings.dismissError,
+                className: "-my-0.5 shrink-0",
+                onClick: onDismiss,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {})
+            })
+        ]
+    });
+});
+ChatComposerError.displayName = 'ChatComposerError';
+const ChatComposerFooter = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        ref: ref,
+        "data-slot": "chat-composer-footer",
+        className: (0, index_cjs_namespaceObject.cn)('px-1 text-center text-xs text-muted-foreground', className),
+        ...props
+    }));
+ChatComposerFooter.displayName = 'ChatComposerFooter';
+exports.ChatComposer = __webpack_exports__.ChatComposer;
+exports.ChatComposerAttachButton = __webpack_exports__.ChatComposerAttachButton;
+exports.ChatComposerAttachments = __webpack_exports__.ChatComposerAttachments;
+exports.ChatComposerError = __webpack_exports__.ChatComposerError;
+exports.ChatComposerFooter = __webpack_exports__.ChatComposerFooter;
+exports.ChatComposerInputGroup = __webpack_exports__.ChatComposerInputGroup;
+exports.ChatComposerSubmit = __webpack_exports__.ChatComposerSubmit;
+exports.ChatComposerTextarea = __webpack_exports__.ChatComposerTextarea;
+exports.ChatComposerToolbar = __webpack_exports__.ChatComposerToolbar;
+exports.DEFAULT_CHAT_COMPOSER_STRINGS = __webpack_exports__.DEFAULT_CHAT_COMPOSER_STRINGS;
+exports.chatComposerErrorVariants = __webpack_exports__.chatComposerErrorVariants;
+exports.chatComposerVariants = __webpack_exports__.chatComposerVariants;
+exports.useChatComposer = __webpack_exports__.useChatComposer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ChatComposer",
+    "ChatComposerAttachButton",
+    "ChatComposerAttachments",
+    "ChatComposerError",
+    "ChatComposerFooter",
+    "ChatComposerInputGroup",
+    "ChatComposerSubmit",
+    "ChatComposerTextarea",
+    "ChatComposerToolbar",
+    "DEFAULT_CHAT_COMPOSER_STRINGS",
+    "chatComposerErrorVariants",
+    "chatComposerVariants",
+    "useChatComposer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});