@sybilion/uilib 1.3.47 → 1.3.48

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

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

package/dist/esm/components/ui/Chat/ChatSheet/useChatPanelChromeModel.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, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, }) {
+function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, transformSendPayload, }) {
     const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
     const isMobile = useIsMobile();
     const { chatPanelContainer, isOpen: sidebarNavOpen, setOpen: setSidebarNavOpen, chatWidthPx, setChatWidthPx, getShellWidth, setChatPanelOpen, } = useSidebar();
@@ -404,9 +404,12 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         try {
             if (chatId)
                 endLocalDemoFlow(chatId);
-            const payload = buildChatSendMessagePayload(message, stagedAttachments);
-            await sendMessage(payload);
-            onMessage?.(displayTextFromSendPayload(payload));
+            let payload = buildChatSendMessagePayload(message, stagedAttachments);
+            if (transformSendPayload) {
+                payload = await transformSendPayload(message, stagedAttachments, payload);
+            }
+            const assistantResponse = await sendMessage(payload);
+            onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
         }
         catch (error) {
             logger.error('Error sending chat message:', error);
@@ -423,6 +426,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         sendMessage,
         onMessage,
         onScriptComplete,
+        transformSendPayload,
     ]);
     const submitPreset = useCallback(async (preset) => {
         const script = preset.script;

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

@@ -55,7 +55,13 @@ function Renamer({ value = '', onInput, onChange, children, className, placehold
         md: 'md',
         lg: 'lg',
     };
-    return (jsx("div", { className: cn(S.root, !value && S.empty, className), onKeyDown: onKeyDown, children: isRenaming ? (jsx(Input, { className: S.input, autoFocus: !isMobile, variant: "clean", size: sizeMap[size], placeholder: placeholder, value: name, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: onKeyDown })) : (jsxs(Fragment, { children: [jsx("span", { className: S.value, children: children }), jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { className: S.button, variant: "ghost", onClick: handleEditClick, size: buttonSizeMap[size], type: "button", children: jsx(PencilSimpleIcon, { size: 16 }) }) }), jsx(TooltipContent, { side: "bottom", children: "Rename" })] })] })) }));
+    return (jsx("div", { className: cn(S.root, !value && S.empty, className), onKeyDown: onKeyDown, children: isRenaming ? (jsx(Input, { className: S.input, autoFocus: !isMobile, variant: "clean", size: sizeMap[size], placeholder: placeholder, value: name, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: onKeyDown })) : (jsxs(Fragment, { children: [jsx("span", { className: S.value, children: children }), jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { className: S.button, variant: "ghost", onPointerDown: e => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                }, onClick: e => {
+                                    e.stopPropagation();
+                                    handleEditClick();
+                                }, size: buttonSizeMap[size], type: "button", children: jsx(PencilSimpleIcon, { size: 16 }) }) }), jsx(TooltipContent, { side: "bottom", children: "Rename" })] })] })) }));
 }
 
 export { Renamer };

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, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, 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, transformSendPayload, inline, }: ChatSheetProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ChatPreset, type ScriptCompletePayload } from '#uilib/components/ui/Chat/Chat.types';
+import { ChatPreset, type ChatSendMessagePayload, type ScriptCompletePayload } from '#uilib/components/ui/Chat/Chat.types';
 import type { SlashCommandItem, SlashOnItemCommand } from '#uilib/tiptap/slash-mention/types';
 import type { ChatChromeProps } from '../ChatChrome';
 import type { ChatAttachmentDropItem } from '../ChatChrome/ChatChrome.types';
