@sybilion/uilib 1.3.37 → 1.3.39

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

@@ -4,7 +4,5 @@ var MessageRole;
     MessageRole["ASSISTANT"] = "assistant";
     MessageRole["SYSTEM"] = "system";
 })(MessageRole || (MessageRole = {}));
-/** System placeholder while dashboard generation runs (must match ChatSheet `addMessage` text). */
-const GENERATING_DASHBOARD_SYSTEM_TEXT = 'Generating dashboard…';
 
-export { GENERATING_DASHBOARD_SYSTEM_TEXT, MessageRole };
+export { MessageRole };

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

@@ -4,7 +4,7 @@ import { useMemo, useState, useCallback, useEffect } from 'react';
 import { displayLabelForBranchKeyFromMessages, humanizeBranchKey } from '../ChatMessage/presetScript.js';
 import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
 import { Scroll } from '@homecode/ui';
-import { X, PaperPlaneRightIcon, ChartLineIcon } from '@phosphor-icons/react';
+import { X, PaperPlaneRightIcon } from '@phosphor-icons/react';
 import { Button } from '../../Button/Button.js';
 import { DropZone } from '../../DropZone/DropZone.js';
 import { PanelResizeHandle } from '../../Sidebar/Sidebar.js';
@@ -14,7 +14,7 @@ import { filterToTextAttachments, isAttachmentsDropzoneEnabled, buildAcceptAttr
 import { extractChatAttachmentItems } from '../chatAttachmentExtract.js';
 import S from './ChatChrome.styl.js';
 
-function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showBranchActionsRow, showSyntheticBranchButtons, unusedBranchKeys, isScriptComplete, onGenerateDashboard, generatingDashboard, onGenerateDashboardClick, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments = false, onAttachmentsDropped, slashCommandItems, promptPlaceholder, }) {
+function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments = false, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }) {
     const filteredAllowedAttachments = useMemo(() => filterToTextAttachments(allowedAttachments), [allowedAttachments]);
     const attachmentsDropzoneEnabled = isAttachmentsDropzoneEnabled(allowedAttachments, allowPdfAttachments);
     const attachmentAccept = useMemo(() => buildAcceptAttr(filteredAllowedAttachments, allowPdfAttachments), [filteredAllowedAttachments, allowPdfAttachments]);
@@ -73,14 +73,11 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
                                                     : undefined, onScriptContinue: isLast && scriptContinueLabel
                                                     ? onScriptContinue
                                                     : undefined, renderMessageChart: renderMessageChart }, msg.id));
-                                        }), showBranchActionsRow && (jsxs("div", { className: S.branchRow, children: [showSyntheticBranchButtons
-                                                    ? unusedBranchKeys.map(key => {
-                                                        const label = displayLabelForBranchKeyFromMessages(key, messages) ?? humanizeBranchKey(key);
-                                                        return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
-                                                    })
-                                                    : null, isScriptComplete &&
-                                                    onGenerateDashboard &&
-                                                    !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsxs("div", { className: cn(S.footer, footerClassName), children: [isEmpty ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Chat.Prompt, { onSubmit: handlePromptSubmitWithAttachments, disabled: promptBusy, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined, placeholder: promptPlaceholder, slashCommandItems: slashCommandItems, attachmentAccept: attachmentsDropzoneEnabled ? attachmentAccept : undefined, onAttachmentFiles: attachmentsDropzoneEnabled ? handleAttachmentFiles : undefined })] })] })] })] }));
+                                        }), showSyntheticBranchButtons ? (jsx("div", { className: S.branchRow, children: unusedBranchKeys.map(key => {
+                                                const label = displayLabelForBranchKeyFromMessages(key, messages) ??
+                                                    humanizeBranchKey(key);
+                                                return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
+                                            }) })) : null, showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsxs("div", { className: cn(S.footer, footerClassName), children: [isEmpty ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Chat.Prompt, { onSubmit: handlePromptSubmitWithAttachments, disabled: promptBusy, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined, placeholder: promptPlaceholder, slashCommandItems: slashCommandItems, onSlashItemCommand: onSlashItemCommand, attachmentAccept: attachmentsDropzoneEnabled ? attachmentAccept : undefined, onAttachmentFiles: attachmentsDropzoneEnabled ? handleAttachmentFiles : undefined })] })] })] })] }));
 }
 
 export { ChatChrome };

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

@@ -3,8 +3,7 @@ import cn from 'classnames';
 import { InteractiveContent } from '../../InteractiveContent/InteractiveContent.js';
 import 'lucide-react';
 import '../../InteractiveContent/InteractiveContent.styl.js';
-import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
-import { MessageRole, GENERATING_DASHBOARD_SYSTEM_TEXT } from '../Chat.types.js';
+import { MessageRole } from '../Chat.types.js';
 import { userTextFileAttachmentsFromMessage } from '../userTextFileAttachments.js';
 import { AgentMessageContent } from './AgentMessageContent.js';
 import S from './ChatMessage.styl.js';
@@ -16,7 +15,7 @@ function ChatMessage({ role, text, userTextFileAttachments, onQuickReply, suppre
     });
     const isAssistant = role === MessageRole.ASSISTANT;
     const isSystem = role === MessageRole.SYSTEM;
-    return (jsx("div", { className: cn(S.root, S[`role-${role}`]), children: isSystem ? (jsx("div", { className: S.text, children: text === GENERATING_DASHBOARD_SYSTEM_TEXT ? (jsx(TextShimmer, { as: "span", children: text })) : (text) })) : isAssistant ? (jsx(AgentMessageContent, { text: text, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: quickReplyDisabled, isLastMessage: isLastMessage, scriptContinue: scriptContinue, onScriptContinue: onScriptContinue, renderMessageChart: renderMessageChart })) : (jsxs("div", { className: S.userColumn, children: [jsx("div", { className: S.text, children: jsx(InteractiveContent, { text: text }) }), fileAttachments.map(attachment => (jsx(UserTextFileAttachmentBubble, { attachment: attachment }, `${attachment.displayName}:${attachment.filename}`)))] })) }));
+    return (jsx("div", { className: cn(S.root, S[`role-${role}`]), children: isSystem ? (jsx("div", { className: S.text, children: text })) : isAssistant ? (jsx(AgentMessageContent, { text: text, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: quickReplyDisabled, isLastMessage: isLastMessage, scriptContinue: scriptContinue, onScriptContinue: onScriptContinue, renderMessageChart: renderMessageChart })) : (jsxs("div", { className: S.userColumn, children: [jsx("div", { className: S.text, children: jsx(InteractiveContent, { text: text }) }), fileAttachments.map(attachment => (jsx(UserTextFileAttachmentBubble, { attachment: attachment }, `${attachment.displayName}:${attachment.filename}`)))] })) }));
 }
 
 export { ChatMessage };

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

