@mediansh/widget 0.8.0 → 0.9.0

package/dist/index.js

@@ -10,7 +10,7 @@ import {
 } from "./chunk-77KIJLPP.js";
 
 // ../../apps/web/src/components/support-widget/sdk/median-support.tsx
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect26 } from "react";
 
 // ../../apps/web/src/components/support-widget/markdown-chunk.tsx
 import { lazy, useSyncExternalStore } from "react";
@@ -69,12 +69,12 @@ import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef
 import * as e from "react";
 var w = e.forwardRef((l5, s4) => {
   const {
-    alt: r38,
-    color: a29 = "currentColor",
-    size: t11 = "1em",
-    weight: o46 = "regular",
+    alt: r42,
+    color: a30 = "currentColor",
+    size: t14 = "1em",
+    weight: o54 = "regular",
     mirrored: i3 = false,
-    children: n,
+    children: n2,
     weights: c8,
     ...m5
   } = l5;
@@ -83,16 +83,16 @@ var w = e.forwardRef((l5, s4) => {
     {
       ref: s4,
       xmlns: "http://www.w3.org/2000/svg",
-      width: t11,
-      height: t11,
-      fill: a29,
+      width: t14,
+      height: t14,
+      fill: a30,
       viewBox: "0 0 256 256",
       transform: i3 ? "scale(-1, 1)" : void 0,
       ...m5
     },
-    !!r38 && /* @__PURE__ */ e.createElement("title", null, r38),
-    n,
-    c8.get(o46)
+    !!r42 && /* @__PURE__ */ e.createElement("title", null, r42),
+    n2,
+    c8.get(o54)
   );
 });
 w.displayName = "SSRBase";
@@ -130,7 +130,7 @@ var a = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowDown.es.js
-var r = o.forwardRef((e56, t11) => /* @__PURE__ */ o.createElement(w, { ref: t11, ...e56, weights: a }));
+var r = o.forwardRef((e62, t14) => /* @__PURE__ */ o.createElement(w, { ref: t14, ...e62, weights: a }));
 r.displayName = "ArrowDownIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowRight.es.js
@@ -166,7 +166,7 @@ var a2 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowRight.es.js
-var o2 = r2.forwardRef((t11, e56) => /* @__PURE__ */ r2.createElement(w, { ref: e56, ...t11, weights: a2 }));
+var o2 = r2.forwardRef((t14, e62) => /* @__PURE__ */ r2.createElement(w, { ref: e62, ...t14, weights: a2 }));
 o2.displayName = "ArrowRightIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowUp.es.js
@@ -202,7 +202,7 @@ var a3 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowUp.es.js
-var o3 = r3.forwardRef((e56, t11) => /* @__PURE__ */ r3.createElement(w, { ref: t11, ...e56, weights: a3 }));
+var o3 = r3.forwardRef((e62, t14) => /* @__PURE__ */ r3.createElement(w, { ref: t14, ...e62, weights: a3 }));
 o3.displayName = "ArrowUpIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsClockwise.es.js
@@ -238,7 +238,7 @@ var e5 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsClockwise.es.js
-var r4 = o4.forwardRef((e56, s4) => /* @__PURE__ */ o4.createElement(w, { ref: s4, ...e56, weights: e5 }));
+var r4 = o4.forwardRef((e62, s4) => /* @__PURE__ */ o4.createElement(w, { ref: s4, ...e62, weights: e5 }));
 r4.displayName = "ArrowsClockwiseIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsIn.es.js
@@ -280,7 +280,7 @@ var e6 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsIn.es.js
-var o5 = r5.forwardRef((e56, s4) => /* @__PURE__ */ r5.createElement(w, { ref: s4, ...e56, weights: e6 }));
+var o5 = r5.forwardRef((e62, s4) => /* @__PURE__ */ r5.createElement(w, { ref: s4, ...e62, weights: e6 }));
 o5.displayName = "ArrowsInIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsOut.es.js
@@ -316,7 +316,7 @@ var e7 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsOut.es.js
-var o6 = r6.forwardRef((t11, e56) => /* @__PURE__ */ r6.createElement(w, { ref: e56, ...t11, weights: e7 }));
+var o6 = r6.forwardRef((t14, e62) => /* @__PURE__ */ r6.createElement(w, { ref: e62, ...t14, weights: e7 }));
 o6.displayName = "ArrowsOutIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Bug.es.js
@@ -352,7 +352,7 @@ var e8 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Bug.es.js
-var e9 = o7.forwardRef((r38, t11) => /* @__PURE__ */ o7.createElement(w, { ref: t11, ...r38, weights: e8 }));
+var e9 = o7.forwardRef((r42, t14) => /* @__PURE__ */ o7.createElement(w, { ref: t14, ...r42, weights: e8 }));
 e9.displayName = "BugIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretDown.es.js
@@ -388,7 +388,7 @@ var t = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretDown.es.js
-var e11 = o8.forwardRef((r38, t11) => /* @__PURE__ */ o8.createElement(w, { ref: t11, ...r38, weights: t }));
+var e11 = o8.forwardRef((r42, t14) => /* @__PURE__ */ o8.createElement(w, { ref: t14, ...r42, weights: t }));
 e11.displayName = "CaretDownIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretRight.es.js
@@ -424,7 +424,7 @@ var t2 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretRight.es.js
-var e13 = t3.forwardRef((r38, o46) => /* @__PURE__ */ t3.createElement(w, { ref: o46, ...r38, weights: t2 }));
+var e13 = t3.forwardRef((r42, o54) => /* @__PURE__ */ t3.createElement(w, { ref: o54, ...r42, weights: t2 }));
 e13.displayName = "CaretRightIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ChatCircleDots.es.js
@@ -466,7 +466,7 @@ var e14 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ChatCircleDots.es.js
-var o9 = t4.forwardRef((e56, r38) => /* @__PURE__ */ t4.createElement(w, { ref: r38, ...e56, weights: e14 }));
+var o9 = t4.forwardRef((e62, r42) => /* @__PURE__ */ t4.createElement(w, { ref: r42, ...e62, weights: e14 }));
 o9.displayName = "ChatCircleDotsIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Check.es.js
@@ -508,7 +508,7 @@ var a9 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Check.es.js
-var o10 = e16.forwardRef((r38, t11) => /* @__PURE__ */ e16.createElement(w, { ref: t11, ...r38, weights: a9 }));
+var o10 = e16.forwardRef((r42, t14) => /* @__PURE__ */ e16.createElement(w, { ref: t14, ...r42, weights: a9 }));
 o10.displayName = "CheckIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/EnvelopeSimple.es.js
@@ -580,7 +580,7 @@ var a11 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/File.es.js
-var o12 = e20.forwardRef((r38, t11) => /* @__PURE__ */ e20.createElement(w, { ref: t11, ...r38, weights: a11 }));
+var o12 = e20.forwardRef((r42, t14) => /* @__PURE__ */ e20.createElement(w, { ref: t14, ...r42, weights: a11 }));
 o12.displayName = "FileIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ImageSquare.es.js
@@ -622,7 +622,7 @@ var e21 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ImageSquare.es.js
-var a13 = e22.forwardRef((r38, o46) => /* @__PURE__ */ e22.createElement(w, { ref: o46, ...r38, weights: e21 }));
+var a13 = e22.forwardRef((r42, o54) => /* @__PURE__ */ e22.createElement(w, { ref: o54, ...r42, weights: e21 }));
 a13.displayName = "ImageSquareIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Lightbulb.es.js
@@ -664,7 +664,7 @@ var e23 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Lightbulb.es.js
-var o13 = t5.forwardRef((e56, r38) => /* @__PURE__ */ t5.createElement(w, { ref: r38, ...e56, weights: e23 }));
+var o13 = t5.forwardRef((e62, r42) => /* @__PURE__ */ t5.createElement(w, { ref: r42, ...e62, weights: e23 }));
 o13.displayName = "LightbulbIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/LockSimple.es.js
@@ -706,7 +706,7 @@ var e24 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/LockSimple.es.js
-var e25 = o14.forwardRef((m5, r38) => /* @__PURE__ */ o14.createElement(w, { ref: r38, ...m5, weights: e24 }));
+var e25 = o14.forwardRef((m5, r42) => /* @__PURE__ */ o14.createElement(w, { ref: r42, ...m5, weights: e24 }));
 e25.displayName = "LockSimpleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Play.es.js
@@ -748,7 +748,7 @@ var a16 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Play.es.js
-var a17 = o15.forwardRef((e56, r38) => /* @__PURE__ */ o15.createElement(w, { ref: r38, ...e56, weights: a16 }));
+var a17 = o15.forwardRef((e62, r42) => /* @__PURE__ */ o15.createElement(w, { ref: r42, ...e62, weights: a16 }));
 a17.displayName = "PlayIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Plus.es.js
@@ -790,7 +790,7 @@ var a18 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Plus.es.js
-var e28 = o16.forwardRef((r38, s4) => /* @__PURE__ */ o16.createElement(w, { ref: s4, ...r38, weights: a18 }));
+var e28 = o16.forwardRef((r42, s4) => /* @__PURE__ */ o16.createElement(w, { ref: s4, ...r42, weights: a18 }));
 e28.displayName = "PlusIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Sparkle.es.js
@@ -832,7 +832,7 @@ var l = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Sparkle.es.js
-var r7 = e29.forwardRef((o46, a29) => /* @__PURE__ */ e29.createElement(w, { ref: a29, ...o46, weights: l }));
+var r7 = e29.forwardRef((o54, a30) => /* @__PURE__ */ e29.createElement(w, { ref: a30, ...o54, weights: l }));
 r7.displayName = "SparkleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Star.es.js
@@ -874,7 +874,7 @@ var l2 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Star.es.js
-var t6 = r8.forwardRef((o46, a29) => /* @__PURE__ */ r8.createElement(w, { ref: a29, ...o46, weights: l2 }));
+var t6 = r8.forwardRef((o54, a30) => /* @__PURE__ */ r8.createElement(w, { ref: a30, ...o54, weights: l2 }));
 t6.displayName = "StarIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/UserCircle.es.js
@@ -916,7 +916,7 @@ var a21 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/UserCircle.es.js
-var r9 = e31.forwardRef((o46, s4) => /* @__PURE__ */ e31.createElement(w, { ref: s4, ...o46, weights: a21 }));
+var r9 = e31.forwardRef((o54, s4) => /* @__PURE__ */ e31.createElement(w, { ref: s4, ...o54, weights: a21 }));
 r9.displayName = "UserCircleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/WarningCircle.es.js
@@ -952,7 +952,7 @@ var a22 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/WarningCircle.es.js
-var e33 = r10.forwardRef((o46, a29) => /* @__PURE__ */ r10.createElement(w, { ref: a29, ...o46, weights: a22 }));
+var e33 = r10.forwardRef((o54, a30) => /* @__PURE__ */ r10.createElement(w, { ref: a30, ...o54, weights: a22 }));
 e33.displayName = "WarningCircleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/X.es.js
@@ -994,7 +994,7 @@ var a23 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/X.es.js
-var e35 = o17.forwardRef((r38, t11) => /* @__PURE__ */ o17.createElement(w, { ref: t11, ...r38, weights: a23 }));
+var e35 = o17.forwardRef((r42, t14) => /* @__PURE__ */ o17.createElement(w, { ref: t14, ...r42, weights: a23 }));
 e35.displayName = "XIcon";
 
 // ../../apps/web/src/components/icons.tsx
@@ -1130,17 +1130,21 @@ var COLLAPSE_MS = 200;
 function Collapse({
   isOpen,
   id,
+  direction = "vertical",
   children,
   className
 }) {
+  const isSideways = direction === "horizontal";
   return /* @__PURE__ */ jsx2(
     "div",
     {
       id,
       inert: isOpen ? void 0 : true,
       className: cn(
-        "grid transition-[grid-template-rows,opacity] duration-200 ease-out motion-reduce:transition-none",
-        isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+        "grid duration-200 ease-out motion-reduce:transition-none",
+        isSideways ? "transition-[grid-template-columns,opacity]" : "transition-[grid-template-rows,opacity]",
+        isSideways ? isOpen ? "grid-cols-[1fr]" : "grid-cols-[0fr]" : isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]",
+        isOpen ? "opacity-100" : "opacity-0",
         className
       ),
       children: /* @__PURE__ */ jsx2("div", { className: "overflow-hidden", children })
@@ -1153,57 +1157,57 @@ import * as React3 from "react";
 
 // ../../node_modules/.bun/@shadcn+react@0.3.0+03aa47d54245a271/node_modules/@shadcn/react/dist/chunk-HBS6WEDP.js
 import * as i2 from "react";
-function S({ defaultTagName: a29, props: r38, render: t11, state: n = {}, stateAttributesMapping: e56 }) {
-  let o46 = d(R(n, e56), r38);
-  if (!t11) return i2.createElement(a29, o46);
-  if (typeof t11 == "function") return t11(o46, n);
-  if (!i2.isValidElement(t11)) return null;
-  let s4 = t11.props, u = { ...d(o46, s4), ref: f8(o46.ref, s4.ref) };
-  return i2.cloneElement(t11, u);
-}
-function d(...a29) {
-  let r38 = {};
-  for (let t11 of a29) {
-    if (!t11) continue;
-    let n = t11;
-    for (let e56 of Object.keys(n)) {
-      let o46 = n[e56];
-      if (o46 === void 0) continue;
-      let s4 = r38[e56];
-      e56 === "className" ? r38[e56] = [s4, o46].filter(Boolean).join(" ") : e56 === "style" ? r38[e56] = { ...s4, ...o46 } : e56 === "ref" ? r38[e56] = f8(s4, o46) : l4(e56) && typeof s4 == "function" && typeof o46 == "function" ? r38[e56] = p2(o46, s4) : r38[e56] = o46;
+function S({ defaultTagName: a30, props: r42, render: t14, state: n2 = {}, stateAttributesMapping: e62 }) {
+  let o54 = d(R(n2, e62), r42);
+  if (!t14) return i2.createElement(a30, o54);
+  if (typeof t14 == "function") return t14(o54, n2);
+  if (!i2.isValidElement(t14)) return null;
+  let s4 = t14.props, u = { ...d(o54, s4), ref: f8(o54.ref, s4.ref) };
+  return i2.cloneElement(t14, u);
+}
+function d(...a30) {
+  let r42 = {};
+  for (let t14 of a30) {
+    if (!t14) continue;
+    let n2 = t14;
+    for (let e62 of Object.keys(n2)) {
+      let o54 = n2[e62];
+      if (o54 === void 0) continue;
+      let s4 = r42[e62];
+      e62 === "className" ? r42[e62] = [s4, o54].filter(Boolean).join(" ") : e62 === "style" ? r42[e62] = { ...s4, ...o54 } : e62 === "ref" ? r42[e62] = f8(s4, o54) : l4(e62) && typeof s4 == "function" && typeof o54 == "function" ? r42[e62] = p2(o54, s4) : r42[e62] = o54;
     }
   }
-  return r38;
+  return r42;
 }
-function R(a29, r38) {
-  let t11 = {};
-  for (let n of Object.keys(a29)) {
-    let e56 = a29[n], o46 = r38?.[n]?.(e56);
-    if (o46) {
-      Object.assign(t11, o46);
+function R(a30, r42) {
+  let t14 = {};
+  for (let n2 of Object.keys(a30)) {
+    let e62 = a30[n2], o54 = r42?.[n2]?.(e62);
+    if (o54) {
+      Object.assign(t14, o54);
       continue;
     }
-    if (n === "slot") {
-      t11["data-slot"] = e56;
+    if (n2 === "slot") {
+      t14["data-slot"] = e62;
       continue;
     }
-    let s4 = `data-${String(n).replace(/[A-Z]/g, (c8) => `-${c8.toLowerCase()}`)}`;
-    typeof e56 == "boolean" ? t11[s4] = e56 ? "" : void 0 : e56 != null && (t11[s4] = String(e56));
+    let s4 = `data-${String(n2).replace(/[A-Z]/g, (c8) => `-${c8.toLowerCase()}`)}`;
+    typeof e62 == "boolean" ? t14[s4] = e62 ? "" : void 0 : e62 != null && (t14[s4] = String(e62));
   }
-  return t11;
+  return t14;
 }
-function p2(a29, r38) {
-  return function(n) {
-    a29(n), n.defaultPrevented || r38(n);
+function p2(a30, r42) {
+  return function(n2) {
+    a30(n2), n2.defaultPrevented || r42(n2);
   };
 }
-function l4(a29) {
-  return /^on[A-Z]/.test(a29);
+function l4(a30) {
+  return /^on[A-Z]/.test(a30);
 }
-function f8(...a29) {
-  let r38 = a29.filter(Boolean);
-  if (r38.length !== 0) return (t11) => {
-    for (let n of r38) typeof n == "function" ? n(t11) : n && (n.current = t11);
+function f8(...a30) {
+  let r42 = a30.filter(Boolean);
+  if (r42.length !== 0) return (t14) => {
+    for (let n2 of r42) typeof n2 == "function" ? n2(t14) : n2 && (n2.current = t14);
   };
 }
 
@@ -1219,15 +1223,15 @@ var Be = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "End", "Home", "PageDo
 var ge = { start: false, end: false };
 var dt = [];
 var Q = { currentAnchorId: null, visibleMessageIds: dt };
-function De({ content: e56, scrollEdgeThreshold: t11, spacer: r38, viewport: n }) {
-  if (!n || !e56) return ge;
-  let o46 = Se({ content: e56, spacer: r38, viewport: n });
-  return { start: n.scrollTop > t11, end: o46 - n.scrollTop - n.clientHeight > t11 };
-}
-function Fe({ content: e56, scrollMargin: t11, scrollPreviousItemPeek: r38, spacer: n, viewport: o46, visibleMessageIds: i3 }) {
-  if (!e56 || !o46) return Q;
-  let S2 = o46.getBoundingClientRect(), l5 = S2.top + t11 + r38, d2 = typeof IntersectionObserver > "u", E = [], b2 = null;
-  for (let C of ee(e56, n)) {
+function De({ content: e62, scrollEdgeThreshold: t14, spacer: r42, viewport: n2 }) {
+  if (!n2 || !e62) return ge;
+  let o54 = Se({ content: e62, spacer: r42, viewport: n2 });
+  return { start: n2.scrollTop > t14, end: o54 - n2.scrollTop - n2.clientHeight > t14 };
+}
+function Fe({ content: e62, scrollMargin: t14, scrollPreviousItemPeek: r42, spacer: n2, viewport: o54, visibleMessageIds: i3 }) {
+  if (!e62 || !o54) return Q;
+  let S2 = o54.getBoundingClientRect(), l5 = S2.top + t14 + r42, d2 = typeof IntersectionObserver > "u", E = [], b2 = null;
+  for (let C of ee(e62, n2)) {
     let p3 = C.dataset.messageId;
     if (!p3) continue;
     let m5 = C.dataset.scrollAnchor === "true", L = m5 || d2 ? C.getBoundingClientRect() : null;
@@ -1235,100 +1239,100 @@ function Fe({ content: e56, scrollMargin: t11, scrollPreviousItemPeek: r38, spac
   }
   return E.length === 0 && b2 === null ? Q : { currentAnchorId: b2, visibleMessageIds: E };
 }
-function ee(e56, t11) {
-  return Array.from(e56.children).filter((r38) => r38 instanceof HTMLElement && r38 !== t11);
+function ee(e62, t14) {
+  return Array.from(e62.children).filter((r42) => r42 instanceof HTMLElement && r42 !== t14);
 }
-function je(e56, t11) {
-  for (let r38 = t11; r38 < e56.length; r38++) {
-    let n = e56[r38];
-    if (n?.dataset.scrollAnchor === "true") return n;
+function je(e62, t14) {
+  for (let r42 = t14; r42 < e62.length; r42++) {
+    let n2 = e62[r42];
+    if (n2?.dataset.scrollAnchor === "true") return n2;
   }
   return null;
 }
-function Ge(e56, t11) {
-  for (let r38 of e56) if (r38.dataset.scrollAnchor === "true" && !t11.has(r38)) return r38;
+function Ge(e62, t14) {
+  for (let r42 of e62) if (r42.dataset.scrollAnchor === "true" && !t14.has(r42)) return r42;
   return null;
 }
-function Ne(e56, t11) {
-  let r38 = 0;
-  for (let n = t11; n < e56.length; n++) if (e56[n]?.dataset.scrollAnchor === "true" && (r38 += 1, r38 > 1)) return true;
+function Ne(e62, t14) {
+  let r42 = 0;
+  for (let n2 = t14; n2 < e62.length; n2++) if (e62[n2]?.dataset.scrollAnchor === "true" && (r42 += 1, r42 > 1)) return true;
   return false;
 }
-function Ue(e56) {
-  for (let t11 = e56.length - 1; t11 >= 0; t11--) {
-    let r38 = e56[t11];
-    if (r38?.dataset.scrollAnchor === "true") return r38;
+function Ue(e62) {
+  for (let t14 = e62.length - 1; t14 >= 0; t14--) {
+    let r42 = e62[t14];
+    if (r42?.dataset.scrollAnchor === "true") return r42;
   }
   return null;
 }
-function Ye({ content: e56, spacer: t11, viewport: r38 }) {
-  let n = r38.getBoundingClientRect();
-  for (let o46 of ee(e56, t11)) {
-    if (!o46.dataset.messageId) continue;
-    let i3 = o46.getBoundingClientRect();
-    if (i3.bottom > n.top && i3.top < n.bottom) return o46;
+function Ye({ content: e62, spacer: t14, viewport: r42 }) {
+  let n2 = r42.getBoundingClientRect();
+  for (let o54 of ee(e62, t14)) {
+    if (!o54.dataset.messageId) continue;
+    let i3 = o54.getBoundingClientRect();
+    if (i3.bottom > n2.top && i3.top < n2.bottom) return o54;
   }
   return null;
 }
-function ze({ align: e56, element: t11, scrollMargin: r38, spacer: n, viewport: o46 }) {
-  let i3 = pe(t11, o46), S2 = t11.getBoundingClientRect().height, l5 = bt(n);
-  if (e56 === "center") {
-    let d2 = Math.max(0, o46.clientHeight - l5.start - l5.end);
-    return i3 - l5.start - (d2 - S2) / 2 - r38;
+function ze({ align: e62, element: t14, scrollMargin: r42, spacer: n2, viewport: o54 }) {
+  let i3 = pe(t14, o54), S2 = t14.getBoundingClientRect().height, l5 = bt(n2);
+  if (e62 === "center") {
+    let d2 = Math.max(0, o54.clientHeight - l5.start - l5.end);
+    return i3 - l5.start - (d2 - S2) / 2 - r42;
   }
-  if (e56 === "end") return i3 - o46.clientHeight + S2 + l5.end + r38;
-  if (e56 === "nearest") {
-    let d2 = i3 + S2, E = o46.scrollTop + l5.start, b2 = o46.scrollTop + o46.clientHeight - l5.end;
-    return i3 >= E && d2 <= b2 ? o46.scrollTop : i3 < E ? i3 - l5.start - r38 : d2 - o46.clientHeight + l5.end + r38;
+  if (e62 === "end") return i3 - o54.clientHeight + S2 + l5.end + r42;
+  if (e62 === "nearest") {
+    let d2 = i3 + S2, E = o54.scrollTop + l5.start, b2 = o54.scrollTop + o54.clientHeight - l5.end;
+    return i3 >= E && d2 <= b2 ? o54.scrollTop : i3 < E ? i3 - l5.start - r42 : d2 - o54.clientHeight + l5.end + r42;
   }
-  return i3 - l5.start - r38;
+  return i3 - l5.start - r42;
 }
-function pe(e56, t11) {
-  let r38 = e56.getBoundingClientRect(), n = t11.getBoundingClientRect();
-  return r38.top - n.top + t11.scrollTop;
+function pe(e62, t14) {
+  let r42 = e62.getBoundingClientRect(), n2 = t14.getBoundingClientRect();
+  return r42.top - n2.top + t14.scrollTop;
 }
-function te(e56, t11) {
-  return e56.getBoundingClientRect().top - t11.getBoundingClientRect().top;
+function te(e62, t14) {
+  return e62.getBoundingClientRect().top - t14.getBoundingClientRect().top;
 }
-function qe({ content: e56, scrollTop: t11, spacer: r38, viewport: n }) {
-  let o46 = Se({ content: e56, spacer: r38, viewport: n });
-  return t11 + n.clientHeight - o46;
+function qe({ content: e62, scrollTop: t14, spacer: r42, viewport: n2 }) {
+  let o54 = Se({ content: e62, spacer: r42, viewport: n2 });
+  return t14 + n2.clientHeight - o54;
 }
-function Se({ content: e56, spacer: t11, viewport: r38 }) {
-  let n = ee(e56, t11), o46 = We(e56), i3 = r38.getBoundingClientRect(), S2 = r38.scrollTop, l5 = o46.start + o46.end;
-  for (let d2 of n) {
+function Se({ content: e62, spacer: t14, viewport: r42 }) {
+  let n2 = ee(e62, t14), o54 = We(e62), i3 = r42.getBoundingClientRect(), S2 = r42.scrollTop, l5 = o54.start + o54.end;
+  for (let d2 of n2) {
     let E = d2.getBoundingClientRect();
-    l5 = Math.max(l5, E.bottom - i3.top + S2 + o46.end);
+    l5 = Math.max(l5, E.bottom - i3.top + S2 + o54.end);
   }
   return l5;
 }
-function Ke(e56) {
-  return Math.max(0, e56.scrollHeight - e56.clientHeight);
+function Ke(e62) {
+  return Math.max(0, e62.scrollHeight - e62.clientHeight);
 }
-function We(e56) {
-  let t11 = window.getComputedStyle(e56);
-  return { end: Re(t11.paddingBlockEnd || t11.paddingBottom), start: Re(t11.paddingBlockStart || t11.paddingTop) };
+function We(e62) {
+  let t14 = window.getComputedStyle(e62);
+  return { end: Re(t14.paddingBlockEnd || t14.paddingBottom), start: Re(t14.paddingBlockStart || t14.paddingTop) };
 }
-function bt(e56) {
-  let t11 = e56?.parentElement;
-  return t11 ? We(t11) : { end: 0, start: 0 };
+function bt(e62) {
+  let t14 = e62?.parentElement;
+  return t14 ? We(t14) : { end: 0, start: 0 };
 }
-function $e(e56) {
-  if (!e56) return 0;
-  let t11 = window.getComputedStyle(e56), r38 = t11.rowGap === "normal" ? t11.gap : t11.rowGap;
-  return Re(r38);
+function $e(e62) {
+  if (!e62) return 0;
+  let t14 = window.getComputedStyle(e62), r42 = t14.rowGap === "normal" ? t14.gap : t14.rowGap;
+  return Re(r42);
 }
-function Re(e56) {
-  if (!e56) return 0;
-  let t11 = Number.parseFloat(e56);
-  return Number.isFinite(t11) ? t11 : 0;
+function Re(e62) {
+  if (!e62) return 0;
+  let t14 = Number.parseFloat(e62);
+  return Number.isFinite(t14) ? t14 : 0;
 }
-function Je({ refs: e56, commitScrollState: t11, scheduleStateCommit: r38, scheduleVisibilitySync: n }) {
-  let { streamingTurnRef: o46, autoScrollRef: i3, autoscrollingRef: S2, autoscrollingTimeoutRef: l5, contentRef: d2, defaultScrollPositionAppliedRef: E, itemCountRef: b2, messageElementsRef: C, modeRef: p3, pendingScrollToMessageRef: m5, prependRestoreRef: L, scrollMarginRef: y, scrollPreviousItemPeekRef: u, spacerGapRef: x, spacerHeightRef: Y, spacerRef: k, viewportRef: _ } = e56, G = g.useCallback((c8) => {
-    l5.current !== null && (window.clearTimeout(l5.current), l5.current = null), S2.current !== c8 && (S2.current = c8, t11()), c8 && (l5.current = window.setTimeout(() => {
-      l5.current = null, S2.current = false, t11();
+function Je({ refs: e62, commitScrollState: t14, scheduleStateCommit: r42, scheduleVisibilitySync: n2 }) {
+  let { streamingTurnRef: o54, autoScrollRef: i3, autoscrollingRef: S2, autoscrollingTimeoutRef: l5, contentRef: d2, defaultScrollPositionAppliedRef: E, itemCountRef: b2, messageElementsRef: C, modeRef: p3, pendingScrollToMessageRef: m5, prependRestoreRef: L, scrollMarginRef: y, scrollPreviousItemPeekRef: u, spacerGapRef: x, spacerHeightRef: Y, spacerRef: k, viewportRef: _ } = e62, G = g.useCallback((c8) => {
+    l5.current !== null && (window.clearTimeout(l5.current), l5.current = null), S2.current !== c8 && (S2.current = c8, t14()), c8 && (l5.current = window.setTimeout(() => {
+      l5.current = null, S2.current = false, t14();
     }, ke));
-  }, [t11]), v = g.useCallback((c8) => {
+  }, [t14]), v = g.useCallback((c8) => {
     let f9 = k.current;
     if (!f9) return;
     let h = Math.max(0, Math.ceil(c8));
@@ -1338,20 +1342,20 @@ function Je({ refs: e56, commitScrollState: t11, scheduleStateCommit: r38, sched
     if (!P) return;
     let V = Math.max(0, c8);
     if (Math.abs(P.scrollTop - V) <= J) {
-      P.scrollTop = V, t11();
+      P.scrollTop = V, t14();
       return;
     }
-    h && G(true), P.scrollTo({ top: V, behavior: f9 }), r38();
-  }, [t11, r38, G]), N = g.useCallback(({ behavior: c8 = "auto" } = {}) => _.current ? (v(0), o46.current = null, p3.current = "free-scrolling", H(0, { behavior: c8 }), n(), true) : false, [n, H, v]), ne = g.useCallback(({ behavior: c8 = "auto" } = {}) => {
+    h && G(true), P.scrollTo({ top: V, behavior: f9 }), r42();
+  }, [t14, r42, G]), N = g.useCallback(({ behavior: c8 = "auto" } = {}) => _.current ? (v(0), o54.current = null, p3.current = "free-scrolling", H(0, { behavior: c8 }), n2(), true) : false, [n2, H, v]), ne = g.useCallback(({ behavior: c8 = "auto" } = {}) => {
     let f9 = _.current;
-    return f9 ? (v(0), o46.current = null, p3.current = i3.current ? "following-bottom" : "free-scrolling", H(Ke(f9), { autoscrolling: true, behavior: c8 }), n(), true) : false;
-  }, [n, H, v]), A = g.useCallback((c8, { align: f9 = "start", behavior: h = "auto", scrollMargin: P = y.current } = {}, { keepPreviousPeek: V = false } = {}) => {
+    return f9 ? (v(0), o54.current = null, p3.current = i3.current ? "following-bottom" : "free-scrolling", H(Ke(f9), { autoscrolling: true, behavior: c8 }), n2(), true) : false;
+  }, [n2, H, v]), A = g.useCallback((c8, { align: f9 = "start", behavior: h = "auto", scrollMargin: P = y.current } = {}, { keepPreviousPeek: V = false } = {}) => {
     let z = d2.current, q = _.current;
     if (!z || !q || !z.contains(c8)) return false;
     let K = ze({ align: f9, element: c8, scrollMargin: V ? P + u.current : P, spacer: k.current, viewport: q }), se = qe({ content: z, scrollTop: K, spacer: k.current, viewport: q });
-    return v(se), L.current = { element: c8, viewportTop: te(c8, q) }, p3.current = V ? "anchored-to-message" : "settling-jump", o46.current = V ? c8 : null, H(K, { behavior: h }), n(), true;
-  }, [n, H, v]), B = g.useCallback(() => {
-    let c8 = o46.current;
+    return v(se), L.current = { element: c8, viewportTop: te(c8, q) }, p3.current = V ? "anchored-to-message" : "settling-jump", o54.current = V ? c8 : null, H(K, { behavior: h }), n2(), true;
+  }, [n2, H, v]), B = g.useCallback(() => {
+    let c8 = o54.current;
     return !c8 || !c8.isConnected || p3.current !== "anchored-to-message" ? false : A(c8, { align: "start" }, { keepPreviousPeek: true });
   }, [A]), D = g.useCallback((c8, f9) => {
     let h = C.current.get(c8);
@@ -1364,52 +1368,52 @@ function Je({ refs: e56, commitScrollState: t11, scheduleStateCommit: r38, sched
     return !f9 || !A(f9, c8.options) ? false : (m5.current = null, E.current = true, true);
   }, [A]), reanchorToAnchoredMessage: B, scrollToElement: A, scrollToEnd: ne, scrollToMessage: D, scrollToStart: N };
 }
-function Qe(e56, t11) {
-  let r38 = e56, n = /* @__PURE__ */ new Set();
-  return { getSnapshot: () => r38, hasListeners: () => n.size > 0, setSnapshot: (o46) => {
-    t11(r38, o46) || (r38 = o46, n.forEach((i3) => i3()));
-  }, subscribe: (o46, i3, S2) => {
-    let l5 = n.size === 0;
-    return n.add(o46), l5 && i3?.(), () => {
-      n.delete(o46), n.size === 0 && S2?.();
+function Qe(e62, t14) {
+  let r42 = e62, n2 = /* @__PURE__ */ new Set();
+  return { getSnapshot: () => r42, hasListeners: () => n2.size > 0, setSnapshot: (o54) => {
+    t14(r42, o54) || (r42 = o54, n2.forEach((i3) => i3()));
+  }, subscribe: (o54, i3, S2) => {
+    let l5 = n2.size === 0;
+    return n2.add(o54), l5 && i3?.(), () => {
+      n2.delete(o54), n2.size === 0 && S2?.();
     };
   } };
 }
-function Xe(e56, t11) {
-  return Qe(e56, t11);
+function Xe(e62, t14) {
+  return Qe(e62, t14);
 }
 function Ze() {
   return Qe(Q, Tt);
 }
-function et(e56, t11) {
-  return e56.start === t11.start && e56.end === t11.end;
+function et(e62, t14) {
+  return e62.start === t14.start && e62.end === t14.end;
 }
-function Tt(e56, t11) {
-  return e56.currentAnchorId !== t11.currentAnchorId || e56.visibleMessageIds.length !== t11.visibleMessageIds.length ? false : e56.visibleMessageIds.every((r38, n) => r38 === t11.visibleMessageIds[n]);
+function Tt(e62, t14) {
+  return e62.currentAnchorId !== t14.currentAnchorId || e62.visibleMessageIds.length !== t14.visibleMessageIds.length ? false : e62.visibleMessageIds.every((r42, n2) => r42 === t14.visibleMessageIds[n2]);
 }
-function tt({ autoScroll: e56, scrollEdgeThreshold: t11, scrollMargin: r38, scrollPreviousItemPeek: n }) {
-  let o46 = g.useRef(e56), i3 = g.useRef(false), S2 = g.useRef(null), l5 = g.useRef(false), d2 = g.useRef(t11), E = g.useRef(0), b2 = g.useRef(null), C = g.useRef(0), p3 = g.useRef(e56 ? "following-bottom" : "free-scrolling"), m5 = g.useRef(/* @__PURE__ */ new Map()), L = g.useRef(null), y = g.useRef(null), u = g.useRef(null), x = g.useRef(n), Y = g.useRef(true), k = g.useRef(null), _ = g.useRef(r38), G = g.useRef(null), v = g.useRef(0), H = g.useRef(0), N = g.useRef(null), ne = g.useRef(null), A = g.useRef(null), B = g.useRef(null), D = g.useRef(null), U = g.useRef(null), c8 = g.useRef(null), f9 = g.useRef(null), h = g.useRef(/* @__PURE__ */ new Set()), P = g.useRef(/* @__PURE__ */ new WeakSet());
-  return A.current === null && (A.current = Xe(ge, et)), f9.current === null && (f9.current = Ze()), o46.current = e56, d2.current = t11, _.current = r38, x.current = n, { autoScrollRef: o46, autoscrollingRef: i3, autoscrollingTimeoutRef: B, streamingTurnRef: u, contentRef: S2, defaultScrollPositionAppliedRef: l5, firstItemRef: b2, itemCountRef: E, lastScrollTopRef: C, messageElementsRef: m5, modeRef: p3, pendingScrollFrameRef: G, pendingScrollToMessageRef: L, prependRestoreRef: y, preserveScrollOnPrependRef: Y, rootRef: k, scrollEdgeThresholdRef: d2, scrollMarginRef: _, scrollPreviousItemPeekRef: x, spacerGapRef: v, spacerHeightRef: H, spacerRef: N, stateFrameRef: ne, stateStore: A.current, viewportRef: D, visibilityFrameRef: U, visibilityObserverRef: c8, visibilityStore: f9.current, visibleMessageIdsRef: h, handledScrollAnchorsRef: P };
+function tt({ autoScroll: e62, scrollEdgeThreshold: t14, scrollMargin: r42, scrollPreviousItemPeek: n2 }) {
+  let o54 = g.useRef(e62), i3 = g.useRef(false), S2 = g.useRef(null), l5 = g.useRef(false), d2 = g.useRef(t14), E = g.useRef(0), b2 = g.useRef(null), C = g.useRef(0), p3 = g.useRef(e62 ? "following-bottom" : "free-scrolling"), m5 = g.useRef(/* @__PURE__ */ new Map()), L = g.useRef(null), y = g.useRef(null), u = g.useRef(null), x = g.useRef(n2), Y = g.useRef(true), k = g.useRef(null), _ = g.useRef(r42), G = g.useRef(null), v = g.useRef(0), H = g.useRef(0), N = g.useRef(null), ne = g.useRef(null), A = g.useRef(null), B = g.useRef(null), D = g.useRef(null), U = g.useRef(null), c8 = g.useRef(null), f9 = g.useRef(null), h = g.useRef(/* @__PURE__ */ new Set()), P = g.useRef(/* @__PURE__ */ new WeakSet());
+  return A.current === null && (A.current = Xe(ge, et)), f9.current === null && (f9.current = Ze()), o54.current = e62, d2.current = t14, _.current = r42, x.current = n2, { autoScrollRef: o54, autoscrollingRef: i3, autoscrollingTimeoutRef: B, streamingTurnRef: u, contentRef: S2, defaultScrollPositionAppliedRef: l5, firstItemRef: b2, itemCountRef: E, lastScrollTopRef: C, messageElementsRef: m5, modeRef: p3, pendingScrollFrameRef: G, pendingScrollToMessageRef: L, prependRestoreRef: y, preserveScrollOnPrependRef: Y, rootRef: k, scrollEdgeThresholdRef: d2, scrollMarginRef: _, scrollPreviousItemPeekRef: x, spacerGapRef: v, spacerHeightRef: H, spacerRef: N, stateFrameRef: ne, stateStore: A.current, viewportRef: D, visibilityFrameRef: U, visibilityObserverRef: c8, visibilityStore: f9.current, visibleMessageIdsRef: h, handledScrollAnchorsRef: P };
 }
-function rt(e56, t11) {
-  return g.useCallback((r38) => {
-    e56.current = r38, r38 && t11();
-  }, [e56, t11]);
+function rt(e62, t14) {
+  return g.useCallback((r42) => {
+    e62.current = r42, r42 && t14();
+  }, [e62, t14]);
 }
-function nt({ autoScroll: e56 = false, defaultScrollPosition: t11 = "end", scrollEdgeThreshold: r38 = xe, scrollPreviousItemPeek: n = Ve, scrollMargin: o46 = _e }) {
-  let i3 = tt({ autoScroll: e56, scrollEdgeThreshold: r38, scrollMargin: o46, scrollPreviousItemPeek: n }), { streamingTurnRef: S2, autoScrollRef: l5, autoscrollingRef: d2, autoscrollingTimeoutRef: E, contentRef: b2, defaultScrollPositionAppliedRef: C, firstItemRef: p3, itemCountRef: m5, lastScrollTopRef: L, messageElementsRef: y, modeRef: u, pendingScrollFrameRef: x, pendingScrollToMessageRef: Y, prependRestoreRef: k, preserveScrollOnPrependRef: _, rootRef: G, scrollEdgeThresholdRef: v, scrollMarginRef: H, scrollPreviousItemPeekRef: N, spacerGapRef: ne, spacerHeightRef: A, spacerRef: B, stateFrameRef: D, stateStore: U, viewportRef: c8, visibilityFrameRef: f9, visibilityObserverRef: h, visibilityStore: P, visibleMessageIdsRef: V, handledScrollAnchorsRef: z } = i3, q = g.useRef(t11);
-  q.current !== t11 && (q.current = t11, C.current = false);
+function nt({ autoScroll: e62 = false, defaultScrollPosition: t14 = "end", scrollEdgeThreshold: r42 = xe, scrollPreviousItemPeek: n2 = Ve, scrollMargin: o54 = _e }) {
+  let i3 = tt({ autoScroll: e62, scrollEdgeThreshold: r42, scrollMargin: o54, scrollPreviousItemPeek: n2 }), { streamingTurnRef: S2, autoScrollRef: l5, autoscrollingRef: d2, autoscrollingTimeoutRef: E, contentRef: b2, defaultScrollPositionAppliedRef: C, firstItemRef: p3, itemCountRef: m5, lastScrollTopRef: L, messageElementsRef: y, modeRef: u, pendingScrollFrameRef: x, pendingScrollToMessageRef: Y, prependRestoreRef: k, preserveScrollOnPrependRef: _, rootRef: G, scrollEdgeThresholdRef: v, scrollMarginRef: H, scrollPreviousItemPeekRef: N, spacerGapRef: ne, spacerHeightRef: A, spacerRef: B, stateFrameRef: D, stateStore: U, viewportRef: c8, visibilityFrameRef: f9, visibilityObserverRef: h, visibilityStore: P, visibleMessageIdsRef: V, handledScrollAnchorsRef: z } = i3, q = g.useRef(t14);
+  q.current !== t14 && (q.current = t14, C.current = false);
   let K = g.useCallback((s4) => {
-    let a29 = G.current, T = c8.current, O = [s4.start && "start", s4.end && "end"].filter(Boolean).join(" "), ue = d2.current;
-    for (let W of [a29, T]) W && (O ? W.setAttribute("data-scrollable", O) : W.removeAttribute("data-scrollable"), W.toggleAttribute("data-autoscrolling", ue));
+    let a30 = G.current, T = c8.current, O = [s4.start && "start", s4.end && "end"].filter(Boolean).join(" "), ue = d2.current;
+    for (let W of [a30, T]) W && (O ? W.setAttribute("data-scrollable", O) : W.removeAttribute("data-scrollable"), W.toggleAttribute("data-autoscrolling", ue));
   }, []), se = g.useCallback((s4) => {
-    let a29 = c8.current?.scrollTop ?? 0, T = a29 < L.current - J;
-    L.current = a29, l5.current && !s4.end && u.current !== "settling-jump" && u.current !== "anchored-to-message" ? u.current = "following-bottom" : u.current === "following-bottom" && s4.end && T && !d2.current && (u.current = "free-scrolling");
+    let a30 = c8.current?.scrollTop ?? 0, T = a30 < L.current - J;
+    L.current = a30, l5.current && !s4.end && u.current !== "settling-jump" && u.current !== "anchored-to-message" ? u.current = "following-bottom" : u.current === "following-bottom" && s4.end && T && !d2.current && (u.current = "free-scrolling");
   }, []), F = g.useCallback(() => {
     let s4 = De({ content: b2.current, scrollEdgeThreshold: v.current, spacer: B.current, viewport: c8.current });
     se(s4);
-    let a29 = u.current === "following-bottom" ? { ...s4, end: false } : s4;
-    K(a29), U.setSnapshot(a29);
+    let a30 = u.current === "following-bottom" ? { ...s4, end: false } : s4;
+    K(a30), U.setSnapshot(a30);
   }, [se, U, K]), oe = g.useCallback(() => {
     D.current === null && (D.current = window.requestAnimationFrame(() => {
       D.current = null, F();
@@ -1419,54 +1423,54 @@ function nt({ autoScroll: e56 = false, defaultScrollPosition: t11 = "end", scrol
       f9.current = null, P.hasListeners() && P.setSnapshot(Fe({ content: b2.current, scrollMargin: H.current, scrollPreviousItemPeek: N.current, spacer: B.current, viewport: c8.current, visibleMessageIds: V.current }));
     }));
   }, [P]), { flushPendingScrollToMessage: ce, reanchorToAnchoredMessage: me, scrollToElement: le, scrollToEnd: I2, scrollToMessage: Me, scrollToStart: ae } = Je({ refs: i3, commitScrollState: F, scheduleStateCommit: oe, scheduleVisibilitySync: w2 }), de = g.useCallback(() => {
-    let s4 = k.current, a29 = c8.current;
-    if (!s4 || !a29 || !s4.element.isConnected) return false;
-    let O = te(s4.element, a29) - s4.viewportTop;
-    return Math.abs(O) <= J ? false : (a29.scrollTop += O, s4.viewportTop = te(s4.element, a29), oe(), w2(), true);
+    let s4 = k.current, a30 = c8.current;
+    if (!s4 || !a30 || !s4.element.isConnected) return false;
+    let O = te(s4.element, a30) - s4.viewportTop;
+    return Math.abs(O) <= J ? false : (a30.scrollTop += O, s4.viewportTop = te(s4.element, a30), oe(), w2(), true);
   }, [oe, w2]), Z = g.useCallback(() => {
-    let s4 = b2.current, a29 = c8.current;
-    if (!s4 || !a29) {
+    let s4 = b2.current, a30 = c8.current;
+    if (!s4 || !a30) {
       k.current = null;
       return;
     }
-    let T = Ye({ content: s4, spacer: B.current, viewport: a29 });
-    k.current = T ? { element: T, viewportTop: te(T, a29) } : null;
+    let T = Ye({ content: s4, spacer: B.current, viewport: a30 });
+    k.current = T ? { element: T, viewportTop: te(T, a30) } : null;
   }, []), be = g.useCallback(() => {
     x.current === null && (x.current = window.requestAnimationFrame(() => {
       x.current = null, ce() && Z();
     }));
   }, [Z, ce]), ie = g.useCallback(() => {
-    if (!t11 || C.current || m5.current === 0) return false;
+    if (!t14 || C.current || m5.current === 0) return false;
     let s4 = false;
-    if (t11 === "last-anchor") {
-      let a29 = b2.current, T = c8.current, O = a29 && T ? Ue(ee(a29, B.current)) : null;
-      if (!a29 || !T || !O) s4 = I2({ behavior: "auto" });
+    if (t14 === "last-anchor") {
+      let a30 = b2.current, T = c8.current, O = a30 && T ? Ue(ee(a30, B.current)) : null;
+      if (!a30 || !T || !O) s4 = I2({ behavior: "auto" });
       else {
         let ue = pe(O, T);
-        s4 = Se({ content: a29, spacer: B.current, viewport: T }) - ue <= T.clientHeight ? I2({ behavior: "auto" }) : le(O, { align: "start" }, { keepPreviousPeek: true });
+        s4 = Se({ content: a30, spacer: B.current, viewport: T }) - ue <= T.clientHeight ? I2({ behavior: "auto" }) : le(O, { align: "start" }, { keepPreviousPeek: true });
       }
-    } else s4 = t11 === "end" ? I2({ behavior: "auto" }) : ae({ behavior: "auto" });
+    } else s4 = t14 === "end" ? I2({ behavior: "auto" }) : ae({ behavior: "auto" });
     return s4 ? (C.current = true, true) : false;
-  }, [t11, le, I2, ae]), Te = g.useCallback(() => {
+  }, [t14, le, I2, ae]), Te = g.useCallback(() => {
     let s4 = b2.current;
     if (!s4) return;
-    let a29 = ee(s4, B.current), T = m5.current, O = p3.current;
-    m5.current = a29.length, p3.current = a29[0] ?? null, (() => {
+    let a30 = ee(s4, B.current), T = m5.current, O = p3.current;
+    m5.current = a30.length, p3.current = a30[0] ?? null, (() => {
       if (ce()) return;
       if (T === 0) {
-        if (ie() || a29.length > 0 && l5.current && I2({ behavior: "auto" })) return;
+        if (ie() || a30.length > 0 && l5.current && I2({ behavior: "auto" })) return;
         F(), w2();
         return;
       }
-      let W = O ? a29.indexOf(O) : -1;
+      let W = O ? a30.indexOf(O) : -1;
       if (_.current && W > 0) {
         de();
         return;
       }
-      if (a29.length > T) {
-        let $ = je(a29, T);
+      if (a30.length > T) {
+        let $ = je(a30, T);
         if ($) {
-          if (l5.current && u.current === "following-bottom" && Ne(a29, T)) {
+          if (l5.current && u.current === "following-bottom" && Ne(a30, T)) {
             I2({ behavior: "auto" });
             return;
           }
@@ -1474,8 +1478,8 @@ function nt({ autoScroll: e56 = false, defaultScrollPosition: t11 = "end", scrol
           return;
         }
       }
-      if (a29.length === T) {
-        let $ = Ge(a29, z.current);
+      if (a30.length === T) {
+        let $ = Ge(a30, z.current);
         if ($) {
           le($, { align: "start" }, { keepPreviousPeek: true }), z.current.add($);
           return;
@@ -1501,21 +1505,21 @@ function nt({ autoScroll: e56 = false, defaultScrollPosition: t11 = "end", scrol
         w2();
         return;
       }
-      h.current || (h.current = new IntersectionObserver((a29) => {
-        for (let T of a29) {
+      h.current || (h.current = new IntersectionObserver((a30) => {
+        for (let T of a30) {
           let O = T.target.dataset.messageId;
           O && (T.isIntersecting ? V.current.add(O) : V.current.delete(O));
         }
         w2();
-      }, { root: s4, rootMargin: `${-(H.current + N.current)}px 0px 0px 0px`, threshold: [0, 0.01, 0.5, 1] })), y.current.forEach((a29) => {
-        h.current?.observe(a29);
+      }, { root: s4, rootMargin: `${-(H.current + N.current)}px 0px 0px 0px`, threshold: [0, 0.01, 0.5, 1] })), y.current.forEach((a30) => {
+        h.current?.observe(a30);
       }), w2();
     }
   }, [w2, P]), he = g.useCallback(() => {
     f9.current !== null && (window.cancelAnimationFrame(f9.current), f9.current = null), h.current?.disconnect(), h.current = null, V.current.clear(), P.setSnapshot(Q);
-  }, [P]), pt = g.useCallback((s4, a29, T) => {
-    if (a29) {
-      y.current.set(s4, a29), h.current?.observe(a29), w2(), Y.current?.messageId === s4 && be();
+  }, [P]), pt = g.useCallback((s4, a30, T) => {
+    if (a30) {
+      y.current.set(s4, a30), h.current?.observe(a30), w2(), Y.current?.messageId === s4 && be();
       return;
     }
     T && y.current.get(s4) === T && (y.current.delete(s4), V.current.delete(s4), h.current?.unobserve(T), w2());
@@ -1533,54 +1537,54 @@ function nt({ autoScroll: e56 = false, defaultScrollPosition: t11 = "end", scrol
   }, [ie]), g.useEffect(() => () => {
     D.current !== null && (window.cancelAnimationFrame(D.current), D.current = null), f9.current !== null && (window.cancelAnimationFrame(f9.current), f9.current = null), E.current !== null && (window.clearTimeout(E.current), E.current = null), x.current !== null && (window.cancelAnimationFrame(x.current), x.current = null), h.current?.disconnect(), h.current = null;
   }, []), g.useLayoutEffect(() => {
-    if (e56 && u.current === "following-bottom" && m5.current > 0) {
+    if (e62 && u.current === "following-bottom" && m5.current > 0) {
       I2({ behavior: "auto" });
       return;
     }
     F();
-  }, [e56, F, I2]), { context: mt, registerMessage: pt };
+  }, [e62, F, I2]), { context: mt, registerMessage: pt };
 }
-function lt(e56) {
-  let t11 = g.useRef(e56);
-  return t11.current = e56, t11;
+function lt(e62) {
+  let t14 = g.useRef(e62);
+  return t14.current = e62, t14;
 }
 var st = g.createContext(null);
 var ct = g.createContext(null);
 function X2() {
-  let e56 = g.useContext(st);
-  if (!e56) throw new Error("useMessageScroller must be used within a MessageScroller.");
-  return e56;
+  let e62 = g.useContext(st);
+  if (!e62) throw new Error("useMessageScroller must be used within a MessageScroller.");
+  return e62;
 }
 function Et() {
-  let e56 = g.useContext(ct);
-  if (!e56) throw new Error("MessageScrollerItem must be used within a MessageScroller.");
-  return e56;
+  let e62 = g.useContext(ct);
+  if (!e62) throw new Error("MessageScrollerItem must be used within a MessageScroller.");
+  return e62;
 }
-function at({ autoScroll: e56 = false, children: t11, defaultScrollPosition: r38 = "end", scrollEdgeThreshold: n, scrollPreviousItemPeek: o46, scrollMargin: i3 }) {
-  let { context: S2, registerMessage: l5 } = nt({ autoScroll: e56, defaultScrollPosition: r38, scrollEdgeThreshold: n, scrollPreviousItemPeek: o46, scrollMargin: i3 });
-  return jsx3(st.Provider, { value: S2, children: jsx3(ct.Provider, { value: l5, children: t11 }) });
+function at({ autoScroll: e62 = false, children: t14, defaultScrollPosition: r42 = "end", scrollEdgeThreshold: n2, scrollPreviousItemPeek: o54, scrollMargin: i3 }) {
+  let { context: S2, registerMessage: l5 } = nt({ autoScroll: e62, defaultScrollPosition: r42, scrollEdgeThreshold: n2, scrollPreviousItemPeek: o54, scrollMargin: i3 });
+  return jsx3(st.Provider, { value: S2, children: jsx3(ct.Provider, { value: l5, children: t14 }) });
 }
-function it({ children: e56, ...t11 }) {
-  let { setRootElement: r38 } = X2();
-  return jsx3("div", { ref: r38, ...t11, children: e56 });
+function it({ children: e62, ...t14 }) {
+  let { setRootElement: r42 } = X2();
+  return jsx3("div", { ref: r42, ...t14, children: e62 });
 }
-function ut({ "aria-label": e56, children: t11, onKeyDown: r38, onScroll: n, onTouchMove: o46, onWheel: i3, preserveScrollOnPrepend: S2 = true, ref: l5, role: d2, tabIndex: E, ...b2 }) {
+function ut({ "aria-label": e62, children: t14, onKeyDown: r42, onScroll: n2, onTouchMove: o54, onWheel: i3, preserveScrollOnPrepend: S2 = true, ref: l5, role: d2, tabIndex: E, ...b2 }) {
   let { handleResize: C, preserveScrollOnPrependRef: p3, setViewportElement: m5, syncAfterScroll: L, userScrollIntent: y, viewportRef: u } = X2();
   p3.current = S2;
   let x = g.useCallback((v) => {
     m5(v), f8(l5)?.(v);
   }, [l5, m5]);
   function Y(v) {
-    L(), n?.(v);
+    L(), n2?.(v);
   }
   function k(v) {
     y(), i3?.(v);
   }
   function _(v) {
-    y(), o46?.(v);
+    y(), o54?.(v);
   }
   function G(v) {
-    Be.has(v.key) && y(), r38?.(v);
+    Be.has(v.key) && y(), r42?.(v);
   }
   return g.useEffect(() => {
     let v = u.current;
@@ -1591,12 +1595,12 @@ function ut({ "aria-label": e56, children: t11, onKeyDown: r38, onScroll: n, onT
     return N.observe(v), () => {
       window.cancelAnimationFrame(H), N.disconnect();
     };
-  }, [C, u]), jsx3("div", { ref: x, role: d2 ?? "region", "aria-label": e56 ?? "Messages", tabIndex: E ?? 0, onKeyDown: G, onScroll: Y, onTouchMove: _, onWheel: k, ...b2, children: t11 });
+  }, [C, u]), jsx3("div", { ref: x, role: d2 ?? "region", "aria-label": e62 ?? "Messages", tabIndex: E ?? 0, onKeyDown: G, onScroll: Y, onTouchMove: _, onWheel: k, ...b2, children: t14 });
 }
-function ft({ "aria-relevant": e56, children: t11, ref: r38, role: n, spacerClassName: o46, ...i3 }) {
+function ft({ "aria-relevant": e62, children: t14, ref: r42, role: n2, spacerClassName: o54, ...i3 }) {
   let { handleContentChange: S2, handleResize: l5, setContentElement: d2, setSpacerElement: E } = X2(), b2 = g.useRef(null), C = g.useCallback((p3) => {
-    b2.current = p3, d2(p3), f8(r38)?.(p3);
-  }, [r38, d2]);
+    b2.current = p3, d2(p3), f8(r42)?.(p3);
+  }, [r42, d2]);
   return g.useLayoutEffect(() => {
     let p3 = b2.current;
     if (!p3 || (S2(), typeof MutationObserver > "u")) return;
@@ -1613,23 +1617,23 @@ function ft({ "aria-relevant": e56, children: t11, ref: r38, role: n, spacerClas
     return L.observe(p3), () => {
       window.cancelAnimationFrame(m5), L.disconnect();
     };
-  }, [l5]), jsxs("div", { ref: C, role: n ?? "log", "aria-relevant": e56 ?? "additions", ...i3, children: [t11, jsx3("div", { ref: E, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: o46 })] });
+  }, [l5]), jsxs("div", { ref: C, role: n2 ?? "log", "aria-relevant": e62 ?? "additions", ...i3, children: [t14, jsx3("div", { ref: E, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: o54 })] });
 }
-function gt({ messageId: e56, ref: t11, scrollAnchor: r38 = false, ...n }) {
-  let o46 = Et(), i3 = g.useRef(null), S2 = g.useCallback((l5) => {
+function gt({ messageId: e62, ref: t14, scrollAnchor: r42 = false, ...n2 }) {
+  let o54 = Et(), i3 = g.useRef(null), S2 = g.useCallback((l5) => {
     let d2 = i3.current;
-    i3.current = l5, e56 && o46(e56, l5, d2), f8(t11)?.(l5);
-  }, [e56, t11, o46]);
-  return jsx3("div", { ref: S2, "data-message-id": e56, "data-scroll-anchor": r38 ? "true" : "false", ...n });
+    i3.current = l5, e62 && o54(e62, l5, d2), f8(t14)?.(l5);
+  }, [e62, t14, o54]);
+  return jsx3("div", { ref: S2, "data-message-id": e62, "data-scroll-anchor": r42 ? "true" : "false", ...n2 });
 }
-function St({ behavior: e56 = "smooth", children: t11, direction: r38 = "end", onClick: n, render: o46, tabIndex: i3, type: S2 = "button", ...l5 }) {
-  let { scrollToEnd: d2, scrollToStart: E, stateStore: b$1 } = X2(), C = lt(n), p3 = g.useCallback((u) => b$1.subscribe(u), [b$1]), m5 = g.useCallback(() => {
+function St({ behavior: e62 = "smooth", children: t14, direction: r42 = "end", onClick: n2, render: o54, tabIndex: i3, type: S2 = "button", ...l5 }) {
+  let { scrollToEnd: d2, scrollToStart: E, stateStore: b$1 } = X2(), C = lt(n2), p3 = g.useCallback((u) => b$1.subscribe(u), [b$1]), m5 = g.useCallback(() => {
     let u = b$1.getSnapshot();
-    return r38 === "start" ? u.start : u.end;
-  }, [r38, b$1]), L = g.useSyncExternalStore(p3, m5, m5), y = g.useCallback((u) => {
-    L && (C.current?.(u), u.defaultPrevented || (u.currentTarget.blur(), r38 === "start" ? E({ behavior: e56 }) : d2({ behavior: e56 })));
-  }, [e56, r38, L, C, d2, E]);
-  return S({ defaultTagName: "button", props: d({ type: S2, inert: !L, tabIndex: L ? i3 : -1, children: t11 ?? jsxs("span", { children: ["Scroll to ", r38] }), onClick: y }, l5), render: o46, state: { active: L, direction: r38 }, stateAttributesMapping: { active: (u) => ({ "data-active": u ? "true" : "false" }) } });
+    return r42 === "start" ? u.start : u.end;
+  }, [r42, b$1]), L = g.useSyncExternalStore(p3, m5, m5), y = g.useCallback((u) => {
+    L && (C.current?.(u), u.defaultPrevented || (u.currentTarget.blur(), r42 === "start" ? E({ behavior: e62 }) : d2({ behavior: e62 })));
+  }, [e62, r42, L, C, d2, E]);
+  return S({ defaultTagName: "button", props: d({ type: S2, inert: !L, tabIndex: L ? i3 : -1, children: t14 ?? jsxs("span", { children: ["Scroll to ", r42] }), onClick: y }, l5), render: o54, state: { active: L, direction: r42 }, stateAttributesMapping: { active: (u) => ({ "data-active": u ? "true" : "false" }) } });
 }
 var $t = { Provider: at, Root: it, Viewport: ut, Content: ft, Item: gt, Button: St };
 
@@ -2502,7 +2506,7 @@ var widgetButtonVariants = cva(
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/80",
         outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary,oklch(0.97_0_0)),var(--foreground,oklch(0.145_0_0))_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
         ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
         destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
         link: "text-primary underline-offset-4 hover:underline"
@@ -2721,7 +2725,11 @@ function ShimmerLogo({
         WebkitMaskSize: "contain",
         WebkitMaskRepeat: "no-repeat",
         WebkitMaskPosition: "center",
-        backgroundImage: "linear-gradient(115deg, var(--muted) 34%, var(--muted-foreground) 50%, var(--muted) 66%)",
+        backgroundImage: (
+          // With the widget's own light values behind the host's, since this
+          // mark also draws on pages that define neither.
+          "linear-gradient(115deg, var(--muted, oklch(0.955 0 0)) 34%, var(--muted-foreground, oklch(0.556 0 0)) 50%, var(--muted, oklch(0.955 0 0)) 66%)"
+        ),
         backgroundSize: "300% 100%"
       },
       className: cn(
@@ -3794,7 +3802,7 @@ function lineSlices(root) {
     return [{ top: 0, height: host.height }];
   }
   const unique = [...new Set(tops.map((top) => Math.round(top)))].sort(
-    (a29, b2) => a29 - b2
+    (a30, b2) => a30 - b2
   );
   return unique.map((top, index) => {
     const next = unique[index + 1] ?? Math.ceil(host.height);
@@ -3936,7 +3944,7 @@ function WidgetTyping({ label }) {
 import { Fragment as Fragment28, jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 var BUBBLE = "max-w-[min(80%,36rem)] rounded-2xl px-4 py-2.5 text-base";
 var COMPACT_BUBBLE = "max-w-[min(80%,36rem)] rounded-2xl px-3.5 py-2 text-sm";
-var VISITOR_BUBBLE = "bg-[color-mix(in_oklch,var(--muted),var(--foreground)_12%)]";
+var VISITOR_BUBBLE = "bg-[color-mix(in_oklch,var(--muted,oklch(0.955_0_0)),var(--foreground,oklch(0.145_0_0))_12%)]";
 var ARRIVES = "animate-in fade-in-0 slide-in-from-bottom-1 duration-300 ease-out-quint motion-reduce:animate-none";
 var SENT = "animate-in fade-in-0 slide-in-from-bottom-3 zoom-in-95 origin-bottom-right duration-400 ease-out-quint motion-reduce:animate-none";
 var LADDER_DELAY_MS = Math.round(MORPH_MS * 0.7);
@@ -4557,10 +4565,10 @@ function useLauncherDrag({
     const box = boxRef.current;
     if (box) box.style.transform = "";
   }, [boxRef]);
-  const holdPointer = useCallback6((held) => {
-    document.body.style.userSelect = held ? "none" : "";
-    document.body.style.cursor = held ? "grabbing" : "";
-    if (held) window.getSelection()?.removeAllRanges();
+  const holdPointer = useCallback6((held2) => {
+    document.body.style.userSelect = held2 ? "none" : "";
+    document.body.style.cursor = held2 ? "grabbing" : "";
+    if (held2) window.getSelection()?.removeAllRanges();
   }, []);
   const handlePointerDown = useCallback6(
     (event) => {
@@ -4597,57 +4605,57 @@ function useLauncherDrag({
   );
   const handlePointerMove = useCallback6(
     (event) => {
-      const held = grip.current;
+      const held2 = grip.current;
       const box = boxRef.current;
-      if (held === null || box === null) return;
-      if (!held.moved) {
+      if (held2 === null || box === null) return;
+      if (!held2.moved) {
         const travelled = Math.hypot(
-          event.clientX - held.startX,
-          event.clientY - held.startY
+          event.clientX - held2.startX,
+          event.clientY - held2.startY
         );
         if (travelled < DRAG_THRESHOLD) return;
-        held.moved = true;
+        held2.moved = true;
         holdPointer(true);
         setIsMoving(true);
       }
-      held.at = {
+      held2.at = {
         x: clamp2(
-          event.clientX - held.grabX,
-          held.bounds.left + held.margin,
-          held.bounds.left + held.bounds.width - held.margin - held.dragged.width
+          event.clientX - held2.grabX,
+          held2.bounds.left + held2.margin,
+          held2.bounds.left + held2.bounds.width - held2.margin - held2.dragged.width
         ),
         y: clamp2(
-          event.clientY - held.grabY,
-          held.bounds.top + held.margin,
-          held.bounds.top + held.bounds.height - held.margin - held.dragged.height
+          event.clientY - held2.grabY,
+          held2.bounds.top + held2.margin,
+          held2.bounds.top + held2.bounds.height - held2.margin - held2.dragged.height
         )
       };
-      box.style.transform = `translate3d(${held.at.x - held.resting.x}px, ${held.at.y - held.resting.y}px, 0)`;
+      box.style.transform = `translate3d(${held2.at.x - held2.resting.x}px, ${held2.at.y - held2.resting.y}px, 0)`;
     },
     [boxRef, holdPointer]
   );
   const finishDrag = useCallback6(() => {
-    const held = grip.current;
-    if (held === null) return;
+    const held2 = grip.current;
+    if (held2 === null) return;
     grip.current = null;
     holdPointer(false);
     const box = boxRef.current;
-    if (!held.moved || box === null) {
+    if (!held2.moved || box === null) {
       setIsMoving(false);
       return;
     }
     justDragged.current = true;
-    const target = held.subject === "panel" ? spotFromPanel(held.at, held.bounds, held.size, held.box, held.margin) : spotFrom(held.at, held.bounds, held.size, held.margin);
+    const target = held2.subject === "panel" ? spotFromPanel(held2.at, held2.bounds, held2.size, held2.box, held2.margin) : spotFrom(held2.at, held2.bounds, held2.size, held2.margin);
     const home = metricsFor(
       target,
-      held.bounds,
-      held.size,
-      held.box.height,
-      held.margin
+      held2.bounds,
+      held2.size,
+      held2.box.height,
+      held2.margin
     );
     const from = {
-      x: held.at.x - (target.side === "left" ? held.bounds.left + held.margin : held.bounds.left + held.bounds.width - held.margin - held.dragged.width),
-      y: held.at.y - (held.subject === "panel" ? home.boxTop : home.buttonY)
+      x: held2.at.x - (target.side === "left" ? held2.bounds.left + held2.margin : held2.bounds.left + held2.bounds.width - held2.margin - held2.dragged.width),
+      y: held2.at.y - (held2.subject === "panel" ? home.boxTop : home.buttonY)
     };
     flushSync(() => setSpot(target));
     settle();
@@ -4766,7 +4774,7 @@ function usePageLock(isLocked) {
   useEffect8(() => {
     if (!isLocked) return;
     const { style } = document.body;
-    const held = {
+    const held2 = {
       position: style.position,
       top: style.top,
       left: style.left,
@@ -4780,11 +4788,11 @@ function usePageLock(isLocked) {
     style.right = "0";
     style.overflow = "hidden";
     return () => {
-      style.position = held.position;
-      style.top = held.top;
-      style.left = held.left;
-      style.right = held.right;
-      style.overflow = held.overflow;
+      style.position = held2.position;
+      style.top = held2.top;
+      style.left = held2.left;
+      style.right = held2.right;
+      style.overflow = held2.overflow;
       window.scrollTo({ top: scrollY, behavior: "instant" });
     };
   }, [isLocked]);
@@ -4888,7 +4896,7 @@ function useScrollLock(isLocked) {
   useEffect9(() => {
     if (!isLocked) return;
     const { body } = document;
-    const held = {
+    const held2 = {
       overflow: body.style.overflow,
       paddingRight: body.style.paddingRight
     };
@@ -4899,8 +4907,8 @@ function useScrollLock(isLocked) {
       body.style.paddingRight = `${existing + gutter}px`;
     }
     return () => {
-      body.style.overflow = held.overflow;
-      body.style.paddingRight = held.paddingRight;
+      body.style.overflow = held2.overflow;
+      body.style.paddingRight = held2.paddingRight;
     };
   }, [isLocked]);
 }
@@ -5017,9 +5025,9 @@ function WidgetTeaser({
   onOpen,
   onDismiss
 }) {
-  const [held, setHeld] = useState14(message);
-  if (message !== null && message !== held) setHeld(message);
-  const shown = message ?? held;
+  const [held2, setHeld] = useState14(message);
+  if (message !== null && message !== held2) setHeld(message);
+  const shown = message ?? held2;
   if (shown === null) return null;
   const agent = shown.agent;
   const text = plainTextOf(shown.body);
@@ -5521,7 +5529,9 @@ function WidgetSpotlight({ selector }) {
             {
               className: [
                 "absolute -inset-1 rounded-lg outline-2 outline-offset-0 outline-primary",
-                "shadow-[0_0_0_6px_color-mix(in_oklch,var(--primary)_20%,transparent)]",
+                // With the widget's own primary behind the host's, like every
+                // other colour it draws.
+                "shadow-[0_0_0_6px_color-mix(in_oklch,var(--primary,oklch(0.205_0_0))_20%,transparent)]",
                 "transition-opacity duration-300 ease-out motion-reduce:transition-none",
                 isLeaving ? "opacity-0" : "opacity-100"
               ].join(" ")
@@ -5545,7 +5555,7 @@ function WidgetSpotlight({ selector }) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/control.ts
-import { useSyncExternalStore as useSyncExternalStore12 } from "react";
+import { useSyncExternalStore as useSyncExternalStore13 } from "react";
 
 // ../backend/convex/shared/customData.ts
 var MAX_CUSTOM_ENTRIES = 8;
@@ -5592,7 +5602,20 @@ function mergeCustomData(...sources) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/custom-data.ts
+import { useEffect as useEffect12 } from "react";
 var queued = [];
+var senders = 0;
+function useCustomDataSender() {
+  useEffect12(() => {
+    senders += 1;
+    return () => {
+      senders -= 1;
+    };
+  }, []);
+}
+function hasCustomDataSender() {
+  return senders > 0;
+}
 function queueCustomData(label, value) {
   const cleaned = cleanCustomData([{ label, value }]);
   if (cleaned === void 0) return false;
@@ -5610,13 +5633,16 @@ function restoreCustomData(entries) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/open-store.ts
-import { useCallback as useCallback8, useEffect as useEffect12, useSyncExternalStore as useSyncExternalStore7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef16, useSyncExternalStore as useSyncExternalStore7 } from "react";
 var isDevelopment = typeof process !== "undefined" && process.env.NODE_ENV === "development";
 function createOpenStore(component) {
   let requested = null;
   let effective = false;
   let mounted = 0;
+  const mountedNames = [];
   const listeners7 = /* @__PURE__ */ new Set();
+  const requestListeners = /* @__PURE__ */ new Set();
+  let isReporting = false;
   function emit() {
     for (const listener of listeners7) listener();
   }
@@ -5640,6 +5666,20 @@ function createOpenStore(component) {
     request(next) {
       requested = next;
       emit();
+      if (isReporting) return;
+      isReporting = true;
+      try {
+        for (const listener of requestListeners) listener(next);
+      } finally {
+        isReporting = false;
+      }
+    },
+    /** Hears each request: a trigger, the hook, or the panel's own button. */
+    onRequest(listener) {
+      requestListeners.add(listener);
+      return () => {
+        requestListeners.delete(listener);
+      };
     },
     /** Told, not asked: the panel saying what it settled on. */
     settle(next) {
@@ -5647,12 +5687,17 @@ function createOpenStore(component) {
       effective = next;
       emit();
     },
-    countMounted() {
+    countMounted(name = component) {
       mounted += 1;
+      mountedNames.push(name);
       return mounted;
     },
-    countUnmounted() {
+    /** The components on the page, for a warning that names them. */
+    mountedNames: () => [...mountedNames],
+    countUnmounted(name = component) {
       mounted -= 1;
+      const at2 = mountedNames.indexOf(name);
+      if (at2 !== -1) mountedNames.splice(at2, 1);
       if (mounted === 0 && effective) {
         effective = false;
         emit();
@@ -5690,52 +5735,52 @@ function useOpenState(store3, {
     store3.readServerRequested
   );
   const isOpen = open ?? asked ?? defaultOpen;
-  useEffect12(() => {
+  useEffect13(() => {
     store3.settle(isOpen);
   }, [store3, isOpen]);
+  const reportRef = useRef16(onOpenChange);
+  useEffect13(() => {
+    reportRef.current = onOpenChange;
+  });
+  useEffect13(
+    () => store3.onRequest((next) => reportRef.current?.(next)),
+    [store3]
+  );
   const setOpen = useCallback8(
     (next) => {
       store3.request(next);
-      onOpenChange?.(next);
     },
-    [store3, onOpenChange]
+    [store3]
   );
   return [isOpen, setOpen];
 }
-function useRegister(store3) {
-  useEffect12(() => {
-    if (store3.countMounted() > 1 && isDevelopment) {
+function useRegister(store3, name = store3.component) {
+  useEffect13(() => {
+    if (store3.countMounted(name) > 1 && isDevelopment) {
+      const names = [...new Set(store3.mountedNames())];
+      const which = names.length === 1 ? `more than one <${names[0]}> is mounted` : `${names.map((one) => `<${one}>`).join(" and ")} are both mounted`;
       console.warn(
-        `Median: more than one <${store3.component}> is mounted. They share one open state and open together. Mount it once, near the root of your app.`
+        `Median: ${which}. They share one open state and open together. Mount one, once, near the root of your app.`
       );
     }
-    return () => store3.countUnmounted();
-  }, [store3]);
+    return () => store3.countUnmounted(name);
+  }, [store3, name]);
 }
 
-// ../backend/convex/shared/auditResult.ts
+// ../backend/convex/shared/mutationResult.ts
 import { ConvexError } from "convex/values";
-function unwrapAuditResult(result) {
+function unwrapResult(result) {
   if (result.auditResult === "error") throw new ConvexError(result.data);
   return result.value;
 }
 
-// ../backend/client/auditedMutation.ts
+// ../backend/client/mutationResult.ts
 function unwrapMutationResult(result) {
   if (result && typeof result === "object" && "auditResult" in result && (result.auditResult === "ok" && "value" in result || result.auditResult === "error" && "data" in result)) {
-    return unwrapAuditResult(
-      result
-    );
+    return unwrapResult(result);
   }
   return result;
 }
-function auditedClientMutation(mutation) {
-  const invoke = async (...args) => {
-    return unwrapMutationResult(await mutation(...args));
-  };
-  invoke.withOptimisticUpdate = (update) => auditedClientMutation(mutation.withOptimisticUpdate(update));
-  return invoke;
-}
 
 // ../backend/convex/_generated/api.js
 import { anyApi, componentsGeneric } from "convex/server";
@@ -5966,7 +6011,7 @@ function cleanClientDiagnostics(input) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/diagnostics.ts
-import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef16 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef17 } from "react";
 function settingsOf(option) {
   if (option === void 0 || option === false) return null;
   if (option === true) return { errors: true, network: false, console: false };
@@ -5996,9 +6041,8 @@ function messageOf(value) {
 function stackOf(value) {
   return value instanceof Error && typeof value.stack === "string" ? value.stack.slice(0, STACK_MAX_LENGTH) : void 0;
 }
-function collect(settings) {
-  const undo = [];
-  if (settings.errors) {
+var INSTALLERS = {
+  errors: () => {
     const onError = (event) => {
       if (!event.error && !event.message) return;
       record({
@@ -6024,12 +6068,14 @@ function collect(settings) {
     };
     window.addEventListener("error", onError);
     window.addEventListener("unhandledrejection", onRejection);
-    undo.push(() => {
+    return () => {
       window.removeEventListener("error", onError);
       window.removeEventListener("unhandledrejection", onRejection);
-    });
-  }
-  if (settings.network && typeof window.fetch === "function") {
+    };
+  },
+  network: () => {
+    if (typeof window.fetch !== "function") return () => {
+    };
     const original = window.fetch;
     window.fetch = async function medianFetch(...args) {
       const [input, init] = args;
@@ -6063,11 +6109,11 @@ function collect(settings) {
         throw thrown;
       }
     };
-    undo.push(() => {
+    return () => {
       window.fetch = original;
-    });
-  }
-  if (settings.console) {
+    };
+  },
+  console: () => {
     const original = console.error;
     console.error = function medianConsoleError(...args) {
       record({
@@ -6078,12 +6124,32 @@ function collect(settings) {
       });
       original.apply(console, args);
     };
-    undo.push(() => {
+    return () => {
       console.error = original;
-    });
+    };
+  }
+};
+var wanted = {
+  errors: 0,
+  network: 0,
+  console: 0
+};
+var removers = {};
+function collect(settings) {
+  const kinds = Object.keys(settings).filter(
+    (kind) => settings[kind]
+  );
+  for (const kind of kinds) {
+    wanted[kind] += 1;
+    if (wanted[kind] === 1) removers[kind] = INSTALLERS[kind]();
   }
   return () => {
-    for (const off of undo) off();
+    for (const kind of kinds) {
+      wanted[kind] -= 1;
+      if (wanted[kind] > 0) continue;
+      removers[kind]?.();
+      delete removers[kind];
+    }
   };
 }
 function snapshot(state) {
@@ -6097,24 +6163,37 @@ function snapshot(state) {
   });
 }
 function snapshotNow(extraState) {
-  return snapshot({ ...latestState, ...extraState });
+  const merged = { ...extraState };
+  for (const [key, value] of Object.entries(latestState ?? {})) {
+    if (!Object.prototype.hasOwnProperty.call(merged, key)) {
+      merged[key] = value;
+    }
+  }
+  return snapshot(merged);
 }
 function useDiagnostics(option, appState) {
   const settings = settingsOf(option);
   const key = settings === null ? null : JSON.stringify(settings);
-  const stateRef = useRef16(appState);
-  useEffect13(() => {
+  const stateRef = useRef17(appState);
+  const shared = useRef17(void 0);
+  useEffect14(() => {
     stateRef.current = appState;
-    latestState = appState;
+    if (appState !== void 0) {
+      latestState = appState;
+    } else if (shared.current !== void 0 && latestState === shared.current) {
+      latestState = void 0;
+    }
+    shared.current = appState;
   });
-  const sentAt = useRef16(null);
-  useEffect13(() => {
+  const sentAt = useRef17(null);
+  useEffect14(() => {
     if (key === null) return;
     return collect(JSON.parse(key));
   }, [key]);
   const take = useCallback9(() => {
     if (key === null) return void 0;
-    if (sentAt.current !== null && sentAt.current === recorded) return void 0;
+    if (sentAt.current !== null && sentAt.current === recorded)
+      return void 0;
     sentAt.current = recorded;
     return snapshot(stateRef.current);
   }, [key]);
@@ -6122,7 +6201,7 @@ function useDiagnostics(option, appState) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/install.ts
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect15 } from "react";
 var install = null;
 var listeners3 = /* @__PURE__ */ new Set();
 function rememberInstall(next) {
@@ -6144,7 +6223,7 @@ function hasInstall() {
   return install !== null;
 }
 function useRememberInstall(apiKey, user) {
-  useEffect14(() => {
+  useEffect15(() => {
     if (apiKey === void 0) return;
     rememberInstall({ apiKey, ...user ? { user } : {} });
   });
@@ -6257,6 +6336,10 @@ function isClear(color) {
 var STORAGE_PREFIX = "median:session:";
 var inMemorySessions = /* @__PURE__ */ new Map();
 var listeners4 = /* @__PURE__ */ new Set();
+var resetCount = 0;
+function getResetCount() {
+  return resetCount;
+}
 function subscribeSession(listener) {
   listeners4.add(listener);
   return () => {
@@ -6279,6 +6362,7 @@ function getOrCreateSessionId(apiKey) {
   }
 }
 function resetSessions() {
+  resetCount += 1;
   inMemorySessions.clear();
   if (typeof window !== "undefined") {
     try {
@@ -6295,30 +6379,33 @@ function resetSessions() {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-median-thread.ts
-import { useQuery } from "convex/react";
+import { useMutation as useMutation2, useQuery } from "convex/react";
 
-// ../../apps/web/src/hooks/use-audited-mutation.ts
-import { useMemo as useMemo2 } from "react";
+// ../../apps/web/src/components/support-widget/sdk/use-widget-mutation.ts
 import { useMutation } from "convex/react";
-function useAuditedMutation(reference) {
+import { useCallback as useCallback10 } from "react";
+function useWidgetMutation(reference) {
   const mutation = useMutation(reference);
-  return useMemo2(() => auditedClientMutation(mutation), [mutation]);
+  return useCallback10(
+    async (...args) => unwrapMutationResult(await mutation(...args)),
+    [mutation]
+  );
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-median-thread.ts
 import {
-  useCallback as useCallback11,
-  useEffect as useEffect17,
-  useMemo as useMemo3,
+  useCallback as useCallback12,
+  useEffect as useEffect18,
+  useMemo as useMemo2,
   useState as useState18,
   useSyncExternalStore as useSyncExternalStore9
 } from "react";
 
 // ../../apps/web/src/hooks/use-now.ts
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 function useNow(intervalMs = 3e4) {
   const [now, setNow] = useState17(() => Date.now());
-  useEffect15(() => {
+  useEffect16(() => {
     const timer = setInterval(() => setNow(Date.now()), intervalMs);
     return () => clearInterval(timer);
   }, [intervalMs]);
@@ -6328,6 +6415,10 @@ function useNow(intervalMs = 3e4) {
 // ../../apps/web/src/lib/errors.ts
 import { ConvexError as ConvexError2 } from "convex/values";
 var FALLBACK = "Something went wrong on our end. Please try again.";
+var OUT_OF_DATE = "This page is out of date. Refresh to get the latest version.";
+function isMissingFunction(error) {
+  return error instanceof Error && error.message.includes("Could not find public function");
+}
 function isErrorPayload(data) {
   return typeof data === "object" && data !== null && "message" in data && typeof data.message === "string";
 }
@@ -6336,6 +6427,7 @@ function errorMessage(error) {
     if (typeof error.data === "string") return error.data;
     if (isErrorPayload(error.data)) return error.data.message;
   }
+  if (isMissingFunction(error)) return OUT_OF_DATE;
   return FALLBACK;
 }
 
@@ -6434,14 +6526,14 @@ function widgetReadReceipts(messages, now) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-screenshot-ask.ts
-import { useEffect as useEffect16, useRef as useRef17 } from "react";
+import { useEffect as useEffect17, useRef as useRef18 } from "react";
 function useScreenshotAsk({
   ask,
   enabled: enabled2,
   answer
 }) {
-  const answered = useRef17(/* @__PURE__ */ new Set());
-  useEffect16(() => {
+  const answered = useRef18(/* @__PURE__ */ new Set());
+  useEffect17(() => {
     if (ask === null || answered.current.has(ask.key)) return;
     answered.current.add(ask.key);
     void (async () => {
@@ -6454,7 +6546,7 @@ function useScreenshotAsk({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/visitor-email.ts
-import { useCallback as useCallback10, useSyncExternalStore as useSyncExternalStore8 } from "react";
+import { useCallback as useCallback11, useSyncExternalStore as useSyncExternalStore8 } from "react";
 var STORAGE_PREFIX3 = "median:email:";
 var inMemory2 = /* @__PURE__ */ new Map();
 var listeners5 = /* @__PURE__ */ new Set();
@@ -6499,10 +6591,10 @@ function resetVisitorEmails() {
 function useVisitorEmail(apiKey) {
   const email = useSyncExternalStore8(
     subscribeVisitorEmail,
-    useCallback10(() => readVisitorEmail(apiKey), [apiKey]),
+    useCallback11(() => readVisitorEmail(apiKey), [apiKey]),
     () => null
   );
-  const setEmail = useCallback10(
+  const setEmail = useCallback11(
     (next) => writeVisitorEmail(apiKey, next),
     [apiKey]
   );
@@ -6542,7 +6634,7 @@ function useMedianThread({
 }) {
   const sessionId = useSyncExternalStore9(
     subscribeSession,
-    useCallback11(() => getOrCreateSessionId(apiKey), [apiKey]),
+    useCallback12(() => getOrCreateSessionId(apiKey), [apiKey]),
     () => null
   );
   const config = useQuery(api.widget.config, { apiKey });
@@ -6552,14 +6644,14 @@ function useMedianThread({
     api.widget.thread,
     sessionId === null || isLocked ? "skip" : { apiKey, sessionId }
   );
-  const send = useAuditedMutation(api.widget.sendV2);
-  const sendTyping = useAuditedMutation(api.widget.setTyping);
-  const sendPresence = useAuditedMutation(api.widget.presence);
-  const rateConversation = useAuditedMutation(api.widget.rateV2);
-  const identify = useAuditedMutation(api.widget.identifyV2);
-  const generateUploadUrl = useAuditedMutation(api.widget.generateUploadUrlV2);
-  const answerScreenshot = useAuditedMutation(api.widget.answerScreenshotV2);
-  const answerAsk = useCallback11(
+  const send = useWidgetMutation(api.widget.sendV2);
+  const sendTyping = useMutation2(api.widget.setTyping);
+  const sendPresence = useMutation2(api.widget.presence);
+  const rateConversation = useWidgetMutation(api.widget.rateV2);
+  const identify = useWidgetMutation(api.widget.identifyV2);
+  const generateUploadUrl = useWidgetMutation(api.widget.generateUploadUrlV2);
+  const answerScreenshot = useWidgetMutation(api.widget.answerScreenshotV2);
+  const answerAsk = useCallback12(
     async (key, shot) => {
       if (sessionId === null) return;
       let attachment;
@@ -6586,11 +6678,11 @@ function useMedianThread({
     [apiKey, sessionId, generateUploadUrl, answerScreenshot]
   );
   const identityKey = user ? JSON.stringify(user) : null;
-  const identity = useMemo3(
+  const identity = useMemo2(
     () => identityKey === null ? null : JSON.parse(identityKey),
     [identityKey]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (sessionId === null || identity === null) return;
     const { facts, claim } = splitIdentity(identity);
     identify({
@@ -6611,7 +6703,7 @@ function useMedianThread({
   const takeDiagnostics = useDiagnostics(diagnostics, appState);
   const [isSending, setIsSending] = useState18(false);
   const [sendError, setSendError] = useState18(null);
-  const agent = useMemo3(
+  const agent = useMemo2(
     () => config === void 0 ? null : {
       id: "median-agent",
       name: config.agent.name,
@@ -6620,7 +6712,7 @@ function useMedianThread({
     },
     [config]
   );
-  const messages = useMemo3(() => {
+  const messages = useMemo2(() => {
     if (!thread || agent === null) return [];
     const out = [];
     let previousAt;
@@ -6669,7 +6761,7 @@ function useMedianThread({
     }
     return out;
   }, [thread, agent, now]);
-  const presence = useMemo3(() => {
+  const presence = useMemo2(() => {
     if (config === void 0 || agent === null) return null;
     const humans = /* @__PURE__ */ new Map();
     for (const message of messages) {
@@ -6683,7 +6775,7 @@ function useMedianThread({
       team: [...[...humans.values()].slice(-2), agent]
     };
   }, [config, agent, messages]);
-  const unread = useMemo3(() => {
+  const unread = useMemo2(() => {
     const unreadIds = new Set(
       thread?.messages.filter(isUnreadReply).map((message) => message._id)
     );
@@ -6760,11 +6852,11 @@ function useMedianThread({
   const readsKey = JSON.stringify(
     widgetReadReceipts(thread?.messages ?? [], now)
   );
-  const reads = useMemo3(
+  const reads = useMemo2(
     () => JSON.parse(readsKey),
     [readsKey]
   );
-  const reportPresence = useCallback11(() => {
+  const reportPresence = useCallback12(() => {
     if (sessionId === null || isLocked) return;
     sendPresence({
       apiKey,
@@ -6940,8 +7032,51 @@ function useCanReportError() {
   return isInstalled && Boolean(MEDIAN_DEPLOYMENT_URL);
 }
 
+// ../../apps/web/src/components/support-widget/sdk/signed-out.ts
+import { useEffect as useEffect19, useRef as useRef19, useState as useState19, useSyncExternalStore as useSyncExternalStore11 } from "react";
+var held = /* @__PURE__ */ new Map();
+var signedOut = /* @__PURE__ */ new Set();
+var RELEASE_AFTER_MS = 2e3;
+function signOutHeldUsers() {
+  for (const person of held.values()) signedOut.add(person);
+}
+function releaseLater(person) {
+  if (!signedOut.has(person)) return;
+  setTimeout(() => {
+    for (const other of held.values()) if (other === person) return;
+    signedOut.delete(person);
+  }, RELEASE_AFTER_MS);
+}
+function personKey(user) {
+  if (user === void 0) return null;
+  return user.id && user.hash ? `id:${user.id}` : JSON.stringify(user);
+}
+function useSignedInUser(user) {
+  const person = personKey(user);
+  useSyncExternalStore11(subscribeSession, getResetCount, () => 0);
+  const [token] = useState19(() => Symbol("median-panel"));
+  const previous = useRef19(null);
+  useEffect19(() => {
+    if (previous.current !== null && previous.current !== person) {
+      signedOut.delete(previous.current);
+    }
+    previous.current = person;
+    if (person === null) held.delete(token);
+    else held.set(token, person);
+  }, [person, token]);
+  useEffect19(
+    () => () => {
+      const person2 = held.get(token);
+      held.delete(token);
+      if (person2 !== void 0) releaseLater(person2);
+    },
+    [token]
+  );
+  return person !== null && signedOut.has(person) ? void 0 : user;
+}
+
 // ../../apps/web/src/components/support-widget/sdk/unread-store.ts
-import { useSyncExternalStore as useSyncExternalStore11 } from "react";
+import { useSyncExternalStore as useSyncExternalStore12 } from "react";
 var count = 0;
 var listeners6 = /* @__PURE__ */ new Set();
 var unreadStore = {
@@ -6961,7 +7096,7 @@ var unreadStore = {
   }
 };
 function useUnreadCount() {
-  return useSyncExternalStore11(
+  return useSyncExternalStore12(
     unreadStore.subscribe,
     unreadStore.read,
     unreadStore.readServer
@@ -7006,7 +7141,13 @@ var medianSupport = {
       }
       return;
     }
-    store.warnIfNothingIsMounted("data was attached");
+    if (!isDevelopment || hasCustomDataSender()) return;
+    setTimeout(() => {
+      if (hasCustomDataSender()) return;
+      console.warn(
+        "Median: data was attached, but no <MedianSupport>, <MedianFeedback> or contact form is on the page to send it. It goes with the next message, note, sendMedianContact() or reportError() call."
+      );
+    }, 1e3);
   },
   /**
    * File the crash your error screen is showing, with everything the browser
@@ -7025,14 +7166,19 @@ var medianSupport = {
    * Forget this browser's conversation, so the next one starts fresh and
    * anonymous. Call it when your user signs out: whoever sits down next
    * should not find somebody else's thread waiting.
+   *
+   * The user the widget holds right now is signed out with it, even if your
+   * own state still passes them for a moment, and an identity route is read
+   * again.
    */
   reset() {
+    signOutHeldUsers();
     resetSessions();
     resetVisitorEmails();
   }
 };
 function useMedianSupport() {
-  const isOpen = useSyncExternalStore12(
+  const isOpen = useSyncExternalStore13(
     store.subscribe,
     store.readEffective,
     store.readServerEffective
@@ -7052,18 +7198,18 @@ function useMedianSupport() {
 function useMedianOpenState(options) {
   return useOpenState(store, options);
 }
-function useRegisterMedianSupport() {
-  useRegister(store);
+function useRegisterMedianSupport(name = "MedianSupport") {
+  useRegister(store, name);
 }
 
 // ../../apps/web/src/components/support-widget/sdk/error-boundary.tsx
 import { ConvexError as ConvexError3 } from "convex/values";
 import { Component } from "react";
-function adviceFor(error) {
+function adviceFor(error, component) {
   if (error instanceof ConvexError3 && typeof error.data === "object" && error.data !== null && error.data.code === "invalid_api_key") {
-    return "Median did not recognize the apiKey passed to <MedianSupport>, so the widget has been hidden. Derive it from an active MEDIAN_KEY with publicKeyFromMedianKey.";
+    return `Median did not recognize the apiKey passed to <${component}>, so it has been hidden. Derive it from an active MEDIAN_KEY with publicKeyFromMedianKey.`;
   }
-  return "The Median support widget hit an error and has been hidden. Your page is unaffected.";
+  return `Median: <${component}> hit an error and has been hidden. Your page is unaffected.`;
 }
 var MedianErrorBoundary = class extends Component {
   state = { hasFailed: false };
@@ -7071,7 +7217,7 @@ var MedianErrorBoundary = class extends Component {
     return { hasFailed: true };
   }
   componentDidCatch(error) {
-    console.error(adviceFor(error), error);
+    console.error(adviceFor(error, this.props.component), error);
   }
   render() {
     return this.state.hasFailed ? null : this.props.children;
@@ -7079,7 +7225,7 @@ var MedianErrorBoundary = class extends Component {
 };
 
 // ../../apps/web/src/components/support-widget/sdk/use-identity.ts
-import { useEffect as useEffect18, useState as useState19 } from "react";
+import { useEffect as useEffect20, useState as useState20, useSyncExternalStore as useSyncExternalStore14 } from "react";
 var NOTHING = {
   apiKey: void 0,
   user: void 0,
@@ -7087,8 +7233,9 @@ var NOTHING = {
 };
 var WAITING = { ...NOTHING, isLoading: true };
 var inFlight2 = /* @__PURE__ */ new Map();
-function read3(endpoint) {
-  const existing = inFlight2.get(endpoint);
+function read3(endpoint, resets) {
+  const cacheKey = `${resets}:${endpoint}`;
+  const existing = inFlight2.get(cacheKey);
   if (existing !== void 0) return existing;
   const request = (async () => {
     const response = await fetch(endpoint, {
@@ -7103,26 +7250,27 @@ function read3(endpoint) {
       );
     }
     return await response.json();
-  })().finally(() => inFlight2.delete(endpoint));
-  inFlight2.set(endpoint, request);
+  })().finally(() => inFlight2.delete(cacheKey));
+  inFlight2.set(cacheKey, request);
   return request;
 }
-function useMissingCredentials(component, apiKey, endpoint) {
-  useEffect18(() => {
+function useMissingCredentials(caller, apiKey, endpoint, consequence = "nothing is on the page") {
+  useEffect20(() => {
     if (apiKey !== void 0 || endpoint !== void 0) return;
     console.error(
-      `Median: <${component}> was given neither apiKey nor identity, so nothing is on the page. Pass the median_pk_ id from publicKeyFromMedianKey(MEDIAN_KEY), or the path of a route built with medianIdentity().`
+      `Median: ${caller} was given neither apiKey nor identity, so ${consequence}. Pass the median_pk_ id from publicKeyFromMedianKey(MEDIAN_KEY), or the path of a route built with medianIdentity().`
     );
-  }, [component, apiKey, endpoint]);
+  }, [caller, apiKey, endpoint, consequence]);
 }
 function useMedianIdentity(endpoint) {
-  const [answered, setAnswered] = useState19(null);
-  useEffect18(() => {
+  const [answered, setAnswered] = useState20(null);
+  const resets = useSyncExternalStore14(subscribeSession, getResetCount, () => 0);
+  useEffect20(() => {
     if (endpoint === void 0) return;
     let listening = true;
     void (async () => {
       try {
-        const body = await read3(endpoint);
+        const body = await read3(endpoint, resets);
         if (!listening) return;
         setAnswered({
           endpoint,
@@ -7146,7 +7294,7 @@ function useMedianIdentity(endpoint) {
     return () => {
       listening = false;
     };
-  }, [endpoint]);
+  }, [endpoint, resets]);
   if (endpoint === void 0) return NOTHING;
   if (answered?.endpoint === endpoint) return answered.identity;
   return WAITING;
@@ -7154,10 +7302,10 @@ function useMedianIdentity(endpoint) {
 
 // ../../apps/web/src/components/support-widget/sdk/use-median-branding.ts
 import { ConvexHttpClient as ConvexHttpClient2 } from "convex/browser";
-import { useEffect as useEffect19, useState as useState20 } from "react";
+import { useEffect as useEffect21, useState as useState21 } from "react";
 function useMedianBranding(apiKey) {
-  const [state, setState] = useState20({ key: apiKey, show: true });
-  useEffect19(() => {
+  const [state, setState] = useState21({ key: apiKey, show: true });
+  useEffect21(() => {
     if (!apiKey || !MEDIAN_DEPLOYMENT_URL) return;
     const client3 = new ConvexHttpClient2(MEDIAN_DEPLOYMENT_URL);
     let active = true;
@@ -7193,13 +7341,13 @@ function useMedianBranding(apiKey) {
 
 // ../../apps/web/src/components/support-widget/sdk/median-connection.tsx
 import { ConvexProvider, ConvexReactClient } from "convex/react";
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 import { jsx as jsx37 } from "react/jsx-runtime";
 function MedianConnection({
   what,
   children
 }) {
-  const [client3] = useState21(() => {
+  const [client3] = useState22(() => {
     if (!MEDIAN_DEPLOYMENT_URL) {
       throw new Error(
         `The Median ${what} was built without a deployment URL. Set NEXT_PUBLIC_CONVEX_URL.`
@@ -7211,15 +7359,15 @@ function MedianConnection({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-api-key-warning.ts
-import { useEffect as useEffect20 } from "react";
-function useApiKeyShapeWarning(component, apiKey) {
-  useEffect20(() => {
+import { useEffect as useEffect22 } from "react";
+function useApiKeyShapeWarning(caller, apiKey) {
+  useEffect22(() => {
     if (apiKey === void 0 || hasPrefix(apiKey, API_KEY_PREFIX)) return;
     const shown = apiKey === "" ? "an empty string" : `"${apiKey.length > 16 ? `${apiKey.slice(0, 16)}\u2026` : apiKey}"`;
     console.error(
-      `Median: the apiKey passed to <${component}> is ${shown}, which does not look like the browser-safe id from publicKeyFromMedianKey(MEDIAN_KEY). It should start with ${API_KEY_PREFIX}.`
+      `Median: the apiKey passed to ${caller} is ${shown}, which does not look like the browser-safe id from publicKeyFromMedianKey(MEDIAN_KEY). It should start with ${API_KEY_PREFIX}.`
     );
-  }, [component, apiKey]);
+  }, [caller, apiKey]);
 }
 
 // ../../node_modules/.bun/cuelume@0.2.2/node_modules/cuelume/dist/sounds/recipes.js
@@ -7540,16 +7688,16 @@ function play(sound = "chime", options) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-message-sound.ts
-import { useEffect as useEffect21, useRef as useRef18 } from "react";
+import { useEffect as useEffect23, useRef as useRef20 } from "react";
 var ARRIVAL_VOLUME = 0.45;
 function useMessageSound({
   messages,
   conversationId = null,
   isLoading
 }) {
-  const heard = useRef18(null);
-  const watching = useRef18(null);
-  useEffect21(() => {
+  const heard = useRef20(null);
+  const watching = useRef20(null);
+  useEffect23(() => {
     if (isLoading) {
       heard.current = null;
       return;
@@ -7573,7 +7721,7 @@ function useMessageSound({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-navigation.ts
-import { useCallback as useCallback12, useEffect as useEffect22, useLayoutEffect as useLayoutEffect10, useRef as useRef19, useState as useState22 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect24, useLayoutEffect as useLayoutEffect10, useRef as useRef21, useState as useState23 } from "react";
 var isDevelopment2 = typeof process !== "undefined" && process.env.NODE_ENV === "development";
 var STALE_AFTER_MS = 5 * 60 * 1e3;
 function isFresh(at2) {
@@ -7617,12 +7765,12 @@ function useSupportNavigation({
   isLoading,
   onNavigate
 }) {
-  const seen = useRef19(null);
-  const watching = useRef19(null);
-  const [spotlight, setSpotlight] = useState22(null);
-  const drawn = useRef19(0);
-  const [taken, setTaken] = useState22(null);
-  const follow = useCallback12(
+  const seen = useRef21(null);
+  const watching = useRef21(null);
+  const [spotlight, setSpotlight] = useState23(null);
+  const drawn = useRef21(0);
+  const [taken, setTaken] = useState23(null);
+  const follow = useCallback13(
     (destination) => {
       if (onNavigate === void 0) return;
       const path = pathOnThisSite(destination.path);
@@ -7662,8 +7810,8 @@ function useSupportNavigation({
     }
     if (latest !== null) setSpotlight(latest);
   }, [messages, ask, conversationId, isLoading]);
-  const warned = useRef19(false);
-  useEffect22(() => {
+  const warned = useRef21(false);
+  useEffect24(() => {
     if (!isDevelopment2 || onNavigate !== void 0 || warned.current) return;
     const offered = messages.some((message) => message.navigateTo !== void 0) || ask?.navigateTo != null;
     if (!offered) return;
@@ -7672,8 +7820,8 @@ function useSupportNavigation({
       "Median: a tool offered to take this visitor to a page, but <MedianSupport> has no onNavigate, so no button is shown for it. Pass one, such as onNavigate={router.push}."
     );
   }, [messages, ask, onNavigate]);
-  const [, expire] = useState22(0);
-  useEffect22(() => {
+  const [, expire] = useState23(0);
+  useEffect24(() => {
     if (ask === null || ask.navigateTo === null) return;
     const left = ask.at + STALE_AFTER_MS - Date.now();
     if (left <= 0) return;
@@ -7685,7 +7833,7 @@ function useSupportNavigation({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-teaser.ts
-import { useCallback as useCallback13, useState as useState23 } from "react";
+import { useCallback as useCallback14, useState as useState24 } from "react";
 
 // ../../apps/web/src/components/support-widget/sdk/stamps.ts
 var inMemory3 = /* @__PURE__ */ new Map();
@@ -7724,11 +7872,11 @@ function writeTeaserDismissedAt(apiKey, at2) {
 
 // ../../apps/web/src/components/support-widget/sdk/use-teaser.ts
 function useTeaser(apiKey, latestUnread) {
-  const [dismissedAt, setDismissedAt] = useState23(
+  const [dismissedAt, setDismissedAt] = useState24(
     () => readTeaserDismissedAt(apiKey)
   );
   const teaser = latestUnread !== null && (latestUnread.sentAt ?? 0) > dismissedAt ? latestUnread : null;
-  const dismiss = useCallback13(() => {
+  const dismiss = useCallback14(() => {
     if (teaser === null) return;
     const at2 = teaser.sentAt ?? Date.now();
     writeTeaserDismissedAt(apiKey, at2);
@@ -7738,12 +7886,12 @@ function useTeaser(apiKey, latestUnread) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-unread-title.ts
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect25 } from "react";
 function badged(count2, title) {
   return `(${count2}) ${title}`.trim();
 }
 function useUnreadTitle(unreadCount) {
-  useEffect23(() => {
+  useEffect25(() => {
     if (unreadCount === 0 || typeof document === "undefined") return;
     let plain = document.title;
     let shown = badged(unreadCount, plain);
@@ -7779,7 +7927,7 @@ function MedianSupportPreview({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(MedianErrorBoundary, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx38(MedianErrorBoundary, { component: componentName(presentation), children: /* @__PURE__ */ jsx38(
     MedianIdentity,
     {
       ...props,
@@ -7789,17 +7937,25 @@ function MedianSupportPreview({
     }
   ) });
 }
+function componentName(presentation) {
+  return presentation === "modal" ? "MedianSupportModal" : "MedianSupport";
+}
 function MedianIdentity({ apiKey, identity, user, ...rest }) {
   const resolved = useMedianIdentity(identity);
-  useMissingCredentials("MedianSupport", apiKey, identity);
+  useMissingCredentials(
+    `<${componentName(rest.presentation)}>`,
+    apiKey,
+    identity
+  );
   const key = apiKey ?? resolved.apiKey;
+  const person = useSignedInUser(user ?? resolved.user);
   if (key === void 0) return null;
   return /* @__PURE__ */ jsx38(MedianConnection, { what: "widget", children: /* @__PURE__ */ jsx38(
     MedianLauncher,
     {
       ...rest,
       apiKey: key,
-      user: user ?? resolved.user,
+      user: person,
       isResolvingIdentity: resolved.isLoading
     }
   ) });
@@ -7825,11 +7981,9 @@ function MedianLauncher({
   isResolvingIdentity,
   className
 }) {
-  useRegisterMedianSupport();
-  useApiKeyShapeWarning(
-    presentation === "modal" ? "MedianSupportModal" : "MedianSupport",
-    apiKey
-  );
+  useRegisterMedianSupport(componentName(presentation));
+  useCustomDataSender();
+  useApiKeyShapeWarning(`<${componentName(presentation)}>`, apiKey);
   useRememberInstall(apiKey, user);
   const showBranding = useMedianBranding(apiKey);
   const [isOpen, setOpen] = useMedianOpenState({
@@ -7868,11 +8022,11 @@ function MedianLauncher({
   });
   const { teaser, dismiss: dismissTeaser } = useTeaser(apiKey, latestUnread);
   const isSettling = isLoading || isResolvingIdentity;
-  useEffect24(() => {
+  useEffect26(() => {
     if (!threadRendersMarkdown(messages)) return;
     return warmMarkdownWhenIdle();
   }, [messages]);
-  useEffect24(() => {
+  useEffect26(() => {
     if (!isOpen) return;
     const beat = () => {
       if (document.visibilityState === "visible") reportPresence();
@@ -7906,10 +8060,10 @@ function MedianLauncher({
     isLoading: isSettling || isLocked
   });
   useUnreadTitle(titleCount ? unreadCount : 0);
-  useEffect24(() => {
+  useEffect26(() => {
     unreadStore.set(unreadCount);
   }, [unreadCount]);
-  useEffect24(() => () => unreadStore.set(0), []);
+  useEffect26(() => () => unreadStore.set(0), []);
   const resolvedPresence = presence ?? {
     name: "Support",
     status: "Connecting",
@@ -8037,10 +8191,10 @@ function mountMedianSupportModal(options) {
 
 // ../../apps/web/src/components/support-widget/sdk/median-feedback.tsx
 import {
-  useCallback as useCallback15,
-  useEffect as useEffect27,
-  useRef as useRef22,
-  useState as useState27
+  useCallback as useCallback16,
+  useEffect as useEffect29,
+  useRef as useRef24,
+  useState as useState28
 } from "react";
 
 // ../backend/convex/shared/feedback.ts
@@ -8051,17 +8205,17 @@ var MAX_REPORT_IMAGES = 6;
 
 // ../../apps/web/src/components/support-widget/feedback/feedback-panel.tsx
 import {
-  useEffect as useEffect26,
-  useRef as useRef21,
-  useState as useState25
+  useEffect as useEffect28,
+  useRef as useRef23,
+  useState as useState26
 } from "react";
 
 // ../../apps/web/src/components/support-widget/feedback/feedback-popover.tsx
-import { useEffect as useEffect25, useRef as useRef20 } from "react";
+import { useEffect as useEffect27, useRef as useRef22 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // ../../apps/web/src/components/support-widget/feedback/use-anchor.ts
-import { useLayoutEffect as useLayoutEffect11, useState as useState24 } from "react";
+import { useLayoutEffect as useLayoutEffect11, useState as useState25 } from "react";
 var GAP2 = 8;
 var MARGIN2 = 16;
 function findAnchor(selector) {
@@ -8081,7 +8235,7 @@ function useAnchor({
   panelRef,
   isOpen
 }) {
-  const [side, setSide] = useState24("bottom");
+  const [side, setSide] = useState25("bottom");
   useLayoutEffect11(() => {
     if (!isOpen) return;
     let frame = 0;
@@ -8150,12 +8304,12 @@ function FeedbackPopover({
   width,
   children
 }) {
-  const panelRef = useRef20(null);
+  const panelRef = useRef22(null);
   const side = useAnchor({ triggerRef, anchor, panelRef, isOpen });
   const isHydrated = useHydrated();
-  const opener = useRef20(null);
-  const wasOpen = useRef20(isOpen);
-  useEffect25(() => {
+  const opener = useRef22(null);
+  const wasOpen = useRef22(isOpen);
+  useEffect27(() => {
     if (!isOpen) return;
     function handleKeyDown(event) {
       if (event.key === "Escape") onClose();
@@ -8163,7 +8317,7 @@ function FeedbackPopover({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose]);
-  useEffect25(() => {
+  useEffect27(() => {
     if (!isOpen) return;
     function handlePointerDown(event) {
       const target = event.target;
@@ -8175,7 +8329,7 @@ function FeedbackPopover({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [isOpen, onClose, triggerRef]);
-  useEffect25(() => {
+  useEffect27(() => {
     if (wasOpen.current === isOpen) return;
     wasOpen.current = isOpen;
     if (isOpen) {
@@ -8244,17 +8398,17 @@ function FeedbackPanel({
   placeholder = "Tell us what could be better.",
   className
 }) {
-  const [draft, setDraft] = useState25("");
-  const [isSending, setSending] = useState25(false);
-  const [isSent, setSent] = useState25(false);
-  const fileInputRef = useRef21(null);
+  const [draft, setDraft] = useState26("");
+  const [isSending, setSending] = useState26(false);
+  const [isSent, setSent] = useState26(false);
+  const fileInputRef = useRef23(null);
   const images = useAttachmentDrafts({
     accept: "image",
     max: MAX_REPORT_IMAGES
   });
   const target = useAttachmentTarget({ onFiles: images.add });
   const canSend = draft.trim().length > 0 && !images.hasBlocker && !isSending && !isSent;
-  useEffect26(() => {
+  useEffect28(() => {
     if (!isSent) return;
     const timer = setTimeout(() => onSent?.(), THANKS_MS2);
     return () => clearTimeout(timer);
@@ -8414,7 +8568,7 @@ function FeedbackPanel({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/feedback-control.ts
-import { useSyncExternalStore as useSyncExternalStore13 } from "react";
+import { useSyncExternalStore as useSyncExternalStore15 } from "react";
 var store2 = createOpenStore("MedianFeedback");
 var medianFeedback = {
   /** What the panel is doing right now. */
@@ -8437,7 +8591,7 @@ var medianFeedback = {
   }
 };
 function useMedianFeedback() {
-  const isOpen = useSyncExternalStore13(
+  const isOpen = useSyncExternalStore15(
     store2.subscribe,
     store2.readEffective,
     store2.readServerEffective
@@ -8457,7 +8611,7 @@ function useRegisterMedianFeedback() {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-feedback-note.ts
-import { useCallback as useCallback14, useState as useState26, useSyncExternalStore as useSyncExternalStore14 } from "react";
+import { useCallback as useCallback15, useState as useState27, useSyncExternalStore as useSyncExternalStore16 } from "react";
 var REFUSALS = {
   off: "Feedback is currently unavailable. Try again later.",
   empty: "Enter your feedback before sending."
@@ -8470,16 +8624,16 @@ function useFeedbackNote({
   diagnostics,
   appState
 }) {
-  const sessionId = useSyncExternalStore14(
+  const sessionId = useSyncExternalStore16(
     subscribeSession,
-    useCallback14(() => getOrCreateSessionId(apiKey), [apiKey]),
+    useCallback15(() => getOrCreateSessionId(apiKey), [apiKey]),
     () => null
   );
-  const submitNote = useAuditedMutation(api.feedback.submitV2);
-  const getUploadUrl = useAuditedMutation(api.widget.generateUploadUrlV2);
+  const submitNote = useWidgetMutation(api.feedback.submitV2);
+  const getUploadUrl = useWidgetMutation(api.widget.generateUploadUrlV2);
   const takeDiagnostics = useDiagnostics(diagnostics, appState);
-  const [notice, setNotice] = useState26(null);
-  const submit = useCallback14(
+  const [notice, setNotice] = useState27(null);
+  const submit = useCallback15(
     async (body, images = []) => {
       setNotice(null);
       if (sessionId === null) {
@@ -8547,7 +8701,7 @@ function useFeedbackNote({
 import { Fragment as Fragment33, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_WIDTH2 = "20rem";
 function MedianFeedback(props) {
-  return /* @__PURE__ */ jsx44(MedianErrorBoundary, { children: /* @__PURE__ */ jsx44(FeedbackIdentity, { ...props }) });
+  return /* @__PURE__ */ jsx44(MedianErrorBoundary, { component: "MedianFeedback", children: /* @__PURE__ */ jsx44(FeedbackIdentity, { ...props }) });
 }
 function FeedbackIdentity({
   apiKey,
@@ -8556,9 +8710,9 @@ function FeedbackIdentity({
   ...rest
 }) {
   const resolved = useMedianIdentity(identity);
-  useMissingCredentials("MedianFeedback", apiKey, identity);
+  useMissingCredentials("<MedianFeedback>", apiKey, identity);
   const key = apiKey ?? resolved.apiKey;
-  const person = user ?? resolved.user;
+  const person = useSignedInUser(user ?? resolved.user);
   if (key === void 0) return null;
   return /* @__PURE__ */ jsx44(MedianConnection, { what: "feedback panel", children: /* @__PURE__ */ jsx44(Feedback, { ...rest, apiKey: key, ...person ? { user: person } : {} }) });
 }
@@ -8579,9 +8733,10 @@ function Feedback({
   placeholder
 }) {
   useRegisterMedianFeedback();
-  useApiKeyShapeWarning("MedianFeedback", apiKey);
+  useApiKeyShapeWarning("<MedianFeedback>", apiKey);
+  useCustomDataSender();
   useRememberInstall(apiKey, user);
-  const triggerRef = useRef22(null);
+  const triggerRef = useRef24(null);
   const [isOpen, setOpen] = useMedianFeedbackOpenState({
     ...open !== void 0 ? { open } : {},
     ...onOpenChange ? { onOpenChange } : {}
@@ -8595,10 +8750,10 @@ function Feedback({
     ...appState ? { appState } : {}
   });
   const showBranding = useMedianBranding(apiKey);
-  const close = useCallback15(() => setOpen(false), [setOpen]);
-  const [attempt, setAttempt] = useState27(0);
-  const hasSent = useRef22(false);
-  useEffect27(() => {
+  const close = useCallback16(() => setOpen(false), [setOpen]);
+  const [attempt, setAttempt] = useState28(0);
+  const hasSent = useRef24(false);
+  useEffect29(() => {
     if (!isOpen || !hasSent.current) return;
     hasSent.current = false;
     setAttempt((count2) => count2 + 1);
@@ -8661,19 +8816,19 @@ function mountMedianFeedback(options) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/median-contact-form.tsx
-import { useEffect as useEffect29, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo5 } from "react";
 
 // ../../apps/web/src/components/support-widget/contact/contact-form.tsx
 import {
-  useEffect as useEffect28,
+  useEffect as useEffect30,
   useId,
-  useMemo as useMemo4,
-  useRef as useRef24,
-  useState as useState29
+  useMemo as useMemo3,
+  useRef as useRef26,
+  useState as useState30
 } from "react";
 
 // ../../apps/web/src/components/support-widget/contact/contact-field.tsx
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var LINE_MAX_LENGTH = 200;
 var SHELL = cn(
@@ -8691,9 +8846,9 @@ function ContactField({
   onChange,
   onSubmit
 }) {
-  const [held, setHeld] = useState28(error);
-  if (error !== null && error !== held) setHeld(error);
-  const shown = error ?? held;
+  const [held2, setHeld] = useState29(error);
+  if (error !== null && error !== held2) setHeld(error);
+  const shown = error ?? held2;
   const errorId = `${id}-error`;
   const control = {
     id,
@@ -8899,7 +9054,7 @@ function fieldComplaints(fields) {
 }
 
 // ../../apps/web/src/components/support-widget/contact/sent-mark.tsx
-import { useLayoutEffect as useLayoutEffect12, useRef as useRef23 } from "react";
+import { useLayoutEffect as useLayoutEffect12, useRef as useRef25 } from "react";
 import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 var EASE_OUT = "cubic-bezier(0.22, 1, 0.36, 1)";
 var TRAVEL_MS = 550;
@@ -8913,10 +9068,10 @@ function SentMark({
   from = null,
   className
 }) {
-  const frame = useRef23(null);
-  const square = useRef23(null);
-  const tick = useRef23(null);
-  const ring = useRef23(null);
+  const frame = useRef25(null);
+  const square = useRef25(null);
+  const tick = useRef25(null);
+  const ring = useRef25(null);
   useLayoutEffect12(() => {
     const rest = frame.current;
     const box = square.current;
@@ -9062,20 +9217,20 @@ function ContactForm({
   showBadge = true,
   className
 }) {
-  const fields = useMemo4(() => resolveFields(hostFields), [hostFields]);
+  const fields = useMemo3(() => resolveFields(hostFields), [hostFields]);
   const prefix = useId();
-  const formRef = useRef24(null);
-  const sendRef = useRef24(null);
-  const [values, setValues] = useState29(
+  const formRef = useRef26(null);
+  const sendRef = useRef26(null);
+  const [values, setValues] = useState30(
     () => startingValues(fields, initialValues)
   );
-  const [errors, setErrors] = useState29({});
-  const [isSending, setSending] = useState29(false);
-  const [sent, setSent] = useState29(null);
+  const [errors, setErrors] = useState30({});
+  const [isSending, setSending] = useState30(false);
+  const [sent, setSent] = useState30(null);
   const isSent = sent !== null;
   const knownEmail = initialValues?.email;
   const knownName = initialValues?.name;
-  const [known, setKnown] = useState29({ email: knownEmail, name: knownName });
+  const [known, setKnown] = useState30({ email: knownEmail, name: knownName });
   if (known.email !== knownEmail || known.name !== knownName) {
     setKnown({ email: knownEmail, name: knownName });
     setValues((current2) => {
@@ -9085,8 +9240,8 @@ function ContactForm({
       return next;
     });
   }
-  const [focusRequest, setFocusRequest] = useState29(0);
-  useEffect28(() => {
+  const [focusRequest, setFocusRequest] = useState30(0);
+  useEffect30(() => {
     if (focusRequest === 0) return;
     formRef.current?.querySelector('[aria-invalid="true"]')?.focus({ preventScroll: false });
   }, [focusRequest]);
@@ -9283,7 +9438,7 @@ function ContactForm({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-median-contact.ts
-import { useCallback as useCallback16, useMemo as useMemo5, useState as useState30, useSyncExternalStore as useSyncExternalStore15 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo4, useState as useState31, useSyncExternalStore as useSyncExternalStore17 } from "react";
 
 // ../../apps/web/src/components/support-widget/sdk/contact.ts
 import { ConvexHttpClient as ConvexHttpClient3 } from "convex/browser";
@@ -9314,7 +9469,9 @@ async function deliverContact(options, message) {
       ...context ? { context } : {},
       ...page ? { page } : {},
       ...options.diagnostics ? { diagnostics: options.diagnostics } : {},
-      ...custom ? { customData: custom } : {}
+      ...custom ? { customData: custom } : {},
+      // Replies go to the address they typed: nothing on the page shows one.
+      fromContactForm: true
     }).then(unwrapMutationResult);
   } catch (caught) {
     if (custom) restoreCustomData(custom);
@@ -9334,18 +9491,19 @@ async function sendMedianContact(options, message) {
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-median-contact.ts
-function useMedianContact(options) {
+function useMedianContact(options, caller = "useMedianContact()") {
   const { apiKey, identity, user, telemetry, diagnostics, appState } = options;
   const resolved = useMedianIdentity(identity);
-  useMissingCredentials("useMedianContact", apiKey, identity);
+  useMissingCredentials(caller, apiKey, identity, "it cannot send");
   const key = apiKey ?? resolved.apiKey;
   const showBranding = useMedianBranding(key);
-  useApiKeyShapeWarning("useMedianContact", key);
-  const person = user ?? resolved.user;
+  useApiKeyShapeWarning(caller, key);
+  useCustomDataSender();
+  const person = useSignedInUser(user ?? resolved.user);
   useRememberInstall(key, person);
-  const sessionId = useSyncExternalStore15(
+  const sessionId = useSyncExternalStore17(
     subscribeSession,
-    useCallback16(
+    useCallback17(
       () => key === void 0 ? null : getOrCreateSessionId(key),
       [key]
     ),
@@ -9353,9 +9511,9 @@ function useMedianContact(options) {
   );
   const takeDiagnostics = useDiagnostics(diagnostics, appState);
   const [knownEmail] = useVisitorEmail(key ?? "");
-  const [isSending, setSending] = useState30(false);
-  const [error, setError] = useState30(null);
-  const send = useCallback16(
+  const [isSending, setSending] = useState31(false);
+  const [error, setError] = useState31(null);
+  const send = useCallback17(
     async (message) => {
       setError(null);
       if (key === void 0 || sessionId === null) {
@@ -9385,7 +9543,7 @@ function useMedianContact(options) {
     },
     [key, sessionId, person, telemetry, takeDiagnostics]
   );
-  const known = useMemo5(() => {
+  const known = useMemo4(() => {
     const email = person?.email || knownEmail || void 0;
     if (person === void 0 && email === void 0) return void 0;
     return { ...person, ...email ? { email } : {} };
@@ -9403,11 +9561,11 @@ function useMedianContact(options) {
 // ../../apps/web/src/components/support-widget/sdk/median-contact-form.tsx
 import { jsx as jsx49 } from "react/jsx-runtime";
 function MedianContactForm(props) {
-  return /* @__PURE__ */ jsx49(MedianErrorBoundary, { children: /* @__PURE__ */ jsx49(ConnectedContactForm, { ...props }) });
+  return /* @__PURE__ */ jsx49(MedianErrorBoundary, { component: "MedianContactForm", children: /* @__PURE__ */ jsx49(ConnectedContactForm, { ...props }) });
 }
 function useFieldComplaints(fields) {
   const key = fields === void 0 ? null : JSON.stringify(fields);
-  useEffect29(() => {
+  useEffect31(() => {
     if (key === null) return;
     for (const complaint of fieldComplaints(JSON.parse(key))) {
       console.error(
@@ -9423,11 +9581,11 @@ function ConnectedContactForm({
   onSent,
   ...options
 }) {
-  const contact = useMedianContact(options);
+  const contact = useMedianContact(options, "<MedianContactForm>");
   useFieldComplaints(fields);
   const knownEmail = contact.user?.email || void 0;
   const knownName = contact.user?.name || void 0;
-  const initialValues = useMemo6(
+  const initialValues = useMemo5(
     () => ({
       ...knownEmail ? { email: knownEmail } : {},
       ...knownName ? { name: knownName } : {}
@@ -9441,7 +9599,14 @@ function ConnectedContactForm({
       fields,
       onSubmit: async (message) => {
         await contact.send(message);
-        onSent?.();
+        try {
+          onSent?.();
+        } catch (caught) {
+          console.error(
+            "Median: onSent threw after the message was sent.",
+            caught
+          );
+        }
       },
       notice: contact.error,
       initialValues,