@sybilion/uilib 1.3.44 → 1.3.47

package/assets/logo.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-	<path fill="#C259FF" d="M13.43 24.023h-2.836v-2.836h2.836zm-2.835-2.844H5.63v-2.74h4.965Zm10.527-2.74h-2.726v2.74h-4.965v-2.74h4.952v-4.965h2.74zm-15.5 0h-2.74v-4.965h2.74ZM2.87 13.462H.034v-2.836H2.87Zm21.096 0H21.13v-2.836h2.836zM5.617 10.635h-2.74V5.669h2.74zm15.505 0h-2.74V5.669h2.74zM10.588 2.927v2.74H5.623v-2.74Zm2.842 0h4.96v2.74h-4.966v-2.74h-2.83V.09h2.836z" style="stroke-width:.13252" />
+	<path fill="currentColor" d="M13.43 24.023h-2.836v-2.836h2.836zm-2.835-2.844H5.63v-2.74h4.965Zm10.527-2.74h-2.726v2.74h-4.965v-2.74h4.952v-4.965h2.74zm-15.5 0h-2.74v-4.965h2.74ZM2.87 13.462H.034v-2.836H2.87Zm21.096 0H21.13v-2.836h2.836zM5.617 10.635h-2.74V5.669h2.74zm15.505 0h-2.74V5.669h2.74zM10.588 2.927v2.74H5.623v-2.74Zm2.842 0h4.96v2.74h-4.966v-2.74h-2.83V.09h2.836z" style="stroke-width:.13252" />
 </svg>

