@coristen/widget 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
@@ -204,12 +205,160 @@ __export(exports_env, {
 
 // src/index.tsx
 import {
+  Component,
   useCallback as useCallback13,
-  useEffect as useEffect18,
+  useEffect as useEffect19,
   useMemo as useMemo21,
+  useRef as useRef34,
   useState as useState18
 } from "react";
 import { ConvexProvider, ConvexReactClient } from "convex/react";
+
+// src/website-chat.tsx
+import { useEffect as useEffect18, useRef as useRef33, useState as useState17 } from "react";
+import { useMutation, useQuery } from "convex/react";
+
+// ../../node_modules/.bun/dither-avatar@1.0.0+0f58469d5b3bd39f/node_modules/dither-avatar/dist/react.mjs
+import { jsx } from "react/jsx-runtime";
+var GRID = 34;
+var SIZE = 200;
+var SCALE = 6;
+var BAYER_4X4 = [
+  [0, 8, 2, 10],
+  [12, 4, 14, 6],
+  [3, 11, 1, 9],
+  [15, 7, 13, 5]
+];
+function hashString(str) {
+  let h = 0;
+  for (let i = 0;i < str.length; i++) {
+    h = (h << 5) - h + str.charCodeAt(i) | 0;
+  }
+  return Math.abs(h);
+}
+function hashMultiple(str, count) {
+  const results = [];
+  for (let i = 0;i < count; i++) {
+    results.push(hashString(str + ":" + i));
+  }
+  return results;
+}
+function hslToHex(h, s, l) {
+  s /= 100;
+  l /= 100;
+  const k = (n) => (n + h / 30) % 12;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  const toHex = (v) => Math.round(v * 255).toString(16).padStart(2, "0");
+  return `#${toHex(f(0))}${toHex(f(8))}${toHex(f(4))}`;
+}
+function generateColors(seed) {
+  const [hueHash] = hashMultiple(seed, 1);
+  const hue = hueHash % 360;
+  return {
+    fill: hslToHex(hue, 85, 30),
+    stroke: hslToHex(hue, 90, 65)
+  };
+}
+function generateDensityGrid(seed) {
+  const [angleHash, offsetHash] = hashMultiple(seed, 2);
+  const angle = angleHash % 360 * (Math.PI / 180);
+  const offset = offsetHash % 100 / 100 * 0.4 - 0.2;
+  const cosA = Math.cos(angle);
+  const sinA = Math.sin(angle);
+  const grid = [];
+  for (let y = 0;y < GRID; y++) {
+    const row = [];
+    for (let x = 0;x < GRID; x++) {
+      const nx = x / (GRID - 1) * 2 - 1;
+      const ny = y / (GRID - 1) * 2 - 1;
+      const projected = nx * cosA + ny * sinA;
+      const density = (projected + 1 + offset) / 2;
+      row.push(Math.max(0, Math.min(1, density)));
+    }
+    grid.push(row);
+  }
+  return grid;
+}
+function dither(density) {
+  const result = [];
+  for (let y = 0;y < GRID; y++) {
+    const row = [];
+    for (let x = 0;x < GRID; x++) {
+      const bayer = BAYER_4X4[y % 4][x % 4] / 16;
+      row.push(density[y][x] >= bayer ? 1 : 0);
+    }
+    result.push(row);
+  }
+  return result;
+}
+function bitmapToPath(pixels) {
+  const parts = [];
+  for (let y = 0;y < GRID; y++) {
+    const row = pixels[y];
+    const segments = [];
+    let x = 0;
+    while (x < GRID) {
+      if (row[x] === 1) {
+        const start = x;
+        while (x < GRID && row[x] === 1)
+          x++;
+        segments.push({ start, len: x - start });
+      } else {
+        x++;
+      }
+    }
+    if (segments.length === 0)
+      continue;
+    let pathStr = `M${segments[0].start} ${y}`;
+    let cursorX = segments[0].start;
+    pathStr += `h${segments[0].len}`;
+    cursorX += segments[0].len;
+    for (let i = 1;i < segments.length; i++) {
+      const gap = segments[i].start - cursorX;
+      pathStr += `m${gap} 0h${segments[i].len}`;
+      cursorX = segments[i].start + segments[i].len;
+    }
+    parts.push(pathStr);
+  }
+  return parts.join("");
+}
+function generateDitherAvatar(seed) {
+  const { fill, stroke } = generateColors(seed);
+  const density = generateDensityGrid(seed);
+  const pixels = dither(density);
+  const path = bitmapToPath(pixels);
+  const autoScale = SIZE / GRID;
+  const effectiveScale = autoScale * (SCALE / 6);
+  const halfGrid = GRID / 2;
+  const transform = `translate(${SIZE / 2},${SIZE / 2})scale(${effectiveScale})translate(-${halfGrid},-${halfGrid})`;
+  return [
+    `<svg width="${SIZE}" height="${SIZE}" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">`,
+    `<rect width="${SIZE}" height="${SIZE}" fill="${fill}"/>`,
+    `<path fill="none" stroke="${stroke}" transform="${transform}" d="${path}"/>`,
+    `</svg>`
+  ].join("");
+}
+function ditherAvatarDataUri(seed) {
+  const svg = generateDitherAvatar(seed);
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+function DitherAvatar({
+  seed,
+  size = 40,
+  className,
+  style
+}) {
+  const uri = ditherAvatarDataUri(seed);
+  return /* @__PURE__ */ jsx("img", {
+    src: uri,
+    alt: "",
+    width: size,
+    height: size,
+    className,
+    style: { borderRadius: "50%", ...style }
+  });
+}
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ArrowLeft.es.js
 import * as o2 from "react";
 
@@ -473,447 +622,263 @@ var t = /* @__PURE__ */ new Map([
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/CaretRight.es.js
 var e8 = t2.forwardRef((o, r) => /* @__PURE__ */ t2.createElement(p, { ref: r, ...o, weights: t }));
 e8.displayName = "CaretRightIcon";
-// ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ChatText.es.js
-import * as t3 from "react";
-
-// ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/ChatText.es.js
-import * as a6 from "react";
-var e9 = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,44H40A20,20,0,0,0,20,64V224A19.82,19.82,0,0,0,31.56,242.1a20.14,20.14,0,0,0,8.49,1.9,19.91,19.91,0,0,0,12.82-4.72l.12-.11L84.47,212H216a20,20,0,0,0,20-20V64A20,20,0,0,0,216,44Zm-4,144H80a11.93,11.93,0,0,0-7.84,2.92L44,215.23V68H212ZM84,108A12,12,0,0,1,96,96h64a12,12,0,1,1,0,24H96A12,12,0,0,1,84,108Zm0,40a12,12,0,0,1,12-12h64a12,12,0,0,1,0,24H96A12,12,0,0,1,84,148Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", {
-      d: "M224,64V192a8,8,0,0,1-8,8H80L45.15,230.11A8,8,0,0,1,32,224V64a8,8,0,0,1,8-8H216A8,8,0,0,1,224,64Z",
-      opacity: "0.2"
-    }), /* @__PURE__ */ a6.createElement("path", { d: "M216,48H40A16,16,0,0,0,24,64V224a15.85,15.85,0,0,0,9.24,14.5A16.13,16.13,0,0,0,40,240a15.89,15.89,0,0,0,10.25-3.78l.09-.07L83,208H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,224h0ZM216,192H80a8,8,0,0,0-5.23,1.95L40,224V64H216ZM88,112a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm0,32a8,8,0,0,1,8-8h64a8,8,0,1,1,0,16H96A8,8,0,0,1,88,144Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,48H40A16,16,0,0,0,24,64V224a15.84,15.84,0,0,0,9.25,14.5A16.05,16.05,0,0,0,40,240a15.89,15.89,0,0,0,10.25-3.78l.09-.07L83,208H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM160,152H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,50H40A14,14,0,0,0,26,64V224a13.88,13.88,0,0,0,8.09,12.69A14.11,14.11,0,0,0,40,238a13.87,13.87,0,0,0,9-3.31l.06-.05L82.23,206H216a14,14,0,0,0,14-14V64A14,14,0,0,0,216,50Zm2,142a2,2,0,0,1-2,2H80a6,6,0,0,0-3.92,1.46L41.26,225.53A2,2,0,0,1,38,224V64a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2Zm-52-80a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,112Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,144Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,48H40A16,16,0,0,0,24,64V224a15.85,15.85,0,0,0,9.24,14.5A16.13,16.13,0,0,0,40,240a15.89,15.89,0,0,0,10.25-3.78l.09-.07L83,208H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,224h0ZM216,192H80a8,8,0,0,0-5.23,1.95L40,224V64H216ZM88,112a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm0,32a8,8,0,0,1,8-8h64a8,8,0,1,1,0,16H96A8,8,0,0,1,88,144Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,52H40A12,12,0,0,0,28,64V224a11.89,11.89,0,0,0,6.93,10.88A12.17,12.17,0,0,0,40,236a11.89,11.89,0,0,0,7.69-2.83l0,0L81.49,204H216a12,12,0,0,0,12-12V64A12,12,0,0,0,216,52Zm4,140a4,4,0,0,1-4,4H80a4,4,0,0,0-2.62,1L42.56,227.06A4,4,0,0,1,36,224V64a4,4,0,0,1,4-4H216a4,4,0,0,1,4,4Zm-56-80a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,112Zm0,32a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,144Z" }))
-  ]
-]);
-
-// ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ChatText.es.js
-var e10 = t3.forwardRef((o, a) => /* @__PURE__ */ t3.createElement(p, { ref: a, ...o, weights: e9 }));
-e10.displayName = "ChatTextIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ClockCounterClockwise.es.js
 import * as o7 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/ClockCounterClockwise.es.js
