@homecode/ui 5.17.0 → 5.18.0

package/dist/esm/index.js

@@ -9,6 +9,7 @@ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 export { ChatFormattedText } from './src/components/Chat/ChatFormattedText.js';
 export { ChatMessage } from './src/components/Chat/ChatMessage.js';
 export { ChatPrompt } from './src/components/Chat/ChatPrompt.js';
+export { ChatSelector } from './src/components/Chat/ChatSelector.js';
 export { ChatView } from './src/components/Chat/ChatView.js';
 export { getDisplayContent, getDisplayParts, isPlanMessageContent, parseSystemEvent } from './src/components/Chat/content.js';
 export { Container } from './src/components/Container/Container.js';
@@ -51,6 +52,7 @@ export { RadioButton } from './src/components/RadioButton/RadioButton.js';
 export { RadioGroup } from './src/components/RadioGroup/RadioGroup.js';
 export { Router, RouterContext, RouterStore } from './src/components/Router/Router.js';
 export { RequiredStar } from './src/components/RequiredStar/RequiredStar.js';
+export { Resizer } from './src/components/Resizer/Resizer.js';
 export { Select, SelectHelpers } from './src/components/Select/Select.js';
 export { Select2 } from './src/components/Select/Select2.js';
 export { Scroll } from './src/components/Scroll/Scroll.js';

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -39,6 +39,8 @@ import '../PromptComposer/PromptComposer.js';
 import '../Chat/ChatPrompt.styl.js';
 import '../TextShimmer/TextShimmer.js';
 import '../ThinkingOutline/ThinkingOutline.styl.js';
+import { Menu } from '../Menu/Menu.js';
+import '../Chat/ChatSelector.styl.js';
 import '../Chat/ChatView.styl.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
@@ -67,7 +69,6 @@ import '@tiptap/core';
 import '@tiptap/extension-mention';
 import '@tiptap/pm/state';
 import '@tiptap/react';
-import { Menu } from '../Menu/Menu.js';
 import '../../tiptap/slash-mention/SlashSuggestionList.styl.js';
 import '../../services/i18n.js';
 import '../LightBox/LightBox.styl.js';
@@ -83,6 +84,7 @@ import '../RadioGroup/RadioGroupContext.js';
 import '../RadioButton/RadioButton.styl.js';
 import '../RadioGroup/RadioGroup.styl.js';
 import '../Router/Router.js';
+import '../Resizer/Resizer.styl.js';
 import '../Tabs/Tabs.styl.js';
 import '../TextWithDeferTooltip/TextWithDeferTooltip.styl.js';
 import '../Text/Text.js';

package/dist/esm/src/components/Chat/ChatPrompt.js

@@ -13,7 +13,7 @@ import cn from 'classnames';
 const DEFAULT_MODELS = [
     { id: 'auto', label: 'Auto Router' },
 ];
-function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel = 'Thinking…', placeholder = 'Message', className, showAttach = true, onAttach, attachAccept, showModelSelector = true, models = DEFAULT_MODELS, model, onModelChange, }) {
+function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel = 'Thinking…', placeholder = 'Message', className, showAttach = true, onAttach, attachAccept, livePanel, showModelSelector = true, models = DEFAULT_MODELS, model, onModelChange, }) {
     const fileInputRef = useRef(null);
     const composerRef = useRef(null);
     const [uncontrolledModel, setUncontrolledModel] = useState(model ?? models[0]?.id ?? 'auto');
@@ -37,24 +37,30 @@ function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status,
                     if (!next || disabled)
                         return;
                     onSubmit(next);
-                } }), jsxs("div", { className: S.buttons, onClick: onButtonsWrapperClick, children: [showAttach && (jsxs(Fragment, { children: [jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, className: S.fileInput, disabled: disabled, onChange: e => {
-                                    const files = e.target.files;
-                                    if (files?.length)
-                                        onAttach?.(Array.from(files));
-                                    e.target.value = '';
-                                } }), jsx(Tooltip, { content: "Attach", direction: "right", children: jsx(Button, { variant: "text", className: S.attachButton, disabled: disabled, "aria-label": "Attach", onClick: () => fileInputRef.current?.click(), children: jsx(Icon, { size: "m", type: "plus" }) }) })] })), statusNode && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: statusNode }) })), jsx("div", { className: S.gap }), showModelSelector && !isPrompting && (jsx(Select2, { className: S.promptModelSelector, label: "", size: "s", disableLabel: true, hideRequiredStar: true, round: true, options: models, value: modelId, disabled: disabled, triggerProps: { variant: 'clear' }, popupProps: {
-                            direction: 'top-right',
-                            round: true,
-                        }, onChange: next => {
-                            if (next == null || Array.isArray(next))
-                                return;
-                            setModel(String(next));
-                        } })), jsx(Button, { className: cn(S.button, S.submit), variant: "text", type: "submit", round: true, square: true, disabled: !canSubmit, "aria-label": "Send", onClick: () => {
+                } }), jsxs("div", { className: S.buttons, onClick: onButtonsWrapperClick, children: [jsx(Button, { className: cn(S.button, S.submit), variant: "text", type: "submit", round: true, square: true, disabled: !canSubmit, "aria-label": "Send", onClick: () => {
                             const next = value.trim();
                             if (!next || disabled)
                                 return;
                             onSubmit(next);
-                        }, children: jsx(Icon, { type: "arrowUp", className: S.submitIcon }) })] })] }));
+                        }, children: jsx(Icon, { type: "arrowUp", className: S.submitIcon }) }), livePanel && jsx("div", { className: S.livePanel, children: livePanel }), jsx("div", { className: S.gap }), statusNode && (jsx("div", { className: S.status, children: jsx(TextShimmer, { children: statusNode }) })), showAttach && (jsxs(Fragment, { children: [jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, className: S.fileInput, disabled: disabled, onChange: e => {
+                                    const files = e.target.files;
+                                    if (files?.length)
+                                        onAttach?.(Array.from(files));
+                                    e.target.value = '';
+                                } }), jsx(Tooltip, { content: "Attach", direction: "right", children: jsx(Button, { variant: "text", className: S.attachButton, disabled: disabled, "aria-label": "Attach", onClick: () => fileInputRef.current?.click(), children: jsx(Icon, { size: "m", type: "plus" }) }) })] }))] }), showModelSelector && !isPrompting && (jsx(Select2, { className: S.promptModelSelector, label: "", size: "xs", variant: "clear", disableLabel: true, hideRequiredStar: true, round: true, isSearchable: true, options: models, value: modelId, disabled: disabled, inputProps: {
+                    variant: 'clean',
+                    autoComplete: 'off',
+                    spellCheck: false,
+                    round: true,
+                    fitContentWidth: true,
+                }, popupProps: {
+                    direction: 'top-right',
+                    round: true,
+                }, onChange: next => {
+                    if (next == null || Array.isArray(next))
+                        return;
+                    setModel(String(next));
+                } }))] }));
 }
 
 export { ChatPrompt };