@@ -6,13 +6,14 @@ import { ChatPromptAttachments } from './ChatPromptAttachments.js';
 import { ChatPromptComposer } from './ChatPromptComposer.js';
 import { useChatPromptEditor } from './useChatPromptEditor.js';
 
-function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, slashCommandItems, attachments = [], onRemoveAttachment, disabled = false, attachmentAccept, onAttachmentFiles, }) {
+function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, slashCommandItems, onSlashItemCommand, attachments = [], onRemoveAttachment, disabled = false, attachmentAccept, onAttachmentFiles, }) {
     const attachmentsCount = attachments.length;
     const emitSubmitRef = useRef(() => { });
     const { editor, trimmedMessage, resetAfterSend, handleComposerKeyDown } = useChatPromptEditor({
         disabled,
         placeholder,
         slashCommandItems,
+        onSlashItemCommand,
         prefillMessage,
         attachmentsCount,
         onEnterSubmit: () => emitSubmitRef.current(),

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

@@ -7,8 +7,10 @@ import StarterKit from '@tiptap/starter-kit';
 import { chatPromptSafeEditorDom, syncChatPromptComposerHeight } from './ChatPrompt.helpers.js';
 import { CHAT_PROMPT_EMPTY_DOC, chatPromptParagraphDoc } from './chatPromptDoc.js';
 
-function useChatPromptEditor({ disabled, placeholder, slashCommandItems, prefillMessage, attachmentsCount = 0, onEnterSubmit, }) {
+function useChatPromptEditor({ disabled, placeholder, slashCommandItems, onSlashItemCommand, prefillMessage, attachmentsCount = 0, onEnterSubmit, }) {
     const slashOpenRef = useRef(false);
+    const onSlashItemCommandRef = useRef(onSlashItemCommand);
+    onSlashItemCommandRef.current = onSlashItemCommand;
     const suggestionActiveUpdater = useCallback((active) => {
         slashOpenRef.current = active;
     }, []);
@@ -50,6 +52,7 @@ function useChatPromptEditor({ disabled, placeholder, slashCommandItems, prefill
                 items: slashItemsStable,
                 suggestionPlacement: 'above',
                 onSuggestionUiActiveChange: suggestionActiveUpdater,
+                onItemCommand: ctx => onSlashItemCommandRef.current?.(ctx) === true,
             }));
         }
         return exts;
@@ -86,7 +89,7 @@ function useChatPromptEditor({ disabled, placeholder, slashCommandItems, prefill
             setPlainDraft(ed.getText());
         },
         onCreate: bindEditorDom,
-    }, [extensions, disabled, bindEditorDom, ariaLabelComposer]);
+    }, [extensions, bindEditorDom, ariaLabelComposer]);
     useEffect(() => {
         if (!editor)
             return;

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

@@ -4,20 +4,20 @@ 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, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, inline = false, }) {
+function ChatSheet({ triggerLabel = 'Open Chat', triggerAriaLabel, actionsRef, renderTrigger, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, inline = false, }) {
     const model = useChatPanelChromeModel({
         embedAsPage: inline,
         presets,
         scopeId,
         onMessage,
         onScriptComplete,
-        onGenerateDashboard,
         renderMessageChart,
         emptyState,
         allowedAttachments,
         allowPdfAttachments,
         onAttachmentsDropped,
         slashCommandItems,
+        onSlashItemCommand,
     });
     if (actionsRef) {
         actionsRef.current = {

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

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { MessageRole, GENERATING_DASHBOARD_SYSTEM_TEXT } from '../Chat.types.js';
+import { MessageRole } from '../Chat.types.js';
 import { isGraphIntakeAssistantStepComplete, matchUserTextToQuickReply, isPresetScriptGraph, branchesFromPresetScriptGraph, parseScriptLine, textHasQuickReplyMarkers, branchKeysUsedFromChatHistory, branchKeysUsedByUserMessages, extractQuickReplyLabelKeyPairsFromText, entryBranchKeyBeforeLastAssistant } from '../ChatMessage/presetScript.js';
 import { buildChatSendMessagePayload, displayTextFromSendPayload } from '../buildChatSendMessagePayload.js';
-import { usedPresetIdsFromMessages, formatChatTranscript } from '../chat-preset-utils.js';
+import { usedPresetIdsFromMessages } from '../chat-preset-utils.js';
 import { useChatsForScopeId, useChat, useChatOutboundPending, useSyncChatPanelBusy, isChatEmpty } from '../../../../contexts/chat-context.js';
 import useEvent from '../../../../hooks/useEvent.js';
 import { useIsMobile } from '../../../../hooks/useIsMobile.js';
@@ -22,7 +22,7 @@ const CHAT_NAV_COLLAPSE_BREAKPOINT_PX = 1400;
 const CHAT_QUERY_PARAM = 'chat';
 const CHAT_OPEN_VALUE = 'open';
 const PROMPT_QUERY_PARAM = 'prompt';
-function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, }) {
+function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, }) {
     const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
     const isMobile = useIsMobile();
     const { chatPanelContainer, isOpen: sidebarNavOpen, setOpen: setSidebarNavOpen, chatWidthPx, setChatWidthPx, getShellWidth, setChatPanelOpen, } = useSidebar();
@@ -58,9 +58,8 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
     const [quickReplyBranchesByChat, setQuickReplyBranchesByChat] = useState({});
     const [usedScriptBranchKeysByChat, setUsedScriptBranchKeysByChat] = useState({});
     const [intakeByChatId, setIntakeByChatId] = useState({});
-    /** Preset intake finished for this session; show [Generate Dashboard] when `onGenerateDashboard` is set. */
+    /** Preset intake finished for this session (e.g. `onScriptComplete` callback). */
     const [scriptCompleteByChatId, setScriptCompleteByChatId] = useState({});
-    const [generatingDashboard, setGeneratingDashboard] = useState(false);
     const scriptAdvanceLockRef = useRef(false);
     const quickReplyLockRef = useRef(false);
     const scrollRef = useRef(null);
@@ -712,37 +711,14 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         lastMsg?.role === MessageRole.ASSISTANT &&
         !linearScriptActive &&
         (!graphActive || (!lastHasQuickMarkers && unusedBranchKeys.length === 0));
-    const isScriptComplete = Boolean(currentChatId && scriptCompleteByChatId[currentChatId]);
-    /** Branch row also when intake is done but all branches used (Generate Dashboard only). */
-    const showBranchActionsRow = showSyntheticBranchButtons ||
-        (isScriptComplete && Boolean(onGenerateDashboard) && !generatingDashboard);
-    const handleGenerateDashboard = useCallback(async () => {
-        if (!currentChatId || !onGenerateDashboard)
+    const onPromptSubmitWithSlashCommands = useCallback(async (message, attachments) => {
+        const trimmed = message.trim();
+        const slashItem = slashCommandItems?.find(item => trimmed === `/${item.id}`);
+        if (slashItem && onSlashItemCommand?.({ item: slashItem }) === true) {
             return;
-        const transcript = formatChatTranscript((chat?.messages ?? []).filter(m => m.role !== MessageRole.SYSTEM));
-        setGeneratingDashboard(true);
-        const systemPlaceholderId = addMessage(currentChatId, MessageRole.SYSTEM, GENERATING_DASHBOARD_SYSTEM_TEXT);
-        try {
-            await Promise.resolve(onGenerateDashboard(transcript));
-            setScriptCompleteByChatId(prev => {
-                const next = { ...prev };
-                delete next[currentChatId];
-                return next;
-            });
         }
-        finally {
-            if (systemPlaceholderId) {
-                removeMessageById(currentChatId, systemPlaceholderId);
-            }
-            setGeneratingDashboard(false);
-        }
-    }, [
-        currentChatId,
-        onGenerateDashboard,
-        chat?.messages,
-        addMessage,
-        removeMessageById,
-    ]);
+        return handlePromptSubmit(message, attachments);
+    }, [handlePromptSubmit, slashCommandItems, onSlashItemCommand]);
     const onDragChatWidth = useCallback((rawPx) => setChatWidthPx(rawPx, { persist: false }), [setChatWidthPx]);
     const onDragChatComplete = useCallback((finalRawPx) => setChatWidthPx(finalRawPx, { persist: true }), [setChatWidthPx]);
     const chromeProps = {
@@ -766,20 +742,13 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         scriptContinueLabel,
         onScriptContinue,
         renderMessageChart,
-        showBranchActionsRow,
         showSyntheticBranchButtons,
         unusedBranchKeys,
-        isScriptComplete,
-        onGenerateDashboard,
-        generatingDashboard,
-        onGenerateDashboardClick: () => {
-            void handleGenerateDashboard();
-        },
         showInlinePresets,
         isLastMessageFromUser,
         scrollRef,
         effectiveScopeId,
-        onPromptSubmit: handlePromptSubmit,
+        onPromptSubmit: onPromptSubmitWithSlashCommands,
         onChatDeleted: endLocalDemoFlow,
         promptPrefill: promptLinkPrefill,
         emptyState: resolvedEmptyState,
@@ -787,6 +756,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         allowPdfAttachments,
         onAttachmentsDropped,
         slashCommandItems,
+        onSlashItemCommand,
     };
     const toggleOpen = () => onOpenChange(!isOpen);
     return {

package/dist/esm/index.js

@@ -22,7 +22,7 @@ export { ChartLegend, ChartTooltip } from './components/ui/Chart/Chart.js';
 export { THEMES } from './components/ui/Chart/Chart.types.js';
 export { ChartAreaInteractive, chartConfig } from './components/ui/ChartAreaInteractive/ChartAreaInteractive.js';
 export { Chat } from './components/ui/Chat/Chat.js';
-export { usedPresetIdsFromMessages } from './components/ui/Chat/chat-preset-utils.js';
+export { formatChatTranscript, usedPresetIdsFromMessages } from './components/ui/Chat/chat-preset-utils.js';
 export { ChatChrome } from './components/ui/Chat/ChatChrome/ChatChrome.js';
 export { TEXT_ATTACHMENT_ACCEPT_PARTS, filterToTextAttachments } from './components/ui/Chat/chatAttachmentAccept.js';
 export { buildChatSendMessagePayload, displayTextFromSendPayload, normalizeUserTextFileAttachments } from './components/ui/Chat/buildChatSendMessagePayload.js';

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

@@ -68,6 +68,28 @@ 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 insertDefaultMention(editor, range, props, slashChar) {
     const nodeAfter = editor.view.state.selection.$to.nodeAfter;
     const extend = nodeAfter?.text?.startsWith(' ') ? 1 : 0;
@@ -135,11 +157,8 @@ function createSlashMentionExtension({ items: resolvedItems, slashChar = '/', pl
             command: ({ editor, range, props }) => {
                 const item = props;
                 if (onItemCommand?.({ editor, range, item }) === true) {
-                    queueMicrotask(() => {
-                        editor.view.dom.ownerDocument?.defaultView
-                            ?.getSelection?.()
-                            ?.collapseToEnd();
-                    });
+                    clearSlashTriggerEditor(editor, range);
+                    queueMicrotask(() => collapseEditorSelectionEnd(editor));
                     return null;
                 }
                 insertDefaultMention(editor, range, item, slashChar);

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

@@ -1,13 +1,11 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type { SlashCommandItem, SlashOnItemCommand } from '#uilib/tiptap/slash-mention/types';
 import type { PresetScriptGraph } from './ChatMessage/presetScript';
 export declare enum MessageRole {
     USER = "user",
     ASSISTANT = "assistant",
     SYSTEM = "system"
 }
-/** System placeholder while dashboard generation runs (must match ChatSheet `addMessage` text). */
-export declare const GENERATING_DASHBOARD_SYSTEM_TEXT = "Generating dashboard\u2026";
 /** USER-only: text file attached to a message; shown as downloadable file row(s). */
 export type UserTextFileAttachment = {
     displayName: string;
@@ -84,6 +82,8 @@ 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. */
+    onSlashItemCommand?: SlashOnItemCommand;
 }
 export interface ChatMessageProps {
     role: MessageRole;

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

@@ -1,2 +1,2 @@
 import type { ChatChromeProps } from './ChatChrome.types';
-export declare function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showBranchActionsRow, showSyntheticBranchButtons, unusedBranchKeys, isScriptComplete, onGenerateDashboard, generatingDashboard, onGenerateDashboardClick, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, promptPlaceholder, }: ChatChromeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }: ChatChromeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import type { RefObject } from 'react';
 import type { ChatAttachmentDropItem, Message } from '#uilib/components/ui/Chat/Chat.types';
 import type { ChatEmptyStateProps } from '#uilib/components/ui/Chat/ChatEmptyState/ChatEmptyState.types';
 import type { ChatPresetsLayout } from '#uilib/components/ui/Chat/ChatPresets';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type { SlashCommandItem, SlashOnItemCommand } from '#uilib/tiptap/slash-mention/types';
 import type { ScrollRef } from '@homecode/ui';
 export type ChatChromeResizeHandleConfig = {
     isActive: boolean;
@@ -26,13 +26,8 @@ export interface ChatChromeProps {
     scriptContinueLabel: string | undefined;
     onScriptContinue: (() => void) | undefined;
     renderMessageChart?: () => React.ReactNode;
-    showBranchActionsRow: boolean;
     showSyntheticBranchButtons: boolean;
     unusedBranchKeys: string[];
-    isScriptComplete: boolean;
-    onGenerateDashboard: ((transcript: string) => void | Promise<void>) | undefined;
-    generatingDashboard: boolean;
-    onGenerateDashboardClick: () => void;
     showInlinePresets: boolean;
     isLastMessageFromUser: boolean;
     scrollRef: RefObject<ScrollRef | null>;
@@ -51,6 +46,8 @@ export interface ChatChromeProps {
     onAttachmentsDropped?: (items: ChatAttachmentDropItem[]) => void | Promise<void>;
     /** Slash menu (`/`), forwarded to `Chat.Prompt`; omit or pass empty list to disable slash palette. */
     slashCommandItems?: SlashCommandItem[];
+    /** Custom slash pick handler; forwarded to `Chat.Prompt`. */
+    onSlashItemCommand?: SlashOnItemCommand;
     /** Composer placeholder forwarded to `Chat.Prompt`. */
     promptPlaceholder?: string;
 }

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

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

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

@@ -1,10 +1,11 @@
 import { type KeyboardEvent as ReactKeyboardEvent } from 'react';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type { SlashCommandItem, SlashOnItemCommand } from '#uilib/tiptap/slash-mention/types';
 import type { Editor } from '@tiptap/core';
 export type UseChatPromptEditorOptions = {
     disabled: boolean;
     placeholder?: string;
     slashCommandItems?: SlashCommandItem[];
+    onSlashItemCommand?: SlashOnItemCommand;
     prefillMessage?: string | null;
     /** Staged attachment count — Enter-to-send when text empty but files present. */
     attachmentsCount?: number;
@@ -17,4 +18,4 @@ export type UseChatPromptEditorResult = {
     resetAfterSend: () => void;
     handleComposerKeyDown: (event: ReactKeyboardEvent) => void;
 };
-export declare function useChatPromptEditor({ disabled, placeholder, slashCommandItems, prefillMessage, attachmentsCount, onEnterSubmit, }: UseChatPromptEditorOptions): UseChatPromptEditorResult;
+export declare function useChatPromptEditor({ disabled, placeholder, slashCommandItems, onSlashItemCommand, prefillMessage, attachmentsCount, onEnterSubmit, }: UseChatPromptEditorOptions): UseChatPromptEditorResult;

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

@@ -19,4 +19,4 @@ export interface ChatSheetProps extends Omit<UseChatPanelChromeModelInput, 'embe
      */
     inline?: boolean;
 }
-export declare function ChatSheet({ triggerLabel, triggerAriaLabel, actionsRef, renderTrigger, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, inline, }: ChatSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatSheet({ triggerLabel, triggerAriaLabel, actionsRef, renderTrigger, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, inline, }: ChatSheetProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ChatPreset, type ScriptCompletePayload } from '#uilib/components/ui/Chat/Chat.types';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type { SlashCommandItem, SlashOnItemCommand } from '#uilib/tiptap/slash-mention/types';
 import type { ChatChromeProps } from '../ChatChrome';
 import type { ChatAttachmentDropItem } from '../ChatChrome/ChatChrome.types';
 import type { ChatEmptyStateConfig } from '../ChatEmptyState/ChatEmptyState.types';
@@ -12,8 +12,6 @@ export type UseChatPanelChromeModelInput = {
     onMessage?: (message: string) => void;
     /** Fires when a preset script has no further `[Label|branchKey]` steps (graph leaf or linear script end). */
     onScriptComplete?: (payload: ScriptCompletePayload) => void;
-    /** After intake script completes, user can generate a dashboard from the full transcript (e.g. Decision board). */
-    onGenerateDashboard?: (transcript: string) => void | Promise<void>;
     /** Renders `[CHART]` tokens in assistant messages. */
     renderMessageChart?: () => React.ReactNode;
     /** Forwarded to `ChatChrome` when the thread is empty. */
@@ -25,6 +23,8 @@ export type UseChatPanelChromeModelInput = {
     onAttachmentsDropped?: (items: ChatAttachmentDropItem[]) => void | Promise<void>;
     /** Slash menu (`/`) in the composer; omit or pass empty to disable. */
     slashCommandItems?: SlashCommandItem[];
+    /** Custom slash command handler (palette pick or Enter on `/id`). */
+    onSlashItemCommand?: SlashOnItemCommand;
 };
 export type UseChatPanelChromeModelResult = {
     chromeProps: ChatChromeProps;
@@ -34,4 +34,4 @@ export type UseChatPanelChromeModelResult = {
     newChat: () => void;
     chatPanelContainer: HTMLElement | null;
 };
-export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;
+export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;

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

@@ -1,5 +1,5 @@
 export { Chat } from './Chat';
-export { usedPresetIdsFromMessages } from './chat-preset-utils';
+export { formatChatTranscript, usedPresetIdsFromMessages, } from './chat-preset-utils';
 export { ChatChrome } from './ChatChrome';
 export type { ChatChromeProps, ChatChromeResizeHandleConfig, } from './ChatChrome';
 export { TEXT_ATTACHMENT_ACCEPT_PARTS, filterToTextAttachments, } from './chatAttachmentAccept';
@@ -15,5 +15,5 @@ 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';
 export { MessageRole } from './Chat.types';
-export type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+export type { SlashCommandItem, SlashItemCommandContext, SlashOnItemCommand, } from '#uilib/tiptap/slash-mention/types';
 export { CsvIcon } from '../../icons/CsvIcon/CsvIcon';

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

@@ -5,12 +5,14 @@ export type SlashCommandItem = {
     description?: string;
 };
 export type SlashItemCommandContext = {
-    editor: Editor;
-    range: Range;
     item: SlashCommandItem;
+    /** Present when picked from the slash palette; omitted on Enter submit of `/id`. */
+    editor?: Editor;
+    range?: Range;
 };
 /**
- * If provided, run before default mention insertion. Return true to skip inserting a mention node.
+ * If provided, run when a slash item is picked. Return true to skip mention insert
+ * (extension clears the trigger text from the composer).
  */
 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.37",
+  "version": "1.3.39",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/ui/Chat/Chat.types.ts

@@ -1,6 +1,9 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type {
+  SlashCommandItem,
+  SlashOnItemCommand,
+} from '#uilib/tiptap/slash-mention/types';
 
 import type { PresetScriptGraph } from './ChatMessage/presetScript';
 
@@ -10,9 +13,6 @@ export enum MessageRole {
   SYSTEM = 'system',
 }
 
-/** System placeholder while dashboard generation runs (must match ChatSheet `addMessage` text). */
-export const GENERATING_DASHBOARD_SYSTEM_TEXT = 'Generating dashboard…';
-
 /** USER-only: text file attached to a message; shown as downloadable file row(s). */
 export type UserTextFileAttachment = {
   displayName: string;
@@ -96,6 +96,8 @@ 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. */
+  onSlashItemCommand?: SlashOnItemCommand;
 }
 
 export interface ChatMessageProps {

package/src/components/ui/Chat/ChatChrome/ChatChrome.tsx

@@ -7,7 +7,7 @@ import {
 } from '#uilib/components/ui/Chat/ChatMessage/presetScript';
 import { TextShimmer } from '#uilib/components/ui/TextShimmer';
 import { Scroll } from '@homecode/ui';
-import { ChartLineIcon, PaperPlaneRightIcon, X } from '@phosphor-icons/react';
+import { PaperPlaneRightIcon, X } from '@phosphor-icons/react';
 
 import { Button } from '../../Button';
 import { DropZone } from '../../DropZone/DropZone';
@@ -37,13 +37,8 @@ export function ChatChrome({
   scriptContinueLabel,
   onScriptContinue,
   renderMessageChart,
-  showBranchActionsRow,
   showSyntheticBranchButtons,
   unusedBranchKeys,
-  isScriptComplete,
-  onGenerateDashboard,
-  generatingDashboard,
-  onGenerateDashboardClick,
   showInlinePresets,
   isLastMessageFromUser,
   scrollRef,
@@ -57,6 +52,7 @@ export function ChatChrome({
   allowPdfAttachments = false,
   onAttachmentsDropped,
   slashCommandItems,
+  onSlashItemCommand,
   promptPlaceholder,
 }: ChatChromeProps) {
   const filteredAllowedAttachments = useMemo(
@@ -223,48 +219,29 @@ export function ChatChrome({
                   );
                 })}
 
-                {showBranchActionsRow && (
+                {showSyntheticBranchButtons ? (
                   <div className={S.branchRow}>
-                    {showSyntheticBranchButtons
-                      ? unusedBranchKeys.map(key => {
-                          const label =
-                            displayLabelForBranchKeyFromMessages(
-                              key,
-                              messages,
-                            ) ?? humanizeBranchKey(key);
-                          return (
-                            <span key={key} className={S.branchBtnWrap}>
-                              <Button
-                                type="button"
-                                variant="outline"
-                                size="sm"
-                                disabled={isLoading}
-                                onClick={() => onQuickReply(key, label)}
-                              >
-                                <PaperPlaneRightIcon />
-                                {label}
-                              </Button>
-                            </span>
-                          );
-                        })
-                      : null}
-
-                    {isScriptComplete &&
-                    onGenerateDashboard &&
-                    !generatingDashboard ? (
-                      <Button
-                        type="button"
-                        variant="default"
-                        size="lg"
-                        disabled={isLoading}
-                        onClick={onGenerateDashboardClick}
-                      >
-                        <ChartLineIcon />
-                        Generate Dashboard
-                      </Button>
-                    ) : null}
+                    {unusedBranchKeys.map(key => {
+                      const label =
+                        displayLabelForBranchKeyFromMessages(key, messages) ??
+                        humanizeBranchKey(key);
+                      return (
+                        <span key={key} className={S.branchBtnWrap}>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="sm"
+                            disabled={isLoading}
+                            onClick={() => onQuickReply(key, label)}
+                          >
+                            <PaperPlaneRightIcon />
+                            {label}
+                          </Button>
+                        </span>
+                      );
+                    })}
                   </div>
-                )}
+                ) : null}
 
                 {showInlinePresets && renderPresets('inline')}
 
@@ -291,6 +268,7 @@ export function ChatChrome({
               prefillMessage={promptPrefill ?? undefined}
               placeholder={promptPlaceholder}
               slashCommandItems={slashCommandItems}
+              onSlashItemCommand={onSlashItemCommand}
               attachmentAccept={
                 attachmentsDropzoneEnabled ? attachmentAccept : undefined
               }

package/src/components/ui/Chat/ChatChrome/ChatChrome.types.ts

@@ -6,7 +6,10 @@ import type {
 } from '#uilib/components/ui/Chat/Chat.types';
 import type { ChatEmptyStateProps } from '#uilib/components/ui/Chat/ChatEmptyState/ChatEmptyState.types';
 import type { ChatPresetsLayout } from '#uilib/components/ui/Chat/ChatPresets';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type {
+  SlashCommandItem,
+  SlashOnItemCommand,
+} from '#uilib/tiptap/slash-mention/types';
 import type { ScrollRef } from '@homecode/ui';
 
 export type ChatChromeResizeHandleConfig = {
@@ -33,15 +36,8 @@ export interface ChatChromeProps {
   scriptContinueLabel: string | undefined;
   onScriptContinue: (() => void) | undefined;
   renderMessageChart?: () => React.ReactNode;
-  showBranchActionsRow: boolean;
   showSyntheticBranchButtons: boolean;
   unusedBranchKeys: string[];
-  isScriptComplete: boolean;
-  onGenerateDashboard:
-    | ((transcript: string) => void | Promise<void>)
-    | undefined;
-  generatingDashboard: boolean;
-  onGenerateDashboardClick: () => void;
   showInlinePresets: boolean;
   isLastMessageFromUser: boolean;
   scrollRef: RefObject<ScrollRef | null>;
@@ -65,6 +61,8 @@ export interface ChatChromeProps {
   ) => void | Promise<void>;
   /** Slash menu (`/`), forwarded to `Chat.Prompt`; omit or pass empty list to disable slash palette. */
   slashCommandItems?: SlashCommandItem[];
+  /** Custom slash pick handler; forwarded to `Chat.Prompt`. */
+  onSlashItemCommand?: SlashOnItemCommand;
   /** Composer placeholder forwarded to `Chat.Prompt`. */
   promptPlaceholder?: string;
 }

package/src/components/ui/Chat/ChatMessage/ChatMessage.tsx

@@ -2,12 +2,7 @@ import cn from 'classnames';
 
 import { InteractiveContent } from '#uilib/components/ui/InteractiveContent';
 
-import { TextShimmer } from '../../TextShimmer';
-import {
-  type ChatMessageProps,
-  GENERATING_DASHBOARD_SYSTEM_TEXT,
-  MessageRole,
-} from '../Chat.types';
+import { type ChatMessageProps, MessageRole } from '../Chat.types';
 import { userTextFileAttachmentsFromMessage } from '../userTextFileAttachments';
 import { AgentMessageContent } from './AgentMessageContent';
 import S from './ChatMessage.styl';
@@ -34,13 +29,7 @@ export function ChatMessage({
   return (
     <div className={cn(S.root, S[`role-${role}`])}>
       {isSystem ? (
-        <div className={S.text}>
-          {text === GENERATING_DASHBOARD_SYSTEM_TEXT ? (
-            <TextShimmer as="span">{text}</TextShimmer>
-          ) : (
-            text
-          )}
-        </div>
+        <div className={S.text}>{text}</div>
       ) : isAssistant ? (
         <AgentMessageContent
           text={text}

package/src/components/ui/Chat/ChatPrompt/ChatPrompt.tsx

@@ -14,6 +14,7 @@ export function ChatPrompt({
   footer,
   prefillMessage,
   slashCommandItems,
+  onSlashItemCommand,
   attachments = [],
   onRemoveAttachment,
   disabled = false,
@@ -28,6 +29,7 @@ export function ChatPrompt({
       disabled,
       placeholder,
       slashCommandItems,
+      onSlashItemCommand,
       prefillMessage,
       attachmentsCount,
       onEnterSubmit: () => emitSubmitRef.current(),

package/src/components/ui/Chat/ChatPrompt/useChatPromptEditor.ts

@@ -12,7 +12,10 @@ import {
   DEFAULT_CHAT_SLASH_ITEMS,
   createSlashMentionExtension,
 } from '#uilib/tiptap/slash-mention';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type {
+  SlashCommandItem,
+  SlashOnItemCommand,
+} from '#uilib/tiptap/slash-mention/types';
 import type { AnyExtension, Editor } from '@tiptap/core';
 import { Placeholder } from '@tiptap/extensions';
 import { useEditor } from '@tiptap/react';
@@ -28,6 +31,7 @@ export type UseChatPromptEditorOptions = {
   disabled: boolean;
   placeholder?: string;
   slashCommandItems?: SlashCommandItem[];
+  onSlashItemCommand?: SlashOnItemCommand;
   prefillMessage?: string | null;
   /** Staged attachment count — Enter-to-send when text empty but files present. */
   attachmentsCount?: number;
@@ -46,11 +50,14 @@ export function useChatPromptEditor({
   disabled,
   placeholder,
   slashCommandItems,
+  onSlashItemCommand,
   prefillMessage,
   attachmentsCount = 0,
   onEnterSubmit,
 }: UseChatPromptEditorOptions): UseChatPromptEditorResult {
   const slashOpenRef = useRef(false);
+  const onSlashItemCommandRef = useRef(onSlashItemCommand);
+  onSlashItemCommandRef.current = onSlashItemCommand;
   const suggestionActiveUpdater = useCallback((active: boolean) => {
     slashOpenRef.current = active;
   }, []);
@@ -96,6 +103,7 @@ export function useChatPromptEditor({
           items: slashItemsStable,
           suggestionPlacement: 'above',
           onSuggestionUiActiveChange: suggestionActiveUpdater,
+          onItemCommand: ctx => onSlashItemCommandRef.current?.(ctx) === true,
         }),
       );
     }
@@ -139,7 +147,7 @@ export function useChatPromptEditor({
       },
       onCreate: bindEditorDom,
     },
-    [extensions, disabled, bindEditorDom, ariaLabelComposer],
+    [extensions, bindEditorDom, ariaLabelComposer],
   );
 
   useEffect(() => {

package/src/components/ui/Chat/ChatSheet/ChatSheet.tsx

@@ -41,13 +41,13 @@ export function ChatSheet({
   scopeId,
   onMessage,
   onScriptComplete,
-  onGenerateDashboard,
   renderMessageChart,
   emptyState,
   allowedAttachments,
   allowPdfAttachments,
   onAttachmentsDropped,
   slashCommandItems,
+  onSlashItemCommand,
   inline = false,
 }: ChatSheetProps) {
   const model = useChatPanelChromeModel({
@@ -56,13 +56,13 @@ export function ChatSheet({
     scopeId,
     onMessage,
     onScriptComplete,
-    onGenerateDashboard,
     renderMessageChart,
     emptyState,
     allowedAttachments,
     allowPdfAttachments,
     onAttachmentsDropped,
     slashCommandItems,
+    onSlashItemCommand,
   });
 
   if (actionsRef) {

package/src/components/ui/Chat/ChatSheet/useChatPanelChromeModel.tsx

@@ -2,7 +2,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import {
   ChatPreset,
-  GENERATING_DASHBOARD_SYSTEM_TEXT,
   MessageRole,
   type ScriptCompletePayload,
 } from '#uilib/components/ui/Chat/Chat.types';
@@ -23,10 +22,7 @@ import {
   buildChatSendMessagePayload,
   displayTextFromSendPayload,
 } from '#uilib/components/ui/Chat/buildChatSendMessagePayload';
-import {
-  formatChatTranscript,
-  usedPresetIdsFromMessages,
-} from '#uilib/components/ui/Chat/chat-preset-utils';
+import { usedPresetIdsFromMessages } from '#uilib/components/ui/Chat/chat-preset-utils';
 import {
   isChatEmpty,
   useChat,
@@ -38,7 +34,10 @@ import useEvent from '#uilib/hooks/useEvent';
 import { useIsMobile } from '#uilib/hooks/useIsMobile';
 import { useQueryParams } from '#uilib/hooks/useQueryParams';
 import logger from '#uilib/lib/logger';
-import type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+import type {
+  SlashCommandItem,
+  SlashOnItemCommand,
+} from '#uilib/tiptap/slash-mention/types';
 import { mergePresetFreeformDefaults } from '#uilib/utils/chatPresetMerge';
 import { ScrollRef } from '@homecode/ui';
 
@@ -58,8 +57,6 @@ export type UseChatPanelChromeModelInput = {
   onMessage?: (message: string) => void;
   /** Fires when a preset script has no further `[Label|branchKey]` steps (graph leaf or linear script end). */
   onScriptComplete?: (payload: ScriptCompletePayload) => void;
-  /** After intake script completes, user can generate a dashboard from the full transcript (e.g. Decision board). */
-  onGenerateDashboard?: (transcript: string) => void | Promise<void>;
   /** Renders `[CHART]` tokens in assistant messages. */
   renderMessageChart?: () => React.ReactNode;
   /** Forwarded to `ChatChrome` when the thread is empty. */
@@ -73,6 +70,8 @@ export type UseChatPanelChromeModelInput = {
   ) => void | Promise<void>;
   /** Slash menu (`/`) in the composer; omit or pass empty to disable. */
   slashCommandItems?: SlashCommandItem[];
+  /** Custom slash command handler (palette pick or Enter on `/id`). */
+  onSlashItemCommand?: SlashOnItemCommand;
 };
 
 export type UseChatPanelChromeModelResult = {
@@ -115,13 +114,13 @@ export function useChatPanelChromeModel({
   scopeId,
   onMessage,
   onScriptComplete,
-  onGenerateDashboard,
   renderMessageChart,
   emptyState,
   allowedAttachments,
   allowPdfAttachments,
   onAttachmentsDropped,
   slashCommandItems,
+  onSlashItemCommand,
 }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult {
   const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
   const isMobile = useIsMobile();
@@ -193,11 +192,10 @@ export function useChatPanelChromeModel({
   const [intakeByChatId, setIntakeByChatId] = useState<
     Record<string, IntakeScriptState | undefined>
   >({});
-  /** Preset intake finished for this session; show [Generate Dashboard] when `onGenerateDashboard` is set. */
+  /** Preset intake finished for this session (e.g. `onScriptComplete` callback). */
   const [scriptCompleteByChatId, setScriptCompleteByChatId] = useState<
     Record<string, boolean>
   >({});
-  const [generatingDashboard, setGeneratingDashboard] = useState(false);
   const scriptAdvanceLockRef = useRef(false);
   const quickReplyLockRef = useRef(false);
   const scrollRef = useRef<ScrollRef>(null);
@@ -956,46 +954,19 @@ export function useChatPanelChromeModel({
     !linearScriptActive &&
     (!graphActive || (!lastHasQuickMarkers && unusedBranchKeys.length === 0));
 
-  const isScriptComplete = Boolean(
-    currentChatId && scriptCompleteByChatId[currentChatId],
-  );
-
-  /** Branch row also when intake is done but all branches used (Generate Dashboard only). */
-  const showBranchActionsRow =
-    showSyntheticBranchButtons ||
-    (isScriptComplete && Boolean(onGenerateDashboard) && !generatingDashboard);
-
-  const handleGenerateDashboard = useCallback(async () => {
-    if (!currentChatId || !onGenerateDashboard) return;
-    const transcript = formatChatTranscript(
-      (chat?.messages ?? []).filter(m => m.role !== MessageRole.SYSTEM),
-    );
-    setGeneratingDashboard(true);
-    const systemPlaceholderId = addMessage(
-      currentChatId,
-      MessageRole.SYSTEM,
-      GENERATING_DASHBOARD_SYSTEM_TEXT,
-    );
-    try {
-      await Promise.resolve(onGenerateDashboard(transcript));
-      setScriptCompleteByChatId(prev => {
-        const next = { ...prev };
-        delete next[currentChatId];
-        return next;
-      });
-    } finally {
-      if (systemPlaceholderId) {
-        removeMessageById(currentChatId, systemPlaceholderId);
+  const onPromptSubmitWithSlashCommands = useCallback(
+    async (message: string, attachments?: ChatAttachmentDropItem[]) => {
+      const trimmed = message.trim();
+      const slashItem = slashCommandItems?.find(
+        item => trimmed === `/${item.id}`,
+      );
+      if (slashItem && onSlashItemCommand?.({ item: slashItem }) === true) {
+        return;
       }
-      setGeneratingDashboard(false);
-    }
-  }, [
-    currentChatId,
-    onGenerateDashboard,
-    chat?.messages,
-    addMessage,
-    removeMessageById,
-  ]);
+      return handlePromptSubmit(message, attachments);
+    },
+    [handlePromptSubmit, slashCommandItems, onSlashItemCommand],
+  );
 
   const onDragChatWidth = useCallback(
     (rawPx: number) => setChatWidthPx(rawPx, { persist: false }),
@@ -1028,20 +999,13 @@ export function useChatPanelChromeModel({
     scriptContinueLabel,
     onScriptContinue,
     renderMessageChart,
-    showBranchActionsRow,
     showSyntheticBranchButtons,
     unusedBranchKeys,
-    isScriptComplete,
-    onGenerateDashboard,
-    generatingDashboard,
-    onGenerateDashboardClick: () => {
-      void handleGenerateDashboard();
-    },
     showInlinePresets,
     isLastMessageFromUser,
     scrollRef,
     effectiveScopeId,
-    onPromptSubmit: handlePromptSubmit,
+    onPromptSubmit: onPromptSubmitWithSlashCommands,
     onChatDeleted: endLocalDemoFlow,
     promptPrefill: promptLinkPrefill,
     emptyState: resolvedEmptyState,
@@ -1049,6 +1013,7 @@ export function useChatPanelChromeModel({
     allowPdfAttachments,
     onAttachmentsDropped,
     slashCommandItems,
+    onSlashItemCommand,
   };
 
   const toggleOpen = () => onOpenChange(!isOpen);

package/src/components/ui/Chat/index.ts

@@ -1,5 +1,8 @@
 export { Chat } from './Chat';
-export { usedPresetIdsFromMessages } from './chat-preset-utils';
+export {
+  formatChatTranscript,
+  usedPresetIdsFromMessages,
+} from './chat-preset-utils';
 export { ChatChrome } from './ChatChrome';
 export type {
   ChatChromeProps,
@@ -40,5 +43,9 @@ export type {
   UserTextFileAttachment,
 } from './Chat.types';
 export { MessageRole } from './Chat.types';
-export type { SlashCommandItem } from '#uilib/tiptap/slash-mention/types';
+export type {
+  SlashCommandItem,
+  SlashItemCommandContext,
+  SlashOnItemCommand,
+} from '#uilib/tiptap/slash-mention/types';
 export { CsvIcon } from '../../icons/CsvIcon/CsvIcon';

package/src/docs/pages/ChatAttachmentsDropzonePage.tsx

@@ -120,13 +120,8 @@ export default function ChatAttachmentsDropzonePage() {
           isLoading={isLoading}
           scriptContinueLabel={undefined}
           onScriptContinue={undefined}
-          showBranchActionsRow={false}
           showSyntheticBranchButtons={false}
           unusedBranchKeys={[]}
-          isScriptComplete={false}
-          onGenerateDashboard={undefined}
-          generatingDashboard={false}
-          onGenerateDashboardClick={() => {}}
           showInlinePresets={false}
           isLastMessageFromUser={isLastMessageFromUser}
           scrollRef={scrollRef}

package/src/docs/pages/ChatPage.tsx

@@ -84,13 +84,8 @@ export default function ChatPage() {
           isLoading={isLoading}
           scriptContinueLabel={undefined}
           onScriptContinue={undefined}
-          showBranchActionsRow={false}
           showSyntheticBranchButtons={false}
           unusedBranchKeys={[]}
-          isScriptComplete={false}
-          onGenerateDashboard={undefined}
-          generatingDashboard={false}
-          onGenerateDashboardClick={() => {}}
           showInlinePresets={false}
           isLastMessageFromUser={isLastMessageFromUser}
           scrollRef={scrollRef}

package/src/docs/pages/ChatSlashCommandsPage.tsx

@@ -8,6 +8,7 @@ import {
   type SlashCommandItem,
 } from '#uilib/components/ui/Chat';
 import { PageContentSection } from '#uilib/components/ui/Page';
+import type { SlashItemCommandContext } from '#uilib/tiptap/slash-mention/types';
 import { ScrollRef } from '@homecode/ui';
 
 import { AppPageHeader } from '../components/AppPageHeader/AppPageHeader';
@@ -15,18 +16,23 @@ import { DocsHeaderActions } from '../docsHeaderActions';
 
 const NO_QUICK_REPLY_KEYS: ReadonlySet<string> = new Set();
 
+const DOCS_SAMPLE_COMMAND_ID = 'sample-command';
+
 /** Sample items so the docs demo still shows a `/` palette (`DEFAULT_CHAT_SLASH_ITEMS` is empty). */
 const DOCS_SAMPLE_SLASH_ITEMS: SlashCommandItem[] = [
   {
-    id: 'sample-command',
-    label: 'sample-command',
+    id: DOCS_SAMPLE_COMMAND_ID,
+    label: DOCS_SAMPLE_COMMAND_ID,
     description:
-      'Demo only — define `slashCommandItems` in your app to list real commands.',
+      'Demo handler — clears composer and runs `onSlashItemCommand` (no mention insert).',
   },
 ];
 
+const SAMPLE_COMMAND_REPLY_TEXT =
+  'Sample command ran via `onSlashItemCommand` — composer cleared, no mention inserted.';
+
 const ASSISTANT_REPLY_TEXT =
-  'Demo reply. Picked slash text is `/sample-command` via TipTap Mention (plain-text round-trip with renderText).';
+  'Demo reply for a normal message. Slash picks with a custom handler skip mention insert.';
 
 function makeMessage(role: MessageRole, text: string): Message {
   return {
@@ -56,11 +62,34 @@ export default function ChatSlashCommandsPage() {
     messages.length > 0 &&
     messages[messages.length - 1]?.role === MessageRole.USER;
 
+  const runSampleCommand = useCallback(() => {
+    setMessages(prev => [
+      ...prev,
+      makeMessage(MessageRole.ASSISTANT, SAMPLE_COMMAND_REPLY_TEXT),
+    ]);
+  }, []);
+
+  const onSlashItemCommand = useCallback(
+    ({ item }: SlashItemCommandContext) => {
+      if (item.id !== DOCS_SAMPLE_COMMAND_ID) {
+        return false;
+      }
+      queueMicrotask(() => runSampleCommand());
+      return true;
+    },
+    [runSampleCommand],
+  );
+
   const onSubmit = useCallback(
     (raw: string) => {
       const text = raw.trim();
       if (!text || isLoading) return;
 
+      if (text === `/${DOCS_SAMPLE_COMMAND_ID}`) {
+        runSampleCommand();
+        return;
+      }
+
       setMessages(prev => [...prev, makeMessage(MessageRole.USER, text)]);
       setIsLoading(true);
 
@@ -76,7 +105,7 @@ export default function ChatSlashCommandsPage() {
         setIsLoading(false);
       }, 900);
     },
-    [isLoading],
+    [isLoading, runSampleCommand],
   );
 
   return (
@@ -84,7 +113,7 @@ export default function ChatSlashCommandsPage() {
       <AppPageHeader
         breadcrumbs={[{ label: 'Chat' }, { label: 'Chat slash commands' }]}
         title="Chat slash commands"
-        subheader={`Slash palette uses TipTap Mention with "/" as the trigger. Library default item list is empty — pass slashCommandItems from the app (this page uses a sample item for the demo).`}
+        subheader={`Slash palette uses TipTap Mention with "/" as the trigger. Pass slashCommandItems from the app; optional onSlashItemCommand can clear the composer and run an action instead of inserting a mention.`}
         actions={
           <DocsHeaderActions slashCommandItems={DOCS_SAMPLE_SLASH_ITEMS} />
         }
@@ -97,7 +126,9 @@ export default function ChatSlashCommandsPage() {
           </Link>{' '}
           shell below: scrolling history, empty state, disclaimer, composer.
           Type <kbd className="font-mono">/</kbd> at line start or after a
-          space; pick with arrows + Enter or click, then send.
+          space; pick <kbd className="font-mono">sample-command</kbd> to run the
+          custom handler, or send{' '}
+          <kbd className="font-mono">/sample-command</kbd> with Enter.
         </p>
         <ChatChrome
           showResizeHandle={false}
@@ -111,13 +142,8 @@ export default function ChatSlashCommandsPage() {
           isLoading={isLoading}
           scriptContinueLabel={undefined}
           onScriptContinue={undefined}
-          showBranchActionsRow={false}
           showSyntheticBranchButtons={false}
           unusedBranchKeys={[]}
-          isScriptComplete={false}
-          onGenerateDashboard={undefined}
-          generatingDashboard={false}
-          onGenerateDashboardClick={() => {}}
           showInlinePresets={false}
           isLastMessageFromUser={isLastMessageFromUser}
           scrollRef={scrollRef}
@@ -125,14 +151,12 @@ export default function ChatSlashCommandsPage() {
           onPromptSubmit={onSubmit}
           onChatDeleted={() => {}}
           slashCommandItems={DOCS_SAMPLE_SLASH_ITEMS}
+          onSlashItemCommand={onSlashItemCommand}
           promptPlaceholder='Ask something or type "/" for demo commands…'
           emptyState={{
             title: 'Try a slash command',
             description:
-              'This demo mounts one sample slash item. Production: pass slashCommandItems to ChatChrome so `/` opens your palette.',
-            additionalContent: (
-              <p>Optional empty-state slot via additionalContent.</p>
-            ),
+              'Pick sample-command from the palette or send /sample-command — onSlashItemCommand clears the composer and runs the demo action.',
           }}
         />
       </PageContentSection>

package/src/docs/pages/ChatUserCsvAttachmentPage.tsx

@@ -148,13 +148,8 @@ export default function ChatUserCsvAttachmentPage() {
           isLoading={isLoading}
           scriptContinueLabel={undefined}
           onScriptContinue={undefined}
-          showBranchActionsRow={false}
           showSyntheticBranchButtons={false}
           unusedBranchKeys={[]}
-          isScriptComplete={false}
-          onGenerateDashboard={undefined}
-          generatingDashboard={false}
-          onGenerateDashboardClick={() => {}}
           showInlinePresets={false}
           isLastMessageFromUser={isLastMessageFromUser}
           scrollRef={scrollRef}

package/src/tiptap/slash-mention/createSlashMentionExtension.ts

@@ -124,6 +124,28 @@ export function slashMentionSuggestionRender(
   };
 }
 
+function clearSlashTriggerEditor(
+  editor: Editor,
+  range: { from: number; to: number },
+): void {
+  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: Editor): void {
+  if (editor.isDestroyed) return;
+  try {
+    editor.view?.dom?.ownerDocument?.defaultView
+      ?.getSelection?.()
+      ?.collapseToEnd();
+  } catch {
+    // view.dom throws when editor is not mounted
+  }
+}
 function insertDefaultMention(
   editor: Editor,
   range: { from: number; to: number },
@@ -223,11 +245,8 @@ export function createSlashMentionExtension({
       command: ({ editor, range, props }) => {
         const item = props as SlashCommandItem;
         if (onItemCommand?.({ editor, range, item }) === true) {
-          queueMicrotask(() => {
-            editor.view.dom.ownerDocument?.defaultView
-              ?.getSelection?.()
-              ?.collapseToEnd();
-          });
+          clearSlashTriggerEditor(editor, range);
+          queueMicrotask(() => collapseEditorSelectionEnd(editor));
           return null;
         }
         insertDefaultMention(editor, range, item, slashChar);

package/src/tiptap/slash-mention/types.ts

@@ -7,13 +7,15 @@ export type SlashCommandItem = {
 };
 
 export type SlashItemCommandContext = {
-  editor: Editor;
-  range: Range;
   item: SlashCommandItem;
+  /** Present when picked from the slash palette; omitted on Enter submit of `/id`. */
+  editor?: Editor;
+  range?: Range;
 };
 
 /**
- * If provided, run before default mention insertion. Return true to skip inserting a mention node.
+ * If provided, run when a slash item is picked. Return true to skip mention insert
+ * (extension clears the trigger text from the composer).
  */
 export type SlashOnItemCommand = (ctx: SlashItemCommandContext) => boolean;