package/dist/esm/components/ui/Chart/Chart.styl.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Chart_chartContainer__--q1l{aspect-ratio:16/9;display:flex;font-size:.75rem;justify-content:center;line-height:1rem;max-width:100%;touch-action:none;width:100%}.Chart_chartContainer__--q1l .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.Chart_chartContainer__--q1l .recharts-cartesian-grid line[stroke=\"#ccc\"]{stroke:var(--border)}.dark .Chart_chartContainer__--q1l .recharts-cartesian-grid line[stroke=\"#ccc\"]{stroke:var(--sb-slate-900)}.Chart_chartContainer__--q1l .recharts-curve.recharts-tooltip-cursor,.Chart_chartContainer__--q1l .recharts-polar-grid [stroke=\"#ccc\"]{stroke:var(--border)}.Chart_chartContainer__--q1l .recharts-radial-bar-background-sector,.Chart_chartContainer__--q1l .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.Chart_chartContainer__--q1l .recharts-reference-line [stroke=\"#ccc\"]{stroke:var(--border)}.Chart_chartContainer__--q1l .recharts-dot[stroke=\"#fff\"]{stroke:transparent}.Chart_chartContainer__--q1l .recharts-layer,.Chart_chartContainer__--q1l .recharts-sector{outline:none}.Chart_chartContainer__--q1l .recharts-sector[stroke=\"#fff\"]{stroke:transparent}.Chart_chartContainer__--q1l .recharts-surface{outline:none}.Chart_chartContainer__--q1l .recharts-wrapper{position:relative}.Chart_chartContainer__--q1l .recharts-surface{position:relative;z-index:1}.Chart_chartContainer__--q1l .recharts-tooltip-wrapper{box-sizing:border-box;max-width:90%;z-index:3!important}.Chart_chartContainer__--q1l .recharts-active-dot{z-index:3}.Chart_chartGrid__t52WF{stroke-width:.6}.Chart_tooltipContainer__6tc0q{align-items:start;box-sizing:border-box;display:grid;max-width:min(500px,90vw);min-width:0;overflow-wrap:break-word;width:100%;word-break:break-word;grid-gap:.375rem;backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--background) 50%,transparent);border:1px solid var(--border)/.5;border-radius:.5rem;box-shadow:0 10px 10px -5px rgba(0,0,0,.2),0 0 1px 0 var(--muted-foreground);font-size:.75rem;gap:.375rem;line-height:1rem;opacity:0;padding:.375rem .625rem;transition:opacity .5s ease-out}.dark .Chart_tooltipContainer__6tc0q{box-shadow:0 0 1px 0 var(--sb-slate-700),0 10px 10px -5px rgba(0,0,0,.7)}.Chart_chartContainer__--q1l:hover .Chart_tooltipContainer__6tc0q{opacity:1;transition-duration:.5s}.Chart_tooltipItem__j8I9T{align-items:stretch;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.Chart_tooltipItem__j8I9T>svg{color:var(--muted-foreground);height:.625rem;width:.625rem}.Chart_tooltipIndicator__Z-JWp{background-color:var(--color-bg);border-color:var(--color-border);border-radius:2px;border-width:1px;flex-shrink:0}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dot__MWcmW{height:.625rem;width:.625rem}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-line__MO3ul{width:.25rem}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dashed__2LqIN{background-color:transparent;border-style:dashed;border-width:1.5px;width:0}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dashed__2LqIN.Chart_nested__7EWWk{margin-bottom:.125rem;margin-top:.125rem}.Chart_tooltipContent__M3R-W{display:flex;flex:1 1 0%;justify-content:space-between;line-height:1;min-width:0}.Chart_tooltipLabel__zMpjZ{display:grid;min-width:0;grid-gap:.375rem;gap:.375rem}.Chart_tooltipLabelText__45osJ{display:-webkit-box;-webkit-line-clamp:3;max-width:100%;min-width:0;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical}.Chart_tooltipValue__vTQxU{color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;font-weight:500;margin-left:var(--p-3);white-space:nowrap}.Chart_legendContainer__u1J3U{align-items:center;display:flex;gap:1rem;justify-content:center}.Chart_legendItem__0CSyC{align-items:center;display:flex;gap:.375rem}.Chart_legendItem__0CSyC>svg{color:var(--muted-foreground);height:.75rem;width:.75rem}.Chart_legendIndicator__erzzP{border-radius:2px;flex-shrink:0;height:.5rem;width:.5rem}.chart-line-blinking path{animation:chart-line-blink 1s ease-in-out infinite;animation-direction:alternate}@keyframes Chart_chart-line-blink__4EI-g{0%{opacity:.5}to{opacity:1}}";
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Chart_chartContainer__--q1l{aspect-ratio:16/9;display:flex;font-size:.75rem;justify-content:center;line-height:1rem;max-width:100%;touch-action:none;width:100%}.Chart_chartContainer__--q1l .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.Chart_chartContainer__--q1l .recharts-cartesian-grid line[stroke=\"#ccc\"]{stroke:var(--border)}.dark .Chart_chartContainer__--q1l .recharts-cartesian-grid line[stroke=\"#ccc\"]{stroke:var(--sb-slate-900)}.Chart_chartContainer__--q1l .recharts-curve.recharts-tooltip-cursor,.Chart_chartContainer__--q1l .recharts-polar-grid [stroke=\"#ccc\"]{stroke:var(--border)}.Chart_chartContainer__--q1l .recharts-radial-bar-background-sector,.Chart_chartContainer__--q1l .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.Chart_chartContainer__--q1l .recharts-reference-line [stroke=\"#ccc\"]{stroke:var(--border)}.Chart_chartContainer__--q1l .recharts-dot[stroke=\"#fff\"]{stroke:transparent}.Chart_chartContainer__--q1l .recharts-layer,.Chart_chartContainer__--q1l .recharts-sector{outline:none}.Chart_chartContainer__--q1l .recharts-sector[stroke=\"#fff\"]{stroke:transparent}.Chart_chartContainer__--q1l .recharts-surface{outline:none}.Chart_chartContainer__--q1l .recharts-wrapper{position:relative}.Chart_chartContainer__--q1l .recharts-surface{position:relative;z-index:1}.Chart_chartContainer__--q1l .recharts-tooltip-wrapper{box-sizing:border-box;max-width:90%;z-index:3!important}.Chart_chartContainer__--q1l .recharts-active-dot{z-index:3}.Chart_chartGrid__t52WF{stroke-width:.6}.Chart_tooltipContainer__6tc0q{align-items:start;box-sizing:border-box;display:grid;max-width:min(500px,90vw);min-width:0;overflow-wrap:break-word;width:100%;word-break:break-word;grid-gap:.375rem;backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--background) 70%,transparent);border:1px solid var(--border)/.5;border-radius:.5rem;box-shadow:0 10px 10px -5px rgba(0,0,0,.2),0 0 1px 0 var(--muted-foreground);font-size:.75rem;gap:.375rem;line-height:1rem;opacity:0;padding:.375rem .625rem;transition:opacity .5s ease-out}.dark .Chart_tooltipContainer__6tc0q{background-color:color-mix(in srgb,var(--background) 50%,transparent);box-shadow:0 0 1px 0 var(--sb-slate-700),0 10px 10px -5px rgba(0,0,0,.7)}.Chart_chartContainer__--q1l:hover .Chart_tooltipContainer__6tc0q{opacity:1;transition-duration:.5s}.Chart_tooltipItem__j8I9T{align-items:stretch;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.Chart_tooltipItem__j8I9T>svg{color:var(--muted-foreground);height:.625rem;width:.625rem}.Chart_tooltipIndicator__Z-JWp{background-color:var(--color-bg);border-color:var(--color-border);border-radius:2px;border-width:1px;flex-shrink:0}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dot__MWcmW{height:.625rem;width:.625rem}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-line__MO3ul{width:.25rem}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dashed__2LqIN{background-color:transparent;border-style:dashed;border-width:1.5px;width:0}.Chart_tooltipIndicator__Z-JWp.Chart_indicator-dashed__2LqIN.Chart_nested__7EWWk{margin-bottom:.125rem;margin-top:.125rem}.Chart_tooltipContent__M3R-W{display:flex;flex:1 1 0%;justify-content:space-between;line-height:1;min-width:0}.Chart_tooltipLabel__zMpjZ{display:grid;min-width:0;grid-gap:.375rem;gap:.375rem}.Chart_tooltipLabelText__45osJ{display:-webkit-box;-webkit-line-clamp:3;max-width:100%;min-width:0;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical}.Chart_tooltipValue__vTQxU{color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;font-weight:500;margin-left:var(--p-3);white-space:nowrap}.Chart_legendContainer__u1J3U{align-items:center;display:flex;gap:1rem;justify-content:center}.Chart_legendItem__0CSyC{align-items:center;display:flex;gap:.375rem}.Chart_legendItem__0CSyC>svg{color:var(--muted-foreground);height:.75rem;width:.75rem}.Chart_legendIndicator__erzzP{border-radius:2px;flex-shrink:0;height:.5rem;width:.5rem}.chart-line-blinking path{animation:chart-line-blink 1s ease-in-out infinite;animation-direction:alternate}@keyframes Chart_chart-line-blink__4EI-g{0%{opacity:.5}to{opacity:1}}";
 var S = {"chartContainer":"Chart_chartContainer__--q1l","chartGrid":"Chart_chartGrid__t52WF","tooltipContainer":"Chart_tooltipContainer__6tc0q","tooltipItem":"Chart_tooltipItem__j8I9T","tooltipIndicator":"Chart_tooltipIndicator__Z-JWp","indicator-dot":"Chart_indicator-dot__MWcmW","indicator-line":"Chart_indicator-line__MO3ul","indicator-dashed":"Chart_indicator-dashed__2LqIN","nested":"Chart_nested__7EWWk","tooltipContent":"Chart_tooltipContent__M3R-W","tooltipLabel":"Chart_tooltipLabel__zMpjZ","tooltipLabelText":"Chart_tooltipLabelText__45osJ","tooltipValue":"Chart_tooltipValue__vTQxU","legendContainer":"Chart_legendContainer__u1J3U","legendItem":"Chart_legendItem__0CSyC","legendIndicator":"Chart_legendIndicator__erzzP","chart-line-blink":"Chart_chart-line-blink__4EI-g"};
 styleInject(css_248z);
 

package/dist/esm/components/ui/ChartAreaInteractive/ChartAreaInteractive.js

@@ -42,7 +42,13 @@ function ChartAreaInteractive({ className, chartContainerClassName, legendClassN
     const timeFilteredChartData = useMemo(() => {
         const raw = selectedAnalysisId ?? selectedForecast?.id ?? null;
         const anchorId = raw == null ? null : typeof raw === 'number' ? raw : Number(raw);
-        const opts = anchorId != null && Number.isFinite(anchorId)
+        const anchorForecastLoaded = anchorId != null &&
+            Number.isFinite(anchorId) &&
+            chartData.some(row => {
+                const value = row[`forecast_${anchorId}`];
+                return typeof value === 'number' && Number.isFinite(value);
+            });
+        const opts = anchorId != null && Number.isFinite(anchorId) && anchorForecastLoaded
             ? { endDateAnchorAnalysisId: anchorId }
             : undefined;
         return filterDataForTimeRange(chartData, timeRange, opts);

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

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import cn from 'classnames';
-import { useRef, useCallback } from 'react';
+import { forwardRef, useRef, useImperativeHandle, useCallback } from 'react';
 import S from './ChatPrompt.styl.js';
 import { ChatPromptAttachments } from './ChatPromptAttachments.js';
 import { ChatPromptComposer } from './ChatPromptComposer.js';
+import { createChatPromptComposerHandle } from './chatPromptComposerInsert.js';
 import { useChatPromptEditor } from './useChatPromptEditor.js';
 
-function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, slashCommandItems, onSlashItemCommand, attachments = [], onRemoveAttachment, disabled = false, attachmentAccept, onAttachmentFiles, }) {
+const ChatPrompt = forwardRef(function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, slashCommandItems, onSlashItemCommand, attachments = [], onRemoveAttachment, disabled = false, attachmentAccept, onAttachmentFiles, }, ref) {
     const attachmentsCount = attachments.length;
     const emitSubmitRef = useRef(() => { });
     const { editor, trimmedMessage, resetAfterSend } = useChatPromptEditor({
@@ -18,6 +19,7 @@ function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage,
         attachmentsCount,
         onEnterSubmit: () => emitSubmitRef.current(),
     });
+    useImperativeHandle(ref, () => (editor ? createChatPromptComposerHandle(editor) : null), [editor]);
     const emitSubmitAndClear = useCallback(() => {
         if (!editor)
             return;
@@ -43,6 +45,6 @@ function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage,
         return null;
     }
     return (jsxs("form", { onSubmit: handleSubmitForm, className: cn(S.root, className), children: [jsx(ChatPromptAttachments, { attachments: attachments, onRemove: index => onRemoveAttachment?.(index), disabled: disabled }), jsx(ChatPromptComposer, { editor: editor, disabled: disabled, trimmedMessage: trimmedMessage, attachments: attachments, attachmentAccept: attachmentAccept, onAttachmentFiles: onAttachmentFiles }), footer] }));
-}
+});
 
 export { ChatPrompt };

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

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:stretch;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);padding-top:var(--p-5);position:relative}.ChatPrompt_composer__H3c3N{align-items:flex-end;display:flex;flex-direction:row;gap:var(--p-3);position:relative;width:100%}.ChatPrompt_fileInput__xdgPn{display:none}.ChatPrompt_attachButton__gi-qF{align-self:flex-end;flex-shrink:0}.ChatPrompt_editorWrap__Q7gat{align-self:stretch;flex:1;min-width:0}.ChatPrompt_editorMount__Phh4D{background:transparent;border:none;border-radius:0!important;box-shadow:none!important;display:flex;flex:1;flex-direction:column;max-height:200px;min-height:40px;min-width:0;padding:0!important}.ChatPrompt_editorMount__Phh4D:focus-within{box-shadow:none!important}.ChatPrompt_editorMount__Phh4D .ProseMirror{border:none!important;box-shadow:none!important;flex:1;margin:0;max-height:200px!important;min-height:40px!important;outline:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding:var(--p-2) 0 0!important;resize:none!important;white-space:pre-wrap;word-break:break-word}.ChatPrompt_editorMount__Phh4D .ProseMirror p.is-empty.is-editor-empty:before{color:var(--muted-foreground);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ChatPrompt_submitColumn__0rY1R{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end}.ChatPrompt_submitColumn__0rY1R>button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_submitColumn__0rY1R>button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_submitColumn__0rY1R>button:first-child:focus{transform:scale(1.2)}.ChatPrompt_submitColumn__0rY1R>button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_attachments__KG-fG{display:flex;flex-wrap:wrap;gap:var(--p-2);margin-bottom:var(--p-2)}.ChatPrompt_attachmentItem__QJk7J{flex:1 1 300px;max-width:300px;min-width:0}";
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:stretch;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);padding-top:var(--p-5);position:relative}.ChatPrompt_composer__H3c3N{align-items:flex-end;display:flex;flex-direction:row;gap:var(--p-3);position:relative;width:100%}.ChatPrompt_fileInput__xdgPn{display:none}.ChatPrompt_attachButton__gi-qF{align-self:flex-end;flex-shrink:0}.ChatPrompt_editorWrap__Q7gat{align-self:stretch;flex:1;min-width:0}.ChatPrompt_editorMount__Phh4D{background:transparent;border:none;border-radius:0!important;box-shadow:none!important;display:flex;flex:1;flex-direction:column;max-height:200px;min-height:40px;min-width:0;padding:0!important}.ChatPrompt_editorMount__Phh4D:focus-within{box-shadow:none!important}.ChatPrompt_editorMount__Phh4D .ProseMirror{border:none!important;box-shadow:none!important;flex:1;margin:0;max-height:200px!important;min-height:40px!important;outline:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding:var(--p-2) 0 0!important;resize:none!important;white-space:pre-wrap;word-break:break-word}.ChatPrompt_editorMount__Phh4D .ProseMirror p.is-empty.is-editor-empty:before{color:var(--muted-foreground);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ChatPrompt_editorMount__Phh4D .ProseMirror .chat-prompt-command-chip,.ChatPrompt_editorMount__Phh4D .ProseMirror .slash-mention{align-items:center;background:var(--muted);border-radius:var(--radius-sm);display:inline-flex;font-size:.875em;line-height:1.4;padding:0 var(--p-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline;white-space:nowrap}.ChatPrompt_editorMount__Phh4D .ProseMirror .chat-prompt-command-chip{color:var(--foreground)}.ChatPrompt_submitColumn__0rY1R{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end}.ChatPrompt_submitColumn__0rY1R>button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_submitColumn__0rY1R>button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_submitColumn__0rY1R>button:first-child:focus{transform:scale(1.2)}.ChatPrompt_submitColumn__0rY1R>button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_attachments__KG-fG{display:flex;flex-wrap:wrap;gap:var(--p-2);margin-bottom:var(--p-2)}.ChatPrompt_attachmentItem__QJk7J{flex:1 1 300px;max-width:300px;min-width:0}";
 var S = {"root":"ChatPrompt_root__5G5bq","composer":"ChatPrompt_composer__H3c3N","fileInput":"ChatPrompt_fileInput__xdgPn","attachButton":"ChatPrompt_attachButton__gi-qF","editorWrap":"ChatPrompt_editorWrap__Q7gat","editorMount":"ChatPrompt_editorMount__Phh4D","submitColumn":"ChatPrompt_submitColumn__0rY1R","attachments":"ChatPrompt_attachments__KG-fG","attachmentItem":"ChatPrompt_attachmentItem__QJk7J"};
 styleInject(css_248z);
 

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPromptComposer.js

@@ -1,13 +1,17 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
+import { forwardRef, useRef, useImperativeHandle, useCallback } from 'react';
 import { EditorContent } from '@tiptap/react';
 import { PaperclipIcon, SendHorizontalIcon } from 'lucide-react';
 import { Button } from '../../Button/Button.js';
 import S from './ChatPrompt.styl.js';
+import { createChatPromptComposerHandle } from './chatPromptComposerInsert.js';
 
-function ChatPromptComposer({ editor, disabled, trimmedMessage, attachments, attachmentAccept, onAttachmentFiles, }) {
+const ChatPromptComposer = forwardRef(function ChatPromptComposer({ editor, disabled, trimmedMessage, attachments, attachmentAccept, onAttachmentFiles, }, ref) {
     const fileInputRef = useRef(null);
     const showAttachButton = Boolean(attachmentAccept && onAttachmentFiles);
+    useImperativeHandle(ref, () => createChatPromptComposerHandle(editor), [
+        editor,
+    ]);
     const handleFileInputChange = useCallback((e) => {
         const files = Array.from(e.target.files ?? []);
         e.target.value = '';
@@ -20,6 +24,6 @@ function ChatPromptComposer({ editor, disabled, trimmedMessage, attachments, att
                             e.preventDefault();
                             fileInputRef.current?.click();
                         }, children: jsx(PaperclipIcon, { size: 16 }) })] })) : null, jsx("div", { className: S.editorWrap, children: jsx(EditorContent, { editor: editor, className: S.editorMount }) }), jsx("div", { className: S.submitColumn, children: jsx(Button, { type: "submit", size: "sm", disabled: disabled || !canSubmit, onMouseDown: e => e.preventDefault(), children: jsx(SendHorizontalIcon, { size: 16 }) }) })] }));
