@djangocfg/ui-tools 2.1.381 → 2.1.383

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { useSpeechPrefs, useResolvedLanguage } from './chunk-C2YN6WEO.mjs';
 export { ArrayFieldItemTemplate, ArrayFieldTemplate, BaseInputTemplate, CheckboxWidget, ColorWidget, ErrorListTemplate, FieldTemplate, JsonSchemaForm, NumberWidget, ObjectFieldTemplate, SelectWidget, SliderWidget, SwitchWidget, TextWidget, evaluateDisabledWhen, getRequiredFields, hasRequiredFields, mergeDefaults, normalizeFormData, safeJsonParse, safeJsonStringify, validateRequiredFields, validateSchema } from './chunk-GYIO7W7M.mjs';
 export { useLottie } from './chunk-ODO4GMW7.mjs';
 export { Player as AudioPlayer } from './chunk-VWQ5WOIL.mjs';
@@ -5,24 +6,24 @@ 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, useChatContextOptional, useChatAudioPrefs } from './chunk-QLMKCSR6.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, isSubmittableDraft, reducer, resolvePersona, sanitizeDraft, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatLayout } from './chunk-QLMKCSR6.mjs';
+import { LIMITS, createId, useChatContext, useChatContextOptional } from './chunk-UWVP6LCW.mjs';
+export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_CHAT_SOUNDS, 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, isSubmittableDraft, reducer, resolvePersona, sanitizeDraft, useAutoFocusOnStreamEnd, useChat, useChatAudio, useChatBubbleStyles, useChatComposer, useChatContext, useChatContextOptional, useChatDestructiveStyles, useChatLayout, useChatRoleStyles, useFocusOnEmptyClick, useRegisterComposer } from './chunk-UWVP6LCW.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';
-export { MarkdownMessage, Mermaid_default as Mermaid, PrettyCode_default as PrettyCode, extractTextFromChildren, useCollapsibleContent } from './chunk-NWUT327A.mjs';
+export { ANCHOR, BUBBLE_SURFACE, DESTRUCTIVE_SURFACE, MarkdownMessage, Mermaid_default as Mermaid, PrettyCode_default as PrettyCode, TOGGLE, TOOL_CALL, extractTextFromChildren, useCollapsibleContent } from './chunk-HIK6BPL7.mjs';
 export { JsonTree_default as JsonTree } from './chunk-ECONRHIG.mjs';
 import './chunk-KNEQRUBA.mjs';
 import { __name, __publicField } from './chunk-N2XQF2OL.mjs';
 import * as React from 'react';
-import { lazy, forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect, createContext, Suspense, useContext, useMemo } from 'react';
+import { forwardRef, createContext, lazy, useRef, useState, useCallback, useImperativeHandle, useEffect, useMemo, Suspense, useContext } from 'react';
 import { cn } from '@djangocfg/ui-core/lib';
 import { useAppT } from '@djangocfg/i18n';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { VolumeX, Volume2, Bold, Italic, Strikethrough, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus } from 'lucide-react';
-import { Button } from '@djangocfg/ui-core/components';
-import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
-import { ReactRenderer, useEditor as useEditor$1, EditorContent } from '@tiptap/react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Bold, Italic, Strikethrough, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus, Bot, X, PanelRightClose, PanelRightOpen, VolumeX, Volume2, RotateCcw, Globe } from 'lucide-react';
+import { createAudioPrefsStore, useIsPhone, useIsTabletOrBelow, useIsMobile, useHotkey, useLocalStorage, useResolvedTheme } from '@djangocfg/ui-core/hooks';
+import { Button, Portal, Combobox, Flag, Avatar, AvatarImage, AvatarFallback } from '@djangocfg/ui-core/components';
+import { useEditor as useEditor$1, EditorContent, ReactRenderer } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import Placeholder from '@tiptap/extension-placeholder';
 import Mention from '@tiptap/extension-mention';
