@djangocfg/ui-tools 2.1.345 → 2.1.347

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 chunkHE3N2ACJ_cjs = require('./chunk-HE3N2ACJ.cjs');
+var chunkXYGB26BY_cjs = require('./chunk-XYGB26BY.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-RU7MQUXF.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-VTYANC7M.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 ?? chunkHE3N2ACJ_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunkXYGB26BY_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: chunkHE3N2ACJ_cjs.createId("s"),
+        sessionId: chunkXYGB26BY_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: chunkHE3N2ACJ_cjs.createId("u"),
+        id: chunkXYGB26BY_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkHE3N2ACJ_cjs.createId("a");
+      const messageId = chunkXYGB26BY_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: chunkHE3N2ACJ_cjs.createId("a"),
+        id: chunkXYGB26BY_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 chunkHE3N2ACJ_cjs.Attachments; }
+  get: function () { return chunkXYGB26BY_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.AttachmentsGrid; }
+  get: function () { return chunkXYGB26BY_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.AttachmentsList; }
+  get: function () { return chunkXYGB26BY_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunkXYGB26BY_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.CSS_VARS; }
+  get: function () { return chunkXYGB26BY_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.ChatProvider; }
+  get: function () { return chunkXYGB26BY_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.ChatRoot; }
+  get: function () { return chunkXYGB26BY_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.Composer; }
+  get: function () { return chunkXYGB26BY_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.DEFAULT_LABELS; }
+  get: function () { return chunkXYGB26BY_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunkXYGB26BY_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunkXYGB26BY_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.EmptyState; }
+  get: function () { return chunkXYGB26BY_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.ErrorBanner; }
+  get: function () { return chunkXYGB26BY_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.HOTKEYS; }
+  get: function () { return chunkXYGB26BY_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.JumpToLatest; }
+  get: function () { return chunkXYGB26BY_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.LIMITS; }
+  get: function () { return chunkXYGB26BY_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.MessageActions; }
+  get: function () { return chunkXYGB26BY_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.MessageBubble; }
+  get: function () { return chunkXYGB26BY_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.MessageList; }
+  get: function () { return chunkXYGB26BY_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.STORAGE_KEYS; }
+  get: function () { return chunkXYGB26BY_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.Sources; }
+  get: function () { return chunkXYGB26BY_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.StreamingIndicator; }
+  get: function () { return chunkXYGB26BY_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.ToolCalls; }
+  get: function () { return chunkXYGB26BY_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.createId; }
+  get: function () { return chunkXYGB26BY_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.createTokenBuffer; }
+  get: function () { return chunkXYGB26BY_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.deriveInitials; }
+  get: function () { return chunkXYGB26BY_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.getChatLogger; }
+  get: function () { return chunkXYGB26BY_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.initialState; }
+  get: function () { return chunkXYGB26BY_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.reducer; }
+  get: function () { return chunkXYGB26BY_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.resolvePersona; }
+  get: function () { return chunkXYGB26BY_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChat; }
+  get: function () { return chunkXYGB26BY_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatAudio; }
+  get: function () { return chunkXYGB26BY_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatAudioPrefs; }
+  get: function () { return chunkXYGB26BY_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatComposer; }
+  get: function () { return chunkXYGB26BY_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatContext; }
+  get: function () { return chunkXYGB26BY_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatContextOptional; }
+  get: function () { return chunkXYGB26BY_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatHistory", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatHistory; }
+  get: function () { return chunkXYGB26BY_cjs.useChatHistory; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatLayout; }
+  get: function () { return chunkXYGB26BY_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "useChatScroll", {
   enumerable: true,
-  get: function () { return chunkHE3N2ACJ_cjs.useChatScroll; }
+  get: function () { return chunkXYGB26BY_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-OMUJNA42.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-OMUJNA42.mjs';
+import { LIMITS, createId } from './chunk-QCKJVSJF.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-QCKJVSJF.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-APZXBHDT.mjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-CZMOJOGD.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.345",
+  "version": "2.1.347",
   "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.345",
-    "@djangocfg/ui-core": "^2.1.345",
+    "@djangocfg/i18n": "^2.1.347",
+    "@djangocfg/ui-core": "^2.1.347",
     "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.345",
+    "@djangocfg/i18n": "^2.1.347",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.345",
-    "@djangocfg/ui-core": "^2.1.345",
+    "@djangocfg/typescript-config": "^2.1.347",
+    "@djangocfg/ui-core": "^2.1.347",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",

package/src/tools/Chat/core/reducer.ts

@@ -250,13 +250,22 @@ export function reducer(state: ChatState, action: ChatAction): ChatState {
     }
 
     case 'STREAM_DONE': {
-      const messages = patchMessageById(state.messages, action.id, (m) => ({
+      const patched = patchMessageById(state.messages, action.id, (m) => ({
         ...m,
         isStreaming: false,
         tokensIn: action.tokensIn ?? m.tokensIn,
         tokensOut: action.tokensOut ?? m.tokensOut,
         sources: action.sources ?? m.sources,
       }));
+      // Drop an assistant message that ended up completely empty (no text, no
+      // tool calls). This happens in the HITL approval flow: the first stream
+      // produces only tool calls + approval_required and no text body, so the
+      // placeholder should not leave a blank bubble in the chat.
+      const msg = patched.find((m) => m.id === action.id);
+      const messages =
+        msg && !msg.content && !(msg.toolCalls?.length)
+          ? patched.filter((m) => m.id !== action.id)
+          : patched;
       return { ...state, isStreaming: false, messages };
     }
 

package/dist/ChatRoot-APZXBHDT.mjs

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

package/dist/ChatRoot-RU7MQUXF.cjs

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