@sybilion/uilib 1.0.20

package/dist/esm/components/ui/Chat/ChatMessage/presetScript.js

@@ -0,0 +1,187 @@
+import { MessageRole } from '../Chat.types.js';
+
+function normalizeBranchMatchText(s) {
+    return s.trim().normalize('NFC');
+}
+function isPresetScriptGraph(script) {
+    return (script != null &&
+        typeof script === 'object' &&
+        !Array.isArray(script) &&
+        typeof script.initialMessage === 'string');
+}
+/** Branch map for quick-reply lookup (all keys except `initialMessage`). */
+function branchesFromPresetScriptGraph(graph) {
+    const { initialMessage: _im, ...rest } = graph;
+    return rest;
+}
+/** Trailing ` [label]` defines the continue button; the rest is assistant body. */
+function parseScriptLine(line) {
+    const trimmed = line.trimEnd();
+    const m = trimmed.match(/^([\s\S]*?)\s+\[([^\]]+)\]\s*$/);
+    if (!m)
+        return { displayBody: trimmed };
+    return { displayBody: m[1].trimEnd(), buttonLabel: m[2].trim() };
+}
+/** Same bracket rules as AgentMessageContent quick-reply parsing (no markdown link `[](url)`). */
+const QUICK_REPLY_BRACKET_RE = /\[(?!CHART\]|DOWNLOAD_BUTTONS\]|DOWNLOAD:)([^\]]+)\](?!\()/gi;
+function textHasQuickReplyMarkers(text) {
+    const re = new RegExp(QUICK_REPLY_BRACKET_RE.source, QUICK_REPLY_BRACKET_RE.flags);
+    let m;
+    while ((m = re.exec(text)) !== null) {
+        const inner = m[1].trim();
+        const pipeIdx = inner.indexOf('|');
+        const displayLabel = pipeIdx >= 0 ? inner.slice(0, pipeIdx).trim() : inner;
+        const branchKey = pipeIdx >= 0 ? inner.slice(pipeIdx + 1).trim() : inner;
+        if (branchKey && displayLabel)
+            return true;
+    }
+    return false;
+}
+/** Preset graph/linear step is done when assistant text has no `[Label|branchKey]` navigation. */
+function isTerminalPresetScriptAssistantText(text) {
+    return !textHasQuickReplyMarkers(text);
+}
+/**
+ * Graph intake: complete after this assistant bubble only when it is the `complete`
+ * node, or when `freeformNext` has no continuation for this key. Freeform prompts
+ * (e.g. p_mar “last question”) have no markers — do not treat as terminal via
+ * {@link isTerminalPresetScriptAssistantText} alone.
+ */
+function isGraphIntakeAssistantStepComplete(shownScriptKey, freeformNext, assistantBody) {
+    if (shownScriptKey === 'complete')
+        return true;
+    const next = freeformNext[shownScriptKey];
+    if (next != null && next !== '')
+        return false;
+    return isTerminalPresetScriptAssistantText(assistantBody);
+}
+function humanizeBranchKey(key) {
+    return key
+        .split(/[-_]+/)
+        .filter(Boolean)
+        .map(w => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+        .join(' ');
+}
+/** Pairs from `[Label|branchKey]` (same rules as AgentMessageContent). */
+function extractQuickReplyLabelKeyPairsFromText(text) {
+    const out = [];
+    const re = new RegExp(QUICK_REPLY_BRACKET_RE.source, QUICK_REPLY_BRACKET_RE.flags);
+    let m;
+    while ((m = re.exec(text)) !== null) {
+        const inner = m[1].trim();
+        const pipeIdx = inner.indexOf('|');
+        const displayLabel = pipeIdx >= 0 ? inner.slice(0, pipeIdx).trim() : inner;
+        const branchKey = pipeIdx >= 0 ? inner.slice(pipeIdx + 1).trim() : inner;
+        if (branchKey && displayLabel) {
+            out.push({ label: displayLabel, key: branchKey });
+        }
+    }
+    return out;
+}
+/**
+ * If `userText` matches a `[label|key]` pair on the assistant message (trimmed NFC), return it.
+ */
+function matchUserTextToQuickReply(assistantText, userText) {
+    const uNorm = normalizeBranchMatchText(userText);
+    for (const { label, key } of extractQuickReplyLabelKeyPairsFromText(assistantText)) {
+        if (normalizeBranchMatchText(label) === uNorm) {
+            return { key, label };
+        }
+    }
+    return null;
+}
+/** First label seen in chat (assistant order) for a branch key; for synthetic row copy. */
+function displayLabelForBranchKeyFromMessages(branchKey, messages) {
+    if (!messages?.length)
+        return undefined;
+    for (const msg of messages) {
+        if (msg.role !== MessageRole.ASSISTANT)
+            continue;
+        for (const pair of extractQuickReplyLabelKeyPairsFromText(msg.text)) {
+            if (pair.key === branchKey)
+                return pair.label;
+        }
+    }
+    return undefined;
+}
+/**
+ * Branch keys the user picked: USER line matches `[label|key]` on the **immediately
+ * preceding** assistant only (avoids suppressing the same label re-offered on a later bubble).
+ */
+function branchKeysUsedFromChatHistory(messages) {
+    if (!messages?.length)
+        return [];
+    const used = new Set();
+    for (let i = 1; i < messages.length; i++) {
+        const u = messages[i];
+        if (u.role !== MessageRole.USER)
+            continue;
+        let j = i - 1;
+        while (j >= 0 && messages[j].role !== MessageRole.ASSISTANT)
+            j--;
+        if (j < 0)
+            continue;
+        const a = messages[j];
+        const uNorm = normalizeBranchMatchText(u.text);
+        for (const { label, key } of extractQuickReplyLabelKeyPairsFromText(a.text)) {
+            if (normalizeBranchMatchText(label) === uNorm)
+                used.add(key);
+        }
+    }
+    return [...used];
+}
+/**
+ * User's last branch choice that led to the final assistant message: match the user
+ * line before last to `[label|key]` on the nearest preceding assistant bubble.
+ */
+function entryBranchKeyBeforeLastAssistant(messages) {
+    if (!messages?.length)
+        return undefined;
+    const lastIdx = messages.length - 1;
+    if (messages[lastIdx].role !== MessageRole.ASSISTANT)
+        return undefined;
+    if (lastIdx < 2)
+        return undefined;
+    const userMsg = messages[lastIdx - 1];
+    if (userMsg.role !== MessageRole.USER)
+        return undefined;
+    let i = lastIdx - 2;
+    while (i >= 0 && messages[i].role !== MessageRole.ASSISTANT)
+        i--;
+    if (i < 0)
+        return undefined;
+    const prevAssistant = messages[i];
+    const uNorm = normalizeBranchMatchText(userMsg.text);
+    for (const { label, key } of extractQuickReplyLabelKeyPairsFromText(prevAssistant.text)) {
+        if (normalizeBranchMatchText(label) === uNorm)
+            return key;
+    }
+    return undefined;
+}
+/** Infer used branch keys from USER lines vs assistant `[label|key]` + humanized slug fallback. */
+function branchKeysUsedByUserMessages(messages, validBranchKeys) {
+    if (!messages?.length || !validBranchKeys.length)
+        return [];
+    const valid = new Set(validBranchKeys);
+    const userNorm = new Set(messages
+        .filter(m => m.role === MessageRole.USER)
+        .map(m => normalizeBranchMatchText(m.text)));
+    const used = new Set();
+    for (const msg of messages) {
+        if (msg.role !== MessageRole.ASSISTANT)
+            continue;
+        for (const { label, key } of extractQuickReplyLabelKeyPairsFromText(msg.text)) {
+            if (valid.has(key) && userNorm.has(normalizeBranchMatchText(label))) {
+                used.add(key);
+            }
+        }
+    }
+    for (const key of validBranchKeys) {
+        if (userNorm.has(normalizeBranchMatchText(humanizeBranchKey(key)))) {
+            used.add(key);
+        }
+    }
+    return [...used];
+}
+
+export { branchKeysUsedByUserMessages, branchKeysUsedFromChatHistory, branchesFromPresetScriptGraph, displayLabelForBranchKeyFromMessages, entryBranchKeyBeforeLastAssistant, extractQuickReplyLabelKeyPairsFromText, humanizeBranchKey, isGraphIntakeAssistantStepComplete, isPresetScriptGraph, isTerminalPresetScriptAssistantText, matchUserTextToQuickReply, parseScriptLine, textHasQuickReplyMarkers };

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

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState, useEffect } from 'react';
+import { Button } from '../../Button/Button.js';
+import S from './ChatPresets.styl.js';
+
+function ChatPresets({ chatId, items, usedItemIds = [], layout = 'fixed', onSelect, onItemUsed, }) {
+    const [localUsedItems, setLocalUsedItems] = useState([]);
+    useEffect(() => {
+        setLocalUsedItems([]);
+    }, [chatId]);
+    const usedItems = [...new Set([...usedItemIds, ...localUsedItems])];
+    const availableItems = items.filter(item => !usedItems.includes(item.id));
+    if (availableItems.length === 0)
+        return null;
+    return (jsx("div", { className: layout === 'inline' ? S.inlineRoot : S.root, children: jsx("div", { className: cn(S.inner, layout === 'inline' && S.innerInline), children: availableItems.map(preset => (jsx(Button, { type: "button", className: cn(S.item), onClick: () => {
+                    onSelect?.(preset);
+                    onItemUsed?.(preset.id);
+                    setLocalUsedItems(prev => [...prev, preset.id]);
+                }, children: preset.text }, preset.id))) }) }));
+}
+
+export { ChatPresets };

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

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".ChatPresets_root__Cj42o{bottom:160px;width:100%}.ChatPresets_inlineRoot__WXVnu{margin-top:var(--p-6);position:relative;width:100%}.ChatPresets_inner__h14-q{background-color:var(--background);display:flex;flex-wrap:wrap;gap:8px;padding:var(--p-2) var(--p-6) var(--p-3)}.ChatPresets_innerInline__iPM2b{background-color:transparent}.ChatPresets_item__LfX5b{background:none;border:1px solid var(--border);border-radius:var(--p-4);color:var(--foreground);cursor:pointer;flex-shrink:0;font-size:var(--text-xs);line-height:1.4;max-width:300px;padding:var(--p-3);text-align:left;transition:all .2s ease;white-space:break-spaces}.ChatPresets_item__LfX5b:hover{background:var(--border)!important}.dark .ChatPresets_item__LfX5b{background-color:var(--muted)}";
+var S = {"root":"ChatPresets_root__Cj42o","inlineRoot":"ChatPresets_inlineRoot__WXVnu","inner":"ChatPresets_inner__h14-q","innerInline":"ChatPresets_innerInline__iPM2b","item":"ChatPresets_item__LfX5b"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState, useEffect } from 'react';
+import { ChatSelector } from '../ChatSheet/ChatSelector.js';
+import { useChatsForScopeId } from '../../../../contexts/chat-context.js';
+import useEvent from '../../../../hooks/useEvent.js';
+import { SendHorizontalIcon, Trash2Icon } from 'lucide-react';
+import { Button } from '../../Button/Button.js';
+import { Input } from '../../Input/Input.js';
+import S from './ChatPrompt.styl.js';
+
+function ChatPrompt({ onSubmit, placeholder, className, footer, id, onChatDeleted, prefillMessage, }) {
+    const [message, setMessage] = useState('');
+    const { currentChatId, deleteChat, chats } = useChatsForScopeId(id);
+    useEffect(() => {
+        if (prefillMessage != null && prefillMessage !== '') {
+            setMessage(prefillMessage);
+        }
+    }, [prefillMessage]);
+    const handleDeleteChat = () => {
+        if (!currentChatId)
+            return;
+        const sid = currentChatId;
+        deleteChat(sid);
+        onChatDeleted?.(sid);
+    };
+    const handleSubmit = (e) => {
+        const trimmedMessage = message.trim();
+        if (trimmedMessage) {
+            e.preventDefault();
+            onSubmit(trimmedMessage);
+            setMessage('');
+        }
+    };
+    useEvent({
+        event: 'keydown',
+        callback: (e) => {
+            if (e.key === 'Enter' && !(e.metaKey || e.shiftKey || e.ctrlKey)) {
+                e.preventDefault();
+                handleSubmit(e);
+                setMessage('');
+            }
+        },
+    });
+    return (jsxs("form", { onSubmit: handleSubmit, className: cn(S.root, className), children: [jsx(Input, { type: "textarea", value: message, onChange: e => setMessage(e.target.value), placeholder: placeholder || 'Type a message...', className: cn(S.input) }), jsxs("div", { className: S.actions, children: [jsx(Button, { type: "submit", size: "sm", disabled: !message.trim(), children: jsx(SendHorizontalIcon, { size: 16 }) }), jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." }), jsxs("div", { className: S.selectorWrapper, children: [jsx(ChatSelector, { id: id, className: S.selector }), jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": "Delete chat", disabled: !currentChatId || chats.length === 0, onClick: handleDeleteChat, children: jsx(Trash2Icon, { size: 16 }) })] })] }), footer] }));
+}
+
+export { ChatPrompt };

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

