@sybilion/uilib 1.3.80 → 1.3.81

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

@@ -4,6 +4,7 @@ import { MessageRole } from '../components/ui/Chat/Chat.types.js';
 import { normalizeUserTextFileAttachments } from '../components/ui/Chat/buildChatSendMessagePayload.js';
 import { stripJsonDashboardFences } from '../lib/dashboard-spec/stripJsonDashboardFences.js';
 import { LS } from '@homecode/ui';
+import { persistChatsToLS, safeLsSet } from './chatPersistence.js';
 
 const CHATS_PREFIX = 'chats-';
 const CHAT_SCOPE_IDS_REGISTRY_KEY = 'chat-scope-ids';
@@ -77,7 +78,7 @@ function addScopeIdToRegistry(scopeId) {
     const raw = LS.get(CHAT_SCOPE_IDS_REGISTRY_KEY);
     const registry = Array.isArray(raw) ? [...raw] : [];
     if (!registry.includes(scopeId)) {
-        LS.set(CHAT_SCOPE_IDS_REGISTRY_KEY, [...registry, scopeId]);
+        safeLsSet(CHAT_SCOPE_IDS_REGISTRY_KEY, [...registry, scopeId]);
     }
 }
 /** Shallow-clone messages for seeding another session; drops in-progress rows. */
@@ -155,25 +156,23 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
         setChats(prev => {
             const currentChats = prev[scopeId] ?? [];
             const updatedChats = [newChat, ...currentChats];
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return {
                 ...prev,
                 [scopeId]: updatedChats,
             };
         });
         setCurrentChatIdState(prev => ({ ...prev, [scopeId]: sessionId }));
-        LS.set(getCurrentChatIdKey(scopeId), sessionId);
+        safeLsSet(getCurrentChatIdKey(scopeId), sessionId);
         return sessionId;
     }, [userSwitchKey]);
     const setCurrentChatId = useCallback((currScopeId, sessionId) => {
         if (!sessionId)
             return;
         setCurrentChatIdState(prev => ({ ...prev, [currScopeId]: sessionId }));
-        LS.set(getCurrentChatIdKey(currScopeId), sessionId);
+        safeLsSet(getCurrentChatIdKey(currScopeId), sessionId);
     }, []);
     const deleteChat = useCallback((scopeId, sessionId) => {
-        const chatsKey = getChatsKey(scopeId);
         const currentKey = getCurrentChatIdKey(scopeId);
         setChats(prev => {
             const scopeChats = prev[scopeId] ?? [];
@@ -182,7 +181,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                 return prev;
             }
             const updatedChats = scopeChats.filter(c => c.session_id !== sessionId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             setCurrentChatIdState(prevCurr => {
                 if (prevCurr[scopeId] !== sessionId) {
                     return prevCurr;
@@ -191,7 +190,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     ? scopeChats[deletedIndex - 1].session_id
                     : (updatedChats[0]?.session_id ?? null);
                 if (nextId) {
-                    LS.set(currentKey, nextId);
+                    safeLsSet(currentKey, nextId);
                 }
                 else {
                     LS.remove(currentKey);
@@ -228,8 +227,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                 }
                 return chat;
             });
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return { ...prev, [scopeId]: updatedChats };
         });
         return newMessage.id;
@@ -247,8 +245,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     messages: chat.messages.filter(m => m.id !== messageId),
                 };
             });
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return { ...prev, [scopeId]: updatedChats };
         });
     }, [userSwitchKey]);
@@ -286,8 +283,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     }),
                 };
             });
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return { ...prev, [scopeId]: updatedChats };
         });
     }, [userSwitchKey]);
@@ -306,8 +302,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     return chat;
                 return { ...chat, messages: cloned };
             });
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return { ...prev, [scopeId]: updatedChats };
         });
     }, [userSwitchKey]);
@@ -324,8 +319,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     meta: { ...chat.meta, ...patch },
                 };
             });
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
             return { ...prev, [scopeId]: updatedChats };
         });
     }, [userSwitchKey]);
@@ -362,8 +356,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
                     const updatedChats = scopeChats.map(chat => chat.session_id === pendingChatSessionId
                         ? { ...chat, session_id: data.session_id }
                         : chat);
-                    const chatsKey = getChatsKey(scopeId);
-                    LS.set(chatsKey, updatedChats);
+                    persistChatsToLS(scopeId, updatedChats);
                     return { ...prev, [scopeId]: updatedChats };
                 });
                 setCurrentChatId(scopeId, data.session_id);

package/dist/esm/contexts/chatPersistence.js