@@ -9,7 +9,8 @@ export type UseChatPanelChromeModelInput = {
     presets?: ChatPreset[];
     /** Composite chat scope (e.g. `${userId}-${datasetId}`, `${userId}-dashboard`, `${userId}-report-${reportId}`). */
     scopeId?: string | null;
-    onMessage?: (message: string) => void;
+    /** Fires after send; second arg is the assistant reply when the API call succeeded. */
+    onMessage?: (displayText: string, assistantResponse?: string) => void;
     /** Fires when a preset script has no further `[Label|branchKey]` steps (graph leaf or linear script end). */
     onScriptComplete?: (payload: ScriptCompletePayload) => void;
     /** Renders `[CHART]` tokens in assistant messages. */
@@ -25,6 +26,8 @@ export type UseChatPanelChromeModelInput = {
     slashCommandItems?: SlashCommandItem[];
     /** Custom slash command handler (palette pick or Enter on `/id`). */
     onSlashItemCommand?: SlashOnItemCommand;
+    /** Override or extend the default send payload (e.g. api vs display text split). */
+    transformSendPayload?: (message: string, attachments: ChatAttachmentDropItem[] | undefined, defaultPayload: string | ChatSendMessagePayload) => string | ChatSendMessagePayload | Promise<string | ChatSendMessagePayload>;
 };
 export type UseChatPanelChromeModelResult = {
     chromeProps: ChatChromeProps;
@@ -34,4 +37,4 @@ export type UseChatPanelChromeModelResult = {
     newChat: () => void;
     chatPanelContainer: HTMLElement | null;
 };
-export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;
+export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, transformSendPayload, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.47",
+  "version": "1.3.48",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

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

@@ -48,6 +48,7 @@ export function ChatSheet({
   onAttachmentsDropped,
   slashCommandItems,
   onSlashItemCommand,
+  transformSendPayload,
   inline = false,
 }: ChatSheetProps) {
   const model = useChatPanelChromeModel({
@@ -63,6 +64,7 @@ export function ChatSheet({
     onAttachmentsDropped,
     slashCommandItems,
     onSlashItemCommand,
+    transformSendPayload,
   });
 
   if (actionsRef) {

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

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import {
   ChatPreset,
+  type ChatSendMessagePayload,
   MessageRole,
   type ScriptCompletePayload,
 } from '#uilib/components/ui/Chat/Chat.types';
@@ -54,7 +55,8 @@ export type UseChatPanelChromeModelInput = {
   presets?: ChatPreset[];
   /** Composite chat scope (e.g. `${userId}-${datasetId}`, `${userId}-dashboard`, `${userId}-report-${reportId}`). */
   scopeId?: string | null;
-  onMessage?: (message: string) => void;
+  /** Fires after send; second arg is the assistant reply when the API call succeeded. */
+  onMessage?: (displayText: string, assistantResponse?: string) => void;
   /** Fires when a preset script has no further `[Label|branchKey]` steps (graph leaf or linear script end). */
   onScriptComplete?: (payload: ScriptCompletePayload) => void;
   /** Renders `[CHART]` tokens in assistant messages. */
@@ -72,6 +74,15 @@ export type UseChatPanelChromeModelInput = {
   slashCommandItems?: SlashCommandItem[];
   /** Custom slash command handler (palette pick or Enter on `/id`). */
   onSlashItemCommand?: SlashOnItemCommand;
+  /** Override or extend the default send payload (e.g. api vs display text split). */
+  transformSendPayload?: (
+    message: string,
+    attachments: ChatAttachmentDropItem[] | undefined,
+    defaultPayload: string | ChatSendMessagePayload,
+  ) =>
+    | string
+    | ChatSendMessagePayload
+    | Promise<string | ChatSendMessagePayload>;
 };
 
 export type UseChatPanelChromeModelResult = {
@@ -121,6 +132,7 @@ export function useChatPanelChromeModel({
   onAttachmentsDropped,
   slashCommandItems,
   onSlashItemCommand,
+  transformSendPayload,
 }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult {
   const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
   const isMobile = useIsMobile();
@@ -596,9 +608,16 @@ export function useChatPanelChromeModel({
 
       try {
         if (chatId) endLocalDemoFlow(chatId);
-        const payload = buildChatSendMessagePayload(message, stagedAttachments);
-        await sendMessage(payload);
-        onMessage?.(displayTextFromSendPayload(payload));
+        let payload = buildChatSendMessagePayload(message, stagedAttachments);
+        if (transformSendPayload) {
+          payload = await transformSendPayload(
+            message,
+            stagedAttachments,
+            payload,
+          );
+        }
+        const assistantResponse = await sendMessage(payload);
+        onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
       } catch (error) {
         logger.error('Error sending chat message:', error);
       }
@@ -615,6 +634,7 @@ export function useChatPanelChromeModel({
       sendMessage,
       onMessage,
       onScriptComplete,
+      transformSendPayload,
     ],
   );
 

package/src/components/ui/Renamer/Renamer.tsx

@@ -111,7 +111,14 @@ export function Renamer({
               <Button
                 className={S.button}
                 variant="ghost"
-                onClick={handleEditClick}
+                onPointerDown={e => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                }}
+                onClick={e => {
+                  e.stopPropagation();
+                  handleEditClick();
+                }}
                 size={buttonSizeMap[size]}
                 type="button"
               >

package/src/components/widgets/DriversComparisonChart/AGENT.md

@@ -11,7 +11,7 @@ Host provides:
 - Optional `datasetHistorical` overlay
 - `seriesInitKey` when selected analysis changes
 
-Report tile: Not used in report tiles.
+Report tile: `drivers_comparison_chart` — host loads normalized backtests payload + dataset historical; built-in analysis selector.
 
 Requires: `payload` — target + driver normalized_series; `loading` / `chartLoading` — spinners; `seriesInitKey` — reset visible series on analysis change; `runAnalysisHint` / `statusHint` — empty/error text.
 

package/src/components/widgets/PerformanceChart/AGENT.md

@@ -11,7 +11,7 @@ Host provides:
 - Analysis selection and fetch outside widget
 - Optional `forecastData`, `customPerformanceMatrix`, `userSeries` for spaghetti
 
-Report tile: Not used in report tiles.
+Report tile: `performance_chart` — host loads performance payload + dataset series; built-in analysis selector.
 
 Requires: `performanceData` — model/drift forecasts and metrics; `historicalData` — baseline series; `loading` / `chartLoading` / `performanceDataLoading` — spinners; `runAnalysisHint` / `statusHint` — empty states.
 

package/src/docs/config/webpack.config.js

@@ -20,7 +20,7 @@ const FaviconWebpackPlugin = require('favicons-webpack-plugin');
 const pkg = require('../../../package.json');
 
 const themeStyl = pathResolve(paths.src, 'theme.styl');
-const logoSvgPath = pathResolve(paths.src, 'components/ui/Logo/logo.svg');
+const logoSvgPath = pathResolve(paths.assets, 'logo.svg');
 
 /** GitHub Pages project sites live at /<repo>/; set PUBLIC_PATH=/repo-name/ for production deploy. */
 function normalizePublicPath(raw) {