package/dist/esm/src/components/Chat/ChatPrompt.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ChatPrompt_root__jEydp{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500);background-color:var(--accent-color-alpha-50);border-radius:var(--p-5);box-shadow:0 0 0 1px var(--active-color-alpha-100);display:flex;flex-direction:column;flex-wrap:wrap;font-size:80%;font-size:calc(80%*var(--dialogue-text-scale, 1));margin:2px auto;max-width:600px;min-height:76px;min-height:calc(var(--prompt-height, 80px) - 4px);position:relative;transition:box-shadow .4s ease-out,border-top-left-radius .2s ease,border-top-right-radius .2s ease,background-color .5s ease;width:100%}.ChatPrompt_root__jEydp:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent-color-alpha-100),0 0 0 2px var(--decent-color-alpha-800),0 0 30px 0 var(--decent-color-alpha-500);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:box-shadow .4s ease-out;width:100%;z-index:-2}.ChatPrompt_root__jEydp:focus-within:after,.ChatPrompt_root__jEydp:hover:after{box-shadow:0 0 0 2px var(--decent-color-alpha-500),0 0 50px 0 var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:focus-within,.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--active-color-alpha-300)}.ChatPrompt_root__jEydp:focus-within{box-shadow:inset 0 0 0 1px var(--active-color-alpha-500)}.ChatPrompt_composer__uWvF4{background-color:transparent!important;position:relative;transition:opacity .2s ease-out;width:100%;z-index:1}.ChatPrompt_composer__uWvF4 .ProseMirror,.ChatPrompt_composer__uWvF4 .editorMount .promptComposerEditor{caret-color:var(--accent-color);font-size:16px!important;font-size:calc(16px*var(--dialogue-text-scale, 1))!important;min-height:1.5em!important;padding:10px var(--p-7) 0 14px!important}.ChatPrompt_composer__uWvF4 .ProseMirror:focus{box-shadow:inset 0 0 0 2px none}.ChatPrompt_composer__uWvF4 .promptComposerEmptyEditor .promptComposerEmptyNode:before{color:var(--accent-color-alpha-500)}.ChatPrompt_buttons__gm2Lm{align-items:center;cursor:text;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding:0 2px 0 6px;transform:translateY(-2px);width:100%;z-index:1}.ChatPrompt_buttons__gm2Lm svg{transition:.2s ease-out;transition-property:filter,scale}.ChatPrompt_button__h1lLp{background-color:transparent!important;padding:0 var(--p-2);position:relative}.ChatPrompt_button__h1lLp:focus,.ChatPrompt_button__h1lLp:hover{opacity:1}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy{background-color:var(--active-color)!important;box-shadow:0 1px 1px 0 rgba(0,0,0,.6);color:var(--decent-color)!important;margin-left:var(--p-2);transition:filter .2s ease-out,opacity .5s ease-out}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy svg{color:var(--decent-color)!important}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus-visible,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:hover{filter:drop-shadow(0 0 14px var(--active-color))}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled]{background-color:inherit!important;box-shadow:none;filter:none;pointer-events:none}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled] svg{color:var(--accent-color-alpha-500)!important}.ChatPrompt_submitIcon__yqHzk{display:block}.ChatPrompt_gap__xkA50{flex-grow:1}.ChatPrompt_promptModelSelector__RZpMR{flex-shrink:0;max-width:calc(100% - 200px);opacity:.5;transition:opacity .2s ease-out}.ChatPrompt_promptModelSelector__RZpMR:hover{opacity:1}.ChatPrompt_fileInput__l36Lj{display:none}.ChatPrompt_attachButton__vLVfy{flex-shrink:0;margin-left:-8px;opacity:.5;position:relative;z-index:4}.ChatPrompt_status__RpNcl{align-items:center;display:flex;flex-shrink:0;font-size:12.8px;font-size:calc(12.8px*var(--dialogue-text-scale, 1));pointer-events:none;white-space:nowrap}.ChatPrompt_status__RpNcl:first-child{padding-left:var(--p-3)}";
-var S = {"root":"ChatPrompt_root__jEydp","composer":"ChatPrompt_composer__uWvF4","buttons":"ChatPrompt_buttons__gm2Lm","button":"ChatPrompt_button__h1lLp","submit":"ChatPrompt_submit__CICZy","submitIcon":"ChatPrompt_submitIcon__yqHzk","gap":"ChatPrompt_gap__xkA50","promptModelSelector":"ChatPrompt_promptModelSelector__RZpMR","fileInput":"ChatPrompt_fileInput__l36Lj","attachButton":"ChatPrompt_attachButton__vLVfy","status":"ChatPrompt_status__RpNcl"};
+var css_248z = ".ChatPrompt_root__jEydp{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500);background-color:var(--accent-color-alpha-50);border-radius:var(--p-5);box-shadow:0 0 0 1px var(--active-color-alpha-100);display:flex;flex-direction:column;flex-wrap:wrap;font-size:80%;font-size:calc(80%*var(--dialogue-text-scale, 1));margin:2px auto;max-width:600px;min-height:76px;min-height:calc(var(--prompt-height, 80px) - 4px);position:relative;transition:box-shadow .4s ease-out,border-top-left-radius .2s ease,border-top-right-radius .2s ease,background-color .5s ease;width:100%}.ChatPrompt_root__jEydp:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent-color-alpha-100),0 0 0 2px var(--decent-color-alpha-800),0 0 30px 0 var(--decent-color-alpha-500);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:box-shadow .4s ease-out;width:100%;z-index:-2}.ChatPrompt_root__jEydp:focus-within:after,.ChatPrompt_root__jEydp:hover:after{box-shadow:0 0 0 2px var(--decent-color-alpha-500),0 0 50px 0 var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:focus-within,.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--decent-color-alpha-500)}.ChatPrompt_root__jEydp:hover{box-shadow:inset 0 0 0 1px var(--active-color-alpha-300)}.ChatPrompt_root__jEydp:focus-within{box-shadow:inset 0 0 0 1px var(--active-color-alpha-500)}.ChatPrompt_composer__uWvF4{background-color:transparent!important;position:relative;transition:opacity .2s ease-out;width:100%;z-index:1}.ChatPrompt_composer__uWvF4 .ProseMirror,.ChatPrompt_composer__uWvF4 .editorMount .promptComposerEditor{caret-color:var(--accent-color);font-size:16px!important;font-size:calc(16px*var(--dialogue-text-scale, 1))!important;min-height:1.5em!important;padding:10px var(--p-7) 0 14px!important}.ChatPrompt_composer__uWvF4 .ProseMirror:focus{box-shadow:inset 0 0 0 2px none}.ChatPrompt_composer__uWvF4 .promptComposerEmptyEditor .promptComposerEmptyNode:before{color:var(--accent-color-alpha-500)}.ChatPrompt_buttons__gm2Lm{align-items:center;cursor:text;display:flex;flex-direction:row-reverse;flex-shrink:0;flex-wrap:nowrap;gap:6px;justify-content:flex-start;padding:0 2px 0 6px;transform:translateY(-2px);width:100%;z-index:1}.ChatPrompt_buttons__gm2Lm svg{transition:.2s ease-out;transition-property:filter,scale}.ChatPrompt_button__h1lLp{background-color:transparent!important;padding:0 var(--p-2);position:relative}.ChatPrompt_button__h1lLp:focus,.ChatPrompt_button__h1lLp:hover{opacity:1}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy{background-color:var(--active-color)!important;box-shadow:0 1px 1px 0 rgba(0,0,0,.6);color:var(--decent-color)!important;margin-left:var(--p-2);transition:filter .2s ease-out,opacity .5s ease-out}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy svg{color:var(--decent-color)!important}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:focus-visible,.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy:hover{filter:drop-shadow(0 0 14px var(--active-color))}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled]{background-color:inherit!important;box-shadow:none;filter:none;pointer-events:none}.ChatPrompt_button__h1lLp.ChatPrompt_submit__CICZy[disabled] svg{color:var(--accent-color-alpha-500)!important}.ChatPrompt_submitIcon__yqHzk{display:block}.ChatPrompt_gap__xkA50{flex-grow:1}.ChatPrompt_livePanel__RoA-9{align-items:center;display:flex;flex-shrink:0;gap:6px}.ChatPrompt_promptModelSelector__RZpMR{bottom:100%;flex-shrink:0;max-width:calc(100% - 200px);opacity:.4;position:absolute;right:var(--p-1);transition:opacity .2s ease-out}.ChatPrompt_promptModelSelector__RZpMR label>div:first-child{background-color:transparent!important}.ChatPrompt_promptModelSelector__RZpMR:hover{opacity:1}.ChatPrompt_fileInput__l36Lj{display:none}.ChatPrompt_attachButton__vLVfy{flex-shrink:0;margin-left:-8px;opacity:.5;position:relative;z-index:4}.ChatPrompt_status__RpNcl{align-items:center;display:flex;flex-shrink:0;font-size:12.8px;font-size:calc(12.8px*var(--dialogue-text-scale, 1));pointer-events:none;white-space:nowrap}.ChatPrompt_status__RpNcl:last-child{padding-left:var(--p-3)}";
+var S = {"root":"ChatPrompt_root__jEydp","composer":"ChatPrompt_composer__uWvF4","buttons":"ChatPrompt_buttons__gm2Lm","button":"ChatPrompt_button__h1lLp","submit":"ChatPrompt_submit__CICZy","submitIcon":"ChatPrompt_submitIcon__yqHzk","gap":"ChatPrompt_gap__xkA50","livePanel":"ChatPrompt_livePanel__RoA-9","promptModelSelector":"ChatPrompt_promptModelSelector__RZpMR","fileInput":"ChatPrompt_fileInput__l36Lj","attachButton":"ChatPrompt_attachButton__vLVfy","status":"ChatPrompt_status__RpNcl"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Chat/ChatSelector.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Input } from '../Input/Input.js';
+import { Menu } from '../Menu/Menu.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import cn from 'classnames';
+import S from './ChatSelector.styl.js';
+
+const NEW_CHAT_ID = '__new__';
+function ChatSelector({ title, chats, searchQuery, selectedId, onSearch, onSelectChat, onRename, onNewChat, onSearchOpen, onSearchClose, searchPlaceholder = 'Search chats...', newChatLabel = '+ New chat', disabled, isLoading, className, }) {
+    const [mode, setMode] = useState('folded');
+    const [draft, setDraft] = useState(title);
+    const rootRef = useRef(null);
+    const fold = useCallback(() => {
+        setMode('folded');
+        setDraft(title);
+        onSearchClose?.();
+    }, [onSearchClose, title]);
+    const openSearch = useCallback(() => {
+        if (disabled)
+            return;
+        setMode('search');
+        onSearch('');
+        onSearchOpen?.();
+    }, [disabled, onSearch, onSearchOpen]);
+    const openRename = useCallback(() => {
+        if (disabled)
+            return;
+        setDraft(title);
+        setMode('rename');
+    }, [disabled, title]);
+    const commitRename = useCallback(() => {
+        const next = draft.trim();
+        if (next && next !== title)
+            onRename(next);
+        fold();
+    }, [draft, fold, onRename, title]);
+    useEffect(() => {
+        if (mode === 'folded')
+            setDraft(title);
+    }, [mode, title]);
+    useEffect(() => {
+        if (mode !== 'search')
+            return;
+        const onDoc = (e) => {
+            if (!rootRef.current?.contains(e.target))
+                fold();
+        };
+        document.addEventListener('mousedown', onDoc);
+        return () => document.removeEventListener('mousedown', onDoc);
+    }, [fold, mode]);
+    const onInputKeyDown = useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            fold();
+            return;
+        }
+        if (mode === 'rename' && e.key === 'Enter') {
+            e.preventDefault();
+            commitRename();
+        }
+    }, [commitRename, fold, mode]);
+    const pick = useCallback((id) => {
+        if (id === NEW_CHAT_ID)
+            onNewChat?.();
+        else
+            onSelectChat(id);
+        fold();
+    }, [fold, onNewChat, onSelectChat]);
+    const items = [
+        { id: NEW_CHAT_ID, title: newChatLabel },
+        ...chats,
+    ];
+    return (jsxs("div", { ref: rootRef, className: cn(S.root, className), children: [mode === 'folded' ? (jsxs("div", { className: S.folded, children: [jsx("button", { type: "button", className: S.title, disabled: disabled, onClick: openSearch, children: title }), !disabled && (jsx(Tooltip, { content: "Rename", direction: "bottom", children: jsx(Button, { className: S.edit, variant: "text", size: "s", square: true, "aria-label": "Rename", onClick: openRename, children: jsx(Icon, { type: "edit", size: "s" }) }) }))] })) : (jsx("div", { onKeyDown: onInputKeyDown, children: jsx(Input, { className: S.input, variant: "clean", size: "s", round: true, hideRequiredStar: true, autoFocus: true, disabled: disabled, value: mode === 'search' ? searchQuery : draft, placeholder: mode === 'search' ? searchPlaceholder : title, onChange: (_, val) => {
+                        const next = String(val);
+                        if (mode === 'search')
+                            onSearch(next);
+                        else
+                            setDraft(next);
+                    }, onBlur: () => {
+                        if (mode === 'rename')
+                            commitRename();
+                    } }) })), mode === 'search' && (jsxs(Menu, { className: S.list, size: "s", children: [items.map(item => (jsx(Menu.Item, { className: cn(S.item, item.id === NEW_CHAT_ID && S.newChat, item.id === selectedId && S.selected), selected: item.id === selectedId, textOverflow: true, onClick: () => pick(item.id), children: item.title }, item.id))), isLoading && chats.length === 0 && (jsx(Menu.Item, { className: S.empty, disabled: true, children: "Loading\u2026" }))] }))] }));
+}
+
+export { ChatSelector };