@@ -0,0 +1,67 @@
+import { stripJsonDashboardFences } from '../lib/dashboard-spec/stripJsonDashboardFences.js';
+import { LS } from '@homecode/ui';
+
+/** Ephemeral scopes (e.g. /reports/new draft) — keep only the latest session in LS. */
+const EPHEMERAL_SCOPE_MARKERS = ['__reports_new_draft__'];
+function isEphemeralChatScope(scopeId) {
+    return EPHEMERAL_SCOPE_MARKERS.some(marker => scopeId.endsWith(marker));
+}
+function isQuotaExceededError(error) {
+    if (!(error instanceof DOMException))
+        return false;
+    return (error.name === 'QuotaExceededError' ||
+        error.code === 22 ||
+        error.code === 1014);
+}
+function stripAttachmentForPersistence(attachment) {
+    return {
+        displayName: attachment.displayName,
+        filename: attachment.filename,
+        content: '',
+    };
+}
+function stripMessageForPersistence(message) {
+    const text = stripJsonDashboardFences(message.text);
+    const next = { ...message, text };
+    if (message.inProgress) {
+        delete next.inProgress;
+    }
+    if (message.userTextFileAttachments?.length) {
+        next.userTextFileAttachments = message.userTextFileAttachments.map(stripAttachmentForPersistence);
+    }
+    return next;
+}
+function stripChatsForPersistence(chats) {
+    return chats.map(chat => ({
+        ...chat,
+        messages: chat.messages
+            .filter(message => !message.inProgress)
+            .map(stripMessageForPersistence),
+    }));
+}
+function chatsForScopePersistence(scopeId, chats) {
+    const scopeChats = isEphemeralChatScope(scopeId) ? chats.slice(0, 1) : chats;
+    return stripChatsForPersistence(scopeChats);
+}
+function persistChatsToLS(scopeId, chats) {
+    const chatsKey = `chats-${scopeId}`;
+    const payload = chatsForScopePersistence(scopeId, chats);
+    try {
+        LS.set(chatsKey, payload);
+    }
+    catch (error) {
+        if (!isQuotaExceededError(error))
+            throw error;
+    }
+}
+function safeLsSet(key, value) {
+    try {
+        LS.set(key, value);
+    }
+    catch (error) {
+        if (!isQuotaExceededError(error))
+            throw error;
+    }
+}
+
+export { persistChatsToLS, safeLsSet, stripChatsForPersistence, stripMessageForPersistence };

package/dist/esm/types/src/contexts/chatPersistence.d.ts

@@ -0,0 +1,5 @@
+import type { Chat, Message } from '#uilib/components/ui/Chat/Chat.types';
+export declare function stripMessageForPersistence(message: Message): Message;
+export declare function stripChatsForPersistence(chats: Chat[]): Chat[];
+export declare function persistChatsToLS(scopeId: string, chats: Chat[]): void;
+export declare function safeLsSet(key: string, value: unknown): void;

package/dist/esm/types/src/contexts/chatPersistence.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/mocks/homecodeUiMock.d.ts

@@ -0,0 +1,6 @@
+declare const LS: {
+    get(key: string): any;
+    set(key: string, val: unknown): void;
+    remove(key: string): void;
+};
+export { LS };

package/package.json

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

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