-}
+});
 
 export { ChatPromptComposer };

package/dist/esm/components/ui/Chat/ChatPrompt/chatPromptComposerInsert.js

@@ -0,0 +1,67 @@
+/** Global class for inline command chips inserted via `insertAtCaret`. */
+const CHAT_PROMPT_COMMAND_CHIP_CLASS = 'chat-prompt-command-chip';
+/** Range of the unfinished token immediately before `pos` (back to space or line start). */
+function getChatPromptTokenRangeBeforePos(editor, pos) {
+    const $pos = editor.state.doc.resolve(pos);
+    const textBefore = $pos.parent.textBetween(0, $pos.parentOffset, undefined, '\ufffc');
+    const token = textBefore.match(/[^\s]*$/)?.[0] ?? '';
+    return { from: pos - token.length, to: pos };
+}
+function escapeHtml(text) {
+    return text
+        .replaceAll('&', '&')
+        .replaceAll('<', '&lt;')
+        .replaceAll('>', '&gt;')
+        .replaceAll('"', '&quot;');
+}
+/** Build inline chip HTML for `insertAtCaret` (uses global `CHAT_PROMPT_COMMAND_CHIP_CLASS`). */
+function chatPromptChipHtml(text, className = CHAT_PROMPT_COMMAND_CHIP_CLASS) {
+    const cls = className ? ` class="${className}"` : '';
+    return `<span${cls} data-chat-prompt-chip="true">${escapeHtml(text)}</span>`;
+}
+function insertChatPromptContentAtCaret(editor, content, options) {
+    if (editor.isDestroyed)
+        return;
+    const { replaceRange, replaceTriggerToken = true, trailingSpace = true, } = options ?? {};
+    const { from: selFrom, to: selTo } = editor.state.selection;
+    let from;
+    let to;
+    if (replaceRange) {
+        from = replaceRange.from;
+        to = replaceRange.to;
+    }
+    else if (replaceTriggerToken) {
+        ({ from, to } = getChatPromptTokenRangeBeforePos(editor, selFrom));
+    }
+    else {
+        from = selFrom;
+        to = selTo;
+    }
+    const chain = editor.chain().focus().deleteRange({ from, to });
+    if (typeof content === 'string') {
+        chain.insertContentAt(from, trailingSpace ? `${content} ` : content);
+    }
+    else {
+        chain.insertContentAt(from, content);
+        if (trailingSpace) {
+            chain.insertContent(' ');
+        }
+    }
+    chain.run();
+    queueMicrotask(() => {
+        editor.view.dom.ownerDocument?.defaultView
+            ?.getSelection?.()
+            ?.collapseToEnd();
+    });
+}
+function createChatPromptComposerHandle(editor) {
+    return {
+        insertAtCaret: (content, options) => insertChatPromptContentAtCaret(editor, content, options),
+        focus: () => {
+            editor.commands.focus();
+        },
+        getEditor: () => editor,
+    };
+}
+
+export { CHAT_PROMPT_COMMAND_CHIP_CLASS, chatPromptChipHtml, createChatPromptComposerHandle, getChatPromptTokenRangeBeforePos, insertChatPromptContentAtCaret };

