@sybilion/uilib 1.3.79 → 1.3.80

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

@@ -10,6 +10,7 @@ import { DropZone } from '../../DropZone/DropZone.js';
 import { PanelResizeHandle } from '../../Sidebar/Sidebar.js';
 import SidebarStem from '../../Sidebar/Sidebar.styl.js';
 import { Chat } from '../Chat.js';
+import { MessageRole } from '../Chat.types.js';
 import { filterToTextAttachments, isAttachmentsDropzoneEnabled, buildAcceptAttr } from '../chatAttachmentAccept.js';
 import { extractChatAttachmentItems } from '../chatAttachmentExtract.js';
 import S from './ChatChrome.styl.js';
@@ -21,6 +22,7 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
     const [pendingAttachments, setPendingAttachments] = useState([]);
     const [isExtractingAttachments, setIsExtractingAttachments] = useState(false);
     const promptDisabled = isExtractingAttachments;
+    const hasInProgressSystemMessage = useMemo(() => messages.some(msg => msg.role === MessageRole.SYSTEM && msg.inProgress === true), [messages]);
     const handleAttachmentFiles = useCallback((files) => {
         if (promptDisabled || files.length === 0)
             return;
@@ -85,7 +87,9 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
                                                 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 || loadingLabel) && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: loadingLabel ?? 'Thinking...' }))] }) })), isEmpty ? (jsx("div", { className: S.fixedPresets, children: renderPresets('fixed') })) : null, 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: promptDisabled, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined, placeholder: promptPlaceholder, slashCommandItems: slashCommandItems, onSlashItemCommand: onSlashItemCommand, attachmentAccept: attachmentsDropzoneEnabled ? attachmentAccept : undefined, onAttachmentFiles: attachmentsDropzoneEnabled ? handleAttachmentFiles : undefined })] })] })] })] }));
+                                            }) })) : null, showInlinePresets && renderPresets('inline'), isLoading &&
+                                            !hasInProgressSystemMessage &&
+                                            (isLastMessageFromUser || loadingLabel) && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: loadingLabel ?? 'Thinking...' }))] }) })), isEmpty ? (jsx("div", { className: S.fixedPresets, children: renderPresets('fixed') })) : null, 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: promptDisabled, 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/buildChatSendMessagePayload.js

@@ -68,7 +68,9 @@ function displayTextFromSendPayload(message) {
 }
 /** Optional loading shimmer label from a structured send payload. */
 function loadingLabelFromSendPayload(message) {
-    return typeof message === 'string' ? undefined : message.loadingLabel;
+    if (typeof message === 'string')
+        return undefined;
+    return message.loadingLabel ?? message.systemProgressLabel;
 }
 
 export { buildChatSendMessagePayload, displayTextFromSendPayload, loadingLabelFromSendPayload, normalizeUserTextFileAttachments };

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

