@djangocfg/ui-tools 2.1.385 → 2.1.389

package/dist/index.mjs

@@ -1,4 +1,8 @@
-import { getSpeechLogger, useSpeechPrefs, useResolvedLanguage } from './chunk-UNCS5V5F.mjs';
+import { createLazyComponent, MapLoadingFallback, CardLoadingFallback, LoadingFallback } from './chunk-NTVBIIUD.mjs';
+export { CardLoadingFallback, ChatDock, ChatFAB, ChatGreeting, ChatHeader, ChatHeaderActionButton, ChatHeaderAudioToggle, ChatHeaderLanguageButton, ChatHeaderModeToggle, ChatHeaderResetButton, ChatLauncher, ChatUnreadPreview, LazyWrapper, LoadingFallback, MapLoadingFallback, Spinner, createLazyComponent, useChatPresence, useChatReset } from './chunk-NTVBIIUD.mjs';
+export { Attachments, AttachmentsGrid, AttachmentsList, ChatRoot, Composer, EmptyState, ErrorBanner, JumpToLatest, MessageActions, MessageBubble, MessageList, Sources, StreamingIndicator, ToolCalls, deriveInitials, isSubmittableDraft, resolvePersona, sanitizeDraft, useAutoFocusOnStreamEnd, useChatBubbleStyles, useChatComposer, useChatDestructiveStyles, useChatRoleStyles, useFocusOnEmptyClick, useRegisterComposer } from './chunk-6ZX2G25W.mjs';
+import { LIMITS, createId, useChatContext, useChatContextOptional } from './chunk-DMX7W4XZ.mjs';
+export { CHAT_EVENT_NAME, CSS_VARS, ChatProvider, DEFAULT_CHAT_SOUNDS, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, HOTKEYS, LIMITS, STORAGE_KEYS, createId, createTokenBuffer, getChatLogger, initialState, reducer, useChat, useChatAudio, useChatContext, useChatContextOptional, useChatLayout } from './chunk-DMX7W4XZ.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';
@@ -6,23 +10,23 @@ 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, useChatContext, useChatContextOptional } from './chunk-PEKBT75W.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-PEKBT75W.mjs';
+import './chunk-UNCS5V5F.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 { useMapContext } from './chunk-7CWGZPO3.mjs';
 import { PlaygroundProvider } from './chunk-Y6UTOBF6.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 { ANCHOR, ActionRow, BUBBLE_SURFACE, ChatMessageRow, DESTRUCTIVE_SURFACE, MarkdownMessage, MarkdownMessage_default as MarkdownMessageDefault, Mermaid_default as Mermaid, PrettyCode_default as PrettyCode, TOGGLE, TOOL_CALL, extractTextFromChildren, useCollapsibleContent } from './chunk-2NG4SXEP.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 { 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 { Marker, Popup, useMap, Source, Layer, useControl } from 'react-map-gl/maplibre';
 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 { memo, useCallback, useState, useEffect, lazy, forwardRef, useRef, useImperativeHandle, createContext, useMemo, Suspense, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { createAudioPrefsStore, useLocalStorage, useResolvedTheme } from '@djangocfg/ui-core/hooks';
+import { Bold, Italic, Strikethrough, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus, VolumeX, Volume2 } from 'lucide-react';
+import { Button } from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
 import { useEditor as useEditor$1, EditorContent, ReactRenderer } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import Placeholder from '@tiptap/extension-placeholder';
@@ -31,178 +35,856 @@ import { Markdown } from '@tiptap/markdown';
 import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/dom';
 import { Extension } from '@tiptap/core';
 
-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
+var DefaultPin = memo(/* @__PURE__ */ __name(function DefaultPin2({
+  size = 24,
+  color = "#ef4444"
 }) {
-  const t = useAppT();
-  const cardTitle = title ?? t("ui.states.loading");
-  const height = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
   return /* @__PURE__ */ jsxs(
-    "div",
+    "svg",
     {
-      className: cn(
-        "relative bg-card rounded-lg border border-border overflow-hidden",
-        className
-      ),
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style: { cursor: "pointer" },
       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",
+        /* @__PURE__ */ jsx(
+          "path",
           {
-            className: "flex justify-center items-center",
-            style: { minHeight: height },
-            children: /* @__PURE__ */ jsx(Spinner, { className: "text-primary" })
+            d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z",
+            fill: color,
+            stroke: "#fff",
+            strokeWidth: "1.5"
           }
-        ) })
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "9", r: "2.5", fill: "#fff" })
       ]
     }
   );