package/dist/esm/components/ui/Logo/Logo.styl.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".Logo_root__-IFVw{align-items:center;color:var(--color-foreground);display:flex;gap:8px}.Logo_icon__cE1BI{display:block;flex-shrink:0;height:24px;width:auto}.Logo_text__YpU3U{font-family:var(--font-family-heading);line-height:48px}.Logo_sm__p25D- .Logo_icon__cE1BI{height:18px}.Logo_sm__p25D- .Logo_text__YpU3U{font-size:var(--text-lg);line-height:36px}.Logo_md__1Y9mG .Logo_icon__cE1BI{height:24px}.Logo_md__1Y9mG .Logo_text__YpU3U{font-size:var(--text-2xl);line-height:48px}.Logo_lg__V9Yy2 .Logo_icon__cE1BI{height:32px}.Logo_lg__V9Yy2 .Logo_text__YpU3U{font-size:var(--text-3xl);line-height:56px}";
+var css_248z = ".Logo_root__-IFVw{align-items:center;color:var(--color-foreground);display:flex;gap:8px}.Logo_icon__cE1BI{color:var(--brand-color);display:block;flex-shrink:0;height:24px;width:auto}.Logo_text__YpU3U{font-family:var(--font-family-heading);line-height:48px}.Logo_sm__p25D- .Logo_icon__cE1BI{height:18px}.Logo_sm__p25D- .Logo_text__YpU3U{font-size:var(--text-lg);line-height:36px}.Logo_md__1Y9mG .Logo_icon__cE1BI{height:24px}.Logo_md__1Y9mG .Logo_text__YpU3U{font-size:var(--text-2xl);line-height:48px}.Logo_lg__V9Yy2 .Logo_icon__cE1BI{height:32px}.Logo_lg__V9Yy2 .Logo_text__YpU3U{font-size:var(--text-3xl);line-height:56px}";
 var S = {"root":"Logo_root__-IFVw","icon":"Logo_icon__cE1BI","text":"Logo_text__YpU3U","sm":"Logo_sm__p25D-","md":"Logo_md__1Y9mG","lg":"Logo_lg__V9Yy2"};
 styleInject(css_248z);
 