@@ -262,6 +262,9 @@ describe('buildDriversComparisonChartData historical window floor', () => {
   };
 
   const datasetHistorical: ChartDataPoint[] = [
+    { date: '2014-07-01', historical: 97 },
+    { date: '2014-08-01', historical: 98 },
+    { date: '2014-09-01', historical: 99 },
     { date: '2014-10-01', historical: 100 },
     { date: '2014-11-01', historical: 101 },
     { date: '2014-12-01', historical: 102 },

package/src/contexts/chat-context.tsx

@@ -21,6 +21,8 @@ import { stripJsonDashboardFences } from '#uilib/lib/dashboard-spec/stripJsonDas
 import type { ChatResponse } from '#uilib/types/chat-api.types';
 import { LS } from '@homecode/ui';
 
+import { persistChatsToLS, safeLsSet } from './chatPersistence';
+
 export type SendChatMessageFn = (
   message: string,
   targetChatId: string,
@@ -184,7 +186,7 @@ function addScopeIdToRegistry(scopeId: string) {
   const raw = LS.get(CHAT_SCOPE_IDS_REGISTRY_KEY);
   const registry = Array.isArray(raw) ? [...raw] : [];
   if (!registry.includes(scopeId)) {
-    LS.set(CHAT_SCOPE_IDS_REGISTRY_KEY, [...registry, scopeId]);
+    safeLsSet(CHAT_SCOPE_IDS_REGISTRY_KEY, [...registry, scopeId]);
   }
 }
 
@@ -300,8 +302,7 @@ export function ChatProvider({
         const currentChats = prev[scopeId] ?? [];
         const updatedChats = [newChat, ...currentChats];
 
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
 
         return {
           ...prev,
@@ -309,7 +310,7 @@ export function ChatProvider({
         };
       });
       setCurrentChatIdState(prev => ({ ...prev, [scopeId]: sessionId }));
-      LS.set(getCurrentChatIdKey(scopeId), sessionId);
+      safeLsSet(getCurrentChatIdKey(scopeId), sessionId);
       return sessionId;
     },
     [userSwitchKey],
@@ -319,13 +320,12 @@ export function ChatProvider({
     (currScopeId: string, sessionId: string) => {
       if (!sessionId) return;
       setCurrentChatIdState(prev => ({ ...prev, [currScopeId]: sessionId }));
-      LS.set(getCurrentChatIdKey(currScopeId), sessionId);
+      safeLsSet(getCurrentChatIdKey(currScopeId), sessionId);
     },
     [],
   );
 
   const deleteChat = useCallback((scopeId: string, sessionId: string) => {
-    const chatsKey = getChatsKey(scopeId);
     const currentKey = getCurrentChatIdKey(scopeId);
 
     setChats(prev => {
@@ -337,7 +337,7 @@ export function ChatProvider({
         return prev;
       }
       const updatedChats = scopeChats.filter(c => c.session_id !== sessionId);
-      LS.set(chatsKey, updatedChats);
+      persistChatsToLS(scopeId, updatedChats);
 
       setCurrentChatIdState(prevCurr => {
         if (prevCurr[scopeId] !== sessionId) {
@@ -348,7 +348,7 @@ export function ChatProvider({
             ? scopeChats[deletedIndex - 1].session_id
             : (updatedChats[0]?.session_id ?? null);
         if (nextId) {
-          LS.set(currentKey, nextId);
+          safeLsSet(currentKey, nextId);
         } else {
           LS.remove(currentKey);
         }
@@ -395,8 +395,7 @@ export function ChatProvider({
           return chat;
         });
 
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
 
         return { ...prev, [scopeId]: updatedChats };
       });
@@ -417,8 +416,7 @@ export function ChatProvider({
             messages: chat.messages.filter(m => m.id !== messageId),
           };
         });
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
         return { ...prev, [scopeId]: updatedChats };
       });
     },
@@ -463,8 +461,7 @@ export function ChatProvider({
             }),
           };
         });
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
         return { ...prev, [scopeId]: updatedChats };
       });
     },
@@ -487,8 +484,7 @@ export function ChatProvider({
           return { ...chat, messages: cloned };
         });
 
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
 
         return { ...prev, [scopeId]: updatedChats };
       });
@@ -509,8 +505,7 @@ export function ChatProvider({
           };
         });
 
-        const chatsKey = getChatsKey(scopeId);
-        LS.set(chatsKey, updatedChats);
+        persistChatsToLS(scopeId, updatedChats);
 
         return { ...prev, [scopeId]: updatedChats };
       });
@@ -577,8 +572,7 @@ export function ChatProvider({
                 : chat,
             );
 
-            const chatsKey = getChatsKey(scopeId);
-            LS.set(chatsKey, updatedChats);
+            persistChatsToLS(scopeId, updatedChats);
 
             return { ...prev, [scopeId]: updatedChats };
           });

package/src/contexts/chatPersistence.test.ts