-}
-__name(CardLoadingFallback, "CardLoadingFallback");
-function MapLoadingFallback({
-  minHeight = 400,
-  className
+}, "DefaultPin"));
+memo(/* @__PURE__ */ __name(function MapMarker2({
+  marker,
+  onClick,
+  children,
+  anchor = "bottom",
+  draggable = false,
+  onDragStart,
+  onDrag,
+  onDragEnd,
+  color,
+  size
 }) {
-  const t = useAppT();
-  const loadingText = t("ui.form.loading");
-  const height = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
+  const handleClick = useCallback(
+    (e) => {
+      e.originalEvent.stopPropagation();
+      onClick?.(marker);
+    },
+    [onClick, marker]
+  );
+  const handleDragStart = useCallback(
+    (e) => {
+      onDragStart?.(marker);
+    },
+    [onDragStart, marker]
+  );
+  const handleDrag = useCallback(
+    (e) => {
+      onDrag?.(marker, e.lngLat);
+    },
+    [onDrag, marker]
+  );
+  const handleDragEnd = useCallback(
+    (e) => {
+      onDragEnd?.(marker, e.lngLat);
+    },
+    [onDragEnd, marker]
+  );
   return /* @__PURE__ */ jsx(
-    "div",
+    Marker,
     {
-      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 })
-      ] })
+      longitude: marker.longitude,
+      latitude: marker.latitude,
+      anchor,
+      draggable,
+      onClick: handleClick,
+      onDragStart: handleDragStart,
+      onDrag: handleDrag,
+      onDragEnd: handleDragEnd,
+      children: children ?? /* @__PURE__ */ jsx(DefaultPin, { color, size })
     }
   );