package/dist/esm/components/ui/Logo/logo.svg.js

@@ -7,7 +7,7 @@ var SvgLogo = function SvgLogo(props) {
     viewBox: "0 0 24 24",
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#C259FF",
+    fill: "currentColor",
     d: "M13.43 24.023h-2.836v-2.836h2.836zm-2.835-2.844H5.63v-2.74h4.965Zm10.527-2.74h-2.726v2.74h-4.965v-2.74h4.952v-4.965h2.74zm-15.5 0h-2.74v-4.965h2.74ZM2.87 13.462H.034v-2.836H2.87Zm21.096 0H21.13v-2.836h2.836zM5.617 10.635h-2.74V5.669h2.74zm15.505 0h-2.74V5.669h2.74zM10.588 2.927v2.74H5.623v-2.74Zm2.842 0h4.96v2.74h-4.966v-2.74h-2.83V.09h2.836z",
     style: {
       strokeWidth: 0.13252

package/dist/esm/components/ui/Page/PageFooter/PageFooter.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Link } from 'react-router-dom';
+import { Logo } from '../../Logo/Logo.js';
 import { GlobeIcon, MailIcon } from 'lucide-react';
 import S from './PageFooter.styl.js';
 
@@ -8,7 +9,7 @@ function PageFooterLinkEl({ item }) {
     const openInNewTab = /^https?:\/\//i.test(url);
     return (jsx("a", { href: url, className: S.link, ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}), ...(openInNewTab ? { target: '_blank', rel: 'noreferrer' } : {}), children: label }));
 }
