@djangocfg/ui-tools 2.1.369 → 2.1.371

package/dist/index.cjs

@@ -7,7 +7,7 @@ var chunkKNDLV4PI_cjs = require('./chunk-KNDLV4PI.cjs');
 var chunk5I5QNGUG_cjs = require('./chunk-5I5QNGUG.cjs');
 var chunkYW5IVWHQ_cjs = require('./chunk-YW5IVWHQ.cjs');
 var chunk76NNDZH6_cjs = require('./chunk-76NNDZH6.cjs');
-var chunkOD3P64QD_cjs = require('./chunk-OD3P64QD.cjs');
+var chunk2SKR4U5S_cjs = require('./chunk-2SKR4U5S.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkFVVF7VCD_cjs = require('./chunk-FVVF7VCD.cjs');
 var chunk7EYHNP3E_cjs = require('./chunk-7EYHNP3E.cjs');
@@ -373,7 +373,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-PW6U3QVF.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-HOQ37WRE.cjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -410,7 +410,7 @@ async function* parseSSE(response, options = {}) {
     throw new Error("SSE response has no body");
   }
   const map = options.map ?? DEFAULT_MAP;
-  const idleMs = options.idleTimeoutMs ?? chunkOD3P64QD_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunk2SKR4U5S_cjs.LIMITS.sseIdleMs;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
@@ -613,7 +613,7 @@ function createMockTransport(opts = {}) {
     async createSession(_opts) {
       await sleep(latency);
       return {
-        sessionId: chunkOD3P64QD_cjs.createId("s"),
+        sessionId: chunk2SKR4U5S_cjs.createId("s"),
         messages: history.length ? [...history] : void 0,
         hasMore: false,
         cursor: null,
@@ -630,12 +630,12 @@ function createMockTransport(opts = {}) {
         throw new Error("mock transport scripted failure");
       }
       history.push({
-        id: chunkOD3P64QD_cjs.createId("u"),
+        id: chunk2SKR4U5S_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkOD3P64QD_cjs.createId("a");
+      const messageId = chunk2SKR4U5S_cjs.createId("a");
       yield { type: "message_start", messageId, sessionId: _sid };
       const reply = replies[turn % replies.length];
       turn += 1;
@@ -664,7 +664,7 @@ function createMockTransport(opts = {}) {
       turn += 1;
       const text = typeof reply === "string" ? reply : reply.filter((e) => e.type === "chunk").map((e) => e.delta).join("");
       return {
-        id: chunkOD3P64QD_cjs.createId("a"),
+        id: chunk2SKR4U5S_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -864,9 +864,9 @@ function AudioToggle({
   alwaysShow = false,
   className
 }) {
-  const muted = chunkOD3P64QD_cjs.useChatAudioPrefs((s) => s.muted);
-  const setMuted = chunkOD3P64QD_cjs.useChatAudioPrefs((s) => s.setMuted);
-  const ctx = chunkOD3P64QD_cjs.useChatContextOptional();
+  const muted = chunk2SKR4U5S_cjs.useChatAudioPrefs((s) => s.muted);
+  const setMuted = chunk2SKR4U5S_cjs.useChatAudioPrefs((s) => s.setMuted);
+  const ctx = chunk2SKR4U5S_cjs.useChatContextOptional();
   if (ctx && !ctx.hasAudio && !alwaysShow) return null;
   const Icon = muted ? lucideReact.VolumeX : lucideReact.Volume2;
   const label = muted ? "Unmute chat sounds" : "Mute chat sounds";
@@ -2180,151 +2180,151 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.Attachments; }
+  get: function () { return chunk2SKR4U5S_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.AttachmentsGrid; }
+  get: function () { return chunk2SKR4U5S_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.AttachmentsList; }
+  get: function () { return chunk2SKR4U5S_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunk2SKR4U5S_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.CSS_VARS; }
+  get: function () { return chunk2SKR4U5S_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.ChatProvider; }
+  get: function () { return chunk2SKR4U5S_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.ChatRoot; }
+  get: function () { return chunk2SKR4U5S_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.Composer; }
+  get: function () { return chunk2SKR4U5S_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.DEFAULT_LABELS; }
+  get: function () { return chunk2SKR4U5S_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunk2SKR4U5S_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunk2SKR4U5S_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.EmptyState; }
+  get: function () { return chunk2SKR4U5S_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.ErrorBanner; }
+  get: function () { return chunk2SKR4U5S_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.HOTKEYS; }
+  get: function () { return chunk2SKR4U5S_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.JumpToLatest; }
+  get: function () { return chunk2SKR4U5S_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.LIMITS; }
+  get: function () { return chunk2SKR4U5S_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.MessageActions; }
+  get: function () { return chunk2SKR4U5S_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.MessageBubble; }
+  get: function () { return chunk2SKR4U5S_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.MessageList; }
+  get: function () { return chunk2SKR4U5S_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.STORAGE_KEYS; }
+  get: function () { return chunk2SKR4U5S_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.Sources; }
+  get: function () { return chunk2SKR4U5S_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.StreamingIndicator; }
+  get: function () { return chunk2SKR4U5S_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.ToolCalls; }
+  get: function () { return chunk2SKR4U5S_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.createId; }
+  get: function () { return chunk2SKR4U5S_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.createTokenBuffer; }
+  get: function () { return chunk2SKR4U5S_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.deriveInitials; }
+  get: function () { return chunk2SKR4U5S_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.getChatLogger; }
+  get: function () { return chunk2SKR4U5S_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.initialState; }
+  get: function () { return chunk2SKR4U5S_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.reducer; }
+  get: function () { return chunk2SKR4U5S_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.resolvePersona; }
+  get: function () { return chunk2SKR4U5S_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChat; }
+  get: function () { return chunk2SKR4U5S_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatAudio; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatAudioPrefs; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatComposer; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatContext; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatContextOptional; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.useChatLayout; }
+  get: function () { return chunk2SKR4U5S_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "TreeError", {
   enumerable: true,

package/dist/index.mjs

@@ -5,8 +5,8 @@ export { NativeProvider, StreamProvider, VideoControls, VideoErrorFallback, Vide
 export { ImageViewer } from './chunk-OBRSGM64.mjs';
 export { generateContentKey, useAudioCache, useBlobUrlCleanup, useImageCache, useMediaCacheStore, useVideoCache, useVideoPlayerSettings } from './chunk-C6GXVH5J.mjs';
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays } from './chunk-PVAX67JG.mjs';
-import { LIMITS, createId, useChatAudioPrefs, useChatContextOptional } from './chunk-YLIYXSUO.mjs';
-export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatLayout } from './chunk-YLIYXSUO.mjs';
+import { LIMITS, createId, useChatAudioPrefs, useChatContextOptional } from './chunk-MVAT6OPZ.mjs';
+export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatLayout } from './chunk-MVAT6OPZ.mjs';
 export { TreeError, TreeSkeleton, createDemoTree } from './chunk-B6IR5KSC.mjs';
 export { DEFAULT_TREE_APPEARANCE, DEFAULT_TREE_LABELS, TreeRoot as Tree, TreeChevron, TreeContent, TreeEmpty, TreeIcon, TreeIndentGuides, TreeLabel, TreeProvider, TreeRoot, TreeRow, TreeSearchInput, appearanceToStyle, clearTreeState, createChildCache, flattenTree, loadTreeState, resolveAppearance, resolveChildren, saveTreeState, useTreeActions, useTreeContext, useTreeExpansion, useTreeFocus, useTreeKeyboard, useTreeLabels, useTreeRows, useTreeSearch, useTreeSelection, useTreeTypeAhead } from './chunk-ZL7FH4NW.mjs';
 import { PlaygroundProvider } from './chunk-Y6UTOBF6.mjs';
@@ -348,7 +348,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-DENECC2Q.mjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-DYMCNGOB.mjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.369",
+  "version": "2.1.371",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -156,8 +156,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.369",
-    "@djangocfg/ui-core": "^2.1.369",
+    "@djangocfg/i18n": "^2.1.371",
+    "@djangocfg/ui-core": "^2.1.371",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -211,10 +211,10 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.369",
+    "@djangocfg/i18n": "^2.1.371",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.369",
-    "@djangocfg/ui-core": "^2.1.369",
+    "@djangocfg/typescript-config": "^2.1.371",
+    "@djangocfg/ui-core": "^2.1.371",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",

package/src/tools/Chat/components/MessageList.tsx

@@ -14,6 +14,7 @@ import { Virtuoso, type VirtuosoHandle } from 'react-virtuoso';
 
 import { cn } from '@djangocfg/ui-core/lib';
 import { Spinner } from '@djangocfg/ui-core/components';
+import { useCopy } from '@djangocfg/ui-core/hooks';
 
 import type { ChatMessage } from '../types';
 import { useChatContextOptional } from '../context';
@@ -92,6 +93,7 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
   const ctx = useChatContextOptional();
   const messages = messagesProp ?? ctx?.messages ?? [];
   const isLoadingMore = isLoadingMoreProp ?? ctx?.isLoadingMore ?? false;
+  const { copyToClipboard } = useCopy();
 
   const virtuosoRef = useRef<VirtuosoHandle | null>(null);
 
@@ -120,17 +122,26 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
       <div className={itemClassName}>
         <MessageBubble
           message={m}
-          onCopy={() => copy(m.content)}
+          onCopy={() => void copyToClipboard(m.content)}
           onRegenerate={ctx ? () => void ctx.regenerate(m.id) : undefined}
           onDelete={ctx ? () => ctx.deleteMessage(m.id) : undefined}
         />
       </div>
     ),
-    [itemClassName, ctx],
+    [itemClassName, ctx, copyToClipboard],
   );
 
   const itemRenderer = renderItem ?? defaultRenderItem;
-  const computeItemKey = useCallback((index: number, m: ChatMessage) => m.id ?? index, []);
+  // Virtuoso may invoke `computeItemKey` for an index briefly out of
+  // sync with `data` during fast state churn (streaming chunks +
+  // Strict Mode double-mount). `m` arrives undefined in that window.
+  // Falling back to the index keeps the lookup stable instead of
+  // crashing with `undefined.id` — the next pass with the real item
+  // re-keys it correctly. See react-virtuoso issue #532 / #1045.
+  const computeItemKey = useCallback(
+    (index: number, m: ChatMessage | undefined) => m?.id ?? index,
+    [],
+  );
 
   // Wrap user-supplied onStartReached so we don't double-fire while a
   // load is already in flight. Virtuoso pauses startReached until
@@ -200,7 +211,7 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
       className={cn('flex-1', className)}
       data={messages}
       computeItemKey={computeItemKey}
-      itemContent={(index, m) => itemRenderer(m, index)}
+      itemContent={(index, m) => (m ? itemRenderer(m, index) : null)}
       defaultItemHeight={defaultItemHeight}
       // Sticky-bottom: keep the viewport anchored to the latest message
       // unless the user scrolled up. `'smooth'` while streaming would
@@ -218,6 +229,11 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
       // Spinner while older history is loading. Rendering it as the
       // Header keeps it inside the virtualized scroll, so it doesn't
       // shift the viewport when it appears/disappears.
+      //
+      // Always pass an object — virtuoso indexes `components[name]`
+      // internally without a null-guard, so passing `undefined` here
+      // crashes with `d[l]` on any render where the empty-defaults
+      // path runs (regression: ui-tools 2.1.369 first ship).
       components={
         isLoadingMore
           ? {
@@ -227,7 +243,7 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
                 </div>
               ),
             }
-          : undefined
+          : EMPTY_COMPONENTS
       }
       // Item height is dynamic; Virtuoso re-measures on resize. We
       // bias the initial overscan a bit so streaming-token re-layout
@@ -237,8 +253,6 @@ export const MessageList = forwardRef<MessageListHandle, MessageListProps>(funct
   );
 });
 
-function copy(text: string) {
-  if (typeof navigator !== 'undefined' && navigator.clipboard) {
-    void navigator.clipboard.writeText(text);
-  }
-}
+// Stable empty-components reference — passed when `isLoadingMore` is
+// false so virtuoso's `components[name]` lookups never see undefined.
+const EMPTY_COMPONENTS = {} as const;

package/dist/ChatRoot-DENECC2Q.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-YLIYXSUO.mjs';
-import './chunk-NWUT327A.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-DENECC2Q.mjs.map
-//# sourceMappingURL=ChatRoot-DENECC2Q.mjs.map

package/dist/ChatRoot-PW6U3QVF.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkOD3P64QD_cjs = require('./chunk-OD3P64QD.cjs');
-require('./chunk-XACCHZH2.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "ChatRoot", {
-  enumerable: true,
-  get: function () { return chunkOD3P64QD_cjs.ChatRoot; }
-});
-//# sourceMappingURL=ChatRoot-PW6U3QVF.cjs.map
-//# sourceMappingURL=ChatRoot-PW6U3QVF.cjs.map