-}
-__name(MapLoadingFallback, "MapLoadingFallback");
-function LazyWrapper({
+}, "MapMarker"));
+memo(/* @__PURE__ */ __name(function MapPopup2({
+  longitude,
+  latitude,
+  onClose,
   children,
-  fallback,
-  card = false,
-  cardTitle,
-  cardDescription,
-  minHeight = 200,
-  className
+  anchor = "bottom",
+  closeOnClick = true,
+  closeButton = true,
+  className,
+  maxWidth = "300px",
+  offset: offset2 = 15
 }) {
-  const defaultFallback = card ? /* @__PURE__ */ jsx(
-    CardLoadingFallback,
+  return /* @__PURE__ */ jsx(
+    Popup,
     {
-      title: cardTitle,
-      description: cardDescription,
-      minHeight,
-      className
+      longitude,
+      latitude,
+      anchor,
+      onClose,
+      closeOnClick,
+      closeButton,
+      className,
+      maxWidth,
+      offset: offset2,
+      children
+    }
+  );
+}, "MapPopup"));
+
+// src/tools/Map/layers/cluster.ts
+var DEFAULT_COLORS = ["#51bbd6", "#f1f075", "#f28cb1"];
+var DEFAULT_RADII = [20, 30, 40];
+var DEFAULT_THRESHOLDS = [100, 750];
+var DEFAULT_HOVER_COLOR = "#3b82f6";
+function createClusterLayers(options) {
+  const {
+    sourceId,
+    colors = DEFAULT_COLORS,
+    radii = DEFAULT_RADII,
+    thresholds = DEFAULT_THRESHOLDS,
+    hoverColor = DEFAULT_HOVER_COLOR
+  } = options;
+  const cluster = {
+    id: `${sourceId}-clusters`,
+    type: "circle",
+    source: sourceId,
+    filter: ["has", "point_count"],
+    paint: {
+      "circle-color": [
+        "case",
+        ["boolean", ["feature-state", "hover"], false],
+        hoverColor,
+        [
+          "step",
+          ["get", "point_count"],
+          colors[0],
+          thresholds[0],
+          colors[1],
+          thresholds[1],
+          colors[2]
+        ]
+      ],
+      "circle-radius": [
+        "step",
+        ["get", "point_count"],
+        radii[0],
+        thresholds[0],
+        radii[1],
+        thresholds[1],
+        radii[2]
+      ],
+      "circle-stroke-width": 2,
+      "circle-stroke-color": "#fff"
+    }
+  };
+  const clusterCount = {
+    id: `${sourceId}-cluster-count`,
+    type: "symbol",
+    source: sourceId,
+    filter: ["has", "point_count"],
+    layout: {
+      "text-field": ["get", "point_count_abbreviated"],
+      "text-size": 12
+    },
+    paint: {
+      "text-color": "#000"
+    }
+  };
+  const unclusteredPoint = {
+    id: `${sourceId}-unclustered-point`,
+    type: "circle",
+    source: sourceId,
+    filter: ["!", ["has", "point_count"]],
+    paint: {
+      "circle-color": [
+        "case",
+        ["boolean", ["feature-state", "hover"], false],
+        hoverColor,
+        colors[0]
+      ],
+      "circle-radius": [
+        "case",
+        ["boolean", ["feature-state", "hover"], false],
+        10,
+        8
+      ],
+      "circle-stroke-width": 2,
+      "circle-stroke-color": "#fff"
+    }
+  };
+  return { cluster, clusterCount, unclusteredPoint };
+}
+__name(createClusterLayers, "createClusterLayers");
+var POPUP_STYLE_ID = "map-cluster-popup-styles";
+function injectPopupStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(POPUP_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = POPUP_STYLE_ID;
+  style.textContent = `
+    .maplibregl-popup.map-popup-clean .maplibregl-popup-content {
+      padding: 0 !important;
+      background: transparent !important;
+      box-shadow: none !important;
+      border-radius: 0 !important;
+    }
+    .maplibregl-popup.map-popup-clean .maplibregl-popup-tip {
+      display: none !important;
     }
-  ) : /* @__PURE__ */ jsx(LoadingFallback, { minHeight, className });
-  return /* @__PURE__ */ jsx(Suspense, { fallback: fallback ?? defaultFallback, children });
+  `;
+  document.head.appendChild(style);
+}
+__name(injectPopupStyles, "injectPopupStyles");
+memo(/* @__PURE__ */ __name(function MapCluster2({
+  sourceId,
+  data,
+  clusterRadius = 50,
+  clusterMaxZoom = 14,
+  onClusterClick,
+  onPointClick,
+  renderPopup,
+  popupAnchor = "bottom",
+  popupOffset = 15,
+  panOffsetX = 0,
+  panOffsetY = 150,
+  colors,
+  radii,
+  thresholds,
+  hoverColor
+}) {
+  const { current: map } = useMap();
+  const [selectedFeature, setSelectedFeature] = useState(null);
+  const [popupCoords, setPopupCoords] = useState(null);
+  useEffect(() => {
+    injectPopupStyles();
+  }, []);
+  const layerOptions = {
+    sourceId,
+    colors,
+    radii,
+    thresholds,
+    hoverColor
+  };
+  const { cluster, clusterCount, unclusteredPoint } = createClusterLayers(layerOptions);
+  const handleClosePopup = useCallback(() => {
+    setSelectedFeature(null);
+    setPopupCoords(null);
+  }, []);
+  const handleClick = useCallback(
+    async (event) => {
+      if (!map) return;
+      const features = map.queryRenderedFeatures(event.point, {
+        layers: [cluster.id, unclusteredPoint.id]
+      });
+      if (!features || features.length === 0) return;
+      const feature = features[0];
+      const geometry = feature.geometry;
+      if (geometry.type !== "Point") return;
+      const coordinates = geometry.coordinates;
+      const clusterId = feature.properties?.cluster_id;
+      if (clusterId) {
+        const source = map.getSource(sourceId);
+        if (!source) return;
+        try {
+          const zoom = await source.getClusterExpansionZoom(clusterId);
+          map.easeTo({
+            center: coordinates,
+            zoom,
+            duration: 500
+          });
+          onClusterClick?.(clusterId, coordinates);
+        } catch (error) {
+          console.error("Error expanding cluster:", error);
+        }
+      } else {
+        onPointClick?.(feature);
+        if (renderPopup) {
+          map.easeTo({
+            center: coordinates,
+            duration: 300,
+            offset: [panOffsetX, panOffsetY]
+          });
+          setSelectedFeature(feature);
+          setPopupCoords(coordinates);
+        }
+      }
+    },
+    [map, sourceId, cluster.id, unclusteredPoint.id, onClusterClick, onPointClick, renderPopup, panOffsetX, panOffsetY]
+  );
+  const handleMapClick = useCallback(
+    (event) => {
+      if (!map) return;
+      const features = map.queryRenderedFeatures(event.point, {
+        layers: [cluster.id, unclusteredPoint.id]
+      });
+      if (!features || features.length === 0) {
+        handleClosePopup();
+      }
+    },
+    [map, cluster.id, unclusteredPoint.id, handleClosePopup]
+  );
+  useEffect(() => {
+    if (!map) return;
+    const clusterLayerId = cluster.id;
+    const pointLayerId = unclusteredPoint.id;
+    let currentHoveredId = null;
+    const clearHoverState = /* @__PURE__ */ __name(() => {
+      if (currentHoveredId !== null) {
+        map.setFeatureState(
+          { source: sourceId, id: currentHoveredId },
+          { hover: false }
+        );
+        currentHoveredId = null;
+      }
+    }, "clearHoverState");
+    const handleMouseMove = /* @__PURE__ */ __name((e) => {
+      const features = map.queryRenderedFeatures(e.point, {
+        layers: [clusterLayerId, pointLayerId]
+      });
+      if (features.length > 0) {
+        map.getCanvas().style.cursor = "pointer";
+        const feature = features[0];
+        const featureId = feature.id;
+        if (featureId !== void 0 && featureId !== currentHoveredId) {
+          clearHoverState();
+          currentHoveredId = featureId;
+          map.setFeatureState(
+            { source: sourceId, id: featureId },
+            { hover: true }
+          );
+        }
+      } else {
+        map.getCanvas().style.cursor = "";
+        clearHoverState();
+      }
+    }, "handleMouseMove");
+    const handleMouseLeave = /* @__PURE__ */ __name(() => {
+      map.getCanvas().style.cursor = "";
+      clearHoverState();
+    }, "handleMouseLeave");
+    map.on("click", clusterLayerId, handleClick);
+    map.on("click", pointLayerId, handleClick);
+    map.on("click", handleMapClick);
+    map.on("mousemove", clusterLayerId, handleMouseMove);
+    map.on("mousemove", pointLayerId, handleMouseMove);
+    map.on("mouseleave", clusterLayerId, handleMouseLeave);
+    map.on("mouseleave", pointLayerId, handleMouseLeave);
+    return () => {
+      clearHoverState();
+      map.off("click", clusterLayerId, handleClick);
+      map.off("click", pointLayerId, handleClick);
+      map.off("click", handleMapClick);
+      map.off("mousemove", clusterLayerId, handleMouseMove);
+      map.off("mousemove", pointLayerId, handleMouseMove);
+      map.off("mouseleave", clusterLayerId, handleMouseLeave);
+      map.off("mouseleave", pointLayerId, handleMouseLeave);
+    };
+  }, [map, sourceId, cluster.id, unclusteredPoint.id, handleClick, handleMapClick]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Source,
+      {
+        id: sourceId,
+        type: "geojson",
+        data,
+        cluster: true,
+        clusterMaxZoom,
+        clusterRadius,
+        generateId: true,
+        children: [
+          /* @__PURE__ */ jsx(Layer, { ...cluster }),
+          /* @__PURE__ */ jsx(Layer, { ...clusterCount }),
+          /* @__PURE__ */ jsx(Layer, { ...unclusteredPoint })
+        ]
+      }
+    ),
+    renderPopup && selectedFeature && popupCoords && /* @__PURE__ */ jsx(
+      Popup,
+      {
+        longitude: popupCoords[0],
+        latitude: popupCoords[1],
+        anchor: popupAnchor,
+        onClose: handleClosePopup,
+        closeOnClick: false,
+        closeButton: false,
+        offset: popupOffset,
+        maxWidth: "none",
+        className: "map-popup-clean",
+        children: renderPopup(selectedFeature, handleClosePopup)
+      }
+    )
+  ] });
+}, "MapCluster"));
+memo(/* @__PURE__ */ __name(function MapSource2({
+  id,
+  data,
+  type = "geojson",
+  children
+}) {
+  return /* @__PURE__ */ jsx(Source, { id, type, data, children });
+}, "MapSource"));
+memo(/* @__PURE__ */ __name(function MapLayer2(props) {
+  return /* @__PURE__ */ jsx(Layer, { ...props });
+}, "MapLayer"));
+var _OverlayControl = class _OverlayControl {
+  constructor(redraw) {
+    __publicField(this, "_map", null);
+    __publicField(this, "_container", null);
+    __publicField(this, "_redraw");
+    this._redraw = redraw;
+  }
+  onAdd(map) {
+    this._map = map;
+    map.on("move", this._redraw);
+    this._container = document.createElement("div");
+    this._redraw();
+    return this._container;
+  }
+  onRemove() {
+    this._container?.remove();
+    this._map?.off("move", this._redraw);
+    this._map = null;
+  }
+  getElement() {
+    return this._container;
+  }
+};
+__name(_OverlayControl, "OverlayControl");
+var OverlayControl = _OverlayControl;
+function CustomOverlayComponent({ children }) {
+  const [, setVersion] = useState(0);
+  const ctrl = useControl(() => {
+    const forceUpdate = /* @__PURE__ */ __name(() => setVersion((v) => v + 1), "forceUpdate");
+    return new OverlayControl(forceUpdate);
+  });
+  const element = ctrl.getElement();
+  if (!element) return null;
+  return createPortal(children, element);
+}
+__name(CustomOverlayComponent, "CustomOverlayComponent");
+memo(CustomOverlayComponent);
+var positionStyles = {
+  "top-left": { top: 10, left: 10 },
+  "top-right": { top: 10, right: 10 },
+  "bottom-left": { bottom: 10, left: 10 },
+  "bottom-right": { bottom: 10, right: 10 }
+};
+function LegendIcon({
+  type,
+  color
+}) {
+  const fill = color || "#888";
+  switch (type) {
+    case "circle":
+      return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", fill }) });
+    case "line":
+      return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "0",
+          y1: "8",
+          x2: "16",
+          y2: "8",
+          stroke: fill,
+          strokeWidth: "3",
+          strokeLinecap: "round"
+        }
+      ) });
+    case "fill":
+      return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "14", height: "14", fill, rx: "2" }) });
+    case "symbol":
+    default:
+      return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8 1l2.5 5 5.5.8-4 3.9.9 5.3L8 13.5l-4.9 2.5.9-5.3-4-3.9 5.5-.8z",
+          fill
+        }
+      ) });
+  }
 }