@@ -97,12 +97,14 @@ function shiftNormalizedSeriesBackward(series, lagMonths) {
 function applyDriversComparisonViewToPayload(payload, tab) {
     if (!payload || tab === 'lagged')
         return payload;
+    if (!payload.target?.normalized_series)
+        return payload;
     return {
         target: {
             ...payload.target,
             normalized_series: { ...payload.target.normalized_series },
         },
-        drivers: payload.drivers.map(driver => {
+        drivers: (payload.drivers ?? []).map(driver => {
             const lagMonths = parseLagMonthsFromLabel(resolveDriverLagLabel(driver));
             const series = driver.normalized_series ?? {};
             const normalized_series = lagMonths != null && lagMonths > 0

package/dist/esm/contexts/chat-context.js

@@ -343,13 +343,19 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                 userTextFileAttachments: normalizeUserTextFileAttachments(message),
             });
         }
+        let progressMessageId;
+        if (typeof message !== 'string' && message.systemProgressLabel) {
+            progressMessageId = addMessage(scopeId, targetChatId, MessageRole.SYSTEM, message.systemProgressLabel, { inProgress: true });
+        }
         const pendingChatSessionId = targetChatId;
         beginOutboundPending(scopeId, pendingChatSessionId);
+        let effectiveSessionId = pendingChatSessionId;
         try {
             const data = await sendChatMessageFn(apiPayload, pendingChatSessionId);
-            const effectiveSessionId = data.session_id && data.session_id !== pendingChatSessionId
-                ? data.session_id
-                : pendingChatSessionId;
+            effectiveSessionId =
+                data.session_id && data.session_id !== pendingChatSessionId
+                    ? data.session_id
+                    : pendingChatSessionId;
             if (data.session_id && data.session_id !== pendingChatSessionId) {
                 setChats(prev => {
                     const scopeChats = prev[scopeId] ?? [];
@@ -362,14 +368,21 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                 });
                 setCurrentChatId(scopeId, data.session_id);
             }
+            if (progressMessageId) {
+                removeMessageById(scopeId, effectiveSessionId, progressMessageId);
+                progressMessageId = undefined;
+            }
             addMessage(scopeId, effectiveSessionId, MessageRole.ASSISTANT, data.response);
             return { response: data.response, sessionId: effectiveSessionId };
         }
         catch (error) {
+            if (progressMessageId) {
+                removeMessageById(scopeId, effectiveSessionId, progressMessageId);
+            }
             const errorMessage = error instanceof Error
                 ? error.message
                 : 'Sorry, I encountered an error processing your message. Please try again.';
-            addMessage(scopeId, pendingChatSessionId, MessageRole.ASSISTANT, errorMessage);
+            addMessage(scopeId, effectiveSessionId, MessageRole.ASSISTANT, errorMessage);
             throw error;
         }
         finally {
@@ -377,6 +390,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
         }
     }, [
         addMessage,
+        removeMessageById,
         beginOutboundPending,
         endOutboundPending,
         getCurrentChatId,

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

@@ -21,6 +21,8 @@ export type ChatSendMessagePayload = {
     omitUserMessage?: boolean;
     /** Shimmer label while waiting on the API; defaults to "Thinking...". */
     loadingLabel?: string;
+    /** When set, show as a SYSTEM inProgress bubble instead of the footer shimmer. */
+    systemProgressLabel?: string;
 };
 export type ChatMetaValue = string | number | boolean | null;
 export type ChatMeta = Record<string, ChatMetaValue>;

package/package.json

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

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

@@ -29,6 +29,8 @@ export type ChatSendMessagePayload = {
   omitUserMessage?: boolean;
   /** Shimmer label while waiting on the API; defaults to "Thinking...". */
   loadingLabel?: string;
+  /** When set, show as a SYSTEM inProgress bubble instead of the footer shimmer. */
+  systemProgressLabel?: string;
 };
 
 export type ChatMetaValue = string | number | boolean | null;

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

@@ -14,7 +14,7 @@ import { DropZone } from '../../DropZone/DropZone';
 import { PanelResizeHandle } from '../../Sidebar/Sidebar';
 import SidebarStem from '../../Sidebar/Sidebar.styl';
 import { Chat } from '../Chat';
-import type { ChatAttachmentDropItem } from '../Chat.types';
+import { type ChatAttachmentDropItem, MessageRole } from '../Chat.types';
 import {
   buildAcceptAttr,
   filterToTextAttachments,
@@ -76,6 +76,13 @@ export function ChatChrome({
   >([]);
   const [isExtractingAttachments, setIsExtractingAttachments] = useState(false);
   const promptDisabled = isExtractingAttachments;
+  const hasInProgressSystemMessage = useMemo(
+    () =>
+      messages.some(
+        msg => msg.role === MessageRole.SYSTEM && msg.inProgress === true,
+      ),
+    [messages],
+  );
 
   const handleAttachmentFiles = useCallback(
     (files: File[]) => {
@@ -263,11 +270,13 @@ export function ChatChrome({
 
                 {showInlinePresets && renderPresets('inline')}
 
-                {isLoading && (isLastMessageFromUser || loadingLabel) && (
-                  <TextShimmer duration={1} spread={5} className={S.loader}>
-                    {loadingLabel ?? 'Thinking...'}
-                  </TextShimmer>
-                )}
+                {isLoading &&
+                  !hasInProgressSystemMessage &&
+                  (isLastMessageFromUser || loadingLabel) && (
+                    <TextShimmer duration={1} spread={5} className={S.loader}>
+                      {loadingLabel ?? 'Thinking...'}
+                    </TextShimmer>
+                  )}
               </Scroll>
             </div>
           )}

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

@@ -85,5 +85,6 @@ export function displayTextFromSendPayload(
 export function loadingLabelFromSendPayload(
   message: string | ChatSendMessagePayload,
 ): string | undefined {
-  return typeof message === 'string' ? undefined : message.loadingLabel;
+  if (typeof message === 'string') return undefined;
+  return message.loadingLabel ?? message.systemProgressLabel;
 }

package/src/components/widgets/DriversComparisonChart/driversComparisonChart.helpers.test.ts

@@ -127,7 +127,16 @@ describe('applyDriversComparisonViewToPayload', () => {
   };
 
   it('returns original payload for lagged tab', () => {
-    expect(applyDriversComparisonViewToPayload(payload, 'lagged')).toBe(payload);
+    expect(applyDriversComparisonViewToPayload(payload, 'lagged')).toBe(
+      payload,
+    );
+  });
+
+  it('returns original payload for overlapped tab when target series missing', () => {
+    const incomplete = { drivers: payload.drivers } as typeof payload;
+    expect(applyDriversComparisonViewToPayload(incomplete, 'overlapped')).toBe(
+      incomplete,
+    );
   });
 
   it('shifts driver series backward for overlapped tab without mutating source', () => {
@@ -327,8 +336,8 @@ describe('buildDriversComparisonChartData historical window floor', () => {
 
     expect(laggedChart[0]?.date).toBe('2014-10-01');
     expect(overlappedChart[0]?.date).toBe('2014-07-01');
-    expect(
-      overlappedChart[0]?.date!.localeCompare(laggedChart[0]?.date!),
-    ).toBe(-1);
+    expect(overlappedChart[0]?.date!.localeCompare(laggedChart[0]?.date!)).toBe(
+      -1,
+    );
   });
 });

package/src/components/widgets/DriversComparisonChart/driversComparisonChart.helpers.ts

@@ -125,13 +125,14 @@ export function applyDriversComparisonViewToPayload(
   tab: DriversComparisonViewTab,
 ): BacktestsComponentPayload | null {
   if (!payload || tab === 'lagged') return payload;
+  if (!payload.target?.normalized_series) return payload;
 
   return {
     target: {
       ...payload.target,
       normalized_series: { ...payload.target.normalized_series },
     },
-    drivers: payload.drivers.map(driver => {
+    drivers: (payload.drivers ?? []).map(driver => {
       const lagMonths = parseLagMonthsFromLabel(resolveDriverLagLabel(driver));
       const series = driver.normalized_series ?? {};
       const normalized_series =

package/src/contexts/chat-context.tsx

@@ -546,12 +546,24 @@ export function ChatProvider({
         );
       }
 
+      let progressMessageId: string | undefined;
+      if (typeof message !== 'string' && message.systemProgressLabel) {
+        progressMessageId = addMessage(
+          scopeId,
+          targetChatId,
+          MessageRole.SYSTEM,
+          message.systemProgressLabel,
+          { inProgress: true },
+        );
+      }
+
       const pendingChatSessionId = targetChatId;
       beginOutboundPending(scopeId, pendingChatSessionId);
+      let effectiveSessionId = pendingChatSessionId;
       try {
         const data = await sendChatMessageFn(apiPayload, pendingChatSessionId);
 
-        const effectiveSessionId =
+        effectiveSessionId =
           data.session_id && data.session_id !== pendingChatSessionId
             ? data.session_id
             : pendingChatSessionId;
@@ -573,6 +585,11 @@ export function ChatProvider({
           setCurrentChatId(scopeId, data.session_id);
         }
 
+        if (progressMessageId) {
+          removeMessageById(scopeId, effectiveSessionId, progressMessageId);
+          progressMessageId = undefined;
+        }
+
         addMessage(
           scopeId,
           effectiveSessionId,
@@ -582,6 +599,10 @@ export function ChatProvider({
 
         return { response: data.response, sessionId: effectiveSessionId };
       } catch (error) {
+        if (progressMessageId) {
+          removeMessageById(scopeId, effectiveSessionId, progressMessageId);
+        }
+
         const errorMessage =
           error instanceof Error
             ? error.message
@@ -589,7 +610,7 @@ export function ChatProvider({
 
         addMessage(
           scopeId,
-          pendingChatSessionId,
+          effectiveSessionId,
           MessageRole.ASSISTANT,
           errorMessage,
         );
@@ -600,6 +621,7 @@ export function ChatProvider({
     },
     [
       addMessage,
+      removeMessageById,
       beginOutboundPending,
       endOutboundPending,
       getCurrentChatId,