@@ -0,0 +1,142 @@
+import { MessageRole } from '#uilib/components/ui/Chat/Chat.types';
+import type { Chat } from '#uilib/components/ui/Chat/Chat.types';
+
+import {
+  persistChatsToLS,
+  stripChatsForPersistence,
+  stripMessageForPersistence,
+} from './chatPersistence';
+
+describe('stripMessageForPersistence', () => {
+  it('removes json-dashboard fences from message text', () => {
+    const message = stripMessageForPersistence({
+      id: '1',
+      role: MessageRole.ASSISTANT,
+      text: 'Summary\n```json-dashboard\n{"tiles":[]}\n```',
+      timestamp: 1,
+    });
+
+    expect(message.text).toBe('Summary');
+  });
+
+  it('drops attachment content but keeps file metadata', () => {
+    const message = stripMessageForPersistence({
+      id: '2',
+      role: MessageRole.USER,
+      text: 'see file',
+      timestamp: 2,
+      userTextFileAttachments: [
+        {
+          displayName: 'Report',
+          filename: 'report.pdf',
+          content: 'x'.repeat(5000),
+        },
+      ],
+    });
+
+    expect(message.userTextFileAttachments).toEqual([
+      { displayName: 'Report', filename: 'report.pdf', content: '' },
+    ]);
+  });
+});
+
+describe('stripChatsForPersistence', () => {
+  it('filters in-progress messages', () => {
+    const chats: Chat[] = [
+      {
+        session_id: 's1',
+        name: '',
+        messages: [
+          {
+            id: 'a',
+            role: MessageRole.SYSTEM,
+            text: 'Working...',
+            timestamp: 1,
+            inProgress: true,
+          },
+          {
+            id: 'b',
+            role: MessageRole.USER,
+            text: 'hello',
+            timestamp: 2,
+          },
+        ],
+      },
+    ];
+
+    expect(stripChatsForPersistence(chats)[0].messages).toHaveLength(1);
+    expect(stripChatsForPersistence(chats)[0].messages[0].id).toBe('b');
+  });
+});
+
+describe('persistChatsToLS', () => {
+  const quotaError = new DOMException('quota', 'QuotaExceededError');
+
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  it('swallows QuotaExceededError without throwing', () => {
+    const setItem = jest
+      .spyOn(Storage.prototype, 'setItem')
+      .mockImplementation(() => {
+        throw quotaError;
+      });
+
+    expect(() =>
+      persistChatsToLS('94-__reports_new_draft__', [
+        {
+          session_id: 's1',
+          name: '',
+          messages: [
+            {
+              id: '1',
+              role: MessageRole.USER,
+              text: 'hello',
+              timestamp: 1,
+            },
+          ],
+        },
+      ]),
+    ).not.toThrow();
+
+    setItem.mockRestore();
+  });
+
+  it('persists only the latest session for ephemeral draft scopes', () => {
+    persistChatsToLS('94-__reports_new_draft__', [
+      {
+        session_id: 'current',
+        name: '',
+        messages: [
+          {
+            id: '1',
+            role: MessageRole.USER,
+            text: 'current',
+            timestamp: 1,
+          },
+        ],
+      },
+      {
+        session_id: 'old',
+        name: '',
+        messages: [
+          {
+            id: '2',
+            role: MessageRole.USER,
+            text: 'old',
+            timestamp: 2,
+          },
+        ],
+      },
+    ]);
+
+    const stored = window.localStorage.getItem(
+      'chats-94-__reports_new_draft__',
+    );
+    expect(stored).not.toBeNull();
+    const parsed = JSON.parse(stored ?? '[]');
+    expect(parsed).toHaveLength(1);
+    expect(parsed[0].session_id).toBe('current');
+  });
+});

package/src/contexts/chatPersistence.ts

@@ -0,0 +1,79 @@
+import type {
+  Chat,
+  Message,
+  UserTextFileAttachment,
+} from '#uilib/components/ui/Chat/Chat.types';
+import { stripJsonDashboardFences } from '#uilib/lib/dashboard-spec/stripJsonDashboardFences';
+import { LS } from '@homecode/ui';
+
+/** Ephemeral scopes (e.g. /reports/new draft) — keep only the latest session in LS. */
+const EPHEMERAL_SCOPE_MARKERS = ['__reports_new_draft__'] as const;
+
+function isEphemeralChatScope(scopeId: string): boolean {
+  return EPHEMERAL_SCOPE_MARKERS.some(marker => scopeId.endsWith(marker));
+}
+
+function isQuotaExceededError(error: unknown): boolean {
+  if (!(error instanceof DOMException)) return false;
+  return (
+    error.name === 'QuotaExceededError' ||
+    error.code === 22 ||
+    error.code === 1014
+  );
+}
+
+function stripAttachmentForPersistence(
+  attachment: UserTextFileAttachment,
+): UserTextFileAttachment {
+  return {
+    displayName: attachment.displayName,
+    filename: attachment.filename,
+    content: '',
+  };
+}
+
+export function stripMessageForPersistence(message: Message): Message {
+  const text = stripJsonDashboardFences(message.text);
+  const next: Message = { ...message, text };
+  if (message.inProgress) {
+    delete next.inProgress;
+  }
+  if (message.userTextFileAttachments?.length) {
+    next.userTextFileAttachments = message.userTextFileAttachments.map(
+      stripAttachmentForPersistence,
+    );
+  }
+  return next;
+}
+
+export function stripChatsForPersistence(chats: Chat[]): Chat[] {
+  return chats.map(chat => ({
+    ...chat,
+    messages: chat.messages
+      .filter(message => !message.inProgress)
+      .map(stripMessageForPersistence),
+  }));
+}
+
+function chatsForScopePersistence(scopeId: string, chats: Chat[]): Chat[] {
+  const scopeChats = isEphemeralChatScope(scopeId) ? chats.slice(0, 1) : chats;
+  return stripChatsForPersistence(scopeChats);
+}
+
+export function persistChatsToLS(scopeId: string, chats: Chat[]): void {
+  const chatsKey = `chats-${scopeId}`;
+  const payload = chatsForScopePersistence(scopeId, chats);
+  try {
+    LS.set(chatsKey, payload);
+  } catch (error) {
+    if (!isQuotaExceededError(error)) throw error;
+  }
+}
+
+export function safeLsSet(key: string, value: unknown): void {
+  try {
+    LS.set(key, value);
+  } catch (error) {
+    if (!isQuotaExceededError(error)) throw error;
+  }
+}