-__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(LegendIcon, "LegendIcon");
+function MapLegendComponent({
+  items,
+  position = "bottom-right",
+  title,
+  collapsible = false,
+  defaultCollapsed = false,
+  className = "",
+  style,
+  onItemClick
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const containerStyle = useMemo(
+    () => ({
+      position: "absolute",
+      ...positionStyles[position],
+      backgroundColor: "white",
+      borderRadius: 8,
+      boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+      padding: collapsed ? 8 : 12,
+      minWidth: collapsed ? "auto" : 120,
+      zIndex: 1,
+      ...style
+    }),
+    [position, collapsed, style]
+  );
+  const headerStyle = useMemo(
+    () => ({
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 8,
+      cursor: collapsible ? "pointer" : "default",
+      fontWeight: 600,
+      fontSize: 12,
+      color: "#333",
+      marginBottom: collapsed ? 0 : 8
+    }),
+    [collapsible, collapsed]
+  );
+  const itemStyle = useMemo(
+    () => ({
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      padding: "4px 0",
+      fontSize: 12,
+      color: "#666",
+      cursor: onItemClick ? "pointer" : "default"
+    }),
+    [onItemClick]
+  );
+  const handleHeaderClick = collapsible ? () => setCollapsed(!collapsed) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className, style: containerStyle, children: [
+    (title || collapsible) && /* @__PURE__ */ jsxs("div", { style: headerStyle, onClick: handleHeaderClick, children: [
+      title && /* @__PURE__ */ jsx("span", { children: title }),
+      collapsible && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          style: {
+            transform: collapsed ? "rotate(-90deg)" : "rotate(0deg)",
+            transition: "transform 0.2s"
+          },
+          children: /* @__PURE__ */ jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "#666", fill: "none" })
+        }
+      )
+    ] }),
+    !collapsed && /* @__PURE__ */ jsx("div", { children: items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...itemStyle,
+          opacity: item.visible === false ? 0.5 : 1
+        },
+        onClick: onItemClick ? () => onItemClick(item) : void 0,
+        children: [
+          item.icon || /* @__PURE__ */ jsx(LegendIcon, { type: item.type, color: item.color }),
+          /* @__PURE__ */ jsx("span", { children: item.label })
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+__name(MapLegendComponent, "MapLegendComponent");
+memo(MapLegendComponent);
+function useMapLayers() {
+  const { mapRef, isLoaded } = useMapContext();
+  const addLayer = useCallback(
+    (layer, beforeId) => {
+      const map = mapRef.current?.getMap();
+      if (!map || !isLoaded) return;
+      if (layer.id && map.getLayer(layer.id)) {
+        map.removeLayer(layer.id);
+      }
+      map.addLayer(layer, beforeId);
+    },
+    [mapRef, isLoaded]
+  );
+  const removeLayer = useCallback(
+    (id) => {
+      const map = mapRef.current?.getMap();
+      if (!map || !isLoaded) return;
+      if (map.getLayer(id)) {
+        map.removeLayer(id);
+      }
+    },
+    [mapRef, isLoaded]
+  );
+  const setLayerVisibility = useCallback(
+    (id, visible) => {
+      const map = mapRef.current?.getMap();
+      if (!map || !isLoaded) return;
+      if (map.getLayer(id)) {
+        map.setLayoutProperty(id, "visibility", visible ? "visible" : "none");
+      }
+    },
+    [mapRef, isLoaded]
+  );
+  const setLayerFilter = useCallback(
+    (id, filter) => {
+      const map = mapRef.current?.getMap();
+      if (!map || !isLoaded) return;
+      if (map.getLayer(id)) {
+        map.setFilter(id, filter);
+      }
+    },
+    [mapRef, isLoaded]
+  );
+  const setLayerPaint = useCallback(
+    (id, property, value) => {
+      const map = mapRef.current?.getMap();
+      if (!map || !isLoaded) return;
+      if (map.getLayer(id)) {
+        map.setPaintProperty(id, property, value);
+      }
+    },
+    [mapRef, isLoaded]
+  );
+  return {
+    addLayer,
+    removeLayer,
+    setLayerVisibility,
+    setLayerFilter,
+    setLayerPaint
+  };
 }
-__name(createLazyComponent, "createLazyComponent");
+__name(useMapLayers, "useMapLayers");
+var positionStyles2 = {
+  "top-left": { top: 10, left: 10 },
+  "top-right": { top: 10, right: 10 },
+  "bottom-left": { bottom: 10, left: 10 },
+  "bottom-right": { bottom: 10, right: 10 }
+};
+function LayerSwitcherComponent({
+  layers,
+  position = "top-right",
+  title = "Layers",
+  collapsible = true,
+  defaultCollapsed = false,
+  showToggleAll = false,
+  className = "",
+  style,
+  onChange
+}) {
+  const { setLayerVisibility } = useMapLayers();
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const initialVisibility = useMemo(() => {
+    const initial = {};
+    layers.forEach((layer) => {
+      initial[layer.id] = layer.defaultVisible !== false;
+    });
+    return initial;
+  }, [layers]);
+  const [visibility, setVisibility] = useState(initialVisibility);
+  const handleToggle = useCallback(
+    (layerId) => {
+      const newVisible = !visibility[layerId];
+      setVisibility((prev) => ({ ...prev, [layerId]: newVisible }));
+      setLayerVisibility(layerId, newVisible);
+      onChange?.(layerId, newVisible);
+    },
+    [visibility, setLayerVisibility, onChange]
+  );
+  const handleToggleAll = useCallback(
+    (visible) => {
+      const newVisibility = {};
+      layers.forEach((layer) => {
+        newVisibility[layer.id] = visible;
+        setLayerVisibility(layer.id, visible);
+        onChange?.(layer.id, visible);
+      });
+      setVisibility(newVisibility);
+    },
+    [layers, setLayerVisibility, onChange]
+  );
+  const allVisible = useMemo(() => Object.values(visibility).every(Boolean), [visibility]);
+  const noneVisible = useMemo(() => Object.values(visibility).every((v) => !v), [visibility]);
+  const containerStyle = useMemo(
+    () => ({
+      position: "absolute",
+      ...positionStyles2[position],
+      backgroundColor: "white",
+      borderRadius: 8,
+      boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+      padding: collapsed ? 8 : 12,
+      minWidth: collapsed ? "auto" : 150,
+      zIndex: 1,
+      ...style
+    }),
+    [position, collapsed, style]
+  );
+  const headerStyle = useMemo(
+    () => ({
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 8,
+      cursor: collapsible ? "pointer" : "default",
+      fontWeight: 600,
+      fontSize: 12,
+      color: "#333",
+      marginBottom: collapsed ? 0 : 8
+    }),
+    [collapsible, collapsed]
+  );
+  const itemStyle = useMemo(
+    () => ({
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      padding: "4px 0",
+      fontSize: 12,
+      color: "#666",
+      cursor: "pointer"
+    }),
+    []
+  );
+  const checkboxStyle = useMemo(
+    () => ({
+      width: 14,
+      height: 14,
+      cursor: "pointer"
+    }),
+    []
+  );
+  const groups = useMemo(() => {
+    return layers.reduce(
+      (acc, layer) => {
+        const group = layer.group || "";
+        if (!acc[group]) acc[group] = [];
+        acc[group].push(layer);
+        return acc;
+      },
+      {}
+    );
+  }, [layers]);
+  const handleHeaderClick = collapsible ? () => setCollapsed(!collapsed) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: headerStyle, onClick: handleHeaderClick, children: [
+      /* @__PURE__ */ jsx("span", { children: title }),
+      collapsible && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          style: {
+            transform: collapsed ? "rotate(-90deg)" : "rotate(0deg)",
+            transition: "transform 0.2s"
+          },
+          children: /* @__PURE__ */ jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "#666", fill: "none" })
+        }
+      )
+    ] }),
+    !collapsed && /* @__PURE__ */ jsxs("div", { children: [
+      showToggleAll && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            ...itemStyle,
+            borderBottom: "1px solid #eee",
+            marginBottom: 4,
+            paddingBottom: 8
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => handleToggleAll(true),
+                disabled: allVisible,
+                style: {
+                  fontSize: 10,
+                  padding: "2px 6px",
+                  cursor: allVisible ? "default" : "pointer",
+                  opacity: allVisible ? 0.5 : 1
+                },
+                children: "All"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => handleToggleAll(false),
+                disabled: noneVisible,
+                style: {
+                  fontSize: 10,
+                  padding: "2px 6px",
+                  cursor: noneVisible ? "default" : "pointer",
+                  opacity: noneVisible ? 0.5 : 1
+                },
+                children: "None"
+              }
+            )
+          ]
+        }
+      ),
+      Object.entries(groups).map(([group, groupLayers]) => /* @__PURE__ */ jsxs("div", { children: [
+        group && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: 10,
+              fontWeight: 600,
+              color: "#999",
+              marginTop: 8,
+              marginBottom: 4,
+              textTransform: "uppercase"
+            },
+            children: group
+          }
+        ),
+        groupLayers.map((layer) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: itemStyle,
+            onClick: () => handleToggle(layer.id),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: visibility[layer.id],
+                  onChange: () => handleToggle(layer.id),
+                  style: checkboxStyle
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: layer.label })
+            ]
+          },
+          layer.id
+        ))
+      ] }, group || "default"))
+    ] })
+  ] });
+}
+__name(LayerSwitcherComponent, "LayerSwitcherComponent");
+memo(LayerSwitcherComponent);
 var LazyMapContainer = createLazyComponent(
-  () => import('./MapContainer-7HXBI3OH.mjs').then((mod) => ({ default: mod.MapContainer })),
+  () => import('./MapContainer-AKIPABJK.mjs').then((mod) => ({ default: mod.MapContainer })),
   {
     displayName: "LazyMapContainer",
     fallback: /* @__PURE__ */ jsx(MapLoadingFallback, { minHeight: 400 })
   }
 );
 var LazyMapView = createLazyComponent(
-  () => import('./MapContainer-7HXBI3OH.mjs').then((mod) => ({ default: mod.MapView })),
+  () => import('./MapContainer-AKIPABJK.mjs').then((mod) => ({ default: mod.MapView })),
   {
     displayName: "LazyMapView",
     fallback: /* @__PURE__ */ jsx(MapLoadingFallback, { minHeight: 400 })
@@ -244,7 +926,7 @@ function OpenapiLoadingFallback() {
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-2P3ONDWJ.mjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-EKASBSP7.mjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
@@ -349,13 +1031,6 @@ var LazyTree = createLazyComponent(
     fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 200, text: "Loading tree\u2026" })
   }
 );
