@mediansh/widget 0.3.0 → 0.5.0

package/dist/index.js

@@ -25,11 +25,11 @@ var SNOOZE_MAX_MS = 365 * 24 * 60 * 6e4;
 
 // ../../apps/web/src/components/support-widget/sdk/median-support.tsx
 import { ConvexProvider, ConvexReactClient } from "convex/react";
-import { useEffect as useEffect20, useState as useState18 } from "react";
+import { useEffect as useEffect20, useState as useState21 } from "react";
 
 // ../../apps/web/src/components/support-widget/markdown-chunk.tsx
 import { lazy, useSyncExternalStore } from "react";
-var load = () => import("./message-markdown-5ZZ6COCL.js");
+var load = () => import("./message-markdown-LOE74LBE.js");
 var MessageMarkdown = lazy(async () => ({
   default: (await load()).MessageMarkdown
 }));
@@ -78,16 +78,16 @@ function useMarkdownReady() {
 }
 
 // ../../apps/web/src/components/support-widget/widget-launcher.tsx
-import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef11, useState as useState11 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef11, useState as useState13 } from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/lib/SSRBase.es.js
 import * as e from "react";
 var w = e.forwardRef((l5, s4) => {
   const {
-    alt: r28,
-    color: a26 = "currentColor",
-    size: t8 = "1em",
-    weight: o36 = "regular",
+    alt: r31,
+    color: a27 = "currentColor",
+    size: t9 = "1em",
+    weight: o41 = "regular",
     mirrored: i3 = false,
     children: n,
     weights: c6,
@@ -98,16 +98,16 @@ var w = e.forwardRef((l5, s4) => {
     {
       ref: s4,
       xmlns: "http://www.w3.org/2000/svg",
-      width: t8,
-      height: t8,
-      fill: a26,
+      width: t9,
+      height: t9,
+      fill: a27,
       viewBox: "0 0 256 256",
       transform: i3 ? "scale(-1, 1)" : void 0,
       ...m5
     },
-    !!r28 && /* @__PURE__ */ e.createElement("title", null, r28),
+    !!r31 && /* @__PURE__ */ e.createElement("title", null, r31),
     n,
-    c6.get(o36)
+    c6.get(o41)
   );
 });
 w.displayName = "SSRBase";
@@ -145,7 +145,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((e53, t8) => /* @__PURE__ */ o.createElement(w, { ref: t8, ...e53, weights: a }));
+var r = o.forwardRef((e53, t9) => /* @__PURE__ */ o.createElement(w, { ref: t9, ...e53, weights: a }));
 r.displayName = "ArrowDownIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowUp.es.js
@@ -181,7 +181,7 @@ var a2 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowUp.es.js
-var o2 = r2.forwardRef((e53, t8) => /* @__PURE__ */ r2.createElement(w, { ref: t8, ...e53, weights: a2 }));
+var o2 = r2.forwardRef((e53, t9) => /* @__PURE__ */ r2.createElement(w, { ref: t9, ...e53, weights: a2 }));
 o2.displayName = "ArrowUpIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsClockwise.es.js
@@ -295,7 +295,7 @@ var e6 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ArrowsOut.es.js
-var o5 = r5.forwardRef((t8, e53) => /* @__PURE__ */ r5.createElement(w, { ref: e53, ...t8, weights: e6 }));
+var o5 = r5.forwardRef((t9, e53) => /* @__PURE__ */ r5.createElement(w, { ref: e53, ...t9, weights: e6 }));
 o5.displayName = "ArrowsOutIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Bug.es.js
@@ -331,7 +331,7 @@ var e7 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Bug.es.js
-var e8 = o6.forwardRef((r28, t8) => /* @__PURE__ */ o6.createElement(w, { ref: t8, ...r28, weights: e7 }));
+var e8 = o6.forwardRef((r31, t9) => /* @__PURE__ */ o6.createElement(w, { ref: t9, ...r31, weights: e7 }));
 e8.displayName = "BugIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretRight.es.js
@@ -367,7 +367,7 @@ var t = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/CaretRight.es.js
-var e10 = t2.forwardRef((r28, o36) => /* @__PURE__ */ t2.createElement(w, { ref: o36, ...r28, weights: t }));
+var e10 = t2.forwardRef((r31, o41) => /* @__PURE__ */ t2.createElement(w, { ref: o41, ...r31, weights: t }));
 e10.displayName = "CaretRightIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ChatCircleDots.es.js
@@ -409,7 +409,7 @@ var e11 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ChatCircleDots.es.js
-var o7 = t3.forwardRef((e53, r28) => /* @__PURE__ */ t3.createElement(w, { ref: r28, ...e53, weights: e11 }));
+var o7 = t3.forwardRef((e53, r31) => /* @__PURE__ */ t3.createElement(w, { ref: r31, ...e53, weights: e11 }));
 o7.displayName = "ChatCircleDotsIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Check.es.js
@@ -451,7 +451,7 @@ var a8 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Check.es.js
-var o8 = e13.forwardRef((r28, t8) => /* @__PURE__ */ e13.createElement(w, { ref: t8, ...r28, weights: a8 }));
+var o8 = e13.forwardRef((r31, t9) => /* @__PURE__ */ e13.createElement(w, { ref: t9, ...r31, weights: a8 }));
 o8.displayName = "CheckIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/EnvelopeSimple.es.js
@@ -523,7 +523,7 @@ var a10 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/File.es.js
-var o10 = e17.forwardRef((r28, t8) => /* @__PURE__ */ e17.createElement(w, { ref: t8, ...r28, weights: a10 }));
+var o10 = e17.forwardRef((r31, t9) => /* @__PURE__ */ e17.createElement(w, { ref: t9, ...r31, weights: a10 }));
 o10.displayName = "FileIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ImageSquare.es.js
@@ -565,7 +565,7 @@ var e18 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/ImageSquare.es.js
-var a12 = e19.forwardRef((r28, o36) => /* @__PURE__ */ e19.createElement(w, { ref: o36, ...r28, weights: e18 }));
+var a12 = e19.forwardRef((r31, o41) => /* @__PURE__ */ e19.createElement(w, { ref: o41, ...r31, weights: e18 }));
 a12.displayName = "ImageSquareIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Lightbulb.es.js
@@ -607,7 +607,7 @@ var e20 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Lightbulb.es.js
-var o11 = t4.forwardRef((e53, r28) => /* @__PURE__ */ t4.createElement(w, { ref: r28, ...e53, weights: e20 }));
+var o11 = t4.forwardRef((e53, r31) => /* @__PURE__ */ t4.createElement(w, { ref: r31, ...e53, weights: e20 }));
 o11.displayName = "LightbulbIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/LockSimple.es.js
@@ -649,7 +649,7 @@ var e21 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/LockSimple.es.js
-var e22 = o12.forwardRef((m5, r28) => /* @__PURE__ */ o12.createElement(w, { ref: r28, ...m5, weights: e21 }));
+var e22 = o12.forwardRef((m5, r31) => /* @__PURE__ */ o12.createElement(w, { ref: r31, ...m5, weights: e21 }));
 e22.displayName = "LockSimpleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Play.es.js
@@ -691,7 +691,7 @@ var a15 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Play.es.js
-var a16 = o13.forwardRef((e53, r28) => /* @__PURE__ */ o13.createElement(w, { ref: r28, ...e53, weights: a15 }));
+var a16 = o13.forwardRef((e53, r31) => /* @__PURE__ */ o13.createElement(w, { ref: r31, ...e53, weights: a15 }));
 a16.displayName = "PlayIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Plus.es.js
@@ -733,7 +733,7 @@ var a17 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Plus.es.js
-var e25 = o14.forwardRef((r28, s4) => /* @__PURE__ */ o14.createElement(w, { ref: s4, ...r28, weights: a17 }));
+var e25 = o14.forwardRef((r31, s4) => /* @__PURE__ */ o14.createElement(w, { ref: s4, ...r31, weights: a17 }));
 e25.displayName = "PlusIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Sparkle.es.js
@@ -775,7 +775,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 r6 = e26.forwardRef((o36, a26) => /* @__PURE__ */ e26.createElement(w, { ref: a26, ...o36, weights: l }));
+var r6 = e26.forwardRef((o41, a27) => /* @__PURE__ */ e26.createElement(w, { ref: a27, ...o41, weights: l }));
 r6.displayName = "SparkleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/Star.es.js
@@ -817,7 +817,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 t5 = r7.forwardRef((o36, a26) => /* @__PURE__ */ r7.createElement(w, { ref: a26, ...o36, weights: l2 }));
+var t5 = r7.forwardRef((o41, a27) => /* @__PURE__ */ r7.createElement(w, { ref: a27, ...o41, weights: l2 }));
 t5.displayName = "StarIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/UserCircle.es.js
@@ -859,7 +859,7 @@ var a20 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/UserCircle.es.js
-var r8 = e28.forwardRef((o36, s4) => /* @__PURE__ */ e28.createElement(w, { ref: s4, ...o36, weights: a20 }));
+var r8 = e28.forwardRef((o41, s4) => /* @__PURE__ */ e28.createElement(w, { ref: s4, ...o41, weights: a20 }));
 r8.displayName = "UserCircleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/WarningCircle.es.js
@@ -895,7 +895,7 @@ var a21 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/WarningCircle.es.js
-var e30 = r9.forwardRef((o36, a26) => /* @__PURE__ */ r9.createElement(w, { ref: a26, ...o36, weights: a21 }));
+var e30 = r9.forwardRef((o41, a27) => /* @__PURE__ */ r9.createElement(w, { ref: a27, ...o41, weights: a21 }));
 e30.displayName = "WarningCircleIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/X.es.js
@@ -937,7 +937,7 @@ var a22 = /* @__PURE__ */ new Map([
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/ssr/X.es.js
-var e32 = o15.forwardRef((r28, t8) => /* @__PURE__ */ o15.createElement(w, { ref: t8, ...r28, weights: a22 }));
+var e32 = o15.forwardRef((r31, t9) => /* @__PURE__ */ o15.createElement(w, { ref: t9, ...r31, weights: a22 }));
 e32.displayName = "XIcon";
 
 // ../../apps/web/src/components/icons.tsx
@@ -1060,57 +1060,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: a26, props: r28, render: t8, state: n = {}, stateAttributesMapping: e53 }) {
-  let o36 = d(R(n, e53), r28);
-  if (!t8) return i2.createElement(a26, o36);
-  if (typeof t8 == "function") return t8(o36, n);
-  if (!i2.isValidElement(t8)) return null;
-  let s4 = t8.props, u = { ...d(o36, s4), ref: f8(o36.ref, s4.ref) };
-  return i2.cloneElement(t8, u);
-}
-function d(...a26) {
-  let r28 = {};
-  for (let t8 of a26) {
-    if (!t8) continue;
-    let n = t8;
+function S({ defaultTagName: a27, props: r31, render: t9, state: n = {}, stateAttributesMapping: e53 }) {
+  let o41 = d(R(n, e53), r31);
+  if (!t9) return i2.createElement(a27, o41);
+  if (typeof t9 == "function") return t9(o41, n);
+  if (!i2.isValidElement(t9)) return null;
+  let s4 = t9.props, u = { ...d(o41, s4), ref: f8(o41.ref, s4.ref) };
+  return i2.cloneElement(t9, u);
+}
+function d(...a27) {
+  let r31 = {};
+  for (let t9 of a27) {
+    if (!t9) continue;
+    let n = t9;
     for (let e53 of Object.keys(n)) {
-      let o36 = n[e53];
-      if (o36 === void 0) continue;
-      let s4 = r28[e53];
-      e53 === "className" ? r28[e53] = [s4, o36].filter(Boolean).join(" ") : e53 === "style" ? r28[e53] = { ...s4, ...o36 } : e53 === "ref" ? r28[e53] = f8(s4, o36) : l4(e53) && typeof s4 == "function" && typeof o36 == "function" ? r28[e53] = p2(o36, s4) : r28[e53] = o36;
+      let o41 = n[e53];
+      if (o41 === void 0) continue;
+      let s4 = r31[e53];
+      e53 === "className" ? r31[e53] = [s4, o41].filter(Boolean).join(" ") : e53 === "style" ? r31[e53] = { ...s4, ...o41 } : e53 === "ref" ? r31[e53] = f8(s4, o41) : l4(e53) && typeof s4 == "function" && typeof o41 == "function" ? r31[e53] = p2(o41, s4) : r31[e53] = o41;
     }
   }
-  return r28;
-}
-function R(a26, r28) {
-  let t8 = {};
-  for (let n of Object.keys(a26)) {
-    let e53 = a26[n], o36 = r28?.[n]?.(e53);
-    if (o36) {
-      Object.assign(t8, o36);
+  return r31;
+}
+function R(a27, r31) {
+  let t9 = {};
+  for (let n of Object.keys(a27)) {
+    let e53 = a27[n], o41 = r31?.[n]?.(e53);
+    if (o41) {
+      Object.assign(t9, o41);
       continue;
     }
     if (n === "slot") {
-      t8["data-slot"] = e53;
+      t9["data-slot"] = e53;
       continue;
     }
     let s4 = `data-${String(n).replace(/[A-Z]/g, (c6) => `-${c6.toLowerCase()}`)}`;
-    typeof e53 == "boolean" ? t8[s4] = e53 ? "" : void 0 : e53 != null && (t8[s4] = String(e53));
+    typeof e53 == "boolean" ? t9[s4] = e53 ? "" : void 0 : e53 != null && (t9[s4] = String(e53));
   }
-  return t8;
+  return t9;
 }
-function p2(a26, r28) {
+function p2(a27, r31) {
   return function(n) {
-    a26(n), n.defaultPrevented || r28(n);
+    a27(n), n.defaultPrevented || r31(n);
   };
 }
-function l4(a26) {
-  return /^on[A-Z]/.test(a26);
+function l4(a27) {
+  return /^on[A-Z]/.test(a27);
 }
-function f8(...a26) {
-  let r28 = a26.filter(Boolean);
-  if (r28.length !== 0) return (t8) => {
-    for (let n of r28) typeof n == "function" ? n(t8) : n && (n.current = t8);
+function f8(...a27) {
+  let r31 = a27.filter(Boolean);
+  if (r31.length !== 0) return (t9) => {
+    for (let n of r31) typeof n == "function" ? n(t9) : n && (n.current = t9);
   };
 }
 
@@ -1126,14 +1126,14 @@ 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: e53, scrollEdgeThreshold: t8, spacer: r28, viewport: n }) {
+function De({ content: e53, scrollEdgeThreshold: t9, spacer: r31, viewport: n }) {
   if (!n || !e53) return ge;
-  let o36 = Se({ content: e53, spacer: r28, viewport: n });
-  return { start: n.scrollTop > t8, end: o36 - n.scrollTop - n.clientHeight > t8 };
+  let o41 = Se({ content: e53, spacer: r31, viewport: n });
+  return { start: n.scrollTop > t9, end: o41 - n.scrollTop - n.clientHeight > t9 };
 }
-function Fe({ content: e53, scrollMargin: t8, scrollPreviousItemPeek: r28, spacer: n, viewport: o36, visibleMessageIds: i3 }) {
-  if (!e53 || !o36) return Q;
-  let S2 = o36.getBoundingClientRect(), l5 = S2.top + t8 + r28, d2 = typeof IntersectionObserver > "u", E = [], b2 = null;
+function Fe({ content: e53, scrollMargin: t9, scrollPreviousItemPeek: r31, spacer: n, viewport: o41, visibleMessageIds: i3 }) {
+  if (!e53 || !o41) return Q;
+  let S2 = o41.getBoundingClientRect(), l5 = S2.top + t9 + r31, d2 = typeof IntersectionObserver > "u", E = [], b2 = null;
   for (let C of ee(e53, n)) {
     let p3 = C.dataset.messageId;
     if (!p3) continue;
@@ -1142,70 +1142,70 @@ function Fe({ content: e53, scrollMargin: t8, scrollPreviousItemPeek: r28, space
   }
   return E.length === 0 && b2 === null ? Q : { currentAnchorId: b2, visibleMessageIds: E };
 }
-function ee(e53, t8) {
-  return Array.from(e53.children).filter((r28) => r28 instanceof HTMLElement && r28 !== t8);
+function ee(e53, t9) {
+  return Array.from(e53.children).filter((r31) => r31 instanceof HTMLElement && r31 !== t9);
 }
-function je(e53, t8) {
-  for (let r28 = t8; r28 < e53.length; r28++) {
-    let n = e53[r28];
+function je(e53, t9) {
+  for (let r31 = t9; r31 < e53.length; r31++) {
+    let n = e53[r31];
     if (n?.dataset.scrollAnchor === "true") return n;
   }
   return null;
 }
-function Ge(e53, t8) {
-  for (let r28 of e53) if (r28.dataset.scrollAnchor === "true" && !t8.has(r28)) return r28;
+function Ge(e53, t9) {
+  for (let r31 of e53) if (r31.dataset.scrollAnchor === "true" && !t9.has(r31)) return r31;
   return null;
 }
-function Ne(e53, t8) {
-  let r28 = 0;
-  for (let n = t8; n < e53.length; n++) if (e53[n]?.dataset.scrollAnchor === "true" && (r28 += 1, r28 > 1)) return true;
+function Ne(e53, t9) {
+  let r31 = 0;
+  for (let n = t9; n < e53.length; n++) if (e53[n]?.dataset.scrollAnchor === "true" && (r31 += 1, r31 > 1)) return true;
   return false;
 }
 function Ue(e53) {
-  for (let t8 = e53.length - 1; t8 >= 0; t8--) {
-    let r28 = e53[t8];
-    if (r28?.dataset.scrollAnchor === "true") return r28;
+  for (let t9 = e53.length - 1; t9 >= 0; t9--) {
+    let r31 = e53[t9];
+    if (r31?.dataset.scrollAnchor === "true") return r31;
   }
   return null;
 }
-function Ye({ content: e53, spacer: t8, viewport: r28 }) {
-  let n = r28.getBoundingClientRect();
-  for (let o36 of ee(e53, t8)) {
-    if (!o36.dataset.messageId) continue;
-    let i3 = o36.getBoundingClientRect();
-    if (i3.bottom > n.top && i3.top < n.bottom) return o36;
+function Ye({ content: e53, spacer: t9, viewport: r31 }) {
+  let n = r31.getBoundingClientRect();
+  for (let o41 of ee(e53, t9)) {
+    if (!o41.dataset.messageId) continue;
+    let i3 = o41.getBoundingClientRect();
+    if (i3.bottom > n.top && i3.top < n.bottom) return o41;
   }
   return null;
 }
-function ze({ align: e53, element: t8, scrollMargin: r28, spacer: n, viewport: o36 }) {
-  let i3 = pe(t8, o36), S2 = t8.getBoundingClientRect().height, l5 = bt(n);
+function ze({ align: e53, element: t9, scrollMargin: r31, spacer: n, viewport: o41 }) {
+  let i3 = pe(t9, o41), S2 = t9.getBoundingClientRect().height, l5 = bt(n);
   if (e53 === "center") {
-    let d2 = Math.max(0, o36.clientHeight - l5.start - l5.end);
-    return i3 - l5.start - (d2 - S2) / 2 - r28;
+    let d2 = Math.max(0, o41.clientHeight - l5.start - l5.end);
+    return i3 - l5.start - (d2 - S2) / 2 - r31;
   }
-  if (e53 === "end") return i3 - o36.clientHeight + S2 + l5.end + r28;
+  if (e53 === "end") return i3 - o41.clientHeight + S2 + l5.end + r31;
   if (e53 === "nearest") {
-    let d2 = i3 + S2, E = o36.scrollTop + l5.start, b2 = o36.scrollTop + o36.clientHeight - l5.end;
-    return i3 >= E && d2 <= b2 ? o36.scrollTop : i3 < E ? i3 - l5.start - r28 : d2 - o36.clientHeight + l5.end + r28;
+    let d2 = i3 + S2, E = o41.scrollTop + l5.start, b2 = o41.scrollTop + o41.clientHeight - l5.end;
+    return i3 >= E && d2 <= b2 ? o41.scrollTop : i3 < E ? i3 - l5.start - r31 : d2 - o41.clientHeight + l5.end + r31;
   }
-  return i3 - l5.start - r28;
+  return i3 - l5.start - r31;
 }
-function pe(e53, t8) {
-  let r28 = e53.getBoundingClientRect(), n = t8.getBoundingClientRect();
-  return r28.top - n.top + t8.scrollTop;
+function pe(e53, t9) {
+  let r31 = e53.getBoundingClientRect(), n = t9.getBoundingClientRect();
+  return r31.top - n.top + t9.scrollTop;
 }
-function te(e53, t8) {
-  return e53.getBoundingClientRect().top - t8.getBoundingClientRect().top;
+function te(e53, t9) {
+  return e53.getBoundingClientRect().top - t9.getBoundingClientRect().top;
 }
-function qe({ content: e53, scrollTop: t8, spacer: r28, viewport: n }) {
-  let o36 = Se({ content: e53, spacer: r28, viewport: n });
-  return t8 + n.clientHeight - o36;
+function qe({ content: e53, scrollTop: t9, spacer: r31, viewport: n }) {
+  let o41 = Se({ content: e53, spacer: r31, viewport: n });
+  return t9 + n.clientHeight - o41;
 }
-function Se({ content: e53, spacer: t8, viewport: r28 }) {
-  let n = ee(e53, t8), o36 = We(e53), i3 = r28.getBoundingClientRect(), S2 = r28.scrollTop, l5 = o36.start + o36.end;
+function Se({ content: e53, spacer: t9, viewport: r31 }) {
+  let n = ee(e53, t9), o41 = We(e53), i3 = r31.getBoundingClientRect(), S2 = r31.scrollTop, l5 = o41.start + o41.end;
   for (let d2 of n) {
     let E = d2.getBoundingClientRect();
-    l5 = Math.max(l5, E.bottom - i3.top + S2 + o36.end);
+    l5 = Math.max(l5, E.bottom - i3.top + S2 + o41.end);
   }
   return l5;
 }
@@ -1213,29 +1213,29 @@ function Ke(e53) {
   return Math.max(0, e53.scrollHeight - e53.clientHeight);
 }
 function We(e53) {
-  let t8 = window.getComputedStyle(e53);
-  return { end: Re(t8.paddingBlockEnd || t8.paddingBottom), start: Re(t8.paddingBlockStart || t8.paddingTop) };
+  let t9 = window.getComputedStyle(e53);
+  return { end: Re(t9.paddingBlockEnd || t9.paddingBottom), start: Re(t9.paddingBlockStart || t9.paddingTop) };
 }
 function bt(e53) {
-  let t8 = e53?.parentElement;
-  return t8 ? We(t8) : { end: 0, start: 0 };
+  let t9 = e53?.parentElement;
+  return t9 ? We(t9) : { end: 0, start: 0 };
 }
 function $e(e53) {
   if (!e53) return 0;
-  let t8 = window.getComputedStyle(e53), r28 = t8.rowGap === "normal" ? t8.gap : t8.rowGap;
-  return Re(r28);
+  let t9 = window.getComputedStyle(e53), r31 = t9.rowGap === "normal" ? t9.gap : t9.rowGap;
+  return Re(r31);
 }
 function Re(e53) {
   if (!e53) return 0;
-  let t8 = Number.parseFloat(e53);
-  return Number.isFinite(t8) ? t8 : 0;
+  let t9 = Number.parseFloat(e53);
+  return Number.isFinite(t9) ? t9 : 0;
 }
-function Je({ refs: e53, commitScrollState: t8, scheduleStateCommit: r28, scheduleVisibilitySync: n }) {
-  let { streamingTurnRef: o36, 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: _ } = e53, G = g.useCallback((c6) => {
-    l5.current !== null && (window.clearTimeout(l5.current), l5.current = null), S2.current !== c6 && (S2.current = c6, t8()), c6 && (l5.current = window.setTimeout(() => {
-      l5.current = null, S2.current = false, t8();
+function Je({ refs: e53, commitScrollState: t9, scheduleStateCommit: r31, scheduleVisibilitySync: n }) {
+  let { streamingTurnRef: o41, 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: _ } = e53, G = g.useCallback((c6) => {
+    l5.current !== null && (window.clearTimeout(l5.current), l5.current = null), S2.current !== c6 && (S2.current = c6, t9()), c6 && (l5.current = window.setTimeout(() => {
+      l5.current = null, S2.current = false, t9();
     }, ke));
-  }, [t8]), v = g.useCallback((c6) => {
+  }, [t9]), v = g.useCallback((c6) => {
     let f9 = k.current;
     if (!f9) return;
     let h = Math.max(0, Math.ceil(c6));
@@ -1245,20 +1245,20 @@ function Je({ refs: e53, commitScrollState: t8, scheduleStateCommit: r28, schedu
     if (!P) return;
     let V = Math.max(0, c6);
     if (Math.abs(P.scrollTop - V) <= J) {
-      P.scrollTop = V, t8();
+      P.scrollTop = V, t9();
       return;
     }
-    h && G(true), P.scrollTo({ top: V, behavior: f9 }), r28();
-  }, [t8, r28, G]), N = g.useCallback(({ behavior: c6 = "auto" } = {}) => _.current ? (v(0), o36.current = null, p3.current = "free-scrolling", H(0, { behavior: c6 }), n(), true) : false, [n, H, v]), ne = g.useCallback(({ behavior: c6 = "auto" } = {}) => {
+    h && G(true), P.scrollTo({ top: V, behavior: f9 }), r31();
+  }, [t9, r31, G]), N = g.useCallback(({ behavior: c6 = "auto" } = {}) => _.current ? (v(0), o41.current = null, p3.current = "free-scrolling", H(0, { behavior: c6 }), n(), true) : false, [n, H, v]), ne = g.useCallback(({ behavior: c6 = "auto" } = {}) => {
     let f9 = _.current;
-    return f9 ? (v(0), o36.current = null, p3.current = i3.current ? "following-bottom" : "free-scrolling", H(Ke(f9), { autoscrolling: true, behavior: c6 }), n(), true) : false;
+    return f9 ? (v(0), o41.current = null, p3.current = i3.current ? "following-bottom" : "free-scrolling", H(Ke(f9), { autoscrolling: true, behavior: c6 }), n(), true) : false;
   }, [n, H, v]), A = g.useCallback((c6, { align: f9 = "start", behavior: h = "auto", scrollMargin: P = y.current } = {}, { keepPreviousPeek: V = false } = {}) => {
     let z = d2.current, q = _.current;
     if (!z || !q || !z.contains(c6)) return false;
     let K = ze({ align: f9, element: c6, 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: c6, viewportTop: te(c6, q) }, p3.current = V ? "anchored-to-message" : "settling-jump", o36.current = V ? c6 : null, H(K, { behavior: h }), n(), true;
+    return v(se), L.current = { element: c6, viewportTop: te(c6, q) }, p3.current = V ? "anchored-to-message" : "settling-jump", o41.current = V ? c6 : null, H(K, { behavior: h }), n(), true;
   }, [n, H, v]), B = g.useCallback(() => {
-    let c6 = o36.current;
+    let c6 = o41.current;
     return !c6 || !c6.isConnected || p3.current !== "anchored-to-message" ? false : A(c6, { align: "start" }, { keepPreviousPeek: true });
   }, [A]), D = g.useCallback((c6, f9) => {
     let h = C.current.get(c6);
@@ -1271,52 +1271,52 @@ function Je({ refs: e53, commitScrollState: t8, scheduleStateCommit: r28, schedu
     return !f9 || !A(f9, c6.options) ? false : (m5.current = null, E.current = true, true);
   }, [A]), reanchorToAnchoredMessage: B, scrollToElement: A, scrollToEnd: ne, scrollToMessage: D, scrollToStart: N };
 }
-function Qe(e53, t8) {
-  let r28 = e53, n = /* @__PURE__ */ new Set();
-  return { getSnapshot: () => r28, hasListeners: () => n.size > 0, setSnapshot: (o36) => {
-    t8(r28, o36) || (r28 = o36, n.forEach((i3) => i3()));
-  }, subscribe: (o36, i3, S2) => {
+function Qe(e53, t9) {
+  let r31 = e53, n = /* @__PURE__ */ new Set();
+  return { getSnapshot: () => r31, hasListeners: () => n.size > 0, setSnapshot: (o41) => {
+    t9(r31, o41) || (r31 = o41, n.forEach((i3) => i3()));
+  }, subscribe: (o41, i3, S2) => {
     let l5 = n.size === 0;
-    return n.add(o36), l5 && i3?.(), () => {
-      n.delete(o36), n.size === 0 && S2?.();
+    return n.add(o41), l5 && i3?.(), () => {
+      n.delete(o41), n.size === 0 && S2?.();
     };
   } };
 }
-function Xe(e53, t8) {
-  return Qe(e53, t8);
+function Xe(e53, t9) {
+  return Qe(e53, t9);
 }
 function Ze() {
   return Qe(Q, Tt);
 }
-function et(e53, t8) {
-  return e53.start === t8.start && e53.end === t8.end;
+function et(e53, t9) {
+  return e53.start === t9.start && e53.end === t9.end;
 }
-function Tt(e53, t8) {
-  return e53.currentAnchorId !== t8.currentAnchorId || e53.visibleMessageIds.length !== t8.visibleMessageIds.length ? false : e53.visibleMessageIds.every((r28, n) => r28 === t8.visibleMessageIds[n]);
+function Tt(e53, t9) {
+  return e53.currentAnchorId !== t9.currentAnchorId || e53.visibleMessageIds.length !== t9.visibleMessageIds.length ? false : e53.visibleMessageIds.every((r31, n) => r31 === t9.visibleMessageIds[n]);
 }
-function tt({ autoScroll: e53, scrollEdgeThreshold: t8, scrollMargin: r28, scrollPreviousItemPeek: n }) {
-  let o36 = g.useRef(e53), i3 = g.useRef(false), S2 = g.useRef(null), l5 = g.useRef(false), d2 = g.useRef(t8), E = g.useRef(0), b2 = g.useRef(null), C = g.useRef(0), p3 = g.useRef(e53 ? "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(r28), 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), c6 = 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()), o36.current = e53, d2.current = t8, _.current = r28, x.current = n, { autoScrollRef: o36, 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: c6, visibilityStore: f9.current, visibleMessageIdsRef: h, handledScrollAnchorsRef: P };
+function tt({ autoScroll: e53, scrollEdgeThreshold: t9, scrollMargin: r31, scrollPreviousItemPeek: n }) {
+  let o41 = g.useRef(e53), i3 = g.useRef(false), S2 = g.useRef(null), l5 = g.useRef(false), d2 = g.useRef(t9), E = g.useRef(0), b2 = g.useRef(null), C = g.useRef(0), p3 = g.useRef(e53 ? "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(r31), 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), c6 = 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()), o41.current = e53, d2.current = t9, _.current = r31, x.current = n, { autoScrollRef: o41, 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: c6, visibilityStore: f9.current, visibleMessageIdsRef: h, handledScrollAnchorsRef: P };
 }
-function rt(e53, t8) {
-  return g.useCallback((r28) => {
-    e53.current = r28, r28 && t8();
-  }, [e53, t8]);
+function rt(e53, t9) {
+  return g.useCallback((r31) => {
+    e53.current = r31, r31 && t9();
+  }, [e53, t9]);
 }
-function nt({ autoScroll: e53 = false, defaultScrollPosition: t8 = "end", scrollEdgeThreshold: r28 = xe, scrollPreviousItemPeek: n = Ve, scrollMargin: o36 = _e }) {
-  let i3 = tt({ autoScroll: e53, scrollEdgeThreshold: r28, scrollMargin: o36, 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: c6, visibilityFrameRef: f9, visibilityObserverRef: h, visibilityStore: P, visibleMessageIdsRef: V, handledScrollAnchorsRef: z } = i3, q = g.useRef(t8);
-  q.current !== t8 && (q.current = t8, C.current = false);
+function nt({ autoScroll: e53 = false, defaultScrollPosition: t9 = "end", scrollEdgeThreshold: r31 = xe, scrollPreviousItemPeek: n = Ve, scrollMargin: o41 = _e }) {
+  let i3 = tt({ autoScroll: e53, scrollEdgeThreshold: r31, scrollMargin: o41, 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: c6, visibilityFrameRef: f9, visibilityObserverRef: h, visibilityStore: P, visibleMessageIdsRef: V, handledScrollAnchorsRef: z } = i3, q = g.useRef(t9);
+  q.current !== t9 && (q.current = t9, C.current = false);
   let K = g.useCallback((s4) => {
-    let a26 = G.current, T = c6.current, O = [s4.start && "start", s4.end && "end"].filter(Boolean).join(" "), ue = d2.current;
-    for (let W of [a26, T]) W && (O ? W.setAttribute("data-scrollable", O) : W.removeAttribute("data-scrollable"), W.toggleAttribute("data-autoscrolling", ue));
+    let a27 = G.current, T = c6.current, O = [s4.start && "start", s4.end && "end"].filter(Boolean).join(" "), ue = d2.current;
+    for (let W of [a27, T]) W && (O ? W.setAttribute("data-scrollable", O) : W.removeAttribute("data-scrollable"), W.toggleAttribute("data-autoscrolling", ue));
   }, []), se = g.useCallback((s4) => {
-    let a26 = c6.current?.scrollTop ?? 0, T = a26 < L.current - J;
-    L.current = a26, 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 a27 = c6.current?.scrollTop ?? 0, T = a27 < L.current - J;
+    L.current = a27, 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: c6.current });
     se(s4);
-    let a26 = u.current === "following-bottom" ? { ...s4, end: false } : s4;
-    K(a26), U.setSnapshot(a26);
+    let a27 = u.current === "following-bottom" ? { ...s4, end: false } : s4;
+    K(a27), U.setSnapshot(a27);
   }, [se, U, K]), oe = g.useCallback(() => {
     D.current === null && (D.current = window.requestAnimationFrame(() => {
       D.current = null, F();
@@ -1326,54 +1326,54 @@ function nt({ autoScroll: e53 = false, defaultScrollPosition: t8 = "end", scroll
       f9.current = null, P.hasListeners() && P.setSnapshot(Fe({ content: b2.current, scrollMargin: H.current, scrollPreviousItemPeek: N.current, spacer: B.current, viewport: c6.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, a26 = c6.current;
-    if (!s4 || !a26 || !s4.element.isConnected) return false;
-    let O = te(s4.element, a26) - s4.viewportTop;
-    return Math.abs(O) <= J ? false : (a26.scrollTop += O, s4.viewportTop = te(s4.element, a26), oe(), w2(), true);
+    let s4 = k.current, a27 = c6.current;
+    if (!s4 || !a27 || !s4.element.isConnected) return false;
+    let O = te(s4.element, a27) - s4.viewportTop;
+    return Math.abs(O) <= J ? false : (a27.scrollTop += O, s4.viewportTop = te(s4.element, a27), oe(), w2(), true);
   }, [oe, w2]), Z = g.useCallback(() => {
-    let s4 = b2.current, a26 = c6.current;
-    if (!s4 || !a26) {
+    let s4 = b2.current, a27 = c6.current;
+    if (!s4 || !a27) {
       k.current = null;
       return;
     }
-    let T = Ye({ content: s4, spacer: B.current, viewport: a26 });
-    k.current = T ? { element: T, viewportTop: te(T, a26) } : null;
+    let T = Ye({ content: s4, spacer: B.current, viewport: a27 });
+    k.current = T ? { element: T, viewportTop: te(T, a27) } : null;
   }, []), be = g.useCallback(() => {
     x.current === null && (x.current = window.requestAnimationFrame(() => {
       x.current = null, ce() && Z();
     }));
   }, [Z, ce]), ie = g.useCallback(() => {
-    if (!t8 || C.current || m5.current === 0) return false;
+    if (!t9 || C.current || m5.current === 0) return false;
     let s4 = false;
-    if (t8 === "last-anchor") {
-      let a26 = b2.current, T = c6.current, O = a26 && T ? Ue(ee(a26, B.current)) : null;
-      if (!a26 || !T || !O) s4 = I2({ behavior: "auto" });
+    if (t9 === "last-anchor") {
+      let a27 = b2.current, T = c6.current, O = a27 && T ? Ue(ee(a27, B.current)) : null;
+      if (!a27 || !T || !O) s4 = I2({ behavior: "auto" });
       else {
         let ue = pe(O, T);
-        s4 = Se({ content: a26, spacer: B.current, viewport: T }) - ue <= T.clientHeight ? I2({ behavior: "auto" }) : le(O, { align: "start" }, { keepPreviousPeek: true });
+        s4 = Se({ content: a27, spacer: B.current, viewport: T }) - ue <= T.clientHeight ? I2({ behavior: "auto" }) : le(O, { align: "start" }, { keepPreviousPeek: true });
       }
-    } else s4 = t8 === "end" ? I2({ behavior: "auto" }) : ae({ behavior: "auto" });
+    } else s4 = t9 === "end" ? I2({ behavior: "auto" }) : ae({ behavior: "auto" });
     return s4 ? (C.current = true, true) : false;
-  }, [t8, le, I2, ae]), Te = g.useCallback(() => {
+  }, [t9, le, I2, ae]), Te = g.useCallback(() => {
     let s4 = b2.current;
     if (!s4) return;
-    let a26 = ee(s4, B.current), T = m5.current, O = p3.current;
-    m5.current = a26.length, p3.current = a26[0] ?? null, (() => {
+    let a27 = ee(s4, B.current), T = m5.current, O = p3.current;
+    m5.current = a27.length, p3.current = a27[0] ?? null, (() => {
       if (ce()) return;
       if (T === 0) {
-        if (ie() || a26.length > 0 && l5.current && I2({ behavior: "auto" })) return;
+        if (ie() || a27.length > 0 && l5.current && I2({ behavior: "auto" })) return;
         F(), w2();
         return;
       }
-      let W = O ? a26.indexOf(O) : -1;
+      let W = O ? a27.indexOf(O) : -1;
       if (_.current && W > 0) {
         de();
         return;
       }
-      if (a26.length > T) {
-        let $ = je(a26, T);
+      if (a27.length > T) {
+        let $ = je(a27, T);
         if ($) {
-          if (l5.current && u.current === "following-bottom" && Ne(a26, T)) {
+          if (l5.current && u.current === "following-bottom" && Ne(a27, T)) {
             I2({ behavior: "auto" });
             return;
           }
@@ -1381,8 +1381,8 @@ function nt({ autoScroll: e53 = false, defaultScrollPosition: t8 = "end", scroll
           return;
         }
       }
-      if (a26.length === T) {
-        let $ = Ge(a26, z.current);
+      if (a27.length === T) {
+        let $ = Ge(a27, z.current);
         if ($) {
           le($, { align: "start" }, { keepPreviousPeek: true }), z.current.add($);
           return;
@@ -1408,21 +1408,21 @@ function nt({ autoScroll: e53 = false, defaultScrollPosition: t8 = "end", scroll
         w2();
         return;
       }
-      h.current || (h.current = new IntersectionObserver((a26) => {
-        for (let T of a26) {
+      h.current || (h.current = new IntersectionObserver((a27) => {
+        for (let T of a27) {
           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((a26) => {
-        h.current?.observe(a26);
+      }, { root: s4, rootMargin: `${-(H.current + N.current)}px 0px 0px 0px`, threshold: [0, 0.01, 0.5, 1] })), y.current.forEach((a27) => {
+        h.current?.observe(a27);
       }), 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, a26, T) => {
-    if (a26) {
-      y.current.set(s4, a26), h.current?.observe(a26), w2(), Y.current?.messageId === s4 && be();
+  }, [P]), pt = g.useCallback((s4, a27, T) => {
+    if (a27) {
+      y.current.set(s4, a27), h.current?.observe(a27), 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());
@@ -1448,8 +1448,8 @@ function nt({ autoScroll: e53 = false, defaultScrollPosition: t8 = "end", scroll
   }, [e53, F, I2]), { context: mt, registerMessage: pt };
 }
 function lt(e53) {
-  let t8 = g.useRef(e53);
-  return t8.current = e53, t8;
+  let t9 = g.useRef(e53);
+  return t9.current = e53, t9;
 }
 var st = g.createContext(null);
 var ct = g.createContext(null);
@@ -1463,15 +1463,15 @@ function Et() {
   if (!e53) throw new Error("MessageScrollerItem must be used within a MessageScroller.");
   return e53;
 }
-function at({ autoScroll: e53 = false, children: t8, defaultScrollPosition: r28 = "end", scrollEdgeThreshold: n, scrollPreviousItemPeek: o36, scrollMargin: i3 }) {
-  let { context: S2, registerMessage: l5 } = nt({ autoScroll: e53, defaultScrollPosition: r28, scrollEdgeThreshold: n, scrollPreviousItemPeek: o36, scrollMargin: i3 });
-  return jsx2(st.Provider, { value: S2, children: jsx2(ct.Provider, { value: l5, children: t8 }) });
+function at({ autoScroll: e53 = false, children: t9, defaultScrollPosition: r31 = "end", scrollEdgeThreshold: n, scrollPreviousItemPeek: o41, scrollMargin: i3 }) {
+  let { context: S2, registerMessage: l5 } = nt({ autoScroll: e53, defaultScrollPosition: r31, scrollEdgeThreshold: n, scrollPreviousItemPeek: o41, scrollMargin: i3 });
+  return jsx2(st.Provider, { value: S2, children: jsx2(ct.Provider, { value: l5, children: t9 }) });
 }
-function it({ children: e53, ...t8 }) {
-  let { setRootElement: r28 } = X2();
-  return jsx2("div", { ref: r28, ...t8, children: e53 });
+function it({ children: e53, ...t9 }) {
+  let { setRootElement: r31 } = X2();
+  return jsx2("div", { ref: r31, ...t9, children: e53 });
 }
-function ut({ "aria-label": e53, children: t8, onKeyDown: r28, onScroll: n, onTouchMove: o36, onWheel: i3, preserveScrollOnPrepend: S2 = true, ref: l5, role: d2, tabIndex: E, ...b2 }) {
+function ut({ "aria-label": e53, children: t9, onKeyDown: r31, onScroll: n, onTouchMove: o41, 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) => {
@@ -1484,10 +1484,10 @@ function ut({ "aria-label": e53, children: t8, onKeyDown: r28, onScroll: n, onTo
     y(), i3?.(v);
   }
   function _(v) {
-    y(), o36?.(v);
+    y(), o41?.(v);
   }
   function G(v) {
-    Be.has(v.key) && y(), r28?.(v);
+    Be.has(v.key) && y(), r31?.(v);
   }
   return g.useEffect(() => {
     let v = u.current;
@@ -1498,12 +1498,12 @@ function ut({ "aria-label": e53, children: t8, onKeyDown: r28, onScroll: n, onTo
     return N.observe(v), () => {
       window.cancelAnimationFrame(H), N.disconnect();
     };
-  }, [C, u]), jsx2("div", { ref: x, role: d2 ?? "region", "aria-label": e53 ?? "Messages", tabIndex: E ?? 0, onKeyDown: G, onScroll: Y, onTouchMove: _, onWheel: k, ...b2, children: t8 });
+  }, [C, u]), jsx2("div", { ref: x, role: d2 ?? "region", "aria-label": e53 ?? "Messages", tabIndex: E ?? 0, onKeyDown: G, onScroll: Y, onTouchMove: _, onWheel: k, ...b2, children: t9 });
 }
-function ft({ "aria-relevant": e53, children: t8, ref: r28, role: n, spacerClassName: o36, ...i3 }) {
+function ft({ "aria-relevant": e53, children: t9, ref: r31, role: n, spacerClassName: o41, ...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(r28)?.(p3);
-  }, [r28, d2]);
+    b2.current = p3, d2(p3), f8(r31)?.(p3);
+  }, [r31, d2]);
   return g.useLayoutEffect(() => {
     let p3 = b2.current;
     if (!p3 || (S2(), typeof MutationObserver > "u")) return;
@@ -1520,23 +1520,23 @@ function ft({ "aria-relevant": e53, children: t8, ref: r28, role: n, spacerClass
     return L.observe(p3), () => {
       window.cancelAnimationFrame(m5), L.disconnect();
     };
-  }, [l5]), jsxs("div", { ref: C, role: n ?? "log", "aria-relevant": e53 ?? "additions", ...i3, children: [t8, jsx2("div", { ref: E, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: o36 })] });
+  }, [l5]), jsxs("div", { ref: C, role: n ?? "log", "aria-relevant": e53 ?? "additions", ...i3, children: [t9, jsx2("div", { ref: E, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: o41 })] });
 }
-function gt({ messageId: e53, ref: t8, scrollAnchor: r28 = false, ...n }) {
-  let o36 = Et(), i3 = g.useRef(null), S2 = g.useCallback((l5) => {
+function gt({ messageId: e53, ref: t9, scrollAnchor: r31 = false, ...n }) {
+  let o41 = Et(), i3 = g.useRef(null), S2 = g.useCallback((l5) => {
     let d2 = i3.current;
-    i3.current = l5, e53 && o36(e53, l5, d2), f8(t8)?.(l5);
-  }, [e53, t8, o36]);
-  return jsx2("div", { ref: S2, "data-message-id": e53, "data-scroll-anchor": r28 ? "true" : "false", ...n });
+    i3.current = l5, e53 && o41(e53, l5, d2), f8(t9)?.(l5);
+  }, [e53, t9, o41]);
+  return jsx2("div", { ref: S2, "data-message-id": e53, "data-scroll-anchor": r31 ? "true" : "false", ...n });
 }
-function St({ behavior: e53 = "smooth", children: t8, direction: r28 = "end", onClick: n, render: o36, tabIndex: i3, type: S2 = "button", ...l5 }) {
+function St({ behavior: e53 = "smooth", children: t9, direction: r31 = "end", onClick: n, render: o41, 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(() => {
     let u = b$1.getSnapshot();
-    return r28 === "start" ? u.start : u.end;
-  }, [r28, b$1]), L = g.useSyncExternalStore(p3, m5, m5), y = g.useCallback((u) => {
-    L && (C.current?.(u), u.defaultPrevented || (u.currentTarget.blur(), r28 === "start" ? E({ behavior: e53 }) : d2({ behavior: e53 })));
-  }, [e53, r28, L, C, d2, E]);
-  return S({ defaultTagName: "button", props: d({ type: S2, inert: !L, tabIndex: L ? i3 : -1, children: t8 ?? jsxs("span", { children: ["Scroll to ", r28] }), onClick: y }, l5), render: o36, state: { active: L, direction: r28 }, stateAttributesMapping: { active: (u) => ({ "data-active": u ? "true" : "false" }) } });
+    return r31 === "start" ? u.start : u.end;
+  }, [r31, b$1]), L = g.useSyncExternalStore(p3, m5, m5), y = g.useCallback((u) => {
+    L && (C.current?.(u), u.defaultPrevented || (u.currentTarget.blur(), r31 === "start" ? E({ behavior: e53 }) : d2({ behavior: e53 })));
+  }, [e53, r31, L, C, d2, E]);
+  return S({ defaultTagName: "button", props: d({ type: S2, inert: !L, tabIndex: L ? i3 : -1, children: t9 ?? jsxs("span", { children: ["Scroll to ", r31] }), onClick: y }, l5), render: o41, state: { active: L, direction: r31 }, stateAttributesMapping: { active: (u) => ({ "data-active": u ? "true" : "false" }) } });
 }
 var $t = { Provider: at, Root: it, Viewport: ut, Content: ft, Item: gt, Button: St };
 
@@ -1775,7 +1775,7 @@ var use = React2[" use ".trim().toString()];
 // ../../apps/web/src/components/ui/button.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "group/button inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none touch-manipulation focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -2126,8 +2126,11 @@ var Image = forwardRef24(function Image2({
 });
 var next_image_shim_default = Image;
 
+// ../../apps/web/src/components/attachments/attachment-image.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+
 // ../../apps/web/src/components/attachments/attachment-draft-chip.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var KIND_ICONS = {
   image: ImageSquare,
   video: Play,
@@ -2153,7 +2156,7 @@ function AttachmentDraftChip({
         draft.previewUrl ? (
           // Object URLs cannot be optimised, and there is nothing to optimise:
           // the file has not left the browser.
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             next_image_shim_default,
             {
               src: draft.previewUrl,
@@ -2164,7 +2167,7 @@ function AttachmentDraftChip({
               className: "size-8 shrink-0 rounded-md object-cover"
             }
           )
-        ) : /* @__PURE__ */ jsx6("span", { className: "grid size-8 shrink-0 place-items-center rounded-md bg-muted", children: /* @__PURE__ */ jsx6(
+        ) : /* @__PURE__ */ jsx7("span", { className: "grid size-8 shrink-0 place-items-center rounded-md bg-muted", children: /* @__PURE__ */ jsx7(
           Glyph,
           {
             className: cn(
@@ -2174,8 +2177,8 @@ function AttachmentDraftChip({
           }
         ) }),
         /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx6("p", { className: "truncate text-xs font-medium", children: draft.name }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7("p", { className: "truncate text-xs font-medium", children: draft.name }),
+          /* @__PURE__ */ jsx7(
             "p",
             {
               className: cn(
@@ -2186,7 +2189,7 @@ function AttachmentDraftChip({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           Button,
           {
             type: "button",
@@ -2195,7 +2198,7 @@ function AttachmentDraftChip({
             onClick: onRemove,
             "aria-label": `Remove ${draft.name}`,
             className: "shrink-0 rounded-full text-muted-foreground",
-            children: /* @__PURE__ */ jsx6(X, {})
+            children: /* @__PURE__ */ jsx7(X, {})
           }
         )
       ]
@@ -2206,6 +2209,16 @@ function AttachmentDraftChip({
 // ../../apps/web/src/components/attachments/use-attachment-drafts.ts
 import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
 var MAX_BYTES = 25 * 1024 * 1024;
+var UNSAFE_TYPES = [
+  "text/html",
+  "application/xhtml+xml",
+  "image/svg+xml",
+  "text/xsl",
+  "application/xslt+xml"
+];
+function isUnsafeType(type) {
+  return UNSAFE_TYPES.includes(type.split(";")[0].trim().toLowerCase());
+}
 var nextDraftId = 0;
 function formatFileSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -2218,6 +2231,11 @@ function formatFileSize(bytes) {
   }
   return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unit]}`;
 }
+var KIND_NAMES = {
+  image: "pictures",
+  video: "videos",
+  file: "files"
+};
 function attachmentKindOf(type) {
   if (type.startsWith("image/")) return "image";
   if (type.startsWith("video/")) return "video";
@@ -2226,7 +2244,10 @@ function attachmentKindOf(type) {
 function release(draft) {
   if (draft.previewUrl) URL.revokeObjectURL(draft.previewUrl);
 }
-function useAttachmentDrafts() {
+function useAttachmentDrafts({
+  accept,
+  max
+} = {}) {
   const [drafts, setDrafts] = useState3([]);
   const draftsRef = useRef4(drafts);
   useEffect4(() => {
@@ -2234,17 +2255,21 @@ function useAttachmentDrafts() {
   }, [drafts]);
   useEffect4(() => () => draftsRef.current.forEach(release), []);
   function add(files) {
-    const picked = Array.from(files).map((file) => {
+    const picked = Array.from(files).map((file, index) => {
       const isTooBig = file.size > MAX_BYTES;
+      const isUnsafe = isUnsafeType(file.type);
       const kind = attachmentKindOf(file.type);
+      const isWrongKind = accept !== void 0 && kind !== accept;
+      const isOverCap = max !== void 0 && drafts.length + index >= max;
+      const error = isTooBig ? `Larger than the ${formatFileSize(MAX_BYTES)} limit` : isUnsafe ? "This kind of file cannot be sent" : isWrongKind ? `Only ${KIND_NAMES[accept]} can go here` : isOverCap ? `Only ${max} at a time` : null;
       return {
         id: `draft-${nextDraftId += 1}`,
         file,
         name: file.name,
         size: formatFileSize(file.size),
         kind,
-        previewUrl: kind === "image" && !isTooBig ? URL.createObjectURL(file) : null,
-        error: isTooBig ? `Larger than the ${formatFileSize(MAX_BYTES)} limit` : null
+        previewUrl: kind === "image" && error === null ? URL.createObjectURL(file) : null,
+        error
       };
     });
     setDrafts([...drafts, ...picked]);
@@ -2266,7 +2291,9 @@ function useAttachmentDrafts() {
     /** The originals, in the order they were picked. */
     files: drafts.map((draft) => draft.file),
     /** True while something in the list cannot be sent. */
-    hasBlocker: drafts.some((draft) => draft.error !== null)
+    hasBlocker: drafts.some((draft) => draft.error !== null),
+    /** True once the cap is reached, for a picker that should go quiet. */
+    isFull: max !== void 0 && drafts.length >= max
   };
 }
 
@@ -2319,7 +2346,7 @@ function useAttachmentTarget({
 }
 
 // ../../apps/web/src/components/support-widget/widget-button.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var widgetButtonVariants = cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -2357,7 +2384,7 @@ function WidgetButton({
   ...props
 }) {
   const Comp = asChild ? dist_exports.Root : "button";
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Comp,
     {
       "data-slot": "widget-button",
@@ -2371,7 +2398,7 @@ function WidgetButton({
 
 // ../../apps/web/src/components/ui/text-field.ts
 var TEXT_FIELD_SHELL = [
-  "rounded-lg border border-input bg-transparent text-sm transition-[color,box-shadow] outline-none dark:bg-input/30",
+  "rounded-lg border border-input bg-transparent text-sm max-sm:text-base transition-[color,box-shadow] outline-none dark:bg-input/30",
   "placeholder:text-muted-foreground",
   // Focus recolours the hairline rather than adding a ring on top of it, so
   // the outline stays exactly 1px and nothing swells on click.
@@ -2381,14 +2408,14 @@ var TEXT_FIELD_SHELL = [
 ].join(" ");
 
 // ../../apps/web/src/components/ui/textarea.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "textarea",
     {
       "data-slot": "textarea",
       className: cn(
-        "field-sizing-content w-full resize-none bg-transparent text-sm outline-none",
+        "field-sizing-content w-full resize-none bg-transparent text-sm outline-none max-sm:text-base",
         "placeholder:text-muted-foreground",
         "disabled:pointer-events-none disabled:opacity-50",
         className
@@ -2469,13 +2496,13 @@ var LOGO_MASK_URL = `url("data:image/svg+xml,${encodeURIComponent(
 )}")`;
 
 // ../../apps/web/src/components/brand.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var INVERT_IN_DARK = "dark:invert";
 function Wordmark({
   width = 132,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "svg",
     {
       viewBox: WORDMARK.viewBox,
@@ -2484,7 +2511,7 @@ function Wordmark({
       role: "img",
       "aria-label": "Median",
       className: `${INVERT_IN_DARK} ${className}`,
-      children: WORDMARK.paths.map((d2) => /* @__PURE__ */ jsx9("path", { d: d2, fill: BRAND_INK }, d2))
+      children: WORDMARK.paths.map((d2) => /* @__PURE__ */ jsx10("path", { d: d2, fill: BRAND_INK }, d2))
     }
   );
 }
@@ -2492,7 +2519,7 @@ function Logo({
   size = 104,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "svg",
     {
       viewBox: LOGO.viewBox,
@@ -2500,13 +2527,41 @@ function Logo({
       height: size,
       "aria-hidden": true,
       className: `${INVERT_IN_DARK} ${className}`,
-      children: LOGO.paths.map((d2) => /* @__PURE__ */ jsx9("path", { d: d2, fill: BRAND_INK }, d2))
+      children: LOGO.paths.map((d2) => /* @__PURE__ */ jsx10("path", { d: d2, fill: BRAND_INK }, d2))
+    }
+  );
+}
+function ShimmerLogo({
+  label,
+  className
+}) {
+  return /* @__PURE__ */ jsx10(
+    "span",
+    {
+      role: "status",
+      "aria-label": label,
+      style: {
+        maskImage: LOGO_MASK_URL,
+        maskSize: "contain",
+        maskRepeat: "no-repeat",
+        maskPosition: "center",
+        WebkitMaskImage: LOGO_MASK_URL,
+        WebkitMaskSize: "contain",
+        WebkitMaskRepeat: "no-repeat",
+        WebkitMaskPosition: "center",
+        backgroundImage: "linear-gradient(115deg, var(--muted) 34%, var(--muted-foreground) 50%, var(--muted) 66%)",
+        backgroundSize: "300% 100%"
+      },
+      className: cn(
+        "size-12 animate-shimmer motion-reduce:animate-none motion-reduce:bg-muted",
+        className
+      )
     }
   );
 }
 
 // ../../apps/web/src/components/support-widget/widget-badge.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var MEDIAN_URL = "https://median.sh";
 function PoweredByMedian({ className }) {
   return /* @__PURE__ */ jsxs4(
@@ -2523,15 +2578,15 @@ function PoweredByMedian({ className }) {
       ),
       children: [
         "Powered by",
-        /* @__PURE__ */ jsx10(Logo, { size: 12, className: "opacity-80" }),
-        /* @__PURE__ */ jsx10(Wordmark, { width: 40, className: "opacity-80" })
+        /* @__PURE__ */ jsx11(Logo, { size: 12, className: "opacity-80" }),
+        /* @__PURE__ */ jsx11(Wordmark, { width: 40, className: "opacity-80" })
       ]
     }
   );
 }
 
 // ../../apps/web/src/components/support-widget/widget-composer.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var SWAP = "transition-[opacity,translate] duration-300 ease-out motion-reduce:transition-none";
 var RISE = "transition-transform duration-450 ease-spring motion-reduce:transition-none";
@@ -2610,7 +2665,7 @@ function WidgetComposer({
         className: "flex shrink-0 flex-col gap-1.5 px-3 pt-1 pb-3",
         ...isAsking ? {} : target.targetProps,
         children: [
-          !isAsking && attachments.drafts.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "flex flex-wrap gap-1.5 px-1", children: attachments.drafts.map((item) => /* @__PURE__ */ jsx11("li", { className: "min-w-0", children: /* @__PURE__ */ jsx11(
+          !isAsking && attachments.drafts.length > 0 && /* @__PURE__ */ jsx12("ul", { className: "flex flex-wrap gap-1.5 px-1", children: attachments.drafts.map((item) => /* @__PURE__ */ jsx12("li", { className: "min-w-0", children: /* @__PURE__ */ jsx12(
             AttachmentDraftChip,
             {
               draft: item,
@@ -2618,13 +2673,13 @@ function WidgetComposer({
             }
           ) }, item.id)) }),
           /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "div",
               {
                 "aria-hidden": !showTab,
                 inert: !showTab,
                 className: "pointer-events-none absolute inset-x-0 bottom-full z-0 -mb-0.5 flex items-end justify-center overflow-hidden pt-2",
-                children: /* @__PURE__ */ jsx11(
+                children: /* @__PURE__ */ jsx12(
                   "div",
                   {
                     className: cn(
@@ -2644,8 +2699,8 @@ function WidgetComposer({
                             isSaved && "-translate-y-full"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx11(EnvelopeSimple, { "aria-hidden": true, className: "size-4 shrink-0" }),
-                            /* @__PURE__ */ jsx11("span", { className: "truncate", children: "Enter your email" })
+                            /* @__PURE__ */ jsx12(EnvelopeSimple, { "aria-hidden": true, className: "size-4 shrink-0" }),
+                            /* @__PURE__ */ jsx12("span", { className: "truncate", children: "Enter your email" })
                           ]
                         }
                       ),
@@ -2659,8 +2714,8 @@ function WidgetComposer({
                             !isSaved && "translate-y-full"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx11(Check, { "aria-hidden": true, className: "size-4 shrink-0" }),
-                            /* @__PURE__ */ jsx11("span", { className: "truncate", children: "Saved" })
+                            /* @__PURE__ */ jsx12(Check, { "aria-hidden": true, className: "size-4 shrink-0" }),
+                            /* @__PURE__ */ jsx12("span", { className: "truncate", children: "Saved" })
                           ]
                         }
                       )
@@ -2691,7 +2746,7 @@ function WidgetComposer({
                         isAsking && "-translate-y-1 opacity-0 pointer-events-none"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           "input",
                           {
                             ref: fileInputRef,
@@ -2702,7 +2757,7 @@ function WidgetComposer({
                             className: "sr-only"
                           }
                         ),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           WidgetButton,
                           {
                             type: "button",
@@ -2711,10 +2766,10 @@ function WidgetComposer({
                             onClick: () => fileInputRef.current?.click(),
                             "aria-label": "Add an attachment",
                             className: "rounded-full text-muted-foreground hover:rotate-90 motion-reduce:hover:rotate-0",
-                            children: /* @__PURE__ */ jsx11(Plus, {})
+                            children: /* @__PURE__ */ jsx12(Plus, {})
                           }
                         ),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           Textarea,
                           {
                             ref: draftRef,
@@ -2730,7 +2785,7 @@ function WidgetComposer({
                             className: "max-h-32 min-h-8 flex-1 px-1 py-1.5 max-sm:text-[16px]"
                           }
                         ),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           WidgetButton,
                           {
                             type: "button",
@@ -2742,7 +2797,7 @@ function WidgetComposer({
                               "rounded-full",
                               canSend ? "scale-100 opacity-100" : "scale-90 opacity-40 motion-reduce:scale-100"
                             ),
-                            children: /* @__PURE__ */ jsx11(ArrowUp, {})
+                            children: /* @__PURE__ */ jsx12(ArrowUp, {})
                           }
                         )
                       ]
@@ -2759,7 +2814,7 @@ function WidgetComposer({
                         !isAsking && "pointer-events-none translate-y-1 opacity-0"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           "input",
                           {
                             type: "email",
@@ -2778,7 +2833,7 @@ function WidgetComposer({
                             className: "h-8 min-w-0 flex-1 px-1 outline-none placeholder:text-muted-foreground max-sm:text-[16px]"
                           }
                         ),
-                        /* @__PURE__ */ jsx11(
+                        /* @__PURE__ */ jsx12(
                           WidgetButton,
                           {
                             type: "button",
@@ -2790,7 +2845,7 @@ function WidgetComposer({
                               "rounded-full",
                               isValid ? "scale-100 opacity-100" : "scale-90 opacity-40 motion-reduce:scale-100"
                             ),
-                            children: /* @__PURE__ */ jsx11(ArrowUp, {})
+                            children: /* @__PURE__ */ jsx12(ArrowUp, {})
                           }
                         )
                       ]
@@ -2800,7 +2855,7 @@ function WidgetComposer({
               }
             )
           ] }),
-          showBadge && /* @__PURE__ */ jsx11(PoweredByMedian, {})
+          showBadge && /* @__PURE__ */ jsx12(PoweredByMedian, {})
         ]
       }
     )
@@ -2811,12 +2866,12 @@ function WidgetComposer({
 import { useState as useState6 } from "react";
 
 // ../../apps/web/src/components/initial-badge.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function InitialBadge({
   value,
   className
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "aria-hidden": true,
@@ -2831,7 +2886,7 @@ function InitialBadge({
 }
 
 // ../../apps/web/src/components/avatar.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Avatar({
   src,
   name,
@@ -2843,7 +2898,7 @@ function Avatar({
   const hasFailed = failedSrc !== null && failedSrc === src;
   const shape2 = "size-4.5 shrink-0 rounded-full";
   if (!src || hasFailed) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       InitialBadge,
       {
         value: name,
@@ -2851,7 +2906,7 @@ function Avatar({
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     next_image_shim_default,
     {
       src,
@@ -2867,7 +2922,7 @@ function Avatar({
 }
 
 // ../../apps/web/src/components/support-widget/widget-avatar.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function WidgetAvatar({
   agent,
   label,
@@ -2875,7 +2930,7 @@ function WidgetAvatar({
 }) {
   const shape2 = "size-7 shrink-0 rounded-lg";
   if (agent.kind === "ai" && !agent.avatarUrl) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "span",
       {
         role: "img",
@@ -2885,17 +2940,17 @@ function WidgetAvatar({
           shape2,
           className
         ),
-        children: /* @__PURE__ */ jsx14(Sparkle, { className: "size-[55%]" })
+        children: /* @__PURE__ */ jsx15(Sparkle, { className: "size-[55%]" })
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       role: "img",
       "aria-label": label ?? agent.name,
       className: cn("inline-flex", shape2, className),
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx15(
         Avatar,
         {
           src: agent.avatarUrl,
@@ -2911,11 +2966,11 @@ function WidgetAvatarStack({
   className
 }) {
   if (team.length === 0) return null;
-  return /* @__PURE__ */ jsx14("div", { className: cn("flex items-center gap-1", className), children: team.map((agent) => /* @__PURE__ */ jsx14(WidgetAvatar, { agent, className: "size-8" }, agent.id)) });
+  return /* @__PURE__ */ jsx15("div", { className: cn("flex items-center gap-1", className), children: team.map((agent) => /* @__PURE__ */ jsx15(WidgetAvatar, { agent, className: "size-8" }, agent.id)) });
 }
 
 // ../../apps/web/src/components/support-widget/widget-empty.tsx
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var STARTERS = [
   {
     label: "Ask a question",
@@ -2942,7 +2997,7 @@ function WidgetEmpty({
 }) {
   const agent = team.find((member) => member.kind === "ai") ?? team[0];
   return /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-4 px-5 pb-2 text-center", children: [
-    agent && /* @__PURE__ */ jsx15(
+    agent && /* @__PURE__ */ jsx16(
       WidgetAvatar,
       {
         agent,
@@ -2950,10 +3005,10 @@ function WidgetEmpty({
       }
     ),
     /* @__PURE__ */ jsxs6("div", { className: "flex max-w-64 animate-in flex-col gap-1 delay-150 duration-500 ease-out fade-in-0 slide-in-from-bottom-2 fill-mode-backwards motion-reduce:animate-none", children: [
-      agent && /* @__PURE__ */ jsx15("p", { className: "text-base font-semibold tracking-tight", children: agent.name }),
-      /* @__PURE__ */ jsx15("p", { className: "text-sm text-balance text-muted-foreground", children: orgName ? `Ask me anything about ${orgName}.` : "Ask me anything." })
+      agent && /* @__PURE__ */ jsx16("p", { className: "text-base font-semibold tracking-tight", children: agent.name }),
+      /* @__PURE__ */ jsx16("p", { className: "text-sm text-balance text-muted-foreground", children: orgName ? `Ask me anything about ${orgName}.` : "Ask me anything." })
     ] }),
-    onPick && /* @__PURE__ */ jsx15("div", { className: "flex w-full flex-col gap-1.5 pt-1", children: STARTERS.map((starter, index) => /* @__PURE__ */ jsxs6(
+    onPick && /* @__PURE__ */ jsx16("div", { className: "flex w-full flex-col gap-1.5 pt-1", children: STARTERS.map((starter, index) => /* @__PURE__ */ jsxs6(
       WidgetButton,
       {
         type: "button",
@@ -2967,9 +3022,9 @@ function WidgetEmpty({
           "hover:border-foreground/15 hover:shadow-sm"
         ),
         children: [
-          /* @__PURE__ */ jsx15(starter.glyph, { className: "size-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate", children: starter.label }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(starter.glyph, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: starter.label }),
+          /* @__PURE__ */ jsx16(
             CaretRight,
             {
               "aria-hidden": true,
@@ -2984,7 +3039,7 @@ function WidgetEmpty({
 }
 
 // ../../apps/web/src/components/support-widget/widget-header.tsx
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function WidgetHeader({
   presence,
   onClose,
@@ -3009,13 +3064,13 @@ function WidgetHeader({
       ),
       children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col pt-0.5", children: [
-          /* @__PURE__ */ jsx16("h2", { className: "truncate text-base font-semibold tracking-tight", children: presence.name }),
-          /* @__PURE__ */ jsx16("p", { className: "truncate text-sm text-muted-foreground", children: presence.status })
+          /* @__PURE__ */ jsx17("h2", { className: "truncate text-base font-semibold tracking-tight", children: presence.name }),
+          /* @__PURE__ */ jsx17("p", { className: "truncate text-sm text-muted-foreground", children: presence.status })
         ] }),
         /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx16(WidgetAvatarStack, { team: presence.team }),
+          /* @__PURE__ */ jsx17(WidgetAvatarStack, { team: presence.team }),
           /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-0.5", children: [
-            onToggleExpanded && /* @__PURE__ */ jsx16(
+            onToggleExpanded && /* @__PURE__ */ jsx17(
               WidgetButton,
               {
                 variant: "ghost",
@@ -3024,10 +3079,10 @@ function WidgetHeader({
                 "aria-pressed": isExpanded,
                 "aria-label": isExpanded ? "Shrink the panel" : "Expand the panel",
                 className: "text-muted-foreground",
-                children: isExpanded ? /* @__PURE__ */ jsx16(ArrowsIn, {}) : /* @__PURE__ */ jsx16(ArrowsOut, {})
+                children: isExpanded ? /* @__PURE__ */ jsx17(ArrowsIn, {}) : /* @__PURE__ */ jsx17(ArrowsOut, {})
               }
             ),
-            onClose && /* @__PURE__ */ jsx16(
+            onClose && /* @__PURE__ */ jsx17(
               WidgetButton,
               {
                 variant: "ghost",
@@ -3035,7 +3090,7 @@ function WidgetHeader({
                 onClick: onClose,
                 "aria-label": "Close support",
                 className: "-mr-1 text-muted-foreground",
-                children: /* @__PURE__ */ jsx16(X, {})
+                children: /* @__PURE__ */ jsx17(X, {})
               }
             )
           ] })
@@ -3046,32 +3101,13 @@ function WidgetHeader({
 }
 
 // ../../apps/web/src/components/support-widget/widget-loading.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function WidgetLoading() {
-  return /* @__PURE__ */ jsx17("div", { className: "grid min-h-0 flex-1 place-items-center p-6", children: /* @__PURE__ */ jsx17(
-    "span",
-    {
-      role: "status",
-      "aria-label": "Loading the conversation",
-      style: {
-        maskImage: LOGO_MASK_URL,
-        maskSize: "contain",
-        maskRepeat: "no-repeat",
-        maskPosition: "center",
-        WebkitMaskImage: LOGO_MASK_URL,
-        WebkitMaskSize: "contain",
-        WebkitMaskRepeat: "no-repeat",
-        WebkitMaskPosition: "center",
-        backgroundImage: "linear-gradient(115deg, var(--muted) 34%, var(--muted-foreground) 50%, var(--muted) 66%)",
-        backgroundSize: "300% 100%"
-      },
-      className: "size-12 animate-shimmer motion-reduce:animate-none motion-reduce:bg-muted"
-    }
-  ) });
+  return /* @__PURE__ */ jsx18("div", { className: "grid min-h-0 flex-1 place-items-center p-6", children: /* @__PURE__ */ jsx18(ShimmerLogo, { label: "Loading the conversation" }) });
 }
 
 // ../../apps/web/src/components/support-widget/widget-locked.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 function WidgetLocked({
   orgName,
   onSignIn,
@@ -3079,12 +3115,12 @@ function WidgetLocked({
 }) {
   return /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 flex-1 flex-col", children: [
     /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-4 px-6 text-center", children: [
-      /* @__PURE__ */ jsx18("span", { className: "grid size-14 animate-in place-items-center rounded-2xl bg-muted duration-500 ease-out fade-in-0 zoom-in-95 motion-reduce:animate-none", children: /* @__PURE__ */ jsx18(LockSimple, { className: "size-6 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx19("span", { className: "grid size-14 animate-in place-items-center rounded-2xl bg-muted duration-500 ease-out fade-in-0 zoom-in-95 motion-reduce:animate-none", children: /* @__PURE__ */ jsx19(LockSimple, { className: "size-6 text-muted-foreground" }) }),
       /* @__PURE__ */ jsxs8("div", { className: "flex max-w-64 animate-in flex-col gap-1 delay-150 duration-500 ease-out fade-in-0 slide-in-from-bottom-2 fill-mode-backwards motion-reduce:animate-none", children: [
-        /* @__PURE__ */ jsx18("p", { className: "text-base font-semibold tracking-tight", children: "Sign in to chat" }),
-        /* @__PURE__ */ jsx18("p", { className: "text-sm text-balance text-muted-foreground", children: orgName ? `Ask ${orgName} anything once you are signed in.` : "Ask us anything once you are signed in." })
+        /* @__PURE__ */ jsx19("p", { className: "text-base font-semibold tracking-tight", children: "Sign in to chat" }),
+        /* @__PURE__ */ jsx19("p", { className: "text-sm text-balance text-muted-foreground", children: orgName ? `Ask ${orgName} anything once you are signed in.` : "Ask us anything once you are signed in." })
       ] }),
-      onSignIn && /* @__PURE__ */ jsx18(
+      onSignIn && /* @__PURE__ */ jsx19(
         WidgetButton,
         {
           onClick: onSignIn,
@@ -3093,12 +3129,12 @@ function WidgetLocked({
         }
       )
     ] }),
-    showBadge && /* @__PURE__ */ jsx18(PoweredByMedian, { className: "shrink-0 px-3 pb-3" })
+    showBadge && /* @__PURE__ */ jsx19(PoweredByMedian, { className: "shrink-0 px-3 pb-3" })
   ] });
 }
 
 // ../../apps/web/src/components/ui/badge.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex w-fit shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3",
   {
@@ -3122,7 +3158,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? dist_exports.Root : "span";
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Comp,
     {
       "data-slot": "badge",
@@ -3135,15 +3171,15 @@ function Badge({
 
 // ../../apps/web/src/components/support-widget/widget-attachments.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment24, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var SURFACE = "rounded-xl border border-foreground/10 bg-card/70";
 function OpenAttachment({
   attachment,
   className,
   children
 }) {
-  if (!attachment.url) return /* @__PURE__ */ jsx20(Fragment24, { children });
-  return /* @__PURE__ */ jsx20(
+  if (!attachment.url) return /* @__PURE__ */ jsx21(Fragment24, { children });
+  return /* @__PURE__ */ jsx21(
     "a",
     {
       href: attachment.url,
@@ -3174,14 +3210,14 @@ function MediaTile({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx20(ImageSquare, { className: "size-5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: "Preview unavailable" })
+          /* @__PURE__ */ jsx21(ImageSquare, { className: "size-5 text-muted-foreground" }),
+          /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "Preview unavailable" })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs9("figure", { className: cn(SURFACE, "relative overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       "img",
       {
         src: attachment.previewUrl,
@@ -3193,22 +3229,22 @@ function MediaTile({
         className: "size-full object-cover"
       }
     ),
-    attachment.kind === "video" && /* @__PURE__ */ jsx20(
+    attachment.kind === "video" && /* @__PURE__ */ jsx21(
       "span",
       {
         "aria-hidden": true,
         className: "absolute inset-0 grid place-items-center bg-foreground/15",
-        children: /* @__PURE__ */ jsx20("span", { className: "grid size-8 place-items-center rounded-full bg-background/85 shadow-sm", children: /* @__PURE__ */ jsx20(Play, { className: "size-3.5 translate-x-px" }) })
+        children: /* @__PURE__ */ jsx21("span", { className: "grid size-8 place-items-center rounded-full bg-background/85 shadow-sm", children: /* @__PURE__ */ jsx21(Play, { className: "size-3.5 translate-x-px" }) })
       }
     )
   ] });
 }
 function FileRow({ attachment }) {
-  return /* @__PURE__ */ jsx20(OpenAttachment, { attachment, children: /* @__PURE__ */ jsxs9("div", { className: cn(SURFACE, "flex items-center gap-2 px-2 py-1.5"), children: [
-    /* @__PURE__ */ jsx20(File, { className: "size-4 shrink-0 text-muted-foreground" }),
+  return /* @__PURE__ */ jsx21(OpenAttachment, { attachment, children: /* @__PURE__ */ jsxs9("div", { className: cn(SURFACE, "flex items-center gap-2 px-2 py-1.5"), children: [
+    /* @__PURE__ */ jsx21(File, { className: "size-4 shrink-0 text-muted-foreground" }),
     /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
-      /* @__PURE__ */ jsx20("p", { className: "truncate text-xs font-medium", children: attachment.name }),
-      /* @__PURE__ */ jsx20("p", { className: "truncate text-xs text-muted-foreground", children: attachment.size })
+      /* @__PURE__ */ jsx21("p", { className: "truncate text-xs font-medium", children: attachment.name }),
+      /* @__PURE__ */ jsx21("p", { className: "truncate text-xs text-muted-foreground", children: attachment.size })
     ] })
   ] }) });
 }
@@ -3218,22 +3254,22 @@ function WidgetAttachments({
   const media = attachments.filter((one) => one.kind !== "file");
   const files = attachments.filter((one) => one.kind === "file");
   return /* @__PURE__ */ jsxs9("div", { className: "flex w-56 max-w-full flex-col gap-1.5", children: [
-    media.length > 0 && /* @__PURE__ */ jsx20("div", { className: cn("grid gap-1.5", media.length > 1 && "grid-cols-2"), children: media.map((attachment) => /* @__PURE__ */ jsx20(
+    media.length > 0 && /* @__PURE__ */ jsx21("div", { className: cn("grid gap-1.5", media.length > 1 && "grid-cols-2"), children: media.map((attachment) => /* @__PURE__ */ jsx21(
       OpenAttachment,
       {
         attachment,
         className: media.length > 1 ? "h-20" : "h-32",
-        children: /* @__PURE__ */ jsx20(MediaTile, { attachment, className: "size-full" })
+        children: /* @__PURE__ */ jsx21(MediaTile, { attachment, className: "size-full" })
       },
       attachment.id
     )) }),
-    files.map((attachment) => /* @__PURE__ */ jsx20(FileRow, { attachment }, attachment.id))
+    files.map((attachment) => /* @__PURE__ */ jsx21(FileRow, { attachment }, attachment.id))
   ] });
 }
 
 // ../../apps/web/src/components/ui/morph-bubble.tsx
 import { useLayoutEffect as useLayoutEffect3, useRef as useRef8 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var MORPH_MS = 260;
 var MORPH_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
 var CONTENT_FADE_MS = 140;
@@ -3302,17 +3338,17 @@ function MorphBubble({
       reveal.cancel();
     });
   }, [morphKey]);
-  return /* @__PURE__ */ jsx21("div", { ref: box, className: cn("overflow-hidden", className), children: /* @__PURE__ */ jsx21("div", { ref: content, className: contentClassName, children }) });
+  return /* @__PURE__ */ jsx22("div", { ref: box, className: cn("overflow-hidden", className), children: /* @__PURE__ */ jsx22("div", { ref: content, className: contentClassName, children }) });
 }
 
 // ../../apps/web/src/components/support-widget/widget-bubble.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function WidgetBubble({
   morphKey,
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MorphBubble,
     {
       morphKey,
@@ -3325,24 +3361,24 @@ function WidgetBubble({
 
 // ../../apps/web/src/components/support-widget/widget-message-body.tsx
 import { Suspense } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function WidgetMessageBody({
   body,
   sender
 }) {
   const isReady = useMarkdownReady();
-  const plain = /* @__PURE__ */ jsx23("p", { className: "break-words whitespace-pre-line", children: body });
+  const plain = /* @__PURE__ */ jsx24("p", { className: "break-words whitespace-pre-line", children: body });
   if (sender === "visitor" || !isReady) return plain;
-  return /* @__PURE__ */ jsx23(Suspense, { fallback: plain, children: /* @__PURE__ */ jsx23(MessageMarkdown, { body }) });
+  return /* @__PURE__ */ jsx24(Suspense, { fallback: plain, children: /* @__PURE__ */ jsx24(MessageMarkdown, { body }) });
 }
 
 // ../../apps/web/src/components/support-widget/widget-typing.tsx
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 var DOTS = [0, 160, 320];
 function WidgetTyping({ label }) {
   return /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-1 py-1.5", children: [
-    /* @__PURE__ */ jsx24("span", { className: "sr-only", children: label }),
-    DOTS.map((delay) => /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25("span", { className: "sr-only", children: label }),
+    DOTS.map((delay) => /* @__PURE__ */ jsx25(
       "span",
       {
         "aria-hidden": true,
@@ -3355,7 +3391,7 @@ function WidgetTyping({ label }) {
 }
 
 // ../../apps/web/src/components/support-widget/widget-message.tsx
-import { Fragment as Fragment25, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 var BUBBLE = "max-w-[80%] rounded-2xl px-3.5 py-2 text-sm";
 var VISITOR_BUBBLE = "bg-[color-mix(in_oklch,var(--muted),var(--foreground)_12%)]";
 var ARRIVES = "animate-in fade-in-0 slide-in-from-bottom-1 duration-200 ease-out motion-reduce:animate-none";
@@ -3363,21 +3399,21 @@ function WidgetDivider({ message }) {
   const label = message.startsConversation ? "New conversation" : message.dayLabel;
   if (!label) return null;
   return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx25("span", { className: "h-px flex-1 bg-border" }),
-    /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx25("span", { className: "h-px flex-1 bg-border" })
+    /* @__PURE__ */ jsx26("span", { className: "h-px flex-1 bg-border" }),
+    /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx26("span", { className: "h-px flex-1 bg-border" })
   ] });
 }
 function WidgetMessage({
   message,
   group = LONE_MESSAGE
 }) {
-  return message.sender === "visitor" ? /* @__PURE__ */ jsx25(VisitorMessage, { message }) : /* @__PURE__ */ jsx25(AgentMessage, { message, group });
+  return message.sender === "visitor" ? /* @__PURE__ */ jsx26(VisitorMessage, { message }) : /* @__PURE__ */ jsx26(AgentMessage, { message, group });
 }
 function BubbleContent({ message }) {
   const hasAttachments = (message.attachments?.length ?? 0) > 0;
   if (message.pending) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       WidgetTyping,
       {
         label: `${message.agent?.name ?? "Support"} is writing a reply`
@@ -3385,12 +3421,12 @@ function BubbleContent({ message }) {
     );
   }
   return /* @__PURE__ */ jsxs11(Fragment25, { children: [
-    hasAttachments && /* @__PURE__ */ jsx25(WidgetAttachments, { attachments: message.attachments ?? [] }),
-    message.body && /* @__PURE__ */ jsx25(WidgetMessageBody, { body: message.body, sender: message.sender })
+    hasAttachments && /* @__PURE__ */ jsx26(WidgetAttachments, { attachments: message.attachments ?? [] }),
+    message.body && /* @__PURE__ */ jsx26(WidgetMessageBody, { body: message.body, sender: message.sender })
   ] });
 }
 function VisitorMessage({ message }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("flex justify-end", ARRIVES), children: /* @__PURE__ */ jsx25(WidgetBubble, { morphKey: "settled", className: cn(BUBBLE, VISITOR_BUBBLE), children: /* @__PURE__ */ jsx25(BubbleContent, { message }) }) });
+  return /* @__PURE__ */ jsx26("div", { className: cn("flex justify-end", ARRIVES), children: /* @__PURE__ */ jsx26(WidgetBubble, { morphKey: "settled", className: cn(BUBBLE, VISITOR_BUBBLE), children: /* @__PURE__ */ jsx26(BubbleContent, { message }) }) });
 }
 function AgentMessage({
   message,
@@ -3406,18 +3442,18 @@ function AgentMessage({
     /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col items-start gap-1", ARRIVES), children: [
       group.isFirst && /* @__PURE__ */ jsxs11("div", { className: "flex max-w-full items-center gap-1.5 px-0.5", children: [
         agent && /* @__PURE__ */ jsxs11(Fragment25, { children: [
-          /* @__PURE__ */ jsx25(WidgetAvatar, { agent, className: "size-5 rounded-md" }),
-          /* @__PURE__ */ jsx25("span", { className: "truncate text-xs font-medium", children: agent.name }),
-          agent.kind === "ai" && /* @__PURE__ */ jsx25(Badge, { variant: "muted", className: "shrink-0 rounded-md px-1", children: "AI" })
+          /* @__PURE__ */ jsx26(WidgetAvatar, { agent, className: "size-5 rounded-md" }),
+          /* @__PURE__ */ jsx26("span", { className: "truncate text-xs font-medium", children: agent.name }),
+          agent.kind === "ai" && /* @__PURE__ */ jsx26(Badge, { variant: "muted", className: "shrink-0 rounded-md px-1", children: "AI" })
         ] }),
-        !message.pending && /* @__PURE__ */ jsx25("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: message.time })
+        !message.pending && /* @__PURE__ */ jsx26("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: message.time })
       ] }),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         WidgetBubble,
         {
           morphKey: message.pending ? "pending" : `${message.body.length}:${message.attachments?.length ?? 0}`,
           className: cn(BUBBLE, "bg-muted"),
-          children: /* @__PURE__ */ jsx25(BubbleContent, { message })
+          children: /* @__PURE__ */ jsx26(BubbleContent, { message })
         }
       )
     ] })
@@ -3428,7 +3464,7 @@ function AgentMessage({
 import { useEffect as useEffect7, useRef as useRef9, useState as useState8 } from "react";
 
 // ../../apps/web/src/components/ui/collapse.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var COLLAPSE_MS = 200;
 function Collapse({
   isOpen,
@@ -3436,7 +3472,7 @@ function Collapse({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       id,
@@ -3446,13 +3482,13 @@ function Collapse({
         isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
         className
       ),
-      children: /* @__PURE__ */ jsx26("div", { className: "overflow-hidden", children })
+      children: /* @__PURE__ */ jsx27("div", { className: "overflow-hidden", children })
     }
   );
 }
 
 // ../../apps/web/src/components/support-widget/widget-rating.tsx
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
 var STARS = Array.from({ length: RATING_MAX_STARS }, (_, index) => index + 1);
 var THANKS_MS = 1400;
 var STAR_STAGGER_MS = 40;
@@ -3506,11 +3542,11 @@ function WidgetRating({ rating }) {
     setIsDone(true);
     later(THANKS_MS, leave);
   }
-  return /* @__PURE__ */ jsx27(Collapse, { isOpen, className: "shrink-0", children: /* @__PURE__ */ jsxs12("div", { className: "mx-3 mb-2 rounded-xl border bg-muted/40 px-3 dark:bg-muted/20", children: [
-    /* @__PURE__ */ jsx27(Collapse, { isOpen: !isDone, children: /* @__PURE__ */ jsxs12("div", { className: "py-2.5", children: [
+  return /* @__PURE__ */ jsx28(Collapse, { isOpen, className: "shrink-0", children: /* @__PURE__ */ jsxs12("div", { className: "mx-3 mb-2 rounded-xl border bg-muted/40 px-3 dark:bg-muted/20", children: [
+    /* @__PURE__ */ jsx28(Collapse, { isOpen: !isDone, children: /* @__PURE__ */ jsxs12("div", { className: "py-2.5", children: [
       /* @__PURE__ */ jsxs12("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium", children: picked === null ? "How did we do?" : "Thanks. Tell us more?" }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium", children: picked === null ? "How did we do?" : "Thanks. Tell us more?" }),
+        /* @__PURE__ */ jsx28(
           WidgetButton,
           {
             type: "button",
@@ -3523,14 +3559,14 @@ function WidgetRating({ rating }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "div",
         {
           role: "radiogroup",
           "aria-label": "How did we do?",
           className: "flex items-center justify-center gap-1 pt-1.5",
           onMouseLeave: () => setHovered(null),
-          children: STARS.map((value) => /* @__PURE__ */ jsx27(
+          children: STARS.map((value) => /* @__PURE__ */ jsx28(
             "button",
             {
               type: "button",
@@ -3548,7 +3584,7 @@ function WidgetRating({ rating }) {
                 "active:scale-95 disabled:pointer-events-none",
                 "motion-reduce:transition-none"
               ),
-              children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28(
                 Star,
                 {
                   style: {
@@ -3565,8 +3601,8 @@ function WidgetRating({ rating }) {
           ))
         }
       ),
-      /* @__PURE__ */ jsx27(Collapse, { isOpen: picked !== null, children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 pt-2", children: [
-        /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(Collapse, { isOpen: picked !== null, children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx28(
           Textarea,
           {
             value: feedback,
@@ -3582,7 +3618,7 @@ function WidgetRating({ rating }) {
             )
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           WidgetButton,
           {
             type: "button",
@@ -3594,23 +3630,23 @@ function WidgetRating({ rating }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx27(Collapse, { isOpen: error !== null, children: /* @__PURE__ */ jsx27("p", { className: "pt-1.5 text-center text-xs text-destructive", children: error }) })
+      /* @__PURE__ */ jsx28(Collapse, { isOpen: error !== null, children: /* @__PURE__ */ jsx28("p", { className: "pt-1.5 text-center text-xs text-destructive", children: error }) })
     ] }) }),
-    /* @__PURE__ */ jsx27(Collapse, { isOpen: isDone, children: /* @__PURE__ */ jsx27("p", { className: "py-3 text-center text-sm font-medium", children: "Thanks for the feedback." }) })
+    /* @__PURE__ */ jsx28(Collapse, { isOpen: isDone, children: /* @__PURE__ */ jsx28("p", { className: "py-3 text-center text-sm font-medium", children: "Thanks for the feedback." }) })
   ] }) });
 }
 
 // ../../apps/web/src/components/support-widget/widget-status.tsx
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 function WidgetAwaitingHuman() {
   return /* @__PURE__ */ jsxs13("p", { className: "flex animate-in items-center justify-center gap-1.5 px-4 pb-1 text-xs text-muted-foreground duration-200 ease-out fade-in-0 slide-in-from-bottom-1 motion-reduce:animate-none", children: [
-    /* @__PURE__ */ jsx28(UserCircle, { "aria-hidden": true, className: "size-3.5" }),
+    /* @__PURE__ */ jsx29(UserCircle, { "aria-hidden": true, className: "size-3.5" }),
     "Waiting for a teammate"
   ] });
 }
 
 // ../../apps/web/src/components/support-widget/support-widget.tsx
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
 function joinsPreviousTurn(message, previous) {
   return !message.dayLabel && !message.startsConversation && message.sender === previous.sender && message.agent?.id === previous.agent?.id && withinRun(previous.sentAt, message.sentAt);
 }
@@ -3649,7 +3685,7 @@ function SupportWidget({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           WidgetHeader,
           {
             presence,
@@ -3660,10 +3696,10 @@ function SupportWidget({
             isMoving
           }
         ),
-        isLoading ? /* @__PURE__ */ jsx29(WidgetLoading, {}) : isLocked ? (
+        isLoading ? /* @__PURE__ */ jsx30(WidgetLoading, {}) : isLocked ? (
           /* After the loading rather than before it: the line names the host,
              so it waits for the name the same as everything else does. */
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             WidgetLocked,
             {
               orgName: presence.name,
@@ -3671,7 +3707,7 @@ function SupportWidget({
               showBadge
             }
           )
-        ) : /* @__PURE__ */ jsx29(
+        ) : /* @__PURE__ */ jsx30(
           Conversation,
           {
             presence,
@@ -3708,7 +3744,7 @@ function Conversation({
 }) {
   const groups = groupMessages(messages, joinsPreviousTurn);
   return /* @__PURE__ */ jsxs14("div", { className: "flex min-h-0 flex-1 flex-col animate-in fade-in-0 duration-500 ease-out motion-reduce:animate-none", children: [
-    messages.length === 0 ? /* @__PURE__ */ jsx29(
+    messages.length === 0 ? /* @__PURE__ */ jsx30(
       WidgetEmpty,
       {
         team: presence.team,
@@ -3727,8 +3763,8 @@ function Conversation({
                  so a scroller left alone slides the newest message under the
                  composer and has to catch up afterwards. Following it is what the
                  scroller stops easing for, so this tracks frame by frame. */
-      /* @__PURE__ */ jsx29(MessageScrollerProvider, { children: /* @__PURE__ */ jsxs14(MessageScroller, { className: "h-auto min-h-0 flex-1", children: [
-        /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(MessageScrollerProvider, { children: /* @__PURE__ */ jsxs14(MessageScroller, { className: "h-auto min-h-0 flex-1", children: [
+        /* @__PURE__ */ jsx30(
           MessageScrollerViewport,
           {
             role: "log",
@@ -3736,7 +3772,7 @@ function Conversation({
             "aria-relevant": "additions",
             "aria-label": "Conversation",
             className: "px-3 py-2",
-            children: /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx30(
               MessageScrollerContent,
               {
                 ref: stackRef,
@@ -3750,8 +3786,8 @@ function Conversation({
                       groups[index].isFirst ? "pt-4" : "pt-1"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx29(WidgetDivider, { message }),
-                      /* @__PURE__ */ jsx29(WidgetMessage, { message, group: groups[index] })
+                      /* @__PURE__ */ jsx30(WidgetDivider, { message }),
+                      /* @__PURE__ */ jsx30(WidgetMessage, { message, group: groups[index] })
                     ]
                   },
                   message.id
@@ -3760,13 +3796,13 @@ function Conversation({
             )
           }
         ),
-        /* @__PURE__ */ jsx29(MessageScrollerButton, {})
+        /* @__PURE__ */ jsx30(MessageScrollerButton, {})
       ] }) })
     ),
-    rating && /* @__PURE__ */ jsx29(WidgetRating, { rating }),
-    awaitingHuman && /* @__PURE__ */ jsx29(WidgetAwaitingHuman, {}),
-    notice && /* @__PURE__ */ jsx29("p", { className: "animate-in px-4 pb-1 text-center text-xs text-destructive fade-in duration-150", children: notice }),
-    /* @__PURE__ */ jsx29(
+    rating && /* @__PURE__ */ jsx30(WidgetRating, { rating }),
+    awaitingHuman && /* @__PURE__ */ jsx30(WidgetAwaitingHuman, {}),
+    notice && /* @__PURE__ */ jsx30("p", { className: "animate-in px-4 pb-1 text-center text-xs text-destructive fade-in duration-150", children: notice }),
+    /* @__PURE__ */ jsx30(
       WidgetComposer,
       {
         onSend,
@@ -4047,10 +4083,33 @@ function clamp2(value, low, high) {
   return Math.min(Math.max(value, low), Math.max(low, high));
 }
 
+// ../../apps/web/src/components/support-widget/use-teaser-placement.ts
+import { useLayoutEffect as useLayoutEffect5, useState as useState10 } from "react";
+var ROOM_ABOVE_PX = 128;
+function useTeaserPlacement({
+  buttonRef,
+  enabled: enabled2,
+  isMoving
+}) {
+  const [placement, setPlacement] = useState10("above");
+  useLayoutEffect5(() => {
+    if (!enabled2 || isMoving) return;
+    const measure = () => {
+      const button = buttonRef.current;
+      if (button === null) return;
+      setPlacement(button.offsetTop < ROOM_ABOVE_PX ? "below" : "above");
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [buttonRef, enabled2, isMoving]);
+  return placement;
+}
+
 // ../../apps/web/src/components/support-widget/use-widget-sheet.ts
 import {
-  useLayoutEffect as useLayoutEffect5,
-  useState as useState10,
+  useLayoutEffect as useLayoutEffect6,
+  useState as useState11,
   useSyncExternalStore as useSyncExternalStore4
 } from "react";
 
@@ -4105,13 +4164,13 @@ function useWidgetSheet({
     isPhoneNow,
     isPhoneOnServer
   );
-  const [isFramed, setIsFramed] = useState10(false);
-  useLayoutEffect5(() => {
+  const [isFramed, setIsFramed] = useState11(false);
+  useLayoutEffect6(() => {
     setIsFramed(boxRef.current?.offsetParent != null);
   }, [boxRef, isPhone]);
   const isSheet = isPhone && !isFramed;
   const isUp = isSheet && isOpen;
-  useLayoutEffect5(() => {
+  useLayoutEffect6(() => {
     if (!isUp) return;
     const panel = panelRef.current;
     const viewport = window.visualViewport;
@@ -4162,8 +4221,109 @@ function useWidgetSheet({
   return isSheet;
 }
 
+// ../../apps/web/src/components/support-widget/widget-teaser.tsx
+import { useState as useState12 } from "react";
+
+// ../../apps/web/src/components/support-widget/plain-text.ts
+function plainTextOf(markdown) {
+  return markdown.replace(/^\s*(?:```|~~~).*$/gm, "").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*`_~]/g, "").replace(/^\s*#{1,6}\s+/gm, "").replace(/^\s*[-+]\s+/gm, "").replace(/^\s*>\s?/gm, "").replace(/\s+/g, " ").trim();
+}
+
+// ../../apps/web/src/components/support-widget/widget-teaser.tsx
+import { Fragment as Fragment26, jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+var WIDTH = "min(18rem, 100%)";
+var GAP = "0.5rem";
+function WidgetTeaser({
+  message,
+  isShown,
+  side,
+  placement,
+  buttonY: buttonY2,
+  buttonSize,
+  onOpen,
+  onDismiss
+}) {
+  const [held, setHeld] = useState12(message);
+  if (message !== null && message !== held) setHeld(message);
+  const shown = message ?? held;
+  if (shown === null) return null;
+  const agent = shown.agent;
+  const text = plainTextOf(shown.body);
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      inert: !isShown,
+      role: "status",
+      "aria-live": "polite",
+      style: {
+        width: WIDTH,
+        [side]: 0,
+        ...placement === "above" ? { bottom: `calc(100% - ${buttonY2} + ${GAP})` } : { top: `calc(${buttonY2} + ${buttonSize} + ${GAP})` }
+      },
+      className: cn(
+        "absolute",
+        // Grows out of the corner nearest the button, so it reads as coming
+        // from it rather than landing beside it.
+        placement === "above" ? side === "right" ? "origin-bottom-right" : "origin-bottom-left" : side === "right" ? "origin-top-right" : "origin-top-left",
+        "transition-[opacity,translate,scale] motion-reduce:transition-none",
+        isShown ? [
+          "pointer-events-auto opacity-100 duration-300 ease-spring",
+          // The arrival, once. The transition above takes over after.
+          "animate-in fade-in-0 zoom-in-95 duration-300 ease-spring motion-reduce:animate-none",
+          placement === "above" ? "slide-in-from-bottom-2" : "slide-in-from-top-2"
+        ] : "pointer-events-none scale-95 opacity-0 duration-150 ease-out-quint"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs15(
+          "button",
+          {
+            type: "button",
+            onClick: onOpen,
+            "aria-label": agent ? `Read the reply from ${agent.name}` : "Read the reply",
+            className: cn(
+              // Its own radius scale, like the panel, so the app's token cannot
+              // reshape a card that sits on somebody else's site.
+              "block w-full rounded-xl border bg-card p-3 pr-9 text-left text-card-foreground shadow-lg [--radius:0.625rem]",
+              "transition-[background-color,box-shadow] outline-none",
+              "hover:bg-muted/50 focus-visible:ring-3 focus-visible:ring-ring/50",
+              "cursor-pointer select-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-1.5", children: [
+                agent && /* @__PURE__ */ jsxs15(Fragment26, { children: [
+                  /* @__PURE__ */ jsx31(WidgetAvatar, { agent, className: "size-5 rounded-md" }),
+                  /* @__PURE__ */ jsx31("span", { className: "truncate text-xs font-medium", children: agent.name }),
+                  agent.kind === "ai" && /* @__PURE__ */ jsx31(Badge, { variant: "muted", className: "shrink-0 rounded-md px-1", children: "AI" })
+                ] }),
+                /* @__PURE__ */ jsx31("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground tabular-nums", children: shown.time })
+              ] }),
+              /* @__PURE__ */ jsx31("span", { className: "mt-1 line-clamp-2 block text-sm leading-snug", children: text.length > 0 ? text : "Sent a file" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx31(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": "Dismiss",
+            className: cn(
+              "absolute top-2 right-2 grid size-6 place-items-center rounded-md",
+              "text-muted-foreground transition-colors outline-none",
+              "hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50",
+              "cursor-pointer"
+            ),
+            children: /* @__PURE__ */ jsx31(X, { className: "size-3.5" })
+          }
+        )
+      ]
+    },
+    shown.id
+  );
+}
+
 // ../../apps/web/src/components/support-widget/widget-launcher.tsx
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = "24rem";
 var DEFAULT_HEIGHT = "34rem";
 var DEFAULT_BUTTON_SIZE = "3.5rem";
@@ -4207,6 +4367,8 @@ function SupportLauncher({
   awaitingHuman = false,
   rating,
   unreadCount = 0,
+  teaser = null,
+  onDismissTeaser,
   notice,
   showBadge = true,
   width = DEFAULT_WIDTH,
@@ -4220,10 +4382,10 @@ function SupportLauncher({
   onOpenChange,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState11(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState13(defaultOpen);
   const isOpen = open ?? uncontrolledOpen;
   const hasBubble = launcher === "bubble";
-  const [isExpanded, setExpanded] = useState11(false);
+  const [isExpanded, setExpanded] = useState13(false);
   const launcherRef = useRef11(null);
   const panelRef = useRef11(null);
   const boxRef = useRef11(null);
@@ -4235,6 +4397,12 @@ function SupportLauncher({
     subject: isOpen ? "panel" : "button"
   });
   const isSheet = useWidgetSheet({ boxRef, panelRef, isOpen });
+  const hasTeaser = teaser !== null && hasBubble;
+  const teaserPlacement = useTeaserPlacement({
+    buttonRef: launcherRef,
+    enabled: hasTeaser,
+    isMoving: drag.isMoving
+  });
   const opener = useRef11(null);
   const wasOpen = useRef11(isOpen);
   const setOpen = useCallback7(
@@ -4273,7 +4441,7 @@ function SupportLauncher({
     // The box is panel sized whether it is open or not, so it never lets a
     // click through to the host's page. Only what is actually on screen takes
     // pointer events back.
-    /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16(
       "div",
       {
         ref: boxRef,
@@ -4308,7 +4476,7 @@ function SupportLauncher({
           className
         ),
         children: [
-          !isSheet && /* @__PURE__ */ jsx30("div", { "aria-hidden": true, className: "absolute inset-0 drop-shadow-xl", children: /* @__PURE__ */ jsx30(
+          !isSheet && /* @__PURE__ */ jsx32("div", { "aria-hidden": true, className: "absolute inset-0 drop-shadow-xl", children: /* @__PURE__ */ jsx32(
             "div",
             {
               style: shape(isOpen, buttonSize, drag.side, hasBubble),
@@ -4319,7 +4487,7 @@ function SupportLauncher({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             "div",
             {
               ref: panelRef,
@@ -4338,7 +4506,7 @@ function SupportLauncher({
                 ],
                 isOpen && "pointer-events-auto"
               ),
-              children: /* @__PURE__ */ jsx30(
+              children: /* @__PURE__ */ jsx32(
                 SupportWidget,
                 {
                   presence,
@@ -4365,7 +4533,7 @@ function SupportLauncher({
               )
             }
           ),
-          hasBubble && /* @__PURE__ */ jsxs15(
+          hasBubble && /* @__PURE__ */ jsxs16(
             "button",
             {
               ref: launcherRef,
@@ -4433,8 +4601,8 @@ function SupportLauncher({
                 !isOpen && (drag.isMoving ? "cursor-grabbing" : "cursor-pointer active:scale-95")
               ),
               children: [
-                /* @__PURE__ */ jsx30(ChatCircleDots, { className: "size-6" }),
-                unreadCount > 0 && /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx32(ChatCircleDots, { className: "size-6" }),
+                unreadCount > 0 && /* @__PURE__ */ jsx32(
                   "span",
                   {
                     "aria-hidden": true,
@@ -4449,6 +4617,19 @@ function SupportLauncher({
                 )
               ]
             }
+          ),
+          hasBubble && /* @__PURE__ */ jsx32(
+            WidgetTeaser,
+            {
+              message: teaser,
+              isShown: hasTeaser && !isOpen,
+              side: drag.side,
+              placement: teaserPlacement,
+              buttonY: buttonY(buttonSize),
+              buttonSize,
+              onOpen: () => setOpen(true),
+              onDismiss: () => onDismissTeaser?.()
+            }
           )
         ]
       }
@@ -4457,9 +4638,9 @@ function SupportLauncher({
 }
 
 // ../../apps/web/src/components/support-widget/widget-spotlight.tsx
-import { useEffect as useEffect11, useRef as useRef12, useState as useState12 } from "react";
+import { useEffect as useEffect11, useRef as useRef12, useState as useState14 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 var FIND_TIMEOUT_MS = 4e3;
 var HOLD_MS = 2600;
 var FADE_MS = 300;
@@ -4468,8 +4649,8 @@ function prefersReducedMotion3() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function WidgetSpotlight({ selector }) {
-  const [isShown, setIsShown] = useState12(false);
-  const [isLeaving, setIsLeaving] = useState12(false);
+  const [isShown, setIsShown] = useState14(false);
+  const [isLeaving, setIsLeaving] = useState14(false);
   const ring = useRef12(null);
   useEffect11(() => {
     let target = null;
@@ -4530,7 +4711,7 @@ function WidgetSpotlight({ selector }) {
   }, [selector]);
   if (!isShown || typeof document === "undefined") return null;
   return createPortal(
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         ref: ring,
@@ -4539,7 +4720,7 @@ function WidgetSpotlight({ selector }) {
         style: { zIndex: LAYER, top: 0, left: 0 },
         className: "pointer-events-none fixed",
         children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             "span",
             {
               className: [
@@ -4550,7 +4731,7 @@ function WidgetSpotlight({ selector }) {
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             "span",
             {
               className: [
@@ -4568,9 +4749,9 @@ function WidgetSpotlight({ selector }) {
 }
 
 // ../../apps/web/src/components/support-widget/widget-toast.tsx
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { useEffect as useEffect12, useState as useState15 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var STAY_MS = 5e3;
 var MOVE_MS = 250;
 var LAYER2 = 2147483001;
@@ -4578,7 +4759,7 @@ function WidgetToast({
   agent,
   children
 }) {
-  const [isShown, setIsShown] = useState13(false);
+  const [isShown, setIsShown] = useState15(false);
   useEffect12(() => {
     const frame = requestAnimationFrame(() => setIsShown(true));
     const timer = setTimeout(() => setIsShown(false), STAY_MS);
@@ -4589,7 +4770,7 @@ function WidgetToast({
   }, []);
   if (typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs18(
       "div",
       {
         "data-median-widget": "",
@@ -4607,8 +4788,8 @@ function WidgetToast({
           isShown ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-2 opacity-0"
         ),
         children: [
-          /* @__PURE__ */ jsx32(WidgetAvatar, { agent, className: "size-6 rounded-full" }),
-          /* @__PURE__ */ jsx32("span", { className: "truncate", children })
+          /* @__PURE__ */ jsx34(WidgetAvatar, { agent, className: "size-6 rounded-full" }),
+          /* @__PURE__ */ jsx34("span", { className: "truncate", children })
         ]
       }
     ),
@@ -5217,14 +5398,14 @@ import {
   useCallback as useCallback11,
   useEffect as useEffect17,
   useMemo as useMemo2,
-  useState as useState15,
+  useState as useState17,
   useSyncExternalStore as useSyncExternalStore7
 } from "react";
 
 // ../../apps/web/src/hooks/use-now.ts
-import { useEffect as useEffect16, useState as useState14 } from "react";
+import { useEffect as useEffect16, useState as useState16 } from "react";
 function useNow(intervalMs = 3e4) {
-  const [now, setNow] = useState14(() => Date.now());
+  const [now, setNow] = useState16(() => Date.now());
   useEffect16(() => {
     const timer = setInterval(() => setNow(Date.now()), intervalMs);
     return () => clearInterval(timer);
@@ -5341,31 +5522,44 @@ function writeSkippedRating(apiKey, conversationId) {
   }
 }
 
-// ../../apps/web/src/components/support-widget/sdk/read-state.ts
-var STORAGE_PREFIX3 = "median:read:";
+// ../../apps/web/src/components/support-widget/sdk/stamps.ts
 var inMemory2 = /* @__PURE__ */ new Map();
-function readLastSeenAt(apiKey) {
+function keyOf(name, apiKey) {
+  return `median:${name}:${apiKey}`;
+}
+function readStamp(name, apiKey) {
   if (typeof window === "undefined") return 0;
+  const key = keyOf(name, apiKey);
   try {
-    const stored = window.localStorage.getItem(`${STORAGE_PREFIX3}${apiKey}`);
+    const stored = window.localStorage.getItem(key);
     const at2 = stored === null ? Number.NaN : Number(stored);
     return Number.isFinite(at2) ? at2 : 0;
   } catch {
-    return inMemory2.get(apiKey) ?? 0;
+    return inMemory2.get(key) ?? 0;
   }
 }
-function writeLastSeenAt(apiKey, at2) {
+function writeStamp(name, apiKey, at2) {
   if (typeof window === "undefined") return;
-  inMemory2.set(apiKey, at2);
+  const key = keyOf(name, apiKey);
+  inMemory2.set(key, at2);
   try {
-    window.localStorage.setItem(`${STORAGE_PREFIX3}${apiKey}`, String(at2));
+    window.localStorage.setItem(key, String(at2));
   } catch {
   }
 }
 
+// ../../apps/web/src/components/support-widget/sdk/read-state.ts
+var READ = "read";
+function readLastSeenAt(apiKey) {
+  return readStamp(READ, apiKey);
+}
+function writeLastSeenAt(apiKey, at2) {
+  writeStamp(READ, apiKey, at2);
+}
+
 // ../../apps/web/src/components/support-widget/sdk/visitor-email.ts
 import { useCallback as useCallback10, useSyncExternalStore as useSyncExternalStore6 } from "react";
-var STORAGE_PREFIX4 = "median:email:";
+var STORAGE_PREFIX3 = "median:email:";
 var inMemory3 = /* @__PURE__ */ new Map();
 var listeners5 = /* @__PURE__ */ new Set();
 function subscribeVisitorEmail(listener) {
@@ -5377,7 +5571,7 @@ function subscribeVisitorEmail(listener) {
 function readVisitorEmail(apiKey) {
   if (typeof window === "undefined") return null;
   try {
-    const stored = window.localStorage.getItem(`${STORAGE_PREFIX4}${apiKey}`);
+    const stored = window.localStorage.getItem(`${STORAGE_PREFIX3}${apiKey}`);
     return stored && stored.length > 0 ? stored : null;
   } catch {
     return inMemory3.get(apiKey) ?? null;
@@ -5386,7 +5580,7 @@ function readVisitorEmail(apiKey) {
 function writeVisitorEmail(apiKey, email) {
   inMemory3.set(apiKey, email);
   try {
-    window.localStorage.setItem(`${STORAGE_PREFIX4}${apiKey}`, email);
+    window.localStorage.setItem(`${STORAGE_PREFIX3}${apiKey}`, email);
   } catch {
   }
   for (const listener of listeners5) listener();
@@ -5398,7 +5592,7 @@ function resetVisitorEmails() {
       const stale = [];
       for (let i3 = 0; i3 < window.localStorage.length; i3 += 1) {
         const key = window.localStorage.key(i3);
-        if (key !== null && key.startsWith(STORAGE_PREFIX4)) stale.push(key);
+        if (key !== null && key.startsWith(STORAGE_PREFIX3)) stale.push(key);
       }
       for (const key of stale) window.localStorage.removeItem(key);
     } catch {
@@ -5439,7 +5633,7 @@ var IDENTITY_COMPLAINTS = {
   unverified: "Median: the user hash passed to <MedianSupport> did not match. Sign the same string you pass as `user.id` with the Median key that produced this widget id. Until it matches, this visitor gets a conversation of their own on every device.",
   unconfigured: "Median: a user hash was passed to <MedianSupport>, but its widget id and hash came from different Median keys. Derive both from the same key."
 };
-function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagnostics, appState, requireEmail = true) {
+function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagnostics, appState, requireEmail = true, messagePreview = true) {
   const sessionId = useSyncExternalStore7(
     subscribeSession,
     useCallback11(() => getOrCreateSessionId(apiKey), [apiKey]),
@@ -5482,8 +5676,8 @@ function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagn
   ) ?? false;
   const now = useNow(hasLiveDots ? 1e3 : 6e4);
   const takeDiagnostics = useDiagnostics(diagnostics, appState);
-  const [isSending, setIsSending] = useState15(false);
-  const [sendError, setSendError] = useState15(null);
+  const [isSending, setIsSending] = useState17(false);
+  const [sendError, setSendError] = useState17(null);
   const agent = useMemo2(
     () => config === void 0 ? null : {
       id: "median-agent",
@@ -5556,15 +5750,17 @@ function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagn
       team: [...[...humans.values()].slice(-2), agent]
     };
   }, [config, agent, messages]);
-  const [lastSeenAt, setLastSeenAt] = useState15(() => readLastSeenAt(apiKey));
-  const unreadCount = useMemo2(
+  const [lastSeenAt, setLastSeenAt] = useState17(() => readLastSeenAt(apiKey));
+  const unread = useMemo2(
     () => messages.filter(
       (message) => message.sender === "agent" && !message.pending && (message.sentAt ?? 0) > lastSeenAt
-    ).length,
+    ),
     [messages, lastSeenAt]
   );
-  const [picked, setPicked] = useState15(null);
-  const [skipped, setSkipped] = useState15(
+  const unreadCount = unread.length;
+  const latestUnread = messagePreview && (config?.messagePreview ?? true) ? unread[unread.length - 1] ?? null : null;
+  const [picked, setPicked] = useState17(null);
+  const [skipped, setSkipped] = useState17(
     () => readSkippedRatings(apiKey)
   );
   const conversationId = thread?.conversationId ?? null;
@@ -5604,7 +5800,7 @@ function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagn
     const custom = takeCustomData();
     try {
       const attachments = await uploadAttachments(
-        () => generateUploadUrl({ apiKey }),
+        () => generateUploadUrl({ apiKey, sessionId }),
         files
       );
       const context = telemetry ? collectContext() : void 0;
@@ -5676,6 +5872,8 @@ function useMedianThread(apiKey, user, telemetry = true, isLocked = false, diagn
     rating,
     /** Replies that arrived while they were not looking. */
     unreadCount,
+    /** The newest of those, for the card on the closed button. */
+    latestUnread,
     markSeen,
     /** Say the panel is on screen, so replies are not also emailed. */
     reportPresence,
@@ -5890,7 +6088,7 @@ var MedianErrorBoundary = class extends Component {
 };
 
 // ../../apps/web/src/components/support-widget/sdk/use-identity.ts
-import { useEffect as useEffect18, useState as useState16 } from "react";
+import { useEffect as useEffect18, useState as useState18 } from "react";
 var NOTHING = {
   apiKey: void 0,
   user: void 0,
@@ -5927,7 +6125,7 @@ function useMissingCredentials(component, apiKey, endpoint) {
   }, [component, apiKey, endpoint]);
 }
 function useMedianIdentity(endpoint) {
-  const [answered, setAnswered] = useState16(null);
+  const [answered, setAnswered] = useState18(null);
   useEffect18(() => {
     if (endpoint === void 0) return;
     let listening = true;
@@ -6314,7 +6512,7 @@ function useMessageSound({
 }
 
 // ../../apps/web/src/components/support-widget/sdk/use-navigation.ts
-import { useLayoutEffect as useLayoutEffect6, useRef as useRef15, useState as useState17 } from "react";
+import { useLayoutEffect as useLayoutEffect7, useRef as useRef15, useState as useState19 } from "react";
 var isDevelopment2 = typeof process !== "undefined" && process.env.NODE_ENV === "development";
 var STALE_AFTER_MS = 5 * 60 * 1e3;
 function pathOnThisSite(destination) {
@@ -6353,8 +6551,8 @@ function useSupportNavigation({
 }) {
   const seen = useRef15(null);
   const watching = useRef15(null);
-  const [direction, setDirection] = useState17(null);
-  useLayoutEffect6(() => {
+  const [direction, setDirection] = useState19(null);
+  useLayoutEffect7(() => {
     if (isLoading) return;
     const asked = directed(messages, ask);
     if (seen.current === null || watching.current !== conversationId) {
@@ -6399,18 +6597,45 @@ function useSupportNavigation({
   return direction;
 }
 
+// ../../apps/web/src/components/support-widget/sdk/use-teaser.ts
+import { useCallback as useCallback12, useState as useState20 } from "react";
+
+// ../../apps/web/src/components/support-widget/sdk/teaser-state.ts
+var TEASER = "teaser";
+function readTeaserDismissedAt(apiKey) {
+  return readStamp(TEASER, apiKey);
+}
+function writeTeaserDismissedAt(apiKey, at2) {
+  writeStamp(TEASER, apiKey, at2);
+}
+
+// ../../apps/web/src/components/support-widget/sdk/use-teaser.ts
+function useTeaser(apiKey, latestUnread) {
+  const [dismissedAt, setDismissedAt] = useState20(
+    () => readTeaserDismissedAt(apiKey)
+  );
+  const teaser = latestUnread !== null && (latestUnread.sentAt ?? 0) > dismissedAt ? latestUnread : null;
+  const dismiss = useCallback12(() => {
+    if (teaser === null) return;
+    const at2 = teaser.sentAt ?? Date.now();
+    writeTeaserDismissedAt(apiKey, at2);
+    setDismissedAt(at2);
+  }, [apiKey, teaser]);
+  return { teaser, dismiss };
+}
+
 // ../../apps/web/src/components/support-widget/sdk/median-support.tsx
-import { Fragment as Fragment26, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var PRESENCE_BEAT_MS = 45e3;
 function MedianSupport(props) {
-  return /* @__PURE__ */ jsx33(MedianSupportPreview, { ...props });
+  return /* @__PURE__ */ jsx35(MedianSupportPreview, { ...props });
 }
 function MedianSupportPreview({
   defaultOpen = false,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(MedianErrorBoundary, { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(MedianErrorBoundary, { children: /* @__PURE__ */ jsx35(
     MedianIdentity,
     {
       ...props,
@@ -6424,7 +6649,7 @@ function MedianIdentity({ apiKey, identity, user, ...rest }) {
   useMissingCredentials("MedianSupport", apiKey, identity);
   const key = apiKey ?? resolved.apiKey;
   if (key === void 0) return null;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     MedianConnection,
     {
       ...rest,
@@ -6444,7 +6669,7 @@ function useApiKeyShapeWarning(apiKey) {
   }, [apiKey]);
 }
 function MedianConnection(props) {
-  const [client2] = useState18(() => {
+  const [client2] = useState21(() => {
     if (!MEDIAN_DEPLOYMENT_URL) {
       throw new Error(
         "The Median widget was built without a deployment URL. Set NEXT_PUBLIC_CONVEX_URL."
@@ -6452,7 +6677,7 @@ function MedianConnection(props) {
     }
     return new ConvexReactClient(MEDIAN_DEPLOYMENT_URL);
   });
-  return /* @__PURE__ */ jsx33(ConvexProvider, { client: client2, children: /* @__PURE__ */ jsx33(MedianLauncher, { ...props }) });
+  return /* @__PURE__ */ jsx35(ConvexProvider, { client: client2, children: /* @__PURE__ */ jsx35(MedianLauncher, { ...props }) });
 }
 function MedianLauncher({
   apiKey,
@@ -6463,6 +6688,7 @@ function MedianLauncher({
   requireSignIn = false,
   onSignIn,
   requireEmail = true,
+  messagePreview = true,
   launcher,
   defaultOpen,
   open,
@@ -6492,6 +6718,7 @@ function MedianLauncher({
     awaitingHuman,
     rating,
     unreadCount,
+    latestUnread,
     markSeen,
     reportPresence,
     sendError,
@@ -6504,8 +6731,10 @@ function MedianLauncher({
     isLocked,
     diagnostics,
     appState,
-    requireEmail
+    requireEmail,
+    messagePreview
   );
+  const { teaser, dismiss: dismissTeaser } = useTeaser(apiKey, latestUnread);
   const isSettling = isLoading || isResolvingIdentity;
   useEffect20(() => {
     if (isOpen) markSeen();
@@ -6553,19 +6782,19 @@ function MedianLauncher({
     team: []
   };
   const mover = resolvedPresence.team.find((member) => member.kind === "ai");
-  return /* @__PURE__ */ jsxs18(Fragment26, { children: [
-    direction?.selector != null && /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs19(Fragment27, { children: [
+    direction?.selector != null && /* @__PURE__ */ jsx35(
       WidgetSpotlight,
       {
         selector: direction.selector
       },
       `ring:${direction.key}`
     ),
-    direction?.didNavigate === true && mover !== void 0 && /* @__PURE__ */ jsxs18(WidgetToast, { agent: mover, children: [
+    direction?.didNavigate === true && mover !== void 0 && /* @__PURE__ */ jsxs19(WidgetToast, { agent: mover, children: [
       mover.name,
       " navigated you here"
     ] }, `moved:${direction.key}`),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx35(
       SupportLauncher,
       {
         presence: resolvedPresence,
@@ -6581,6 +6810,8 @@ function MedianLauncher({
         awaitingHuman,
         rating,
         unreadCount,
+        teaser,
+        onDismissTeaser: dismissTeaser,
         notice: sendError,
         launcher,
         open: isOpen,
@@ -6593,7 +6824,7 @@ function MedianLauncher({
 
 // ../../apps/web/src/components/support-widget/sdk/mount.tsx
 import { createRoot } from "react-dom/client";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var isDevelopment3 = typeof process !== "undefined" && process.env.NODE_ENV === "development";
 function mountMedianSupport(options) {
   if (typeof document === "undefined") {
@@ -6611,7 +6842,7 @@ function mountMedianSupport(options) {
   let current2 = options;
   let mounted = true;
   const render = () => {
-    root.render(/* @__PURE__ */ jsx34(MedianSupport, { ...current2 }));
+    root.render(/* @__PURE__ */ jsx36(MedianSupport, { ...current2 }));
   };
   render();
   return {
@@ -6638,13 +6869,20 @@ function mountMedianSupport(options) {
 
 // ../../apps/web/src/components/support-widget/sdk/median-feedback.tsx
 import { ConvexProvider as ConvexProvider2, ConvexReactClient as ConvexReactClient2 } from "convex/react";
-import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef17, useState as useState22 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect23, useRef as useRef18, useState as useState25 } from "react";
 
 // ../backend/convex/shared/feedback.ts
 var NOTE_MAX_LENGTH = 2e3;
 
+// ../backend/convex/shared/reportImages.ts
+var MAX_REPORT_IMAGES = 6;
+
 // ../../apps/web/src/components/support-widget/feedback/feedback-panel.tsx
-import { useEffect as useEffect22, useState as useState20 } from "react";
+import {
+  useEffect as useEffect22,
+  useRef as useRef17,
+  useState as useState23
+} from "react";
 
 // ../../apps/web/src/components/support-widget/feedback/feedback-popover.tsx
 import { useEffect as useEffect21, useRef as useRef16 } from "react";
@@ -6661,8 +6899,8 @@ function useHydrated() {
 }
 
 // ../../apps/web/src/components/support-widget/feedback/use-anchor.ts
-import { useLayoutEffect as useLayoutEffect7, useState as useState19 } from "react";
-var GAP = 8;
+import { useLayoutEffect as useLayoutEffect8, useState as useState22 } from "react";
+var GAP2 = 8;
 var MARGIN2 = 16;
 function findAnchor(selector) {
   if (selector === void 0 || typeof document === "undefined") return null;
@@ -6681,8 +6919,8 @@ function useAnchor({
   panelRef,
   isOpen
 }) {
-  const [side, setSide] = useState19("bottom");
-  useLayoutEffect7(() => {
+  const [side, setSide] = useState22("bottom");
+  useLayoutEffect8(() => {
     if (!isOpen) return;
     let frame = 0;
     function place() {
@@ -6702,11 +6940,11 @@ function useAnchor({
         return;
       }
       const rect = trigger.getBoundingClientRect();
-      const below = room.height - rect.bottom - GAP - MARGIN2;
-      const above = rect.top - GAP - MARGIN2;
+      const below = room.height - rect.bottom - GAP2 - MARGIN2;
+      const above = rect.top - GAP2 - MARGIN2;
       const onTop = height > below && above > below;
       setSide(onTop ? "top" : "bottom");
-      const top = onTop ? rect.top - GAP - height : rect.bottom + GAP;
+      const top = onTop ? rect.top - GAP2 - height : rect.bottom + GAP2;
       const fromStart = rect.left;
       const fromEnd = rect.right - width;
       const left = fromStart + width + MARGIN2 <= room.width ? fromStart : fromEnd;
@@ -6736,7 +6974,7 @@ function clamp3(value, low, high) {
 }
 
 // ../../apps/web/src/components/support-widget/feedback/feedback-popover.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var LAYER3 = 2147483e3;
 var AUTOFOCUS_ATTRIBUTE = "data-median-autofocus";
 var MOTION = "transition-[opacity,scale,translate] motion-reduce:transition-none";
@@ -6793,7 +7031,7 @@ function FeedbackPopover({
   }, [isOpen, triggerRef]);
   if (!isHydrated) return null;
   return createPortal3(
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx37(
       "div",
       {
         ref: panelRef,
@@ -6831,7 +7069,7 @@ function FeedbackPopover({
 }
 
 // ../../apps/web/src/components/support-widget/feedback/feedback-panel.tsx
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 var THANKS_MS2 = 1600;
 function FeedbackPanel({
   onSubmit,
@@ -6844,10 +7082,16 @@ function FeedbackPanel({
   placeholder = "What should change?",
   className
 }) {
-  const [draft, setDraft] = useState20("");
-  const [isSending, setSending] = useState20(false);
-  const [isSent, setSent] = useState20(false);
-  const canSend = draft.trim().length > 0 && !isSending && !isSent;
+  const [draft, setDraft] = useState23("");
+  const [isSending, setSending] = useState23(false);
+  const [isSent, setSent] = useState23(false);
+  const fileInputRef = useRef17(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;
   useEffect22(() => {
     if (!isSent) return;
     const timer = setTimeout(() => onSent?.(), THANKS_MS2);
@@ -6857,24 +7101,30 @@ function FeedbackPanel({
     if (!canSend) return;
     setSending(true);
     try {
-      await onSubmit?.(draft.trim());
+      await onSubmit?.(draft.trim(), images.files);
     } catch {
       return;
     } finally {
       setSending(false);
     }
+    images.clear();
     setSent(true);
   }
+  function handlePick(event) {
+    if (event.target.files?.length) images.add(event.target.files);
+    event.target.value = "";
+  }
   function handleKeyDown(event) {
     if (event.key !== "Enter") return;
     if (!event.metaKey && !event.ctrlKey) return;
     event.preventDefault();
     void send();
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "section",
     {
       "aria-label": title,
+      ...target.targetProps,
       className: cn(
         // The widget's own radius scale, so the app's token can climb as the
         // chrome gets rounder without this changing shape under its hosts.
@@ -6882,12 +7132,12 @@ function FeedbackPanel({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs19("header", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ jsx36("h2", { className: "truncate text-sm font-semibold tracking-tight", children: title }),
-            /* @__PURE__ */ jsx36("p", { className: "text-xs text-muted-foreground", children: description })
+        /* @__PURE__ */ jsxs20("header", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx38("h2", { className: "truncate text-sm font-semibold tracking-tight", children: title }),
+            /* @__PURE__ */ jsx38("p", { className: "text-xs text-muted-foreground", children: description })
           ] }),
-          onClose && /* @__PURE__ */ jsx36(
+          onClose && /* @__PURE__ */ jsx38(
             WidgetButton,
             {
               type: "button",
@@ -6896,13 +7146,13 @@ function FeedbackPanel({
               onClick: onClose,
               "aria-label": "Close feedback",
               className: "-mt-0.5 -mr-1 shrink-0 text-muted-foreground",
-              children: /* @__PURE__ */ jsx36(X, {})
+              children: /* @__PURE__ */ jsx38(X, {})
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "grid", children: [
-          /* @__PURE__ */ jsx36(Collapse, { isOpen: !isSent, children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsxs20("div", { className: "grid", children: [
+          /* @__PURE__ */ jsx38(Collapse, { isOpen: !isSent, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx38(
               Textarea,
               {
                 rows: 3,
@@ -6910,7 +7160,7 @@ function FeedbackPanel({
                 maxLength: NOTE_MAX_LENGTH,
                 onChange: (event) => setDraft(event.target.value),
                 onKeyDown: handleKeyDown,
-                placeholder,
+                placeholder: target.isDropTarget ? "Drop to attach" : placeholder,
                 "aria-label": title,
                 ...{ [AUTOFOCUS_ATTRIBUTE]: "" },
                 className: cn(
@@ -6922,44 +7172,79 @@ function FeedbackPanel({
                 )
               }
             ),
-            notice && /* @__PURE__ */ jsx36("p", { className: "animate-in px-0.5 text-xs text-destructive fade-in duration-150", children: notice })
+            images.drafts.length > 0 && /* @__PURE__ */ jsx38("div", { className: "flex flex-wrap gap-1.5", children: images.drafts.map((draft2) => /* @__PURE__ */ jsx38(
+              AttachmentDraftChip,
+              {
+                draft: draft2,
+                onRemove: () => images.remove(draft2.id)
+              },
+              draft2.id
+            )) }),
+            notice && /* @__PURE__ */ jsx38("p", { className: "animate-in px-0.5 text-xs text-destructive fade-in duration-150", children: notice })
           ] }) }),
-          /* @__PURE__ */ jsx36(Collapse, { isOpen: isSent, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-center gap-2 py-4 text-sm font-medium", children: [
-            /* @__PURE__ */ jsx36("span", { className: "grid size-5 shrink-0 place-items-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx36(Check, { className: "size-3" }) }),
+          /* @__PURE__ */ jsx38(Collapse, { isOpen: isSent, children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-center gap-2 py-4 text-sm font-medium", children: [
+            /* @__PURE__ */ jsx38("span", { className: "grid size-5 shrink-0 place-items-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx38(Check, { className: "size-3" }) }),
             "Thanks, we got it."
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-h-8 items-center gap-2", children: [
-          showBadge && /* @__PURE__ */ jsx36(PoweredByMedian, { className: "justify-start" }),
-          !isSent && /* @__PURE__ */ jsxs19(
-            WidgetButton,
-            {
-              type: "button",
-              disabled: !canSend,
-              "aria-busy": isSending,
-              onClick: () => void send(),
-              className: "relative ml-auto shrink-0 rounded-full px-3",
-              children: [
-                /* @__PURE__ */ jsx36(
-                  "span",
-                  {
-                    className: cn(
-                      "transition-opacity duration-150 motion-reduce:transition-none",
-                      isSending && "opacity-0"
-                    ),
-                    children: "Submit feedback"
-                  }
-                ),
-                isSending && /* @__PURE__ */ jsx36(
-                  ArrowsClockwise,
-                  {
-                    "aria-hidden": true,
-                    className: "absolute inset-0 m-auto animate-spin motion-reduce:animate-none"
-                  }
-                )
-              ]
-            }
-          )
+        /* @__PURE__ */ jsxs20("div", { className: "flex min-h-8 items-center gap-2", children: [
+          showBadge && /* @__PURE__ */ jsx38(PoweredByMedian, { className: "justify-start" }),
+          !isSent && /* @__PURE__ */ jsxs20(Fragment28, { children: [
+            /* @__PURE__ */ jsx38(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept: "image/*",
+                multiple: true,
+                tabIndex: -1,
+                onChange: handlePick,
+                className: "sr-only"
+              }
+            ),
+            /* @__PURE__ */ jsx38(
+              WidgetButton,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                disabled: images.isFull,
+                onClick: () => fileInputRef.current?.click(),
+                "aria-label": "Add a picture",
+                className: "ml-auto shrink-0 rounded-full text-muted-foreground",
+                children: /* @__PURE__ */ jsx38(ImageSquare, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs20(
+              WidgetButton,
+              {
+                type: "button",
+                disabled: !canSend,
+                "aria-busy": isSending,
+                onClick: () => void send(),
+                className: "relative shrink-0 rounded-full px-3",
+                children: [
+                  /* @__PURE__ */ jsx38(
+                    "span",
+                    {
+                      className: cn(
+                        "transition-opacity duration-150 motion-reduce:transition-none",
+                        isSending && "opacity-0"
+                      ),
+                      children: "Submit feedback"
+                    }
+                  ),
+                  isSending && /* @__PURE__ */ jsx38(
+                    ArrowsClockwise,
+                    {
+                      "aria-hidden": true,
+                      className: "absolute inset-0 m-auto animate-spin motion-reduce:animate-none"
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
         ] })
       ]
     }
@@ -7011,7 +7296,7 @@ function useRegisterMedianFeedback() {
 
 // ../../apps/web/src/components/support-widget/sdk/use-feedback-note.ts
 import { useMutation as useMutation2 } from "convex/react";
-import { useCallback as useCallback12, useState as useState21, useSyncExternalStore as useSyncExternalStore12 } from "react";
+import { useCallback as useCallback13, useState as useState24, useSyncExternalStore as useSyncExternalStore12 } from "react";
 var REFUSALS = {
   off: "This site is not taking feedback right now.",
   empty: "Write something first."
@@ -7025,14 +7310,15 @@ function useFeedbackNote({
 }) {
   const sessionId = useSyncExternalStore12(
     subscribeSession,
-    useCallback12(() => getOrCreateSessionId(apiKey), [apiKey]),
+    useCallback13(() => getOrCreateSessionId(apiKey), [apiKey]),
     () => null
   );
   const submitNote = useMutation2(api.feedback.submit);
+  const getUploadUrl = useMutation2(api.widget.generateUploadUrl);
   const takeDiagnostics = useDiagnostics(diagnostics, appState);
-  const [notice, setNotice] = useState21(null);
-  const submit = useCallback12(
-    async (body) => {
+  const [notice, setNotice] = useState24(null);
+  const submit = useCallback13(
+    async (body, images = []) => {
       setNotice(null);
       if (sessionId === null) {
         setNotice("This browser is still waking up. Try again in a moment.");
@@ -7045,6 +7331,10 @@ function useFeedbackNote({
         const page = telemetry ? collectPage() : void 0;
         const collected = takeDiagnostics();
         const { facts, claim } = splitIdentity(user ?? null);
+        const attached = await uploadAttachments(
+          () => getUploadUrl({ apiKey, sessionId }),
+          images
+        );
         const outcome = await submitNote({
           apiKey,
           sessionId,
@@ -7054,7 +7344,8 @@ function useFeedbackNote({
           ...context ? { context } : {},
           ...page ? { page } : {},
           ...collected ? { diagnostics: collected } : {},
-          ...custom ? { customData: custom } : {}
+          ...custom ? { customData: custom } : {},
+          ...attached.length > 0 ? { images: attached } : {}
         });
         if (outcome !== "taken") {
           explained = true;
@@ -7070,16 +7361,24 @@ function useFeedbackNote({
         throw caught;
       }
     },
-    [apiKey, sessionId, user, telemetry, takeDiagnostics, submitNote]
+    [
+      apiKey,
+      sessionId,
+      user,
+      telemetry,
+      takeDiagnostics,
+      submitNote,
+      getUploadUrl
+    ]
   );
   return { submit, notice, clearNotice: () => setNotice(null) };
 }
 
 // ../../apps/web/src/components/support-widget/sdk/median-feedback.tsx
-import { Fragment as Fragment27, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_WIDTH2 = "20rem";
 function MedianFeedback(props) {
-  return /* @__PURE__ */ jsx37(MedianErrorBoundary, { children: /* @__PURE__ */ jsx37(FeedbackIdentity, { ...props }) });
+  return /* @__PURE__ */ jsx39(MedianErrorBoundary, { children: /* @__PURE__ */ jsx39(FeedbackIdentity, { ...props }) });
 }
 function FeedbackIdentity({
   apiKey,
@@ -7092,7 +7391,7 @@ function FeedbackIdentity({
   const key = apiKey ?? resolved.apiKey;
   const person = user ?? resolved.user;
   if (key === void 0) return null;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     FeedbackConnection,
     {
       ...rest,
@@ -7111,7 +7410,7 @@ function useApiKeyShapeWarning2(apiKey) {
   }, [apiKey]);
 }
 function FeedbackConnection(props) {
-  const [client2] = useState22(() => {
+  const [client2] = useState25(() => {
     if (!MEDIAN_DEPLOYMENT_URL) {
       throw new Error(
         "The Median feedback panel was built without a deployment URL. Set NEXT_PUBLIC_CONVEX_URL."
@@ -7119,7 +7418,7 @@ function FeedbackConnection(props) {
     }
     return new ConvexReactClient2(MEDIAN_DEPLOYMENT_URL);
   });
-  return /* @__PURE__ */ jsx37(ConvexProvider2, { client: client2, children: /* @__PURE__ */ jsx37(Feedback, { ...props }) });
+  return /* @__PURE__ */ jsx39(ConvexProvider2, { client: client2, children: /* @__PURE__ */ jsx39(Feedback, { ...props }) });
 }
 function Feedback({
   apiKey,
@@ -7139,7 +7438,7 @@ function Feedback({
   useRegisterMedianFeedback();
   useApiKeyShapeWarning2(apiKey);
   useRememberInstall(apiKey, user);
-  const triggerRef = useRef17(null);
+  const triggerRef = useRef18(null);
   const [isOpen, setOpen] = useMedianFeedbackOpenState({
     ...open !== void 0 ? { open } : {},
     ...onOpenChange ? { onOpenChange } : {}
@@ -7151,20 +7450,20 @@ function Feedback({
     ...diagnostics !== void 0 ? { diagnostics } : {},
     ...appState ? { appState } : {}
   });
-  const close = useCallback13(() => setOpen(false), [setOpen]);
-  const [attempt, setAttempt] = useState22(0);
-  const hasSent = useRef17(false);
+  const close = useCallback14(() => setOpen(false), [setOpen]);
+  const [attempt, setAttempt] = useState25(0);
+  const hasSent = useRef18(false);
   useEffect23(() => {
     if (!isOpen || !hasSent.current) return;
     hasSent.current = false;
     setAttempt((count) => count + 1);
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs20(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment29, { children: [
     children !== void 0 && // An inline span rather than a clone of whatever was passed: the
     // host's trigger keeps its own props, its own ref and its own
     // styles, and the click is caught on the way past. `display:
     // contents` would lose the rectangle the panel is measured against.
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       "span",
       {
         ref: triggerRef,
@@ -7173,7 +7472,7 @@ function Feedback({
         children
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       FeedbackPopover,
       {
         isOpen,
@@ -7181,7 +7480,7 @@ function Feedback({
         triggerRef,
         ...anchor !== void 0 ? { anchor } : {},
         width,
-        children: /* @__PURE__ */ jsx37(
+        children: /* @__PURE__ */ jsx39(
           FeedbackPanel,
           {
             onSubmit: note.submit,
@@ -7204,7 +7503,7 @@ function Feedback({
 
 // ../../apps/web/src/components/support-widget/sdk/mount-feedback.tsx
 import { createRoot as createRoot2 } from "react-dom/client";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function mountMedianFeedback(options) {
   if (typeof document === "undefined") {
     console.error(
@@ -7221,7 +7520,7 @@ function mountMedianFeedback(options) {
   let current2 = options;
   let mounted = true;
   const render = () => {
-    root.render(/* @__PURE__ */ jsx38(MedianFeedback, { ...current2 }));
+    root.render(/* @__PURE__ */ jsx40(MedianFeedback, { ...current2 }));
   };
   render();
   return {