@@ -0,0 +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)}}.ChatPrompt_root__5G5bq{align-items:center;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);position:relative}.ChatPrompt_input__QPKBV{border:none;border-radius:0!important;flex:1;min-height:70px;padding:0!important;resize:none}.ChatPrompt_input__QPKBV,.ChatPrompt_input__QPKBV:focus{box-shadow:none!important}.ChatPrompt_actions__pUtB-{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--p-2);justify-content:space-between;width:100%}.ChatPrompt_actions__pUtB->button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_actions__pUtB->button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_actions__pUtB->button:first-child:focus{transform:scale(1.2)}.ChatPrompt_actions__pUtB->button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_actions__pUtB- .ChatPrompt_attachButton__gi-qF{background-color:var(--page-color);box-shadow:0 0 20px var(--background)}.ChatPrompt_selectorWrapper__8d5mB{align-items:center;display:flex;gap:var(--p-2);min-width:200px;z-index:1000}.ChatPrompt_selectorWrapper__8d5mB>button:first-child{flex:1}.ChatPrompt_selectorWrapper__8d5mB>button:last-child{border-radius:50px;opacity:.3}.ChatPrompt_selectorWrapper__8d5mB:hover>button:last-child{opacity:1}.ChatPrompt_selector__bNjnF{box-shadow:0 0 0 1px var(--border)!important}.ChatPrompt_notice__B-RyW{color:var(--muted-foreground);font-size:var(--text-xs);text-align:center;width:100%}@media (max-width:768px){.ChatPrompt_notice__B-RyW{font-size:10px}}";
+var S = {"root":"ChatPrompt_root__5G5bq","input":"ChatPrompt_input__QPKBV","actions":"ChatPrompt_actions__pUtB-","attachButton":"ChatPrompt_attachButton__gi-qF","selectorWrapper":"ChatPrompt_selectorWrapper__8d5mB","selector":"ChatPrompt_selector__bNjnF","notice":"ChatPrompt_notice__B-RyW"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Chat/ChatSheet/ChatSelector.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useChatsForScopeId } from '../../../../contexts/chat-context.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../Select/Select.js';
+
+function ChatSelector({ id, className }) {
+    const { chats, currentChatId, setCurrentChatId, newChat } = useChatsForScopeId(id);
+    const handleValueChange = (value) => {
+        if (value === 'new') {
+            newChat();
+        }
+        else if (value) {
+            setCurrentChatId(value);
+        }
+    };
+    const getChatDisplayName = (chat) => {
+        if (chat.name) {
+            return chat.name;
+        }
+        if (chat.messages.length > 0) {
+            const firstMessage = chat.messages[0];
+            return (firstMessage.text.slice(0, 30) +
+                (firstMessage.text.length > 30 ? '...' : ''));
+        }
+        return `Chat ${chat.session_id}`;
+    };
+    return (jsxs(Select, { value: currentChatId?.toString() ?? '', onValueChange: handleValueChange, children: [jsx(SelectTrigger, { size: "sm", className: className, children: jsx(SelectValue, { placeholder: "Select chat" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "new", children: "+ New Chat" }), chats.map(chat => (jsx(SelectItem, { value: chat.session_id.toString(), selected: chat.session_id === currentChatId, children: getChatDisplayName(chat) }, chat.session_id)))] })] }));
+}
+
+export { ChatSelector };

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

