@djangocfg/ui-tools 2.1.390 → 2.1.393

package/dist/chunk-NTVBIIUD.mjs

@@ -1,1439 +0,0 @@
-import { getSpeechLogger, useSpeechPrefs, useResolvedLanguage } from './chunk-UNCS5V5F.mjs';
-import { __name } from './chunk-N2XQF2OL.mjs';
-import { Bot, X, PanelRightClose, PanelRightOpen, VolumeX, Volume2, RotateCcw, Globe } from 'lucide-react';
-import { useIsPhone, useIsTabletOrBelow, useIsMobile, useHotkey } from '@djangocfg/ui-core/hooks';
-import { cn } from '@djangocfg/ui-core/lib';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { forwardRef, createContext, useState, useRef, useEffect, useCallback, Suspense, useMemo } from 'react';
-import { Button, Portal, Combobox, Flag, Avatar, AvatarImage, AvatarFallback } from '@djangocfg/ui-core/components';
-import { useAppT } from '@djangocfg/i18n';
-
-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, offset) {
-  const [vert, horiz] = position.split("-");
-  return { [vert]: offset, [horiz]: offset };
-}
-__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 = 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, offset), 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,
-  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 = offset?.horizontal ?? 24;
-  const vertical = offset?.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");
-getSpeechLogger();
-createContext(null);
-function Spinner({ className }) {
-  const t = useAppT();
-  const loadingLabel = t("ui.states.loading");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "inline-block h-8 w-8 animate-spin rounded-full",
-        "border-4 border-solid border-current border-r-transparent",
-        "align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
-        className
-      ),
-      role: "status",
-      "aria-label": loadingLabel
-    }
-  );
-}
-__name(Spinner, "Spinner");
-function LoadingFallback({
-  minHeight = 200,
-  showText = true,
-  text,
-  className
-}) {
-  const t = useAppT();
-  const loadingText = text ?? t("ui.form.loading");
-  const height = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex items-center justify-center bg-muted/30 rounded-lg",
-        className
-      ),
-      style: { minHeight: height },
-      children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx(Spinner, { className: "text-primary" }),
-        showText && /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: loadingText })
-      ] })
-    }
-  );
-}
-__name(LoadingFallback, "LoadingFallback");
-function CardLoadingFallback({
-  title,
-  description,
-  minHeight = 200,
-  className
-}) {
-  const t = useAppT();
-  const cardTitle = title ?? t("ui.states.loading");
-  const height = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative bg-card rounded-lg border border-border overflow-hidden",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-border bg-muted/50", children: [
-          /* @__PURE__ */ jsx("h6", { className: "text-sm font-semibold text-foreground", children: cardTitle }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex justify-center items-center",
-            style: { minHeight: height },
-            children: /* @__PURE__ */ jsx(Spinner, { className: "text-primary" })
-          }
-        ) })
-      ]
-    }
-  );
-}
-__name(CardLoadingFallback, "CardLoadingFallback");
-function MapLoadingFallback({
-  minHeight = 400,
-  className
-}) {
-  const t = useAppT();
-  const loadingText = t("ui.form.loading");
-  const height = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative bg-muted/50 rounded-lg overflow-hidden",
-        "flex items-center justify-center",
-        className
-      ),
-      style: { minHeight: height },
-      children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(Spinner, { className: "text-primary h-10 w-10" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: "h-5 w-5 text-muted-foreground",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-                  }
-                )
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: loadingText })
-      ] })
-    }
-  );
-}
-__name(MapLoadingFallback, "MapLoadingFallback");
-function LazyWrapper({
-  children,
-  fallback,
-  card = false,
-  cardTitle,
-  cardDescription,
-  minHeight = 200,
-  className
-}) {
-  const defaultFallback = card ? /* @__PURE__ */ jsx(
-    CardLoadingFallback,
-    {
-      title: cardTitle,
-      description: cardDescription,
-      minHeight,
-      className
-    }
-  ) : /* @__PURE__ */ jsx(LoadingFallback, { minHeight, className });
-  return /* @__PURE__ */ jsx(Suspense, { fallback: fallback ?? defaultFallback, children });
-}
-__name(LazyWrapper, "LazyWrapper");
-function createLazyComponent(loader, options = {}) {
-  const LazyComponent = React.lazy(loader);
-  const WrappedComponent = /* @__PURE__ */ __name((props) => {
-    const fallback = typeof options.fallback === "function" ? options.fallback(props) : options.fallback ?? /* @__PURE__ */ jsx(LoadingFallback, {});
-    return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });
-  }, "WrappedComponent");
-  WrappedComponent.displayName = options.displayName ?? "LazyComponent";
-  return WrappedComponent;
-}
-__name(createLazyComponent, "createLazyComponent");
-createLazyComponent(
-  () => import('./DictationField-WPONUCYE.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");
-
-export { CardLoadingFallback, ChatDock, ChatFAB, ChatGreeting, ChatHeader, ChatHeaderActionButton, ChatHeaderAudioToggle, ChatHeaderLanguageButton, ChatHeaderModeToggle, ChatHeaderResetButton, ChatLauncher, ChatUnreadPreview, LazyWrapper, LoadingFallback, MapLoadingFallback, Spinner, createLazyComponent, useChatPresence, useChatReset };
-//# sourceMappingURL=chunk-NTVBIIUD.mjs.map
-//# sourceMappingURL=chunk-NTVBIIUD.mjs.map