-function PageFooter({ children, versionLink, versionLabel, homeTo = '/', brandText = 'Sybilion', logo, websiteHref = 'https://sybilion.com', mailHref = 'mailto:support@sybilion.com', copyrightText = '© 2026 Sybilion. All rights reserved.', links: linksProp, }) {
+function PageFooter({ children, versionLink, versionLabel, homeTo = '/', brandText = 'Sybilion', websiteHref = 'https://sybilion.com', mailHref = 'mailto:support@sybilion.com', copyrightText = '© 2026 Sybilion. All rights reserved.', links: linksProp, }) {
     const resolvedLinks = linksProp !== undefined
         ? linksProp
         : [
@@ -25,7 +26,7 @@ function PageFooter({ children, versionLink, versionLabel, homeTo = '/', brandTe
                 ariaLabel: 'Contact support via email',
             },
         ];
-    return (jsx("footer", { className: S.root, children: jsxs("div", { className: S.line, children: [jsxs("div", { className: S.logo, children: [jsxs(Link, { to: homeTo, children: [logo, "\u00A0", brandText] }), versionLink !== '' && (jsx("div", { className: S.version, children: jsx(Link, { to: versionLink, className: S.versionLink, children: versionLabel }) }))] }), children, jsxs("div", { className: S.meta, children: [jsx("div", { className: S.copyright, children: copyrightText }), resolvedLinks.length > 0 && (jsx("nav", { className: S.links, "aria-label": "Footer links", children: resolvedLinks.map(item => (jsx(PageFooterLinkEl, { item: item }, item.id))) }))] })] }) }));
+    return (jsx("footer", { className: S.root, children: jsxs("div", { className: S.line, children: [jsxs("div", { className: S.logo, children: [jsxs(Link, { to: homeTo, children: [jsx(Logo, {}), "\u00A0", brandText] }), versionLink !== '' && (jsx("div", { className: S.version, children: jsx(Link, { to: versionLink, className: S.versionLink, children: versionLabel }) }))] }), children, jsxs("div", { className: S.meta, children: [jsx("div", { className: S.copyright, children: copyrightText }), resolvedLinks.length > 0 && (jsx("nav", { className: S.links, "aria-label": "Footer links", children: resolvedLinks.map(item => (jsx(PageFooterLinkEl, { item: item }, item.id))) }))] })] }) }));
 }
 
 export { PageFooter };

package/dist/esm/components/widgets/DriversComparisonChart/DriversComparisonChart.js

@@ -17,6 +17,7 @@ import '../../ui/Page/PageContent/PageContent.styl.js';
 import '@homecode/ui';
 import '../../ui/Page/PageScroll/PageScroll.styl.js';
 import { PageXScroll } from '../../ui/Page/PageXScroll/PageXScroll.js';
+import '../../ui/Logo/Logo.styl.js';
 import '../../ui/Page/PageFooter/PageFooter.styl.js';
 import '@radix-ui/react-tabs';
 import '../../ui/Tabs/Tabs.styl.js';

package/dist/esm/components/widgets/PerformanceChart/PerformanceTable.js

@@ -16,6 +16,7 @@ import '../../ui/Page/PageContent/PageContent.styl.js';
 import '@homecode/ui';
 import '../../ui/Page/PageScroll/PageScroll.styl.js';
 import { PageXScroll } from '../../ui/Page/PageXScroll/PageXScroll.js';
+import '../../ui/Logo/Logo.styl.js';
 import '../../ui/Page/PageFooter/PageFooter.styl.js';
 import '@radix-ui/react-tabs';
 import '../../ui/Tabs/Tabs.styl.js';

package/dist/esm/index.js

@@ -31,6 +31,7 @@ export { ChatSheet } from './components/ui/Chat/ChatSheet/ChatSheet.js';
 export { useChatPanelChromeModel } from './components/ui/Chat/ChatSheet/useChatPanelChromeModel.js';
 export { ChatMessage } from './components/ui/Chat/ChatMessage/ChatMessage.js';
 export { ChatPrompt } from './components/ui/Chat/ChatPrompt/ChatPrompt.js';
+export { CHAT_PROMPT_COMMAND_CHIP_CLASS, chatPromptChipHtml, createChatPromptComposerHandle, getChatPromptTokenRangeBeforePos, insertChatPromptContentAtCaret } from './components/ui/Chat/ChatPrompt/chatPromptComposerInsert.js';
 export { ChatPresets } from './components/ui/Chat/ChatPresets/ChatPresets.js';
 export { MessageRole } from './components/ui/Chat/Chat.types.js';
 export { CsvIcon } from './components/icons/CsvIcon/CsvIcon.js';

package/dist/esm/tiptap/slash-mention/SlashSuggestionList.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.SlashSuggestionList_root__9KCb1{background:var(--popover,var(--card));border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 8px 24px rgba(0,0,0,.12);color:var(--foreground);display:flex;flex-direction:column;font-size:var(--text-sm);list-style:none;margin:0;max-height:40vh;max-width:90vw;min-width:220px;overflow-y:auto;padding:var(--p-1)}.dark .SlashSuggestionList_root__9KCb1{box-shadow:0 8px 24px rgba(0,0,0,.5)}.SlashSuggestionList_item__9JBeY{align-items:flex-start;background:transparent;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:inherit;cursor:pointer;display:flex;flex-direction:column;margin:0;padding:var(--p-1) var(--p-2);text-align:left;width:100%}.SlashSuggestionList_itemHighlighted__cStZr,.SlashSuggestionList_item__9JBeY:hover{background:var(--muted)}.SlashSuggestionList_itemLabel__OMaov{font-weight:600}.SlashSuggestionList_itemDesc__fAdcA{color:var(--muted-foreground);font-size:var(--text-xs)}";
-var S = {"root":"SlashSuggestionList_root__9KCb1","item":"SlashSuggestionList_item__9JBeY","itemHighlighted":"SlashSuggestionList_itemHighlighted__cStZr","itemLabel":"SlashSuggestionList_itemLabel__OMaov","itemDesc":"SlashSuggestionList_itemDesc__fAdcA"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.SlashSuggestionList_root__9KCb1{background:var(--popover,var(--card));border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 8px 24px rgba(0,0,0,.12);color:var(--foreground);display:flex;flex-direction:column;font-size:var(--text-sm);list-style:none;margin:0;max-height:40vh;max-width:90vw;min-width:220px;overflow-y:auto;padding:var(--p-1)}.dark .SlashSuggestionList_root__9KCb1{box-shadow:0 8px 24px rgba(0,0,0,.5)}.SlashSuggestionList_item__9JBeY{align-items:flex-start;background:transparent;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:inherit;cursor:pointer;display:flex;flex-direction:column;margin:0;padding:var(--p-1) var(--p-2);text-align:left;width:100%}.SlashSuggestionList_itemHighlighted__cStZr,.SlashSuggestionList_item__9JBeY:hover{background:var(--muted)}.SlashSuggestionList_itemLabel__OMaov{font-weight:600}.SlashSuggestionList_itemDesc__fAdcA{color:var(--muted-foreground);font-size:var(--text-xs)}.SlashSuggestionList_mention__aT45p{border-radius:.3em;padding:0 .3em}";
+var S = {"root":"SlashSuggestionList_root__9KCb1","item":"SlashSuggestionList_item__9JBeY","itemHighlighted":"SlashSuggestionList_itemHighlighted__cStZr","itemLabel":"SlashSuggestionList_itemLabel__OMaov","itemDesc":"SlashSuggestionList_itemDesc__fAdcA","mention":"SlashSuggestionList_mention__aT45p"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/tiptap/slash-mention/createSlashMentionExtension.js

@@ -2,8 +2,34 @@ import { mergeAttributes } from '@tiptap/core';
 import Mention from '@tiptap/extension-mention';
 import { ReactRenderer } from '@tiptap/react';
 import { SlashSuggestionList } from './SlashSuggestionList.js';
+import S from './SlashSuggestionList.styl.js';
 import { filterSlashItems } from './defaultChatSlashItems.js';
 
+const SlashMention = Mention.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            className: {
+                default: null,
+                parseHTML: element => element.getAttribute('data-slash-class'),
+                renderHTML: attributes => {
+                    if (!attributes.className)
+                        return {};
+                    return { 'data-slash-class': attributes.className };
+                },
+            },
+            color: {
+                default: null,
+                parseHTML: element => element.getAttribute('data-slash-color'),
+                renderHTML: attributes => {
+                    if (!attributes.color)
+                        return {};
+                    return { 'data-slash-color': attributes.color };
+                },
+            },
+        };
+    },
+});
 const SUGGESTION_GAP_PX = 4;
 function placeSlashSuggestionPopup(popupElement, clientRect, placement) {
     if (!clientRect)
@@ -68,27 +94,10 @@ function slashMentionSuggestionRender(uiRef, placement = 'below') {
         onKeyDown: ({ event }) => uiRef.current?.onKeyboardEvent(event) ?? false,
     };
 }