@@ -0,0 +1,34 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { Button } from '../../Button/Button.js';
+import { ChatChrome } from '../ChatChrome/ChatChrome.js';
+import { useChatPanelChromeModel } from './useChatPanelChromeModel.js';
+
+function ChatSheet({ triggerLabel = 'Open Chat', triggerAriaLabel, actionsRef, renderTrigger, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, inline = false, }) {
+    const model = useChatPanelChromeModel({
+        embedAsPage: inline,
+        presets,
+        scopeId,
+        onMessage,
+        onScriptComplete,
+        onGenerateDashboard,
+        renderMessageChart,
+    });
+    if (actionsRef) {
+        actionsRef.current = {
+            open: () => model.onOpenChange(true),
+            openNewChat: () => {
+                model.newChat();
+                model.onOpenChange(true);
+            },
+        };
+    }
+    if (inline) {
+        return jsx(ChatChrome, { ...model.chromeProps });
+    }
+    return (jsxs(Fragment, { children: [renderTrigger?.(model.toggleOpen) ?? (jsx(Button, { variant: "outline", "aria-label": triggerAriaLabel, onClick: model.toggleOpen, children: triggerLabel })), model.isOpen &&
+                model.chatPanelContainer &&
+                createPortal(jsx(ChatChrome, { ...model.chromeProps }), model.chatPanelContainer)] }));
+}
+
+export { ChatSheet };