@djangocfg/ui-tools 2.1.337 → 2.1.338

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 chunkZWPBBAR2_cjs = require('./chunk-ZWPBBAR2.cjs');
+var chunk5T4K3VUV_cjs = require('./chunk-5T4K3VUV.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkIEEAENLX_cjs = require('./chunk-IEEAENLX.cjs');
 var chunkQW4RBGHN_cjs = require('./chunk-QW4RBGHN.cjs');
@@ -372,7 +372,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-YX4RLHQX.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-BT3CLXI4.cjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -409,7 +409,7 @@ async function* parseSSE(response, options = {}) {
     throw new Error("SSE response has no body");
   }
   const map = options.map ?? DEFAULT_MAP;
-  const idleMs = options.idleTimeoutMs ?? chunkZWPBBAR2_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunk5T4K3VUV_cjs.LIMITS.sseIdleMs;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
@@ -612,7 +612,7 @@ function createMockTransport(opts = {}) {
     async createSession(_opts) {
       await sleep(latency);
       return {
-        sessionId: chunkZWPBBAR2_cjs.createId("s"),
+        sessionId: chunk5T4K3VUV_cjs.createId("s"),
         messages: history.length ? [...history] : void 0,
         hasMore: false,
         cursor: null,
@@ -629,12 +629,12 @@ function createMockTransport(opts = {}) {
         throw new Error("mock transport scripted failure");
       }
       history.push({
-        id: chunkZWPBBAR2_cjs.createId("u"),
+        id: chunk5T4K3VUV_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkZWPBBAR2_cjs.createId("a");
+      const messageId = chunk5T4K3VUV_cjs.createId("a");
       yield { type: "message_start", messageId, sessionId: _sid };
       const reply = replies[turn % replies.length];
       turn += 1;
@@ -663,7 +663,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: chunkZWPBBAR2_cjs.createId("a"),
+        id: chunk5T4K3VUV_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -2019,159 +2019,159 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.Attachments; }
+  get: function () { return chunk5T4K3VUV_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.AttachmentsGrid; }
+  get: function () { return chunk5T4K3VUV_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.AttachmentsList; }
+  get: function () { return chunk5T4K3VUV_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunk5T4K3VUV_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.CSS_VARS; }
+  get: function () { return chunk5T4K3VUV_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.ChatProvider; }
+  get: function () { return chunk5T4K3VUV_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.ChatRoot; }
+  get: function () { return chunk5T4K3VUV_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.Composer; }
+  get: function () { return chunk5T4K3VUV_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.DEFAULT_LABELS; }
+  get: function () { return chunk5T4K3VUV_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunk5T4K3VUV_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunk5T4K3VUV_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.EmptyState; }
+  get: function () { return chunk5T4K3VUV_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.ErrorBanner; }
+  get: function () { return chunk5T4K3VUV_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.HOTKEYS; }
+  get: function () { return chunk5T4K3VUV_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.JumpToLatest; }
+  get: function () { return chunk5T4K3VUV_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.LIMITS; }
+  get: function () { return chunk5T4K3VUV_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.MessageActions; }
+  get: function () { return chunk5T4K3VUV_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.MessageBubble; }
+  get: function () { return chunk5T4K3VUV_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.MessageList; }
+  get: function () { return chunk5T4K3VUV_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.STORAGE_KEYS; }
+  get: function () { return chunk5T4K3VUV_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.Sources; }
+  get: function () { return chunk5T4K3VUV_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.StreamingIndicator; }
+  get: function () { return chunk5T4K3VUV_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.ToolCalls; }
+  get: function () { return chunk5T4K3VUV_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.createId; }
+  get: function () { return chunk5T4K3VUV_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.createTokenBuffer; }
+  get: function () { return chunk5T4K3VUV_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.deriveInitials; }
+  get: function () { return chunk5T4K3VUV_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.getChatLogger; }
+  get: function () { return chunk5T4K3VUV_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.initialState; }
+  get: function () { return chunk5T4K3VUV_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.reducer; }
+  get: function () { return chunk5T4K3VUV_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.resolvePersona; }
+  get: function () { return chunk5T4K3VUV_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChat; }
+  get: function () { return chunk5T4K3VUV_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatAudio; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatAudioPrefs; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatComposer; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatContext; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatContextOptional; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatHistory", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatHistory; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatHistory; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatLayout; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "useChatScroll", {
   enumerable: true,
-  get: function () { return chunkZWPBBAR2_cjs.useChatScroll; }
+  get: function () { return chunk5T4K3VUV_cjs.useChatScroll; }
 });
 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 } from './chunk-YWSQDBNU.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, useChatHistory, useChatLayout, useChatScroll } from './chunk-YWSQDBNU.mjs';
+import { LIMITS, createId } from './chunk-QE25H6DP.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, useChatHistory, useChatLayout, useChatScroll } from './chunk-QE25H6DP.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-G5IEC7SR.mjs';
 import { PlaygroundProvider } from './chunk-ZUFTH5IR.mjs';
@@ -347,7 +347,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-XV2QXMV4.mjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-R5YQTOLP.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.337",
+  "version": "2.1.338",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -101,8 +101,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.337",
-    "@djangocfg/ui-core": "^2.1.337",
+    "@djangocfg/i18n": "^2.1.338",
+    "@djangocfg/ui-core": "^2.1.338",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -155,10 +155,10 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.337",
+    "@djangocfg/i18n": "^2.1.338",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.337",
-    "@djangocfg/ui-core": "^2.1.337",
+    "@djangocfg/typescript-config": "^2.1.338",
+    "@djangocfg/ui-core": "^2.1.338",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",

package/src/tools/Chat/hooks/useChat.ts

@@ -64,7 +64,6 @@ export function useChat(config: UseChatConfig): UseChatReturn {
 
   const abortRef = useRef<AbortController | null>(null);
   const lastErrorRef = useRef<Error | null>(null);
-  const initRef = useRef(false);
   const streamingMsgIdRef = useRef<string | null>(null);
   // Promise resolved once the initial session is available (or `null` when the
   // bootstrap finished without producing one — e.g. autoCreateSession=false).
@@ -77,11 +76,24 @@ export function useChat(config: UseChatConfig): UseChatReturn {
   const log = getChatLogger(config.debug);
 
   // Initial session bootstrap.
+  //
+  // Strict Mode quirk: this effect runs twice in dev (mount → unmount → mount).
+  // Previous design used `initRef` to skip the second run, but the first run's
+  // cleanup sets `cancelled = true`, so its dispatch never lands — and the
+  // second run was blocked. Result: bootstrap silently completed the network
+  // call but never wrote sessionId to state.
+  //
+  // Fix: drop `initRef`. On the second mount we DO re-run, but `bootstrapRef`
+  // is preserved across renders so we don't re-fetch if a previous run already
+  // succeeded — we just resolve from existing state.
   useEffect(() => {
-    if (initRef.current) return;
-    initRef.current = true;
-
     let cancelled = false;
+
+    // If a prior run already produced a sessionId, skip.
+    if (stateRef.current.sessionId) {
+      return;
+    }
+
     // Show "loading" state immediately so the UI doesn't look idle while we
     // wait for createSession / loadHistory to come back.
     if (config.initialSessionId || autoCreateSession) {
@@ -97,14 +109,19 @@ export function useChat(config: UseChatConfig): UseChatReturn {
       const t0 = performance.now();
       try {
         if (config.initialSessionId) {
-          dispatch({
-            type: 'SESSION_SET',
-            sessionId: config.initialSessionId,
-          });
+          if (!cancelled) {
+            dispatch({
+              type: 'SESSION_SET',
+              sessionId: config.initialSessionId,
+            });
+          }
           const page = await transport.loadHistory(config.initialSessionId, null, pageSize);
           if (cancelled) {
             log.bootstrap.debug('cancelled (post-loadHistory)');
-            return null;
+            // Even though *this* effect is cancelled, the network call did
+            // succeed — return the sessionId so awaitSession() doesn't see
+            // a phantom null when the next mount picks up.
+            return config.initialSessionId;
           }
           dispatch({
             type: 'HISTORY_LOAD_DONE',
@@ -122,10 +139,9 @@ export function useChat(config: UseChatConfig): UseChatReturn {
         }
         if (autoCreateSession) {
           const info = await transport.createSession({ metadata: config.metadata });
-          if (cancelled) {
-            log.bootstrap.debug('cancelled (post-createSession)');
-            return null;
-          }
+          // We always commit the session to state even if this effect was
+          // cancelled — the network call already succeeded, throwing away the
+          // sessionId would just trigger a duplicate createSession on remount.
           dispatch({
             type: 'SESSION_SET',
             sessionId: info.sessionId,
@@ -133,18 +149,16 @@ export function useChat(config: UseChatConfig): UseChatReturn {
             hasMore: info.hasMore ?? false,
             cursor: info.cursor ?? null,
           });
-          // SESSION_SET implicitly clears `error` and leaves isLoading from
-          // the earlier HISTORY_LOAD_START set; mark history as done so the
-          // composer un-disables.
           dispatch({
             type: 'HISTORY_LOAD_DONE',
             messages: info.messages ?? [],
             hasMore: info.hasMore ?? false,
             cursor: info.cursor ?? null,
           });
-          log.bootstrap.success('created', {
+          log.bootstrap.success(cancelled ? 'created (post-cancel)' : 'created', {
             sessionId: info.sessionId,
             resumed: info.resumed ?? false,
+            cancelled,
             elapsedMs: Math.round(performance.now() - t0),
           });
           return info.sessionId;
@@ -152,11 +166,11 @@ export function useChat(config: UseChatConfig): UseChatReturn {
         log.bootstrap.debug('idle (no initialSessionId, autoCreateSession=false)');
         return null;
       } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
         if (cancelled) {
-          log.bootstrap.debug('cancelled (in catch)');
+          log.bootstrap.debug('cancelled (in catch)', { message: e.message });
           return null;
         }
-        const e = err instanceof Error ? err : new Error(String(err));
         lastErrorRef.current = e;
         dispatch({ type: 'ERROR_SET', error: e.message });
         config.onError?.(e);

package/dist/ChatRoot-XV2QXMV4.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-YWSQDBNU.mjs';
-import './chunk-2ZLKZ5VR.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-XV2QXMV4.mjs.map
-//# sourceMappingURL=ChatRoot-XV2QXMV4.mjs.map

package/dist/ChatRoot-YX4RLHQX.cjs

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