-function clearSlashTriggerEditor(editor, range) {
-    if (editor.isDestroyed)
-        return;
-    try {
-        editor.chain().focus().deleteRange(range).clearContent().run();
-    }
-    catch {
-        // Editor view may be tearing down during suggestion exit.
-    }
-}
-function collapseEditorSelectionEnd(editor) {
-    if (editor.isDestroyed)
-        return;
-    try {
-        editor.view?.dom?.ownerDocument?.defaultView
-            ?.getSelection?.()
-            ?.collapseToEnd();
-    }
-    catch {
-        // view.dom throws when editor is not mounted
-    }
+function slashMentionChipStyle(color) {
+    if (!color)
+        return undefined;
+    return `color: ${color}; background-color: color-mix(in srgb, ${color} 30%, transparent);`;
 }
 function insertDefaultMention(editor, range, props, slashChar) {
     const nodeAfter = editor.view.state.selection.$to.nodeAfter;
@@ -104,6 +113,8 @@ function insertDefaultMention(editor, range, props, slashChar) {
                 id: props.id,
                 label: props.label,
                 mentionSuggestionChar: slashChar,
+                className: props.className ?? null,
+                color: props.color ?? null,
             },
         },
         { type: 'text', text: ' ' },
@@ -129,23 +140,31 @@ function createSlashMentionExtension({ items: resolvedItems, slashChar = '/', pl
     const uiRef = {
         current: null,
     };
-    return Mention.configure({
+    return SlashMention.configure({
         renderText({ node }) {
             return `/${node.attrs.id}`;
         },
-        renderHTML({ options, node, suggestion }) {
-            const suggestionChar = suggestion?.char ?? slashChar;
+        renderHTML({ options, node }) {
             const id = typeof node.attrs.id === 'string'
                 ? node.attrs.id
                 : String(node.attrs.id ?? '');
+            const label = typeof node.attrs.label === 'string' && node.attrs.label.trim() !== ''
+                ? node.attrs.label
+                : id;
+            const color = typeof node.attrs.color === 'string' ? node.attrs.color : null;
+            const className = [S.mention, node.attrs.className]
+                .filter(Boolean)
+                .join(' ');
+            const chipStyle = slashMentionChipStyle(color);
             return [
                 'span',
                 mergeAttributes({
                     'data-type': 'mention',
                     'data-slash-command': id,
-                    class: 'slash-mention',
+                    class: className,
+                    ...(chipStyle ? { style: chipStyle } : {}),
                 }, options.HTMLAttributes),
-                `${suggestionChar}${id}`,
+                label,
             ];
         },
         suggestion: {
@@ -157,8 +176,6 @@ function createSlashMentionExtension({ items: resolvedItems, slashChar = '/', pl
             command: ({ editor, range, props }) => {
                 const item = props;
                 if (onItemCommand?.({ editor, range, item }) === true) {
-                    clearSlashTriggerEditor(editor, range);
-                    queueMicrotask(() => collapseEditorSelectionEnd(editor));
                     return null;
                 }
                 insertDefaultMention(editor, range, item, slashChar);

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

@@ -2,10 +2,9 @@ import { ChatPresets } from '#uilib/components/ui/Chat/ChatPresets';
 import type { ChatProps } from './Chat.types';
 import { ChatEmptyState } from './ChatEmptyState/ChatEmptyState';
 import { ChatMessage } from './ChatMessage';
-import { ChatPrompt } from './ChatPrompt';
 export declare function Chat({ children, className, isEmpty, scopeId, onChatDeleted, ...props }: ChatProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Chat {
-    var Prompt: typeof ChatPrompt;
+    var Prompt: import("react").ForwardRefExoticComponent<import("./Chat.types").ChatPromptProps & import("react").RefAttributes<import(".").ChatPromptComposerHandle>>;
     var Message: typeof ChatMessage;
     var Presets: typeof ChatPresets;
     var EmptyState: typeof ChatEmptyState;

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

@@ -84,7 +84,7 @@ export interface ChatPromptProps {
     onAttachmentFiles?: (files: File[]) => void;
     /** Slash menu (`/`); omit or pass empty to disable Mention trigger (no default items). */
     slashCommandItems?: SlashCommandItem[];
-    /** Custom slash pick handler; return true to skip default mention insert. */
+    /** Custom slash pick handler; return true to skip default mention insert and insert via composer API. */
     onSlashItemCommand?: SlashOnItemCommand;
 }
 export interface ChatMessageProps {

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

@@ -1,2 +1,4 @@
 import type { ChatPromptProps } from '../Chat.types';
-export declare function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, slashCommandItems, onSlashItemCommand, attachments, onRemoveAttachment, disabled, attachmentAccept, onAttachmentFiles, }: ChatPromptProps): import("react/jsx-runtime").JSX.Element;
+import { type ChatPromptComposerHandle } from './ChatPromptComposer';
+export type { ChatPromptComposerHandle } from './ChatPromptComposer';
+export declare const ChatPrompt: import("react").ForwardRefExoticComponent<ChatPromptProps & import("react").RefAttributes<ChatPromptComposerHandle>>;

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

@@ -1,5 +1,7 @@
 import type { Editor } from '@tiptap/core';
 import type { ChatAttachmentDropItem } from '../Chat.types';
+import { type ChatPromptComposerHandle } from './chatPromptComposerInsert';
+export type { ChatPromptComposerHandle, ChatPromptComposerInsertOptions, } from './ChatPromptComposer.types';
 export type ChatPromptComposerProps = {
     editor: Editor;
     disabled: boolean;
@@ -8,4 +10,4 @@ export type ChatPromptComposerProps = {
     attachmentAccept?: string;
     onAttachmentFiles?: (files: File[]) => void;
 };
-export declare function ChatPromptComposer({ editor, disabled, trimmedMessage, attachments, attachmentAccept, onAttachmentFiles, }: ChatPromptComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare const ChatPromptComposer: import("react").ForwardRefExoticComponent<ChatPromptComposerProps & import("react").RefAttributes<ChatPromptComposerHandle>>;

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

@@ -0,0 +1,2 @@
+export type { ChatPromptComposerHandle, ChatPromptComposerInsertOptions, } from './chatPromptComposerInsert';
+export { CHAT_PROMPT_COMMAND_CHIP_CLASS, chatPromptChipHtml, createChatPromptComposerHandle, getChatPromptTokenRangeBeforePos, insertChatPromptContentAtCaret, } from './chatPromptComposerInsert';

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

@@ -0,0 +1,35 @@
+import type { Editor, JSONContent } from '@tiptap/core';
+export type ChatPromptComposerInsertOptions = {
+    /**
+     * Doc range to replace before insert (e.g. slash suggestion `range` covering `/query`).
+     * When set, `replaceTriggerToken` is ignored.
+     */
+    replaceRange?: {
+        from: number;
+        to: number;
+    };
+    /**
+     * When true and no `replaceRange`, delete text from caret back to the preceding
+     * space or start of line before insert. Default true.
+     */
+    replaceTriggerToken?: boolean;
+    /** Append a space after inserted content so the user can keep typing. Default true. */
+    trailingSpace?: boolean;
+};
+/** Global class for inline command chips inserted via `insertAtCaret`. */
+export declare const CHAT_PROMPT_COMMAND_CHIP_CLASS = "chat-prompt-command-chip";
+export type ChatPromptComposerHandle = {
+    /** Insert HTML string or TipTap JSON at the caret (or after clearing trigger text). */
+    insertAtCaret: (content: string | JSONContent, options?: ChatPromptComposerInsertOptions) => void;
+    focus: () => void;
+    getEditor: () => Editor;
+};
+/** Range of the unfinished token immediately before `pos` (back to space or line start). */
+export declare function getChatPromptTokenRangeBeforePos(editor: Editor, pos: number): {
+    from: number;
+    to: number;
+};
+/** Build inline chip HTML for `insertAtCaret` (uses global `CHAT_PROMPT_COMMAND_CHIP_CLASS`). */
+export declare function chatPromptChipHtml(text: string, className?: string): string;
+export declare function insertChatPromptContentAtCaret(editor: Editor, content: string | JSONContent, options?: ChatPromptComposerInsertOptions): void;
+export declare function createChatPromptComposerHandle(editor: Editor): ChatPromptComposerHandle;

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

@@ -11,6 +11,9 @@ export type { ChatSheetActions, ChatSheetProps } from './ChatSheet/ChatSheet';
 export type { UseChatPanelChromeModelInput, UseChatPanelChromeModelResult, } from './ChatSheet/useChatPanelChromeModel';
 export { ChatMessage } from './ChatMessage';
 export { ChatPrompt } from './ChatPrompt';
+export type { ChatPromptComposerHandle } from './ChatPrompt/ChatPromptComposer';
+export { CHAT_PROMPT_COMMAND_CHIP_CLASS, chatPromptChipHtml, createChatPromptComposerHandle, getChatPromptTokenRangeBeforePos, insertChatPromptContentAtCaret, } from './ChatPrompt/chatPromptComposerInsert';
+export type { ChatPromptComposerInsertOptions } from './ChatPrompt/ChatPromptComposer.types';
 export { ChatPresets } from './ChatPresets';
 export type { ChatEmptyStateConfig, ChatEmptyStateContext, ChatEmptyStateProps, } from './ChatEmptyState/ChatEmptyState.types';
 export type { Chat as ChatType, ChatAttachmentDropItem, ChatSendMessagePayload, ChatProps, ChatPreset as ChatPresetType, Message, UserTextFileAttachment, } from './Chat.types';

package/dist/esm/types/src/components/ui/Page/PageFooter/PageFooter.d.ts

@@ -7,7 +7,6 @@ export interface PageFooterLinkItem {
     ariaLabel?: string;
 }
 export interface PageFooterProps {
-    logo?: ReactNode;
     /** Rendered between logo block and copyright (e.g. debug UI from the app). */
     children?: ReactNode;
     /** When non-empty, version badge links here (e.g. `/releases`). */
@@ -25,4 +24,4 @@ export interface PageFooterProps {
      */
     links?: PageFooterLinkItem[];
 }
-export declare function PageFooter({ children, versionLink, versionLabel, homeTo, brandText, logo, websiteHref, mailHref, copyrightText, links: linksProp, }: PageFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageFooter({ children, versionLink, versionLabel, homeTo, brandText, websiteHref, mailHref, copyrightText, links: linksProp, }: PageFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/tiptap/slash-mention/types.d.ts

@@ -3,6 +3,10 @@ export type SlashCommandItem = {
     id: string;
     label: string;
     description?: string;
+    /** Extra class on the inserted mention chip (merged with `slash-mention`). */
+    className?: string;
+    /** CSS color for chip text; background is 30% of this color mixed with transparent. */
+    color?: string;
 };
 export type SlashItemCommandContext = {
     item: SlashCommandItem;
@@ -11,8 +15,9 @@ export type SlashItemCommandContext = {
     range?: Range;
 };
 /**
- * If provided, run when a slash item is picked. Return true to skip mention insert
- * (extension clears the trigger text from the composer).
+ * If provided, run when a slash item is picked. Return true to skip default mention insert
+ * and handle the composer yourself (e.g. `createChatPromptComposerHandle(editor).insertAtCaret`
+ * with `{ replaceRange: range }` to replace `/query` with a custom chip).
  */
 export type SlashOnItemCommand = (ctx: SlashItemCommandContext) => boolean;
 /** Where the slash palette opens relative to the caret. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.44",
+  "version": "1.3.47",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",
@@ -99,6 +99,13 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@tiptap/core": "^3.22.1",
+    "@tiptap/extension-mention": "^3.22.1",
+    "@tiptap/extensions": "^3.22.1",
+    "@tiptap/pm": "^3.22.1",
+    "@tiptap/react": "^3.22.1",
+    "@tiptap/starter-kit": "^3.22.1",
+    "@tiptap/suggestion": "^3.22.1",
     "@vimeo/player": "^2.29.3",
     "classnames": "^2.3.2",
     "lightweight-charts": "^5.0.9",
@@ -117,13 +124,6 @@
   "peerDependencies": {
     "@auth0/auth0-react": "^2.3.1",
     "@sybilion/platform-sdk": ">=0.0.1",
-    "@tiptap/core": "^3.22.0",
-    "@tiptap/extension-mention": "^3.22.0",
-    "@tiptap/extensions": "^3.22.0",
-    "@tiptap/pm": "^3.22.0",
-    "@tiptap/react": "^3.22.0",
-    "@tiptap/starter-kit": "^3.22.0",
-    "@tiptap/suggestion": "^3.22.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-router-dom": ">=6.0.0",
@@ -158,13 +158,6 @@
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
-    "@tiptap/core": "^3.22.1",
-    "@tiptap/extension-mention": "^3.22.1",
-    "@tiptap/extensions": "^3.22.1",
-    "@tiptap/pm": "^3.22.1",
-    "@tiptap/react": "^3.22.1",
-    "@tiptap/starter-kit": "^3.22.1",
-    "@tiptap/suggestion": "^3.22.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.14.0",

package/src/components/ui/Chart/Chart.styl

@@ -91,7 +91,7 @@
   border 1px solid var(--border) / 0.5
   // background-color var(--background)
   backdrop-filter blur(10px)
-  background-color unquote('color-mix(in srgb, var(--background) 50%, transparent)')
+  background-color unquote('color-mix(in srgb, var(--background) 70%, transparent)')
   font-size 0.75rem /* text-xs */
   line-height 1rem
   box-shadow 0 10px 10px -5px rgba(0 0 0 0.2), 0 0 1px 0 var(--muted-foreground)
@@ -99,6 +99,7 @@
   transition opacity 0.5s ease-out
 
   :global(.dark) &
+    background-color unquote('color-mix(in srgb, var(--background) 50%, transparent)')
     box-shadow 0 0 1px 0 var(--sb-slate-700), 0 10px 10px -5px rgba(0 0 0 0.7)
 
   .chartContainer:hover &