@flamingo-stack/openframe-frontend-core 0.0.702 → 0.0.703

package/dist/{chunk-6JPQDYYY.js → chunk-QGTDWFT6.js}

@@ -24616,7 +24616,7 @@ import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 import { MessageSquare as MessageSquare3 } from "lucide-react";
-import React9, { useCallback as useCallback28, useEffect as useEffect38, useImperativeHandle as useImperativeHandle4, useMemo as useMemo30, useRef as useRef36, useState as useState48 } from "react";
+import React9, { useCallback as useCallback28, useEffect as useEffect39, useImperativeHandle as useImperativeHandle4, useMemo as useMemo31, useRef as useRef37, useState as useState49 } from "react";
 
 // src/components/ui/drawer.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -24624,18 +24624,191 @@ import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
 import {
   forwardRef as forwardRef29,
-  useCallback as useCallback25,
-  useEffect as useEffect37,
-  useRef as useRef33,
-  useState as useState45
+  useEffect as useEffect38,
+  useRef as useRef34,
+  useState as useState46,
+  useSyncExternalStore as useSyncExternalStore4
 } from "react";
-import { jsx as jsx99, jsxs as jsxs75 } from "react/jsx-runtime";
+
+// src/hooks/ui/use-resizable-panel-size.ts
+import { useCallback as useCallback25, useMemo as useMemo29, useState as useState45 } from "react";
+var CHOSEN_SIZE_KEY_SUFFIX = ":chosen";
+function isStoredPanelSize(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const { size } = value;
+  return typeof size === "number" && Number.isFinite(size) && size > 0;
+}
+function useResizablePanelSize({
+  enabled,
+  minSize,
+  maxSize,
+  defaultSize,
+  available,
+  reserve,
+  storageKey
+}) {
+  const storage = useMemo29(
+    () => enabled && storageKey ? createLocalStorageAdapter({
+      key: `${storageKey}${CHOSEN_SIZE_KEY_SUFFIX}`,
+      validate: isStoredPanelSize,
+      logTag: `[panel-size:${storageKey}]`
+    }) : null,
+    [enabled, storageKey]
+  );
+  const [held, setChosen] = useState45(() => ({ storage, size: storage?.load()?.size ?? null }));
+  const chosen = held.storage === storage ? held : { storage, size: storage?.load()?.size ?? null };
+  if (chosen !== held) setChosen(chosen);
+  const chosenSize = chosen.size;
+  const clampSize = useCallback25(
+    (value) => {
+      const ceiling = available > 0 ? Math.min(maxSize, available - reserve) : maxSize;
+      return clamp(value, minSize, Math.max(minSize, ceiling));
+    },
+    [available, reserve, minSize, maxSize]
+  );
+  const fallbackSize = typeof defaultSize === "function" ? defaultSize(available) : defaultSize;
+  const size = enabled ? clampSize(chosenSize ?? fallbackSize) : fallbackSize;
+  const setSize = useCallback25(
+    (next) => {
+      const nextSize = Math.round(clampSize(next));
+      setChosen({ storage, size: nextSize });
+      storage?.save({ size: nextSize });
+    },
+    [clampSize, storage]
+  );
+  return { size, setSize, clampSize };
+}
+
+// src/components/ui/panel-resize-handle.tsx
+import { useEffect as useEffect37, useRef as useRef33 } from "react";
+import { jsx as jsx99 } from "react/jsx-runtime";
+var HORIZONTAL_SIDES = /* @__PURE__ */ new Set(["left", "right"]);
+function finishDrag(startRef, dragSizeRef, commit) {
+  if (!startRef.current) return;
+  startRef.current = null;
+  if (dragSizeRef.current !== null) commit(dragSizeRef.current);
+  dragSizeRef.current = null;
+  document.body.style.cursor = "";
+  document.body.style.userSelect = "";
+}
+function PanelResizeHandle({
+  side,
+  size,
+  minSize,
+  maxSize,
+  onSize,
+  clampSize,
+  panelRef,
+  variant,
+  ariaLabel
+}) {
+  const isHorizontal = HORIZONTAL_SIDES.has(side);
+  const startRef = useRef33(null);
+  const dragSizeRef = useRef33(null);
+  const onSizeRef = useRef33(onSize);
+  useEffect37(() => {
+    onSizeRef.current = onSize;
+  }, [onSize]);
+  useEffect37(() => () => finishDrag(startRef, dragSizeRef, onSizeRef.current), []);
+  const direction = side === "right" || side === "bottom" ? -1 : 1;
+  const handlePointerDown = (e) => {
+    if (e.button !== 0 && e.pointerType === "mouse") return;
+    e.preventDefault();
+    startRef.current = { x: e.clientX, y: e.clientY, size };
+    e.currentTarget.setPointerCapture(e.pointerId);
+    document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
+    document.body.style.userSelect = "none";
+  };
+  const handlePointerMove = (e) => {
+    const start = startRef.current;
+    const panel = panelRef.current;
+    if (!start || !panel) return;
+    const delta = isHorizontal ? e.clientX - start.x : e.clientY - start.y;
+    const next = clampSize(start.size + delta * direction);
+    dragSizeRef.current = next;
+    panel.style[isHorizontal ? "width" : "height"] = `${next}px`;
+    e.currentTarget.setAttribute("aria-valuenow", String(Math.round(next)));
+  };
+  const endDrag = (e) => {
+    if (!startRef.current) return;
+    finishDrag(startRef, dragSizeRef, onSize);
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+  };
+  const handleKeyDown = (e) => {
+    const step = e.shiftKey ? 40 : 16;
+    if (isHorizontal) {
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        onSize(size + step * (side === "right" ? 1 : -1));
+      } else if (e.key === "ArrowRight") {
+        e.preventDefault();
+        onSize(size + step * (side === "right" ? -1 : 1));
+      }
+    } else {
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        onSize(size + step * (side === "bottom" ? 1 : -1));
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        onSize(size + step * (side === "bottom" ? -1 : 1));
+      }
+    }
+    if (e.key === "Home") {
+      e.preventDefault();
+      onSize(minSize);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      onSize(maxSize);
+    }
+  };
+  const track = variant === "inLayout" ? { w: "w-6", h: "h-6" } : { w: "w-3", h: "h-3" };
+  const trackPosition = side === "right" ? `right-full top-4 bottom-4 ${track.w} items-center justify-end pr-1` : side === "left" ? `left-full top-4 bottom-4 ${track.w} items-center justify-start pl-1` : side === "bottom" ? `bottom-full left-4 right-4 ${track.h} justify-center items-end pb-1` : `top-full left-4 right-4 ${track.h} justify-center items-start pt-1`;
+  const cursorClass = isHorizontal ? "cursor-col-resize" : "cursor-row-resize";
+  const gripClass = isHorizontal ? "h-10 w-1" : "w-10 h-1";
+  return /* @__PURE__ */ jsx99(
+    "div",
+    {
+      role: "separator",
+      tabIndex: 0,
+      "aria-orientation": isHorizontal ? "vertical" : "horizontal",
+      "aria-valuenow": Math.round(size),
+      "aria-valuemin": minSize,
+      "aria-valuemax": maxSize,
+      "aria-label": ariaLabel ?? (isHorizontal ? "Resize panel width" : "Resize panel height"),
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: endDrag,
+      onPointerCancel: endDrag,
+      onLostPointerCapture: endDrag,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "group absolute z-20 flex touch-none select-none",
+        "outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0",
+        trackPosition,
+        cursorClass
+      ),
+      children: /* @__PURE__ */ jsx99(
+        "div",
+        {
+          "aria-hidden": true,
+          className: cn("rounded-full", variant === "inLayout" ? "bg-ods-border" : "bg-ods-bg-surface", gripClass)
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/drawer.tsx
+import { jsx as jsx100, jsxs as jsxs75 } from "react/jsx-runtime";
 var OVERLAY_BACKDROP_CLASS = "bg-ods-overlay";
 var Drawer = DialogPrimitive.Root;
 var DrawerTrigger = DialogPrimitive.Trigger;
 var DrawerClose = DialogPrimitive.Close;
 var DrawerPortal = DialogPrimitive.Portal;
-var DrawerOverlay = forwardRef29(({ className, ...props }, ref) => /* @__PURE__ */ jsx99(
+var DrawerOverlay = forwardRef29(({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -24727,132 +24900,19 @@ var drawerPanelVariants = cva(
     }
   }
 );
-var HORIZONTAL_SIDES = /* @__PURE__ */ new Set(["left", "right"]);
-function viewportSize(isHorizontal) {
-  if (typeof window === "undefined") return 0;
-  return isHorizontal ? window.innerWidth : window.innerHeight;
-}
-function useResizableSize({ enabled, isHorizontal, minSize, maxSize, defaultSize, storageKey }) {
-  const clampToViewport = useCallback25(
-    (value) => {
-      const vp = viewportSize(isHorizontal);
-      const effectiveMax = vp > 0 ? Math.min(maxSize, vp - 80) : maxSize;
-      return clamp(value, minSize, Math.max(minSize, effectiveMax));
-    },
-    [isHorizontal, minSize, maxSize]
-  );
-  const readInitial = useCallback25(() => {
-    if (!enabled) return defaultSize;
-    if (typeof window === "undefined") return defaultSize;
-    if (!storageKey) return clampToViewport(defaultSize);
-    try {
-      const raw = window.localStorage.getItem(storageKey);
-      if (!raw) return clampToViewport(defaultSize);
-      const parsed = parseFloat(raw);
-      if (!Number.isFinite(parsed)) return clampToViewport(defaultSize);
-      return clampToViewport(parsed);
-    } catch {
-      return clampToViewport(defaultSize);
-    }
-  }, [enabled, storageKey, defaultSize, clampToViewport]);
-  const [size, setSizeRaw] = useState45(readInitial);
-  const setSize = useCallback25((next) => setSizeRaw(clampToViewport(next)), [clampToViewport]);
-  useEffect37(() => {
-    if (!enabled || !storageKey || typeof window === "undefined") return;
-    try {
-      window.localStorage.setItem(storageKey, String(Math.round(size)));
-    } catch {
-    }
-  }, [enabled, size, storageKey]);
-  useEffect37(() => {
-    if (!enabled || typeof window === "undefined") return void 0;
-    const onResize = () => setSizeRaw((prev) => clampToViewport(prev));
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
-  }, [enabled, clampToViewport]);
-  return { size, setSize };
-}
-function DrawerResizeHandle({ side, size, minSize, maxSize, onSize, ariaLabel }) {
-  const isHorizontal = HORIZONTAL_SIDES.has(side);
-  const startRef = useRef33(null);
-  const direction = side === "right" || side === "bottom" ? -1 : 1;
-  const handlePointerDown = (e) => {
-    if (e.button !== 0 && e.pointerType === "mouse") return;
-    e.preventDefault();
-    startRef.current = { x: e.clientX, y: e.clientY, size };
-    e.currentTarget.setPointerCapture(e.pointerId);
-    document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
-    document.body.style.userSelect = "none";
-  };
-  const handlePointerMove = (e) => {
-    const start = startRef.current;
-    if (!start) return;
-    const delta = isHorizontal ? e.clientX - start.x : e.clientY - start.y;
-    onSize(start.size + delta * direction);
-  };
-  const endDrag = (e) => {
-    if (!startRef.current) return;
-    startRef.current = null;
-    try {
-      e.currentTarget.releasePointerCapture(e.pointerId);
-    } catch {
-    }
-    document.body.style.cursor = "";
-    document.body.style.userSelect = "";
-  };
-  const handleKeyDown = (e) => {
-    const step = e.shiftKey ? 40 : 16;
-    if (isHorizontal) {
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        onSize(size + step * (side === "right" ? 1 : -1));
-      } else if (e.key === "ArrowRight") {
-        e.preventDefault();
-        onSize(size + step * (side === "right" ? -1 : 1));
-      }
-    } else {
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        onSize(size + step * (side === "bottom" ? 1 : -1));
-      } else if (e.key === "ArrowDown") {
-        e.preventDefault();
-        onSize(size + step * (side === "bottom" ? -1 : 1));
-      }
-    }
-    if (e.key === "Home") {
-      e.preventDefault();
-      onSize(minSize);
-    } else if (e.key === "End") {
-      e.preventDefault();
-      onSize(maxSize);
-    }
-  };
-  const trackPosition = side === "right" ? "right-full top-4 bottom-4 w-3 items-center justify-end pr-1" : side === "left" ? "left-full top-4 bottom-4 w-3 items-center justify-start pl-1" : side === "bottom" ? "bottom-full left-4 right-4 h-3 justify-center items-end pb-1" : "top-full left-4 right-4 h-3 justify-center items-start pt-1";
-  const cursorClass = isHorizontal ? "cursor-col-resize" : "cursor-row-resize";
-  const gripClass = isHorizontal ? "h-10 w-1" : "w-10 h-1";
-  return /* @__PURE__ */ jsx99(
-    "div",
-    {
-      role: "separator",
-      tabIndex: 0,
-      "aria-orientation": isHorizontal ? "vertical" : "horizontal",
-      "aria-valuenow": Math.round(size),
-      "aria-valuemin": minSize,
-      "aria-valuemax": maxSize,
-      "aria-label": ariaLabel ?? (isHorizontal ? "Resize panel width" : "Resize panel height"),
-      onPointerDown: handlePointerDown,
-      onPointerMove: handlePointerMove,
-      onPointerUp: endDrag,
-      onPointerCancel: endDrag,
-      onKeyDown: handleKeyDown,
-      className: cn(
-        "group absolute z-20 flex touch-none select-none",
-        "outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0",
-        trackPosition,
-        cursorClass
-      ),
-      children: /* @__PURE__ */ jsx99("div", { "aria-hidden": true, className: cn("rounded-full bg-ods-bg-surface", gripClass) })
-    }
+var HORIZONTAL_SIDES2 = /* @__PURE__ */ new Set(["left", "right"]);
+var subscribeToResize = (onChange) => {
+  window.addEventListener("resize", onChange);
+  return () => window.removeEventListener("resize", onChange);
+};
+var subscribeToNothing = () => () => {
+};
+var noExtent = () => 0;
+function useViewportExtent(enabled, isHorizontal) {
+  return useSyncExternalStore4(
+    enabled ? subscribeToResize : subscribeToNothing,
+    enabled ? isHorizontal ? () => window.innerWidth : () => window.innerHeight : noExtent,
+    noExtent
   );
 }
 var DrawerContent = forwardRef29(
@@ -24877,11 +24937,10 @@ var DrawerContent = forwardRef29(
     ...props
   }, ref) => {
     const resolvedSide = side ?? "right";
-    const isHorizontal = HORIZONTAL_SIDES.has(resolvedSide);
-    const initialSize = defaultSize ?? (isHorizontal ? 560 : 480);
+    const isHorizontal = HORIZONTAL_SIDES2.has(resolvedSide);
     const headerHeight = useHeaderHeight();
-    const [isMobile, setIsMobile] = useState45(false);
-    useEffect37(() => {
+    const [isMobile, setIsMobile] = useState46(false);
+    useEffect38(() => {
       if (typeof window === "undefined") return void 0;
       const mq = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
       const update = () => setIsMobile(mq.matches);
@@ -24889,18 +24948,25 @@ var DrawerContent = forwardRef29(
       mq.addEventListener("change", update);
       return () => mq.removeEventListener("change", update);
     }, [mobileBreakpoint]);
-    const { size: resizedSize, setSize } = useResizableSize({
+    const available = useViewportExtent(resizable, isHorizontal);
+    const panelRef = useRef34(null);
+    const {
+      size: resizedSize,
+      setSize,
+      clampSize
+    } = useResizablePanelSize({
       enabled: resizable,
-      isHorizontal,
       minSize,
       maxSize,
-      defaultSize: initialSize,
+      defaultSize: defaultSize ?? (isHorizontal ? 560 : 480),
+      available,
+      reserve: 80,
       storageKey
     });
     const applyInlineSize = resizable && !isMobile;
     const sizeStyle = applyInlineSize ? isHorizontal ? { width: resizedSize } : { height: resizedSize } : {};
     return /* @__PURE__ */ jsxs75(DrawerPortal, { children: [
-      /* @__PURE__ */ jsx99(DrawerOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsx100(DrawerOverlay, { className: overlayClassName }),
       /* @__PURE__ */ jsxs75(
         DialogPrimitive.Content,
         {
@@ -24909,20 +24975,24 @@ var DrawerContent = forwardRef29(
           style: { ...offsetHeader ? { top: headerHeight } : {}, ...style },
           ...props,
           children: [
-            applyInlineSize ? /* @__PURE__ */ jsx99(
-              DrawerResizeHandle,
+            applyInlineSize ? /* @__PURE__ */ jsx100(
+              PanelResizeHandle,
               {
+                variant: "overlay",
                 side: resolvedSide,
                 size: resizedSize,
                 minSize,
                 maxSize,
                 onSize: setSize,
+                clampSize,
+                panelRef,
                 ariaLabel: resizeAriaLabel
               }
             ) : null,
-            /* @__PURE__ */ jsx99(
+            /* @__PURE__ */ jsx100(
               "div",
               {
+                ref: panelRef,
                 className: cn(drawerPanelVariants({ side, flush, size }), className, panelClassName),
                 style: { ...sizeStyle, ...panelStyle },
                 children
@@ -24935,11 +25005,11 @@ var DrawerContent = forwardRef29(
   }
 );
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsx99("div", { className: cn("flex flex-col gap-4", className), ...props, children });
+var DrawerHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsx100("div", { className: cn("flex flex-col gap-4", className), ...props, children });
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerTitle = forwardRef29(
   ({ className, children, actions, hideClose, ...props }, ref) => /* @__PURE__ */ jsxs75("div", { className: "flex items-start gap-4", children: [
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       DialogPrimitive.Title,
       {
         ref,
@@ -24950,13 +25020,13 @@ var DrawerTitle = forwardRef29(
     ),
     actions,
     !hideClose && /* @__PURE__ */ jsxs75(DialogPrimitive.Close, { className: "shrink-0 rounded-sm text-ods-text-secondary outline-none ring-0 transition-colors hover:text-ods-text-primary focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0", children: [
-      /* @__PURE__ */ jsx99(X, { className: "size-6" }),
-      /* @__PURE__ */ jsx99("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsx100(X, { className: "size-6" }),
+      /* @__PURE__ */ jsx100("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 );
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = forwardRef29(({ className, ...props }, ref) => /* @__PURE__ */ jsx99(
+var DrawerDescription = forwardRef29(({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
   DialogPrimitive.Description,
   {
     ref,
@@ -24965,16 +25035,16 @@ var DrawerDescription = forwardRef29(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerBody = ({ className, ...props }) => /* @__PURE__ */ jsx99("div", { className: cn("flex flex-1 flex-col gap-4 overflow-y-auto", className), ...props });
+var DrawerBody = ({ className, ...props }) => /* @__PURE__ */ jsx100("div", { className: cn("flex flex-1 flex-col gap-4 overflow-y-auto", className), ...props });
 DrawerBody.displayName = "DrawerBody";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx99("div", { className: cn("mt-auto flex flex-col gap-2", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx100("div", { className: cn("mt-auto flex flex-col gap-2", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
 
 // src/components/ui/hover-dropdown.tsx
-import { useState as useState46, useRef as useRef34, useCallback as useCallback26 } from "react";
-import { Fragment as Fragment33, jsx as jsx100, jsxs as jsxs76 } from "react/jsx-runtime";
+import { useState as useState47, useRef as useRef35, useCallback as useCallback26 } from "react";
+import { Fragment as Fragment33, jsx as jsx101, jsxs as jsxs76 } from "react/jsx-runtime";
 function DefaultAnchor({ href, className, children }) {
-  return /* @__PURE__ */ jsx100("a", { href, className, children });
+  return /* @__PURE__ */ jsx101("a", { href, className, children });
 }
 function HoverDropdown({
   children,
@@ -24984,10 +25054,10 @@ function HoverDropdown({
   className,
   renderAnchor
 }) {
-  const [open, setOpen] = useState46(false);
-  const timeoutRef = useRef34(void 0);
-  const containerRef = useRef34(null);
-  const panelRef = useRef34(null);
+  const [open, setOpen] = useState47(false);
+  const timeoutRef = useRef35(void 0);
+  const containerRef = useRef35(null);
+  const panelRef = useRef35(null);
   useIsomorphicLayoutEffect(() => {
     const el = panelRef.current;
     const container = containerRef.current;
@@ -25027,24 +25097,24 @@ function HoverDropdown({
     clearTimeout(timeoutRef.current);
     setOpen((prev) => !prev);
   }, []);
-  if (items.length === 0) return /* @__PURE__ */ jsx100(Fragment33, { children });
+  if (items.length === 0) return /* @__PURE__ */ jsx101(Fragment33, { children });
   const renderAnchorFn = renderAnchor ?? DefaultAnchor;
   return /* @__PURE__ */ jsxs76("div", { ref: containerRef, className: "relative inline-flex", onMouseEnter: show, onMouseLeave: hide, onClick: toggle, children: [
     children,
-    open && /* @__PURE__ */ jsx100(
+    open && /* @__PURE__ */ jsx101(
       "div",
       {
         className: `fixed z-[9999] max-h-[420px] min-w-[220px] max-w-[340px] overflow-y-auto rounded-lg border border-ods-border bg-ods-card p-1 shadow-xl ${className || ""}`,
         ref: panelRef,
         children: items.map((item, i) => {
           const content = /* @__PURE__ */ jsxs76(Fragment33, { children: [
-            item.icon && /* @__PURE__ */ jsx100("span", { className: "flex-shrink-0 [&_svg]:size-3.5", children: item.icon }),
-            /* @__PURE__ */ jsx100("span", { className: "min-w-0 flex-1 truncate", children: item.label })
+            item.icon && /* @__PURE__ */ jsx101("span", { className: "flex-shrink-0 [&_svg]:size-3.5", children: item.icon }),
+            /* @__PURE__ */ jsx101("span", { className: "min-w-0 flex-1 truncate", children: item.label })
           ] });
           const rowClass = "group flex w-full items-center gap-1.5 pl-2 pr-1 py-1.5 rounded text-h6 text-ods-text-secondary hover:bg-ods-accent/10 transition-colors text-left";
           const primaryClass = "flex flex-1 items-center gap-1.5 min-w-0 hover:text-ods-accent cursor-pointer no-underline";
           const secondaryAction = item.secondaryAction;
-          const secondary = secondaryAction ? /* @__PURE__ */ jsx100(
+          const secondary = secondaryAction ? /* @__PURE__ */ jsx101(
             "button",
             {
               onClick: (e) => {
@@ -25073,12 +25143,12 @@ function HoverDropdown({
           }
           if (!item.onClick) {
             return /* @__PURE__ */ jsxs76("div", { className: rowClass, children: [
-              /* @__PURE__ */ jsx100("span", { className: `${primaryClass} cursor-default hover:!text-ods-text-secondary`, children: content }),
+              /* @__PURE__ */ jsx101("span", { className: `${primaryClass} cursor-default hover:!text-ods-text-secondary`, children: content }),
               secondary
             ] }, i);
           }
           return /* @__PURE__ */ jsxs76("div", { className: rowClass, children: [
-            /* @__PURE__ */ jsx100("button", { onClick: item.onClick, className: primaryClass, children: content }),
+            /* @__PURE__ */ jsx101("button", { onClick: item.onClick, className: primaryClass, children: content }),
             secondary
           ] }, i);
         })
@@ -25088,7 +25158,7 @@ function HoverDropdown({
 }
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback27, useMemo as useMemo29, useRef as useRef35, useState as useState47 } from "react";
+import { useCallback as useCallback27, useMemo as useMemo30, useRef as useRef36, useState as useState48 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -25099,8 +25169,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState47(null);
-  const [archiveTarget, setArchiveTarget] = useState47(null);
+  const [renameTarget, setRenameTarget] = useState48(null);
+  const [archiveTarget, setArchiveTarget] = useState48(null);
   const handleConfirmRename = useCallback27(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -25108,7 +25178,7 @@ function useChatDialogManager({
     },
     [renameTarget, renameDialog]
   );
-  const [openingDialogId, setOpeningDialogId] = useState47(null);
+  const [openingDialogId, setOpeningDialogId] = useState48(null);
   const handleConfirmArchive = useCallback27(async () => {
     if (archiveTarget) {
       try {
@@ -25124,12 +25194,12 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState47(false);
-  const [archivedDialogs, setArchivedDialogs] = useState47([]);
-  const [archivedCursor, setArchivedCursor] = useState47(null);
-  const [archivedLoading, setArchivedLoading] = useState47(false);
-  const [archivedPending, setArchivedPending] = useState47(false);
-  const archivedRequestIdRef = useRef35(0);
+  const [archiveOpen, setArchiveOpen] = useState48(false);
+  const [archivedDialogs, setArchivedDialogs] = useState48([]);
+  const [archivedCursor, setArchivedCursor] = useState48(null);
+  const [archivedLoading, setArchivedLoading] = useState48(false);
+  const [archivedPending, setArchivedPending] = useState48(false);
+  const archivedRequestIdRef = useRef36(0);
   const loadArchivedPage = useCallback27(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -25168,7 +25238,7 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback27(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState47(null);
+  const [viewingArchivedId, setViewingArchivedId] = useState48(null);
   const handleSelectDialog = useCallback27(
     (id) => {
       setViewingArchivedId(null);
@@ -25187,7 +25257,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState47(null);
+  const [restoreTarget, setRestoreTarget] = useState48(null);
   const handleConfirmRestore = useCallback27(async () => {
     if (restoreTarget) {
       try {
@@ -25217,7 +25287,7 @@ function useChatDialogManager({
     clearMessages();
     setArchiveOpen(false);
   }, [selectDialog, clearMessages]);
-  const activeDialog = useMemo29(
+  const activeDialog = useMemo30(
     () => dialogs.find((d) => d.id === activeDialogId) ?? archivedDialogs.find((d) => d.id === activeDialogId),
     [dialogs, archivedDialogs, activeDialogId]
   );
@@ -25321,7 +25391,7 @@ function pruneTimestampCache(timestampCache, liveIds) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { Fragment as Fragment34, jsx as jsx101, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx102, jsxs as jsxs77 } from "react/jsx-runtime";
 var HISTORY_RAIL_WIDTH = 320;
 var CHAT_BLOCK_MIN_WIDTH = 400;
 var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + CHAT_BLOCK_MIN_WIDTH;
@@ -25329,12 +25399,14 @@ var DRAWER_DEFAULT_WIDTH_RATIO = 0.5;
 var DRAWER_WIDTH_KEY = "mingo-chat-width-v4";
 var DRAWER_DEFAULT_WIDTH_PX = 750;
 var SPLIT_DEFAULT_WIDTH_ALLOWANCE = 16;
-function drawerDefaultWidth(withHistoryRail) {
-  if (typeof window === "undefined") return DRAWER_DEFAULT_WIDTH_PX;
-  const ratioWidth = Math.round(window.innerWidth * DRAWER_DEFAULT_WIDTH_RATIO);
+function drawerDefaultWidth(viewportWidth, withHistoryRail) {
+  if (viewportWidth <= 0) return DRAWER_DEFAULT_WIDTH_PX;
+  const ratioWidth = Math.round(viewportWidth * DRAWER_DEFAULT_WIDTH_RATIO);
   if (!withHistoryRail) return ratioWidth;
   return Math.max(ratioWidth, SPLIT_MIN_WIDTH + SPLIT_DEFAULT_WIDTH_ALLOWANCE);
 }
+var drawerDefaultWidthWithRail = (viewportWidth) => drawerDefaultWidth(viewportWidth, true);
+var drawerDefaultWidthWithoutRail = (viewportWidth) => drawerDefaultWidth(viewportWidth, false);
 var formatRelativePath = (p) => p.replace(/^\/+/, "").replace(/\/+$/, "");
 var mentionTokenOf = (key, markerByType) => {
   const ci = key.indexOf(":");
@@ -25346,11 +25418,11 @@ var RAIL_COLLAPSED_STORAGE_KEY = "mingo-chat-history-collapsed";
 var NO_CONTEXT_ITEMS = [];
 var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
-  const [mounted, setMounted] = useState48(open);
-  const [active, setActive] = useState48(false);
+  const [mounted, setMounted] = useState49(open);
+  const [active, setActive] = useState49(false);
   if (open && !mounted) setMounted(true);
   if (!open && active) setActive(false);
-  useEffect38(() => {
+  useEffect39(() => {
     if (open) {
       let raf2 = 0;
       const raf1 = requestAnimationFrame(() => {
@@ -25372,7 +25444,7 @@ function RailSlot({
   innerClassName,
   children
 }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       className: cn(
@@ -25381,7 +25453,7 @@ function RailSlot({
         "shrink-0 overflow-hidden border-r border-ods-border transition-[width,opacity] ease-out",
         active ? "duration-[240ms] w-80 opacity-100" : "duration-[300ms] w-0 opacity-0"
       ),
-      children: /* @__PURE__ */ jsx101("div", { className: cn("h-full w-80", innerClassName), children })
+      children: /* @__PURE__ */ jsx102("div", { className: cn("h-full w-80", innerClassName), children })
     }
   );
 }
@@ -25438,7 +25510,7 @@ function SourceChip({
     sourceRowCtxFromRuntime(runtime, { baseRoute, chipBasePlatform })
   );
   const Icon = cta.icon;
-  const icon = /* @__PURE__ */ jsx101(Icon, { className: "h-3.5 w-3.5" });
+  const icon = /* @__PURE__ */ jsx102(Icon, { className: "h-3.5 w-3.5" });
   const chipClass = chatChipClass({ tone: "secondary" });
   const decideTab = (href, targetPlatform) => computeIsNewTab(runtime, href, targetPlatform);
   if (src.items && src.items.length > 0) {
@@ -25461,12 +25533,12 @@ function SourceChip({
         // A client-built group keeps each row's own citation number, so the
         // `[3]` in the answer is findable inside the dropdown.
         label: item.index === void 0 ? item.name : `[${item.index}] ${item.name}`,
-        icon: /* @__PURE__ */ jsx101(ItemIcon, { className: "h-3.5 w-3.5" }),
+        icon: /* @__PURE__ */ jsx102(ItemIcon, { className: "h-3.5 w-3.5" }),
         href: itemCta.href ?? void 0,
         targetPlatform: itemCta.targetPlatform,
         path: item.path ?? null,
         secondaryAction: onDiscuss && itemCta.askable && itemChatRef ? {
-          icon: /* @__PURE__ */ jsx101(MessageSquare3, {}),
+          icon: /* @__PURE__ */ jsx102(MessageSquare3, {}),
           label: `Ask about ${item.name}`,
           onClick: () => onDiscuss(itemChatRef)
         } : void 0
@@ -25474,11 +25546,11 @@ function SourceChip({
     });
     const itemIndices = src.items.flatMap((item) => item.index === void 0 ? [] : [item.index]);
     const groupIndices = itemIndices.length > 0 ? formatCitationIndices(itemIndices) : `${src.index}`;
-    return /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx102(
       HoverDropdown,
       {
         items: dropdownItems,
-        renderAnchor: ({ href, targetPlatform, path, className, children }) => /* @__PURE__ */ jsx101(
+        renderAnchor: ({ href, targetPlatform, path, className, children }) => /* @__PURE__ */ jsx102(
           NavLinkAnchorViaRuntime,
           {
             href,
@@ -25512,7 +25584,7 @@ function SourceChip({
   ] });
   const wrapChip = (clickable) => /* @__PURE__ */ jsxs77("span", { className: "inline-flex items-center", children: [
     clickable,
-    /* @__PURE__ */ jsx101(SourceActionButton, { chatRef: cta.chatRef, onDiscuss, density: "inline", className: "-mr-1 ml-1" })
+    /* @__PURE__ */ jsx102(SourceActionButton, { chatRef: cta.chatRef, onDiscuss, density: "inline", className: "-mr-1 ml-1" })
   ] });
   const buildClickHandler = (href, path, targetPlatform, isNewTab) => (e) => {
     const handled = executeNavigation({
@@ -25529,7 +25601,7 @@ function SourceChip({
     const resolvedHref = resolveHrefForRuntime(cta.href, runtime);
     const isNewTab = decideTab(resolvedHref, cta.targetPlatform ?? null);
     return wrapChip(
-      /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102(
         "a",
         {
           href: resolvedHref,
@@ -25545,7 +25617,7 @@ function SourceChip({
     const resolvedHref = resolveHrefForRuntime(cta.href, runtime);
     const isNewTab = decideTab(resolvedHref, cta.targetPlatform ?? null);
     return wrapChip(
-      /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102(
         "a",
         {
           href: resolvedHref,
@@ -25559,7 +25631,7 @@ function SourceChip({
     );
   }
   return wrapChip(
-    /* @__PURE__ */ jsx101("span", { className: `${chipClass} cursor-default`, title: displayName, children: chipBody(displayName) })
+    /* @__PURE__ */ jsx102("span", { className: `${chipClass} cursor-default`, title: displayName, children: chipBody(displayName) })
   );
 }
 function SourceChips({
@@ -25570,13 +25642,13 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState48(false);
+  const [expanded, setExpanded] = useState49(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
     return /* @__PURE__ */ jsxs77("div", { className: "mt-2 flex flex-col gap-1.5 border-t border-ods-border pt-2", children: [
-      /* @__PURE__ */ jsx101("span", { className: "uppercase text-ods-text-muted text-h6", children: "Top retrieved sources" }),
-      /* @__PURE__ */ jsx101("div", { className: "flex flex-wrap gap-1.5", children: fallback.map((src) => /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102("span", { className: "uppercase text-ods-text-muted text-h6", children: "Top retrieved sources" }),
+      /* @__PURE__ */ jsx102("div", { className: "flex flex-wrap gap-1.5", children: fallback.map((src) => /* @__PURE__ */ jsx102(
         SourceChip,
         {
           src,
@@ -25592,9 +25664,9 @@ function SourceChips({
   const hiddenCount = uncited.length;
   const hasOverflow = hiddenCount > 0;
   return /* @__PURE__ */ jsxs77("div", { className: "mt-2 flex flex-col gap-1.5 border-t border-ods-border pt-2", children: [
-    /* @__PURE__ */ jsx101("span", { className: "uppercase text-ods-text-muted text-h6", children: "Sources" }),
+    /* @__PURE__ */ jsx102("span", { className: "uppercase text-ods-text-muted text-h6", children: "Sources" }),
     /* @__PURE__ */ jsxs77("div", { className: `flex flex-wrap gap-1.5 ${expanded ? "max-h-[200px] overflow-y-auto overscroll-contain" : ""}`, children: [
-      cited.map((src) => /* @__PURE__ */ jsx101(
+      cited.map((src) => /* @__PURE__ */ jsx102(
         SourceChip,
         {
           src,
@@ -25605,7 +25677,7 @@ function SourceChips({
         },
         src.index
       )),
-      expanded && uncited.map((src) => /* @__PURE__ */ jsx101(
+      expanded && uncited.map((src) => /* @__PURE__ */ jsx102(
         SourceChip,
         {
           src,
@@ -25616,7 +25688,7 @@ function SourceChips({
         },
         src.index
       )),
-      hasOverflow && /* @__PURE__ */ jsx101(
+      hasOverflow && /* @__PURE__ */ jsx102(
         "button",
         {
           onClick: () => setExpanded(!expanded),
@@ -25631,7 +25703,7 @@ function SourceChips({
 }
 var EmbeddableChat = React9.forwardRef(
   function EmbeddableChatImpl(props, ref) {
-    return /* @__PURE__ */ jsx101(EmbeddableChatInner, { ...props, handleRef: ref });
+    return /* @__PURE__ */ jsx102(EmbeddableChatInner, { ...props, handleRef: ref });
   }
 );
 EmbeddableChat.displayName = "EmbeddableChat";
@@ -25678,7 +25750,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect38(() => {
+  useEffect39(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -25694,13 +25766,13 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState48(() => {
+  const [autoFocusInput] = useState49(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef36(false);
-  useEffect38(() => {
+  const navigatingAwayRef = useRef37(false);
+  useEffect39(() => {
     if (!isOpen) return void 0;
     if (shellLess) return void 0;
     if (typeof window === "undefined") return void 0;
@@ -25726,9 +25798,9 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef36(null);
-  const [quickActionPreview, setQuickActionPreview] = useState48(null);
-  const slashCommandsProp = useMemo30(
+  const chatInputRef = useRef37(null);
+  const [quickActionPreview, setQuickActionPreview] = useState49(null);
+  const slashCommandsProp = useMemo31(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
       resolveSourceIcon: (sourceId) => {
@@ -25743,14 +25815,14 @@ function EmbeddableChatInner({
     [commandsUrl]
   );
   const headerUserName = identityUser?.name?.trim() || [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || userDisplayName?.trim() || void 0;
-  const effectiveModes = useMemo30(() => {
+  const effectiveModes = useMemo31(() => {
     if (modes) return modes;
     const guideOptions = tableIdForDocumentType ? { tableIdForDocumentType } : {};
     return { guide: guideOptions };
   }, [modes, tableIdForDocumentType]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState48(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState49(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback28(
     (next) => {
@@ -25764,7 +25836,7 @@ function EmbeddableChatInner({
   const { commands: commandsList, loaded: commandsLoaded } = useSlashCommandRegistry(commandsUrl, {
     enabled: activeMode === "guide"
   });
-  const commandsById = useMemo30(() => {
+  const commandsById = useMemo31(() => {
     const map = /* @__PURE__ */ new Map();
     for (const cmd of commandsList) map.set(cmd.id, cmd);
     return map;
@@ -25778,7 +25850,7 @@ function EmbeddableChatInner({
   const effectiveGreeting = emptyStateConfig.greeting ?? emptyStateGreeting;
   const effectiveEnabledRagTableIds = emptyStateUrl ? emptyStateConfig.enabledRagTableIds : enabledRagTableIds;
   const effectiveSuggestedQueries = emptyStateUrl ? emptyStateConfig.suggestedQueries : suggestedQueries;
-  const effectiveQuickActions = useMemo30(
+  const effectiveQuickActions = useMemo31(
     () => emptyStateUrl ? emptyStateConfig.quickActions : [],
     [emptyStateUrl, emptyStateConfig.quickActions]
   );
@@ -25825,7 +25897,7 @@ function EmbeddableChatInner({
     injectedDialogCapabilities: mingoDialogCapabilities
   });
   const historyListMode = dialogCapabilities !== void 0;
-  const [namingNewChat, setNamingNewChat] = useState48(false);
+  const [namingNewChat, setNamingNewChat] = useState49(false);
   const sendMessage = useCallback28(
     async (text2, options) => {
       if (activeDialogId == null) setNamingNewChat(true);
@@ -25837,7 +25909,7 @@ function EmbeddableChatInner({
     },
     [activeDialogId, sendMessageRaw]
   );
-  const mingoCaps = useMemo30(
+  const mingoCaps = useMemo31(
     () => ({
       ...dialogCapabilities,
       canRename: dialogCapabilities?.canRename ?? false,
@@ -25845,8 +25917,8 @@ function EmbeddableChatInner({
     }),
     [dialogCapabilities]
   );
-  const guidePromptSentRef = useRef36(false);
-  useEffect38(() => {
+  const guidePromptSentRef = useRef37(false);
+  useEffect39(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -25869,17 +25941,17 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState48(NO_CONTEXT_ITEMS);
-  const [contextPickerOpen, setContextPickerOpen] = useState48(false);
-  const [mentionQuery, setMentionQuery] = useState48(null);
-  const mentionActiveRef = useRef36(false);
-  useEffect38(() => {
+  const [contextItems, setContextItems] = useState49(NO_CONTEXT_ITEMS);
+  const [contextPickerOpen, setContextPickerOpen] = useState49(false);
+  const [mentionQuery, setMentionQuery] = useState49(null);
+  const mentionActiveRef = useRef37(false);
+  useEffect39(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef36(/* @__PURE__ */ new Set());
+  const mentionKeysRef = useRef37(/* @__PURE__ */ new Set());
   const scopeDialogId = activeDialogId ?? null;
-  const [composerScope, setComposerScope] = useState48({ dialogId: scopeDialogId, mode: activeMode });
-  const [composerKey, setComposerKey] = useState48(0);
+  const [composerScope, setComposerScope] = useState49({ dialogId: scopeDialogId, mode: activeMode });
+  const [composerKey, setComposerKey] = useState49(0);
   if (composerScope.dialogId !== scopeDialogId || composerScope.mode !== activeMode) {
     const named = namingNewChat && composerScope.dialogId == null && scopeDialogId != null && composerScope.mode === activeMode;
     setComposerScope({ dialogId: scopeDialogId, mode: activeMode });
@@ -25890,17 +25962,17 @@ function EmbeddableChatInner({
       setMentionQuery(null);
     }
   }
-  useEffect38(() => {
+  useEffect39(() => {
     mentionKeysRef.current.clear();
     clearAttachments();
   }, [composerKey, clearAttachments]);
-  const mentionMarkerByType = useMemo30(() => {
+  const mentionMarkerByType = useMemo31(() => {
     const m = /* @__PURE__ */ new Map();
     for (const t of contextPicker?.entityTypes ?? []) if (t.marker) m.set(t.type, t.marker);
     return m;
   }, [contextPicker?.entityTypes]);
   const contextEntityTypes = contextPicker?.entityTypes;
-  const resolveContextIcon = useMemo30(() => {
+  const resolveContextIcon = useMemo31(() => {
     const byType = /* @__PURE__ */ new Map();
     for (const t of contextEntityTypes ?? []) byType.set(t.type, t.icon);
     return (item) => byType.get(item.type);
@@ -25973,7 +26045,7 @@ function EmbeddableChatInner({
     navigatingAwayRef.current = true;
     setIsOpen(false);
   }, [setIsOpen]);
-  const chatPanelHandle = useMemo30(
+  const chatPanelHandle = useMemo31(
     () => ({ closeChat: handleNavigationClose }),
     [handleNavigationClose]
   );
@@ -25987,14 +26059,14 @@ function EmbeddableChatInner({
     }),
     [discussRef, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
-  const mingoAssistantIcon = useMemo30(
-    () => effectiveAssistantIcon ? /* @__PURE__ */ jsx101(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx101(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
+  const mingoAssistantIcon = useMemo31(
+    () => effectiveAssistantIcon ? /* @__PURE__ */ jsx102(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx102(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const [timestampCache] = useState48(() => /* @__PURE__ */ new Map());
+  const [timestampCache] = useState49(() => /* @__PURE__ */ new Map());
   const guideUserName = activeMode === "guide" ? [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || identityUser?.name?.trim() || void 0 : void 0;
   const guideUserAvatar = activeMode === "guide" ? identityUser?.avatarUrl?.trim() || void 0 : void 0;
-  const messages = useMemo30(() => {
+  const messages = useMemo31(() => {
     const options = { userName: guideUserName, userAvatar: guideUserAvatar, timestampCache };
     const mapped = rawMessages.map((m) => mapHostMessage(m, options));
     pruneTimestampCache(timestampCache, new Set(rawMessages.map((m) => m.id)));
@@ -26031,7 +26103,7 @@ function EmbeddableChatInner({
     },
     [sendMessage]
   );
-  const guideSuggestedActions = useMemo30(() => {
+  const guideSuggestedActions = useMemo31(() => {
     if (effectiveQuickActions.length > 0) {
       return effectiveQuickActions.map((qa) => ({
         id: qa.id,
@@ -26092,7 +26164,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback28(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect38(() => {
+  useEffect39(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -26102,7 +26174,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect38(() => {
+  useEffect39(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -26123,11 +26195,11 @@ function EmbeddableChatInner({
   if (!isQuickActionEmpty && quickActionPreview !== null) setQuickActionPreview(null);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
   const sourceLabel = source === "flamingo" ? "Knowledge Base" : "Data Room";
-  const enabledSet = useMemo30(
+  const enabledSet = useMemo31(
     () => effectiveEnabledRagTableIds ? new Set(effectiveEnabledRagTableIds) : null,
     [effectiveEnabledRagTableIds]
   );
-  const chipCommands = useMemo30(() => {
+  const chipCommands = useMemo31(() => {
     const out = [];
     for (const cmd of commandsById.values()) {
       if (cmd.displayOrder === void 0) continue;
@@ -26148,7 +26220,7 @@ function EmbeddableChatInner({
       if (chatLoading && index === messages.length - 1) return null;
       const { cited, uncited } = splitCitedSources(message.sources, flattenAssistantContent(message.content));
       if (cited.length === 0 && uncited.length === 0) return null;
-      return /* @__PURE__ */ jsx101("div", { className: "pb-2", children: /* @__PURE__ */ jsx101(
+      return /* @__PURE__ */ jsx102("div", { className: "pb-2", children: /* @__PURE__ */ jsx102(
         SourceChips,
         {
           cited,
@@ -26162,10 +26234,10 @@ function EmbeddableChatInner({
     },
     [chatLoading, messages.length, resolvedBaseRoute, chipBasePlatform, handleNavigationClose, discussRef]
   );
-  const [portalHost, setPortalHost] = useState48(null);
-  const [panelBoundary, setPanelBoundary] = useState48(null);
-  const [canSplit, setCanSplit] = useState48(false);
-  useEffect38(() => {
+  const [portalHost, setPortalHost] = useState49(null);
+  const [panelBoundary, setPanelBoundary] = useState49(null);
+  const [canSplit, setCanSplit] = useState49(false);
+  useEffect39(() => {
     if (!panelBoundary || typeof ResizeObserver === "undefined") return void 0;
     const ro = new ResizeObserver((entries) => {
       const w = entries[0]?.contentRect?.width;
@@ -26178,9 +26250,9 @@ function EmbeddableChatInner({
     setPanelBoundary(node);
     if (node) setCanSplit(node.clientWidth >= SPLIT_MIN_WIDTH);
   }, []);
-  const [railCollapsed, setRailCollapsed] = useState48(false);
+  const [railCollapsed, setRailCollapsed] = useState49(false);
   const railStorageHydrated = useIsHydrated();
-  const [railStorageRead, setRailStorageRead] = useState48(false);
+  const [railStorageRead, setRailStorageRead] = useState49(false);
   if (railStorageHydrated && !railStorageRead) {
     setRailStorageRead(true);
     try {
@@ -26198,13 +26270,13 @@ function EmbeddableChatInner({
       return next;
     });
   }, []);
-  const [railSearchOpen, setRailSearchOpen] = useState48(false);
+  const [railSearchOpen, setRailSearchOpen] = useState49(false);
   const splitEligible = historyListMode;
   const wideMingo = splitEligible && canSplit && !previewMode;
   const splitActive = wideMingo && !railCollapsed;
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
-  const [composeOpen, setComposeOpen] = useState48(false);
+  const [composeOpen, setComposeOpen] = useState49(false);
   if (hasConversation && composeOpen) setComposeOpen(false);
   const isMingoMode = historyListMode;
   const emptyListSkipped = mingoCaps.emptyListSkipsToCompose === true && dialogs.length === 0 && !dialogsInitialLoading && !mingoCaps.searchQuery;
@@ -26227,14 +26299,14 @@ function EmbeddableChatInner({
   const handleNewChat = useCallback28(() => {
     resetToNewChat();
   }, [resetToNewChat]);
-  const [pendingDraft, setPendingDraft] = useState48(null);
-  const [seededDraft, setSeededDraft] = useState48(null);
+  const [pendingDraft, setPendingDraft] = useState49(null);
+  const [seededDraft, setSeededDraft] = useState49(null);
   if (pendingDraft && seededDraft !== pendingDraft) {
     setSeededDraft(pendingDraft);
     setContextItems(pendingDraft.mentions);
   }
-  const appliedDraftRef = useRef36(null);
-  useEffect38(() => {
+  const appliedDraftRef = useRef37(null);
+  useEffect39(() => {
     const draft = pendingDraft;
     if (!draft || appliedDraftRef.current === draft) return;
     const input = chatInputRef.current;
@@ -26307,13 +26379,13 @@ function EmbeddableChatInner({
     onCopyLink: headerOnCopyLink,
     onOpenArchive: headerOnOpenArchive
   };
-  const body = /* @__PURE__ */ jsx101(PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ jsxs77(CollisionBoundaryContext.Provider, { value: panelBoundary, children: [
-    /* @__PURE__ */ jsx101(
+  const body = /* @__PURE__ */ jsx102(PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ jsxs77(CollisionBoundaryContext.Provider, { value: panelBoundary, children: [
+    /* @__PURE__ */ jsx102(
       "div",
       {
         ref: setPanelNode,
         className: `flex h-full flex-col overflow-hidden transition-colors duration-200 ${archiveOpen && !splitActive || stackedListView ? "bg-ods-card" : "bg-ods-bg"} ${previewMode ? "pointer-events-none select-none" : ""}`,
-        children: archiveOpen && !splitActive ? /* @__PURE__ */ jsx101("div", { className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0", children: /* @__PURE__ */ jsx101(
+        children: archiveOpen && !splitActive ? /* @__PURE__ */ jsx102("div", { className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0", children: /* @__PURE__ */ jsx102(
           ChatArchivePage,
           {
             dialogs: archivedDialogs,
@@ -26342,15 +26414,15 @@ function EmbeddableChatInner({
             // sub-`md` viewport would split the body yet drop to the mobile
             // single-bar header (no rail search / collapse controls).
             /* @__PURE__ */ jsxs77("div", { className: "flex h-14 w-full flex-shrink-0 overflow-hidden border-b border-ods-border bg-ods-card", children: [
-              railPresence.mounted && /* @__PURE__ */ jsx101(RailSlot, { active: railPresence.active, innerClassName: "flex overflow-hidden", children: archiveOpen ? (
+              railPresence.mounted && /* @__PURE__ */ jsx102(RailSlot, { active: railPresence.active, innerClassName: "flex overflow-hidden", children: archiveOpen ? (
                 // Archive open in the wide layout — the rail header
                 // turns into a "Chat Archive" back bar (the list itself
                 // renders in the rail below); the chat block is untouched.
                 // Back is a full-height leading cell, matching the other
                 // header cells (not a small inline chevron).
                 /* @__PURE__ */ jsxs77(Fragment34, { children: [
-                  /* @__PURE__ */ jsx101(ChatHeaderIconButton, { divider: "right", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ jsx101(Chevron02LeftIcon, { size: 24 }) }),
-                  /* @__PURE__ */ jsx101("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx101("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Chat Archive" }) })
+                  /* @__PURE__ */ jsx102(ChatHeaderIconButton, { divider: "right", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ jsx102(Chevron02LeftIcon, { size: 24 }) }),
+                  /* @__PURE__ */ jsx102("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx102("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Chat Archive" }) })
                 ] })
               ) : (
                 // "Current Chats" rail header — title fills, then the
@@ -26358,7 +26430,7 @@ function EmbeddableChatInner({
                 // inline field takes over the title area in place
                 // (Figma 116:51217) and the magnifier toggle is hidden.
                 /* @__PURE__ */ jsxs77(Fragment34, { children: [
-                  railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx101(
+                  railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx102(
                     ChatHeaderSearchField,
                     {
                       initialValue: mingoCaps.searchQuery,
@@ -26366,22 +26438,22 @@ function EmbeddableChatInner({
                       onCollapse: () => setRailSearchOpen(false)
                     }
                   ) : /* @__PURE__ */ jsxs77(Fragment34, { children: [
-                    /* @__PURE__ */ jsx101("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx101("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
-                    mingoCaps.onSearchChange && /* @__PURE__ */ jsx101(
+                    /* @__PURE__ */ jsx102("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx102("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
+                    mingoCaps.onSearchChange && /* @__PURE__ */ jsx102(
                       ChatHeaderIconButton,
                       {
                         onClick: () => setRailSearchOpen((o) => !o),
                         "aria-label": "Search chats",
                         "aria-pressed": railSearchOpen,
-                        children: /* @__PURE__ */ jsx101(SearchIcon, { size: 24 })
+                        children: /* @__PURE__ */ jsx102(SearchIcon, { size: 24 })
                       }
                     )
                   ] }),
-                  headerOnOpenArchive && /* @__PURE__ */ jsx101(ChatHeaderIconButton, { onClick: headerOnOpenArchive, "aria-label": "Chat archive", children: /* @__PURE__ */ jsx101(ClockHistoryIcon, { size: 24 }) })
+                  headerOnOpenArchive && /* @__PURE__ */ jsx102(ChatHeaderIconButton, { onClick: headerOnOpenArchive, "aria-label": "Chat archive", children: /* @__PURE__ */ jsx102(ClockHistoryIcon, { size: 24 }) })
                 ] })
               ) }),
               /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx101(
+                /* @__PURE__ */ jsx102(
                   "button",
                   {
                     type: "button",
@@ -26389,17 +26461,17 @@ function EmbeddableChatInner({
                     "aria-label": splitActive ? "Collapse chat list" : "Show chat list",
                     "aria-pressed": !splitActive,
                     className: "flex size-14 shrink-0 items-center justify-center border-r border-ods-border text-ods-text-secondary transition-colors hover:bg-ods-bg-hover hover:text-ods-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-                    children: splitActive ? /* @__PURE__ */ jsx101(Arrow02RightIcon, { size: 24 }) : /* @__PURE__ */ jsx101(Arrow02LeftIcon, { size: 24 })
+                    children: splitActive ? /* @__PURE__ */ jsx102(Arrow02RightIcon, { size: 24 }) : /* @__PURE__ */ jsx102(Arrow02LeftIcon, { size: 24 })
                   }
                 ),
                 /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-mf)] py-[var(--spacing-system-sf)]", children: [
                   /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-col", children: [
-                    /* @__PURE__ */ jsx101("p", { className: "truncate leading-tight text-ods-text-primary text-h3", children: headerShowBack || isGuideEmpty ? headerTitle : freshConversationTitle }),
-                    headerPersonName && /* @__PURE__ */ jsx101("p", { className: "truncate leading-tight text-ods-text-secondary text-h6", children: headerPersonName })
+                    /* @__PURE__ */ jsx102("p", { className: "truncate leading-tight text-ods-text-primary text-h3", children: headerShowBack || isGuideEmpty ? headerTitle : freshConversationTitle }),
+                    headerPersonName && /* @__PURE__ */ jsx102("p", { className: "truncate leading-tight text-ods-text-secondary text-h6", children: headerPersonName })
                   ] }),
                   headerAvatar ? (
                     // Owner avatar at the title cell's right edge (Figma 113:63273).
-                    /* @__PURE__ */ jsx101(
+                    /* @__PURE__ */ jsx102(
                       SquareAvatar,
                       {
                         variant: "round",
@@ -26414,17 +26486,17 @@ function EmbeddableChatInner({
                     )
                   ) : null
                 ] }),
-                isViewingArchived && headerOnRestore && /* @__PURE__ */ jsx101(ChatHeaderIconButton, { onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ jsx101(Refresh01LeftIcon, { size: 24 }) }),
-                headerShowBack && !isViewingArchived && splitHeaderMenuItems.length > 0 && /* @__PURE__ */ jsx101(
+                isViewingArchived && headerOnRestore && /* @__PURE__ */ jsx102(ChatHeaderIconButton, { onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ jsx102(Refresh01LeftIcon, { size: 24 }) }),
+                headerShowBack && !isViewingArchived && splitHeaderMenuItems.length > 0 && /* @__PURE__ */ jsx102(
                   ActionsMenuDropdown,
                   {
                     triggerAriaLabel: "Chat actions",
                     onCloseAutoFocus: (e) => e.preventDefault(),
                     groups: [{ items: splitHeaderMenuItems }],
-                    customTrigger: /* @__PURE__ */ jsx101(ChatHeaderIconButton, { "aria-label": "Chat actions", children: /* @__PURE__ */ jsx101(Ellipsis01Icon, { size: 24 }) })
+                    customTrigger: /* @__PURE__ */ jsx102(ChatHeaderIconButton, { "aria-label": "Chat actions", children: /* @__PURE__ */ jsx102(Ellipsis01Icon, { size: 24 }) })
                   }
                 ),
-                /* @__PURE__ */ jsx101(ChatHeaderIconButton, { onClick: handleClose, "aria-label": "Close", children: /* @__PURE__ */ jsx101(XmarkIcon, { size: 24 }) })
+                /* @__PURE__ */ jsx102(ChatHeaderIconButton, { onClick: handleClose, "aria-label": "Close", children: /* @__PURE__ */ jsx102(XmarkIcon, { size: 24 }) })
               ] })
             ] })
           ) : (
@@ -26432,14 +26504,14 @@ function EmbeddableChatInner({
             // guide, resolved into `narrowHeaderProps` above. (Wide layouts,
             // including rail-collapsed, use the wide header above.) Embedded
             // previews (hero demo tabs) force the compact bar via `compact`.
-            /* @__PURE__ */ jsx101(ChatPanelHeader, { ...narrowHeaderProps, compact: previewMode })
+            /* @__PURE__ */ jsx102(ChatPanelHeader, { ...narrowHeaderProps, compact: previewMode })
           ),
-          activeMode === "guide" && hasMingoMode && /* @__PURE__ */ jsx101(GuideModeBanner, { className: "duration-200 animate-in fade-in-0" }),
+          activeMode === "guide" && hasMingoMode && /* @__PURE__ */ jsx102(GuideModeBanner, { className: "duration-200 animate-in fade-in-0" }),
           /* @__PURE__ */ jsxs77("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
-            railPresence.mounted && /* @__PURE__ */ jsx101(RailSlot, { active: railPresence.active, innerClassName: "flex flex-col min-h-0 bg-ods-card", children: archiveOpen ? (
+            railPresence.mounted && /* @__PURE__ */ jsx102(RailSlot, { active: railPresence.active, innerClassName: "flex flex-col min-h-0 bg-ods-card", children: archiveOpen ? (
               // Archive list inside the rail (header lives in the split
               // header's left cell above). Right chat block stays put.
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 ChatArchivePage,
                 {
                   embedded: true,
@@ -26453,7 +26525,7 @@ function EmbeddableChatInner({
                   }
                 }
               )
-            ) : /* @__PURE__ */ jsx101(
+            ) : /* @__PURE__ */ jsx102(
               MingoHistoryRail,
               {
                 dialogs,
@@ -26477,11 +26549,11 @@ function EmbeddableChatInner({
                 onRetry: reloadDialogs
               }
             ) }),
-            /* @__PURE__ */ jsx101("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: stackedListView ? (
+            /* @__PURE__ */ jsx102("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: stackedListView ? (
               // Narrow "Current Chats" list (Figma 341:36190) — the default
               // single-column view. No composer here; "Start New Chat" opens
               // the compose view.
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 MingoHistoryRail,
                 {
                   className: "duration-200 animate-in fade-in-0",
@@ -26507,11 +26579,11 @@ function EmbeddableChatInner({
                 }
               )
             ) : /* @__PURE__ */ jsxs77(Fragment34, { children: [
-              /* @__PURE__ */ jsx101("div", { ref: galleryPanelRef, className: "flex min-h-0 flex-1 flex-col p-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102("div", { ref: galleryPanelRef, className: "flex min-h-0 flex-1 flex-col p-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx102(
                 "div",
                 {
                   className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0",
-                  children: hasConversation ? /* @__PURE__ */ jsx101("div", { className: "flex min-h-0 flex-1 flex-col", children: messagesInitialLoading ? (
+                  children: hasConversation ? /* @__PURE__ */ jsx102("div", { className: "flex min-h-0 flex-1 flex-col", children: messagesInitialLoading ? (
                     // Match the real list's `fullWidth` layout so swapping
                     // skeleton → bubbles doesn't shift the column. The panel
                     // wrapper above already pads (`p-[var(--spacing-system-m)]`),
@@ -26522,8 +26594,8 @@ function EmbeddableChatInner({
                     // skeleton overflows a short panel and grows its OWN
                     // scrollbar — ugly. `fill` top-anchors + clips overflow so
                     // it reads as "the whole panel is loading" and never scrolls.
-                    /* @__PURE__ */ jsx101(ChatMessageListSkeleton, { fullWidth: true, fill: previewMode, className: "flex-1" })
-                  ) : /* @__PURE__ */ jsx101(
+                    /* @__PURE__ */ jsx102(ChatMessageListSkeleton, { fullWidth: true, fill: previewMode, className: "flex-1" })
+                  ) : /* @__PURE__ */ jsx102(
                     ChatMessageList,
                     {
                       messages,
@@ -26554,7 +26626,7 @@ function EmbeddableChatInner({
                     centred greeting + capability grid + Guide-chat promo +
                     quick-action chips. Guide mode keeps the slash-command
                     onboarding list below. */
-                    /* @__PURE__ */ jsx101(
+                    /* @__PURE__ */ jsx102(
                       MingoWelcome,
                       {
                         onStartGuideChat: effectiveModes.guide ? () => handleActiveModeChange("guide") : void 0,
@@ -26569,7 +26641,7 @@ function EmbeddableChatInner({
                     /* Figma node 7532:328214 — Guide-mode empty state: greeting
                     + slash-command onboarding list share one scroll region,
                     with a pinned quick-action chip row above the composer. */
-                    /* @__PURE__ */ jsx101(
+                    /* @__PURE__ */ jsx102(
                       GuideWelcome,
                       {
                         subtitle: effectiveGreeting ?? void 0,
@@ -26586,7 +26658,7 @@ function EmbeddableChatInner({
                         onQuickActionHoverEnd: () => setQuickActionPreview(null),
                         agentSlug: activeAgentSlug,
                         children: (chipCommands.length > 0 || !commandsLoaded) && /* @__PURE__ */ jsxs77("div", { className: "shrink-0 overflow-hidden rounded-md border border-ods-border", children: [
-                          !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ jsx101(
+                          !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ jsx102(
                             MingoOnboardingCardSkeleton,
                             {
                               titleWidth: variant.titleWidth,
@@ -26604,10 +26676,10 @@ function EmbeddableChatInner({
                               label: action.label,
                               onClick: () => dispatchSlashCommandAction(action.id, cmdId, chatInputRef)
                             }));
-                            return /* @__PURE__ */ jsx101(
+                            return /* @__PURE__ */ jsx102(
                               MingoOnboardingCard,
                               {
-                                icon: /* @__PURE__ */ jsx101(Icon, { size: 16 }),
+                                icon: /* @__PURE__ */ jsx102(Icon, { size: 16 }),
                                 title: label,
                                 slashCommand: `/${cmdId}`,
                                 description: cmd.description,
@@ -26623,7 +26695,7 @@ function EmbeddableChatInner({
                 },
                 contentViewKey
               ) }),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 ChatAttachmentChipStrip,
                 {
                   attachments: stagedAttachments,
@@ -26631,7 +26703,7 @@ function EmbeddableChatInner({
                   disabled: chatLoading
                 }
               ),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 ChatComposer,
                 {
                   archived: isViewingArchived,
@@ -26679,7 +26751,7 @@ function EmbeddableChatInner({
       }
     ),
     galleryModal,
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx102(
       ChatDialogModals,
       {
         renameTarget,
@@ -26693,15 +26765,15 @@ function EmbeddableChatInner({
         onConfirmRestore: handleConfirmRestore
       }
     ),
-    /* @__PURE__ */ jsx101("div", { ref: setPortalHost, style: { display: "contents" } })
+    /* @__PURE__ */ jsx102("div", { ref: setPortalHost, style: { display: "contents" } })
   ] }) });
   const panel = shellLess ? /* @__PURE__ */ jsxs77(ChatPanelContext.Provider, { value: chatPanelHandle, children: [
-    /* @__PURE__ */ jsx101(VisuallyHidden, { children: /* @__PURE__ */ jsxs77(DialogPrimitive2.Title, { children: [
+    /* @__PURE__ */ jsx102(VisuallyHidden, { children: /* @__PURE__ */ jsxs77(DialogPrimitive2.Title, { children: [
       sourceLabel,
       " AI Assistant"
     ] }) }),
     body
-  ] }) : /* @__PURE__ */ jsx101(Drawer, { open: isOpen, onOpenChange: (o) => !o && handleClose(), children: /* @__PURE__ */ jsx101(ChatPanelContext.Provider, { value: chatPanelHandle, children: /* @__PURE__ */ jsxs77(
+  ] }) : /* @__PURE__ */ jsx102(Drawer, { open: isOpen, onOpenChange: (o) => !o && handleClose(), children: /* @__PURE__ */ jsx102(ChatPanelContext.Provider, { value: chatPanelHandle, children: /* @__PURE__ */ jsxs77(
     DrawerContent,
     {
       side: "right",
@@ -26709,14 +26781,14 @@ function EmbeddableChatInner({
       resizable: true,
       minSize: 480,
       maxSize: 1600,
-      defaultSize: drawerDefaultWidth(historyListMode),
+      defaultSize: historyListMode ? drawerDefaultWidthWithRail : drawerDefaultWidthWithoutRail,
       storageKey: DRAWER_WIDTH_KEY,
       resizeAriaLabel: "Resize chat panel",
       overlayClassName: "mingo-chat-overlay",
       "aria-describedby": void 0,
       className: "mingo-chat-content w-screen !bg-ods-bg shadow-2xl focus:outline-none focus-visible:outline-none md:w-auto",
       children: [
-        /* @__PURE__ */ jsx101(VisuallyHidden, { children: /* @__PURE__ */ jsxs77(DialogPrimitive2.Title, { children: [
+        /* @__PURE__ */ jsx102(VisuallyHidden, { children: /* @__PURE__ */ jsxs77(DialogPrimitive2.Title, { children: [
           sourceLabel,
           " AI Assistant"
         ] }) }),
@@ -26725,16 +26797,16 @@ function EmbeddableChatInner({
     }
   ) }) });
   return /* @__PURE__ */ jsxs77(Fragment34, { children: [
-    showInternalTrigger && !shellLess && /* @__PURE__ */ jsx101(
+    showInternalTrigger && !shellLess && /* @__PURE__ */ jsx102(
       "div",
       {
         "aria-hidden": isOpen,
         className: `pointer-events-none sticky bottom-0 z-[9990] h-0 ${isOpen ? "opacity-0" : "opacity-100"}`,
-        children: /* @__PURE__ */ jsx101("div", { className: "absolute bottom-4 right-4 md:bottom-6 md:right-6", children: /* @__PURE__ */ jsx101(
+        children: /* @__PURE__ */ jsx102("div", { className: "absolute bottom-4 right-4 md:bottom-6 md:right-6", children: /* @__PURE__ */ jsx102(
           Button,
           {
             onClick: handleOpen,
-            leftIcon: /* @__PURE__ */ jsx101(MingoIcon, { className: "h-5 w-5", color: "currentColor" }),
+            leftIcon: /* @__PURE__ */ jsx102(MingoIcon, { className: "h-5 w-5", color: "currentColor" }),
             tabIndex: isOpen ? -1 : 0,
             className: `pointer-events-auto !w-auto shadow-lg ${isOpen ? "!pointer-events-none" : ""}`,
             children: "Ask AI"
@@ -26747,7 +26819,7 @@ function EmbeddableChatInner({
 }
 
 // src/components/chat/proxy-credentials-panel.tsx
-import { useMemo as useMemo31, useState as useState49 } from "react";
+import { useMemo as useMemo32, useState as useState50 } from "react";
 
 // src/components/ui/field.tsx
 import { useId as useId3 } from "react";
@@ -26755,11 +26827,11 @@ import { useId as useId3 } from "react";
 // src/components/ui/info-hint.tsx
 import { Info as Info3 } from "lucide-react";
 import { useId as useId2 } from "react";
-import { jsx as jsx102, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs78 } from "react/jsx-runtime";
 function InfoHint({ children, label, side = "top", className }) {
   const describedById = useId2();
   return /* @__PURE__ */ jsxs78("span", { className: cn("inline-flex shrink-0 items-center", className), children: [
-    /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsx103(
       FloatingTooltip,
       {
         content: children,
@@ -26767,7 +26839,7 @@ function InfoHint({ children, label, side = "top", className }) {
         as: "span",
         triggerClassName: "inline-flex shrink-0 items-center",
         className: "text-h6",
-        children: /* @__PURE__ */ jsx102(
+        children: /* @__PURE__ */ jsx103(
           Button,
           {
             type: "button",
@@ -26777,17 +26849,17 @@ function InfoHint({ children, label, side = "top", className }) {
             "aria-label": label ? `About ${label}` : "More information",
             "aria-describedby": describedById,
             className: "text-ods-text-secondary hover:text-ods-text-primary",
-            children: /* @__PURE__ */ jsx102(Info3, { className: "h-3.5 w-3.5 shrink-0" })
+            children: /* @__PURE__ */ jsx103(Info3, { className: "h-3.5 w-3.5 shrink-0" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx102("span", { id: describedById, className: "sr-only", children })
+    /* @__PURE__ */ jsx103("span", { id: describedById, className: "sr-only", children })
   ] });
 }
 
 // src/components/ui/field.tsx
-import { jsx as jsx103, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs79 } from "react/jsx-runtime";
 function Field({ label, hint, required, children, error, labelExtras, labelEnd }) {
   const controlId = useId3();
   const errorId = `${controlId}-error`;
@@ -26801,19 +26873,19 @@ function Field({ label, hint, required, children, error, labelExtras, labelEnd }
     /* @__PURE__ */ jsxs79("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxs79(Label, { htmlFor: controlId, children: [
         label,
-        required && /* @__PURE__ */ jsx103(RequiredMark, {})
+        required && /* @__PURE__ */ jsx104(RequiredMark, {})
       ] }),
-      hint && /* @__PURE__ */ jsx103(InfoHint, { label, children: hint }),
+      hint && /* @__PURE__ */ jsx104(InfoHint, { label, children: hint }),
       labelExtras,
-      labelEnd && /* @__PURE__ */ jsx103("span", { className: "ml-auto shrink-0", children: labelEnd })
+      labelEnd && /* @__PURE__ */ jsx104("span", { className: "ml-auto shrink-0", children: labelEnd })
     ] }),
-    /* @__PURE__ */ jsx103("div", { className: "pt-[var(--spacing-system-xxs)]", children: children(renderProps) }),
-    error && /* @__PURE__ */ jsx103("p", { id: errorId, role: "alert", className: "text-ods-error text-h6", children: error })
+    /* @__PURE__ */ jsx104("div", { className: "pt-[var(--spacing-system-xxs)]", children: children(renderProps) }),
+    error && /* @__PURE__ */ jsx104("p", { id: errorId, role: "alert", className: "text-ods-error text-h6", children: error })
   ] });
 }
 
 // src/components/chat/proxy-credentials-panel.tsx
-import { jsx as jsx104, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs80 } from "react/jsx-runtime";
 var httpsOnly = (label) => (value) => /^https:\/\//i.test(value) ? null : `${label} must start with https://`;
 var OPTIONAL_FIELD_COPY = {
   avatarUrl: {
@@ -26866,20 +26938,20 @@ function maskKey(key) {
   return key.length - prefix.length <= 8 ? `${prefix}\u2022\u2022\u2022\u2022` : `${prefix}\u2026${key.slice(-4)}`;
 }
 function HeaderName({ children }) {
-  return /* @__PURE__ */ jsx104("code", { className: "font-mono text-ods-text-secondary text-h6", children });
+  return /* @__PURE__ */ jsx105("code", { className: "font-mono text-ods-text-secondary text-h6", children });
 }
 function Section({ title, description, children }) {
   return /* @__PURE__ */ jsxs80("section", { className: "space-y-[var(--spacing-system-sf)]", children: [
     /* @__PURE__ */ jsxs80("div", { children: [
-      /* @__PURE__ */ jsx104("h3", { className: "text-ods-text-primary text-h4", children: title }),
-      /* @__PURE__ */ jsx104("p", { className: "text-ods-text-secondary text-h6", children: description })
+      /* @__PURE__ */ jsx105("h3", { className: "text-ods-text-primary text-h4", children: title }),
+      /* @__PURE__ */ jsx105("p", { className: "text-ods-text-secondary text-h6", children: description })
     ] }),
     children
   ] });
 }
 function ProxyCredentialsPanel({ description }) {
   const hydrated = useIsHydrated();
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     ProxyCredentialsForm,
     {
       description,
@@ -26890,13 +26962,13 @@ function ProxyCredentialsPanel({ description }) {
 }
 function ProxyCredentialsForm({ description, saved }) {
   const { secret: savedSecret, email: savedEmail, ...savedOptional } = saved ?? { email: "", secret: "" };
-  const [secret, setSecret] = useState49("");
-  const [email, setEmail] = useState49(savedEmail);
-  const [optional, setOptional] = useState49(savedOptional);
-  const [savedKeyTail, setSavedKeyTail] = useState49(savedSecret ? maskKey(savedSecret) : null);
-  const [activeEmail, setActiveEmail] = useState49(savedEmail || null);
-  const [status, setStatus] = useState49("");
-  const errors = useMemo31(() => {
+  const [secret, setSecret] = useState50("");
+  const [email, setEmail] = useState50(savedEmail);
+  const [optional, setOptional] = useState50(savedOptional);
+  const [savedKeyTail, setSavedKeyTail] = useState50(savedSecret ? maskKey(savedSecret) : null);
+  const [activeEmail, setActiveEmail] = useState50(savedEmail || null);
+  const [status, setStatus] = useState50("");
+  const errors = useMemo32(() => {
     const out = {};
     for (const { field } of EMBED_PROXY_OPTIONAL_HEADERS) {
       const value = optional[field]?.trim();
@@ -26939,28 +27011,28 @@ function ProxyCredentialsForm({ description, saved }) {
     setStatus("Cleared. Requests use the session again.");
   };
   const setField = (field, value) => setOptional((prev) => ({ ...prev, [field]: value }));
-  return /* @__PURE__ */ jsx104(Card, { children: /* @__PURE__ */ jsxs80(CardContent, { className: "space-y-[var(--spacing-system-lf)] p-[var(--spacing-system-mf)]", children: [
+  return /* @__PURE__ */ jsx105(Card, { children: /* @__PURE__ */ jsxs80(CardContent, { className: "space-y-[var(--spacing-system-lf)] p-[var(--spacing-system-mf)]", children: [
     /* @__PURE__ */ jsxs80("header", { className: "flex flex-col gap-[var(--spacing-system-sf)] sm:flex-row sm:items-start sm:justify-between", children: [
       /* @__PURE__ */ jsxs80("div", { children: [
-        /* @__PURE__ */ jsx104("h2", { className: "text-ods-text-primary text-h3", children: "Proxy credentials" }),
-        description && /* @__PURE__ */ jsx104("p", { className: "text-ods-text-secondary text-h6", children: description })
+        /* @__PURE__ */ jsx105("h2", { className: "text-ods-text-primary text-h3", children: "Proxy credentials" }),
+        description && /* @__PURE__ */ jsx105("p", { className: "text-ods-text-secondary text-h6", children: description })
       ] }),
-      activeEmail && /* @__PURE__ */ jsx104("div", { className: "self-start", children: /* @__PURE__ */ jsx104(StatusBadge, { singleLine: true, colorScheme: "success", text: `Active: ${activeEmail}` }) })
+      activeEmail && /* @__PURE__ */ jsx105("div", { className: "self-start", children: /* @__PURE__ */ jsx105(StatusBadge, { singleLine: true, colorScheme: "success", text: `Active: ${activeEmail}` }) })
     ] }),
-    /* @__PURE__ */ jsx104(
+    /* @__PURE__ */ jsx105(
       Section,
       {
         title: "Credentials",
         description: "A platform API key minted in /admin/api-keys for this platform, and the user to act as.",
         children: /* @__PURE__ */ jsxs80("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-sf)] md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             Field,
             {
               label: "Platform API key",
               required: true,
               hint: "A SERVICE key may act as anyone; a personal key only as its owner.",
-              labelEnd: /* @__PURE__ */ jsx104(HeaderName, { children: "Authorization" }),
-              children: (props) => /* @__PURE__ */ jsx104(
+              labelEnd: /* @__PURE__ */ jsx105(HeaderName, { children: "Authorization" }),
+              children: (props) => /* @__PURE__ */ jsx105(
                 Input,
                 {
                   ...props,
@@ -26974,14 +27046,14 @@ function ProxyCredentialsForm({ description, saved }) {
               )
             }
           ),
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             Field,
             {
               label: "Act as",
               required: true,
               hint: "The end user the requests run as.",
-              labelEnd: /* @__PURE__ */ jsx104(HeaderName, { children: "X-Chat-Act-As" }),
-              children: (props) => /* @__PURE__ */ jsx104(
+              labelEnd: /* @__PURE__ */ jsx105(HeaderName, { children: "X-Chat-Act-As" }),
+              children: (props) => /* @__PURE__ */ jsx105(
                 Input,
                 {
                   ...props,
@@ -26998,16 +27070,16 @@ function ProxyCredentialsForm({ description, saved }) {
         ] })
       }
     ),
-    GROUPS.map((group) => /* @__PURE__ */ jsx104(Section, { title: group.title, description: group.description, children: /* @__PURE__ */ jsx104("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-sf)] md:grid-cols-2", children: EMBED_PROXY_OPTIONAL_HEADERS.filter((row) => row.group === group.id).map(({ field, header }) => {
+    GROUPS.map((group) => /* @__PURE__ */ jsx105(Section, { title: group.title, description: group.description, children: /* @__PURE__ */ jsx105("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-sf)] md:grid-cols-2", children: EMBED_PROXY_OPTIONAL_HEADERS.filter((row) => row.group === group.id).map(({ field, header }) => {
       const copy = OPTIONAL_FIELD_COPY[field];
-      return /* @__PURE__ */ jsx104(
+      return /* @__PURE__ */ jsx105(
         Field,
         {
           label: copy.label,
           hint: copy.hint,
           error: errors[field] ?? null,
-          labelEnd: /* @__PURE__ */ jsx104(HeaderName, { children: header }),
-          children: (props) => /* @__PURE__ */ jsx104(
+          labelEnd: /* @__PURE__ */ jsx105(HeaderName, { children: header }),
+          children: (props) => /* @__PURE__ */ jsx105(
             Input,
             {
               ...props,
@@ -27023,18 +27095,18 @@ function ProxyCredentialsForm({ description, saved }) {
         field
       );
     }) }) }, group.id)),
-    /* @__PURE__ */ jsx104(Section, { title: "Headers sent", description: "What the next chat or MCP request carries, from the form as typed.", children: /* @__PURE__ */ jsx104("div", { className: "rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)]", children: preview.length ? /* @__PURE__ */ jsx104("dl", { className: "space-y-[var(--spacing-system-xxs)] font-mono text-h6", children: preview.map(([name, value]) => /* @__PURE__ */ jsxs80("div", { className: "flex flex-wrap gap-x-[var(--spacing-system-xsf)]", children: [
+    /* @__PURE__ */ jsx105(Section, { title: "Headers sent", description: "What the next chat or MCP request carries, from the form as typed.", children: /* @__PURE__ */ jsx105("div", { className: "rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)]", children: preview.length ? /* @__PURE__ */ jsx105("dl", { className: "space-y-[var(--spacing-system-xxs)] font-mono text-h6", children: preview.map(([name, value]) => /* @__PURE__ */ jsxs80("div", { className: "flex flex-wrap gap-x-[var(--spacing-system-xsf)]", children: [
       /* @__PURE__ */ jsxs80("dt", { className: "text-ods-text-secondary", children: [
         name,
         ":"
       ] }),
-      /* @__PURE__ */ jsx104("dd", { className: "break-all text-ods-text-primary", children: value })
-    ] }, name)) }) : /* @__PURE__ */ jsx104("p", { className: "text-ods-text-secondary text-h6", children: "No proxy headers: requests use the session." }) }) }),
+      /* @__PURE__ */ jsx105("dd", { className: "break-all text-ods-text-primary", children: value })
+    ] }, name)) }) : /* @__PURE__ */ jsx105("p", { className: "text-ods-text-secondary text-h6", children: "No proxy headers: requests use the session." }) }) }),
     /* @__PURE__ */ jsxs80("div", { className: "flex flex-wrap items-center justify-between gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ jsx104("span", { className: "text-ods-text-secondary text-h6", children: status }),
+      /* @__PURE__ */ jsx105("span", { className: "text-ods-text-secondary text-h6", children: status }),
       /* @__PURE__ */ jsxs80("div", { className: "flex gap-[var(--spacing-system-xsf)]", children: [
-        /* @__PURE__ */ jsx104(Button, { variant: "outline", onClick: clear, disabled: !activeEmail && !secret && !email, children: "Clear" }),
-        /* @__PURE__ */ jsx104(Button, { onClick: save, disabled: !canSave, children: "Save" })
+        /* @__PURE__ */ jsx105(Button, { variant: "outline", onClick: clear, disabled: !activeEmail && !secret && !email, children: "Clear" }),
+        /* @__PURE__ */ jsx105(Button, { onClick: save, disabled: !canSave, children: "Save" })
       ] })
     ] })
   ] }) });
@@ -27095,6 +27167,8 @@ export {
   ModalHeader,
   ModalTitle,
   ModalFooter,
+  useResizablePanelSize,
+  PanelResizeHandle,
   OVERLAY_BACKDROP_CLASS,
   Drawer,
   DrawerTrigger,