-import * as a7 from "react";
-var e11 = /* @__PURE__ */ new Map([
+import * as a6 from "react";
+var e9 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z", opacity: "0.2" }), /* @__PURE__ */ a7.createElement("path", { d: "M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z", opacity: "0.2" }), /* @__PURE__ */ a6.createElement("path", { d: "M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M224,128A96,96,0,0,1,62.11,197.82a8,8,0,1,1,11-11.64A80,80,0,1,0,71.43,71.43C67.9,75,64.58,78.51,61.35,82L77.66,98.34A8,8,0,0,1,72,112H32a8,8,0,0,1-8-8V64a8,8,0,0,1,13.66-5.66L50,70.7c3.22-3.49,6.54-7,10.06-10.55A96,96,0,0,1,224,128ZM128,72a8,8,0,0,0-8,8v48a8,8,0,0,0,3.88,6.86l40,24a8,8,0,1,0,8.24-13.72L136,123.47V80A8,8,0,0,0,128,72Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M224,128A96,96,0,0,1,62.11,197.82a8,8,0,1,1,11-11.64A80,80,0,1,0,71.43,71.43C67.9,75,64.58,78.51,61.35,82L77.66,98.34A8,8,0,0,1,72,112H32a8,8,0,0,1-8-8V64a8,8,0,0,1,13.66-5.66L50,70.7c3.22-3.49,6.54-7,10.06-10.55A96,96,0,0,1,224,128ZM128,72a8,8,0,0,0-8,8v48a8,8,0,0,0,3.88,6.86l40,24a8,8,0,1,0,8.24-13.72L136,123.47V80A8,8,0,0,0,128,72Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M134,80v44.6l37.09,22.25a6,6,0,0,1-6.18,10.3l-40-24A6,6,0,0,1,122,128V80a6,6,0,0,1,12,0Zm-6-46A93.4,93.4,0,0,0,61.51,61.56c-8.58,8.68-16,17-23.51,25.8V64a6,6,0,0,0-12,0v40a6,6,0,0,0,6,6H72a6,6,0,0,0,0-12H44.73C52.86,88.29,60.79,79.35,70,70a82,82,0,1,1,1.7,117.62,6,6,0,1,0-8.24,8.72A94,94,0,1,0,128,34Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M134,80v44.6l37.09,22.25a6,6,0,0,1-6.18,10.3l-40-24A6,6,0,0,1,122,128V80a6,6,0,0,1,12,0Zm-6-46A93.4,93.4,0,0,0,61.51,61.56c-8.58,8.68-16,17-23.51,25.8V64a6,6,0,0,0-12,0v40a6,6,0,0,0,6,6H72a6,6,0,0,0,0-12H44.73C52.86,88.29,60.79,79.35,70,70a82,82,0,1,1,1.7,117.62,6,6,0,1,0-8.24,8.72A94,94,0,1,0,128,34Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M132,80v45.74l38.06,22.83a4,4,0,0,1-4.12,6.86l-40-24A4,4,0,0,1,124,128V80a4,4,0,0,1,8,0Zm-4-44A91.42,91.42,0,0,0,62.93,63C53.05,73,44.66,82.47,36,92.86V64a4,4,0,0,0-8,0v40a4,4,0,0,0,4,4H72a4,4,0,0,0,0-8H40.47C49.61,89,58.3,79,68.6,68.6a84,84,0,1,1,1.75,120.49,4,4,0,1,0-5.5,5.82A92,92,0,1,0,128,36Z" }))
+    /* @__PURE__ */ a6.createElement(a6.Fragment, null, /* @__PURE__ */ a6.createElement("path", { d: "M132,80v45.74l38.06,22.83a4,4,0,0,1-4.12,6.86l-40-24A4,4,0,0,1,124,128V80a4,4,0,0,1,8,0Zm-4-44A91.42,91.42,0,0,0,62.93,63C53.05,73,44.66,82.47,36,92.86V64a4,4,0,0,0-8,0v40a4,4,0,0,0,4,4H72a4,4,0,0,0,0-8H40.47C49.61,89,58.3,79,68.6,68.6a84,84,0,1,1,1.75,120.49,4,4,0,1,0-5.5,5.82A92,92,0,1,0,128,36Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ClockCounterClockwise.es.js
-var e12 = o7.forwardRef((c, r) => /* @__PURE__ */ o7.createElement(p, { ref: r, ...c, weights: e11 }));
-e12.displayName = "ClockCounterClockwiseIcon";
+var e10 = o7.forwardRef((c, r) => /* @__PURE__ */ o7.createElement(p, { ref: r, ...c, weights: e9 }));
+e10.displayName = "ClockCounterClockwiseIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/FileText.es.js
-import * as e14 from "react";
+import * as e12 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/FileText.es.js
-import * as a8 from "react";
-var e13 = /* @__PURE__ */ new Map([
+import * as a7 from "react";
+var e11 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Zm112-80a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,132Zm0,40a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,172Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Zm112-80a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,132Zm0,40a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,172Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M208,88H152V32Z", opacity: "0.2" }), /* @__PURE__ */ a8.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M208,88H152V32Z", opacity: "0.2" }), /* @__PURE__ */ a7.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Zm-34-82a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,136Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,168Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Zm-34-82a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,136Zm0,32a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,168Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Zm-36-84a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,136Zm0,32a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,168Z" }))
+    /* @__PURE__ */ a7.createElement(a7.Fragment, null, /* @__PURE__ */ a7.createElement("path", { d: "M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Zm-36-84a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,136Zm0,32a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,168Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/FileText.es.js
-var o8 = e14.forwardRef((t, r) => /* @__PURE__ */ e14.createElement(p, { ref: r, ...t, weights: e13 }));
+var o8 = e12.forwardRef((t, r) => /* @__PURE__ */ e12.createElement(p, { ref: r, ...t, weights: e11 }));
 o8.displayName = "FileTextIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Globe.es.js
 import * as o9 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/Globe.es.js
-import * as a9 from "react";
-var e15 = /* @__PURE__ */ new Map([
+import * as a8 from "react";
+var e13 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,187a113.4,113.4,0,0,1-20.39-35h40.82a116.94,116.94,0,0,1-10,20.77A108.61,108.61,0,0,1,128,207Zm-26.49-59a135.42,135.42,0,0,1,0-40h53a135.42,135.42,0,0,1,0,40ZM44,128a83.49,83.49,0,0,1,2.43-20H77.25a160.63,160.63,0,0,0,0,40H46.43A83.49,83.49,0,0,1,44,128Zm84-79a113.4,113.4,0,0,1,20.39,35H107.59a116.94,116.94,0,0,1,10-20.77A108.61,108.61,0,0,1,128,49Zm50.73,59h30.82a83.52,83.52,0,0,1,0,40H178.75a160.63,160.63,0,0,0,0-40Zm20.77-24H173.71a140.82,140.82,0,0,0-15.5-34.36A84.51,84.51,0,0,1,199.52,84ZM97.79,49.64A140.82,140.82,0,0,0,82.29,84H56.48A84.51,84.51,0,0,1,97.79,49.64ZM56.48,172H82.29a140.82,140.82,0,0,0,15.5,34.36A84.51,84.51,0,0,1,56.48,172Zm101.73,34.36A140.82,140.82,0,0,0,173.71,172h25.81A84.51,84.51,0,0,1,158.21,206.36Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,187a113.4,113.4,0,0,1-20.39-35h40.82a116.94,116.94,0,0,1-10,20.77A108.61,108.61,0,0,1,128,207Zm-26.49-59a135.42,135.42,0,0,1,0-40h53a135.42,135.42,0,0,1,0,40ZM44,128a83.49,83.49,0,0,1,2.43-20H77.25a160.63,160.63,0,0,0,0,40H46.43A83.49,83.49,0,0,1,44,128Zm84-79a113.4,113.4,0,0,1,20.39,35H107.59a116.94,116.94,0,0,1,10-20.77A108.61,108.61,0,0,1,128,49Zm50.73,59h30.82a83.52,83.52,0,0,1,0,40H178.75a160.63,160.63,0,0,0,0-40Zm20.77-24H173.71a140.82,140.82,0,0,0-15.5-34.36A84.51,84.51,0,0,1,199.52,84ZM97.79,49.64A140.82,140.82,0,0,0,82.29,84H56.48A84.51,84.51,0,0,1,97.79,49.64ZM56.48,172H82.29a140.82,140.82,0,0,0,15.5,34.36A84.51,84.51,0,0,1,56.48,172Zm101.73,34.36A140.82,140.82,0,0,0,173.71,172h25.81A84.51,84.51,0,0,1,158.21,206.36Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ a9.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ a8.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm78.36,64H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM216,128a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM128,43a115.27,115.27,0,0,1,26,45H102A115.11,115.11,0,0,1,128,43ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48Zm50.35,61.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm78.36,64H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM216,128a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM128,43a115.27,115.27,0,0,1,26,45H102A115.11,115.11,0,0,1,128,43ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48Zm50.35,61.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm81.57,64H169.19a132.58,132.58,0,0,0-25.73-50.67A90.29,90.29,0,0,1,209.57,90ZM218,128a89.7,89.7,0,0,1-3.83,26H171.81a155.43,155.43,0,0,0,0-52h42.36A89.7,89.7,0,0,1,218,128Zm-90,87.83a110,110,0,0,1-15.19-19.45A124.24,124.24,0,0,1,99.35,166h57.3a124.24,124.24,0,0,1-13.46,30.38A110,110,0,0,1,128,215.83ZM96.45,154a139.18,139.18,0,0,1,0-52h63.1a139.18,139.18,0,0,1,0,52ZM38,128a89.7,89.7,0,0,1,3.83-26H84.19a155.43,155.43,0,0,0,0,52H41.83A89.7,89.7,0,0,1,38,128Zm90-87.83a110,110,0,0,1,15.19,19.45A124.24,124.24,0,0,1,156.65,90H99.35a124.24,124.24,0,0,1,13.46-30.38A110,110,0,0,1,128,40.17Zm-15.46-.84A132.58,132.58,0,0,0,86.81,90H46.43A90.29,90.29,0,0,1,112.54,39.33ZM46.43,166H86.81a132.58,132.58,0,0,0,25.73,50.67A90.29,90.29,0,0,1,46.43,166Zm97,50.67A132.58,132.58,0,0,0,169.19,166h40.38A90.29,90.29,0,0,1,143.46,216.67Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm81.57,64H169.19a132.58,132.58,0,0,0-25.73-50.67A90.29,90.29,0,0,1,209.57,90ZM218,128a89.7,89.7,0,0,1-3.83,26H171.81a155.43,155.43,0,0,0,0-52h42.36A89.7,89.7,0,0,1,218,128Zm-90,87.83a110,110,0,0,1-15.19-19.45A124.24,124.24,0,0,1,99.35,166h57.3a124.24,124.24,0,0,1-13.46,30.38A110,110,0,0,1,128,215.83ZM96.45,154a139.18,139.18,0,0,1,0-52h63.1a139.18,139.18,0,0,1,0,52ZM38,128a89.7,89.7,0,0,1,3.83-26H84.19a155.43,155.43,0,0,0,0,52H41.83A89.7,89.7,0,0,1,38,128Zm90-87.83a110,110,0,0,1,15.19,19.45A124.24,124.24,0,0,1,156.65,90H99.35a124.24,124.24,0,0,1,13.46-30.38A110,110,0,0,1,128,40.17Zm-15.46-.84A132.58,132.58,0,0,0,86.81,90H46.43A90.29,90.29,0,0,1,112.54,39.33ZM46.43,166H86.81a132.58,132.58,0,0,0,25.73,50.67A90.29,90.29,0,0,1,46.43,166Zm97,50.67A132.58,132.58,0,0,0,169.19,166h40.38A90.29,90.29,0,0,1,143.46,216.67Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M128,28h0A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,190.61c-6.33-6.09-23-24.41-31.27-54.61h62.54C151,194.2,134.33,212.52,128,218.61ZM94.82,156a140.42,140.42,0,0,1,0-56h66.36a140.42,140.42,0,0,1,0,56ZM128,37.39c6.33,6.09,23,24.41,31.27,54.61H96.73C105,61.8,121.67,43.48,128,37.39ZM169.41,100h46.23a92.09,92.09,0,0,1,0,56H169.41a152.65,152.65,0,0,0,0-56Zm43.25-8h-45a129.39,129.39,0,0,0-29.19-55.4A92.25,92.25,0,0,1,212.66,92ZM117.54,36.6A129.39,129.39,0,0,0,88.35,92h-45A92.25,92.25,0,0,1,117.54,36.6ZM40.36,100H86.59a152.65,152.65,0,0,0,0,56H40.36a92.09,92.09,0,0,1,0-56Zm3,64h45a129.39,129.39,0,0,0,29.19,55.4A92.25,92.25,0,0,1,43.34,164Zm95.12,55.4A129.39,129.39,0,0,0,167.65,164h45A92.25,92.25,0,0,1,138.46,219.4Z" }))
+    /* @__PURE__ */ a8.createElement(a8.Fragment, null, /* @__PURE__ */ a8.createElement("path", { d: "M128,28h0A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,190.61c-6.33-6.09-23-24.41-31.27-54.61h62.54C151,194.2,134.33,212.52,128,218.61ZM94.82,156a140.42,140.42,0,0,1,0-56h66.36a140.42,140.42,0,0,1,0,56ZM128,37.39c6.33,6.09,23,24.41,31.27,54.61H96.73C105,61.8,121.67,43.48,128,37.39ZM169.41,100h46.23a92.09,92.09,0,0,1,0,56H169.41a152.65,152.65,0,0,0,0-56Zm43.25-8h-45a129.39,129.39,0,0,0-29.19-55.4A92.25,92.25,0,0,1,212.66,92ZM117.54,36.6A129.39,129.39,0,0,0,88.35,92h-45A92.25,92.25,0,0,1,117.54,36.6ZM40.36,100H86.59a152.65,152.65,0,0,0,0,56H40.36a92.09,92.09,0,0,1,0-56Zm3,64h45a129.39,129.39,0,0,0,29.19,55.4A92.25,92.25,0,0,1,43.34,164Zm95.12,55.4A129.39,129.39,0,0,0,167.65,164h45A92.25,92.25,0,0,1,138.46,219.4Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Globe.es.js
-var e16 = o9.forwardRef((r, t) => /* @__PURE__ */ o9.createElement(p, { ref: t, ...r, weights: e15 }));
-e16.displayName = "GlobeIcon";
+var e14 = o9.forwardRef((r, t) => /* @__PURE__ */ o9.createElement(p, { ref: t, ...r, weights: e13 }));
+e14.displayName = "GlobeIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Image.es.js
-import * as e18 from "react";
+import * as e16 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/Image.es.js
-import * as a10 from "react";
-var e17 = /* @__PURE__ */ new Map([
+import * as a9 from "react";
+var e15 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M144,96a16,16,0,1,1,16,16A16,16,0,0,1,144,96Zm92-40V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56ZM44,60v79.72l33.86-33.86a20,20,0,0,1,28.28,0L147.31,147l17.18-17.17a20,20,0,0,1,28.28,0L212,149.09V60Zm0,136H162.34L92,125.66l-48,48Zm168,0V183l-33.37-33.37L164.28,164l32,32Z" }))
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M144,96a16,16,0,1,1,16,16A16,16,0,0,1,144,96Zm92-40V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56ZM44,60v79.72l33.86-33.86a20,20,0,0,1,28.28,0L147.31,147l17.18-17.17a20,20,0,0,1,28.28,0L212,149.09V60Zm0,136H162.34L92,125.66l-48,48Zm168,0V183l-33.37-33.37L164.28,164l32,32Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", {
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", {
       d: "M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z",
       opacity: "0.2"
-    }), /* @__PURE__ */ a10.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z" }))
+    }), /* @__PURE__ */ a9.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM156,88a12,12,0,1,1-12,12A12,12,0,0,1,156,88Zm60,112H40V160.69l46.34-46.35a8,8,0,0,1,11.32,0h0L165,181.66a8,8,0,0,0,11.32-11.32l-17.66-17.65L173,138.34a8,8,0,0,1,11.31,0L216,170.07V200Z" }))
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM156,88a12,12,0,1,1-12,12A12,12,0,0,1,156,88Zm60,112H40V160.69l46.34-46.35a8,8,0,0,1,11.32,0h0L165,181.66a8,8,0,0,0,11.32-11.32l-17.66-17.65L173,138.34a8,8,0,0,1,11.31,0L216,170.07V200Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM40,54H216a2,2,0,0,1,2,2V163.57L188.53,134.1a14,14,0,0,0-19.8,0l-21.42,21.42L101.9,110.1a14,14,0,0,0-19.8,0L38,154.2V56A2,2,0,0,1,40,54ZM38,200V171.17l52.58-52.58a2,2,0,0,1,2.84,0L176.83,202H40A2,2,0,0,1,38,200Zm178,2H193.8l-38-38,21.41-21.42a2,2,0,0,1,2.83,0l38,38V200A2,2,0,0,1,216,202ZM146,100a10,10,0,1,1,10,10A10,10,0,0,1,146,100Z" }))
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM40,54H216a2,2,0,0,1,2,2V163.57L188.53,134.1a14,14,0,0,0-19.8,0l-21.42,21.42L101.9,110.1a14,14,0,0,0-19.8,0L38,154.2V56A2,2,0,0,1,40,54ZM38,200V171.17l52.58-52.58a2,2,0,0,1,2.84,0L176.83,202H40A2,2,0,0,1,38,200Zm178,2H193.8l-38-38,21.41-21.42a2,2,0,0,1,2.83,0l38,38V200A2,2,0,0,1,216,202ZM146,100a10,10,0,1,1,10,10A10,10,0,0,1,146,100Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z" }))
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M216,44H40A12,12,0,0,0,28,56V200a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A12,12,0,0,0,216,44ZM40,52H216a4,4,0,0,1,4,4V168.4l-32.89-32.89a12,12,0,0,0-17,0l-22.83,22.83-46.82-46.83a12,12,0,0,0-17,0L36,159V56A4,4,0,0,1,40,52ZM36,200V170.34l53.17-53.17a4,4,0,0,1,5.66,0L181.66,204H40A4,4,0,0,1,36,200Zm180,4H193l-40-40,22.83-22.83a4,4,0,0,1,5.66,0L220,179.71V200A4,4,0,0,1,216,204ZM148,100a8,8,0,1,1,8,8A8,8,0,0,1,148,100Z" }))
+    /* @__PURE__ */ a9.createElement(a9.Fragment, null, /* @__PURE__ */ a9.createElement("path", { d: "M216,44H40A12,12,0,0,0,28,56V200a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A12,12,0,0,0,216,44ZM40,52H216a4,4,0,0,1,4,4V168.4l-32.89-32.89a12,12,0,0,0-17,0l-22.83,22.83-46.82-46.83a12,12,0,0,0-17,0L36,159V56A4,4,0,0,1,40,52ZM36,200V170.34l53.17-53.17a4,4,0,0,1,5.66,0L181.66,204H40A4,4,0,0,1,36,200Zm180,4H193l-40-40,22.83-22.83a4,4,0,0,1,5.66,0L220,179.71V200A4,4,0,0,1,216,204ZM148,100a8,8,0,1,1,8,8A8,8,0,0,1,148,100Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Image.es.js
-var o10 = e18.forwardRef((a, m) => /* @__PURE__ */ e18.createElement(p, { ref: m, ...a, weights: e17 }));
+var o10 = e16.forwardRef((a, m) => /* @__PURE__ */ e16.createElement(p, { ref: m, ...a, weights: e15 }));
 o10.displayName = "ImageIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Paperclip.es.js
-import * as e20 from "react";
+import * as e18 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/Paperclip.es.js
-import * as a11 from "react";
-var e19 = /* @__PURE__ */ new Map([
+import * as a10 from "react";
+var e17 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", { d: "M212.48,136.49l-82.06,82a60,60,0,0,1-84.85-84.88l98.16-97.89a40,40,0,0,1,56.56,56.59l-.17.16-95.8,92.22a12,12,0,1,1-16.64-17.3l95.71-92.12a16,16,0,0,0-22.7-22.56L62.53,150.57a36,36,0,0,0,50.93,50.91l82.06-82a12,12,0,0,1,17,17Z" }))
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M212.48,136.49l-82.06,82a60,60,0,0,1-84.85-84.88l98.16-97.89a40,40,0,0,1,56.56,56.59l-.17.16-95.8,92.22a12,12,0,1,1-16.64-17.3l95.71-92.12a16,16,0,0,0-22.7-22.56L62.53,150.57a36,36,0,0,0,50.93,50.91l82.06-82a12,12,0,0,1,17,17Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", {
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", {
       d: "M180.75,104.75,204,128l-82.06,81.94a48,48,0,0,1-67.88-67.88L153.37,41.37a32,32,0,0,1,45.26,45.26Z",
       opacity: "0.2"
-    }), /* @__PURE__ */ a11.createElement("path", { d: "M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z" }))
+    }), /* @__PURE__ */ a10.createElement("path", { d: "M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,50.34a8,8,0,0,0-11.32,0L87.09,143A24,24,0,1,0,121,177l49.32-50.32a8,8,0,1,1,11.42,11.2l-49.37,50.38a40,40,0,1,1-56.62-56.51L143,63.09A24,24,0,1,1,177,97L109.71,165.6a8,8,0,1,1-11.42-11.2L165.6,85.71a8,8,0,0,0,.06-11.37Z" }))
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,50.34a8,8,0,0,0-11.32,0L87.09,143A24,24,0,1,0,121,177l49.32-50.32a8,8,0,1,1,11.42,11.2l-49.37,50.38a40,40,0,1,1-56.62-56.51L143,63.09A24,24,0,1,1,177,97L109.71,165.6a8,8,0,1,1-11.42-11.2L165.6,85.71a8,8,0,0,0,.06-11.37Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", { d: "M208.25,123.76a6,6,0,0,1,0,8.49l-82.06,82a54,54,0,0,1-76.36-76.39L149.1,37.14a38,38,0,1,1,53.77,53.72L103.59,191.54a22,22,0,1,1-31.15-31.09l83.28-84.67a6,6,0,0,1,8.56,8.42L81,168.91a10,10,0,1,0,14.11,14.18L194.35,82.4a26,26,0,1,0-36.74-36.8L58.33,146.28a42,42,0,1,0,59.37,59.44l82.06-82A6,6,0,0,1,208.25,123.76Z" }))
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M208.25,123.76a6,6,0,0,1,0,8.49l-82.06,82a54,54,0,0,1-76.36-76.39L149.1,37.14a38,38,0,1,1,53.77,53.72L103.59,191.54a22,22,0,1,1-31.15-31.09l83.28-84.67a6,6,0,0,1,8.56,8.42L81,168.91a10,10,0,1,0,14.11,14.18L194.35,82.4a26,26,0,1,0-36.74-36.8L58.33,146.28a42,42,0,1,0,59.37,59.44l82.06-82A6,6,0,0,1,208.25,123.76Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", { d: "M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z" }))
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a11.createElement(a11.Fragment, null, /* @__PURE__ */ a11.createElement("path", { d: "M206.83,125.17a4,4,0,0,1,0,5.66l-82.06,82a52,52,0,0,1-73.54-73.55L150.52,38.55a36,36,0,1,1,50.94,50.9l-99.3,100.69a20,20,0,1,1-28.3-28.27l83.29-84.68a4,4,0,1,1,5.7,5.61L79.54,167.5a12,12,0,1,0,16.95,17L195.78,83.81A28,28,0,1,0,156.2,44.18L56.91,144.87a44,44,0,1,0,62.21,62.26l82-82A4,4,0,0,1,206.83,125.17Z" }))
+    /* @__PURE__ */ a10.createElement(a10.Fragment, null, /* @__PURE__ */ a10.createElement("path", { d: "M206.83,125.17a4,4,0,0,1,0,5.66l-82.06,82a52,52,0,0,1-73.54-73.55L150.52,38.55a36,36,0,1,1,50.94,50.9l-99.3,100.69a20,20,0,1,1-28.3-28.27l83.29-84.68a4,4,0,1,1,5.7,5.61L79.54,167.5a12,12,0,1,0,16.95,17L195.78,83.81A28,28,0,1,0,156.2,44.18L56.91,144.87a44,44,0,1,0,62.21,62.26l82-82A4,4,0,0,1,206.83,125.17Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Paperclip.es.js
-var o11 = e20.forwardRef((r, a) => /* @__PURE__ */ e20.createElement(p, { ref: a, ...r, weights: e19 }));
+var o11 = e18.forwardRef((r, a) => /* @__PURE__ */ e18.createElement(p, { ref: a, ...r, weights: e17 }));
 o11.displayName = "PaperclipIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Plus.es.js
 import * as o12 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/Plus.es.js
-import * as e21 from "react";
-var a12 = /* @__PURE__ */ new Map([
+import * as e19 from "react";
+var a11 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }))
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", {
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", {
       d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
       opacity: "0.2"
-    }), /* @__PURE__ */ e21.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
+    }), /* @__PURE__ */ e19.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z" }))
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z" }))
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z" }))
+    /* @__PURE__ */ e19.createElement(e19.Fragment, null, /* @__PURE__ */ e19.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/Plus.es.js
-var e22 = o12.forwardRef((r, s) => /* @__PURE__ */ o12.createElement(p, { ref: s, ...r, weights: a12 }));
-e22.displayName = "PlusIcon";
+var e20 = o12.forwardRef((r, s) => /* @__PURE__ */ o12.createElement(p, { ref: s, ...r, weights: a11 }));
+e20.displayName = "PlusIcon";
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/X.es.js
 import * as o13 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/X.es.js
-import * as e23 from "react";
-var a13 = /* @__PURE__ */ new Map([
+import * as e21 from "react";
+var a12 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", {
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", {
       d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
       opacity: "0.2"
-    }), /* @__PURE__ */ e23.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e23.createElement(e23.Fragment, null, /* @__PURE__ */ e23.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
-  ]
-]);
-
-// ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/X.es.js
-var e24 = o13.forwardRef((r, t) => /* @__PURE__ */ o13.createElement(p, { ref: t, ...r, weights: a13 }));
-e24.displayName = "XIcon";
-// src/website-chat.tsx
-import { useEffect as useEffect17, useState as useState17 } from "react";
-import { useMutation, useQuery } from "convex/react";
-
-// ../../node_modules/.bun/dither-avatar@1.0.0+0f58469d5b3bd39f/node_modules/dither-avatar/dist/react.mjs
-import { jsx } from "react/jsx-runtime";
-var GRID = 34;
-var SIZE = 200;
-var SCALE = 6;
-var BAYER_4X4 = [
-  [0, 8, 2, 10],
-  [12, 4, 14, 6],
-  [3, 11, 1, 9],
-  [15, 7, 13, 5]
-];
-function hashString(str) {
-  let h = 0;
-  for (let i = 0;i < str.length; i++) {
-    h = (h << 5) - h + str.charCodeAt(i) | 0;
-  }
-  return Math.abs(h);
-}
-function hashMultiple(str, count) {
-  const results = [];
-  for (let i = 0;i < count; i++) {
-    results.push(hashString(str + ":" + i));
-  }
-  return results;
-}
-function hslToHex(h, s, l) {
-  s /= 100;
-  l /= 100;
-  const k = (n) => (n + h / 30) % 12;
-  const a = s * Math.min(l, 1 - l);
-  const f = (n) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
-  const toHex = (v) => Math.round(v * 255).toString(16).padStart(2, "0");
-  return `#${toHex(f(0))}${toHex(f(8))}${toHex(f(4))}`;
-}
-function generateColors(seed) {
-  const [hueHash] = hashMultiple(seed, 1);
-  const hue = hueHash % 360;
-  return {
-    fill: hslToHex(hue, 85, 30),
-    stroke: hslToHex(hue, 90, 65)
-  };
-}
-function generateDensityGrid(seed) {
-  const [angleHash, offsetHash] = hashMultiple(seed, 2);
-  const angle = angleHash % 360 * (Math.PI / 180);
-  const offset = offsetHash % 100 / 100 * 0.4 - 0.2;
-  const cosA = Math.cos(angle);
-  const sinA = Math.sin(angle);
-  const grid = [];
-  for (let y = 0;y < GRID; y++) {
-    const row = [];
-    for (let x = 0;x < GRID; x++) {
-      const nx = x / (GRID - 1) * 2 - 1;
-      const ny = y / (GRID - 1) * 2 - 1;
-      const projected = nx * cosA + ny * sinA;
-      const density = (projected + 1 + offset) / 2;
-      row.push(Math.max(0, Math.min(1, density)));
-    }
-    grid.push(row);
-  }
-  return grid;
-}
-function dither(density) {
-  const result = [];
-  for (let y = 0;y < GRID; y++) {
-    const row = [];
-    for (let x = 0;x < GRID; x++) {
-      const bayer = BAYER_4X4[y % 4][x % 4] / 16;
-      row.push(density[y][x] >= bayer ? 1 : 0);
-    }
-    result.push(row);
-  }
-  return result;
-}
-function bitmapToPath(pixels) {
-  const parts = [];
-  for (let y = 0;y < GRID; y++) {
-    const row = pixels[y];
-    const segments = [];
-    let x = 0;
-    while (x < GRID) {
-      if (row[x] === 1) {
-        const start = x;
-        while (x < GRID && row[x] === 1)
-          x++;
-        segments.push({ start, len: x - start });
-      } else {
-        x++;
-      }
-    }
-    if (segments.length === 0)
-      continue;
-    let pathStr = `M${segments[0].start} ${y}`;
-    let cursorX = segments[0].start;
-    pathStr += `h${segments[0].len}`;
-    cursorX += segments[0].len;
-    for (let i = 1;i < segments.length; i++) {
-      const gap = segments[i].start - cursorX;
-      pathStr += `m${gap} 0h${segments[i].len}`;
-      cursorX = segments[i].start + segments[i].len;
-    }
-    parts.push(pathStr);
-  }
-  return parts.join("");
-}
-function generateDitherAvatar(seed) {
-  const { fill, stroke } = generateColors(seed);
-  const density = generateDensityGrid(seed);
-  const pixels = dither(density);
-  const path = bitmapToPath(pixels);
-  const autoScale = SIZE / GRID;
-  const effectiveScale = autoScale * (SCALE / 6);
-  const halfGrid = GRID / 2;
-  const transform = `translate(${SIZE / 2},${SIZE / 2})scale(${effectiveScale})translate(-${halfGrid},-${halfGrid})`;
-  return [
-    `<svg width="${SIZE}" height="${SIZE}" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">`,
-    `<rect width="${SIZE}" height="${SIZE}" fill="${fill}"/>`,
-    `<path fill="none" stroke="${stroke}" transform="${transform}" d="${path}"/>`,
-    `</svg>`
-  ].join("");
-}
-function ditherAvatarDataUri(seed) {
-  const svg = generateDitherAvatar(seed);
-  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
-function DitherAvatar({
-  seed,
-  size = 40,
-  className,
-  style
-}) {
-  const uri = ditherAvatarDataUri(seed);
-  return /* @__PURE__ */ jsx("img", {
-    src: uri,
-    alt: "",
-    width: size,
-    height: size,
-    className,
-    style: { borderRadius: "50%", ...style }
-  });
-}
+    }), /* @__PURE__ */ e21.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e21.createElement(e21.Fragment, null, /* @__PURE__ */ e21.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]);
 
+// ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/X.es.js
+var e22 = o13.forwardRef((r, t) => /* @__PURE__ */ o13.createElement(p, { ref: t, ...r, weights: a12 }));
+e22.displayName = "XIcon";
 // src/api.ts
 import { makeFunctionReference } from "convex/server";
 var widgetApi = {
@@ -930,7 +895,11 @@ var widgetApi = {
 };
 
 // src/widget-composer.tsx
-import { useRef as useRef30, useState as useState14 } from "react";
+import {
+  useEffect as useEffect16,
+  useRef as useRef30,
+  useState as useState14
+} from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/mergeObjects.mjs
 function mergeObjects(a, b) {
@@ -1103,7 +1072,6 @@ import * as React4 from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useRefWithInit.mjs
 import * as React from "react";
-"use client";
 var UNINITIALIZED = {};
 function useRefWithInit(init, initArg) {
   const ref = React.useRef(UNINITIALIZED);
@@ -2943,7 +2911,6 @@ var SafeReact = {
 };
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useStableCallback.mjs
-"use client";
 var useInsertionEffect = SafeReact.useInsertionEffect;
 var useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn();
 function useStableCallback(callback) {
@@ -2974,13 +2941,11 @@ var error = createLogOnce("error", "Base UI");
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useIsoLayoutEffect.mjs
 import * as React6 from "react";
-"use client";
 var noop = () => {};
 var useIsoLayoutEffect = typeof document !== "undefined" ? React6.useLayoutEffect : noop;
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs
 import * as React7 from "react";
-"use client";
 var CompositeRootContext = /* @__PURE__ */ React7.createContext(undefined);
 if (true)
   CompositeRootContext.displayName = "CompositeRootContext";
@@ -2994,7 +2959,6 @@ function useCompositeRootContext(optional = false) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs
 import * as React8 from "react";
-"use client";
 function useFocusableWhenDisabled(parameters) {
   const {
     focusableWhenDisabled,
@@ -3056,7 +3020,6 @@ function dispatchClickWithModifiers(target, sourceEvent, {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/use-button/useButton.mjs
-"use client";
 function useButton(parameters = {}) {
   const {
     disabled = false,
@@ -3220,7 +3183,6 @@ function isValidLinkElement(elem) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/button/Button.mjs
-"use client";
 var Button = /* @__PURE__ */ React10.forwardRef(function Button(componentProps, forwardedRef) {
   const {
     render,
@@ -3409,7 +3371,6 @@ function AttachmentGroup({ className, ...props }) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/positioner/MenuPositionerContext.mjs
 import * as React11 from "react";
-"use client";
 var MenuPositionerContext = /* @__PURE__ */ React11.createContext(undefined);
 if (true)
   MenuPositionerContext.displayName = "MenuPositionerContext";
@@ -3423,7 +3384,6 @@ function useMenuPositionerContext(optional) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/root/MenuRootContext.mjs
 import * as React12 from "react";
-"use client";
 var MenuRootContext = /* @__PURE__ */ React12.createContext(undefined);
 if (true)
   MenuRootContext.displayName = "MenuRootContext";
@@ -3523,7 +3483,6 @@ var popupTransitionStateMapping = {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/context-menu/root/ContextMenuRootContext.mjs
 import * as React13 from "react";
-"use client";
 var ContextMenuRootContext = /* @__PURE__ */ React13.createContext(undefined);
 if (true)
   ContextMenuRootContext.displayName = "ContextMenuRootContext";
@@ -3554,7 +3513,6 @@ var imperativeAction = "imperative-action";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/filter-root/MenuFilterContext.mjs
 import * as React14 from "react";
-"use client";
 var MenuFilterImplContext = /* @__PURE__ */ React14.createContext(null);
 if (true)
   MenuFilterImplContext.displayName = "MenuFilterImplContext";
@@ -3648,7 +3606,6 @@ var voiceOver = apple;
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/platform/env.mjs
 var jsdom = /jsdom|happydom/.test(lowerUserAgent);
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/item/useMenuItemCommonProps.mjs
-"use client";
 function preventMouseDownDefault(event) {
   event.preventDefault();
 }
@@ -3727,7 +3684,6 @@ function useMenuItemCommonProps(params) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/item/useMenuItem.mjs
-"use client";
 var REGULAR_ITEM = {
   type: "regular-item"
 };
@@ -3785,7 +3741,6 @@ import * as React18 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/list/CompositeListContext.mjs
 import * as React17 from "react";
-"use client";
 var CompositeListContext = /* @__PURE__ */ React17.createContext({
   register: () => {},
   unregister: () => {},
@@ -3801,7 +3756,6 @@ function useCompositeListContext() {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs
-"use client";
 function useCompositeListItem(params = {}) {
   const {
     guess,
@@ -3864,7 +3818,6 @@ import * as React20 from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useForcedRerendering.mjs
 import * as React19 from "react";
-"use client";
 function useForcedRerendering() {
   const [, setState] = React19.useState({});
   return React19.useCallback(() => {
@@ -3873,7 +3826,6 @@ function useForcedRerendering() {
 }
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useId.mjs
-"use client";
 var globalId = 0;
 function useGlobalId(idOverride, prefix = "mui") {
   const defaultId = React20.useRef(undefined);
@@ -3900,7 +3852,6 @@ function useId(idOverride, prefix) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useBaseUiId.mjs
-"use client";
 function useBaseUiId(idOverride) {
   return useId(idOverride, "base-ui");
 }
@@ -3945,13 +3896,11 @@ import * as React22 from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useOnMount.mjs
 import * as React21 from "react";
-"use client";
 function useOnMount(fn) {
   React21.useEffect(fn, EMPTY_ARRAY);
 }
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useAnimationFrame.mjs
-"use client";
 var EMPTY = null;
 var LAST_RAF = globalThis.requestAnimationFrame;
 
@@ -4034,7 +3983,6 @@ function useAnimationFrame() {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useTransitionStatus.mjs
-"use client";
 function useTransitionStatus(open, enableIdleState = false, deferEndingState = false, animateInitialOpen = false) {
   const [transitionStatus, setTransitionStatus] = React22.useState(open && enableIdleState ? "idle" : undefined);
   const [mounted, setMounted] = React22.useState(open && !animateInitialOpen);
@@ -4114,7 +4062,6 @@ function getFiniteAnimations(element, options) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useAnimationsFinished.mjs
-"use client";
 var pendingCallbacks = null;
 function flushBeforePaint(fn) {
   if (!pendingCallbacks) {
@@ -4198,7 +4145,6 @@ function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useOpenChangeComplete.mjs
-"use client";
 function useOpenChangeComplete(parameters) {
   const {
     enabled = true,
@@ -4224,7 +4170,6 @@ function useOpenChangeComplete(parameters) {
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/item/MenuItem.mjs
 import * as React24 from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-"use client";
 var MenuItemPlain = /* @__PURE__ */ React24.forwardRef(function MenuItemPlain(componentProps, forwardedRef) {
   const {
     render,
@@ -4313,7 +4258,6 @@ function mergeCleanups(...cleanups) {
 }
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useValueAsRef.mjs
-"use client";
 function useValueAsRef(value) {
   const latest = useRefWithInit(createLatestRef, value).current;
   latest.next = value;
@@ -4332,7 +4276,6 @@ function createLatestRef(value) {
 }
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useTimeout.mjs
-"use client";
 var EMPTY2 = 0;
 
 class Timeout {
@@ -4394,7 +4337,6 @@ var visuallyHiddenInput = {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/FocusGuard.mjs
 import { jsx as _jsx2 } from "react/jsx-runtime";
-"use client";
 var FocusGuard = /* @__PURE__ */ React25.forwardRef(function FocusGuard(props, ref) {
   const [role, setRole] = React25.useState();
   useIsoLayoutEffect(() => {
@@ -5192,7 +5134,6 @@ var ownerVisuallyHidden = {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/components/FloatingPortal.mjs
 import { jsx as _jsx3, jsxs as _jsxs } from "react/jsx-runtime";
-"use client";
 var PortalContext = /* @__PURE__ */ React26.createContext(null);
 if (true)
   PortalContext.displayName = "PortalContext";
@@ -5399,7 +5340,6 @@ class FloatingTreeStore {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/components/FloatingTree.mjs
 import { jsx as _jsx4 } from "react/jsx-runtime";
-"use client";
 var FloatingNodeContext = /* @__PURE__ */ React27.createContext(null);
 if (true)
   FloatingNodeContext.displayName = "FloatingNodeContext";
@@ -5458,7 +5398,6 @@ function FloatingTree(props) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/components/FloatingFocusManager.mjs
 import { jsx as _jsx5, jsxs as _jsxs2 } from "react/jsx-runtime";
-"use client";
 function getEventType(event, lastInteractionType) {
   const win = getWindow(getTarget(event));
   if (event instanceof win.KeyboardEvent) {
@@ -5944,7 +5883,6 @@ function FloatingFocusManager(props) {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useClick.mjs
 import * as React29 from "react";
-"use client";
 function useClick(store, props = {}) {
   const {
     enabled = true,
@@ -6037,7 +5975,6 @@ function useClick(store, props = {}) {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useDismiss.mjs
 import * as React30 from "react";
-"use client";
 function alwaysFalse() {
   return false;
 }
@@ -6456,7 +6393,6 @@ function useDismiss(store, props = {}) {
   } : {}, [enabled, reference, floating]);
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useSyncedFloatingRootContext.mjs
-"use client";
 function useSyncedFloatingRootContext(options) {
   const {
     popupStore,
@@ -6492,7 +6428,6 @@ function useSyncedFloatingRootContext(options) {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useFocus.mjs
 import * as React31 from "react";
-"use client";
 var isMacSafari = exports_os.mac && exports_engine.webkit;
 function useFocus(store, props = {}) {
   const {
@@ -6621,7 +6556,6 @@ function useFocus(store, props = {}) {
 import * as React32 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useHoverInteractionSharedState.mjs
-"use client";
 class HoverInteraction {
   pointerType = undefined;
   interactedInside = false;
@@ -6724,7 +6658,6 @@ function isHoverOpenEvent(openEventType) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useHoverFloatingInteraction.mjs
-"use client";
 function useHoverFloatingInteraction(store, parameters = {}) {
   const {
     enabled = true,
@@ -6863,7 +6796,6 @@ function useHoverFloatingInteraction(store, parameters = {}) {
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useHoverReferenceInteraction.mjs
 import * as React33 from "react";
 import * as ReactDOM3 from "react-dom";
-"use client";
 var EMPTY_REF = {
   current: null
 };
@@ -7145,7 +7077,6 @@ function useHoverReferenceInteraction(store, props = {}) {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useListNavigation.mjs
 import * as React34 from "react";
-"use client";
 function isStationaryWebKitPointer(event) {
   return exports_engine.webkit && event.movementX === 0 && event.movementY === 0;
 }
@@ -7643,7 +7574,6 @@ function useListNavigation(store, props) {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useTypeahead.mjs
 import * as React35 from "react";
-"use client";
 function useTypeahead(store, props) {
   const {
     listRef,
@@ -9420,7 +9350,6 @@ var size3 = (options, deps) => {
 };
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/toolbar/root/ToolbarRootContext.mjs
 import * as React37 from "react";
-"use client";
 var ToolbarRootContext = /* @__PURE__ */ React37.createContext(undefined);
 if (true)
   ToolbarRootContext.displayName = "ToolbarRootContext";
@@ -9448,7 +9377,6 @@ function getDisabledMountTransitionStyles(transitionStatus) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/submenu-root/MenuSubmenuRootContext.mjs
 import * as React38 from "react";
-"use client";
 var MenuSubmenuRootContext = /* @__PURE__ */ React38.createContext(undefined);
 if (true)
   MenuSubmenuRootContext.displayName = "MenuSubmenuRootContext";
@@ -9490,7 +9418,6 @@ function resolvePopupLabel(props, activeTriggerElement, activeTriggerId) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/popup/MenuPopup.mjs
 import { jsx as _jsx6 } from "react/jsx-runtime";
-"use client";
 var MenuPopupPlain = /* @__PURE__ */ React41.forwardRef(function MenuPopupPlain(componentProps, forwardedRef) {
   const {
     render,
@@ -9649,7 +9576,6 @@ import * as React43 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/portal/MenuPortalContext.mjs
 import * as React42 from "react";
-"use client";
 var MenuPortalContext = /* @__PURE__ */ React42.createContext(undefined);
 if (true)
   MenuPortalContext.displayName = "MenuPortalContext";
@@ -9663,7 +9589,6 @@ function useMenuPortalContext() {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/portal/MenuPortal.mjs
 import { jsx as _jsx7 } from "react/jsx-runtime";
-"use client";
 var MenuPortal = /* @__PURE__ */ React43.forwardRef(function MenuPortal(props, forwardedRef) {
   const {
     keepMounted = false,
@@ -9706,7 +9631,6 @@ import * as React46 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/floating-ui-react/hooks/useFloating.mjs
 import * as React44 from "react";
-"use client";
 function useBaseUIFloating(options) {
   const {
     nodeId,
@@ -9788,7 +9712,6 @@ function useBaseUIFloating(options) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/direction-context/DirectionContext.mjs
 import * as React45 from "react";
-"use client";
 var DirectionContext = /* @__PURE__ */ React45.createContext(undefined);
 if (true)
   DirectionContext.displayName = "DirectionContext";
@@ -9905,7 +9828,6 @@ var anchorHeight = "--anchor-height";
 var transformOrigin = "--transform-origin";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useAnchorPositioning.mjs
-"use client";
 var AVAILABLE_WIDTH_VAR = availableWidth;
 var AVAILABLE_HEIGHT_VAR = availableHeight;
 function getLogicalSide(sideParam, renderedSide, isRtl) {
@@ -10281,7 +10203,6 @@ function isRef(param) {
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/list/CompositeList.mjs
 import * as React47 from "react";
 import { jsx as _jsx8 } from "react/jsx-runtime";
-"use client";
 function CompositeList(props) {
   const {
     children,
@@ -10523,7 +10444,6 @@ if (true)
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useTriggerSwitchTransition.mjs
 import * as React49 from "react";
-"use client";
 function useTriggerSwitchTransition(parameters) {
   const {
     store,
@@ -10571,7 +10491,6 @@ function useTriggerSwitchTransition(parameters) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/usePositioner.mjs
-"use client";
 function usePositioner(componentProps, state, {
   styles,
   transitionStatus,
@@ -10602,7 +10521,6 @@ function usePositioner(componentProps, state, {
 import * as React50 from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useScrollLock.mjs
-"use client";
 var originalHtmlStyles = {};
 var originalBodyStyles = {};
 var originalHtmlScrollBehavior = "";
@@ -10822,7 +10740,6 @@ function useScrollLock(enabled = true, referenceElement = null) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/useAnchoredPopupScrollLock.mjs
-"use client";
 var VIEWPORT_WIDTH_TOLERANCE_PX = 20;
 function useAnchoredPopupScrollLock(enabled, touchOpen, positionerElement, referenceElement) {
   const [touchOpenShouldLockScroll, setTouchOpenShouldLockScroll] = React50.useState(false);
@@ -10840,7 +10757,6 @@ function useAnchoredPopupScrollLock(enabled, touchOpen, positionerElement, refer
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/positioner/MenuPositioner.mjs
 import { jsx as _jsx10, jsxs as _jsxs3 } from "react/jsx-runtime";
-"use client";
 var MenuPositioner = /* @__PURE__ */ React51.forwardRef(function MenuPositioner(componentProps, forwardedRef) {
   const {
     anchor: anchorProp,
@@ -11101,7 +11017,6 @@ function createInstance() {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menubar/MenubarContext.mjs
 import * as React53 from "react";
-"use client";
 var MenubarContext = /* @__PURE__ */ React53.createContext(null);
 if (true)
   MenubarContext.displayName = "MenubarContext";
@@ -11118,7 +11033,6 @@ import * as React56 from "react";
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/useEnhancedClickHandler.mjs
 import * as React54 from "react";
-"use client";
 function useEnhancedClickHandler(handler) {
   const lastClickInteractionTypeRef = React54.useRef("");
   const handlePointerDown = React54.useCallback((event) => {
@@ -11148,7 +11062,6 @@ function useEnhancedClickHandler(handler) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useValueChanged.mjs
 import * as React55 from "react";
-"use client";
 function useValueChanged(value, onChange) {
   const valueRef = React55.useRef(value);
   const onChangeCallback = useStableCallback(onChange);
@@ -11161,7 +11074,6 @@ function useValueChanged(value, onChange) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/useOpenInteractionType.mjs
-"use client";
 function useOpenMethodTriggerProps(open, setOpenMethod) {
   const handleTriggerClick = useStableCallback((_, interactionType) => {
     const isOpen = typeof open === "function" ? open() : open;
@@ -11373,7 +11285,6 @@ class Store {
 
 // ../../node_modules/.bun/@base-ui+utils@0.5.0+a2357f7178ffa785/node_modules/@base-ui/utils/store/ReactStore.mjs
 import * as React60 from "react";
-"use client";
 
 class ReactStore extends Store {
   constructor(state, context = {}, selectors) {
@@ -11487,7 +11398,6 @@ import * as ReactDOM5 from "react-dom";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/useUnmountAfterClose.mjs
 import * as React61 from "react";
-"use client";
 function useUnmountAfterClose(parameters) {
   const {
     open,
@@ -11556,7 +11466,6 @@ function useUnmountAfterClose(parameters) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/popups/popupStoreUtils.mjs
-"use client";
 var FOCUSABLE_POPUP_PROPS = {
   tabIndex: -1,
   [FOCUSABLE_ATTRIBUTE]: ""
@@ -12037,7 +11946,6 @@ var popupStoreSelectors = {
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/popups/usePopupHandleStore.mjs
 var import_shim2 = __toESM(require_shim(), 1);
 import * as React63 from "react";
-"use client";
 function usePopupHandleStore(handle) {
   const subscribe = React63.useCallback((listener) => {
     if (handle === undefined) {
@@ -12221,7 +12129,6 @@ function createInitialState(triggerElements, floatingId, nested = false, initial
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/filter-provider/MenuFilterProviderContext.mjs
 import * as React65 from "react";
-"use client";
 var MenuFilterProviderContext = /* @__PURE__ */ React65.createContext(null);
 if (true)
   MenuFilterProviderContext.displayName = "MenuFilterProviderContext";
@@ -12236,7 +12143,6 @@ function isKeyboardOpen(reason, event) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/root/MenuRoot.mjs
 import { jsx as _jsx11, jsxs as _jsxs4 } from "react/jsx-runtime";
-"use client";
 var MenuRootInternal = fastComponent(function MenuRootInternal(props) {
   const {
     children,
@@ -12739,7 +12645,6 @@ function getPseudoElementBounds(element) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/item/useCompositeItem.mjs
 import * as React67 from "react";
-"use client";
 function useCompositeItem(params = {}) {
   const {
     highlightItemOnHover,
@@ -12777,7 +12682,6 @@ function useCompositeItem(params = {}) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/composite/item/CompositeItem.mjs
-"use client";
 function CompositeItem(componentProps) {
   const {
     render,
@@ -12818,7 +12722,6 @@ function findRootOwnerId(node) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/popups/useTriggerFocusGuards.mjs
 import * as ReactDOM6 from "react-dom";
-"use client";
 function useTriggerFocusGuards(store, triggerElementRef) {
   function closeAndFocus(event, direction, positionerElement) {
     const guard = event.currentTarget;
@@ -12846,7 +12749,6 @@ function useTriggerFocusGuards(store, triggerElementRef) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/utils/useMixedToggleClickHandler.mjs
 import * as React68 from "react";
-"use client";
 function useMixedToggleClickHandler(params) {
   const {
     enabled = true,
@@ -12881,7 +12783,6 @@ function useMixedToggleClickHandler(params) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/menu/trigger/MenuTrigger.mjs
 import { jsx as _jsx12, jsxs as _jsxs5 } from "react/jsx-runtime";
-"use client";
 var MenuTrigger = fastComponentRef(function MenuTrigger(componentProps, forwardedRef) {
   const {
     render,
@@ -13115,7 +13016,6 @@ function useMenuParent() {
 }
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/separator/Separator.mjs
 import * as React70 from "react";
-"use client";
 var Separator = /* @__PURE__ */ React70.forwardRef(function SeparatorComponent(componentProps, forwardedRef) {
   const {
     className,
@@ -13141,7 +13041,6 @@ if (true)
   Separator.displayName = "Separator";
 // ../ui/src/components/dropdown-menu.tsx
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
 function DropdownMenu({ ...props }) {
   return /* @__PURE__ */ jsxDEV3(MenuRoot, {
     "data-slot": "dropdown-menu",
@@ -13160,9 +13059,11 @@ function DropdownMenuContent({
   side = "bottom",
   sideOffset = 4,
   className,
+  portalContainer,
   ...props
 }) {
   return /* @__PURE__ */ jsxDEV3(MenuPortal, {
+    container: portalContainer,
     children: /* @__PURE__ */ jsxDEV3(MenuPositioner, {
       className: "isolate z-50 outline-none",
       align,
@@ -13253,7 +13154,6 @@ var fieldValidityMapping = {
 };
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/field-root-context/FieldRootContext.mjs
-"use client";
 var DEFAULT_FIELD_ROOT_CONTEXT = {
   invalid: undefined,
   name: undefined,
@@ -13302,7 +13202,6 @@ function useFieldRootContext(optional = true) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/form-context/FormContext.mjs
 import * as React72 from "react";
-"use client";
 var FormContext = /* @__PURE__ */ React72.createContext({
   elementRef: {
     current: null
@@ -13327,7 +13226,6 @@ function useFormContext() {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
 import * as React73 from "react";
-"use client";
 var LabelableContext = /* @__PURE__ */ React73.createContext({
   controlId: undefined,
   registerControlId: NOOP,
@@ -13348,7 +13246,6 @@ function useLabelableContext() {
 import * as React75 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/field-root-context/useSetFieldFocused.mjs
-"use client";
 function useSetFieldFocused(disabled, focusTargetRef, onFocusedChange) {
   const {
     setFocused,
@@ -13373,7 +13270,6 @@ function useSetFieldFocused(disabled, focusTargetRef, onFocusedChange) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/field-register-control/useRegisterFieldControl.mjs
-"use client";
 function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true, name) {
   const {
     registerFieldControl
@@ -13404,7 +13300,6 @@ function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, en
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
 import * as React74 from "react";
-"use client";
 function useLabelableId(params = {}) {
   const {
     id,
@@ -13456,7 +13351,6 @@ function useLabelableId(params = {}) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/field/control/FieldControl.mjs
-"use client";
 var FieldControl = /* @__PURE__ */ React75.forwardRef(function FieldControl(componentProps, forwardedRef) {
   const {
     render,
@@ -13595,7 +13489,6 @@ if (true)
   FieldControl.displayName = "FieldControl";
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/input/Input.mjs
 import { jsx as _jsx13 } from "react/jsx-runtime";
-"use client";
 var Input = /* @__PURE__ */ React76.forwardRef(function Input(props, forwardedRef) {
   return /* @__PURE__ */ _jsx13(FieldControl, {
     ref: forwardedRef,
@@ -13627,7 +13520,6 @@ function Textarea({ className, ...props }) {
 
 // ../ui/src/components/input-group.tsx
 import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-"use client";
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxDEV6("div", {
     "data-slot": "input-group",
@@ -13709,35 +13601,37 @@ function InputGroupTextarea({
 
 // src/widget-composer.tsx
 import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-"use client";
 function WidgetComposer({
   send,
   upload,
   sendDisabled = false,
   showPoweredBy = false,
-  privacyPolicyUrl,
   assetBaseUrl
 }) {
   const [body, setBody] = useState14("");
   const [pending, setPending] = useState14(false);
-  const [failed, setFailed] = useState14(false);
+  const [error, setError] = useState14("");
   const [attachments, setAttachments] = useState14([]);
   const [uploading, setUploading] = useState14(false);
   const fileInput = useRef30(null);
+  const [portalContainer, setPortalContainer] = useState14(null);
+  useEffect16(() => {
+    setPortalContainer(fileInput.current?.closest("[data-coristen-widget]") ?? null);
+  }, []);
   async function addFiles(event) {
     const files = Array.from(event.target.files ?? []).slice(0, Math.max(0, 5 - attachments.length));
     event.target.value = "";
     if (!files.length)
       return;
     setUploading(true);
-    setFailed(false);
+    setError("");
     try {
       const uploaded = [];
       for (const file of files)
         uploaded.push(await upload(file));
       setAttachments((current) => [...current, ...uploaded].slice(0, 5));
-    } catch {
-      setFailed(true);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "File upload failed. Try again.");
     } finally {
       setUploading(false);
     }
@@ -13748,13 +13642,13 @@ function WidgetComposer({
     if (!message && !attachments.length || pending || uploading || sendDisabled)
       return;
     setPending(true);
-    setFailed(false);
+    setError("");
     try {
       await send(message, attachments);
       setBody("");
       setAttachments([]);
     } catch {
-      setFailed(true);
+      setError("Message could not be sent. Try again.");
     } finally {
       setPending(false);
     }
@@ -13799,7 +13693,7 @@ function WidgetComposer({
                   type: "button",
                   "aria-label": `Remove ${attachment.name}`,
                   onClick: () => setAttachments((current) => current.filter((item) => item.storageId !== attachment.storageId)),
-                  children: /* @__PURE__ */ jsxDEV7(e24, {}, undefined, false, undefined, this)
+                  children: /* @__PURE__ */ jsxDEV7(e22, {}, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
@@ -13855,11 +13749,12 @@ function WidgetComposer({
                       size: "icon-sm",
                       "aria-label": "More message options"
                     }, undefined, false, undefined, this),
-                    children: /* @__PURE__ */ jsxDEV7(e22, {
+                    children: /* @__PURE__ */ jsxDEV7(e20, {
                       className: "size-5"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV7(DropdownMenuContent, {
+                    portalContainer,
                     align: "start",
                     side: "top",
                     className: "w-44 [&_[data-slot=dropdown-menu-item]>svg]:size-5",
@@ -13886,7 +13781,7 @@ function WidgetComposer({
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV7(DropdownMenuItem, {
                         children: [
-                          /* @__PURE__ */ jsxDEV7(e16, {}, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV7(e14, {}, undefined, false, undefined, this),
                           "Web Search"
                         ]
                       }, undefined, true, undefined, this)
@@ -13894,61 +13789,45 @@ function WidgetComposer({
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              (showPoweredBy || privacyPolicyUrl) && /* @__PURE__ */ jsxDEV7("div", {
+              showPoweredBy && /* @__PURE__ */ jsxDEV7("div", {
                 className: "mx-auto flex flex-col items-center text-[10px] leading-tight text-muted-foreground",
-                children: [
-                  showPoweredBy && /* @__PURE__ */ jsxDEV7("a", {
-                    href: "https://coristen.com",
-                    target: "_blank",
-                    rel: "noreferrer",
-                    className: "transition-colors hover:text-foreground",
-                    children: /* @__PURE__ */ jsxDEV7("span", {
-                      className: "inline-flex items-center gap-1",
-                      children: [
-                        "Powered by",
-                        /* @__PURE__ */ jsxDEV7("span", {
-                          className: "relative size-4 shrink-0",
-                          children: [
-                            /* @__PURE__ */ jsxDEV7("img", {
-                              src: `${assetBaseUrl}/brand/coristen-mark-light.png`,
-                              alt: "",
-                              className: "absolute inset-0 size-full object-contain dark:hidden"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV7("img", {
-                              src: `${assetBaseUrl}/brand/coristen-mark-dark.png`,
-                              alt: "",
-                              className: "absolute inset-0 hidden size-full object-contain dark:block"
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this),
-                        /* @__PURE__ */ jsxDEV7("span", {
-                          className: "font-medium",
-                          children: "Coristen"
-                        }, undefined, false, undefined, this)
-                      ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this),
-                  privacyPolicyUrl && /* @__PURE__ */ jsxDEV7("span", {
+                children: showPoweredBy && /* @__PURE__ */ jsxDEV7("a", {
+                  href: "https://coristen.com",
+                  target: "_blank",
+                  rel: "noreferrer",
+                  className: "transition-colors hover:text-foreground",
+                  children: /* @__PURE__ */ jsxDEV7("span", {
+                    className: "inline-flex items-center gap-1",
                     children: [
-                      "By chatting with us, you agree to our",
-                      " ",
-                      /* @__PURE__ */ jsxDEV7("a", {
-                        href: privacyPolicyUrl,
-                        target: "_blank",
-                        rel: "noreferrer",
-                        className: "underline underline-offset-2 transition-colors hover:text-foreground",
-                        children: "Privacy Policy"
-                      }, undefined, false, undefined, this),
-                      "."
+                      "Powered by",
+                      /* @__PURE__ */ jsxDEV7("span", {
+                        className: "relative size-4 shrink-0",
+                        children: [
+                          /* @__PURE__ */ jsxDEV7("img", {
+                            src: `${assetBaseUrl}/brand/coristen-mark-light.png`,
+                            alt: "",
+                            className: "absolute inset-0 size-full object-contain dark:hidden"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV7("img", {
+                            src: `${assetBaseUrl}/brand/coristen-mark-dark.png`,
+                            alt: "",
+                            className: "absolute inset-0 hidden size-full object-contain dark:block"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV7("span", {
+                        className: "font-medium",
+                        children: "Coristen"
+                      }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV7(InputGroupButton, {
                 type: "submit",
                 variant: "default",
                 size: "icon-sm",
-                className: showPoweredBy || privacyPolicyUrl ? undefined : "ml-auto",
+                className: showPoweredBy ? undefined : "ml-auto",
                 "aria-label": "Send message",
                 disabled: pending || uploading || sendDisabled || !body.trim() && !attachments.length,
                 children: /* @__PURE__ */ jsxDEV7(r3, {}, undefined, false, undefined, this)
@@ -13957,10 +13836,10 @@ function WidgetComposer({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      failed && /* @__PURE__ */ jsxDEV7("p", {
+      error && /* @__PURE__ */ jsxDEV7("p", {
         role: "alert",
         className: "mt-2 text-xs text-destructive",
-        children: "Message could not be sent. Try again."
+        children: error
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -14177,76 +14056,76 @@ function MessageFooter({ className, ...props }) {
 import * as o15 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/ArrowCounterClockwise.es.js
-import * as a16 from "react";
-var e26 = /* @__PURE__ */ new Map([
+import * as a15 from "react";
+var e24 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z", opacity: "0.2" }), /* @__PURE__ */ a16.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z", opacity: "0.2" }), /* @__PURE__ */ a15.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z" }))
+    /* @__PURE__ */ a15.createElement(a15.Fragment, null, /* @__PURE__ */ a15.createElement("path", { d: "M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ArrowCounterClockwise.es.js
-var r8 = o15.forwardRef((e, t) => /* @__PURE__ */ o15.createElement(p, { ref: t, ...e, weights: e26 }));
+var r8 = o15.forwardRef((e, t) => /* @__PURE__ */ o15.createElement(p, { ref: t, ...e, weights: e24 }));
 r8.displayName = "ArrowCounterClockwiseIcon";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/DownloadSimple.es.js
 import * as o16 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/DownloadSimple.es.js
-import * as a17 from "react";
-var e27 = /* @__PURE__ */ new Map([
+import * as a16 from "react";
+var e25 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", { d: "M228,144v64a12,12,0,0,1-12,12H40a12,12,0,0,1-12-12V144a12,12,0,0,1,24,0v52H204V144a12,12,0,0,1,24,0Zm-108.49,8.49a12,12,0,0,0,17,0l40-40a12,12,0,0,0-17-17L140,115V32a12,12,0,0,0-24,0v83L96.49,95.51a12,12,0,0,0-17,17Z" }))
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M228,144v64a12,12,0,0,1-12,12H40a12,12,0,0,1-12-12V144a12,12,0,0,1,24,0v52H204V144a12,12,0,0,1,24,0Zm-108.49,8.49a12,12,0,0,0,17,0l40-40a12,12,0,0,0-17-17L140,115V32a12,12,0,0,0-24,0v83L96.49,95.51a12,12,0,0,0-17,17Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", {
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", {
       d: "M216,48V208H40V48A16,16,0,0,1,56,32H200A16,16,0,0,1,216,48Z",
       opacity: "0.2"
-    }), /* @__PURE__ */ a17.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z" }))
+    }), /* @__PURE__ */ a16.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40A8,8,0,0,0,168,96H136V32a8,8,0,0,0-16,0V96H88a8,8,0,0,0-5.66,13.66Z" }))
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40A8,8,0,0,0,168,96H136V32a8,8,0,0,0-16,0V96H88a8,8,0,0,0-5.66,13.66Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", { d: "M222,144v64a6,6,0,0,1-6,6H40a6,6,0,0,1-6-6V144a6,6,0,0,1,12,0v58H210V144a6,6,0,0,1,12,0Zm-98.24,4.24a6,6,0,0,0,8.48,0l40-40a6,6,0,0,0-8.48-8.48L134,129.51V32a6,6,0,0,0-12,0v97.51L92.24,99.76a6,6,0,0,0-8.48,8.48Z" }))
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M222,144v64a6,6,0,0,1-6,6H40a6,6,0,0,1-6-6V144a6,6,0,0,1,12,0v58H210V144a6,6,0,0,1,12,0Zm-98.24,4.24a6,6,0,0,0,8.48,0l40-40a6,6,0,0,0-8.48-8.48L134,129.51V32a6,6,0,0,0-12,0v97.51L92.24,99.76a6,6,0,0,0-8.48,8.48Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z" }))
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ a17.createElement(a17.Fragment, null, /* @__PURE__ */ a17.createElement("path", { d: "M220,144v64a4,4,0,0,1-4,4H40a4,4,0,0,1-4-4V144a4,4,0,0,1,8,0v60H212V144a4,4,0,0,1,8,0Zm-94.83,2.83a4,4,0,0,0,5.66,0l40-40a4,4,0,1,0-5.66-5.66L132,134.34V32a4,4,0,0,0-8,0V134.34L90.83,101.17a4,4,0,0,0-5.66,5.66Z" }))
+    /* @__PURE__ */ a16.createElement(a16.Fragment, null, /* @__PURE__ */ a16.createElement("path", { d: "M220,144v64a4,4,0,0,1-4,4H40a4,4,0,0,1-4-4V144a4,4,0,0,1,8,0v60H212V144a4,4,0,0,1,8,0Zm-94.83,2.83a4,4,0,0,0,5.66,0l40-40a4,4,0,1,0-5.66-5.66L132,134.34V32a4,4,0,0,0-8,0V134.34L90.83,101.17a4,4,0,0,0-5.66,5.66Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/DownloadSimple.es.js
-var e28 = o16.forwardRef((a, m) => /* @__PURE__ */ o16.createElement(p, { ref: m, ...a, weights: e27 }));
-e28.displayName = "DownloadSimpleIcon";
+var e26 = o16.forwardRef((a, m) => /* @__PURE__ */ o16.createElement(p, { ref: m, ...a, weights: e25 }));
+e26.displayName = "DownloadSimpleIcon";
 
 // ../ui/src/components/message-thread.tsx
 import { useState as useState16 } from "react";
@@ -14256,7 +14135,6 @@ import * as React78 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/root/DialogRootContext.mjs
 import * as React77 from "react";
-"use client";
 var DialogRootContext = /* @__PURE__ */ React77.createContext(undefined);
 if (true)
   DialogRootContext.displayName = "DialogRootContext";
@@ -14269,7 +14147,6 @@ function useDialogRootContext(optional) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.mjs
-"use client";
 var DialogBackdrop = /* @__PURE__ */ React78.forwardRef(function DialogBackdrop(componentProps, forwardedRef) {
   const {
     render,
@@ -14306,7 +14183,6 @@ if (true)
   DialogBackdrop.displayName = "DialogBackdrop";
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/close/DialogClose.mjs
 import * as React79 from "react";
-"use client";
 var DialogClose = /* @__PURE__ */ React79.forwardRef(function DialogClose(componentProps, forwardedRef) {
   const {
     render,
@@ -14345,7 +14221,6 @@ if (true)
   DialogClose.displayName = "DialogClose";
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/description/DialogDescription.mjs
 import * as React80 from "react";
-"use client";
 var DialogDescription = /* @__PURE__ */ React80.forwardRef(function DialogDescription(componentProps, forwardedRef) {
   const {
     render,
@@ -14371,7 +14246,6 @@ import * as React82 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/portal/DialogPortalContext.mjs
 import * as React81 from "react";
-"use client";
 var DialogPortalContext = /* @__PURE__ */ React81.createContext(undefined);
 if (true)
   DialogPortalContext.displayName = "DialogPortalContext";
@@ -14406,7 +14280,6 @@ var dialogStateAttributesMapping = {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/popup/DialogPopup.mjs
 import { jsx as _jsx14 } from "react/jsx-runtime";
-"use client";
 var DialogPopup = /* @__PURE__ */ React82.forwardRef(function DialogPopup(componentProps, forwardedRef) {
   const {
     render,
@@ -14488,7 +14361,6 @@ if (true)
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/portal/DialogPortal.mjs
 import * as React83 from "react";
 import { jsx as _jsx15, jsxs as _jsxs6 } from "react/jsx-runtime";
-"use client";
 var DialogPortal = /* @__PURE__ */ React83.forwardRef(function DialogPortal(props, forwardedRef) {
   const {
     keepMounted = false,
@@ -14521,7 +14393,6 @@ import * as React86 from "react";
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/root/useDialogRoot.mjs
 import * as React84 from "react";
-"use client";
 function DialogInteractions({
   store,
   parentContext,
@@ -14681,7 +14552,6 @@ function createInitialContext2(triggerElements) {
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/root/useRenderDialogRoot.mjs
 import { jsx as _jsx16, jsxs as _jsxs7 } from "react/jsx-runtime";
-"use client";
 function useRenderDialogRoot(mode, props) {
   const {
     children,
@@ -14750,7 +14620,6 @@ function useRenderDialogRoot(mode, props) {
 }
 
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/root/DialogRoot.mjs
-"use client";
 var DialogRoot = fastComponent(function DialogRoot(props) {
   return useRenderDialogRoot("dialog", props);
 });
@@ -14758,7 +14627,6 @@ if (true)
   DialogRoot.displayName = "DialogRoot";
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/title/DialogTitle.mjs
 import * as React87 from "react";
-"use client";
 var DialogTitle = /* @__PURE__ */ React87.forwardRef(function DialogTitle(componentProps, forwardedRef) {
   const {
     render,
@@ -14781,7 +14649,6 @@ if (true)
   DialogTitle.displayName = "DialogTitle";
 // ../../node_modules/.bun/@base-ui+react@1.9.0+a2357f7178ffa785/node_modules/@base-ui/react/dialog/trigger/DialogTrigger.mjs
 import * as React88 from "react";
-"use client";
 var DialogTrigger = fastComponentRef(function DialogTrigger(componentProps, forwardedRef) {
   const {
     render,
@@ -14844,7 +14711,6 @@ if (true)
   DialogTrigger.displayName = "DialogTrigger";
 // ../ui/src/components/dialog.tsx
 import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
-"use client";
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsxDEV12(DialogRoot, {
     "data-slot": "dialog",
@@ -14890,7 +14756,7 @@ function DialogContent({
       /* @__PURE__ */ jsxDEV12(DialogOverlay, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV12(DialogPopup, {
         "data-slot": "dialog-content",
-        className: cn2("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        className: cn2("squircle fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-hidden rounded-(--radius-dialog) bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none ring-inset sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
           children,
@@ -14902,7 +14768,7 @@ function DialogContent({
               size: "icon-sm"
             }, undefined, false, undefined, this),
             children: [
-              /* @__PURE__ */ jsxDEV12(e24, {}, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV12(e22, {}, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV12("span", {
                 className: "sr-only",
                 children: "Close"
@@ -15104,7 +14970,6 @@ function f(...a) {
 // ../../node_modules/.bun/@shadcn+react@0.3.1+bbd62a8f21ab0a40/node_modules/@shadcn/react/dist/message-scroller/index.js
 import * as f9 from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-"use client";
 var _e2 = 8;
 var Be = 64;
 var Fe2 = 0;
@@ -15573,41 +15438,40 @@ var er2 = { Provider: ft2, Root: gt2, Viewport: Rt2, Content: pt, Item: mt2, But
 import * as o17 from "react";
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/defs/ArrowDown.es.js
-import * as e29 from "react";
-var a18 = /* @__PURE__ */ new Map([
+import * as e27 from "react";
+var a17 = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M200,144l-72,72L56,144Z", opacity: "0.2" }), /* @__PURE__ */ e29.createElement("path", { d: "M207.39,140.94A8,8,0,0,0,200,136H136V40a8,8,0,0,0-16,0v96H56a8,8,0,0,0-5.66,13.66l72,72a8,8,0,0,0,11.32,0l72-72A8,8,0,0,0,207.39,140.94ZM128,204.69,75.31,152H180.69Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M200,144l-72,72L56,144Z", opacity: "0.2" }), /* @__PURE__ */ e27.createElement("path", { d: "M207.39,140.94A8,8,0,0,0,200,136H136V40a8,8,0,0,0-16,0v96H56a8,8,0,0,0-5.66,13.66l72,72a8,8,0,0,0,11.32,0l72-72A8,8,0,0,0,207.39,140.94ZM128,204.69,75.31,152H180.69Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72A8,8,0,0,1,56,136h64V40a8,8,0,0,1,16,0v96h64a8,8,0,0,1,5.66,13.66Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72A8,8,0,0,1,56,136h64V40a8,8,0,0,1,16,0v96h64a8,8,0,0,1,5.66,13.66Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M204.24,148.24l-72,72a6,6,0,0,1-8.48,0l-72-72a6,6,0,0,1,8.48-8.48L122,201.51V40a6,6,0,0,1,12,0V201.51l61.76-61.75a6,6,0,0,1,8.48,8.48Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M204.24,148.24l-72,72a6,6,0,0,1-8.48,0l-72-72a6,6,0,0,1,8.48-8.48L122,201.51V40a6,6,0,0,1,12,0V201.51l61.76-61.75a6,6,0,0,1,8.48,8.48Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ e29.createElement(e29.Fragment, null, /* @__PURE__ */ e29.createElement("path", { d: "M202.83,146.83l-72,72a4,4,0,0,1-5.66,0l-72-72a4,4,0,0,1,5.66-5.66L124,206.34V40a4,4,0,0,1,8,0V206.34l65.17-65.17a4,4,0,0,1,5.66,5.66Z" }))
+    /* @__PURE__ */ e27.createElement(e27.Fragment, null, /* @__PURE__ */ e27.createElement("path", { d: "M202.83,146.83l-72,72a4,4,0,0,1-5.66,0l-72-72a4,4,0,0,1,5.66-5.66L124,206.34V40a4,4,0,0,1,8,0V206.34l65.17-65.17a4,4,0,0,1,5.66,5.66Z" }))
   ]
 ]);
 
 // ../../node_modules/.bun/@phosphor-icons+react@2.1.10+005eabf3d8b6ef06/node_modules/@phosphor-icons/react/dist/csr/ArrowDown.es.js
-var r9 = o17.forwardRef((e, t) => /* @__PURE__ */ o17.createElement(p, { ref: t, ...e, weights: a18 }));
+var r9 = o17.forwardRef((e, t) => /* @__PURE__ */ o17.createElement(p, { ref: t, ...e, weights: a17 }));
 r9.displayName = "ArrowDownIcon";
 
 // ../ui/src/components/message-scroller.tsx
-import { jsxDEV as jsxDEV14, Fragment as Fragment21 } from "react/jsx-dev-runtime";
-"use client";
+import { jsxDEV as jsxDEV14, Fragment as Fragment20 } from "react/jsx-dev-runtime";
 function MessageScrollerProvider(props) {
   return /* @__PURE__ */ jsxDEV14(er2.Provider, {
     ...props
@@ -15676,7 +15540,7 @@ function MessageScrollerButton({
       size
     }, undefined, false, undefined, this),
     ...props,
-    children: children ?? /* @__PURE__ */ jsxDEV14(Fragment21, {
+    children: children ?? /* @__PURE__ */ jsxDEV14(Fragment20, {
       children: [
         /* @__PURE__ */ jsxDEV14(r9, {}, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV14("span", {
@@ -15690,7 +15554,6 @@ function MessageScrollerButton({
 
 // ../ui/src/components/message-thread.tsx
 import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
-"use client";
 function formatFileSize(bytes) {
   if (bytes < 1024)
     return `${bytes} B`;
@@ -15724,7 +15587,7 @@ function AttachmentDownload({ attachment }) {
             setPending(false);
           }
         },
-        children: /* @__PURE__ */ jsxDEV15(e28, {}, undefined, false, undefined, this)
+        children: /* @__PURE__ */ jsxDEV15(e26, {}, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       failed && /* @__PURE__ */ jsxDEV15("span", {
         role: "alert",
@@ -15830,7 +15693,7 @@ function MessageAttachments({
                   size: "icon-sm"
                 }, undefined, false, undefined, this),
                 "aria-label": "Close image preview",
-                children: /* @__PURE__ */ jsxDEV15(e24, {}, undefined, false, undefined, this)
+                children: /* @__PURE__ */ jsxDEV15(e22, {}, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
@@ -15994,7 +15857,6 @@ function MessageThread({
 
 // ../ui/src/components/label.tsx
 import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
-"use client";
 function Label({ className, ...props }) {
   return /* @__PURE__ */ jsxDEV16("label", {
     "data-slot": "label",
@@ -16015,7 +15877,6 @@ function Skeleton({ className, ...props }) {
 
 // src/website-chat.tsx
 import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
-"use client";
 function browserName(userAgent) {
   if (/Edg\//.test(userAgent))
     return "Microsoft Edge";
@@ -16034,10 +15895,23 @@ function WebsiteChat({
   expanded,
   onExpandedChange,
   onClose,
+  onSettingsChange,
+  theme,
   assetBaseUrl
 }) {
   const workspaceQuery = useQuery(widgetApi.workspace, { workspaceId });
-  const workspace = workspaceQuery === undefined ? initialSettings : workspaceQuery;
+  const sourceWorkspace = workspaceQuery === undefined ? initialSettings : workspaceQuery;
+  const settingsSnapshotRef = useRef33("");
+  useEffect18(() => {
+    if (!workspaceQuery)
+      return;
+    const snapshot = JSON.stringify(workspaceQuery);
+    if (settingsSnapshotRef.current === snapshot)
+      return;
+    settingsSnapshotRef.current = snapshot;
+    onSettingsChange(workspaceQuery);
+  }, [onSettingsChange, workspaceQuery]);
+  const workspace = sourceWorkspace ? { ...sourceWorkspace, theme } : sourceWorkspace;
   const open = useMutation(widgetApi.openWebsite);
   const start = useMutation(widgetApi.startCustomer);
   const send = useMutation(widgetApi.sendCustomer);
@@ -16047,14 +15921,15 @@ function WebsiteChat({
   const [visitorId, setVisitorId] = useState17("");
   const [conversationId, setConversationId] = useState17();
   const [chatStartedAt, setChatStartedAt] = useState17(() => Date.now());
-  const [name, setName] = useState17("");
   const [email, setEmail] = useState17("");
   const [starting, setStarting] = useState17(false);
+  const [chatError, setChatError] = useState17("");
+  const [pendingFirstMessage, setPendingFirstMessage] = useState17();
   const [view, setView] = useState17("chat");
   const [context, setContext] = useState17();
   const canAccessChat = !!sessionToken;
   const profile = useQuery(widgetApi.visitorProfile, visitorId && canAccessChat ? { workspaceId, visitorId, sessionToken } : "skip");
-  useEffect17(() => {
+  useEffect18(() => {
     const key = `coristen:${workspaceId}`;
     const id = localStorage.getItem(key) ?? crypto.randomUUID();
     localStorage.setItem(key, id);
@@ -16072,18 +15947,22 @@ function WebsiteChat({
     if (!context || !sessionToken || starting)
       return;
     setStarting(true);
+    setChatError("");
     try {
+      const contactName = email.split("@")[0]?.replace(/[._-]+/g, " ").trim() || "Visitor";
       const id = await open({
         workspaceId,
         visitorId,
         sessionToken,
-        name,
+        name: contactName,
         email,
         ...context,
         newConversation: true
       });
       setConversationId(id ?? undefined);
       setView("chat");
+    } catch {
+      setChatError("We couldn't save your email. Please try again.");
     } finally {
       setStarting(false);
     }
@@ -16096,6 +15975,7 @@ function WebsiteChat({
     if (!context || starting)
       return;
     setStarting(true);
+    setChatError("");
     try {
       const id = await open({
         workspaceId,
@@ -16108,6 +15988,8 @@ function WebsiteChat({
       setConversationId(id ?? undefined);
       setChatStartedAt(Date.now());
       setView("chat");
+    } catch {
+      setChatError("We couldn't start a new conversation. Please try again.");
     } finally {
       setStarting(false);
     }
@@ -16115,9 +15997,13 @@ function WebsiteChat({
   const messages = useQuery(widgetApi.customerMessages, conversationId && visitorId && canAccessChat ? { conversationId, visitorId, sessionToken } : "skip");
   const conversations = useQuery(widgetApi.visitorConversations, visitorId && canAccessChat ? { workspaceId, visitorId, sessionToken } : "skip");
   const latestMessage = messages?.at(-1);
-  useEffect17(() => {
+  useEffect18(() => {
+    if (messages !== undefined)
+      setPendingFirstMessage(undefined);
+  }, [messages]);
+  useEffect18(() => {
     if (view === "chat" && canAccessChat && conversationId && visitorId && latestMessage?.sender === "merchant") {
-      markRead({ conversationId, visitorId, sessionToken });
+      markRead({ conversationId, visitorId, sessionToken }).catch(() => {});
     }
   }, [
     conversationId,
@@ -16129,7 +16015,7 @@ function WebsiteChat({
     canAccessChat,
     visitorId
   ]);
-  useEffect17(() => {
+  useEffect18(() => {
     const onKeyDown = (event) => {
       if (event.key === "Escape" && !event.defaultPrevented)
         onClose();
@@ -16171,7 +16057,7 @@ function WebsiteChat({
   return /* @__PURE__ */ jsxDEV18("div", {
     className: workspace.theme === "dark" ? "dark flex h-full w-full flex-col text-foreground" : "flex h-full w-full flex-col text-foreground",
     children: /* @__PURE__ */ jsxDEV18(Card, {
-      className: "squircle relative h-full w-full gap-0 rounded-(--configured-radius) border bg-background text-foreground shadow-none",
+      className: "squircle relative h-full w-full gap-0 rounded-(--configured-radius) border border-black/10 bg-background text-foreground shadow-none dark:border-white/10",
       style: {
         "--primary": workspace.accentSendIcon ? workspace.theme === "dark" ? headerAccent : accentColor : undefined,
         "--primary-foreground": workspace.accentSendIcon && workspace.theme === "dark" ? "#171717" : undefined,
@@ -16208,7 +16094,7 @@ function WebsiteChat({
                   size: "sm",
                   onClick: () => setView(view === "chat" ? "history" : "chat"),
                   children: [
-                    view === "chat" ? /* @__PURE__ */ jsxDEV18(e12, {
+                    view === "chat" ? /* @__PURE__ */ jsxDEV18(e10, {
                       "data-icon": "inline-start"
                     }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV18(r2, {
                       "data-icon": "inline-start"
@@ -16232,12 +16118,17 @@ function WebsiteChat({
                   "aria-label": "Close chat",
                   title: "Close chat",
                   onClick: onClose,
-                  children: /* @__PURE__ */ jsxDEV18(e24, {}, undefined, false, undefined, this)
+                  children: /* @__PURE__ */ jsxDEV18(e22, {}, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this),
+        chatError && profile !== null && /* @__PURE__ */ jsxDEV18("p", {
+          role: "alert",
+          className: "mx-4 mb-2 rounded-lg bg-destructive/10 px-3 py-2 text-xs text-destructive",
+          children: chatError
+        }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV18(CardContent, {
           className: "flex min-h-0 flex-1 overflow-hidden p-0",
           children: view === "history" ? /* @__PURE__ */ jsxDEV18("div", {
@@ -16336,78 +16227,90 @@ function WebsiteChat({
                 className: "h-8 w-full"
               }, undefined, false, undefined, this)
             ]
-          }, undefined, true, undefined, this) : profile === null && !conversationId ? /* @__PURE__ */ jsxDEV18("form", {
-            className: "flex w-full flex-col justify-center gap-4 p-6",
-            onSubmit: (event) => void startChat(event),
+          }, undefined, true, undefined, this) : profile === null && !conversationId ? /* @__PURE__ */ jsxDEV18("div", {
+            className: "flex min-h-0 w-full flex-col",
             children: [
-              /* @__PURE__ */ jsxDEV18("div", {
-                className: "space-y-1",
-                children: [
-                  /* @__PURE__ */ jsxDEV18("h2", {
-                    className: "font-medium",
-                    children: "Before we start"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV18("p", {
-                    className: "text-sm text-muted-foreground",
-                    children: "Tell us where we can reach you."
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV18("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV18(Label, {
-                    htmlFor: "customer-name",
-                    children: "Name"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV18(Input2, {
-                    id: "customer-name",
-                    value: name,
-                    onChange: (event) => setName(event.target.value),
-                    autoComplete: "name",
-                    maxLength: 100,
-                    required: true
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV18("div", {
-                className: "space-y-2",
+              /* @__PURE__ */ jsxDEV18(MessageThread, {
+                messages: [
+                  {
+                    _id: "email-question",
+                    _creationTime: chatStartedAt,
+                    isAi: true,
+                    sender: "merchant",
+                    body: "Hi! What email address should we use to reach you?"
+                  }
+                ],
+                ownSender: "customer",
+                showMetadata: true,
+                ownVariant: "secondary",
+                otherAvatar: agentAvatar
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV18("form", {
+                className: "shrink-0 space-y-3 p-4",
+                onSubmit: (event) => void startChat(event),
                 children: [
-                  /* @__PURE__ */ jsxDEV18(Label, {
-                    htmlFor: "customer-email",
-                    children: "Email"
+                  /* @__PURE__ */ jsxDEV18("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV18(Label, {
+                        htmlFor: "customer-email",
+                        children: "Email address"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV18(Input2, {
+                        id: "customer-email",
+                        type: "email",
+                        value: email,
+                        onChange: (event) => setEmail(event.target.value),
+                        autoComplete: "email",
+                        placeholder: "you@example.com",
+                        maxLength: 254,
+                        required: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  chatError && /* @__PURE__ */ jsxDEV18("p", {
+                    role: "alert",
+                    className: "text-xs text-destructive",
+                    children: chatError
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV18(Input2, {
-                    id: "customer-email",
-                    type: "email",
-                    value: email,
-                    onChange: (event) => setEmail(event.target.value),
-                    autoComplete: "email",
-                    maxLength: 254,
-                    required: true
+                  /* @__PURE__ */ jsxDEV18(Button2, {
+                    type: "submit",
+                    className: "w-full",
+                    disabled: starting || !context,
+                    children: starting ? "Continuing..." : "Continue"
                   }, undefined, false, undefined, this)
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV18(Button2, {
-                type: "submit",
-                disabled: starting || !context,
-                children: starting ? "Starting..." : "Start conversation"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this) : conversationId && messages === undefined ? /* @__PURE__ */ jsxDEV18("div", {
-            className: "flex w-full flex-col gap-3 p-4",
-            children: [
-              /* @__PURE__ */ jsxDEV18(Skeleton, {
-                className: "h-9 w-3/4 rounded-xl"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV18(Skeleton, {
-                className: "ml-auto h-9 w-1/2 rounded-xl"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV18(Skeleton, {
-                className: "h-12 w-4/5 rounded-xl"
-              }, undefined, false, undefined, this)
+              }, undefined, true, undefined, this)
             ]
-          }, undefined, true, undefined, this) : !conversationId || messages?.length === 0 ? /* @__PURE__ */ jsxDEV18(MessageThread, {
+          }, undefined, true, undefined, this) : conversationId && messages === undefined ? /* @__PURE__ */ jsxDEV18(MessageThread, {
+            messages: [
+              {
+                _id: "welcome",
+                _creationTime: chatStartedAt,
+                isAi: true,
+                sender: "merchant",
+                body: workspace.welcomeMessage
+              },
+              ...pendingFirstMessage ? [
+                {
+                  _id: "pending-first-message",
+                  _creationTime: pendingFirstMessage.createdAt,
+                  sender: "customer",
+                  body: pendingFirstMessage.body,
+                  attachments: pendingFirstMessage.attachments
+                }
+              ] : []
+            ],
+            ownSender: "customer",
+            showMetadata: true,
+            ownVariant: "secondary",
+            ownAvatar: /* @__PURE__ */ jsxDEV18(DitherAvatar, {
+              seed: visitorId,
+              size: 28,
+              className: "size-7"
+            }, undefined, false, undefined, this),
+            otherAvatar: agentAvatar
+          }, undefined, false, undefined, this) : !conversationId || messages?.length === 0 ? /* @__PURE__ */ jsxDEV18(MessageThread, {
             messages: [
               {
                 _id: "welcome",
@@ -16433,12 +16336,13 @@ function WebsiteChat({
             }, undefined, false, undefined, this),
             otherAvatar: agentAvatar,
             onRetry: (customerMessageId) => {
+              setChatError("");
               retryAgentResponse({
                 conversationId,
                 visitorId,
                 customerMessageId,
                 sessionToken
-              });
+              }).catch(() => setChatError("The reply couldn't be retried. Please try again."));
             }
           }, conversationId, false, undefined, this)
         }, undefined, false, undefined, this),
@@ -16451,7 +16355,7 @@ function WebsiteChat({
             disabled: starting || profile === undefined,
             onClick: () => void startNewConversation(),
             children: [
-              /* @__PURE__ */ jsxDEV18(e22, {
+              /* @__PURE__ */ jsxDEV18(e20, {
                 "data-icon": "inline-start"
               }, undefined, false, undefined, this),
               "Start a conversation"
@@ -16463,7 +16367,6 @@ function WebsiteChat({
           children: /* @__PURE__ */ jsxDEV18(WidgetComposer, {
             sendDisabled: !context,
             showPoweredBy: workspace.showPoweredBy,
-            privacyPolicyUrl: workspace.privacyPolicyUrl,
             assetBaseUrl,
             upload: async (file) => {
               if (file.size > workspace.maxAttachmentSizeMb * 1024 * 1024)
@@ -16519,6 +16422,14 @@ function WebsiteChat({
                 body,
                 attachments
               });
+              setPendingFirstMessage({
+                body,
+                attachments: attachments.map((attachment) => ({
+                  ...attachment,
+                  url: null
+                })),
+                createdAt: Date.now()
+              });
               setConversationId(id);
               return id;
             }
@@ -16531,49 +16442,177 @@ function WebsiteChat({
 
 // src/index.tsx
 import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
-"use client";
 var DEFAULT_API_URL = "https://coristen-three.vercel.app";
+var HOST_THEME_VARIABLES = [
+  "--background",
+  "--foreground",
+  "--card",
+  "--card-foreground",
+  "--popover",
+  "--popover-foreground",
+  "--primary",
+  "--primary-foreground",
+  "--secondary",
+  "--secondary-foreground",
+  "--muted",
+  "--muted-foreground",
+  "--accent",
+  "--accent-foreground",
+  "--destructive",
+  "--border",
+  "--input",
+  "--ring",
+  "--radius-small",
+  "--radius-medium",
+  "--radius-control",
+  "--radius-card",
+  "--radius-panel",
+  "--radius-dialog",
+  "--radius-display",
+  "--surface-inset-sm",
+  "--surface-inset-md",
+  "--surface-inset-lg"
+];
+var DEFAULT_SETTINGS = {
+  name: "Coristen",
+  brandColor: "#171717",
+  welcomeMessage: "",
+  privacyPolicyUrl: "",
+  position: "right",
+  enabled: true,
+  theme: "light",
+  tintedGrayscale: false,
+  accentEnabled: false,
+  accentHeader: false,
+  accentSendIcon: false,
+  radius: "lg",
+  bubbleIcon: "chat-text",
+  bubbleColor: "#171717",
+  bubbleShowText: false,
+  bubbleText: "Chat",
+  bubbleIconPosition: "left",
+  showPoweredBy: true,
+  maxAttachmentSizeMb: 10,
+  allowedAttachmentTypes: []
+};
+
+class WidgetErrorBoundary extends Component {
+  state = { error: false };
+  static getDerivedStateFromError() {
+    return { error: true };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError(error);
+    console.error("[Coristen widget] Runtime error", error, info);
+  }
+  render() {
+    if (!this.state.error)
+      return this.props.children;
+    return /* @__PURE__ */ jsxDEV19("div", {
+      className: "flex h-full flex-col items-center justify-center gap-3 bg-background p-6 text-center text-foreground",
+      children: [
+        /* @__PURE__ */ jsxDEV19("div", {
+          children: [
+            /* @__PURE__ */ jsxDEV19("p", {
+              className: "font-medium",
+              children: "Chat couldn't load"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19("p", {
+              className: "mt-1 text-sm text-muted-foreground",
+              children: "Check your connection and try again."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV19("div", {
+          className: "flex gap-2",
+          children: [
+            /* @__PURE__ */ jsxDEV19("button", {
+              type: "button",
+              className: "rounded-lg border px-3 py-2 text-sm",
+              onClick: this.props.onClose,
+              children: "Close"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19("button", {
+              type: "button",
+              className: "rounded-lg bg-primary px-3 py-2 text-sm text-primary-foreground",
+              onClick: this.props.onRetry,
+              children: "Try again"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+}
 function CoristenWidget({
   identity,
+  apiKey,
   apiUrl = DEFAULT_API_URL,
   defaultOpen = false,
-  fontSize = "16px",
-  appearance
+  fontSize,
+  appearance,
+  onReady,
+  onError
 }) {
   const baseUrl = apiUrl.replace(/\/$/, "");
   const [session, setSession] = useState18();
+  const [remoteSettings, setRemoteSettings] = useState18();
   const [open, setOpen] = useState18(defaultOpen);
   const [expanded, setExpanded] = useState18(false);
   const [reset, setReset] = useState18(0);
+  const [hostTheme, setHostTheme] = useState18({});
+  const [hostDark, setHostDark] = useState18(false);
+  const [launcherPosition, setLauncherPosition] = useState18();
+  const rootRef = useRef34(null);
+  const dragRef = useRef34(undefined);
+  const ignoreLauncherClick = useRef34(false);
+  const onReadyRef = useRef34(onReady);
+  const onErrorRef = useRef34(onError);
+  onReadyRef.current = onReady;
+  onErrorRef.current = onError;
   const issueSession = useCallback13(async (previousToken) => {
-    if (!identity.startsWith("/") || identity.startsWith("//"))
-      throw new Error("Coristen identity must be a same-origin path");
-    const identityResponse = await fetch(identity, {
-      credentials: "include",
-      headers: { accept: "application/json" }
-    });
-    if (!identityResponse.ok)
-      throw new Error("Authentication required");
-    const credentials = await identityResponse.json();
-    if (!credentials.publishableKey?.startsWith("coristen_pk_") || !credentials.identityToken)
-      throw new Error("Invalid Coristen identity response");
+    let publishableKey = apiKey;
+    let identityToken;
+    if (identity) {
+      if (!identity.startsWith("/") || identity.startsWith("//"))
+        throw new Error("Coristen identity must be a same-origin path");
+      const identityResponse = await fetch(identity, {
+        credentials: "include",
+        headers: { accept: "application/json" }
+      });
+      if (!identityResponse.ok) {
+        const error = new Error("Authentication required");
+        error.status = identityResponse.status;
+        throw error;
+      }
+      const credentials = await identityResponse.json();
+      publishableKey = credentials.publishableKey;
+      identityToken = credentials.identityToken;
+      if (!identityToken)
+        throw new Error("Invalid Coristen identity response");
+    }
+    if (!publishableKey?.startsWith("coristen_pk_"))
+      throw new Error("A valid Coristen API key is required");
     const response = await fetch(`${baseUrl}/api/widget-session`, {
       method: "POST",
       headers: { "content-type": "application/json" },
       body: JSON.stringify({
-        publishableKey: credentials.publishableKey,
-        identityToken: credentials.identityToken,
+        publishableKey,
+        identityToken,
         previousToken
       })
     });
-    if (!response.ok)
-      throw new Error(await response.text());
+    if (!response.ok) {
+      const error = new Error(await response.text());
+      error.status = response.status;
+      throw error;
+    }
     const session = await response.json();
-    if (!session.identity)
+    if (identity && !session.identity)
       throw new Error("Verified identity required");
     return session;
-  }, [baseUrl, identity]);
-  useEffect18(() => {
+  }, [apiKey, baseUrl, identity]);
+  useEffect19(() => {
     let active = true;
     let timer;
     let token = "";
@@ -16584,11 +16623,18 @@ function CoristenWidget({
           return;
         token = next.token;
         setSession(next);
+        onReadyRef.current?.();
         timer = window.setTimeout(refresh, Math.max(5000, next.expiresAt - Date.now() - 30000));
-      } catch {
+      } catch (error) {
         if (!active)
           return;
-        setSession(undefined);
+        const failure = error instanceof Error ? error : new Error("Widget failed to load");
+        setSession((current) => current && current.expiresAt > Date.now() ? current : undefined);
+        onErrorRef.current?.(failure);
+        console.error("[Coristen widget] Failed to initialize", failure);
+        const status = failure.status;
+        if (!status || status === 429 || status >= 500)
+          timer = window.setTimeout(refresh, 5000);
       }
     };
     refresh();
@@ -16605,59 +16651,203 @@ function CoristenWidget({
         });
     };
   }, [baseUrl, issueSession, reset]);
-  useEffect18(() => {
+  useEffect19(() => {
     const resetIdentity = () => setReset((value) => value + 1);
+    const openWidget = () => setOpen(true);
+    const closeWidget = () => setOpen(false);
     window.addEventListener("coristen:reset", resetIdentity);
-    return () => window.removeEventListener("coristen:reset", resetIdentity);
+    window.addEventListener("coristen:open", openWidget);
+    window.addEventListener("coristen:close", closeWidget);
+    return () => {
+      window.removeEventListener("coristen:reset", resetIdentity);
+      window.removeEventListener("coristen:open", openWidget);
+      window.removeEventListener("coristen:close", closeWidget);
+    };
+  }, []);
+  useEffect19(() => {
+    if (session)
+      setRemoteSettings(session.settings);
+  }, [session]);
+  useEffect19(() => {
+    if (!open)
+      return;
+    const close = (event) => {
+      if (!rootRef.current?.contains(event.target))
+        setOpen(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [open]);
+  useEffect19(() => {
+    if (!launcherPosition)
+      return;
+    const constrain = () => setLauncherPosition((current) => {
+      if (!current)
+        return current;
+      const inset = window.innerWidth < 640 ? 12 : 20;
+      return {
+        left: Math.min(Math.max(current.left, inset), window.innerWidth - 56 - inset),
+        top: Math.min(Math.max(current.top, inset), window.innerHeight - 56 - inset)
+      };
+    });
+    window.addEventListener("resize", constrain);
+    return () => window.removeEventListener("resize", constrain);
+  }, [launcherPosition]);
+  useEffect19(() => {
+    const sync = () => {
+      const computed = getComputedStyle(document.documentElement);
+      setHostDark(document.documentElement.classList.contains("dark"));
+      setHostTheme(Object.fromEntries(HOST_THEME_VARIABLES.flatMap((name) => {
+        const value = computed.getPropertyValue(name).trim();
+        return value ? [[name, value]] : [];
+      })));
+    };
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    return () => observer.disconnect();
   }, []);
   const client = useMemo21(() => session ? new ConvexReactClient(session.convexUrl) : undefined, [session?.convexUrl]);
-  const settings = session ? { ...session.settings, ...appearance } : undefined;
-  if (!session || !client || !settings || settings.enabled === false)
+  const settings = {
+    ...remoteSettings ?? session?.settings ?? DEFAULT_SETTINGS,
+    ...appearance,
+    theme: appearance?.theme ?? (hostDark ? "dark" : "light")
+  };
+  if (!session || !client || settings.enabled === false)
     return null;
   const side = settings.position === "left" ? "left" : "right";
+  const activeSide = launcherPosition && typeof window !== "undefined" ? launcherPosition.left + 28 < window.innerWidth / 2 ? "left" : "right" : side;
+  const verticalSide = launcherPosition && typeof window !== "undefined" ? launcherPosition.top + 28 < window.innerHeight / 2 ? "top" : "bottom" : "bottom";
   const radius = { none: 0, sm: 6, md: 10, lg: 16 }[settings.radius];
+  const placementStyle = launcherPosition ? {
+    left: `${launcherPosition.left}px`,
+    top: `${launcherPosition.top}px`,
+    right: "auto",
+    bottom: "auto"
+  } : side === "left" ? { left: "20px" } : { right: "20px" };
   const style = {
-    "--coristen-font-size": fontSize,
+    ...placementStyle,
+    ...hostTheme,
     "--coristen-radius": `${radius}px`,
     "--coristen-bubble-color": settings.bubbleColor,
-    [side]: "20px"
+    ...fontSize ? { "--coristen-font-size": fontSize } : {}
+  };
+  const panelStyle = launcherPosition && typeof window !== "undefined" ? (() => {
+    const inset = window.innerWidth < 640 ? 0 : 20;
+    const width = Math.min(expanded ? 580 : 420, window.innerWidth - inset * 2);
+    const height = Math.min(600, window.innerHeight - inset * 2);
+    return {
+      position: "fixed",
+      right: "auto",
+      bottom: "auto",
+      left: Math.min(Math.max(activeSide === "left" ? launcherPosition.left : launcherPosition.left + 56 - width, inset), window.innerWidth - width - inset),
+      top: Math.min(Math.max(verticalSide === "top" ? launcherPosition.top : launcherPosition.top + 56 - height, inset), window.innerHeight - height - inset)
+    };
+  })() : undefined;
+  const startLauncherDrag = (event) => {
+    if (open || event.button !== 0)
+      return;
+    const bounds = event.currentTarget.getBoundingClientRect();
+    dragRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      left: bounds.left,
+      top: bounds.top,
+      moved: false
+    };
+    event.currentTarget.setPointerCapture(event.pointerId);
+  };
+  const moveLauncher = (event) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== event.pointerId)
+      return;
+    if (!drag.moved && Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) <= 4)
+      return;
+    drag.moved = true;
+    const inset = window.innerWidth < 640 ? 12 : 20;
+    setLauncherPosition({
+      left: Math.min(Math.max(drag.left + event.clientX - drag.startX, inset), window.innerWidth - 56 - inset),
+      top: Math.min(Math.max(drag.top + event.clientY - drag.startY, inset), window.innerHeight - 56 - inset)
+    });
+  };
+  const endLauncherDrag = (event) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== event.pointerId)
+      return;
+    if (drag.moved) {
+      ignoreLauncherClick.current = true;
+      const inset = window.innerWidth < 640 ? 12 : 20;
+      setLauncherPosition((current) => current ? {
+        left: current.left + 28 < window.innerWidth / 2 ? inset : window.innerWidth - 56 - inset,
+        top: current.top
+      } : current);
+    }
+    dragRef.current = undefined;
   };
   return /* @__PURE__ */ jsxDEV19("div", {
+    ref: rootRef,
     "data-coristen-widget": "",
     "data-open": open || undefined,
     "data-expanded": expanded || undefined,
+    "data-position": activeSide,
+    "data-vertical": verticalSide,
+    "data-show-text": settings.bubbleShowText || undefined,
     className: settings.theme === "dark" ? "dark" : undefined,
     style,
     children: [
-      open && /* @__PURE__ */ jsxDEV19("div", {
+      session && client && /* @__PURE__ */ jsxDEV19("div", {
         className: "coristen-panel",
         role: "dialog",
         "aria-label": `${settings.name} chat`,
-        children: /* @__PURE__ */ jsxDEV19(ConvexProvider, {
-          client,
-          children: /* @__PURE__ */ jsxDEV19(WebsiteChat, {
-            workspaceId: session.workspaceId,
-            initialSettings: settings,
-            sessionToken: session.token,
-            expanded,
-            onExpandedChange: setExpanded,
-            onClose: () => setOpen(false),
-            assetBaseUrl: baseUrl
+        "aria-hidden": !open,
+        inert: !open,
+        style: panelStyle,
+        children: /* @__PURE__ */ jsxDEV19(WidgetErrorBoundary, {
+          onError: (error) => onErrorRef.current?.(error),
+          onClose: () => setOpen(false),
+          onRetry: () => setReset((value) => value + 1),
+          children: /* @__PURE__ */ jsxDEV19(ConvexProvider, {
+            client,
+            children: /* @__PURE__ */ jsxDEV19(WebsiteChat, {
+              workspaceId: session.workspaceId,
+              initialSettings: settings,
+              sessionToken: session.token,
+              expanded,
+              onExpandedChange: setExpanded,
+              onClose: () => setOpen(false),
+              onSettingsChange: setRemoteSettings,
+              theme: settings.theme,
+              assetBaseUrl: baseUrl
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+        }, reset, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV19("button", {
         type: "button",
         className: "coristen-launcher",
         "aria-label": open ? "Close chat" : "Open chat",
         "aria-expanded": open,
-        onClick: () => setOpen((current) => !current),
+        "aria-busy": !session,
+        onPointerDown: startLauncherDrag,
+        onPointerMove: moveLauncher,
+        onPointerUp: endLauncherDrag,
+        onPointerCancel: endLauncherDrag,
+        onClick: () => {
+          if (ignoreLauncherClick.current) {
+            ignoreLauncherClick.current = false;
+            return;
+          }
+          setOpen((current) => !current);
+        },
         children: [
-          settings.bubbleIcon ? /* @__PURE__ */ jsxDEV19("img", {
-            src: `${baseUrl}/widget-icons/${settings.bubbleIcon}.svg`,
-            alt: ""
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19(e10, {
-            "aria-hidden": "true"
+          /* @__PURE__ */ jsxDEV19("img", {
+            src: `${baseUrl}/widget-icons/${settings.bubbleIcon || "chat-text"}.svg`,
+            alt: "",
+            draggable: false
           }, undefined, false, undefined, this),
           settings.bubbleShowText && /* @__PURE__ */ jsxDEV19("span", {
             children: settings.bubbleText
@@ -16668,6 +16858,14 @@ function CoristenWidget({
   }, undefined, true, undefined, this);
 }
 var coristenWidget = {
+  open() {
+    if (typeof window !== "undefined")
+      window.dispatchEvent(new Event("coristen:open"));
+  },
+  close() {
+    if (typeof window !== "undefined")
+      window.dispatchEvent(new Event("coristen:close"));
+  },
   reset() {
     if (typeof window !== "undefined")
       window.dispatchEvent(new Event("coristen:reset"));