package/dist/esm/src/components/Chat/ChatSelector.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ChatSelector_root__udKf3{flex:1 1 auto;max-width:100%;min-width:0;position:relative}.ChatSelector_folded__AKz8P{align-items:center;background-color:var(--accent-color-alpha-50);border-radius:var(--p-5);box-shadow:0 0 0 1px var(--active-color-alpha-100);display:flex;min-height:36px;min-width:0;padding:0 4px 0 12px;width:100%}.ChatSelector_title__bxcLO{background:none;border:0;color:inherit;cursor:text;flex:1 1 auto;font:inherit;font-weight:650;letter-spacing:-.02em;margin:0;min-width:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ChatSelector_title__bxcLO:disabled{cursor:default}.ChatSelector_edit__RECGY{flex-shrink:0;opacity:.5;transition:opacity .2s ease-out}.ChatSelector_folded__AKz8P:hover .ChatSelector_edit__RECGY{opacity:1}.ChatSelector_input__8tdEl{font-size:inherit!important;min-width:0;width:100%}.ChatSelector_input__8tdEl label{border-radius:var(--p-5)!important;font-size:inherit!important}.ChatSelector_list__1XlnZ{background:#1a1a1a;background:var(--bg-color,#1a1a1a);border-radius:var(--p-3);box-shadow:0 8px 24px rgba(0,0,0,.4);left:0;max-height:280px;min-width:0;position:absolute;right:0;top:calc(100% + 4px);z-index:6}.ChatSelector_item__ASuZG{max-width:320px}.ChatSelector_newChat__7Ayx5,.ChatSelector_selected__199i2{font-weight:650}.ChatSelector_empty__3l4Yb{opacity:.6}";
+var S = {"root":"ChatSelector_root__udKf3","folded":"ChatSelector_folded__AKz8P","title":"ChatSelector_title__bxcLO","edit":"ChatSelector_edit__RECGY","input":"ChatSelector_input__8tdEl","list":"ChatSelector_list__1XlnZ","item":"ChatSelector_item__ASuZG","newChat":"ChatSelector_newChat__7Ayx5","selected":"ChatSelector_selected__199i2","empty":"ChatSelector_empty__3l4Yb"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Chat/ChatView.js

@@ -10,11 +10,12 @@ import { scrollTo } from '../../tools/scroll.js';
 function ChatView({ messages, isPrompting, emptyLabel = 'Start the conversation', className, messagesClassName, footer, onButtonClick, footerClassName, }) {
     const listRef = useRef(null);
     const visible = messages.filter(message => !isPlanMessageContent(message.content));
+    const lastContent = visible[visible.length - 1]?.content;
     useEffect(() => {
         const scroller = listRef.current;
         if (scroller)
             scrollTo(scroller, 0, scroller.scrollHeight + 80);
-    }, [visible.length, isPrompting]);
+    }, [visible.length, lastContent, isPrompting]);
     return (jsxs("div", { className: cn(S.root, className), children: [jsxs(Scroll, { y: true, fadeSize: "l", autoHide: true, offset: { y: { after: 30 } }, className: S.messages, innerClassName: cn(S.messagesInner, footer && S.messagesInnerWithPrompt, messagesClassName), onInnerRef: elem => {
                     listRef.current = elem;
                 }, children: [visible.length === 0 && jsx("div", { className: S.empty, children: emptyLabel }), visible.map((message, index) => {

package/dist/esm/src/components/DatePickerInput/DatePickerInput.js

@@ -9,7 +9,7 @@ import { Popup } from '../Popup/Popup.js';
 import S from './DatePickerInput.styl.js';
 
 function DatePickerInput(props) {
-    const { value, onChange, variant = 'default', size = 'm', popupProps, buttonProps, displayFormat = 'MMM Do YYYY', } = props;
+    const { value, onChange, variant = 'default', size = 'm', popupProps, buttonProps, displayFormat = 'MMM Do YYYY', calendarProps, } = props;
     const isRange = Array.isArray(value);
     const isControlled = popupProps?.isOpen !== undefined;
     const [isOpen, setIsOpen] = useState(false);
@@ -38,7 +38,10 @@ function DatePickerInput(props) {
         // @ts-ignore
         jsx(Button, { variant: variant, size: size, ...buttonProps, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
             className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`], popupProps?.contentProps?.className),
-        }, content: jsx(DatePicker, { ...props, onChange: handleChange, className: S.content, calendarProps: { className: S.calendar } }) }));
+        }, content: jsx(DatePicker, { ...props, onChange: handleChange, className: S.content, calendarProps: {
+                ...calendarProps,
+                className: cn(S.calendar, calendarProps?.className),
+            } }) }));
 }
 
 export { DatePickerInput };

package/dist/esm/src/components/InputFile/InputFile.js

@@ -42,6 +42,8 @@ import '../PromptComposer/PromptComposer.js';
 import '../Chat/ChatPrompt.styl.js';
 import '../TextShimmer/TextShimmer.js';
 import '../ThinkingOutline/ThinkingOutline.styl.js';
+import '../Menu/Menu.js';
+import '../Chat/ChatSelector.styl.js';
 import '../Chat/ChatView.styl.js';
 import '../Container/Container.js';
 import '../DatePicker/DatePicker.styl.js';
@@ -65,7 +67,6 @@ import '../GridLayout/GridLayout.styl.js';
 import '../Heading/Heading.js';
 import '../../services/i18n.js';
 import '../LightBox/LightBox.styl.js';
-import '../Menu/Menu.js';
 import '../NestedMenu/NestedMenu.js';
 import '../Notifications/store.js';
 import '../Notifications/Notifications.styl.js';
@@ -83,6 +84,7 @@ import '../RadioGroup/RadioGroupContext.js';
 import '../RadioButton/RadioButton.styl.js';
 import '../RadioGroup/RadioGroup.styl.js';
 import '../Router/Router.js';
+import '../Resizer/Resizer.styl.js';
 import '../Tabs/Tabs.styl.js';
 import '../TextWithDeferTooltip/TextWithDeferTooltip.styl.js';
 import '../Text/Text.js';

package/dist/esm/src/components/Resizer/Resizer.helpers.js

@@ -0,0 +1,58 @@
+function parseMinWidth(value) {
+    if (value == null || value === '')
+        return null;
+    if (typeof value === 'number') {
+        return Number.isFinite(value) && value > 0 ? { kind: 'pct', value } : null;
+    }
+    const s = String(value).trim().toLowerCase();
+    const n = parseFloat(s);
+    if (!Number.isFinite(n) || n <= 0)
+        return null;
+    if (s.endsWith('px'))
+        return { kind: 'px', value: n };
+    return { kind: 'pct', value: n };
+}
+function isPxMin(value) {
+    return parseMinWidth(value)?.kind === 'px';
+}
+function minToPct(value, totalPx) {
+    const parsed = parseMinWidth(value);
+    if (!parsed)
+        return 0;
+    if (parsed.kind === 'pct')
+        return parsed.value;
+    return totalPx > 0 ? (parsed.value / totalPx) * 100 : 0;
+}
+function clampPair(nextLeft, combined, minLeft, minRight) {
+    const maxLeft = combined - minRight;
+    if (minLeft > maxLeft)
+        return null;
+    return Math.min(Math.max(nextLeft, minLeft), maxLeft);
+}
+function clampAll(sizes, mins) {
+    const next = sizes.slice();
+    const minSum = mins.reduce((sum, n) => sum + n, 0);
+    if (minSum >= 100 && minSum > 0) {
+        return mins.map(n => (n / minSum) * 100);
+    }
+    for (let i = 0; i < next.length; i++) {
+        const deficit = mins[i] - next[i];
+        if (deficit <= 0)
+            continue;
+        let need = deficit;
+        for (let j = 0; j < next.length && need > 0; j++) {
+            if (j === i)
+                continue;
+            const slack = next[j] - mins[j];
+            if (slack <= 0)
+                continue;
+            const take = Math.min(slack, need);
+            next[j] -= take;
+            need -= take;
+        }
+        next[i] += deficit - need;
+    }
+    return next;
+}
+
+export { clampAll, clampPair, isPxMin, minToPct, parseMinWidth };

package/dist/esm/src/components/Resizer/Resizer.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useLayoutEffect, Fragment } from 'react';
+import cn from 'classnames';
+import LS from '../../tools/localStorage.js';
+import S from './Resizer.styl.js';
+import { isPxMin, minToPct, clampAll, clampPair } from './Resizer.helpers.js';
+
+const LS_PREFIX = 'ui:resizer:';
+const toPct = (n) => `${Number(n.toFixed(4))}%`;
+function readPct(el, prop, fallback) {
+    const n = parseFloat(el.style.getPropertyValue(prop));
+    return Number.isFinite(n) ? n : fallback;
+}
+function writePct(el, value) {
+    const v = toPct(value);
+    el.style.setProperty('--width', v);
+    el.style.setProperty('--height', v);
+}
+function lsKey(rememberKey) {
+    return `${LS_PREFIX}${rememberKey}`;
+}
+function isValidSizes(value, count) {
+    return (Array.isArray(value) &&
+        value.length === count &&
+        value.every(n => typeof n === 'number' && Number.isFinite(n)));
+}
+function loadRemembered(rememberKey, count) {
+    if (!rememberKey)
+        return null;
+    const stored = LS.get(lsKey(rememberKey));
+    return isValidSizes(stored, count) ? stored : null;
+}
+function resolveSizes(n, equal, sizes, rememberKey) {
+    const remembered = loadRemembered(rememberKey, n);
+    if (remembered)
+        return remembered;
+    return Array.from({ length: n }, (_, i) => sizes?.[i] ?? equal);
+}
+function minsToPct(minWidths, n, totalPx) {
+    return Array.from({ length: n }, (_, i) => minToPct(minWidths?.[i], totalPx));
+}
+function applySizes(panes, values, mins) {
+    const next = clampAll(values, mins);
+    panes.forEach((el, i) => {
+        if (el)
+            writePct(el, next[i]);
+    });
+    return next;
+}
+function Resizer({ vertical = false, content, className, sizes, minWidths, rememberKey, }) {
+    const rootRef = useRef(null);
+    const panesRef = useRef([]);
+    const n = content.length;
+    const equal = n ? 100 / n : 0;
+    const sizesKey = sizes?.join(' ') ?? '';
+    const minKey = minWidths?.map(String).join(' ') ?? '';
+    useLayoutEffect(() => {
+        panesRef.current.length = n;
+        const root = rootRef.current;
+        const total = root ? (vertical ? root.clientHeight : root.clientWidth) : 0;
+        applySizes(panesRef.current, resolveSizes(n, equal, sizes, rememberKey), minsToPct(minWidths, n, total));
+    }, [n, equal, sizesKey, rememberKey, minKey, vertical]);
+    useLayoutEffect(() => {
+        const root = rootRef.current;
+        if (!root || !minWidths?.some(isPxMin))
+            return;
+        const apply = () => {
+            const total = vertical ? root.clientHeight : root.clientWidth;
+            const prop = vertical ? '--height' : '--width';
+            const current = panesRef.current.map(el => el ? readPct(el, prop, equal) : equal);
+            applySizes(panesRef.current, current, minsToPct(minWidths, n, total));
+        };
+        const ro = new ResizeObserver(apply);
+        ro.observe(root);
+        return () => ro.disconnect();
+    }, [n, equal, minKey, vertical]);
+    const onPointerDown = (index) => (e) => {
+        const left = panesRef.current[index];
+        const right = panesRef.current[index + 1];
+        const root = rootRef.current;
+        if (!left || !right || !root)
+            return;
+        e.preventDefault();
+        e.currentTarget.setPointerCapture(e.pointerId);
+        const prop = vertical ? '--height' : '--width';
+        const startPos = vertical ? e.clientY : e.clientX;
+        const total = vertical ? root.clientHeight : root.clientWidth;
+        const startLeft = readPct(left, prop, equal);
+        const startRight = readPct(right, prop, equal);
+        const combined = startLeft + startRight;
+        const minLeft = minToPct(minWidths?.[index], total);
+        const minRight = minToPct(minWidths?.[index + 1], total);
+        root.classList.add(S.dragging);
+        document.body.style.userSelect = 'none';
+        const onMove = (ev) => {
+            const pos = vertical ? ev.clientY : ev.clientX;
+            const delta = ((pos - startPos) / total) * 100;
+            const nextLeft = clampPair(startLeft + delta, combined, minLeft, minRight) ?? startLeft;
+            writePct(left, nextLeft);
+            writePct(right, combined - nextLeft);
+        };
+        const onUp = () => {
+            document.removeEventListener('pointermove', onMove);
+            document.removeEventListener('pointerup', onUp);
+            root.classList.remove(S.dragging);
+            document.body.style.removeProperty('user-select');
+            if (rememberKey) {
+                const current = panesRef.current.map(el => el ? readPct(el, prop, equal) : equal);
+                LS.set(lsKey(rememberKey), current);
+            }
+        };
+        document.addEventListener('pointermove', onMove);
+        document.addEventListener('pointerup', onUp);
+    };
+    return (jsx("div", { ref: rootRef, className: cn(S.root, vertical && S.vertical, className), children: content.map((item, i) => (jsxs(Fragment, { children: [jsx("div", { ref: el => {
+                        panesRef.current[i] = el;
+                    }, className: S.pane, children: item }), i < n - 1 && (jsx("div", { className: S.handle, role: "separator", "aria-label": "Resize panes", "aria-orientation": vertical ? 'horizontal' : 'vertical', onPointerDown: onPointerDown(i) }))] }, i))) }));
+}
+
+export { Resizer };

package/dist/esm/src/components/Resizer/Resizer.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Resizer_root__ALJP3{display:flex;flex-direction:row;height:100%;min-height:0;min-width:0;width:100%}.Resizer_root__ALJP3.Resizer_vertical__YFqC0{flex-direction:column}.Resizer_root__ALJP3.Resizer_dragging__pD7Co{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Resizer_root__ALJP3.Resizer_dragging__pD7Co.Resizer_vertical__YFqC0{cursor:row-resize}.Resizer_pane__VMBEO{box-sizing:border-box;flex-shrink:0;height:100%;min-height:0;min-width:0;overflow:hidden;width:var(--width)}.Resizer_root__ALJP3.Resizer_vertical__YFqC0 .Resizer_pane__VMBEO{height:var(--height);width:100%}.Resizer_handle__OOZAA{cursor:col-resize;flex-shrink:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0;z-index:1}.Resizer_handle__OOZAA:before{bottom:0;content:\"\";left:-7px;position:absolute;top:0;width:14px}.Resizer_handle__OOZAA:after{background:var(--accent-color-alpha-50);bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:2px}.Resizer_handle__OOZAA:hover:after{background:var(--active-color)}.Resizer_root__ALJP3.Resizer_vertical__YFqC0 .Resizer_handle__OOZAA{cursor:row-resize;height:0;width:auto}.Resizer_root__ALJP3.Resizer_vertical__YFqC0 .Resizer_handle__OOZAA:before{bottom:auto;height:14px;left:0;right:0;top:-7px;width:auto}.Resizer_root__ALJP3.Resizer_vertical__YFqC0 .Resizer_handle__OOZAA:after{bottom:auto;height:2px;left:0;right:0;top:-1px;width:auto}";
+var S = {"root":"Resizer_root__ALJP3","vertical":"Resizer_vertical__YFqC0","dragging":"Resizer_dragging__pD7Co","pane":"Resizer_pane__VMBEO","handle":"Resizer_handle__OOZAA"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Select/Select.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Select_root__mjOjv{max-height:200px;max-width:100%;position:relative}.Select_root__mjOjv.Select_disabled__AlOQi{opacity:.4;pointer-events:none}.Select_additionalLabel__K0--Z{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.Select_trigger__OH48f{position:relative;z-index:1}.Select_triggerArrow__1LEop{flex-shrink:0;margin-left:.3em;margin-right:.7em;transition:transform .2s ease-out}.Select_triggerArrow__1LEop.Select_isOpen__WlMUH{transform:rotateX(-180deg)}.Select_disabled__AlOQi .Select_triggerArrow__1LEop{color:var(--text3-color)}.Select_triggerButton__lErtt{justify-content:space-between;text-align:left;width:100%}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad{padding-right:0}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad>span{max-width:calc(100% - 22px)}.Select_triggerButton__lErtt.Select_isError__WJJLq{box-shadow:inset 0 0 0 2px var(--danger-color)}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh{line-height:1.2em;opacity:0;overflow:hidden;text-overflow:ellipsis}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh.Select_hasSelected__zQhBV{opacity:1}.Select_presetPanel__Yu94r{box-shadow:inset 0 -1px 0 var(--decent-color-alpha-100);display:flex;padding:5px}.Select_presetButton__BAl0q{flex-grow:1;justify-content:center}.Select_presetButton__BAl0q+.Select_presetButton__BAl0q{margin-left:8px}.Select_options__3C0-v{max-height:200px;overflow-y:auto}.keyboard .Select_options__3C0-v{pointer-events:none}.Select_option__iJkfJ{align-items:center;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Select_isTree__SiTaD .Select_option__iJkfJ{min-height:36px}.Select_size-xs__2lZQY .Select_option__iJkfJ{border-radius:6px;font-size:14px;height:22px;padding:0 8px}.Select_size-s__qBK9t .Select_option__iJkfJ{border-radius:6px;font-size:16px;height:26px;padding:0 12px}.Select_size-m__jp7n- .Select_option__iJkfJ{border-radius:9px;font-size:18px;height:34px;padding:0 16px}.Select_size-l__b4EEy .Select_option__iJkfJ{border-radius:12px;font-size:22px;height:42px;padding:0 20px}.Select_size-xl__0OerX .Select_option__iJkfJ{border-radius:15px;font-size:26px;height:50px;padding:0 24px}.Select_isTree__SiTaD .Select_option__iJkfJ{padding-left:30px}.Select_option__iJkfJ.Select_isGroup__aP1lY{color:var(--accent-color);font-weight:500;pointer-events:none}.Select_isExpanded__rG8R1>.Select_option__iJkfJ{display:flex}.Select_option__iJkfJ>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select_option__iJkfJ:before{content:\"\";display:inline-block}.Select_option__iJkfJ.Select_level-0__vu03A:before{content:none}.Select_option__iJkfJ.Select_level-1__ozH2U:before{min-width:24px;width:24px}.Select_option__iJkfJ.Select_level-2__XDqeh:before{min-width:48px;width:48px}.Select_option__iJkfJ.Select_level-3__Bc9XS:before{min-width:72px;width:72px}.Select_option__iJkfJ.Select_level-4__KfQcQ:before{min-width:96px;width:96px}.Select_option__iJkfJ.Select_level-5__DGSDM:before{min-width:120px;width:120px}.Select_option__iJkfJ.Select_level-6__p688A:before{min-width:144px;width:144px}.Select_option__iJkfJ.Select_isIndeterminate__dy-xV,.Select_option__iJkfJ.Select_isSelected__n3ZeN{background-color:var(--active-color-alpha-500)}.keyboard .Select_option__iJkfJ.Select_isFocused__oZSgY,.pointer .Select_option__iJkfJ:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Select_expandButton__UTwlR{background-color:transparent!important;display:flex;height:100%;justify-content:flex-end;overflow:visible;padding:0;position:relative;width:30px}.Select_expandButton__UTwlR:before{content:\"\";display:block;height:calc(100% + 20px);position:absolute;right:0;top:-10;width:100px}.Select_size-xs__2lZQY .Select_expandButton__UTwlR{margin-left:-34px}.Select_size-s__qBK9t .Select_expandButton__UTwlR{margin-left:-37px}.Select_size-m__jp7n- .Select_expandButton__UTwlR{margin-left:-40px}.Select_size-l__b4EEy .Select_expandButton__UTwlR{margin-left:-46px}.Select_size-xl__0OerX .Select_expandButton__UTwlR{margin-left:-52px}.Select_expandIcon__gWAIB{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .1s ease-out}.Select_isExpanded__rG8R1 .Select_expandIcon__gWAIB{transform:rotate(90deg) translateZ(0)}.Select_expandButton__UTwlR:hover .Select_expandIcon__gWAIB{color:var(--primary-color)}.Select_chip__FRK2y{margin-left:-.4em}.Select_chipsContainer__JruCi{overflow-y:auto;padding:4px 0}.Select_size-xs__2lZQY .Select_chipsContainer__JruCi{max-height:90px}.Select_size-s__qBK9t .Select_chipsContainer__JruCi{max-height:108px}.Select_size-m__jp7n- .Select_chipsContainer__JruCi{max-height:180px}.Select_size-l__b4EEy .Select_chipsContainer__JruCi{max-height:220px}.Select_size-xl__0OerX .Select_chipsContainer__JruCi{max-height:260px}.Select_chipContainerInner__cYHSk{display:flex;flex-wrap:wrap;gap:4px}.Select_chip__FRK2y{margin:0}@keyframes Select_fadeIn__QpAwZ{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
-var S = {"root":"Select_root__mjOjv","disabled":"Select_disabled__AlOQi","additionalLabel":"Select_additionalLabel__K0--Z","trigger":"Select_trigger__OH48f","triggerArrow":"Select_triggerArrow__1LEop","isOpen":"Select_isOpen__WlMUH","triggerButton":"Select_triggerButton__lErtt","hasTriggerArrow":"Select_hasTriggerArrow__vPLad","isError":"Select_isError__WJJLq","triggerButtonLabel":"Select_triggerButtonLabel__XXLzh","hasSelected":"Select_hasSelected__zQhBV","presetPanel":"Select_presetPanel__Yu94r","presetButton":"Select_presetButton__BAl0q","options":"Select_options__3C0-v","option":"Select_option__iJkfJ","isTree":"Select_isTree__SiTaD","size-xs":"Select_size-xs__2lZQY","size-s":"Select_size-s__qBK9t","size-m":"Select_size-m__jp7n-","size-l":"Select_size-l__b4EEy","size-xl":"Select_size-xl__0OerX","isGroup":"Select_isGroup__aP1lY","isExpanded":"Select_isExpanded__rG8R1","level-0":"Select_level-0__vu03A","level-1":"Select_level-1__ozH2U","level-2":"Select_level-2__XDqeh","level-3":"Select_level-3__Bc9XS","level-4":"Select_level-4__KfQcQ","level-5":"Select_level-5__DGSDM","level-6":"Select_level-6__p688A","isSelected":"Select_isSelected__n3ZeN","isIndeterminate":"Select_isIndeterminate__dy-xV","isFocused":"Select_isFocused__oZSgY","expandButton":"Select_expandButton__UTwlR","expandIcon":"Select_expandIcon__gWAIB","chip":"Select_chip__FRK2y","chipsContainer":"Select_chipsContainer__JruCi","chipContainerInner":"Select_chipContainerInner__cYHSk","fadeIn":"Select_fadeIn__QpAwZ"};
+var css_248z = ".Select_root__mjOjv{max-height:200px;max-width:100%;position:relative}.Select_root__mjOjv.Select_disabled__AlOQi{opacity:.4;pointer-events:none}.Select_additionalLabel__K0--Z{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.Select_trigger__OH48f{position:relative;z-index:1}.Select_triggerArrow__1LEop{flex-shrink:0;margin-left:.3em;margin-right:.7em;transition:transform .2s ease-out}.Select_triggerArrow__1LEop.Select_isOpen__WlMUH{transform:rotateX(-180deg)}.Select_disabled__AlOQi .Select_triggerArrow__1LEop{color:var(--text3-color)}.Select_variant-clear__3Htb5 .Select_triggerButton__lErtt{background-color:transparent}.Select_triggerButton__lErtt{justify-content:space-between;text-align:left;width:100%}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad{padding-right:0}.Select_triggerButton__lErtt.Select_hasTriggerArrow__vPLad>span{max-width:calc(100% - 22px)}.Select_triggerButton__lErtt.Select_isError__WJJLq{box-shadow:inset 0 0 0 2px var(--danger-color)}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh{line-height:1.2em;opacity:0;overflow:hidden;text-overflow:ellipsis}.Select_triggerButton__lErtt .Select_triggerButtonLabel__XXLzh.Select_hasSelected__zQhBV{opacity:1}.Select_presetPanel__Yu94r{box-shadow:inset 0 -1px 0 var(--decent-color-alpha-100);display:flex;padding:5px}.Select_presetButton__BAl0q{flex-grow:1;justify-content:center}.Select_presetButton__BAl0q+.Select_presetButton__BAl0q{margin-left:8px}.Select_options__3C0-v{max-height:200px;overflow-y:auto}.keyboard .Select_options__3C0-v{pointer-events:none}.Select_option__iJkfJ{align-items:center;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Select_isTree__SiTaD .Select_option__iJkfJ{min-height:36px}.Select_size-xs__2lZQY .Select_option__iJkfJ{border-radius:6px;font-size:14px;height:22px;padding:0 8px}.Select_size-s__qBK9t .Select_option__iJkfJ{border-radius:6px;font-size:16px;height:26px;padding:0 12px}.Select_size-m__jp7n- .Select_option__iJkfJ{border-radius:9px;font-size:18px;height:34px;padding:0 16px}.Select_size-l__b4EEy .Select_option__iJkfJ{border-radius:12px;font-size:22px;height:42px;padding:0 20px}.Select_size-xl__0OerX .Select_option__iJkfJ{border-radius:15px;font-size:26px;height:50px;padding:0 24px}.Select_isTree__SiTaD .Select_option__iJkfJ{padding-left:30px}.Select_option__iJkfJ.Select_isGroup__aP1lY{color:var(--accent-color);font-weight:500;pointer-events:none}.Select_isExpanded__rG8R1>.Select_option__iJkfJ{display:flex}.Select_option__iJkfJ>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select_option__iJkfJ:before{content:\"\";display:inline-block}.Select_option__iJkfJ.Select_level-0__vu03A:before{content:none}.Select_option__iJkfJ.Select_level-1__ozH2U:before{min-width:24px;width:24px}.Select_option__iJkfJ.Select_level-2__XDqeh:before{min-width:48px;width:48px}.Select_option__iJkfJ.Select_level-3__Bc9XS:before{min-width:72px;width:72px}.Select_option__iJkfJ.Select_level-4__KfQcQ:before{min-width:96px;width:96px}.Select_option__iJkfJ.Select_level-5__DGSDM:before{min-width:120px;width:120px}.Select_option__iJkfJ.Select_level-6__p688A:before{min-width:144px;width:144px}.Select_option__iJkfJ.Select_isIndeterminate__dy-xV,.Select_option__iJkfJ.Select_isSelected__n3ZeN{background-color:var(--active-color-alpha-500)}.keyboard .Select_option__iJkfJ.Select_isFocused__oZSgY,.pointer .Select_option__iJkfJ:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Select_expandButton__UTwlR{background-color:transparent!important;display:flex;height:100%;justify-content:flex-end;overflow:visible;padding:0;position:relative;width:30px}.Select_expandButton__UTwlR:before{content:\"\";display:block;height:calc(100% + 20px);position:absolute;right:0;top:-10;width:100px}.Select_size-xs__2lZQY .Select_expandButton__UTwlR{margin-left:-34px}.Select_size-s__qBK9t .Select_expandButton__UTwlR{margin-left:-37px}.Select_size-m__jp7n- .Select_expandButton__UTwlR{margin-left:-40px}.Select_size-l__b4EEy .Select_expandButton__UTwlR{margin-left:-46px}.Select_size-xl__0OerX .Select_expandButton__UTwlR{margin-left:-52px}.Select_expandIcon__gWAIB{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .1s ease-out}.Select_isExpanded__rG8R1 .Select_expandIcon__gWAIB{transform:rotate(90deg) translateZ(0)}.Select_expandButton__UTwlR:hover .Select_expandIcon__gWAIB{color:var(--primary-color)}.Select_chip__FRK2y{margin-left:-.4em}.Select_chipsContainer__JruCi{overflow-y:auto;padding:4px 0}.Select_size-xs__2lZQY .Select_chipsContainer__JruCi{max-height:90px}.Select_size-s__qBK9t .Select_chipsContainer__JruCi{max-height:108px}.Select_size-m__jp7n- .Select_chipsContainer__JruCi{max-height:180px}.Select_size-l__b4EEy .Select_chipsContainer__JruCi{max-height:220px}.Select_size-xl__0OerX .Select_chipsContainer__JruCi{max-height:260px}.Select_chipContainerInner__cYHSk{display:flex;flex-wrap:wrap;gap:4px}.Select_chip__FRK2y{margin:0}@keyframes Select_fadeIn__QpAwZ{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
+var S = {"root":"Select_root__mjOjv","disabled":"Select_disabled__AlOQi","additionalLabel":"Select_additionalLabel__K0--Z","trigger":"Select_trigger__OH48f","triggerArrow":"Select_triggerArrow__1LEop","isOpen":"Select_isOpen__WlMUH","variant-clear":"Select_variant-clear__3Htb5","triggerButton":"Select_triggerButton__lErtt","hasTriggerArrow":"Select_hasTriggerArrow__vPLad","isError":"Select_isError__WJJLq","triggerButtonLabel":"Select_triggerButtonLabel__XXLzh","hasSelected":"Select_hasSelected__zQhBV","presetPanel":"Select_presetPanel__Yu94r","presetButton":"Select_presetButton__BAl0q","options":"Select_options__3C0-v","option":"Select_option__iJkfJ","isTree":"Select_isTree__SiTaD","size-xs":"Select_size-xs__2lZQY","size-s":"Select_size-s__qBK9t","size-m":"Select_size-m__jp7n-","size-l":"Select_size-l__b4EEy","size-xl":"Select_size-xl__0OerX","isGroup":"Select_isGroup__aP1lY","isExpanded":"Select_isExpanded__rG8R1","level-0":"Select_level-0__vu03A","level-1":"Select_level-1__ozH2U","level-2":"Select_level-2__XDqeh","level-3":"Select_level-3__Bc9XS","level-4":"Select_level-4__KfQcQ","level-5":"Select_level-5__DGSDM","level-6":"Select_level-6__p688A","isSelected":"Select_isSelected__n3ZeN","isIndeterminate":"Select_isIndeterminate__dy-xV","isFocused":"Select_isFocused__oZSgY","expandButton":"Select_expandButton__UTwlR","expandIcon":"Select_expandIcon__gWAIB","chip":"Select_chip__FRK2y","chipsContainer":"Select_chipsContainer__JruCi","chipContainerInner":"Select_chipContainerInner__cYHSk","fadeIn":"Select_fadeIn__QpAwZ"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Select/Select2.js

@@ -23,7 +23,7 @@ import S from './Select.styl.js';
 const BLUR_CLOSE_DELAY = 60;
 const POINTER_PRESS_TTL = 100;
 function Select2(props) {
-    const { className, value, onChange, onChipClick, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionsClassName, optionClassName, selectedChipClassName, additionalOptions = [], options = [], variant, label, additionalLabel, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, selectedChipRemoveTooltip, selectedChipIds, onOpen, onClose, onFocus, onBlur, } = props;
+    const { className, value, onChange, onChipClick, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionsClassName, optionClassName, selectedChipClassName, additionalOptions = [], options = [], variant, isSearchable, label, additionalLabel, error, blur, disabled, trigger, required, hideRequiredStar, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, selectedChipRemoveTooltip, selectedChipIds, onOpen, onClose, onFocus, onBlur, } = props;
     const isMultiple$1 = isMultiple(value);
     const closeOnSelect = props.closeOnSelect ?? !isMultiple$1;
     const instanceId = useRef(generateUID());
@@ -212,15 +212,17 @@ function Select2(props) {
         window.clearTimeout(blurTimer.current);
         window.clearTimeout(pointerPressTimer.current);
     }, []);
+    const triggerVariant = variant === 'clear' ? 'clear' : (variant ?? 'default');
+    const fieldVariant = variant === 'clear' ? 'clean' : variant;
+    const hideFieldLabel = Boolean(disableLabel || !label);
     const triggerProps = useMemo(() => ({
-        label,
         size,
         round,
-        variant,
+        variant: isSearchable ? fieldVariant : triggerVariant,
         ...props.triggerProps,
-    }), [props.triggerProps, label, size, round, variant]);
+    }), [props.triggerProps, size, round, fieldVariant, triggerVariant, isSearchable]);
     const getFieldLabel = (label) => {
-        if (disableLabel)
+        if (hideFieldLabel)
             return null;
         if (isMultiple$1 && selectedIds.length && showSelectedCount)
             return `${label} (${selectedIds.length})`;
@@ -248,14 +250,14 @@ function Select2(props) {
             addonRight: triggerArrow, error: isErrorVisible, value: inputValue, onChange: handleSearchChange, selectAllOnFocus: true, label: getFieldLabel(label), placeholder: hasChips && !inputValue ? '' : inputProps?.placeholder }));
     };
     const renderTriggerButton = () => {
-        const { label, className, ...rest } = triggerProps;
+        const { className, ...rest } = triggerProps;
         const buttonProps = omit(rest, ['name', 'inputProps']);
         const fullSelectedLabel = [selectedLabel, additionalLabel].filter(Boolean);
         const hasSelected = fullSelectedLabel.length > 0;
         const displayLabel = hasSelected ? fullSelectedLabel : label;
         const title = hasSelected && !isMultiple$1 ? fullSelectedLabel : null;
         const classes = cn(S.triggerButton, isErrorVisible && S.isError, triggerArrow && S.hasTriggerArrow, className);
-        return (jsxs("div", { children: [jsxs(Button, { className: classes, variant: "default", ...buttonProps, style: { clipPath: labelClipPath }, title: title?.join?.(', '), children: [jsx("div", { className: cn(S.triggerButtonLabel, hasSelected && S.hasSelected), children: displayLabel }), triggerArrow] }), !isMultiple$1 && (jsx(Label, { size: size, isOnTop: hasSelected, isError: isErrorVisible, onClipPathChange: setLabelClipPath, children: getFieldLabel(label) }))] }));
+        return (jsxs("div", { children: [jsxs(Button, { className: classes, variant: triggerVariant, ...buttonProps, style: { clipPath: labelClipPath }, title: title?.join?.(', '), children: [jsx("div", { className: cn(S.triggerButtonLabel, hasSelected && S.hasSelected), children: displayLabel }), triggerArrow] }), !isMultiple$1 && (jsx(Label, { size: size, isOnTop: hasSelected, isError: isErrorVisible, onClipPathChange: setLabelClipPath, children: getFieldLabel(label) }))] }));
     };
     const renderTrigger = () => {
         if (trigger)
@@ -301,7 +303,7 @@ function Select2(props) {
         return (jsx("div", { ...optionProps, children: renderLabel(item) }, id));
     };
     const optionsList = (jsxs("div", { ref: contentRef, "data-select-id": instanceId.current, children: [renderPresets(), createElement(Scroll, { y: true, ...scrollProps, offset: { y: { before: 10, after: 10 } }, className: cn(S.options, S[`size-${size}`], optionsClassName, scrollProps?.className), onInnerRef: onScrollInnerRef, key: "items-scroll" }, visibleOptions.map(item => renderOption(item)))] }));
-    const classes = cn(S.root, className, S[`size-${size}`]);
+    const classes = cn(S.root, className, S[`size-${size}`], variant === 'clear' && S['variant-clear']);
     return (jsxs(Fragment, { children: [jsx(Popup, { className: classes, direction: "bottom", size: size, focusControl: true, blur: blur, round: round, disabled: disabled, ...popupProps, isOpen: isOpen, onOpen: openIfEnabled, onClose: close, trigger: renderTrigger(), triggerProps: {
                     'data-select-id': instanceId.current,
                     onFocus: handleFocus,

package/dist/esm/src/components/Tabs/Tabs.js

@@ -37,7 +37,7 @@ function Tabs(props) {
         }
         return (createElement(Button, { ...rest, className: cn(S.tab, isActive && S.active, rest.className), size: size, key: id, onClick: e => onTabClick(e, params), checked: isActive }, label));
     });
-    const tabs = tabsButtons.length === 1 && hideTabsIfSingle ? null : (jsx(Scroll, { x: true, offset: { x: { before: 10, after: 10 } }, className: tabsWrapperClassName, innerClassName: cn(S.tabsScroll, S[`size-${size}`], tabsInnerClassName), autoHide: true, fadeSize: size, size: size, children: jsx(ButtonGroup, { className: cn(variant === 'links' && S['variant-links'], tabsClassName), ...rest, children: tabsButtons }) }));
+    const tabs = tabsButtons.length === 1 && hideTabsIfSingle ? null : (jsx(Scroll, { x: true, offset: { x: { before: 10, after: 10 } }, className: tabsWrapperClassName, innerClassName: cn(S.tabsScroll, S[`size-${size}`], S[`variant-${variant}`], tabsInnerClassName), autoHide: true, fadeSize: size, size: size, children: jsx(ButtonGroup, { className: tabsClassName, ...rest, children: tabsButtons }) }));
     if (typeof children === 'function') {
         return children({
             tabs,

package/dist/esm/src/components/Tabs/Tabs.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = "div .Tabs_inactive__H0mPh{display:none}.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-5)}.Tabs_size-xs__J0-xo.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-3)}.Tabs_size-s__bz7NO.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-4)}.Tabs_size-l__emJzX.Tabs_tabsScroll__7Dj0S{padding-bottom:calc(var(--p-5)*1.2)}.Tabs_size-xl__Kqzt-.Tabs_tabsScroll__7Dj0S{padding-bottom:calc(var(--p-5)*1.35)}.Tabs_tab__-oN-g{flex-shrink:0;white-space:nowrap}.Tabs_variant-links__-N1Ym>button:not(:first-child){border-radius:inherit;margin-left:0}.Tabs_variant-links__-N1Ym>button:not(:last-child){border-radius:inherit}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g{background-color:transparent!important;box-shadow:none;padding:var(--p-3) var(--p-5)}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g:focus,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g:hover{background-color:transparent!important;box-shadow:0 2px 0 0 var(--active-color-alpha-100)}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N:focus,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N:hover{background-color:transparent!important;box-shadow:0 2px 0 0 var(--active-color);color:inherit}";
-var S = {"inactive":"Tabs_inactive__H0mPh","tabsScroll":"Tabs_tabsScroll__7Dj0S","size-xs":"Tabs_size-xs__J0-xo","size-s":"Tabs_size-s__bz7NO","size-l":"Tabs_size-l__emJzX","size-xl":"Tabs_size-xl__Kqzt-","tab":"Tabs_tab__-oN-g","variant-links":"Tabs_variant-links__-N1Ym","active":"Tabs_active__nOA5N"};
+var css_248z = "div .Tabs_inactive__H0mPh{display:none}.Tabs_variant-default__3nsrd.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-5)}.Tabs_variant-default__3nsrd.Tabs_size-xs__J0-xo.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-3)}.Tabs_variant-default__3nsrd.Tabs_size-s__bz7NO.Tabs_tabsScroll__7Dj0S{padding-bottom:var(--p-4)}.Tabs_variant-default__3nsrd.Tabs_size-l__emJzX.Tabs_tabsScroll__7Dj0S{padding-bottom:calc(var(--p-5)*1.2)}.Tabs_variant-default__3nsrd.Tabs_size-xl__Kqzt-.Tabs_tabsScroll__7Dj0S{padding-bottom:calc(var(--p-5)*1.35)}.Tabs_tab__-oN-g{flex-shrink:0;white-space:nowrap}.Tabs_variant-links__-N1Ym.Tabs_tabsScroll__7Dj0S{padding-bottom:2px}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g{border-radius:0!important}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g:not(:first-child){margin-left:0}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g{background-color:transparent!important;box-shadow:0 2px 0 0 var(--accent-color-alpha-100);padding:var(--p-3) var(--p-5)}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g:focus,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g:hover{background-color:transparent!important;box-shadow:0 2px 0 0 var(--active-color-alpha-100)}.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N:focus,.Tabs_variant-links__-N1Ym .Tabs_tab__-oN-g.Tabs_active__nOA5N:hover{background-color:transparent!important;box-shadow:0 2px 0 0 var(--active-color);color:inherit}";
+var S = {"inactive":"Tabs_inactive__H0mPh","variant-default":"Tabs_variant-default__3nsrd","tabsScroll":"Tabs_tabsScroll__7Dj0S","size-xs":"Tabs_size-xs__J0-xo","size-s":"Tabs_size-s__bz7NO","size-l":"Tabs_size-l__emJzX","size-xl":"Tabs_size-xl__Kqzt-","tab":"Tabs_tab__-oN-g","variant-links":"Tabs_variant-links__-N1Ym","active":"Tabs_active__nOA5N"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/ThinkingOutline/ThinkingOutline.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = "@property --promptGlowAngle{syntax:\"<angle>\";inherits:true;initial-value:0deg}.ThinkingOutline_root__rvvBG{animation:ThinkingOutline_orbitGlow__3bK-F 3.5s linear infinite;animation-play-state:paused;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-out}.ThinkingOutline_root__rvvBG.ThinkingOutline_active__-66iV,:hover>.ThinkingOutline_root__rvvBG{animation-play-state:running;opacity:1}.ThinkingOutline_root__rvvBG:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute}.ThinkingOutline_bloom__XKYD5{border-radius:inherit;filter:blur(20px);inset:0;opacity:.55;position:absolute}.ThinkingOutline_bloom__XKYD5:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}@media (prefers-reduced-motion:reduce){.ThinkingOutline_root__rvvBG{animation:none}}@keyframes ThinkingOutline_orbitGlow__3bK-F{0%{--promptGlowAngle:-30deg}25%{--promptGlowAngle:30deg}50%{--promptGlowAngle:150deg}75%{--promptGlowAngle:210deg}to{--promptGlowAngle:330deg}}";
+var css_248z = "@property --promptGlowAngle{syntax:\"<angle>\";inherits:true;initial-value:0deg}.ThinkingOutline_root__rvvBG{animation:ThinkingOutline_orbitGlow__3bK-F 3.5s linear infinite;animation-play-state:paused;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-out}.ThinkingOutline_root__rvvBG.ThinkingOutline_active__-66iV{animation-play-state:running;opacity:1}.ThinkingOutline_root__rvvBG:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute}.ThinkingOutline_bloom__XKYD5{border-radius:inherit;filter:blur(20px);inset:0;opacity:.55;position:absolute}.ThinkingOutline_bloom__XKYD5:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}@media (prefers-reduced-motion:reduce){.ThinkingOutline_root__rvvBG{animation:none}}@keyframes ThinkingOutline_orbitGlow__3bK-F{0%{--promptGlowAngle:-30deg}25%{--promptGlowAngle:30deg}50%{--promptGlowAngle:150deg}75%{--promptGlowAngle:210deg}to{--promptGlowAngle:330deg}}";
 var S = {"root":"ThinkingOutline_root__rvvBG","orbitGlow":"ThinkingOutline_orbitGlow__3bK-F","active":"ThinkingOutline_active__-66iV","bloom":"ThinkingOutline_bloom__XKYD5"};
 styleInject(css_248z);
 

package/dist/esm/types/src/components/Chat/Chat.types.d.ts

@@ -51,6 +51,27 @@ export type ChatPromptModel = {
     id: string;
     label: string;
 };
+export type ChatSelectorItem = {
+    id: string;
+    title: string;
+};
+export type ChatSelectorProps = {
+    title: string;
+    chats: ChatSelectorItem[];
+    searchQuery: string;
+    selectedId?: string;
+    onSearch: (query: string) => void;
+    onSelectChat: (id: string) => void;
+    onRename: (title: string) => void;
+    onNewChat?: () => void;
+    onSearchOpen?: () => void;
+    onSearchClose?: () => void;
+    searchPlaceholder?: string;
+    newChatLabel?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    className?: string;
+};
 export type ChatPromptProps = {
     value: string;
     onChange: (value: string) => void;
@@ -63,11 +84,16 @@ export type ChatPromptProps = {
     promptingLabel?: ReactNode;
     placeholder?: string;
     className?: string;
-    /** Default true. Hidden file input + plus button (no STT / live voice). */
+    /** Default true. Hidden file input + plus button. */
     showAttach?: boolean;
     onAttach?: (files: File[]) => void;
     attachAccept?: string;
-    /** Default true. Compact model dropdown (e.g. Auto Router). */
+    /**
+     * Presentational slot next to Send (live radio + TTS). Host app owns the
+     * node — do not import GLASS LivePanel into this package.
+     */
+    livePanel?: ReactNode;
+    /** Default true. Compact model dropdown (e.g. Auto Router). Hidden while `isPrompting`. */
     showModelSelector?: boolean;
     models?: ChatPromptModel[];
     model?: string;

package/dist/esm/types/src/components/Chat/ChatPrompt.d.ts

@@ -1,2 +1,2 @@
 import type { ChatPromptProps } from './types';
-export declare function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel, placeholder, className, showAttach, onAttach, attachAccept, showModelSelector, models, model, onModelChange, }: ChatPromptProps): import("react").JSX.Element;
+export declare function ChatPrompt({ value, onChange, onSubmit, disabled, isPrompting, status, promptingLabel, placeholder, className, showAttach, onAttach, attachAccept, livePanel, showModelSelector, models, model, onModelChange, }: ChatPromptProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Chat/ChatSelector.d.ts

@@ -0,0 +1,2 @@
+import type { ChatSelectorProps } from './Chat.types';
+export declare function ChatSelector({ title, chats, searchQuery, selectedId, onSearch, onSelectChat, onRename, onNewChat, onSearchOpen, onSearchClose, searchPlaceholder, newChatLabel, disabled, isLoading, className, }: ChatSelectorProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Chat/index.d.ts

@@ -1,6 +1,7 @@
 export { ChatFormattedText } from './ChatFormattedText';
 export { ChatMessage } from './ChatMessage';
 export { ChatPrompt } from './ChatPrompt';
+export { ChatSelector } from './ChatSelector';
 export { ChatView } from './ChatView';
 export { getDisplayContent, getDisplayParts, isPlanMessageContent, parseSystemEvent, } from './content';
-export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatViewProps, } from './types';
+export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatSelectorItem, ChatSelectorProps, ChatViewProps, } from './types';

package/dist/esm/types/src/components/Chat/types.d.ts

@@ -1 +1 @@
-export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatViewProps, } from './Chat.types';
+export type { ChatContentPart, ChatFormattedTextProps, ChatMessageData, ChatMessageProps, ChatPromptModel, ChatPromptProps, ChatRole, ChatSelectorItem, ChatSelectorProps, ChatViewProps, } from './Chat.types';

package/dist/esm/types/src/components/Resizer/Resizer.d.ts

@@ -0,0 +1,3 @@
+import * as T from './Resizer.types';
+export type { Props as ResizerProps, SizeValue } from './Resizer.types';
+export declare function Resizer({ vertical, content, className, sizes, minWidths, rememberKey, }: T.Props): import("react").JSX.Element;

package/dist/esm/types/src/components/Resizer/Resizer.helpers.d.ts

@@ -0,0 +1,13 @@
+import * as T from './Resizer.types';
+export type ParsedMin = {
+    kind: 'pct';
+    value: number;
+} | {
+    kind: 'px';
+    value: number;
+};
+export declare function parseMinWidth(value: T.SizeValue | undefined): ParsedMin | null;
+export declare function isPxMin(value: T.SizeValue | undefined): boolean;
+export declare function minToPct(value: T.SizeValue | undefined, totalPx: number): number;
+export declare function clampPair(nextLeft: number, combined: number, minLeft: number, minRight: number): number;
+export declare function clampAll(sizes: number[], mins: number[]): number[];

package/dist/esm/types/src/components/Resizer/Resizer.helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/Resizer/Resizer.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type SizeValue = number | string;
+export type Props = {
+    vertical?: boolean;
+    content: ReactNode[];
+    sizes?: number[];
+    minWidths?: SizeValue[];
+    rememberKey?: string;
+    className?: string;
+};

package/dist/esm/types/src/components/Select/Select.types.d.ts

@@ -39,7 +39,7 @@ export type Props = FormControl<Value> & InheritedInputProps & {
     selectedChipClassName?: string;
     additionalLabel?: ReactNode;
     size?: Size;
-    variant?: 'default' | 'outlined';
+    variant?: 'default' | 'outlined' | 'clear';
     showSelectedCount?: boolean;
     disableLabel?: boolean;
     blur?: boolean;

package/dist/esm/types/src/components/index.d.ts

@@ -45,6 +45,7 @@ export * from './RadioButton/RadioButton';
 export * from './RadioGroup/RadioGroup';
 export * from './Router/Router';
 export * from './RequiredStar/RequiredStar';
+export * from './Resizer/Resizer';
 export * from './Select/Select';
 export * from './Select/Select2';
 export * from './Scroll/Scroll';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.17.0",
+  "version": "5.18.0",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",