@djangocfg/ui-tools 2.1.374 → 2.1.376

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 chunkTAEHNX4W_cjs = require('./chunk-TAEHNX4W.cjs');
+var chunkUVIFD3TH_cjs = require('./chunk-UVIFD3TH.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-3LA3DSNY.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-F5XXERXU.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 ?? chunkTAEHNX4W_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunkUVIFD3TH_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: chunkTAEHNX4W_cjs.createId("s"),
+        sessionId: chunkUVIFD3TH_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: chunkTAEHNX4W_cjs.createId("u"),
+        id: chunkUVIFD3TH_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkTAEHNX4W_cjs.createId("a");
+      const messageId = chunkUVIFD3TH_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: chunkTAEHNX4W_cjs.createId("a"),
+        id: chunkUVIFD3TH_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -818,6 +818,42 @@ function useChatLightbox() {
   return { state, open, close };
 }
 chunkOLISEQHS_cjs.__name(useChatLightbox, "useChatLightbox");
+function useAutoFocusOnStreamEnd(options = {}) {
+  const { isStreaming: isStreamingProp, targetRef, enabled = true, delayMs = 0 } = options;
+  const ctx = chunkUVIFD3TH_cjs.useChatContextOptional();
+  const isStreaming = isStreamingProp ?? ctx?.isStreaming ?? false;
+  const composerHandleRef = React.useRef(null);
+  composerHandleRef.current = ctx?.composer ?? null;
+  const prevStreamingRef = React.useRef(isStreaming);
+  React.useEffect(() => {
+    const wasStreaming = prevStreamingRef.current;
+    prevStreamingRef.current = isStreaming;
+    if (!enabled) return;
+    if (!(wasStreaming && !isStreaming)) return;
+    const focusNow = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(() => {
+      const explicit = targetRef?.current;
+      const target = explicit ?? composerHandleRef.current;
+      target?.focus();
+    }, "focusNow");
+    if (delayMs > 0) {
+      const id = window.setTimeout(focusNow, delayMs);
+      return () => window.clearTimeout(id);
+    }
+    const raf = requestAnimationFrame(focusNow);
+    return () => cancelAnimationFrame(raf);
+  }, [isStreaming, enabled, delayMs, targetRef]);
+}
+chunkOLISEQHS_cjs.__name(useAutoFocusOnStreamEnd, "useAutoFocusOnStreamEnd");
+function useRegisterComposer(focus) {
+  const ctx = chunkUVIFD3TH_cjs.useChatContextOptional();
+  const register = ctx?.registerComposer;
+  React.useEffect(() => {
+    if (!register) return;
+    register({ focus });
+    return () => register(null);
+  }, [register, focus]);
+}
+chunkOLISEQHS_cjs.__name(useRegisterComposer, "useRegisterComposer");
 
 // src/tools/Chat/core/payload-dispatch.ts
 function dispatchToolPayload(matchers, fallback) {
@@ -864,9 +900,9 @@ function AudioToggle({
   alwaysShow = false,
   className
 }) {
-  const muted = chunkTAEHNX4W_cjs.useChatAudioPrefs((s) => s.muted);
-  const setMuted = chunkTAEHNX4W_cjs.useChatAudioPrefs((s) => s.setMuted);
-  const ctx = chunkTAEHNX4W_cjs.useChatContextOptional();
+  const muted = chunkUVIFD3TH_cjs.useChatAudioPrefs((s) => s.muted);
+  const setMuted = chunkUVIFD3TH_cjs.useChatAudioPrefs((s) => s.setMuted);
+  const ctx = chunkUVIFD3TH_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 +2216,151 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.Attachments; }
+  get: function () { return chunkUVIFD3TH_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.AttachmentsGrid; }
+  get: function () { return chunkUVIFD3TH_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.AttachmentsList; }
+  get: function () { return chunkUVIFD3TH_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunkUVIFD3TH_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.CSS_VARS; }
+  get: function () { return chunkUVIFD3TH_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.ChatProvider; }
+  get: function () { return chunkUVIFD3TH_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.ChatRoot; }
+  get: function () { return chunkUVIFD3TH_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.Composer; }
+  get: function () { return chunkUVIFD3TH_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.DEFAULT_LABELS; }
+  get: function () { return chunkUVIFD3TH_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunkUVIFD3TH_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunkUVIFD3TH_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.EmptyState; }
+  get: function () { return chunkUVIFD3TH_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.ErrorBanner; }
+  get: function () { return chunkUVIFD3TH_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.HOTKEYS; }
+  get: function () { return chunkUVIFD3TH_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.JumpToLatest; }
+  get: function () { return chunkUVIFD3TH_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.LIMITS; }
+  get: function () { return chunkUVIFD3TH_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.MessageActions; }
+  get: function () { return chunkUVIFD3TH_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.MessageBubble; }
+  get: function () { return chunkUVIFD3TH_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.MessageList; }
+  get: function () { return chunkUVIFD3TH_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.STORAGE_KEYS; }
+  get: function () { return chunkUVIFD3TH_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.Sources; }
+  get: function () { return chunkUVIFD3TH_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.StreamingIndicator; }
+  get: function () { return chunkUVIFD3TH_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.ToolCalls; }
+  get: function () { return chunkUVIFD3TH_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.createId; }
+  get: function () { return chunkUVIFD3TH_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.createTokenBuffer; }
+  get: function () { return chunkUVIFD3TH_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.deriveInitials; }
+  get: function () { return chunkUVIFD3TH_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.getChatLogger; }
+  get: function () { return chunkUVIFD3TH_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.initialState; }
+  get: function () { return chunkUVIFD3TH_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.reducer; }
+  get: function () { return chunkUVIFD3TH_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.resolvePersona; }
+  get: function () { return chunkUVIFD3TH_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChat; }
+  get: function () { return chunkUVIFD3TH_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatAudio; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatAudioPrefs; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatComposer; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatContext; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatContextOptional; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkTAEHNX4W_cjs.useChatLayout; }
+  get: function () { return chunkUVIFD3TH_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "TreeError", {
   enumerable: true,
@@ -2525,6 +2561,7 @@ exports.isPlainObject = isPlainObject;
 exports.isStringValue = isStringValue;
 exports.mentionPresets = mentionPresets;
 exports.parseSSE = parseSSE;
+exports.useAutoFocusOnStreamEnd = useAutoFocusOnStreamEnd;
 exports.useChatHistory = useChatHistory;
 exports.useChatLightbox = useChatLightbox;
 exports.useChatScroll = useChatScroll;
@@ -2532,5 +2569,6 @@ exports.useEditor = useEditor;
 exports.useEditorContext = useEditorContext;
 exports.useLanguage = useLanguage;
 exports.useMonaco = useMonaco;
+exports.useRegisterComposer = useRegisterComposer;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map