@djangocfg/ui-tools 2.1.349 → 2.1.351

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 chunkXYGB26BY_cjs = require('./chunk-XYGB26BY.cjs');
+var chunk2SXDCXLK_cjs = require('./chunk-2SXDCXLK.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkIEEAENLX_cjs = require('./chunk-IEEAENLX.cjs');
 var chunkQW4RBGHN_cjs = require('./chunk-QW4RBGHN.cjs');
@@ -19,13 +19,14 @@ var React = require('react');
 var lib = require('@djangocfg/ui-core/lib');
 var i18n = require('@djangocfg/i18n');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var components = require('@djangocfg/ui-core/components');
 var hooks = require('@djangocfg/ui-core/hooks');
 var react = require('@tiptap/react');
 var StarterKit = require('@tiptap/starter-kit');
 var Placeholder = require('@tiptap/extension-placeholder');
 var Mention = require('@tiptap/extension-mention');
 var markdown = require('@tiptap/markdown');
-var lucideReact = require('lucide-react');
 var dom = require('@floating-ui/dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -372,7 +373,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-VTYANC7M.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-2KT32NFJ.cjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -409,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 ?? chunkXYGB26BY_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunk2SXDCXLK_cjs.LIMITS.sseIdleMs;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
@@ -612,7 +613,7 @@ function createMockTransport(opts = {}) {
     async createSession(_opts) {
       await sleep(latency);
       return {
-        sessionId: chunkXYGB26BY_cjs.createId("s"),
+        sessionId: chunk2SXDCXLK_cjs.createId("s"),
         messages: history.length ? [...history] : void 0,
         hasMore: false,
         cursor: null,
@@ -629,12 +630,12 @@ function createMockTransport(opts = {}) {
         throw new Error("mock transport scripted failure");
       }
       history.push({
-        id: chunkXYGB26BY_cjs.createId("u"),
+        id: chunk2SXDCXLK_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkXYGB26BY_cjs.createId("a");
+      const messageId = chunk2SXDCXLK_cjs.createId("a");
       yield { type: "message_start", messageId, sessionId: _sid };
       const reply = replies[turn % replies.length];
       turn += 1;
@@ -663,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: chunkXYGB26BY_cjs.createId("a"),
+        id: chunk2SXDCXLK_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -725,6 +726,34 @@ function collectImageAttachments(messages) {
   return out;
 }
 chunkOLISEQHS_cjs.__name(collectImageAttachments, "collectImageAttachments");
+function AudioToggle({
+  size = "icon",
+  variant = "ghost",
+  alwaysShow = false,
+  className
+}) {
+  const muted = chunk2SXDCXLK_cjs.useChatAudioPrefs((s) => s.muted);
+  const setMuted = chunk2SXDCXLK_cjs.useChatAudioPrefs((s) => s.setMuted);
+  const ctx = chunk2SXDCXLK_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";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.Button,
+    {
+      type: "button",
+      variant,
+      size,
+      onClick: () => setMuted(!muted),
+      "aria-label": label,
+      "aria-pressed": muted,
+      title: label,
+      className: lib.cn(size === "icon" ? "h-9 w-9" : "", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: "size-4" })
+    }
+  );
+}
+chunkOLISEQHS_cjs.__name(AudioToggle, "AudioToggle");
 var LottiePlayerClient = React.lazy(
   () => import('./LottiePlayer.client-2S7ISJ2S.cjs').then((mod) => ({ default: mod.LottiePlayer }))
 );
@@ -2019,159 +2048,159 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.Attachments; }
+  get: function () { return chunk2SXDCXLK_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.AttachmentsGrid; }
+  get: function () { return chunk2SXDCXLK_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.AttachmentsList; }
+  get: function () { return chunk2SXDCXLK_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunk2SXDCXLK_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.CSS_VARS; }
+  get: function () { return chunk2SXDCXLK_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.ChatProvider; }
+  get: function () { return chunk2SXDCXLK_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.ChatRoot; }
+  get: function () { return chunk2SXDCXLK_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.Composer; }
+  get: function () { return chunk2SXDCXLK_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.DEFAULT_LABELS; }
+  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.EmptyState; }
+  get: function () { return chunk2SXDCXLK_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.ErrorBanner; }
+  get: function () { return chunk2SXDCXLK_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.HOTKEYS; }
+  get: function () { return chunk2SXDCXLK_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.JumpToLatest; }
+  get: function () { return chunk2SXDCXLK_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.LIMITS; }
+  get: function () { return chunk2SXDCXLK_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.MessageActions; }
+  get: function () { return chunk2SXDCXLK_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.MessageBubble; }
+  get: function () { return chunk2SXDCXLK_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.MessageList; }
+  get: function () { return chunk2SXDCXLK_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.STORAGE_KEYS; }
+  get: function () { return chunk2SXDCXLK_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.Sources; }
+  get: function () { return chunk2SXDCXLK_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.StreamingIndicator; }
+  get: function () { return chunk2SXDCXLK_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.ToolCalls; }
+  get: function () { return chunk2SXDCXLK_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.createId; }
+  get: function () { return chunk2SXDCXLK_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.createTokenBuffer; }
+  get: function () { return chunk2SXDCXLK_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.deriveInitials; }
+  get: function () { return chunk2SXDCXLK_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.getChatLogger; }
+  get: function () { return chunk2SXDCXLK_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.initialState; }
+  get: function () { return chunk2SXDCXLK_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.reducer; }
+  get: function () { return chunk2SXDCXLK_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.resolvePersona; }
+  get: function () { return chunk2SXDCXLK_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChat; }
+  get: function () { return chunk2SXDCXLK_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatAudio; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatAudioPrefs; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatComposer; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatContext; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatContextOptional; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatHistory", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatHistory; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatHistory; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatLayout; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "useChatScroll", {
   enumerable: true,
-  get: function () { return chunkXYGB26BY_cjs.useChatScroll; }
+  get: function () { return chunk2SXDCXLK_cjs.useChatScroll; }
 });
 Object.defineProperty(exports, "TreeError", {
   enumerable: true,
@@ -2333,6 +2362,7 @@ Object.defineProperty(exports, "JsonTree", {
   enumerable: true,
   get: function () { return chunkSGP7V2UW_cjs.JsonTree_default; }
 });
+exports.AudioToggle = AudioToggle;
 exports.CardLoadingFallback = CardLoadingFallback;
 exports.CronScheduler = CronScheduler;
 exports.DiffEditor = DiffEditor;