@@ -243,7 +244,7 @@ function OpenapiLoadingFallback() {
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-2YKPXZYO.mjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-2P3ONDWJ.mjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
@@ -349,7 +350,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-QOSKJPM6.mjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-6IZFM5HM.mjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -411,7 +412,13 @@ async function* parseSSE(response, options = {}) {
         buffer = buffer.slice(separator + 2);
         const raw = parseEventBlock(rawBlock);
         const evt = map(raw);
-        if (evt) yield evt;
+        if (evt) {
+          if (Array.isArray(evt)) {
+            for (const e of evt) yield e;
+          } else {
+            yield evt;
+          }
+        }
         separator = buffer.indexOf("\n\n");
       }
       idleCheck();
@@ -419,7 +426,13 @@ async function* parseSSE(response, options = {}) {
     if (buffer.trim()) {
       const raw = parseEventBlock(buffer);
       const evt = map(raw);
-      if (evt) yield evt;
+      if (evt) {
+        if (Array.isArray(evt)) {
+          for (const e of evt) yield e;
+        } else {
+          yield evt;
+        }
+      }
     }
   } finally {
     try {
@@ -651,6 +664,1440 @@ function createMockTransport(opts = {}) {
   };
 }
 __name(createMockTransport, "createMockTransport");
+
+// src/tools/Chat/core/transport/mappers/pydantic-ai.ts
+function createToolIdQueue() {
+  const queues = /* @__PURE__ */ new Map();
+  let counter = 0;
+  return {
+    push(name) {
+      const id = `${name}-${counter++}-${Date.now()}`;
+      const q = queues.get(name) ?? [];
+      q.push(id);
+      queues.set(name, q);
+      return id;
+    },
+    shift(name) {
+      return queues.get(name)?.shift() ?? `${name}-orphan-${counter++}`;
+    },
+    clear() {
+      queues.clear();
+    }
+  };
+}
+__name(createToolIdQueue, "createToolIdQueue");
+function* mapPydanticAIEvent(ev, toolIds) {
+  switch (ev.type) {
+    case "text_delta":
+      if (ev.delta) yield { type: "chunk", delta: ev.delta };
+      return;
+    case "tool_call": {
+      const name = ev.tool ?? "tool";
+      const toolId = toolIds.push(name);
+      yield { type: "tool_call_start", toolId, name, input: ev.args };
+      return;
+    }
+    case "tool_result": {
+      const name = ev.tool ?? "tool";
+      const toolId = toolIds.shift(name);
+      const output = ev.data !== void 0 ? ev.data : ev.result;
+      yield { type: "tool_call_end", toolId, output, status: "success" };
+      return;
+    }
+    case "done":
+      yield { type: "message_end", tokensOut: ev.total_tokens };
+      return;
+    case "error":
+      yield { type: "error", code: "backend_error", message: ev.error ?? "Unknown error" };
+      return;
+    case "approval_required":
+      return;
+  }
+}
+__name(mapPydanticAIEvent, "mapPydanticAIEvent");
+function createPydanticAISSEMap() {
+  const toolIds = createToolIdQueue();
+  return (raw) => {
+    if (!raw.data) return null;
+    let parsed;
+    try {
+      parsed = JSON.parse(raw.data);
+    } catch {
+      return null;
+    }
+    const out = [];
+    for (const evt of mapPydanticAIEvent(parsed, toolIds)) {
+      out.push(evt);
+    }
+    if (out.length === 0) return null;
+    if (out.length === 1) return out[0];
+    return out;
+  };
+}
+__name(createPydanticAISSEMap, "createPydanticAISSEMap");
+
+// src/tools/Chat/core/transport/pydantic-ai-transport.ts
+var DEFAULT_SESSION_ID = "default";
+function mapStatusToCode2(status) {
+  if (status === 401 || status === 403) return "unauthorized";
+  if (status === 404) return "not_found";
+  if (status === 408) return "timeout";
+  if (status === 429) return "rate_limited";
+  if (status >= 500) return "server_error";
+  return "error";
+}
+__name(mapStatusToCode2, "mapStatusToCode");
+function createPydanticAIChatTransport(opts) {
+  const fetchImpl = opts.fetchImpl ?? fetch.bind(globalThis);
+  const streamMethod = opts.streamMethod ?? "POST";
+  async function resolvedHeaders(extra) {
+    const base = opts.buildHeaders ? await opts.buildHeaders() : {};
+    const headers = new Headers(base);
+    if (extra) {
+      for (const [k, v] of Object.entries(extra)) headers.set(k, v);
+    }
+    return headers;
+  }
+  __name(resolvedHeaders, "resolvedHeaders");
+  return {
+    async createSession(createOpts) {
+      if (opts.bootstrapSession) return opts.bootstrapSession(createOpts);
+      return { sessionId: DEFAULT_SESSION_ID };
+    },
+    async loadHistory(sessionId, cursor) {
+      if (opts.loadHistory) return opts.loadHistory(sessionId, cursor);
+      return { messages: [], hasMore: false, nextCursor: null };
+    },
+    async *stream(sessionId, content, options) {
+      const url = opts.buildStreamUrl(sessionId, content);
+      const headers = await resolvedHeaders({ Accept: "text/event-stream" });
+      const init = {
+        method: streamMethod,
+        headers,
+        signal: options.signal
+      };
+      if (streamMethod === "POST") {
+        headers.set("Content-Type", "application/json");
+        init.body = JSON.stringify({
+          content,
+          attachments: options.attachments ?? [],
+          metadata: options.metadata ?? {}
+        });
+      }
+      const res = await fetchImpl(typeof url === "string" ? url : url.toString(), init);
+      if (!res.ok) {
+        const text = await res.text().catch(() => "");
+        throw new TransportError(
+          `stream failed (${res.status}): ${text || res.statusText}`,
+          mapStatusToCode2(res.status)
+        );
+      }
+      const sideChannel = opts.onPydanticEvent;
+      if (!sideChannel) {
+        yield* parseSSE(res, {
+          signal: options.signal,
+          idleTimeoutMs: opts.idleTimeoutMs,
+          map: createPydanticAISSEMap()
+        });
+        return;
+      }
+      const toolIds = createToolIdQueue();
+      yield* parseSSE(res, {
+        signal: options.signal,
+        idleTimeoutMs: opts.idleTimeoutMs,
+        map: /* @__PURE__ */ __name((raw) => {
+          if (!raw.data) return null;
+          let parsed;
+          try {
+            parsed = JSON.parse(raw.data);
+          } catch {
+            return null;
+          }
+          try {
+            sideChannel(parsed);
+          } catch {
+          }
+          const out = [];
+          for (const evt of mapPydanticAIEvent(parsed, toolIds)) out.push(evt);
+          if (out.length === 0) return null;
+          if (out.length === 1) return out[0];
+          return out;
+        }, "map")
+      });
+    },
+    async send(sessionId, content, sendOpts) {
+      if (opts.send) return opts.send(sessionId, content, sendOpts);
+      throw new TransportError(
+        "Buffered send is not supported by this transport",
+        "unsupported"
+      );
+    },
+    async closeSession(sessionId) {
+      if (opts.closeSession) await opts.closeSession(sessionId);
+    }
+  };
+}
+__name(createPydanticAIChatTransport, "createPydanticAIChatTransport");
+var SIZE_PX = { sm: 44, md: 56, lg: 64 };
+var ICON_PX = { sm: 18, md: 22, lg: 26 };
+function useEffectiveFABSize(size, inline) {
+  const isPhone = useIsPhone();
+  const isBelowDesktop = useIsTabletOrBelow();
+  if (size !== "responsive") return size;
+  if (inline) return "md";
+  if (isPhone) return "sm";
+  if (isBelowDesktop) return "md";
+  return "lg";
+}
+__name(useEffectiveFABSize, "useEffectiveFABSize");
+function positionStyle(position, offset2) {
+  const [vert, horiz] = position.split("-");
+  return { [vert]: offset2, [horiz]: offset2 };
+}
+__name(positionStyle, "positionStyle");
+function tooltipSideClasses(position) {
+  return position.endsWith("right") ? "right-full mr-3 origin-right" : "left-full ml-3 origin-left";
+}
+__name(tooltipSideClasses, "tooltipSideClasses");
+function Badge({ value }) {
+  const display = value > 9 ? "9+" : String(value);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "absolute -right-1 -top-1 inline-flex min-w-[18px] h-[18px] items-center justify-center",
+        "rounded-full bg-destructive px-1 text-[10px] font-semibold leading-none text-destructive-foreground",
+        "ring-2 ring-background"
+      ),
+      children: display
+    }
+  );
+}
+__name(Badge, "Badge");
+function PulseDot() {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute right-1 top-1", children: /* @__PURE__ */ jsxs("span", { className: "relative inline-flex h-2.5 w-2.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute inset-0 rounded-full bg-destructive opacity-75 animate-ping" }),
+    /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-destructive ring-2 ring-background" })
+  ] }) });
+}
+__name(PulseDot, "PulseDot");
+function Tooltip({ text, side }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "tooltip",
+      className: cn(
+        "pointer-events-none absolute top-1/2 -translate-y-1/2 whitespace-nowrap",
+        "rounded-md bg-popover px-2.5 py-1 text-xs font-medium text-popover-foreground shadow-md",
+        "border border-border opacity-0 scale-95 transition-all duration-150",
+        "group-hover:opacity-100 group-hover:scale-100",
+        "group-focus-within:opacity-100 group-focus-within:scale-100",
+        side
+      ),
+      children: text
+    }
+  );
+}
+__name(Tooltip, "Tooltip");
+function ChatFAB({
+  onClick,
+  ariaLabel = "Open chat",
+  icon,
+  variant = "simple",
+  size = "responsive",
+  position = "bottom-right",
+  offset: offset2 = 24,
+  zIndex = 9999,
+  pulse = false,
+  badge,
+  tooltip,
+  inline = false,
+  className,
+  style
+}) {
+  const effectiveSize = useEffectiveFABSize(size, inline);
+  const px = SIZE_PX[effectiveSize];
+  const iconPx = ICON_PX[effectiveSize];
+  const renderedIcon = icon ?? /* @__PURE__ */ jsx(Bot, { size: iconPx });
+  const baseButton = cn(
+    "relative grid place-items-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "transition-transform hover:scale-105"
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("group", inline ? "relative inline-flex" : "fixed"),
+      style: inline ? void 0 : { ...positionStyle(position, offset2), zIndex },
+      children: [
+        variant === "animated" && /* @__PURE__ */ jsx(
+          AnimatedFAB,
+          {
+            ariaLabel,
+            onClick,
+            size: px,
+            className,
+            style,
+            children: renderedIcon
+          }
+        ),
+        variant === "glass" && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": ariaLabel,
+            onClick,
+            className: cn(
+              baseButton,
+              "border border-border/40 bg-background/60 text-foreground shadow-lg backdrop-blur-xl",
+              "hover:bg-background/80",
+              className
+            ),
+            style: { width: px, height: px, ...style },
+            children: [
+              renderedIcon,
+              badge !== void 0 ? /* @__PURE__ */ jsx(Badge, { value: badge }) : pulse ? /* @__PURE__ */ jsx(PulseDot, {}) : null
+            ]
+          }
+        ),
+        variant === "simple" && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": ariaLabel,
+            onClick,
+            className: cn(
+              baseButton,
+              "bg-primary text-primary-foreground hover:bg-primary/90 shadow-2xl",
+              className
+            ),
+            style: { width: px, height: px, ...style },
+            children: [
+              renderedIcon,
+              badge !== void 0 ? /* @__PURE__ */ jsx(Badge, { value: badge }) : pulse ? /* @__PURE__ */ jsx(PulseDot, {}) : null
+            ]
+          }
+        ),
+        tooltip && /* @__PURE__ */ jsx(Tooltip, { text: tooltip, side: tooltipSideClasses(position) })
+      ]
+    }
+  );
+}
+__name(ChatFAB, "ChatFAB");
+function AnimatedFAB({ ariaLabel, onClick, size, className, style, children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: ANIMATED_CSS }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("cmdop-fab-anim", className),
+        style: { width: size, height: size, ...style },
+        children: /* @__PURE__ */ jsx("div", { className: "cmdop-fab-anim-glow", children: /* @__PURE__ */ jsxs("div", { className: "cmdop-fab-anim-wrap", children: [
+          /* @__PURE__ */ jsx("div", { className: "cmdop-fab-anim-grad cmdop-fab-anim-grad-1" }),
+          /* @__PURE__ */ jsx("div", { className: "cmdop-fab-anim-grad cmdop-fab-anim-grad-2" }),
+          /* @__PURE__ */ jsx("div", { className: "cmdop-fab-anim-inner" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": ariaLabel,
+              onClick,
+              className: "cmdop-fab-anim-btn",
+              children: /* @__PURE__ */ jsx("span", { className: "cmdop-fab-anim-icon", children })
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+}
+__name(AnimatedFAB, "AnimatedFAB");
+var ANIMATED_CSS = `
+.cmdop-fab-anim {
+  position: relative;
+  pointer-events: auto;
+}
+.cmdop-fab-anim-glow {
+  width: 100%; height: 100%;
+  border-radius: 50%;
+  overflow: hidden;
+  animation:
+    cmdop-fab-entrance 0.6s cubic-bezier(0.34, 1.45, 0.64, 1) forwards,
+    cmdop-fab-glow-shift 8s ease-in-out 0.6s infinite;
+}
+.cmdop-fab-anim-wrap {
+  position: relative; width: 100%; height: 100%;
+  border-radius: 50%; overflow: hidden;
+}
+.cmdop-fab-anim-grad { position: absolute; inset: 0; border-radius: 50%; }
+.cmdop-fab-anim-grad-1 {
+  background: conic-gradient(
+    from 0deg,
+    #fbbf24 0%, rgba(251,191,36,0) 15%,
+    rgba(168,85,247,0) 20%, #a855f7 35%, rgba(168,85,247,0) 50%,
+    rgba(20,184,166,0) 55%, #14b8a6 70%, rgba(20,184,166,0) 85%,
+    rgba(236,72,153,0) 88%, #ec4899 97%, #fbbf24 100%
+  );
+  animation: cmdop-fab-rotate 7s linear infinite;
+  filter: blur(1px); opacity: 0.95;
+}
+.cmdop-fab-anim-grad-2 {
+  inset: 1px;
+  background: conic-gradient(
+    from 180deg,
+    #a855f7 0%, rgba(168,85,247,0) 20%,
+    rgba(20,184,166,0) 30%, #14b8a6 50%, rgba(20,184,166,0) 70%,
+    rgba(251,191,36,0) 75%, #fbbf24 95%, #a855f7 100%
+  );
+  animation: cmdop-fab-rotate-rev 9s linear infinite;
+  filter: blur(0.75px); opacity: 0.7;
+}
+.cmdop-fab-anim-inner {
+  position: absolute; inset: 3px; border-radius: 50%;
+  background: rgba(10, 10, 10, 0.65);
+  backdrop-filter: blur(12px) saturate(1.8);
+  -webkit-backdrop-filter: blur(12px) saturate(1.8);
+  animation: cmdop-fab-inner-glow 5s ease-in-out infinite;
+}
+.cmdop-fab-anim-btn {
+  position: absolute; inset: 2px;
+  border-radius: 50%; border: none; background: transparent;
+  cursor: pointer; display: flex; align-items: center; justify-content: center;
+  transition: transform 0.2s;
+}
+.cmdop-fab-anim-btn:hover { transform: scale(1.06); }
+.cmdop-fab-anim-icon {
+  color: #fbbf24; display: flex;
+  filter: drop-shadow(0 0 6px rgba(251,191,36,0.8));
+  animation: cmdop-fab-icon-pulse 2.5s ease-in-out infinite;
+}
+@keyframes cmdop-fab-rotate { to { transform: rotate(360deg); } }
+@keyframes cmdop-fab-rotate-rev { to { transform: rotate(-360deg); } }
+@keyframes cmdop-fab-entrance {
+  0% { transform: scale(0); }
+  50% { transform: scale(1.08); }
+  70% { transform: scale(0.98); }
+  100% { transform: scale(1); }
+}
+@keyframes cmdop-fab-glow-shift {
+  0%, 100% { box-shadow: 0 0 20px rgba(251,191,36,0.5), 0 0 40px rgba(168,85,247,0.3); }
+  33%      { box-shadow: 0 0 20px rgba(168,85,247,0.5), 0 0 40px rgba(20,184,166,0.3); }
+  66%      { box-shadow: 0 0 20px rgba(20,184,166,0.5), 0 0 40px rgba(236,72,153,0.3); }
+}
+@keyframes cmdop-fab-icon-pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50%      { opacity: 0.85; transform: scale(1.15); }
+}
+@keyframes cmdop-fab-inner-glow {
+  0%, 100% { box-shadow: inset 0 0 20px rgba(251,191,36,0.25), inset 0 0 40px rgba(168,85,247,0.15); }
+  50%      { box-shadow: inset 0 0 25px rgba(168,85,247,0.3),  inset 0 0 45px rgba(20,184,166,0.2); }
+}
+`;
+function ChatHeader({
+  title,
+  icon,
+  actions,
+  showClose = true,
+  onClose,
+  closeLabel = "Close",
+  closeSlot,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "border-border bg-muted/30 flex shrink-0 items-center justify-between border-b px-4 py-2.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-sm font-semibold", children: [
+          icon ?? /* @__PURE__ */ jsx(Bot, { className: "text-primary h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: title })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+          actions,
+          closeSlot ?? (showClose && onClose && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: onClose,
+              "aria-label": closeLabel,
+              className: "-mr-1 h-7 w-7 p-0",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          ))
+        ] })
+      ]
+    }
+  );
+}
+__name(ChatHeader, "ChatHeader");
+function useChatPresence(open, exitDurationMs = 200) {
+  const [phase, setPhase] = useState("hidden");
+  const timerRef = useRef(null);
+  useEffect(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    if (open) {
+      setPhase("entering");
+      timerRef.current = setTimeout(() => setPhase("visible"), 16);
+    } else {
+      setPhase("leaving");
+      timerRef.current = setTimeout(() => setPhase("hidden"), exitDurationMs);
+    }
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [open, exitDurationMs]);
+  return phase;
+}
+__name(useChatPresence, "useChatPresence");
+function dockPositionStyle(position, horizontal, vertical) {
+  const [vert, horiz] = position.split("-");
+  return { [vert]: vertical, [horiz]: horizontal };
+}
+__name(dockPositionStyle, "dockPositionStyle");
+function ChatDock({
+  open,
+  onClose,
+  children,
+  mode = "popover",
+  side = "right",
+  title = "Chat",
+  icon,
+  headerActions,
+  hideHeader = false,
+  closeLabel,
+  width,
+  height = 720,
+  position = "bottom-right",
+  offset: offset2,
+  exitDurationMs = 200,
+  zIndex = 1e4,
+  ariaLabel,
+  className,
+  mobileFullscreen = true,
+  disablePortal = false,
+  inline = false,
+  reserveBodySpace
+}) {
+  const phase = useChatPresence(open, exitDurationMs);
+  const isMobile = useIsMobile();
+  const isBelowDesktop = useIsTabletOrBelow();
+  const effectiveMode = mode === "side" && !isBelowDesktop ? "side" : "popover";
+  const fullscreen = mobileFullscreen && isMobile;
+  const wantsReserve = !inline && !fullscreen && effectiveMode === "side" && (reserveBodySpace ?? true);
+  const resolvedSideWidth = width ?? 420;
+  useEffect(() => {
+    if (!wantsReserve || phase === "hidden") return;
+    const body = document.body;
+    if (!body) return;
+    const cssVar = `${resolvedSideWidth}px`;
+    const padKey = side === "right" ? "paddingRight" : "paddingLeft";
+    const prevPad = body.style[padKey];
+    const prevVar = body.style.getPropertyValue("--chat-dock-reserve");
+    body.style[padKey] = cssVar;
+    body.style.setProperty("--chat-dock-reserve", cssVar);
+    return () => {
+      body.style[padKey] = prevPad;
+      if (prevVar) body.style.setProperty("--chat-dock-reserve", prevVar);
+      else body.style.removeProperty("--chat-dock-reserve");
+    };
+  }, [wantsReserve, phase, side, resolvedSideWidth]);
+  if (phase === "hidden") return null;
+  const animating = phase === "entering" || phase === "leaving";
+  const horizontal = offset2?.horizontal ?? 24;
+  const vertical = offset2?.vertical ?? 96;
+  const resolvedWidth = width ?? (effectiveMode === "side" ? resolvedSideWidth : 480);
+  let containerStyle;
+  let cornerClass;
+  const dynVH = "100dvh";
+  if (inline) {
+    containerStyle = {
+      position: "relative",
+      width: resolvedWidth,
+      height,
+      maxHeight: `calc(${dynVH} - 16px)`,
+      pointerEvents: phase === "visible" ? "auto" : "none"
+    };
+    cornerClass = "rounded-xl border";
+  } else if (fullscreen) {
+    containerStyle = {
+      position: "fixed",
+      top: 0,
+      [side === "left" ? "left" : "right"]: 0,
+      width: "100vw",
+      height: dynVH,
+      zIndex,
+      pointerEvents: phase === "visible" ? "auto" : "none"
+    };
+    cornerClass = "rounded-none border-0";
+  } else if (effectiveMode === "side") {
+    containerStyle = {
+      position: "fixed",
+      top: 0,
+      [side]: 0,
+      height: dynVH,
+      zIndex,
+      width: `min(${resolvedWidth}px, 100vw)`,
+      pointerEvents: phase === "visible" ? "auto" : "none"
+    };
+    cornerClass = side === "right" ? "rounded-none border-l" : "rounded-none border-r";
+  } else {
+    const heightCap = `calc(${dynVH} - ${vertical + 24}px)`;
+    containerStyle = {
+      position: "fixed",
+      ...dockPositionStyle(position, horizontal, vertical),
+      zIndex,
+      width: `min(${resolvedWidth}px, calc(100vw - 32px))`,
+      height: `min(${height}px, ${heightCap})`,
+      minHeight: `min(320px, ${heightCap})`,
+      pointerEvents: phase === "visible" ? "auto" : "none"
+    };
+    cornerClass = "rounded-xl border";
+  }
+  const enterClass = (() => {
+    if (fullscreen) return "opacity-0";
+    if (effectiveMode === "side") {
+      return side === "right" ? "opacity-0 translate-x-4" : "opacity-0 -translate-x-4";
+    }
+    return "opacity-0 scale-95 translate-y-2";
+  })();
+  const visibleClass = "opacity-100 scale-100 translate-y-0 translate-x-0";
+  return /* @__PURE__ */ jsx(Portal, { disablePortal: disablePortal || inline, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": ariaLabel ?? (typeof title === "string" ? title : "Chat"),
+      "aria-hidden": phase === "leaving",
+      className: cn(
+        "bg-popover text-popover-foreground border-border",
+        "flex flex-col overflow-hidden shadow-2xl",
+        cornerClass,
+        "transition-all duration-200 ease-out",
+        animating ? enterClass : visibleClass,
+        className
+      ),
+      style: containerStyle,
+      children: [
+        !hideHeader && /* @__PURE__ */ jsx(
+          ChatHeader,
+          {
+            title,
+            icon,
+            actions: headerActions,
+            onClose,
+            closeLabel
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children })
+      ]
+    }
+  ) });
+}
+__name(ChatDock, "ChatDock");
+var ChatHeaderActionButton = forwardRef(
+  /* @__PURE__ */ __name(function ChatHeaderActionButton2({ icon, ariaLabel, badge, destructive, loading, disabled, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": ariaLabel,
+        title: ariaLabel,
+        disabled: disabled || loading,
+        className: cn(
+          "relative inline-flex h-7 w-7 items-center justify-center rounded-md",
+          "text-muted-foreground transition-colors",
+          "hover:bg-accent hover:text-foreground",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          destructive && "hover:bg-destructive/15 hover:text-destructive",
+          loading && "animate-pulse",
+          className
+        ),
+        ...rest,
+        children: [
+          icon,
+          badge !== void 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute -right-0.5 -top-0.5 inline-flex min-w-[14px] h-[14px] items-center justify-center rounded-full bg-destructive px-1 text-[9px] font-semibold leading-none text-destructive-foreground ring-2 ring-background",
+              children: badge > 9 ? "9+" : badge
+            }
+          )
+        ]
+      }
+    );
+  }, "ChatHeaderActionButton")
+);
+function ChatHeaderModeToggle({
+  mode,
+  onToggle,
+  expandLabel = "Dock to side",
+  collapseLabel = "Back to popover",
+  forceVisible = false
+}) {
+  const isBelowDesktop = useIsTabletOrBelow();
+  if (isBelowDesktop && !forceVisible) return null;
+  const isSide = mode === "side";
+  return /* @__PURE__ */ jsx(
+    ChatHeaderActionButton,
+    {
+      icon: isSide ? /* @__PURE__ */ jsx(PanelRightClose, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-3.5 w-3.5" }),
+      ariaLabel: isSide ? collapseLabel : expandLabel,
+      onClick: onToggle
+    }
+  );
+}
+__name(ChatHeaderModeToggle, "ChatHeaderModeToggle");
+function ChatHeaderAudioToggle({
+  muted,
+  onToggle,
+  unmuteLabel = "Unmute notifications",
+  muteLabel = "Mute notifications"
+}) {
+  return /* @__PURE__ */ jsx(
+    ChatHeaderActionButton,
+    {
+      icon: muted ? /* @__PURE__ */ jsx(VolumeX, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Volume2, { className: "h-3.5 w-3.5" }),
+      ariaLabel: muted ? unmuteLabel : muteLabel,
+      onClick: onToggle
+    }
+  );
+}
+__name(ChatHeaderAudioToggle, "ChatHeaderAudioToggle");
+function useChatReset(opts) {
+  const { onReset, onSuccess, onError } = opts;
+  const [isResetting, setIsResetting] = useState(false);
+  const reset = useCallback(async () => {
+    if (isResetting) return false;
+    setIsResetting(true);
+    try {
+      const ok = await onReset();
+      if (ok) onSuccess?.();
+      else onError?.();
+      return ok;
+    } catch (err) {
+      onError?.(err);
+      return false;
+    } finally {
+      setIsResetting(false);
+    }
+  }, [isResetting, onReset, onSuccess, onError]);
+  return { reset, isResetting };
+}
+__name(useChatReset, "useChatReset");
+var DEFAULT_TITLE = "Clear conversation?";
+var DEFAULT_MESSAGE = "The assistant will forget this session and start a new one. This cannot be undone.";
+var DEFAULT_LABEL = "Clear conversation";
+function ChatHeaderResetButton({
+  onReset,
+  onSuccess,
+  onError,
+  confirm = true,
+  confirmTitle = DEFAULT_TITLE,
+  confirmMessage = DEFAULT_MESSAGE,
+  ariaLabel = DEFAULT_LABEL
+}) {
+  const { reset, isResetting } = useChatReset({ onReset, onSuccess, onError });
+  const handleClick = /* @__PURE__ */ __name(async () => {
+    if (confirm) {
+      const api = typeof window !== "undefined" ? window.dialog : void 0;
+      if (api?.confirm) {
+        const ok = await api.confirm({
+          title: confirmTitle,
+          message: confirmMessage,
+          variant: "destructive",
+          confirmText: "Clear",
+          cancelText: "Cancel"
+        });
+        if (!ok) return;
+      } else if (typeof window !== "undefined" && typeof window.confirm === "function") {
+        const ok = window.confirm(`${confirmTitle}
+
+${confirmMessage}`);
+        if (!ok) return;
+      }
+    }
+    await reset();
+  }, "handleClick");
+  return /* @__PURE__ */ jsx(
+    ChatHeaderActionButton,
+    {
+      icon: /* @__PURE__ */ jsx(RotateCcw, { className: "h-3.5 w-3.5" }),
+      ariaLabel,
+      onClick: handleClick,
+      loading: isResetting,
+      destructive: true
+    }
+  );
+}
+__name(ChatHeaderResetButton, "ChatHeaderResetButton");
+
+// src/tools/SpeechRecognition/core/languages-catalog.ts
+var WEB_SPEECH_LANGUAGES = [
+  { name: "Afrikaans", iso: "af", englishName: "afrikaans", dialects: [{ code: "af-ZA", region: "South Africa" }] },
+  { name: "\u12A0\u121B\u122D\u129B", iso: "am", englishName: "amharic", dialects: [{ code: "am-ET", region: "Ethiopia" }] },
+  { name: "Az\u0259rbaycanca", iso: "az", englishName: "azerbaijani", dialects: [{ code: "az-AZ", region: "Azerbaijan" }] },
+  {
+    name: "\u09AC\u09BE\u0982\u09B2\u09BE",
+    iso: "bn",
+    englishName: "bengali",
+    dialects: [
+      { code: "bn-BD", region: "Bangladesh" },
+      { code: "bn-IN", region: "India" }
+    ]
+  },
+  { name: "Bahasa Indonesia", iso: "id", englishName: "indonesian", dialects: [{ code: "id-ID", region: "Indonesia" }] },
+  { name: "Bahasa Melayu", iso: "ms", englishName: "malay", dialects: [{ code: "ms-MY", region: "Malaysia" }] },
+  { name: "Catal\xE0", iso: "ca", englishName: "catalan", dialects: [{ code: "ca-ES", region: "Spain" }] },
+  { name: "\u010Ce\u0161tina", iso: "cs", englishName: "czech", dialects: [{ code: "cs-CZ", region: "Czechia" }] },
+  { name: "Dansk", iso: "da", englishName: "danish", dialects: [{ code: "da-DK", region: "Denmark" }] },
+  { name: "Deutsch", iso: "de", englishName: "german", dialects: [{ code: "de-DE", region: "Germany" }] },
+  {
+    name: "English",
+    iso: "en",
+    englishName: "english",
+    dialects: [
+      { code: "en-US", region: "United States" },
+      { code: "en-GB", region: "United Kingdom" },
+      { code: "en-AU", region: "Australia" },
+      { code: "en-CA", region: "Canada" },
+      { code: "en-IN", region: "India" },
+      { code: "en-NZ", region: "New Zealand" },
+      { code: "en-PH", region: "Philippines" },
+      { code: "en-ZA", region: "South Africa" },
+      { code: "en-NG", region: "Nigeria" },
+      { code: "en-GH", region: "Ghana" },
+      { code: "en-KE", region: "Kenya" },
+      { code: "en-TZ", region: "Tanzania" }
+    ]
+  },
+  {
+    name: "Espa\xF1ol",
+    iso: "es",
+    englishName: "spanish",
+    dialects: [
+      { code: "es-ES", region: "Espa\xF1a" },
+      { code: "es-MX", region: "M\xE9xico" },
+      { code: "es-US", region: "Estados Unidos" },
+      { code: "es-AR", region: "Argentina" },
+      { code: "es-CL", region: "Chile" },
+      { code: "es-CO", region: "Colombia" },
+      { code: "es-PE", region: "Per\xFA" },
+      { code: "es-VE", region: "Venezuela" },
+      { code: "es-EC", region: "Ecuador" },
+      { code: "es-GT", region: "Guatemala" },
+      { code: "es-CR", region: "Costa Rica" },
+      { code: "es-PA", region: "Panam\xE1" },
+      { code: "es-DO", region: "Rep. Dominicana" },
+      { code: "es-UY", region: "Uruguay" },
+      { code: "es-PY", region: "Paraguay" },
+      { code: "es-BO", region: "Bolivia" },
+      { code: "es-SV", region: "El Salvador" },
+      { code: "es-HN", region: "Honduras" },
+      { code: "es-NI", region: "Nicaragua" },
+      { code: "es-PR", region: "Puerto Rico" }
+    ]
+  },
+  { name: "Euskara", iso: "eu", englishName: "basque", dialects: [{ code: "eu-ES", region: "Spain" }] },
+  { name: "Filipino", iso: "fil", englishName: "filipino tagalog", dialects: [{ code: "fil-PH", region: "Philippines" }] },
+  { name: "Fran\xE7ais", iso: "fr", englishName: "french", dialects: [{ code: "fr-FR", region: "France" }] },
+  { name: "Basa Jawa", iso: "jv", englishName: "javanese", dialects: [{ code: "jv-ID", region: "Indonesia" }] },
+  { name: "Galego", iso: "gl", englishName: "galician", dialects: [{ code: "gl-ES", region: "Spain" }] },
+  { name: "\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0", iso: "gu", englishName: "gujarati", dialects: [{ code: "gu-IN", region: "India" }] },
+  { name: "Hrvatski", iso: "hr", englishName: "croatian", dialects: [{ code: "hr-HR", region: "Croatia" }] },
+  { name: "IsiZulu", iso: "zu", englishName: "zulu", dialects: [{ code: "zu-ZA", region: "South Africa" }] },
+  { name: "\xCDslenska", iso: "is", englishName: "icelandic", dialects: [{ code: "is-IS", region: "Iceland" }] },
+  {
+    name: "Italiano",
+    iso: "it",
+    englishName: "italian",
+    dialects: [
+      { code: "it-IT", region: "Italia" },
+      { code: "it-CH", region: "Svizzera" }
+    ]
+  },
+  { name: "\u0C95\u0CA8\u0CCD\u0CA8\u0CA1", iso: "kn", englishName: "kannada", dialects: [{ code: "kn-IN", region: "India" }] },
+  { name: "\u1797\u17B6\u179F\u17B6\u1781\u17D2\u1798\u17C2\u179A", iso: "km", englishName: "khmer cambodian", dialects: [{ code: "km-KH", region: "Cambodia" }] },
+  { name: "Latvie\u0161u", iso: "lv", englishName: "latvian", dialects: [{ code: "lv-LV", region: "Latvia" }] },
+  { name: "Lietuvi\u0173", iso: "lt", englishName: "lithuanian", dialects: [{ code: "lt-LT", region: "Lithuania" }] },
+  { name: "\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02", iso: "ml", englishName: "malayalam", dialects: [{ code: "ml-IN", region: "India" }] },
+  { name: "\u092E\u0930\u093E\u0920\u0940", iso: "mr", englishName: "marathi", dialects: [{ code: "mr-IN", region: "India" }] },
+  { name: "Magyar", iso: "hu", englishName: "hungarian", dialects: [{ code: "hu-HU", region: "Hungary" }] },
+  { name: "\u0EA5\u0EB2\u0EA7", iso: "lo", englishName: "lao laotian", dialects: [{ code: "lo-LA", region: "Laos" }] },
+  { name: "Nederlands", iso: "nl", englishName: "dutch", dialects: [{ code: "nl-NL", region: "Netherlands" }] },
+  { name: "\u0928\u0947\u092A\u093E\u0932\u0940 \u092D\u093E\u0937\u093E", iso: "ne", englishName: "nepali", dialects: [{ code: "ne-NP", region: "Nepal" }] },
+  { name: "Norsk bokm\xE5l", iso: "nb", englishName: "norwegian bokmal", dialects: [{ code: "nb-NO", region: "Norway" }] },
+  { name: "Polski", iso: "pl", englishName: "polish", dialects: [{ code: "pl-PL", region: "Poland" }] },
+  {
+    name: "Portugu\xEAs",
+    iso: "pt",
+    englishName: "portuguese",
+    dialects: [
+      { code: "pt-BR", region: "Brasil" },
+      { code: "pt-PT", region: "Portugal" }
+    ]
+  },
+  { name: "Rom\xE2n\u0103", iso: "ro", englishName: "romanian", dialects: [{ code: "ro-RO", region: "Romania" }] },
+  { name: "\u0DC3\u0DD2\u0D82\u0DC4\u0DBD", iso: "si", englishName: "sinhala sinhalese", dialects: [{ code: "si-LK", region: "Sri Lanka" }] },
+  { name: "Sloven\u0161\u010Dina", iso: "sl", englishName: "slovenian", dialects: [{ code: "sl-SI", region: "Slovenia" }] },
+  { name: "Basa Sunda", iso: "su", englishName: "sundanese", dialects: [{ code: "su-ID", region: "Indonesia" }] },
+  { name: "Sloven\u010Dina", iso: "sk", englishName: "slovak", dialects: [{ code: "sk-SK", region: "Slovakia" }] },
+  { name: "Suomi", iso: "fi", englishName: "finnish", dialects: [{ code: "fi-FI", region: "Finland" }] },
+  { name: "Svenska", iso: "sv", englishName: "swedish", dialects: [{ code: "sv-SE", region: "Sweden" }] },
+  {
+    name: "Kiswahili",
+    iso: "sw",
+    englishName: "swahili",
+    dialects: [
+      { code: "sw-TZ", region: "Tanzania" },
+      { code: "sw-KE", region: "Kenya" }
+    ]
+  },
+  { name: "\u10E5\u10D0\u10E0\u10D7\u10E3\u10DA\u10D8", iso: "ka", englishName: "georgian", dialects: [{ code: "ka-GE", region: "Georgia" }] },
+  { name: "\u0540\u0561\u0575\u0565\u0580\u0565\u0576", iso: "hy", englishName: "armenian", dialects: [{ code: "hy-AM", region: "Armenia" }] },
+  {
+    name: "\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD",
+    iso: "ta",
+    englishName: "tamil",
+    dialects: [
+      { code: "ta-IN", region: "\u0B87\u0BA8\u0BCD\u0BA4\u0BBF\u0BAF\u0BBE" },
+      { code: "ta-SG", region: "\u0B9A\u0BBF\u0B99\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0BC2\u0BB0\u0BCD" },
+      { code: "ta-LK", region: "\u0B87\u0BB2\u0B99\u0BCD\u0B95\u0BC8" },
+      { code: "ta-MY", region: "\u0BAE\u0BB2\u0BC7\u0B9A\u0BBF\u0BAF\u0BBE" }
+    ]
+  },
+  { name: "\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41", iso: "te", englishName: "telugu", dialects: [{ code: "te-IN", region: "India" }] },
+  { name: "Ti\u1EBFng Vi\u1EC7t", iso: "vi", englishName: "vietnamese", dialects: [{ code: "vi-VN", region: "Vietnam" }] },
+  { name: "T\xFCrk\xE7e", iso: "tr", englishName: "turkish", dialects: [{ code: "tr-TR", region: "T\xFCrkiye" }] },
+  {
+    name: "\u0627\u064F\u0631\u062F\u064F\u0648",
+    iso: "ur",
+    englishName: "urdu",
+    dialects: [
+      { code: "ur-PK", region: "\u067E\u0627\u06A9\u0633\u062A\u0627\u0646" },
+      { code: "ur-IN", region: "\u0628\u06BE\u0627\u0631\u062A" }
+    ]
+  },
+  { name: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC", iso: "el", englishName: "greek", dialects: [{ code: "el-GR", region: "Greece" }] },
+  { name: "\u0431\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438", iso: "bg", englishName: "bulgarian", dialects: [{ code: "bg-BG", region: "Bulgaria" }] },
+  { name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439", iso: "ru", englishName: "russian", dialects: [{ code: "ru-RU", region: "Russia" }] },
+  { name: "\u0421\u0440\u043F\u0441\u043A\u0438", iso: "sr", englishName: "serbian", dialects: [{ code: "sr-RS", region: "Serbia" }] },
+  { name: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430", iso: "uk", englishName: "ukrainian", dialects: [{ code: "uk-UA", region: "Ukraine" }] },
+  { name: "\uD55C\uAD6D\uC5B4", iso: "ko", englishName: "korean", dialects: [{ code: "ko-KR", region: "Korea" }] },
+  {
+    name: "\u4E2D\u6587",
+    iso: "cmn",
+    englishName: "chinese mandarin cantonese",
+    dialects: [
+      { code: "cmn-Hans-CN", region: "\u666E\u901A\u8BDD (\u4E2D\u56FD\u5927\u9646)" },
+      { code: "cmn-Hans-HK", region: "\u666E\u901A\u8BDD (\u9999\u6E2F)" },
+      { code: "cmn-Hant-TW", region: "\u4E2D\u6587 (\u53F0\u7063)" },
+      { code: "yue-Hant-HK", region: "\u7CB5\u8A9E (\u9999\u6E2F)" }
+    ]
+  },
+  { name: "\u65E5\u672C\u8A9E", iso: "ja", englishName: "japanese", dialects: [{ code: "ja-JP", region: "Japan" }] },
+  { name: "\u0939\u093F\u0928\u094D\u0926\u0940", iso: "hi", englishName: "hindi", dialects: [{ code: "hi-IN", region: "India" }] },
+  { name: "\u0E20\u0E32\u0E29\u0E32\u0E44\u0E17\u0E22", iso: "th", englishName: "thai", dialects: [{ code: "th-TH", region: "Thailand" }] }
+];
+WEB_SPEECH_LANGUAGES.flatMap(
+  (l) => l.dialects.map((d) => d.code)
+);
+function findSpeechLanguage(tag) {
+  if (!tag) return null;
+  const lower = tag.toLowerCase();
+  for (const language of WEB_SPEECH_LANGUAGES) {
+    for (const dialect of language.dialects) {
+      if (dialect.code.toLowerCase() === lower) return { language, dialect };
+    }
+  }
+  return null;
+}
+__name(findSpeechLanguage, "findSpeechLanguage");
+function countryFromTag(tag) {
+  if (!tag) return null;
+  const parts = tag.split("-");
+  for (let i = parts.length - 1; i >= 0; i -= 1) {
+    const p = parts[i];
+    if (p.length === 2 && /^[A-Za-z]{2}$/.test(p)) return p.toUpperCase();
+  }
+  return null;
+}
+__name(countryFromTag, "countryFromTag");
+createContext(null);
+createLazyComponent(
+  () => import('./DictationField-U25MEYAL.mjs').then((mod) => ({
+    default: mod.DictationField
+  })),
+  {
+    displayName: "LazyDictationField",
+    fallback: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border/60 bg-card px-3 py-2 text-xs text-muted-foreground", children: "Loading dictation\u2026" })
+  }
+);
+function ChatHeaderLanguageButton({
+  ariaLabel = "Speech language",
+  allowedTags,
+  hideFallbackIcon,
+  className
+}) {
+  const prefs = useSpeechPrefs();
+  const active = useResolvedLanguage();
+  const options = useMemo(() => {
+    const allow = allowedTags ? new Set(allowedTags) : null;
+    const out = [];
+    for (const lang of WEB_SPEECH_LANGUAGES) {
+      for (const d of lang.dialects) {
+        if (allow && !allow.has(d.code)) continue;
+        out.push({
+          value: d.code,
+          // "Русский" / "Español — Argentina" / "English — United States"
+          label: lang.dialects.length === 1 ? lang.name : `${lang.name} \u2014 ${d.region}`,
+          // Search-only index: English name, BCP-47 tag, ISO, region.
+          // Lets users type "russian" / "ru-RU" / "ru" / "argentina"
+          // and still find the row regardless of native script.
+          description: `${lang.englishName} ${d.code} ${lang.iso} ${d.region}`.toLowerCase()
+        });
+      }
+    }
+    return out;
+  }, [allowedTags]);
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      options,
+      value: prefs.language ?? active,
+      onValueChange: (v) => prefs.setLanguage(v || null),
+      placeholder: ariaLabel,
+      searchPlaceholder: "Search language\u2026",
+      filterFunction: (opt, search) => {
+        const s = search.toLowerCase();
+        return opt.label.toLowerCase().includes(s) || opt.value.toLowerCase().includes(s) || (opt.description?.includes(s) ?? false);
+      },
+      contentClassName: "w-[280px]",
+      contentStyle: { zIndex: 10001 },
+      renderOption: (option) => {
+        const country = countryFromTag(option.value);
+        return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          country ? /* @__PURE__ */ jsx(
+            Flag,
+            {
+              countryCode: country,
+              className: "h-4 w-5 shrink-0 overflow-hidden rounded-[2px] border border-border/60 ring-1 ring-black/5"
+            }
+          ) : /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: option.label })
+        ] });
+      },
+      renderTrigger: (selected, open) => {
+        const tag = selected?.value ?? active;
+        const country = countryFromTag(tag);
+        const found = findSpeechLanguage(tag);
+        const tooltipLabel = found ? `${found.language.name}${found.language.dialects.length > 1 ? ` \u2014 ${found.dialect.region}` : ""} \xB7 ${tag}` : tag;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `${ariaLabel}: ${tooltipLabel}`,
+            "aria-expanded": open,
+            title: tooltipLabel,
+            className: cn(
+              "inline-flex h-7 w-7 items-center justify-center rounded-md",
+              "text-muted-foreground transition-colors",
+              "hover:bg-accent hover:text-foreground",
+              "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className
+            ),
+            children: country ? /* @__PURE__ */ jsx(
+              Flag,
+              {
+                countryCode: country,
+                className: "h-4 w-5 overflow-hidden rounded-[2px] border border-border/60 ring-1 ring-black/5"
+              }
+            ) : hideFallbackIcon ? null : /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        );
+      }
+    }
+  );
+}
+__name(ChatHeaderLanguageButton, "ChatHeaderLanguageButton");
+function anchorStyle(position, fabOffset, fabClearance) {
+  const [vert, horiz] = position.split("-");
+  return { [vert]: fabClearance, [horiz]: fabOffset };
+}
+__name(anchorStyle, "anchorStyle");
+function originClass(position) {
+  if (position === "bottom-right") return "origin-bottom-right";
+  if (position === "bottom-left") return "origin-bottom-left";
+  if (position === "top-right") return "origin-top-right";
+  return "origin-top-left";
+}
+__name(originClass, "originClass");
+function ChatGreeting({
+  open,
+  children,
+  onClick,
+  onDismiss,
+  position = "bottom-right",
+  fabOffset = 24,
+  fabClearance = 96,
+  delayMs = 1500,
+  zIndex = 9998,
+  className,
+  style,
+  avatar,
+  senderName,
+  dismissLabel = "Dismiss",
+  inline = false
+}) {
+  const [delayed, setDelayed] = useState(delayMs <= 0);
+  useEffect(() => {
+    if (!open || delayMs <= 0) return;
+    const t = setTimeout(() => setDelayed(true), delayMs);
+    return () => clearTimeout(t);
+  }, [open, delayMs]);
+  const shouldShow = open && delayed;
+  const phase = useChatPresence(shouldShow, 220);
+  if (phase === "hidden") return null;
+  const animating = phase === "entering" || phase === "leaving";
+  const clickable = !!onClick;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: clickable ? "button" : "status",
+      "aria-live": "polite",
+      tabIndex: clickable ? 0 : -1,
+      onClick: clickable ? onClick : void 0,
+      onKeyDown: clickable ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick?.();
+        }
+      } : void 0,
+      className: cn(
+        inline ? "relative inline-flex" : "fixed",
+        "flex items-start gap-2.5 max-w-[280px]",
+        "rounded-2xl border border-border bg-popover text-popover-foreground",
+        "px-3.5 py-2.5 shadow-2xl transition-all duration-200 ease-out",
+        clickable && "cursor-pointer hover:bg-accent/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        originClass(position),
+        animating ? "opacity-0 scale-95 translate-y-1" : "opacity-100 scale-100 translate-y-0",
+        className
+      ),
+      style: {
+        ...inline ? {} : anchorStyle(position, fabOffset, fabClearance),
+        ...inline ? {} : { zIndex },
+        pointerEvents: phase === "visible" ? "auto" : "none",
+        ...style
+      },
+      children: [
+        avatar && /* @__PURE__ */ jsx("div", { className: "mt-0.5 shrink-0", children: avatar }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 text-sm leading-snug", children: [
+          senderName && /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-[11px] font-medium text-muted-foreground", children: senderName }),
+          /* @__PURE__ */ jsx("div", { className: "text-foreground", children })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": dismissLabel,
+            onClick: (e) => {
+              e.stopPropagation();
+              onDismiss();
+            },
+            className: cn(
+              "-mr-1 -mt-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
+              "text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+              "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+__name(ChatGreeting, "ChatGreeting");
+var TIME_FORMAT = new Intl.DateTimeFormat(void 0, {
+  hour: "2-digit",
+  minute: "2-digit"
+});
+function anchorStyle2(position, fabOffset, fabClearance) {
+  const [vert, horiz] = position.split("-");
+  return { [vert]: fabClearance, [horiz]: fabOffset };
+}
+__name(anchorStyle2, "anchorStyle");
+function originClass2(position) {
+  if (position === "bottom-right") return "origin-bottom-right";
+  if (position === "bottom-left") return "origin-bottom-left";
+  if (position === "top-right") return "origin-top-right";
+  return "origin-top-left";
+}
+__name(originClass2, "originClass");
+function deriveAvatar(persona, name) {
+  const initials = persona?.initials ?? (name ?? persona?.name ?? "?").split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+  return /* @__PURE__ */ jsxs(Avatar, { className: "h-9 w-9", children: [
+    persona?.avatarUrl ? /* @__PURE__ */ jsx(AvatarImage, { src: persona.avatarUrl }) : null,
+    /* @__PURE__ */ jsx(AvatarFallback, { children: initials || "?" })
+  ] });
+}
+__name(deriveAvatar, "deriveAvatar");
+function ChatUnreadPreview({
+  open,
+  message,
+  onClick,
+  onDismiss,
+  position = "bottom-right",
+  fabOffset = 24,
+  fabClearance = 96,
+  truncate = 2,
+  zIndex = 9998,
+  inline = false,
+  className,
+  style,
+  dismissLabel = "Mark as read",
+  avatar,
+  senderName
+}) {
+  const shouldShow = open && !!message;
+  const phase = useChatPresence(shouldShow, 200);
+  if (phase === "hidden" || !message) return null;
+  const animating = phase === "entering" || phase === "leaving";
+  const clickable = !!onClick;
+  const displayName = senderName ?? message.sender?.name ?? "New message";
+  const stamp = TIME_FORMAT.format(new Date(message.createdAt));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: clickable ? "button" : "status",
+      "aria-live": "polite",
+      tabIndex: clickable ? 0 : -1,
+      onClick: clickable ? onClick : void 0,
+      onKeyDown: clickable ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick?.();
+        }
+      } : void 0,
+      className: cn(
+        inline ? "relative inline-flex" : "fixed",
+        "flex items-start gap-2.5 max-w-[300px]",
+        "rounded-2xl border border-border bg-popover text-popover-foreground",
+        "px-3.5 py-2.5 shadow-2xl transition-all duration-200 ease-out",
+        clickable && "cursor-pointer hover:bg-accent/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        originClass2(position),
+        animating ? "opacity-0 scale-95 translate-y-1" : "opacity-100 scale-100 translate-y-0",
+        className
+      ),
+      style: {
+        ...inline ? {} : anchorStyle2(position, fabOffset, fabClearance),
+        ...inline ? {} : { zIndex },
+        pointerEvents: phase === "visible" ? "auto" : "none",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-0.5 shrink-0", children: avatar ?? deriveAvatar(message.sender, displayName) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 text-sm leading-snug", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "truncate text-[12px] font-semibold text-foreground", children: displayName }),
+            /* @__PURE__ */ jsx("div", { className: "shrink-0 text-[10px] text-muted-foreground", children: stamp })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-foreground/90 mt-0.5 break-words",
+              style: {
+                display: "-webkit-box",
+                WebkitLineClamp: truncate,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden"
+              },
+              children: message.content
+            }
+          )
+        ] }),
+        onDismiss ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": dismissLabel,
+            onClick: (e) => {
+              e.stopPropagation();
+              onDismiss();
+            },
+            className: cn(
+              "-mr-1 -mt-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
+              "text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+              "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+__name(ChatUnreadPreview, "ChatUnreadPreview");
+function readDismissed(storageKey) {
+  if (!storageKey) return false;
+  if (typeof window === "undefined") return false;
+  try {
+    return window.localStorage.getItem(storageKey) === "1";
+  } catch {
+    return false;
+  }
+}
+__name(readDismissed, "readDismissed");
+function writeDismissed(storageKey) {
+  if (!storageKey) return;
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(storageKey, "1");
+  } catch {
+  }
+}
+__name(writeDismissed, "writeDismissed");
+function ChatLauncher({
+  children,
+  fab,
+  dock,
+  greeting,
+  hotkey,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  autoFocusComposerOnOpen = true,
+  closeOnEscape = true,
+  unreadMessage,
+  onMarkRead,
+  unreadPreview,
+  audio,
+  hideAudioToggle = false
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const dockContentRef = useRef(null);
+  useEffect(() => {
+    if (!autoFocusComposerOnOpen || !open) return;
+    const t = setTimeout(() => {
+      const root = dockContentRef.current;
+      if (!root) return;
+      const target = root.querySelector(
+        'textarea:not([disabled]):not([readonly]), input[type="text"]:not([disabled]):not([readonly])'
+      );
+      target?.focus();
+    }, 120);
+    return () => clearTimeout(t);
+  }, [open, autoFocusComposerOnOpen]);
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleOpen = useCallback(() => setOpen(!open), [open, setOpen]);
+  useHotkey(
+    "escape",
+    (e) => {
+      const target = e?.target ?? null;
+      const inEditable = !!target && (target.matches?.('input, textarea, [contenteditable="true"]') ?? false);
+      if (inEditable) {
+        target.blur();
+        return;
+      }
+      setOpen(false);
+    },
+    { enabled: closeOnEscape && open }
+  );
+  const greetingConfig = greeting === void 0 ? null : typeof greeting === "string" ? { content: greeting } : greeting;
+  const [dismissed, setDismissed] = useState(
+    () => readDismissed(greetingConfig?.dismissStorageKey)
+  );
+  useEffect(() => {
+    if (!hotkey) return;
+    const handler = /* @__PURE__ */ __name((e) => {
+      const metaOk = hotkey.meta ? e.metaKey || e.ctrlKey : !e.metaKey && !e.ctrlKey;
+      const shiftOk = hotkey.shift ? e.shiftKey : !e.shiftKey;
+      const altOk = hotkey.alt ? e.altKey : !e.altKey;
+      if (!metaOk || !shiftOk || !altOk) return;
+      if (e.key !== hotkey.key) return;
+      e.preventDefault();
+      setOpen(!open);
+    }, "handler");
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [hotkey?.key, hotkey?.meta, hotkey?.shift, hotkey?.alt, open, setOpen, hotkey]);
+  const greetingOpen = !!greetingConfig && !dismissed && (greetingConfig.hideOnOpen === false || !open);
+  const fabPosition = fab?.position ?? "bottom-right";
+  const fabOffset = fab?.offset ?? 24;
+  const handleGreetingDismiss = /* @__PURE__ */ __name(() => {
+    setDismissed(true);
+    writeDismissed(greetingConfig?.dismissStorageKey);
+  }, "handleGreetingDismiss");
+  const handleGreetingClick = /* @__PURE__ */ __name(() => {
+    setOpen(true);
+    setDismissed(true);
+    writeDismissed(greetingConfig?.dismissStorageKey);
+  }, "handleGreetingClick");
+  useEffect(() => {
+    if (open && unreadMessage) onMarkRead?.();
+  }, [open, unreadMessage, onMarkRead]);
+  const unreadOpen = !open && !!unreadMessage;
+  const handleUnreadClick = /* @__PURE__ */ __name(() => {
+    setOpen(true);
+    onMarkRead?.();
+  }, "handleUnreadClick");
+  const handleUnreadDismiss = /* @__PURE__ */ __name(() => {
+    onMarkRead?.();
+  }, "handleUnreadDismiss");
+  const resolvedFab = unreadMessage && fab?.badge === void 0 ? { ...fab, badge: 1 } : fab;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ChatFAB, { ...resolvedFab, onClick: toggleOpen }),
+    unreadMessage ? /* @__PURE__ */ jsx(
+      ChatUnreadPreview,
+      {
+        ...unreadPreview,
+        open: unreadOpen,
+        message: unreadMessage,
+        onClick: handleUnreadClick,
+        onDismiss: handleUnreadDismiss,
+        position: fabPosition,
+        fabOffset
+      }
+    ) : greetingConfig ? /* @__PURE__ */ jsx(
+      ChatGreeting,
+      {
+        ...greetingConfig,
+        open: greetingOpen,
+        onClick: handleGreetingClick,
+        onDismiss: handleGreetingDismiss,
+        position: fabPosition,
+        fabOffset,
+        children: greetingConfig.content
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      ChatDock,
+      {
+        ...dock,
+        open,
+        onClose: () => setOpen(false),
+        headerActions: audio && !audio.isSilent && !hideAudioToggle || dock?.headerActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          dock?.headerActions,
+          audio && !audio.isSilent && !hideAudioToggle ? /* @__PURE__ */ jsx(ChatHeaderAudioToggle, { muted: audio.muted, onToggle: audio.toggleMute }) : null
+        ] }) : void 0,
+        children: /* @__PURE__ */ jsx("div", { ref: dockContentRef, className: "flex h-full min-h-0 min-w-0 flex-col", children })
+      }
+    )
+  ] });
+}
+__name(ChatLauncher, "ChatLauncher");
 function useChatScroll(options) {
   const {
     containerRef,
@@ -794,42 +2241,88 @@ function useChatLightbox() {
   return { state, open, close };
 }
 __name(useChatLightbox, "useChatLightbox");
-function useAutoFocusOnStreamEnd(options = {}) {
-  const { isStreaming: isStreamingProp, targetRef, enabled = true, delayMs = 0 } = options;
-  const ctx = useChatContextOptional();
-  const isStreaming = isStreamingProp ?? ctx?.isStreaming ?? false;
-  const composerHandleRef = useRef(null);
-  composerHandleRef.current = ctx?.composer ?? null;
-  const prevStreamingRef = useRef(isStreaming);
+var DEFAULT_STORAGE_KEY = "chat.visitor.fingerprint";
+function generate() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
+    return crypto.randomUUID();
+  }
+  return `v-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+__name(generate, "generate");
+function useVisitorFingerprint(opts = {}) {
+  const storageKey = opts.storageKey ?? DEFAULT_STORAGE_KEY;
+  const [fp, setFp] = useState(null);
   useEffect(() => {
-    const wasStreaming = prevStreamingRef.current;
-    prevStreamingRef.current = isStreaming;
-    if (!enabled) return;
-    if (!(wasStreaming && !isStreaming)) return;
-    const focusNow = /* @__PURE__ */ __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);
+    let value = null;
+    try {
+      value = window.localStorage.getItem(storageKey);
+      if (!value) {
+        value = generate();
+        window.localStorage.setItem(storageKey, value);
+      }
+    } catch {
+      value = generate();
     }
-    const raf = requestAnimationFrame(focusNow);
-    return () => cancelAnimationFrame(raf);
-  }, [isStreaming, enabled, delayMs, targetRef]);
+    setFp(value);
+  }, [storageKey]);
+  return fp;
 }
-__name(useAutoFocusOnStreamEnd, "useAutoFocusOnStreamEnd");
-function useRegisterComposer(focus) {
-  const ctx = useChatContextOptional();
-  const register = ctx?.registerComposer;
+__name(useVisitorFingerprint, "useVisitorFingerprint");
+var DEFAULT_DOCK_PREFS = {
+  mode: "popover",
+  side: "right",
+  sideWidth: 420
+};
+var DEFAULT_KEY = "chat.dock.prefs";
+function useChatDockPrefs(opts = {}) {
+  const key = opts.storageKey ?? DEFAULT_KEY;
+  const initial = { ...DEFAULT_DOCK_PREFS, ...opts.defaults };
+  const [prefs, setStored] = useLocalStorage(key, initial);
+  const setPrefs = useCallback(
+    (patch) => {
+      setStored((prev) => ({ ...prev, ...patch }));
+    },
+    [setStored]
+  );
+  const toggleMode = useCallback(() => {
+    setStored((prev) => ({ ...prev, mode: prev.mode === "side" ? "popover" : "side" }));
+  }, [setStored]);
+  const toggleSide = useCallback(() => {
+    setStored((prev) => ({ ...prev, side: prev.side === "right" ? "left" : "right" }));
+  }, [setStored]);
+  const reset = useCallback(() => setStored(initial), [setStored, initial]);
+  return { ...prefs, setPrefs, toggleMode, toggleSide, reset };
+}
+__name(useChatDockPrefs, "useChatDockPrefs");
+function useChatUnread(opts = {}) {
+  const { open = false, countRoles = ["assistant"] } = opts;
+  const ctx = useChatContext();
+  const [lastSeenId, setLastSeenId] = useState(null);
+  const initialized = useRef(false);
   useEffect(() => {
-    if (!register) return;
-    register({ focus });
-    return () => register(null);
-  }, [register, focus]);
+    if (initialized.current) return;
+    initialized.current = true;
+    const tail = ctx.messages[ctx.messages.length - 1];
+    setLastSeenId(tail?.id ?? null);
+  }, [ctx.messages]);
+  useEffect(() => {
+    if (!open) return;
+    const tail = ctx.messages[ctx.messages.length - 1];
+    setLastSeenId(tail?.id ?? null);
+  }, [open, ctx.messages]);
+  const seenIdx = lastSeenId ? ctx.messages.findIndex((m) => m.id === lastSeenId) : -1;
+  const after = seenIdx === -1 ? ctx.messages : ctx.messages.slice(seenIdx + 1);
+  const inbound = after.filter((m) => countRoles.includes(m.role));
+  const unread = inbound.length > 0 ? inbound[inbound.length - 1] : null;
+  const markRead = useCallback(() => {
+    const tail = ctx.messages[ctx.messages.length - 1];
+    setLastSeenId(tail?.id ?? null);
+  }, [ctx.messages]);
+  return { unread, count: inbound.length, markRead };
 }
-__name(useRegisterComposer, "useRegisterComposer");
+__name(useChatUnread, "useChatUnread");
+var STORAGE_KEY = "djangocfg-chat-audio:prefs";
+var useChatAudioPrefs = createAudioPrefsStore(STORAGE_KEY);
 
 // src/tools/Chat/core/payload-dispatch.ts
 function dispatchToolPayload(matchers, fallback) {
@@ -910,7 +2403,7 @@ function LottiePlayer(props) {
 }
 __name(LottiePlayer, "LottiePlayer");
 var DocsLayout = lazy(
-  () => import('./DocsLayout-2YKPXZYO.mjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-2P3ONDWJ.mjs').then((mod) => ({ default: mod.DocsLayout }))
 );
 var LoadingFallback6 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {
@@ -1849,7 +3342,7 @@ function extractMentionIds(editor) {
   return [...new Set(ids)];
 }
 __name(extractMentionIds, "extractMentionIds");
-function MarkdownEditor({
+var MarkdownEditor = forwardRef(/* @__PURE__ */ __name(function MarkdownEditor2({
   value,
   onChange,
   placeholder = "Write markdown...",
@@ -1860,7 +3353,7 @@ function MarkdownEditor({
   mentions,
   onMentionIdsChange,
   onSubmit
-}) {
+}, ref) {
   const onSubmitRef = useRef(onSubmit);
   onSubmitRef.current = onSubmit;
   const isExternalUpdate = useRef(false);
@@ -1940,13 +3433,25 @@ function MarkdownEditor({
       isExternalUpdate.current = false;
     }
   }, [value, editor]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      focus: /* @__PURE__ */ __name(() => {
+        editor?.commands.focus();
+      }, "focus"),
+      moveCursorToEnd: /* @__PURE__ */ __name(() => {
+        editor?.commands.focus("end");
+      }, "moveCursorToEnd"),
+      getEditor: /* @__PURE__ */ __name(() => editor ?? null, "getEditor")
+    }),
+    [editor]
+  );
   const wrapperClass = `markdown-editor rounded-md border border-input bg-background ${disabled ? "opacity-60" : ""} ${className}`.trim();
   return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
     showToolbar && editor && /* @__PURE__ */ jsx(MarkdownToolbar, { editor }),
     /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(EditorContent, { editor }) })
   ] });
-}
-__name(MarkdownEditor, "MarkdownEditor");
+}, "MarkdownEditor"));
 function MarkdownToolbar({ editor }) {
   const items = useMemo(() => [
     { icon: Bold, title: "Bold", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleBold().run(), "action"), active: editor.isActive("bold") },
@@ -1972,6 +3477,6 @@ function MarkdownToolbar({ editor }) {
 }
 __name(MarkdownToolbar, "MarkdownToolbar");
 
-export { AudioToggle, CardLoadingFallback, CronScheduler, DiffEditor, Editor, EditorProvider, LazyPlayer as LazyAudioPlayer, LazyChat, LazyCronScheduler, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyTree, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownEditor, OpenapiViewer_default as OpenapiViewer, Spinner, TransportError, collectImageAttachments, createHttpTransport, createLazyComponent, createMockTransport, dispatchToolPayload, isGeoJSONFeatureCollection, isLatLng, isPlainObject, isStringValue, mentionPresets, parseSSE, useAutoFocusOnStreamEnd, useChatHistory, useChatLightbox, useChatScroll, useEditor, useEditorContext, useLanguage, useMonaco, useRegisterComposer };
+export { AudioToggle, CardLoadingFallback, ChatDock, ChatFAB, ChatGreeting, ChatHeader, ChatHeaderActionButton, ChatHeaderAudioToggle, ChatHeaderLanguageButton, ChatHeaderModeToggle, ChatHeaderResetButton, ChatLauncher, ChatUnreadPreview, CronScheduler, DEFAULT_DOCK_PREFS, DiffEditor, Editor, EditorProvider, LazyPlayer as LazyAudioPlayer, LazyChat, LazyCronScheduler, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyTree, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownEditor, OpenapiViewer_default as OpenapiViewer, Spinner, TransportError, collectImageAttachments, createHttpTransport, createLazyComponent, createMockTransport, createPydanticAIChatTransport, createPydanticAISSEMap, createToolIdQueue, dispatchToolPayload, isGeoJSONFeatureCollection, isLatLng, isPlainObject, isStringValue, mapPydanticAIEvent, mentionPresets, parseSSE, useChatAudioPrefs, useChatDockPrefs, useChatHistory, useChatLightbox, useChatPresence, useChatReset, useChatScroll, useChatUnread, useEditor, useEditorContext, useLanguage, useMonaco, useVisitorFingerprint };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map