-var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-JVR3M3H2.mjs').then((m) => ({ default: m.ChatRoot })),
-  {
-    displayName: "LazyChat",
-    fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
-  }
-);
 
 // src/tools/Chat/core/transport/types.ts
 var _TransportError = class _TransportError extends Error {
@@ -838,1267 +1513,6 @@ function createPydanticAIChatTransport(opts) {
   };
 }
 __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");
-getSpeechLogger();
-createContext(null);
-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");
 function useChatScroll(options) {
   const {
     containerRef,
@@ -2392,6 +1806,21 @@ function AudioToggle({
   );
 }
 __name(AudioToggle, "AudioToggle");
+var LazyChat = createLazyComponent(
+  () => import('./ChatRoot-FITF5RVP.mjs').then((m) => ({ default: m.ChatRoot })),
+  {
+    displayName: "LazyChat",
+    fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
+  }
+);
+createLazyComponent(
+  () => import('./launcher-5Y42OBSN.mjs').then((m) => ({ default: m.ChatLauncher })),
+  {
+    displayName: "LazyChatLauncher",
+    // Launcher renders a floating FAB by default — no inline placeholder.
+    fallback: null
+  }
+);
 var LottiePlayerClient = lazy(
   () => import('./LottiePlayer.client-5LDSSJWS.mjs').then((mod) => ({ default: mod.LottiePlayer }))
 );
@@ -2404,7 +1833,7 @@ function LottiePlayer(props) {
 }
 __name(LottiePlayer, "LottiePlayer");
 var DocsLayout = lazy(
-  () => import('./DocsLayout-2P3ONDWJ.mjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-EKASBSP7.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 }) => {
@@ -3478,6 +2907,6 @@ function MarkdownToolbar({ editor }) {
 }
 __name(MarkdownToolbar, "MarkdownToolbar");
 
-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 };
+export { AudioToggle, CronScheduler, DEFAULT_DOCK_PREFS, DiffEditor, Editor, EditorProvider, LazyPlayer as LazyAudioPlayer, LazyChat, LazyCronScheduler, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyTree, LazyVideoPlayer, LottiePlayer, MarkdownEditor, OpenapiViewer_default as OpenapiViewer, TransportError, collectImageAttachments, createHttpTransport, createMockTransport, createPydanticAIChatTransport, createPydanticAISSEMap, createToolIdQueue, dispatchToolPayload, isGeoJSONFeatureCollection, isLatLng, isPlainObject, isStringValue, mapPydanticAIEvent, mentionPresets, parseSSE, useChatAudioPrefs, useChatDockPrefs, useChatHistory, useChatLightbox, useChatScroll, useChatUnread, useEditor, useEditorContext, useLanguage, useMonaco, useVisitorFingerprint };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map