saasco-sdk 0.2.4 → 0.2.5

package/dist/support.cjs

@@ -76,12 +76,17 @@ __export(support_exports, {
 });
 module.exports = __toCommonJS(support_exports);
 
-// ../../support/shared/src/lib/types/supportEmbedBridge.ts
+// ../../support/shared/src/lib/widget/supportEmbedBridge.ts
 var BRIDGE_SOURCE = "saasco-support";
 var BRIDGE_PROTOCOL_VERSION = 1;
 var BRIDGE_REQUEST_TIMEOUT_MS = 15e3;
 
-// ../../support/shared/src/lib/supportEmbedBridge.ts
+// ../../utils/shared/src/lib/isRecord.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
+// ../../support/shared/src/lib/widget/supportEmbedBridgeParse.ts
 function createEnvelope(message) {
   return {
     source: BRIDGE_SOURCE,
@@ -188,9 +193,6 @@ function matchesOriginPattern(origin, pattern) {
 function isOriginAllowed(origin, patterns) {
   return patterns.some((pattern) => matchesOriginPattern(origin, pattern));
 }
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
 function readEnvelope(data) {
   if (!isRecord(data)) {
     return null;
@@ -229,7 +231,12 @@ function parseIdentityBearingMessage(msg) {
   if (msg.identity !== null && !isRecord(msg.identity)) {
     return null;
   }
-  return { ...msg, identity: sanitizeBridgeIdentity(msg.identity) };
+  const identity2 = sanitizeBridgeIdentity(msg.identity);
+  if (msg.type === "identify") {
+    return { ...msg, identity: identity2 };
+  }
+  const hostLauncher = msg.hostLauncher === true ? true : msg.hostLauncher === false ? false : void 0;
+  return { ...msg, hostLauncher, identity: identity2 };
 }
 function isValidPageContextMessage(msg) {
   return typeof msg.requestId === "string" && isRecord(msg.context) && typeof msg.context.url === "string";
@@ -240,7 +247,10 @@ var stateSnapshot;
 var identity = null;
 var userJwt = null;
 var hostViewport = null;
+var hostOwnsLauncher = false;
+var previewShell = null;
 var openControls = null;
+var pendingOpenCommand = null;
 var subscribers = /* @__PURE__ */ new Set();
 function notify() {
   for (const cb of subscribers) {
@@ -281,6 +291,19 @@ function setHostViewport(next) {
 function getHostViewport() {
   return hostViewport;
 }
+function setHostOwnsLauncher(next) {
+  if (hostOwnsLauncher === next) {
+    return;
+  }
+  hostOwnsLauncher = next;
+  notify();
+}
+function getHostOwnsLauncher() {
+  return hostOwnsLauncher;
+}
+function getPreviewShell() {
+  return previewShell;
+}
 function resetSession() {
   identity = null;
   userJwt = null;
@@ -298,12 +321,32 @@ function subscribeToRegistry(cb) {
 }
 function setOpenControls(controls) {
   openControls = controls;
+  if (!controls || pendingOpenCommand === null) {
+    return;
+  }
+  const shouldOpen = pendingOpenCommand;
+  pendingOpenCommand = null;
+  if (shouldOpen) {
+    controls.open();
+    return;
+  }
+  controls.close();
 }
 function openWidget() {
-  openControls?.open();
+  if (openControls) {
+    pendingOpenCommand = null;
+    openControls.open();
+    return;
+  }
+  pendingOpenCommand = true;
 }
 function closeWidget() {
-  openControls?.close();
+  if (openControls) {
+    pendingOpenCommand = null;
+    openControls.close();
+    return;
+  }
+  pendingOpenCommand = false;
 }
 
 // src/lib/support/embedBridge.ts
@@ -324,7 +367,7 @@ function post(message) {
   if (!parent || parent === window) {
     return;
   }
-  const targetOrigin = message.type === "resize" ? "*" : parentOrigin ?? "*";
+  const targetOrigin = message.type === "resize" || message.type === "openState" ? "*" : parentOrigin ?? "*";
   parent.postMessage(createEnvelope(message), targetOrigin);
 }
 function handleHostMessage(message) {
@@ -336,6 +379,7 @@ function handleHostMessage(message) {
       if (message.viewport) {
         setHostViewport(message.viewport);
       }
+      setHostOwnsLauncher(message.hostLauncher === true);
       break;
     }
     case "shutdown": {
@@ -429,6 +473,9 @@ function initEmbedBridge(options) {
 function postResize(width, height, fullscreen = false) {
   post({ fullscreen, height, type: "resize", width });
 }
+function postOpenState(open, fullscreen = false) {
+  post({ fullscreen, open, type: "openState" });
+}
 function postLauncherState(scale2, hovered) {
   post({ hovered, scale: scale2, type: "launcherState" });
 }
@@ -483,7 +530,7 @@ function executeHostTool(name, args, request) {
 }
 
 // src/lib/support/Widget.tsx
-var import_react41 = require("@ai-sdk/react");
+var import_react43 = require("@ai-sdk/react");
 
 // ../../chat/client/src/lib/core/chatSessionStorage.ts
 var MAX_SESSION_HISTORY = 50;
@@ -795,42 +842,7 @@ function useToolApprovals({
   return { approve, clearPending, onToolCall, pending, reject };
 }
 
-// ../../support/shared/src/lib/buildMergedStateSnapshot.ts
-function buildMergedStateSnapshot(layers) {
-  const merged = {};
-  const ordered = [
-    layers.browserContext,
-    layers.identifyTraits,
-    layers.envelope,
-    toRecord(layers.hostSnapshot)
-  ];
-  for (const layer of ordered) {
-    if (!layer) {
-      continue;
-    }
-    for (const [key, value] of Object.entries(layer)) {
-      const scalar = coerceScalar(value);
-      if (scalar !== void 0) {
-        merged[key] = scalar;
-      }
-    }
-  }
-  return merged;
-}
-function coerceScalar(value) {
-  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
-    return value;
-  }
-  return void 0;
-}
-function toRecord(value) {
-  if (value && typeof value === "object" && !Array.isArray(value)) {
-    return value;
-  }
-  return void 0;
-}
-
-// ../../support/shared/src/lib/types/kbCitations.ts
+// ../../support/shared/src/lib/message/kbCitations.ts
 var import_zod = require("zod");
 var KB_CITATION_MARKER_PATTERN = /\[\[kb:([^\]]+)\]\]/gu;
 var KbCitationSchema = import_zod.z.object({
@@ -838,8 +850,6 @@ var KbCitationSchema = import_zod.z.object({
   title: import_zod.z.string(),
   url: import_zod.z.string()
 });
-
-// ../../support/shared/src/lib/kbCitations.ts
 function stripKbCitationMarkers(text) {
   return text.replaceAll(KB_CITATION_MARKER_PATTERN, "");
 }
@@ -868,8 +878,9 @@ function buildKbCitationNumberMap(text) {
   return map;
 }
 
-// ../../support/shared/src/lib/normalizeToolName.ts
+// ../../support/shared/src/lib/tools/normalizeToolName.ts
 var CLOSE_CONVERSATION_TOOL_NAME = "close_conversation";
+var REPORT_KNOWLEDGE_GAP_TOOL_NAME = "report_knowledge_gap";
 var REQUEST_HUMAN_HANDOFF_TOOL_NAME = "request_human_handoff";
 function normalizeToolName(displayName) {
   return displayName.trim().toLowerCase().replaceAll(/[^a-z0-9]+/gu, "_").replaceAll(/_+/gu, "_").replaceAll(/^_+|_+$/gu, "").slice(0, 64);
@@ -886,6 +897,33 @@ function buildToolDisplayLabelMap(tools) {
   return labels;
 }
 
+// ../../support/shared/src/lib/tools/toolContext.ts
+function pickScalarRecord(value) {
+  if (!isRecord(value)) {
+    return {};
+  }
+  const scalars = {};
+  for (const [key, entry] of Object.entries(value)) {
+    if (typeof entry === "string" || typeof entry === "number" || typeof entry === "boolean") {
+      scalars[key] = entry;
+    }
+  }
+  return scalars;
+}
+function buildToolContext({
+  identity: identity2,
+  stateSnapshot: stateSnapshot2
+}) {
+  const context = pickScalarRecord(stateSnapshot2);
+  if (identity2?.distinctId) {
+    context.distinctId = identity2.distinctId;
+  }
+  if (identity2?.email) {
+    context.email = identity2.email;
+  }
+  return context;
+}
+
 // src/lib/support/Widget.tsx
 var import_ai7 = require("ai");
 
@@ -9430,7 +9468,7 @@ function useReducedMotion() {
 }
 
 // src/lib/support/Widget.tsx
-var import_react42 = require("react");
+var import_react44 = require("react");
 
 // src/lib/support/buildWidgetTypingLabel.ts
 function buildWidgetTypingLabel(actors) {
@@ -9456,7 +9494,7 @@ function SaascoLogo() {
       viewBox: "0 0 438 83",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { height: "83", rx: "22", width: "83", x: "0.308594", fill: "#171717" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { height: "83", rx: "22", width: "83", x: "0.308594", fill: "#0B0B0B" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
@@ -9491,42 +9529,42 @@ function SaascoLogo() {
           "path",
           {
             d: "M408.943 73.5C392.079 73.5 380.697 61.1648 380.697 41.5C380.697 21.7756 392.139 9.5 408.943 9.5C425.807 9.5 437.189 21.7756 437.189 41.5C437.189 61.1648 425.807 73.5 408.943 73.5ZM408.943 66.5279C421.1 66.5279 429.204 57.2318 429.204 41.5C429.204 25.7682 421.1 16.4721 408.943 16.4721C396.787 16.4721 388.742 25.7682 388.742 41.5C388.742 57.2318 396.787 66.5279 408.943 66.5279Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M377.565 30.1182H369.818C368.15 22.4907 361.893 16.4721 352.12 16.4721C340.023 16.4721 332.097 26.1853 332.097 41.5C332.097 57.0531 340.083 66.5279 352.179 66.5279C361.535 66.5279 368.03 61.3436 369.818 53.2989H377.624C375.896 65.1574 365.826 73.5 352.12 73.5C335.196 73.5 324.053 61.3436 324.053 41.5C324.053 21.9544 335.196 9.5 352.06 9.5C366.66 9.5 376.016 19.0344 377.565 30.1182Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M274.262 27.0791C274.262 16.8296 283.379 9.5 296.31 9.5C309.539 9.5 318.359 17.1872 319.074 28.4497H311.506C310.493 20.703 304.891 15.9953 296.31 15.9953C287.848 15.9953 282.068 20.4646 282.068 26.662C282.068 31.7272 285.584 34.8855 293.807 36.852L303.163 39.0568C315.558 42.0363 320.206 46.8035 320.206 55.5633C320.206 66.0512 310.374 73.5 296.847 73.5C282.843 73.5 273.547 66.0512 272.474 54.729H280.34C281.532 62.5354 287.55 67.0047 296.847 67.0047C306.143 67.0047 312.28 62.6546 312.28 56.1592C312.28 50.7961 309.241 47.8166 300.899 45.7905L291.603 43.5857C279.804 40.8445 274.262 35.6601 274.262 27.0791Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M238.713 66.7067C249.558 66.7067 258.079 59.0196 258.079 49.1871V42.3343L239.726 43.5857C229.953 44.2412 224.53 48.4721 224.53 55.325C224.53 62.0587 230.31 66.7067 238.713 66.7067ZM237.104 73.5C224.888 73.5 216.545 66.1704 216.545 55.325C216.545 44.7179 224.47 38.2821 238.772 37.3287L258.079 36.1369V30.7737C258.079 21.8352 252.418 16.4721 242.765 16.4721C233.647 16.4721 227.807 20.9413 226.437 28.4497H218.809C219.703 17.3659 228.821 9.5 242.943 9.5C257.066 9.5 265.945 17.4255 265.945 30.0587V72.487H258.437V60.6881H258.258C254.802 68.3752 246.34 73.5 237.104 73.5Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M181.949 66.7067C192.794 66.7067 201.316 59.0196 201.316 49.1871V42.3343L182.962 43.5857C173.189 44.2412 167.766 48.4721 167.766 55.325C167.766 62.0587 173.547 66.7067 181.949 66.7067ZM180.34 73.5C168.124 73.5 159.781 66.1704 159.781 55.325C159.781 44.7179 167.707 38.2821 182.008 37.3287L201.316 36.1369V30.7737C201.316 21.8352 195.655 16.4721 186.001 16.4721C176.884 16.4721 171.044 20.9413 169.673 28.4497H162.046C162.94 17.3659 172.057 9.5 186.18 9.5C200.303 9.5 209.182 17.4255 209.182 30.0587V72.487H201.673V60.6881H201.494C198.038 68.3752 189.576 73.5 180.34 73.5Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M109.096 27.0791C109.096 16.8296 118.214 9.5 131.145 9.5C144.374 9.5 153.193 17.1872 153.908 28.4497H146.34C145.327 20.703 139.726 15.9953 131.145 15.9953C122.683 15.9953 116.903 20.4646 116.903 26.662C116.903 31.7272 120.418 34.8855 128.642 36.852L137.998 39.0568C150.392 42.0363 155.04 46.8035 155.04 55.5633C155.04 66.0512 145.208 73.5 131.681 73.5C117.677 73.5 108.381 66.0512 107.309 54.729H115.175C116.366 62.5354 122.385 67.0047 131.681 67.0047C140.977 67.0047 147.115 62.6546 147.115 56.1592C147.115 50.7961 144.076 47.8166 135.733 45.7905L126.437 43.5857C114.638 40.8445 109.096 35.6601 109.096 27.0791Z",
-            fill: "#171717"
+            fill: "#0B0B0B"
           }
         )
       ]
@@ -9826,6 +9864,204 @@ function ImageIcon() {
   );
 }
 
+// src/lib/widget-scale.ts
+var WIDGET_MOBILE_BREAKPOINT_PX = 640;
+var LAUNCHER_BUTTON_BASE_PX = 60;
+var SCALE_BASELINE_PX = 360;
+var MAX_VIEWPORT_SCALE = 1.25;
+var MAX_ZOOM_SCALE = 3;
+var ZOOM_TOLERANCE = 1.05;
+function widgetScaleMetrics(viewport, device) {
+  const width = Number.isFinite(viewport.width) ? viewport.width : 0;
+  if (width <= 0) {
+    return { effectiveWidth: 0, isMobile: false, scale: 1 };
+  }
+  const zoom = zoomOutFactor(viewport, device);
+  const effectiveWidth = width / zoom;
+  const isMobile = effectiveWidth <= WIDGET_MOBILE_BREAKPOINT_PX;
+  const viewportScale = isMobile ? clamp2(effectiveWidth / SCALE_BASELINE_PX, 1, MAX_VIEWPORT_SCALE) : 1;
+  return { effectiveWidth, isMobile, scale: viewportScale * zoom };
+}
+function readWidgetScaleMetrics(viewport) {
+  if (typeof window === "undefined") {
+    return { effectiveWidth: 0, isMobile: false, scale: 1 };
+  }
+  return widgetScaleMetrics(viewport ?? hostLayoutViewport(), readDevice());
+}
+function hostLayoutViewport() {
+  const root = document.documentElement;
+  return {
+    height: root?.clientHeight || window.innerHeight,
+    width: root?.clientWidth || window.innerWidth
+  };
+}
+function scaledPx(basePx, scale2) {
+  return Math.round(basePx * scale2);
+}
+function launcherButtonPx(scale2) {
+  return scaledPx(LAUNCHER_BUTTON_BASE_PX, scale2);
+}
+function zoomOutFactor(viewport, device) {
+  if (!device.touch) {
+    return 1;
+  }
+  const deviceWidth = orientedDeviceWidth(viewport, device);
+  if (deviceWidth <= 0 || viewport.width <= deviceWidth * ZOOM_TOLERANCE) {
+    return 1;
+  }
+  return Math.min(viewport.width / deviceWidth, MAX_ZOOM_SCALE);
+}
+function orientedDeviceWidth(viewport, device) {
+  const shortSide = Math.min(device.screenWidth, device.screenHeight);
+  const longSide = Math.max(device.screenWidth, device.screenHeight);
+  const portrait = viewport.height > 0 && viewport.height >= viewport.width;
+  return portrait ? shortSide : longSide;
+}
+function readDevice() {
+  return {
+    screenHeight: window.screen?.height ?? 0,
+    screenWidth: window.screen?.width ?? 0,
+    touch: window.matchMedia?.("(pointer: coarse)").matches === true
+  };
+}
+function clamp2(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+
+// src/lib/support/widget-constants.ts
+var MESSAGE_GROUP_THRESHOLD_MS = 2 * 60 * 1e3;
+var POLL_INTERVAL_MS = 5e3;
+var MAX_TEXTAREA_HEIGHT_PX = 120;
+var SCROLL_BOTTOM_THRESHOLD_PX = 56;
+var SCROLL_PREVIOUS_ITEM_PEEK_PX = 64;
+var OVERSCROLL_EDGE_SLACK_PX = 1;
+var BOUNCE_SETTLE_MS = 400;
+var MIN_SCROLLBAR_THUMB_PX = 28;
+var PANEL_WIDTH_PX = 384;
+var PANEL_MAX_HEIGHT_PX = 680;
+var PANEL_VERTICAL_RESERVE_PX = 110;
+var PANEL_HORIZONTAL_RESERVE_PX = 40;
+var ROOT_PADDING_PX = 16;
+var ROOT_HORIZONTAL_PADDING_PX = ROOT_PADDING_PX * 2;
+var ROOT_VERTICAL_PADDING_PX = ROOT_PADDING_PX * 2;
+function closedFrameSizePx(scale2) {
+  return launcherButtonPx(scale2) + ROOT_HORIZONTAL_PADDING_PX;
+}
+var LAUNCHER_ICON_BASE_PX = 25;
+var ROOT_STACK_GAP_PX = 12;
+var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/u;
+var DEFAULT_BRANDING = {
+  agentLabel: "AI Agent",
+  greeting: "Ask us anything, or share your feedback.",
+  replyTime: "a few hours",
+  teamDescription: "The team can also help",
+  workspaceName: "Support"
+};
+var DEFAULT_SUGGESTIONS = [];
+var FADE_TRANSITION = { duration: 0.12, ease: "easeOut" };
+var SLIDE_TRANSITION = {
+  duration: 0.28,
+  ease: [0.32, 0.72, 0, 1]
+};
+var NAV_TRANSITION = { duration: 0.2, ease: "easeOut" };
+var LAUNCHER_ICON_TRANSITION = {
+  type: "spring",
+  stiffness: 420,
+  damping: 30,
+  mass: 0.85
+};
+var LAUNCHER_ICON_ROTATE_DEG = 25;
+var LAUNCHER_BUTTON_TRANSITION = {
+  type: "spring",
+  stiffness: 520,
+  damping: 28,
+  mass: 0.7
+};
+var LAUNCHER_HOVER_SCALE = 1.08;
+var LAUNCHER_TAP_SCALE = 0.9;
+var PANEL_SPRING = {
+  type: "spring",
+  stiffness: 380,
+  damping: 32,
+  mass: 0.85,
+  opacity: { duration: 0.22, ease: "easeOut" }
+};
+var SCROLL_BOTTOM_TRANSITION = {
+  duration: 0.38,
+  ease: [0.32, 0.72, 0, 1],
+  opacity: { delay: 0.12, duration: 0.2, ease: "easeInOut" }
+};
+var FOOTER_SWAP_SHIFT_PX = 28;
+var PANEL_CLOSED_SCALE = 0.94;
+var viewVariants = {
+  center: (t) => ({
+    opacity: 1,
+    transition: t.mode === "fade" ? FADE_TRANSITION : SLIDE_TRANSITION,
+    x: 0
+  }),
+  enter: (t) => t.mode === "fade" ? { opacity: 0, x: 0 } : { opacity: 1, x: t.direction > 0 ? "100%" : "-100%" },
+  exit: (t) => t.mode === "fade" ? { opacity: 0, transition: FADE_TRANSITION, x: 0 } : {
+    opacity: 1,
+    transition: SLIDE_TRANSITION,
+    x: t.direction > 0 ? "-100%" : "100%"
+  }
+};
+var COMPOSER_FADE_TRANSITION = {
+  duration: 0.2,
+  ease: "easeOut"
+};
+var COMPOSER_LOAD_FADE_TRANSITION = {
+  duration: 0.22,
+  ease: "easeOut"
+};
+var composerVariants = {
+  center: (t) => ({
+    opacity: 1,
+    transition: t.mode === "fade" ? FADE_TRANSITION : { ...SLIDE_TRANSITION, opacity: COMPOSER_FADE_TRANSITION },
+    x: 0
+  }),
+  enter: (t) => t.mode === "fade" ? { opacity: 0, x: 0 } : { opacity: 0, x: t.direction > 0 ? "-100%" : "100%" },
+  exit: (t) => t.mode === "fade" ? { opacity: 0, transition: FADE_TRANSITION, x: 0 } : {
+    opacity: 0,
+    transition: {
+      ...SLIDE_TRANSITION,
+      opacity: COMPOSER_FADE_TRANSITION
+    },
+    x: t.direction > 0 ? "100%" : "-100%"
+  }
+};
+
+// src/lib/support/resolveSubmitEmailGate.ts
+var EMAIL_GATE_ERROR = "Enter a valid email so we can reply to you.";
+function resolveEmailDraftError(emailDraft) {
+  return EMAIL_PATTERN.test(emailDraft.trim()) ? null : EMAIL_GATE_ERROR;
+}
+function resolveSubmitEmailGate({
+  emailDraft,
+  isNewConversation,
+  knownEmail
+}) {
+  if (!isNewConversation || knownEmail) {
+    return {
+      emailForSend: knownEmail ?? void 0,
+      ok: true,
+      optimisticallyCapturedEmail: null
+    };
+  }
+  const candidate = emailDraft.trim();
+  if (!EMAIL_PATTERN.test(candidate)) {
+    return {
+      error: EMAIL_GATE_ERROR,
+      ok: false
+    };
+  }
+  return {
+    emailForSend: candidate,
+    ok: true,
+    optimisticallyCapturedEmail: candidate
+  };
+}
+
 // src/lib/support/types.ts
 var MAX_MESSAGE_LENGTH = 5e3;
 var MAX_CONVERSATION_IMAGE_ATTACHMENTS = 5;
@@ -13194,10 +13430,12 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 function Composer({
   draft,
   emailDraft,
+  emailError,
   imageInputRef,
   isLoading,
   needsEmail,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onRemovePendingImage,
@@ -13208,7 +13446,8 @@ function Composer({
   sendError,
   textareaRef
 }) {
-  const canSend = draft.trim().length > 0 || pendingImages.length > 0;
+  const emailReady = !needsEmail || resolveEmailDraftError(emailDraft) === null;
+  const canSend = (draft.trim().length > 0 || pendingImages.length > 0) && emailReady;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "form",
     {
@@ -13216,21 +13455,29 @@ function Composer({
       onSubmit,
       children: [
         sendError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mb-2 text-xs text-red-600", children: sendError }),
-        needsEmail && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "input",
-          {
-            "aria-label": "Your email",
-            className: "mb-2 w-full rounded-[var(--scw-composer-radius,24px)] border border-solid border-neutral-200 bg-white px-[11px] py-[9px] font-[inherit] text-sm text-neutral-950 placeholder:text-neutral-400 focus:border-neutral-400 focus:outline-none",
-            onChange: (e) => onEmailChange(e.target.value),
-            placeholder: "Your email address",
-            type: "email",
-            value: emailDraft
-          }
-        ),
+        needsEmail && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "input",
+            {
+              "aria-invalid": emailError ? true : void 0,
+              "aria-label": "Your email",
+              className: cn(
+                "w-full rounded-[var(--scw-composer-radius,24px)] border border-solid bg-white px-[11px] py-[9px] font-[inherit] text-sm text-neutral-950 placeholder:text-neutral-400 focus:outline-none",
+                emailError ? "border-red-400 focus:border-red-500" : "border-border focus:border-[color:var(--scw-hairline-strong)]"
+              ),
+              onBlur: onEmailBlur,
+              onChange: (e) => onEmailChange(e.target.value),
+              placeholder: "Your email address",
+              type: "email",
+              value: emailDraft
+            }
+          ),
+          emailError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1.5 px-1 text-xs text-red-600", children: emailError })
+        ] }),
         pendingImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mb-2 flex flex-wrap gap-2", children: pendingImages.map((file, index2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           Attachment,
           {
-            className: "relative size-14 overflow-hidden rounded-[10px] border border-solid border-neutral-200 p-0",
+            className: "relative size-14 overflow-hidden rounded-[10px] border border-solid border-border p-0",
             orientation: "vertical",
             state: "done",
             children: [
@@ -13256,7 +13503,7 @@ function Composer({
           },
           `${file.name}-${index2}`
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-2 rounded-[var(--scw-composer-radius,24px)] border border-solid border-neutral-200 bg-white px-3.5 py-3 transition-[border-color,box-shadow] duration-[250ms] ease-in-out focus-within:border-neutral-900 focus-within:shadow-[0_0_0_1px_#171717]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-2 rounded-[var(--scw-composer-radius,24px)] border border-solid border-border bg-white px-3.5 py-3 transition-[border-color,box-shadow] duration-[250ms] ease-in-out focus-within:border-neutral-900 focus-within:shadow-[0_0_0_1px_var(--scw-ink)]", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "textarea",
             {
@@ -13325,67 +13572,16 @@ function focusComposer(textareaRef) {
   });
 }
 
-// src/lib/support/handoff.ts
+// ../../chat/client/src/lib/core/buildMessageBlocks.ts
+var import_ai2 = require("ai");
+
+// ../../chat/client/src/lib/core/toolParts.ts
 var import_ai = require("ai");
-function readHandoffOffer(message) {
-  for (const part of message.parts ?? []) {
-    if (!(0, import_ai.isToolUIPart)(part) || (0, import_ai.getToolName)(part) !== REQUEST_HUMAN_HANDOFF_TOOL_NAME) {
-      continue;
-    }
-    if (part.state !== "output-available") {
-      continue;
-    }
-    const output = part.output;
-    if (output?.offerHandoff && !output.declined) {
-      return { reason: output.reason ?? null, toolCallId: part.toolCallId };
-    }
+function isLiveToolPart(part) {
+  if (!(0, import_ai.isToolUIPart)(part)) {
+    return false;
   }
-  return null;
-}
-function markHandoffDeclinedInMessages(messages, toolCallId) {
-  let changed = false;
-  const next = messages.map((message) => {
-    if (message.role !== "assistant") {
-      return message;
-    }
-    let messageChanged = false;
-    const parts = (message.parts ?? []).map((part) => {
-      if (!(0, import_ai.isToolUIPart)(part) || (0, import_ai.getToolName)(part) !== REQUEST_HUMAN_HANDOFF_TOOL_NAME) {
-        return part;
-      }
-      if (part.toolCallId !== toolCallId || part.state !== "output-available") {
-        return part;
-      }
-      const output = part.output;
-      if (output?.declined) {
-        return part;
-      }
-      messageChanged = true;
-      changed = true;
-      return {
-        ...part,
-        output: {
-          ...output,
-          declined: true,
-          offerHandoff: false
-        }
-      };
-    });
-    return messageChanged ? { ...message, parts } : message;
-  });
-  return changed ? next : messages;
-}
-
-// ../../chat/client/src/lib/core/buildMessageBlocks.ts
-var import_ai3 = require("ai");
-
-// ../../chat/client/src/lib/core/toolParts.ts
-var import_ai2 = require("ai");
-function isLiveToolPart(part) {
-  if (!(0, import_ai2.isToolUIPart)(part)) {
-    return false;
-  }
-  return part.state !== "output-available" && part.state !== "output-error";
+  return part.state !== "output-available" && part.state !== "output-error";
 }
 function messageHasLiveTools(message) {
   if (message.role !== "assistant") {
@@ -13394,13 +13590,13 @@ function messageHasLiveTools(message) {
   return (message.parts ?? []).some(isLiveToolPart);
 }
 function toolPartToView(part) {
-  if (!(0, import_ai2.isToolUIPart)(part)) {
+  if (!(0, import_ai.isToolUIPart)(part)) {
     return null;
   }
   const view = {
     state: part.state,
     toolCallId: part.toolCallId,
-    toolName: (0, import_ai2.getToolName)(part)
+    toolName: (0, import_ai.getToolName)(part)
   };
   if (part.state === "approval-requested" && "approval" in part) {
     view.approvalId = part.approval.id;
@@ -13427,7 +13623,7 @@ function buildMessageBlocks(message) {
     textBuffer = "";
   };
   for (const part of message.parts) {
-    if ((0, import_ai3.isTextUIPart)(part)) {
+    if ((0, import_ai2.isTextUIPart)(part)) {
       textBuffer += part.text;
       continue;
     }
@@ -13447,110 +13643,7 @@ function buildMessageBlocks(message) {
 }
 
 // src/lib/support/message-utils.ts
-var import_ai4 = require("ai");
-
-// src/lib/support/widget-constants.ts
-var MESSAGE_GROUP_THRESHOLD_MS = 2 * 60 * 1e3;
-var POLL_INTERVAL_MS = 5e3;
-var MAX_TEXTAREA_HEIGHT_PX = 120;
-var SCROLL_BOTTOM_THRESHOLD_PX = 56;
-var SCROLL_PREVIOUS_ITEM_PEEK_PX = 64;
-var OVERSCROLL_EDGE_SLACK_PX = 1;
-var BOUNCE_SETTLE_MS = 400;
-var MIN_SCROLLBAR_THUMB_PX = 28;
-var PANEL_WIDTH_PX = 384;
-var PANEL_MAX_HEIGHT_PX = 680;
-var PANEL_VERTICAL_RESERVE_PX = 110;
-var PANEL_HORIZONTAL_RESERVE_PX = 40;
-var MOBILE_BREAKPOINT_PX = 640;
-var ROOT_PADDING_PX = 16;
-var ROOT_HORIZONTAL_PADDING_PX = ROOT_PADDING_PX * 2;
-var ROOT_VERTICAL_PADDING_PX = ROOT_PADDING_PX * 2;
-var LAUNCHER_SIZE_PX = 60;
-var CLOSED_FRAME_SIZE_PX = LAUNCHER_SIZE_PX + ROOT_HORIZONTAL_PADDING_PX;
-var ROOT_STACK_GAP_PX = 12;
-var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/u;
-var DEFAULT_BRANDING = {
-  agentLabel: "AI Agent",
-  greeting: "Ask us anything, or share your feedback.",
-  replyTime: "a few hours",
-  teamDescription: "The team can also help",
-  workspaceName: "Support"
-};
-var FADE_TRANSITION = { duration: 0.12, ease: "easeOut" };
-var SLIDE_TRANSITION = {
-  duration: 0.28,
-  ease: [0.32, 0.72, 0, 1]
-};
-var NAV_TRANSITION = { duration: 0.2, ease: "easeOut" };
-var LAUNCHER_ICON_TRANSITION = {
-  type: "spring",
-  stiffness: 420,
-  damping: 30,
-  mass: 0.85
-};
-var LAUNCHER_ICON_ROTATE_DEG = 25;
-var LAUNCHER_BUTTON_TRANSITION = {
-  type: "spring",
-  stiffness: 520,
-  damping: 28,
-  mass: 0.7
-};
-var LAUNCHER_HOVER_SCALE = 1.08;
-var LAUNCHER_TAP_SCALE = 0.9;
-var PANEL_SPRING = {
-  type: "spring",
-  stiffness: 380,
-  damping: 32,
-  mass: 0.85,
-  opacity: { duration: 0.22, ease: "easeOut" }
-};
-var SCROLL_BOTTOM_TRANSITION = {
-  duration: 0.38,
-  ease: [0.32, 0.72, 0, 1],
-  opacity: { delay: 0.12, duration: 0.2, ease: "easeInOut" }
-};
-var FOOTER_SWAP_SHIFT_PX = 28;
-var PANEL_CLOSED_SCALE = 0.94;
-var viewVariants = {
-  center: (t) => ({
-    opacity: 1,
-    transition: t.mode === "fade" ? FADE_TRANSITION : SLIDE_TRANSITION,
-    x: 0
-  }),
-  enter: (t) => t.mode === "fade" ? { opacity: 0, x: 0 } : { opacity: 1, x: t.direction > 0 ? "100%" : "-100%" },
-  exit: (t) => t.mode === "fade" ? { opacity: 0, transition: FADE_TRANSITION, x: 0 } : {
-    opacity: 1,
-    transition: SLIDE_TRANSITION,
-    x: t.direction > 0 ? "-100%" : "100%"
-  }
-};
-var COMPOSER_FADE_TRANSITION = {
-  duration: 0.2,
-  ease: "easeOut"
-};
-var COMPOSER_LOAD_FADE_TRANSITION = {
-  duration: 0.22,
-  ease: "easeOut"
-};
-var composerVariants = {
-  center: (t) => ({
-    opacity: 1,
-    transition: t.mode === "fade" ? FADE_TRANSITION : { ...SLIDE_TRANSITION, opacity: COMPOSER_FADE_TRANSITION },
-    x: 0
-  }),
-  enter: (t) => t.mode === "fade" ? { opacity: 0, x: 0 } : { opacity: 0, x: t.direction > 0 ? "-100%" : "100%" },
-  exit: (t) => t.mode === "fade" ? { opacity: 0, transition: FADE_TRANSITION, x: 0 } : {
-    opacity: 0,
-    transition: {
-      ...SLIDE_TRANSITION,
-      opacity: COMPOSER_FADE_TRANSITION
-    },
-    x: t.direction > 0 ? "100%" : "-100%"
-  }
-};
-
-// src/lib/support/message-utils.ts
+var import_ai3 = require("ai");
 function isAttachmentOnlyPlainBody(text) {
   const trimmed = text.trim();
   if (trimmed === "[Image]") {
@@ -13594,7 +13687,7 @@ function createLocalUserMessage({
 }
 function readMessageAttachmentUrls(message) {
   const { metadata } = message;
-  if (!isRecord2(metadata) || !("attachmentUrls" in metadata)) {
+  if (!isRecord(metadata) || !("attachmentUrls" in metadata)) {
     return [];
   }
   const value = metadata.attachmentUrls;
@@ -13603,9 +13696,6 @@ function readMessageAttachmentUrls(message) {
   }
   return value.filter((entry) => typeof entry === "string");
 }
-function isRecord2(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 async function fileToBase64(file) {
   const buffer = await file.arrayBuffer();
   const bytes = new Uint8Array(buffer);
@@ -13629,7 +13719,7 @@ function isAssistantMessageReadyToChime(messages, message, isLoading) {
     return false;
   }
   const isLastMessage = messages.at(-1)?.id === message.id;
-  if (isLastMessage && (0, import_ai4.lastAssistantMessageIsCompleteWithToolCalls)({ messages })) {
+  if (isLastMessage && (0, import_ai3.lastAssistantMessageIsCompleteWithToolCalls)({ messages })) {
     return false;
   }
   return true;
@@ -13870,28 +13960,6 @@ function coerceToolArgs(args) {
   }
   return {};
 }
-function buildToolContext({
-  identity: identity2,
-  stateSnapshot: stateSnapshot2
-}) {
-  const context = {};
-  if (stateSnapshot2 && typeof stateSnapshot2 === "object" && !Array.isArray(stateSnapshot2)) {
-    for (const [key, value] of Object.entries(
-      stateSnapshot2
-    )) {
-      if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
-        context[key] = value;
-      }
-    }
-  }
-  if (identity2?.distinctId) {
-    context.distinctId = identity2.distinctId;
-  }
-  if (identity2?.email) {
-    context.email = identity2.email;
-  }
-  return context;
-}
 
 // src/lib/support/reconstructDashboardTool.ts
 function reconstructDashboardTool(def) {
@@ -13945,7 +14013,7 @@ function reconstructDashboardTool(def) {
 
 // src/lib/support/generated/widget-css.ts
 var GENERATED_WIDGET_CSS = `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-blue-600:oklch(54.6% .245 262.881);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:calc(var(--radius) - 2px);--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-s-1{inset-inline-start:var(--spacing)}.inset-s-1\\/2{inset-inline-start:50%}.top-0{top:0}.top-0\\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\\/2{top:50%}.top-\\[calc\\(100\\%\\+8px\\)\\]{top:calc(100% + 8px)}.top-\\[var\\(--scw-header-padding\\)\\]{top:var(--scw-header-padding)}.right-0{right:0}.right-0\\.5{right:calc(var(--spacing) * .5)}.right-3{right:calc(var(--spacing) * 3)}.right-\\[var\\(--scw-header-padding\\)\\]{right:var(--scw-header-padding)}.bottom-0{bottom:0}.bottom-\\[calc\\(var\\(--scw-send-pill-gap\\)\\+var\\(--scw-nav-height\\)\\)\\]{bottom:calc(var(--scw-send-pill-gap) + var(--scw-nav-height))}.bottom-full{bottom:100%}.left-1{left:var(--spacing)}.left-1\\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[5\\]{z-index:5}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\\.5{margin-top:calc(var(--spacing) * -1.5)}.mt-0{margin-top:0}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\\[-16px\\]{margin-top:-16px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\\.5{margin-bottom:calc(var(--spacing) * 2.5)}.ml-\\[0\\.25em\\]{margin-left:.25em}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing);height:var(--spacing)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-\\[1\\.45em\\]{width:1.45em;height:1.45em}.size-\\[18px\\]{width:18px;height:18px}.size-\\[25px\\]{width:25px;height:25px}.size-\\[60px\\]{width:60px;height:60px}.size-\\[var\\(--scw-header-btn-size\\)\\]{width:var(--scw-header-btn-size);height:var(--scw-header-btn-size)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[13px\\]{height:13px}.h-\\[var\\(--scw-panel-height\\,600px\\)\\]{height:var(--scw-panel-height,600px)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.max-h-\\[120px\\]{max-height:120px}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-\\[22px\\]{min-height:22px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[calc\\(var\\(--scw-header-padding\\)\\*2\\+var\\(--scw-header-btn-size\\)\\)\\]{min-height:calc(var(--scw-header-padding) * 2 + var(--scw-header-btn-size))}.min-h-full{min-height:100%}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-\\[var\\(--scw-panel-width\\,384px\\)\\]{width:var(--scw-panel-width,384px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[82\\%\\]{max-width:82%}.max-w-\\[88\\%\\]{max-width:88%}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[min\\(240px\\,var\\(--scw-host-viewport-width\\,100vw\\)\\)\\]{max-width:min(240px, var(--scw-host-viewport-width,100vw))}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\\[1\\.45em\\]{min-width:1.45em}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom-right{transform-origin:100% 100%}.origin-center{transform-origin:50%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shimmer{--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade{--_scroll-fade-size-t:var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-block:linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade{animation:1ms ease-in-out scroll-fade-reveal-t,1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y),scroll(self y);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade{--scroll-fade-t:var(--_scroll-fade-size-t);--scroll-fade-b:var(--_scroll-fade-size-b)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-\\[scw-spin_\\.7s_linear_infinite\\]{animation:.7s linear infinite scw-spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-px-1{scroll-padding-inline:var(--spacing)}.\\[scrollbar-width\\:none\\],.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.\\[scrollbar-gutter\\:auto\\]{scrollbar-gutter:auto}.scrollbar-gutter-stable{scrollbar-gutter:stable}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[14px\\]{border-radius:14px}.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.rounded-\\[var\\(--scw-composer-radius\\,24px\\)\\]{border-radius:var(--scw-composer-radius,24px)}.rounded-\\[var\\(--scw-header-btn-concentric\\)\\]{border-radius:var(--scw-header-btn-concentric)}.rounded-\\[var\\(--scw-panel-radius\\)\\]{border-radius:var(--scw-panel-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#ececec\\]{border-color:#ececec}.border-\\[\\#f0f0f0\\]{border-color:#f0f0f0}.border-border{border-color:var(--border)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-900{border-color:var(--color-neutral-900)}.border-transparent{border-color:#0000}.border-t-neutral-500{border-top-color:var(--color-neutral-500)}.bg-\\[\\#eff6ff\\]{background-color:#eff6ff}.bg-\\[\\#f1f1f3\\]{background-color:#f1f1f3}.bg-\\[rgba\\(10\\,10\\,10\\,\\.72\\)\\]{background-color:#0a0a0ab8}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\\[var\\(--scw-header-padding\\)\\]{padding:var(--scw-header-padding)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\\[11px\\]{padding-inline:11px}.px-\\[13px\\]{padding-inline:13px}.px-\\[18px\\]{padding-inline:18px}.px-\\[var\\(--scw-composer-inset\\)\\]{padding-inline:var(--scw-composer-inset)}.px-\\[var\\(--scw-message-inset-x\\,16px\\)\\]{padding-inline:var(--scw-message-inset-x,16px)}.py-0{padding-block:0}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\\[9px\\]{padding-block:9px}.py-\\[11px\\]{padding-block:11px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-11{padding-bottom:calc(var(--spacing) * 11)}.pb-\\[calc\\(8px\\+var\\(--scw-nav-height\\)\\+var\\(--scw-send-pill-gap\\)\\+var\\(--scw-send-pill-height\\)\\)\\]{padding-bottom:calc(8px + var(--scw-nav-height) + var(--scw-send-pill-gap) + var(--scw-send-pill-height))}.pb-\\[calc\\(24px\\+var\\(--scw-nav-height\\)\\)\\]{padding-bottom:calc(24px + var(--scw-nav-height))}.pb-\\[var\\(--scw-composer-inset\\)\\]{padding-bottom:var(--scw-composer-inset)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.\\[font-family\\:var\\(--scw-font\\)\\]{font-family:var(--scw-font)}.font-\\[inherit\\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.text-\\[0\\.78em\\]{font-size:.78em}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.35\\]{--tw-leading:1.35;line-height:1.35}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[0\\.04em\\]{--tw-tracking:.04em;letter-spacing:.04em}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words,.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#a3a3a3\\]{color:#a3a3a3}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-inherit{color:inherit}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_\\#171717\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#171717);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_\\#e5e5e5\\,0_4px_12px_-2px_rgba\\(0\\,0\\,0\\,\\.12\\)\\,0_2px_4px_-2px_rgba\\(0\\,0\\,0\\,\\.08\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#e5e5e5), 0 4px 12px -2px var(--tw-shadow-color,#0000001f), 0 2px 4px -2px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,\\.08\\)\\,0_10px_15px_-3px_rgba\\(0\\,0\\,0\\,\\.1\\)\\,0_4px_6px_-4px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#00000014), 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,\\.06\\)\\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_6px_16px_rgba\\(0\\,0\\,0\\,\\.18\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_15px_-3px_rgba\\(0\\,0\\,0\\,\\.1\\)\\,0_4px_6px_-4px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_\\#e5e5e5\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#e5e5e5);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-card{--tw-ring-color:var(--card)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\,box-shadow\\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[border-color\\,box-shadow\\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[translate\\,scale\\,opacity\\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.duration-\\[250ms\\]{--tw-duration:.25s;transition-duration:.25s}.duration-\\[280ms\\]{--tw-duration:.28s;transition-duration:.28s}.ease-\\[cubic-bezier\\(\\.32\\,\\.72\\,0\\,1\\)\\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-webkit-tap-highlight-color\\:transparent\\]{-webkit-tap-highlight-color:transparent}.\\[overflow-anchor\\:none\\]{overflow-anchor:none}.backface-hidden{backface-visibility:hidden}.group-has-data-\\[slot\\=message-footer\\]\\/message\\:-translate-y-8:is(:where(.group\\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\\[variant\\=ghost\\]\\/message\\:px-0:is(:where(.group\\/message):has([data-variant=ghost]) *){padding-inline:0}.group-data-\\[align\\=end\\]\\/bubble\\:self-end:is(:where(.group\\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\\[align\\=end\\]\\/message\\:justify-end:is(:where(.group\\/message)[data-align=end] *){justify-content:flex-end}.group-data-\\[align\\=end\\]\\/message\\:self-end:is(:where(.group\\/message)[data-align=end] *){align-self:flex-end}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:absolute:is(:where(.group\\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:top-3:is(:where(.group\\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:right-3:is(:where(.group\\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:w-full:is(:where(.group\\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:gap-1:is(:where(.group\\/attachment)[data-orientation=vertical] *){gap:var(--spacing)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:px-1:is(:where(.group\\/attachment)[data-orientation=vertical] *){padding-inline:var(--spacing)}.group-data-\\[size\\=sm\\]\\/attachment\\:w-8:is(:where(.group\\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\\[size\\=xs\\]\\/attachment\\:w-7:is(:where(.group\\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\\[size\\=xs\\]\\/attachment\\:rounded-md:is(:where(.group\\/attachment)[data-size=xs] *){border-radius:calc(var(--radius) - 2px)}.group-data-\\[state\\=done\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=done] *){opacity:1}.group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=error] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=error] *){background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive:is(:where(.group\\/attachment)[data-state=error] *),.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive\\/80:is(:where(.group\\/attachment)[data-state=error] *){color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive\\/80:is(:where(.group\\/attachment)[data-state=error] *){color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.group-data-\\[state\\=idle\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=idle] *){opacity:1}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\\[variant\\=separator\\]\\/marker\\:flex-none:is(:where(.group\\/marker)[data-variant=separator] *){flex:none}.group-data-\\[variant\\=separator\\]\\/marker\\:text-center:is(:where(.group\\/marker)[data-variant=separator] *){text-align:center}.placeholder\\:text-neutral-400::placeholder{color:var(--color-neutral-400)}.before\\:mr-1:before{content:var(--tw-content);margin-right:var(--spacing)}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:min-w-0:before{content:var(--tw-content);min-width:0}.before\\:flex-1:before{content:var(--tw-content);flex:1}.before\\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\\:ml-1:after{content:var(--tw-content);margin-left:var(--spacing)}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:min-w-0:after{content:var(--tw-content);min-width:0}.after\\:flex-1:after{content:var(--tw-content);flex:1}.after\\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.focus-within\\:border-neutral-900:focus-within{border-color:var(--color-neutral-900)}.focus-within\\:shadow-\\[0_0_0_1px_\\#171717\\]:focus-within{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#171717);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}@media (hover:hover){.hover\\:bg-\\[\\#ebebeb\\]:hover{background-color:#ebebeb}.hover\\:bg-\\[\\#f7f7f7\\]:hover{background-color:#f7f7f7}.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\\:bg-destructive\\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\\:bg-primary\\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\\:text-neutral-700:hover{color:var(--color-neutral-700)}.hover\\:no-underline:hover{text-decoration-line:none}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-\\[0_0_0_1px_\\#d4d4d4\\,0_4px_12px_-2px_rgba\\(0\\,0\\,0\\,\\.14\\)\\,0_2px_4px_-2px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#d4d4d4), 0 4px 12px -2px var(--tw-shadow-color,#00000024), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[inset_0_0_0_1px_\\#d4d4d4\\]:hover{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#d4d4d4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:border-neutral-400:focus{border-color:var(--color-neutral-400)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.enabled\\:hover\\:bg-neutral-100:enabled:hover{background-color:var(--color-neutral-100)}.enabled\\:hover\\:text-neutral-700:enabled:hover{color:var(--color-neutral-700)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-45:disabled{opacity:.45}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}:where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--radius)}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-content\\]\\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\\[slot\\=attachment-content\\]\\:px-1\\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-content\\]\\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-content\\]\\:px-2\\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\\[slot\\=attachment-content\\]\\:py-1:has([data-slot=attachment-content]){padding-block:var(--spacing)}.has-data-\\[slot\\=attachment-content\\]\\:py-1\\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-content\\]\\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-media\\]\\:p-1:has([data-slot=attachment-media]){padding:var(--spacing)}.has-data-\\[slot\\=attachment-media\\]\\:p-1\\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-media\\]\\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-\\[button\\]\\:p-0:has(:is(button)){padding:0}@media (hover:hover){.has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has(>a,>button):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has(>a,>button):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}:is(.group-data-\\[align\\=end\\]\\/message\\:\\*\\:data-slot\\:self-end:is(:where(.group\\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\\[active\\=false\\]\\:pointer-events-none[data-active=false]{pointer-events:none}.data-\\[active\\=false\\]\\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\\[active\\=false\\]\\:opacity-0[data-active=false]{opacity:0}.data-\\[active\\=false\\]\\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\\[active\\=false\\]\\:ease-\\[cubic-bezier\\(0\\.7\\,0\\,0\\.84\\,0\\)\\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\\[active\\=true\\]\\:translate-y-0[data-active=true]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[active\\=true\\]\\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\\[active\\=true\\]\\:opacity-100[data-active=true]{opacity:1}.data-\\[active\\=true\\]\\:ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.data-\\[align\\=end\\]\\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\\[align\\=end\\]\\:self-end[data-align=end]{align-self:flex-end}.data-\\[direction\\=end\\]\\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\\[direction\\=end\\]\\:data-\\[active\\=false\\]\\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[direction\\=start\\]\\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\\[direction\\=start\\]\\:data-\\[active\\=false\\]\\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\\*\\:data-\\[slot\\=attachment\\]\\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\\*\\:data-\\[slot\\=attachment\\]\\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.93_calc\\(c\\*0\\.4\\)_h\\)\\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:p-0>*)[data-slot=bubble-content]{padding:0}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}:is(.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\*\\:data-\\[slot\\=spinner\\]\\:size-6\\!:is(:where(.group\\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.data-\\[state\\=idle\\]\\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.data-\\[variant\\=ghost\\]\\:max-w-full[data-variant=ghost]{max-width:100%}.rtl\\:translate-x-1\\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\\:border-input{border-color:var(--input)}.dark\\:bg-destructive\\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\\:bg-input\\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\\:hover\\:bg-input\\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\\:hover\\:bg-muted\\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.3_calc\\(c\\*0\\.4\\)_h\\)\\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}}.\\[\\&_\\*\\]\\:box-border *{box-sizing:border-box}.\\[\\&_img\\]\\:block img{display:block}.\\[\\&_img\\]\\:size-full img{width:100%;height:100%}.\\[\\&_img\\]\\:scale-100 img{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.\\[\\&_img\\]\\:scale-\\[1\\.08\\] img{scale:1.08}.\\[\\&_img\\]\\:object-contain img{object-fit:contain}.\\[\\&_img\\]\\:object-cover img{object-fit:cover}.\\[\\&_strong\\]\\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:block svg{display:block}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.data-\\[direction\\=start\\]\\:\\[\\&_svg\\]\\:rotate-180[data-direction=start] svg{rotate:180deg}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6:is(:where(.group\\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\\[size\\=xs\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5:is(:where(.group\\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[a\\]\\:underline:is(a){text-decoration-line:underline}.\\[a\\]\\:underline-offset-3:is(a){text-underline-offset:3px}:is(.\\*\\:\\[a\\]\\:underline>*):is(a){text-decoration-line:underline}:is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\\[a\\]\\:hover\\:text-foreground:is(a):hover,:is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\\[button\\]\\:text-left:is(button){text-align:left}.\\[button\\,a\\]\\:transition-colors:is(button,a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[button\\,a\\]\\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\\[button\\,a\\]\\:focus-visible\\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\\[button\\,a\\]\\:focus-visible\\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:is(.\\*\\:\\[img\\]\\:aspect-square>*):is(img){aspect-ratio:1}:is(.\\*\\:\\[img\\]\\:w-full>*):is(img){width:100%}:is(.\\*\\:\\[img\\]\\:object-cover>*):is(img){object-fit:cover}.\\[\\&\\>\\*\\]\\:pointer-events-auto>*{pointer-events:auto}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.88_calc\\(c\\*0\\.5\\)_h\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}@media (prefers-color-scheme:dark){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.35_calc\\(c\\*0\\.5\\)_h\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--radius:.625rem;--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f1f1f3;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#dc2626;--border:#e5e5e5;--input:#e5e5e5;--ring:#a3a3a3}html,body{overscroll-behavior:none;background:0 0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{--scw-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}.scw-panel{--scw-nav-height:52px;--scw-send-pill-gap:24px;--scw-send-pill-height:40px;--scw-composer-clearance:8px;--scw-composer-height:130px;--scw-composer-radius:24px;--scw-composer-inset:12px;--scw-panel-radius:calc(var(--scw-composer-radius) + var(--scw-composer-inset) + 1px);--scw-header-btn-size:36px;--scw-header-btn-concentric:calc(var(--scw-header-btn-size) / 2);--scw-header-padding:calc(var(--scw-panel-radius) - var(--scw-header-btn-concentric) - 1px)}.scw-form:before{content:"";left:var(--scw-composer-inset);right:var(--scw-composer-inset);border-top-left-radius:var(--scw-composer-radius,24px);border-top-right-radius:var(--scw-composer-radius,24px);z-index:-1;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0}.scw-messages{--scw-message-inset-x:16px;scrollbar-width:none}.scw-messages::-webkit-scrollbar{width:0;height:0}@keyframes scw-bounce-top{0%{transform:translateY(0)}35%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes scw-bounce-bottom{0%{transform:translateY(0)}35%{transform:translateY(-14px)}to{transform:translateY(0)}}.scw-bounce-top{animation:.32s cubic-bezier(.32,.72,0,1) scw-bounce-top}.scw-bounce-bottom{animation:.32s cubic-bezier(.32,.72,0,1) scw-bounce-bottom}@keyframes scw-message-in{0%{opacity:0}to{opacity:1}}.scw-message-in{animation:.22s ease-out scw-message-in}@media (prefers-reduced-motion:reduce){.scw-message-in{animation:none}}@keyframes scw-spin{to{transform:rotate(360deg)}}.scw-citation+.scw-citation{margin-left:.3em}.scw-citation-popover{transform:translateX(calc(-50% + var(--scw-citation-popover-shift,0px)))}.scw-citation-popover:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}@media (hover:hover) and (pointer:fine){.scw-citation:hover .scw-citation-badge{color:#fff;background:#2563eb}}.scw-scrollbar{top:10px;right:3px;bottom:calc(var(--scw-composer-height,130px) + 2px);z-index:3;pointer-events:none;width:6px;position:absolute}.scw-scrollbar-thumb{opacity:0;pointer-events:auto;cursor:default;touch-action:none;background-color:#d4d4d4;border-radius:9999px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.scw-scrollbar-visible .scw-scrollbar-thumb{opacity:1}.scw-scrollbar-thumb:hover{background-color:#b8b8b8}.scw-thin-scroll{scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.scw-thin-scroll::-webkit-scrollbar{width:6px}.scw-thin-scroll::-webkit-scrollbar-track{background:0 0}.scw-thin-scroll::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:9999px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scroll-fade-reveal-t{0%{--scroll-fade-t:0px}to{--scroll-fade-t:var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-e:0px}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-blue-600:oklch(54.6% .245 262.881);--color-neutral-50:var(--scw-hover);--color-neutral-100:var(--scw-hover);--color-neutral-200:var(--scw-gray-200);--color-neutral-300:var(--scw-gray-300);--color-neutral-400:var(--scw-gray-400);--color-neutral-500:var(--scw-muted);--color-neutral-600:var(--scw-muted);--color-neutral-700:var(--scw-ink-secondary);--color-neutral-800:var(--scw-ink-body);--color-neutral-900:var(--scw-ink);--color-neutral-950:var(--scw-ink);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:calc(var(--radius) - 2px);--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-s-1{inset-inline-start:var(--spacing)}.inset-s-1\\/2{inset-inline-start:50%}.top-0{top:0}.top-0\\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\\/2{top:50%}.top-\\[calc\\(100\\%\\+8px\\)\\]{top:calc(100% + 8px)}.top-\\[var\\(--scw-header-padding\\)\\]{top:var(--scw-header-padding)}.right-0{right:0}.right-0\\.5{right:calc(var(--spacing) * .5)}.right-3{right:calc(var(--spacing) * 3)}.right-\\[var\\(--scw-header-padding\\)\\]{right:var(--scw-header-padding)}.bottom-0{bottom:0}.bottom-\\[calc\\(var\\(--scw-send-pill-gap\\)\\+var\\(--scw-nav-height\\)\\)\\]{bottom:calc(var(--scw-send-pill-gap) + var(--scw-nav-height))}.bottom-full{bottom:100%}.left-1{left:var(--spacing)}.left-1\\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[5\\]{z-index:5}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\\.5{margin-top:calc(var(--spacing) * -1.5)}.mt-0{margin-top:0}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\\[-16px\\]{margin-top:-16px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\\.5{margin-bottom:calc(var(--spacing) * 2.5)}.ml-\\[0\\.25em\\]{margin-left:.25em}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing);height:var(--spacing)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-\\[1\\.45em\\]{width:1.45em;height:1.45em}.size-\\[18px\\]{width:18px;height:18px}.size-\\[var\\(--scw-header-btn-size\\)\\]{width:var(--scw-header-btn-size);height:var(--scw-header-btn-size)}.size-\\[var\\(--scw-launcher-icon-size\\,25px\\)\\]{width:var(--scw-launcher-icon-size,25px);height:var(--scw-launcher-icon-size,25px)}.size-\\[var\\(--scw-launcher-size\\,60px\\)\\]{width:var(--scw-launcher-size,60px);height:var(--scw-launcher-size,60px)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[13px\\]{height:13px}.h-\\[var\\(--scw-panel-height\\,680px\\)\\]{height:var(--scw-panel-height,680px)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.max-h-\\[120px\\]{max-height:120px}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-\\[22px\\]{min-height:22px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[calc\\(var\\(--scw-header-padding\\)\\*2\\+var\\(--scw-header-btn-size\\)\\)\\]{min-height:calc(var(--scw-header-padding) * 2 + var(--scw-header-btn-size))}.min-h-full{min-height:100%}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-\\[var\\(--scw-panel-width\\,384px\\)\\]{width:var(--scw-panel-width,384px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[82\\%\\]{max-width:82%}.max-w-\\[88\\%\\]{max-width:88%}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[min\\(240px\\,var\\(--scw-host-viewport-width\\,100vw\\)\\)\\]{max-width:min(240px, var(--scw-host-viewport-width,100vw))}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\\[1\\.45em\\]{min-width:1.45em}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom-right{transform-origin:100% 100%}.origin-center{transform-origin:50%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shimmer{--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade{--_scroll-fade-size-t:var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-block:linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));mask-image:var(--scroll-fade-mask,var(--scroll-fade-block));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade{animation:1ms ease-in-out scroll-fade-reveal-t,1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y),scroll(self y);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade{--scroll-fade-t:var(--_scroll-fade-size-t);--scroll-fade-b:var(--_scroll-fade-size-b)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-\\[scw-spin_\\.7s_linear_infinite\\]{animation:.7s linear infinite scw-spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-px-1{scroll-padding-inline:var(--spacing)}.\\[scrollbar-width\\:none\\],.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.\\[scrollbar-gutter\\:auto\\]{scrollbar-gutter:auto}.scrollbar-gutter-stable{scrollbar-gutter:stable}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[14px\\]{border-radius:14px}.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.rounded-\\[var\\(--scw-composer-radius\\,24px\\)\\]{border-radius:var(--scw-composer-radius,24px)}.rounded-\\[var\\(--scw-header-btn-concentric\\)\\]{border-radius:var(--scw-header-btn-concentric)}.rounded-\\[var\\(--scw-panel-radius\\)\\]{border-radius:var(--scw-panel-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--border)}.border-neutral-200{border-color:var(--scw-gray-200)}.border-neutral-300{border-color:var(--scw-gray-300)}.border-neutral-900{border-color:var(--scw-ink)}.border-red-400{border-color:var(--color-red-400)}.border-transparent{border-color:#0000}.border-t-neutral-500{border-top-color:var(--scw-muted)}.bg-\\[\\#eff6ff\\]{background-color:#eff6ff}.bg-\\[rgba\\(10\\,10\\,10\\,\\.72\\)\\]{background-color:#0a0a0ab8}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-neutral-50,.bg-neutral-100{background-color:var(--scw-hover)}.bg-neutral-200{background-color:var(--scw-gray-200)}.bg-neutral-400{background-color:var(--scw-gray-400)}.bg-neutral-900{background-color:var(--scw-ink)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\\[var\\(--scw-header-padding\\)\\]{padding:var(--scw-header-padding)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\\[11px\\]{padding-inline:11px}.px-\\[13px\\]{padding-inline:13px}.px-\\[18px\\]{padding-inline:18px}.px-\\[var\\(--scw-composer-inset\\)\\]{padding-inline:var(--scw-composer-inset)}.px-\\[var\\(--scw-message-inset-x\\,16px\\)\\]{padding-inline:var(--scw-message-inset-x,16px)}.py-0{padding-block:0}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\\[9px\\]{padding-block:9px}.py-\\[11px\\]{padding-block:11px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-11{padding-bottom:calc(var(--spacing) * 11)}.pb-\\[calc\\(8px\\+var\\(--scw-nav-height\\)\\+var\\(--scw-send-pill-gap\\)\\+var\\(--scw-send-pill-height\\)\\)\\]{padding-bottom:calc(8px + var(--scw-nav-height) + var(--scw-send-pill-gap) + var(--scw-send-pill-height))}.pb-\\[calc\\(24px\\+var\\(--scw-nav-height\\)\\)\\]{padding-bottom:calc(24px + var(--scw-nav-height))}.pb-\\[var\\(--scw-composer-inset\\)\\]{padding-bottom:var(--scw-composer-inset)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.\\[font-family\\:var\\(--scw-font\\)\\]{font-family:var(--scw-font)}.font-\\[inherit\\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.text-\\[0\\.78em\\]{font-size:.78em}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.35\\]{--tw-leading:1.35;line-height:1.35}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[0\\.04em\\]{--tw-tracking:.04em;letter-spacing:.04em}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words,.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-inherit{color:inherit}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{color:var(--scw-gray-400)}.text-neutral-500,.text-neutral-600{color:var(--scw-muted)}.text-neutral-700{color:var(--scw-ink-secondary)}.text-neutral-900,.text-neutral-950{color:var(--scw-ink)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,\\.08\\)\\,0_10px_15px_-3px_rgba\\(0\\,0\\,0\\,\\.1\\)\\,0_4px_6px_-4px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#00000014), 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_var\\(--scw-hairline\\)\\,0_4px_12px_-2px_rgba\\(0\\,0\\,0\\,\\.12\\)\\,0_2px_4px_-2px_rgba\\(0\\,0\\,0\\,\\.08\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--scw-hairline)), 0 4px 12px -2px var(--tw-shadow-color,#0000001f), 0 2px 4px -2px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_var\\(--scw-ink\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--scw-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,\\.06\\)\\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_6px_16px_rgba\\(0\\,0\\,0\\,\\.18\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_15px_-3px_rgba\\(0\\,0\\,0\\,\\.1\\)\\,0_4px_6px_-4px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--scw-hairline\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--scw-hairline));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-card{--tw-ring-color:var(--card)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\,box-shadow\\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[border-color\\,box-shadow\\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[translate\\,scale\\,opacity\\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.duration-\\[250ms\\]{--tw-duration:.25s;transition-duration:.25s}.duration-\\[280ms\\]{--tw-duration:.28s;transition-duration:.28s}.ease-\\[cubic-bezier\\(\\.32\\,\\.72\\,0\\,1\\)\\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-webkit-tap-highlight-color\\:transparent\\]{-webkit-tap-highlight-color:transparent}.\\[overflow-anchor\\:none\\]{overflow-anchor:none}.backface-hidden{backface-visibility:hidden}.group-has-data-\\[slot\\=message-footer\\]\\/message\\:-translate-y-8:is(:where(.group\\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\\[variant\\=ghost\\]\\/message\\:px-0:is(:where(.group\\/message):has([data-variant=ghost]) *){padding-inline:0}.group-data-\\[align\\=end\\]\\/bubble\\:self-end:is(:where(.group\\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\\[align\\=end\\]\\/message\\:justify-end:is(:where(.group\\/message)[data-align=end] *){justify-content:flex-end}.group-data-\\[align\\=end\\]\\/message\\:self-end:is(:where(.group\\/message)[data-align=end] *){align-self:flex-end}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:absolute:is(:where(.group\\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:top-3:is(:where(.group\\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:right-3:is(:where(.group\\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:w-full:is(:where(.group\\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:gap-1:is(:where(.group\\/attachment)[data-orientation=vertical] *){gap:var(--spacing)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:px-1:is(:where(.group\\/attachment)[data-orientation=vertical] *){padding-inline:var(--spacing)}.group-data-\\[size\\=sm\\]\\/attachment\\:w-8:is(:where(.group\\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\\[size\\=xs\\]\\/attachment\\:w-7:is(:where(.group\\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\\[size\\=xs\\]\\/attachment\\:rounded-md:is(:where(.group\\/attachment)[data-size=xs] *){border-radius:calc(var(--radius) - 2px)}.group-data-\\[state\\=done\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=done] *){opacity:1}.group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=error] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=error] *){background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive:is(:where(.group\\/attachment)[data-state=error] *),.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive\\/80:is(:where(.group\\/attachment)[data-state=error] *){color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=error\\]\\/attachment\\:text-destructive\\/80:is(:where(.group\\/attachment)[data-state=error] *){color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.group-data-\\[state\\=idle\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=idle] *){opacity:1}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=processing] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=uploading] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\\[variant\\=separator\\]\\/marker\\:flex-none:is(:where(.group\\/marker)[data-variant=separator] *){flex:none}.group-data-\\[variant\\=separator\\]\\/marker\\:text-center:is(:where(.group\\/marker)[data-variant=separator] *){text-align:center}.placeholder\\:text-neutral-400::placeholder{color:var(--scw-gray-400)}.before\\:mr-1:before{content:var(--tw-content);margin-right:var(--spacing)}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:min-w-0:before{content:var(--tw-content);min-width:0}.before\\:flex-1:before{content:var(--tw-content);flex:1}.before\\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\\:ml-1:after{content:var(--tw-content);margin-left:var(--spacing)}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:min-w-0:after{content:var(--tw-content);min-width:0}.after\\:flex-1:after{content:var(--tw-content);flex:1}.after\\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.focus-within\\:border-neutral-900:focus-within{border-color:var(--scw-ink)}.focus-within\\:shadow-\\[0_0_0_1px_var\\(--scw-ink\\)\\]:focus-within{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--scw-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}@media (hover:hover){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\\:bg-destructive\\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-50:hover,.hover\\:bg-neutral-100:hover{background-color:var(--scw-hover)}.hover\\:bg-neutral-800:hover{background-color:var(--scw-ink-body)}.hover\\:bg-primary\\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-neutral-600:hover{color:var(--scw-muted)}.hover\\:text-neutral-700:hover{color:var(--scw-ink-secondary)}.hover\\:no-underline:hover{text-decoration-line:none}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-\\[0_0_0_1px_var\\(--scw-hairline-strong\\)\\,0_4px_12px_-2px_rgba\\(0\\,0\\,0\\,\\.14\\)\\,0_2px_4px_-2px_rgba\\(0\\,0\\,0\\,\\.1\\)\\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--scw-hairline-strong)), 0 4px 12px -2px var(--tw-shadow-color,#00000024), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[inset_0_0_0_1px_var\\(--scw-hairline-strong\\)\\]:hover{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--scw-hairline-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:border-\\[color\\:var\\(--scw-hairline-strong\\)\\]:focus{border-color:var(--scw-hairline-strong)}.focus\\:border-red-500:focus{border-color:var(--color-red-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.enabled\\:hover\\:bg-neutral-100:enabled:hover{background-color:var(--scw-hover)}.enabled\\:hover\\:text-neutral-700:enabled:hover{color:var(--scw-ink-secondary)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-45:disabled{opacity:.45}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}:where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--radius)}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-content\\]\\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\\[slot\\=attachment-content\\]\\:px-1\\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-content\\]\\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-content\\]\\:px-2\\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\\[slot\\=attachment-content\\]\\:py-1:has([data-slot=attachment-content]){padding-block:var(--spacing)}.has-data-\\[slot\\=attachment-content\\]\\:py-1\\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-content\\]\\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\\[slot\\=attachment-media\\]\\:p-1:has([data-slot=attachment-media]){padding:var(--spacing)}.has-data-\\[slot\\=attachment-media\\]\\:p-1\\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\\[slot\\=attachment-media\\]\\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-\\[button\\]\\:p-0:has(:is(button)){padding:0}@media (hover:hover){.has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has(>a,>button):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has(>a,>button):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}:is(.group-data-\\[align\\=end\\]\\/message\\:\\*\\:data-slot\\:self-end:is(:where(.group\\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\\[active\\=false\\]\\:pointer-events-none[data-active=false]{pointer-events:none}.data-\\[active\\=false\\]\\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\\[active\\=false\\]\\:opacity-0[data-active=false]{opacity:0}.data-\\[active\\=false\\]\\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\\[active\\=false\\]\\:ease-\\[cubic-bezier\\(0\\.7\\,0\\,0\\.84\\,0\\)\\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\\[active\\=true\\]\\:translate-y-0[data-active=true]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[active\\=true\\]\\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\\[active\\=true\\]\\:opacity-100[data-active=true]{opacity:1}.data-\\[active\\=true\\]\\:ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.data-\\[align\\=end\\]\\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\\[align\\=end\\]\\:self-end[data-align=end]{align-self:flex-end}.data-\\[direction\\=end\\]\\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\\[direction\\=end\\]\\:data-\\[active\\=false\\]\\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[direction\\=start\\]\\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\\[direction\\=start\\]\\:data-\\[active\\=false\\]\\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\\*\\:data-\\[slot\\=attachment\\]\\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\\*\\:data-\\[slot\\=attachment\\]\\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.93_calc\\(c\\*0\\.4\\)_h\\)\\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:p-0>*)[data-slot=bubble-content]{padding:0}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}:is(.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\*\\:data-\\[slot\\=spinner\\]\\:size-6\\!:is(:where(.group\\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.data-\\[state\\=idle\\]\\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.data-\\[variant\\=ghost\\]\\:max-w-full[data-variant=ghost]{max-width:100%}.rtl\\:translate-x-1\\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\\:border-input{border-color:var(--input)}.dark\\:bg-destructive\\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\\:bg-input\\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\\:hover\\:bg-input\\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\\:hover\\:bg-muted\\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.3_calc\\(c\\*0\\.4\\)_h\\)\\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}}.\\[\\&_\\*\\]\\:box-border *{box-sizing:border-box}.\\[\\&_img\\]\\:block img{display:block}.\\[\\&_img\\]\\:size-full img{width:100%;height:100%}.\\[\\&_img\\]\\:scale-100 img{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.\\[\\&_img\\]\\:scale-\\[1\\.08\\] img{scale:1.08}.\\[\\&_img\\]\\:object-contain img{object-fit:contain}.\\[\\&_img\\]\\:object-cover img{object-fit:cover}.\\[\\&_strong\\]\\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:block svg{display:block}.\\[\\&_svg\\]\\:size-full svg{width:100%;height:100%}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.data-\\[direction\\=start\\]\\:\\[\\&_svg\\]\\:rotate-180[data-direction=start] svg{rotate:180deg}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6:is(:where(.group\\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\\[size\\=xs\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5:is(:where(.group\\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_table\\]\\:whitespace-normal table{white-space:normal}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[a\\]\\:underline:is(a){text-decoration-line:underline}.\\[a\\]\\:underline-offset-3:is(a){text-underline-offset:3px}:is(.\\*\\:\\[a\\]\\:underline>*):is(a){text-decoration-line:underline}:is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\\[a\\]\\:hover\\:text-foreground:is(a):hover,:is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\\[button\\]\\:text-left:is(button){text-align:left}.\\[button\\,a\\]\\:transition-colors:is(button,a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[button\\,a\\]\\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\\[button\\,a\\]\\:focus-visible\\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\\[button\\,a\\]\\:focus-visible\\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:is(.\\*\\:\\[img\\]\\:aspect-square>*):is(img){aspect-ratio:1}:is(.\\*\\:\\[img\\]\\:w-full>*):is(img){width:100%}:is(.\\*\\:\\[img\\]\\:object-cover>*):is(img){object-fit:cover}.\\[\\&\\>\\*\\]\\:pointer-events-auto>*{pointer-events:auto}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.88_calc\\(c\\*0\\.5\\)_h\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}@media (prefers-color-scheme:dark){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.35_calc\\(c\\*0\\.5\\)_h\\)\\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--scw-canvas:#fff;--scw-ink:#0b0b0b;--scw-ink-body:#2c2c2a;--scw-ink-secondary:#52514e;--scw-muted:#898781;--scw-hover:#f0f0ef;--scw-selected:#edece8;--scw-gray-200:#e5e4e1;--scw-gray-300:#b8b5ae;--scw-gray-400:#9c9a94;--scw-hairline:#0b0b0b1a;--scw-hairline-strong:#0b0b0b33;--scw-ring:#2a78d6;--radius:.625rem;--background:var(--scw-canvas);--foreground:var(--scw-ink);--card:var(--scw-canvas);--card-foreground:var(--scw-ink);--popover:var(--scw-canvas);--popover-foreground:var(--scw-ink);--primary:var(--scw-ink);--primary-foreground:#fff;--secondary:var(--scw-hover);--secondary-foreground:var(--scw-ink);--muted:var(--scw-hover);--muted-foreground:var(--scw-muted);--accent:var(--scw-hover);--accent-foreground:var(--scw-ink);--destructive:#dc2626;--border:var(--scw-hairline);--input:var(--scw-hairline);--ring:var(--scw-ring)}html,body{overscroll-behavior:none;background:0 0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{--scw-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}html:has(body.scw-preview-stage),body.scw-preview-stage{color-scheme:inherit;background:0 0}body.scw-preview-stage{justify-content:center;align-items:center;padding:0}.scw-panel{--scw-nav-height:52px;--scw-send-pill-gap:24px;--scw-send-pill-height:40px;--scw-composer-clearance:8px;--scw-composer-height:130px;--scw-composer-radius:24px;--scw-composer-inset:12px;--scw-panel-radius:calc(var(--scw-composer-radius) + var(--scw-composer-inset) + 1px);--scw-header-btn-size:36px;--scw-header-btn-concentric:calc(var(--scw-header-btn-size) / 2);--scw-header-padding:calc(var(--scw-panel-radius) - var(--scw-header-btn-concentric) - 1px)}.scw-form:before{content:"";left:var(--scw-composer-inset);right:var(--scw-composer-inset);background:var(--scw-canvas);border-top-left-radius:var(--scw-composer-radius,24px);border-top-right-radius:var(--scw-composer-radius,24px);z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0}.scw-messages{--scw-message-inset-x:16px;scrollbar-width:none}.scw-messages::-webkit-scrollbar{width:0;height:0}@keyframes scw-bounce-top{0%{transform:translateY(0)}35%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes scw-bounce-bottom{0%{transform:translateY(0)}35%{transform:translateY(-14px)}to{transform:translateY(0)}}.scw-bounce-top{animation:.32s cubic-bezier(.32,.72,0,1) scw-bounce-top}.scw-bounce-bottom{animation:.32s cubic-bezier(.32,.72,0,1) scw-bounce-bottom}@keyframes scw-message-in{0%{opacity:0}to{opacity:1}}.scw-message-in{animation:.22s ease-out scw-message-in}@media (prefers-reduced-motion:reduce){.scw-message-in{animation:none}}@keyframes scw-spin{to{transform:rotate(360deg)}}.scw-citation+.scw-citation{margin-left:.3em}.scw-citation-popover{transform:translateX(calc(-50% + var(--scw-citation-popover-shift,0px)))}.scw-citation-popover:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}@media (hover:hover) and (pointer:fine){.scw-citation:hover .scw-citation-badge{color:#fff;background:#2563eb}}.scw-scrollbar{top:10px;right:3px;bottom:calc(var(--scw-composer-height,130px) + 2px);z-index:3;pointer-events:none;width:6px;position:absolute}.scw-scrollbar-thumb{background-color:var(--scw-gray-300);opacity:0;pointer-events:auto;cursor:default;touch-action:none;border-radius:9999px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.scw-scrollbar-visible .scw-scrollbar-thumb{opacity:1}.scw-scrollbar-thumb:hover{background-color:var(--scw-gray-400)}.scw-thin-scroll{scrollbar-width:thin;scrollbar-color:var(--scw-gray-300) transparent}.scw-thin-scroll::-webkit-scrollbar{width:6px}.scw-thin-scroll::-webkit-scrollbar-track{background:0 0}.scw-thin-scroll::-webkit-scrollbar-thumb{background-color:var(--scw-gray-300);border-radius:9999px}.scw-suggestion{box-sizing:border-box;text-align:left;white-space:normal;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.scw-suggestion-icon{justify-content:center;align-self:center;align-items:center;width:28px;height:28px;display:flex}.scw-suggestion-copy{flex-direction:column;justify-content:center;min-width:0;max-width:100%;display:flex}.scw-suggestion-label{max-width:100%;display:block;overflow-wrap:anywhere!important;word-break:break-all!important;white-space:normal!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scroll-fade-reveal-t{0%{--scroll-fade-t:0px}to{--scroll-fade-t:var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-e:0px}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}`;
 
 // src/lib/support/styles.ts
 var STYLE_ATTRIBUTE = "data-saasco-chat";
@@ -14065,46 +14133,23 @@ function toPreparedFile(blob, originalName) {
   });
 }
 
-// src/lib/support/resolveSubmitEmailGate.ts
-function resolveSubmitEmailGate({
-  emailDraft,
-  isNewConversation,
-  knownEmail
-}) {
-  if (!isNewConversation || knownEmail) {
-    return {
-      emailForSend: knownEmail ?? void 0,
-      ok: true,
-      optimisticallyCapturedEmail: null
-    };
-  }
-  const candidate = emailDraft.trim();
-  if (!EMAIL_PATTERN.test(candidate)) {
-    return {
-      error: "Enter a valid email so we can reply to you.",
-      ok: false
-    };
-  }
-  return {
-    emailForSend: candidate,
-    ok: true,
-    optimisticallyCapturedEmail: candidate
-  };
-}
-
 // src/lib/support/transport.ts
 async function getWidgetConfig({
   baseUrl,
   projectId
 }) {
-  const { branding, tools } = await postJson(
+  const { branding, suggestions, tools } = await postJson(
     `${normalizeBaseUrl(baseUrl)}/api/support/settings`,
     { projectId }
   );
   if (!Array.isArray(tools)) {
     throw new TypeError("Support chat settings response is missing `tools`");
   }
-  return { branding, tools };
+  return {
+    branding,
+    ...Array.isArray(suggestions) ? { suggestions } : {},
+    tools
+  };
 }
 async function sendMessage({
   baseUrl,
@@ -14163,16 +14208,32 @@ async function resumeSession({
     body
   );
 }
+async function forgetVisitorSession({
+  baseUrl,
+  projectId
+}) {
+  await postJson(
+    `${normalizeBaseUrl(baseUrl)}/api/support/visitor/forget`,
+    { projectId }
+  );
+}
 async function requestHandoff({
   baseUrl,
+  keepalive,
   ...body
 }) {
-  return await postJson(`${normalizeBaseUrl(baseUrl)}/api/support/handoff`, body);
+  return await postJson(`${normalizeBaseUrl(baseUrl)}/api/support/handoff`, body, {
+    keepalive,
+    simple: keepalive === true
+  });
 }
-async function postJson(url, body) {
+async function postJson(url, body, options) {
   const response = await fetch(url, {
     body: JSON.stringify(body),
-    headers: { "content-type": "application/json" },
+    headers: {
+      "content-type": options?.simple ? "text/plain" : "application/json"
+    },
+    keepalive: options?.keepalive,
     method: "POST"
   });
   if (!response.ok) {
@@ -14403,15 +14464,202 @@ function persistEmail(emailStorageKey, email) {
   }
 }
 
+// src/lib/support/useHandoffDecisions.ts
+var import_react26 = require("react");
+
+// src/lib/support/handoff.ts
+var import_ai4 = require("ai");
+function readHandoffOffer(message) {
+  for (const part of message.parts ?? []) {
+    if (!(0, import_ai4.isToolUIPart)(part) || (0, import_ai4.getToolName)(part) !== REQUEST_HUMAN_HANDOFF_TOOL_NAME) {
+      continue;
+    }
+    if (part.state !== "output-available") {
+      continue;
+    }
+    const output = part.output;
+    if (output?.offerHandoff && !output.declined && !output.resolved) {
+      return { reason: output.reason ?? null, toolCallId: part.toolCallId };
+    }
+  }
+  return null;
+}
+function readOutstandingHandoffOffers(messages) {
+  const offers = [];
+  for (const message of messages) {
+    const offer = readHandoffOffer(message);
+    if (offer) {
+      offers.push(offer);
+    }
+  }
+  return offers;
+}
+function markHandoffOfferInMessages(messages, toolCallId, flag) {
+  let changed = false;
+  const next = messages.map((message) => {
+    if (message.role !== "assistant") {
+      return message;
+    }
+    let messageChanged = false;
+    const parts = (message.parts ?? []).map((part) => {
+      if (!(0, import_ai4.isToolUIPart)(part) || (0, import_ai4.getToolName)(part) !== REQUEST_HUMAN_HANDOFF_TOOL_NAME) {
+        return part;
+      }
+      if (part.toolCallId !== toolCallId || part.state !== "output-available") {
+        return part;
+      }
+      const output = part.output;
+      if (output?.declined || output?.resolved) {
+        return part;
+      }
+      messageChanged = true;
+      changed = true;
+      return {
+        ...part,
+        output: {
+          ...output,
+          ...flag,
+          offerHandoff: false
+        }
+      };
+    });
+    return messageChanged ? { ...message, parts } : message;
+  });
+  return changed ? next : messages;
+}
+
+// src/lib/support/useHandoffDecisions.ts
+function useHandoffDecisions({
+  baseUrl,
+  mergedIdsRef,
+  messagesRef,
+  onAccepted,
+  projectId,
+  sessionRef,
+  setMessages
+}) {
+  const [dismissedHandoffs, setDismissedHandoffs] = (0, import_react26.useState)(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [handoffPending, setHandoffPending] = (0, import_react26.useState)(false);
+  const handoffPendingRef = (0, import_react26.useRef)(false);
+  const confirmHandoff = (0, import_react26.useCallback)(
+    async (offer) => {
+      const active = sessionRef.current;
+      if (!active || handoffPendingRef.current) {
+        return;
+      }
+      handoffPendingRef.current = true;
+      setHandoffPending(true);
+      try {
+        const result = await requestHandoff({
+          baseUrl,
+          conversationId: active.conversationId,
+          projectId,
+          reason: offer.reason,
+          sessionToken: active.sessionToken,
+          toolCallId: offer.toolCallId
+        });
+        onAccepted();
+        const next = markHandoffOfferInMessages(
+          messagesRef.current,
+          offer.toolCallId,
+          { resolved: true }
+        );
+        if (result.acknowledgment) {
+          mergedIdsRef.current.add(result.acknowledgment.id);
+          setMessages([...next, toUiMessage(result.acknowledgment)]);
+        } else {
+          setMessages(next);
+        }
+      } catch {
+      } finally {
+        handoffPendingRef.current = false;
+        setHandoffPending(false);
+      }
+    },
+    [
+      baseUrl,
+      mergedIdsRef,
+      messagesRef,
+      onAccepted,
+      projectId,
+      sessionRef,
+      setMessages
+    ]
+  );
+  const dismissHandoff = (0, import_react26.useCallback)(
+    (toolCallId) => {
+      setDismissedHandoffs((prev) => {
+        if (prev.has(toolCallId)) {
+          return prev;
+        }
+        const next = new Set(prev);
+        next.add(toolCallId);
+        return next;
+      });
+      setMessages(
+        markHandoffOfferInMessages(messagesRef.current, toolCallId, {
+          declined: true
+        })
+      );
+      const active = sessionRef.current;
+      if (!active) {
+        return;
+      }
+      void requestHandoff({
+        baseUrl,
+        conversationId: active.conversationId,
+        decision: "declined",
+        projectId,
+        sessionToken: active.sessionToken,
+        toolCallId
+      }).catch(() => {
+      });
+    },
+    [baseUrl, messagesRef, projectId, sessionRef, setMessages]
+  );
+  (0, import_react26.useEffect)(() => {
+    function reportUnansweredHandoffs() {
+      const active = sessionRef.current;
+      if (!active || handoffPendingRef.current) {
+        return;
+      }
+      for (const offer of readOutstandingHandoffOffers(messagesRef.current)) {
+        void requestHandoff({
+          baseUrl,
+          conversationId: active.conversationId,
+          decision: "unanswered",
+          keepalive: true,
+          projectId,
+          sessionToken: active.sessionToken,
+          toolCallId: offer.toolCallId
+        }).catch(() => {
+        });
+      }
+    }
+    window.addEventListener("pagehide", reportUnansweredHandoffs);
+    return () => {
+      window.removeEventListener("pagehide", reportUnansweredHandoffs);
+    };
+  }, [baseUrl, messagesRef, projectId, sessionRef]);
+  return {
+    confirmHandoff,
+    dismissedHandoffs,
+    dismissHandoff,
+    handoffPending
+  };
+}
+
 // src/lib/support/useInboundMessageChime.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 function useInboundMessageChime({
   isLoading,
   messages
 }) {
-  const chimedMessageIdsRef = (0, import_react26.useRef)(/* @__PURE__ */ new Set());
-  const inboundChimeSeededRef = (0, import_react26.useRef)(false);
-  (0, import_react26.useEffect)(() => {
+  const chimedMessageIdsRef = (0, import_react27.useRef)(/* @__PURE__ */ new Set());
+  const inboundChimeSeededRef = (0, import_react27.useRef)(false);
+  (0, import_react27.useEffect)(() => {
     if (messages.length === 0) {
       inboundChimeSeededRef.current = false;
       chimedMessageIdsRef.current.clear();
@@ -14453,9 +14701,9 @@ function useInboundMessageChime({
 }
 
 // src/lib/support/useOverscrollBounce.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 function useOverscrollBounce(ref, enabled, reduceMotion) {
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const el = ref.current;
     if (!el || !enabled || reduceMotion) {
       return;
@@ -14511,13 +14759,13 @@ function useOverscrollBounce(ref, enabled, reduceMotion) {
   }, [ref, enabled, reduceMotion]);
 }
 
-// ../../support/shared/src/lib/supportPresenceConstants.ts
+// ../../support/shared/src/lib/presence/supportPresenceConstants.ts
 var SUPPORT_TYPING_TTL_MS = 3e4;
 var SUPPORT_TYPING_POLL_INTERVAL_MS = 4e3;
 var SUPPORT_TYPING_REFRESH_MS = SUPPORT_TYPING_TTL_MS / 2;
 var SUPPORT_TYPING_IDLE_MS = 8e3;
 
-// ../../support/shared/src/lib/createTypingPresenceController.ts
+// ../../support/shared/src/lib/presence/createTypingPresenceController.ts
 function createTypingPresenceController({
   ping,
   isVisible = defaultIsVisible,
@@ -14636,16 +14884,16 @@ function defaultIsVisible() {
 }
 
 // src/lib/support/useSupportTypingPresence.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 function useSupportTypingPresence({
   baseUrl,
   enabled,
   projectId,
   session
 }) {
-  const [typing, setTyping] = (0, import_react28.useState)([]);
-  const controllerRef = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const [typing, setTyping] = (0, import_react29.useState)([]);
+  const controllerRef = (0, import_react29.useRef)(null);
+  (0, import_react29.useEffect)(() => {
     if (!enabled || !session) {
       setTyping([]);
       controllerRef.current = null;
@@ -14679,14 +14927,192 @@ function useSupportTypingPresence({
   };
 }
 
+// src/lib/support/useVisitorConversationPersistence.ts
+var import_react30 = require("react");
+function useVisitorConversationPersistence({
+  baseUrl,
+  emailStorageKey,
+  identity: identity2,
+  onIdentityWipe,
+  onResumed,
+  projectId,
+  sessionRef,
+  storageKey,
+  userJwt: userJwt2
+}) {
+  const [session, setSessionState] = (0, import_react30.useState)(null);
+  const [sessionHistory, setSessionHistory] = (0, import_react30.useState)([]);
+  const [capturedEmail, setCapturedEmail] = (0, import_react30.useState)(null);
+  const identityRef = (0, import_react30.useRef)(identity2);
+  const userJwtRef = (0, import_react30.useRef)(userJwt2);
+  const onIdentityWipeRef = (0, import_react30.useRef)(onIdentityWipe);
+  const onResumedRef = (0, import_react30.useRef)(onResumed);
+  const generationRef = (0, import_react30.useRef)(0);
+  const pendingForgetRef = (0, import_react30.useRef)(Promise.resolve());
+  const previousVisitorRef = (0, import_react30.useRef)(null);
+  identityRef.current = identity2;
+  userJwtRef.current = userJwt2;
+  onIdentityWipeRef.current = onIdentityWipe;
+  onResumedRef.current = onResumed;
+  const visitorKey = `${userJwt2 ?? ""}\0${identity2?.distinctId ?? ""}\0${identity2?.email ?? ""}`;
+  const setSession = (0, import_react30.useCallback)(
+    (next) => {
+      sessionRef.current = next;
+      setSessionState(next);
+    },
+    [sessionRef]
+  );
+  const refreshSessionHistory = (0, import_react30.useCallback)(() => {
+    const generation = generationRef.current;
+    void (async () => {
+      try {
+        const rows = await listConversations({
+          baseUrl,
+          distinctId: identityRef.current?.distinctId,
+          projectId,
+          userJwt: userJwtRef.current ?? void 0
+        });
+        if (generation !== generationRef.current) {
+          return;
+        }
+        setSessionHistory(toHistoryEntries(rows));
+      } catch {
+        if (generation !== generationRef.current) {
+          return;
+        }
+        setSessionHistory(readSessionHistory(storageKey));
+      }
+    })();
+  }, [baseUrl, projectId, storageKey]);
+  (0, import_react30.useEffect)(() => {
+    const stored = readStoredSession(storageKey);
+    sessionRef.current = stored;
+    setSessionState(stored);
+    if (stored) {
+      ensureActiveSessionInHistory(storageKey, stored);
+    }
+    try {
+      const email = window.localStorage.getItem(emailStorageKey);
+      if (email) {
+        setCapturedEmail(email);
+      }
+    } catch {
+    }
+  }, [emailStorageKey, sessionRef, storageKey]);
+  (0, import_react30.useEffect)(() => {
+    const controller = new AbortController();
+    generationRef.current += 1;
+    const generation = generationRef.current;
+    const ownerId = identityRef.current?.distinctId ?? identityRef.current?.email ?? null;
+    const jwtPresent = Boolean(userJwtRef.current);
+    const previous = previousVisitorRef.current;
+    previousVisitorRef.current = { jwtPresent, ownerId };
+    let wiped = false;
+    if (ownerId) {
+      wiped = reconcileSessionOwner(storageKey, ownerId).cleared;
+    } else if (previous && (previous.ownerId || previous.jwtPresent) && !jwtPresent) {
+      clearChatStorage(storageKey);
+      wiped = true;
+    }
+    if (wiped) {
+      sessionRef.current = null;
+      setSessionState(null);
+      setSessionHistory([]);
+      try {
+        window.localStorage.removeItem(emailStorageKey);
+      } catch {
+      }
+      setCapturedEmail(null);
+      onIdentityWipeRef.current();
+      pendingForgetRef.current = (async () => {
+        try {
+          await forgetVisitorSession({ baseUrl, projectId });
+        } catch {
+        }
+      })();
+    }
+    async function sync() {
+      await pendingForgetRef.current;
+      if (controller.signal.aborted) {
+        return;
+      }
+      const distinctId = identityRef.current?.distinctId;
+      const jwt = userJwtRef.current ?? void 0;
+      const [listResult, resumeResult] = await Promise.allSettled([
+        listConversations({
+          baseUrl,
+          distinctId,
+          projectId,
+          userJwt: jwt
+        }),
+        resumeSession({
+          baseUrl,
+          distinctId,
+          projectId,
+          userJwt: jwt
+        })
+      ]);
+      if (controller.signal.aborted || generation !== generationRef.current) {
+        return;
+      }
+      if (listResult.status === "fulfilled") {
+        setSessionHistory(toHistoryEntries(listResult.value));
+      } else {
+        setSessionHistory(readSessionHistory(storageKey));
+      }
+      if (resumeResult.status !== "fulfilled" || !resumeResult.value) {
+        return;
+      }
+      const resumed = resumeResult.value;
+      const next = {
+        conversationId: resumed.conversationId,
+        sessionToken: resumed.sessionToken
+      };
+      sessionRef.current = next;
+      setSessionState(next);
+      storeSession(storageKey, next);
+      ensureActiveSessionInHistory(storageKey, next);
+      onResumedRef.current(resumed.conversation);
+    }
+    void sync();
+    return () => {
+      controller.abort();
+    };
+  }, [baseUrl, emailStorageKey, projectId, sessionRef, storageKey, visitorKey]);
+  return {
+    capturedEmail,
+    refreshSessionHistory,
+    session,
+    sessionHistory,
+    setCapturedEmail,
+    setSession
+  };
+}
+function toHistoryEntries(rows) {
+  return rows.map((row) => ({
+    conversationId: row.conversationId,
+    preview: row.preview,
+    sessionToken: row.sessionToken,
+    updatedAt: row.updatedAt
+  }));
+}
+
 // src/lib/support/useWidgetFrameSizing.ts
-var import_react29 = require("react");
+var import_react31 = require("react");
 
 // src/lib/support/widget-sizing.ts
 var BRANDING_CACHE_PREFIX = "saasco-chat-branding:";
+var sizeToIframeViewport = false;
 function brandingCacheKey(projectId) {
   return `${BRANDING_CACHE_PREFIX}${projectId}`;
 }
+function widgetSessionStorageKeys(projectId, preview) {
+  const slot = preview ? `preview:${projectId}` : projectId;
+  return {
+    emailStorageKey: `saasco-chat-email:${slot}`,
+    storageKey: `saasco-chat-session:${slot}`
+  };
+}
 function readBrandingCache(projectId) {
   try {
     const raw = window.sessionStorage.getItem(brandingCacheKey(projectId));
@@ -14718,6 +15144,9 @@ function resolveSizingViewport() {
   if (host) {
     return host;
   }
+  if (sizeToIframeViewport && typeof window !== "undefined") {
+    return { height: window.innerHeight, width: window.innerWidth };
+  }
   if (isCrossOriginEmbed()) {
     return {
       height: PANEL_MAX_HEIGHT_PX + PANEL_VERTICAL_RESERVE_PX,
@@ -14726,20 +15155,29 @@ function resolveSizingViewport() {
   }
   return { height: window.innerHeight, width: window.innerWidth };
 }
-function isMobileViewport() {
+function widgetScale() {
+  if (sizeToIframeViewport) {
+    return { effectiveWidth: PANEL_WIDTH_PX, isMobile: false, scale: 1 };
+  }
   const host = getHostViewport();
   if (host) {
-    return host.width <= MOBILE_BREAKPOINT_PX;
+    return readWidgetScaleMetrics(host);
   }
   if (isCrossOriginEmbed()) {
-    return false;
+    return { effectiveWidth: 0, isMobile: false, scale: 1 };
   }
-  return window.innerWidth <= MOBILE_BREAKPOINT_PX;
+  return readWidgetScaleMetrics();
+}
+function isDashboardPreview() {
+  return sizeToIframeViewport;
 }
 function clampPanelDimensions(viewport, fullscreen) {
   if (fullscreen) {
     return { height: viewport.height, width: viewport.width };
   }
+  if (sizeToIframeViewport) {
+    return { height: PANEL_MAX_HEIGHT_PX, width: PANEL_WIDTH_PX };
+  }
   return {
     height: Math.min(
       PANEL_MAX_HEIGHT_PX,
@@ -14752,21 +15190,30 @@ function clampPanelDimensions(viewport, fullscreen) {
   };
 }
 function computeFrameDimensions(isOpen) {
+  const { isMobile, scale: scale2 } = widgetScale();
+  const hostOwnsLauncher2 = getHostOwnsLauncher();
   if (!isOpen) {
-    return {
-      fullscreen: false,
-      height: CLOSED_FRAME_SIZE_PX,
-      width: CLOSED_FRAME_SIZE_PX
-    };
+    if (hostOwnsLauncher2) {
+      return { fullscreen: false, height: 0, width: 0 };
+    }
+    const closed = closedFrameSizePx(scale2);
+    return { fullscreen: false, height: closed, width: closed };
   }
-  const fullscreen = isMobileViewport();
+  const fullscreen = isMobile;
   const panel = clampPanelDimensions(resolveSizingViewport(), fullscreen);
   if (fullscreen) {
     return { fullscreen: true, height: panel.height, width: panel.width };
   }
+  if (hostOwnsLauncher2) {
+    return {
+      fullscreen: false,
+      height: panel.height,
+      width: panel.width
+    };
+  }
   return {
     fullscreen: false,
-    height: ROOT_PADDING_PX + panel.height + ROOT_STACK_GAP_PX + LAUNCHER_SIZE_PX + ROOT_PADDING_PX,
+    height: ROOT_PADDING_PX + panel.height + ROOT_STACK_GAP_PX + launcherButtonPx(scale2) + ROOT_PADDING_PX,
     width: panel.width + ROOT_HORIZONTAL_PADDING_PX
   };
 }
@@ -14776,18 +15223,18 @@ function useWidgetFrameSizing({
   isOpen,
   rootElRef
 }) {
-  const isOpenRef = (0, import_react29.useRef)(isOpen);
+  const isOpenRef = (0, import_react31.useRef)(isOpen);
   isOpenRef.current = isOpen;
-  const syncFrameRef = (0, import_react29.useRef)(null);
-  const [isMobile, setIsMobile] = (0, import_react29.useState)(false);
-  (0, import_react29.useLayoutEffect)(() => {
+  const syncFrameRef = (0, import_react31.useRef)(null);
+  const [isMobile, setIsMobile] = (0, import_react31.useState)(false);
+  (0, import_react31.useLayoutEffect)(() => {
     const rootEl = rootElRef.current;
     if (!rootEl) {
       return;
     }
     const syncPanelVars = () => {
       const sizingViewport = resolveSizingViewport();
-      const mobile = isMobileViewport();
+      const { isMobile: mobile, scale: scale2 } = widgetScale();
       setIsMobile(mobile);
       const panel = clampPanelDimensions(sizingViewport, mobile);
       rootEl.style.setProperty("--scw-panel-width", `${panel.width}px`);
@@ -14796,8 +15243,19 @@ function useWidgetFrameSizing({
         "--scw-host-viewport-width",
         `${sizingViewport.width}px`
       );
+      rootEl.style.setProperty(
+        "--scw-launcher-size",
+        `${launcherButtonPx(scale2)}px`
+      );
+      rootEl.style.setProperty(
+        "--scw-launcher-icon-size",
+        `${scaledPx(LAUNCHER_ICON_BASE_PX, scale2)}px`
+      );
     };
     const syncFrameSize = () => {
+      if (isDashboardPreview()) {
+        return;
+      }
       const computed = computeFrameDimensions(isOpenRef.current);
       if (isCrossOriginEmbed()) {
         postResize(
@@ -14805,6 +15263,7 @@ function useWidgetFrameSizing({
           Math.ceil(computed.height),
           computed.fullscreen
         );
+        postOpenState(isOpenRef.current, computed.fullscreen);
         return;
       }
       const rect = rootEl.getBoundingClientRect();
@@ -14831,7 +15290,7 @@ function useWidgetFrameSizing({
       unsubscribe();
     };
   }, [rootElRef]);
-  (0, import_react29.useLayoutEffect)(() => {
+  (0, import_react31.useLayoutEffect)(() => {
     syncFrameRef.current?.();
   }, [isOpen]);
   return { isMobile, syncFrameRef };
@@ -14914,9 +15373,20 @@ function resolveActiveTransition(reduceMotion, viewTransition) {
   }
   return viewTransition;
 }
+function shouldShowWaitingForTeammate({
+  agentMuted,
+  conversationState,
+  isTyping,
+  messages
+}) {
+  if (!agentMuted || isTyping || conversationState === "closed") {
+    return false;
+  }
+  return messages.at(-1)?.role === "user";
+}
 
 // src/lib/support/WidgetLauncher.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 
 // src/lib/support/LauncherIcon.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -14927,7 +15397,7 @@ function LauncherIcon({
   const transition = reduceMotion ? { duration: 0 } : LAUNCHER_ICON_TRANSITION;
   const exitRotate = isOpen ? -LAUNCHER_ICON_ROTATE_DEG : LAUNCHER_ICON_ROTATE_DEG;
   const enterRotate = isOpen ? LAUNCHER_ICON_ROTATE_DEG : -LAUNCHER_ICON_ROTATE_DEG;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "relative flex size-[25px] shrink-0 items-center justify-center overflow-visible [&_svg]:block [&_svg]:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AnimatePresence, { initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "relative flex size-[var(--scw-launcher-icon-size,25px)] shrink-0 items-center justify-center overflow-visible [&_svg]:block [&_svg]:size-full [&_svg]:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AnimatePresence, { initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     motion.span,
     {
       animate: { opacity: 1, rotate: 0, scale: 1 },
@@ -14950,13 +15420,14 @@ function WidgetLauncher({
   onClose
 }) {
   const isEmbedded = isCrossOriginEmbed();
-  const launcherPointerRef = (0, import_react30.useRef)({ hovered: false, pressed: false });
+  const hostOwnsLauncher2 = getHostOwnsLauncher();
+  const launcherPointerRef = (0, import_react32.useRef)({ hovered: false, pressed: false });
   const launcherButtonTransition = reduceMotion ? { duration: 0 } : LAUNCHER_BUTTON_TRANSITION;
-  const syncLauncherState = (0, import_react30.useCallback)(
+  const syncLauncherState = (0, import_react32.useCallback)(
     (next) => {
       const state = { ...launcherPointerRef.current, ...next };
       launcherPointerRef.current = state;
-      if (!isEmbedded) {
+      if (!isEmbedded || hostOwnsLauncher2) {
         return;
       }
       postLauncherState(
@@ -14964,18 +15435,21 @@ function WidgetLauncher({
         state.hovered
       );
     },
-    [isEmbedded, reduceMotion]
+    [hostOwnsLauncher2, isEmbedded, reduceMotion]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     motion.button,
     {
       "aria-label": isOpen ? "Close chat" : "Open chat",
       className: cn(
-        "flex size-[60px] shrink-0 origin-center cursor-pointer items-center justify-center rounded-full border-none bg-white text-neutral-900 outline-none [-webkit-tap-highlight-color:transparent]",
-        isEmbedded ? "shadow-[inset_0_0_0_1px_#e5e5e5]" : "shadow-[0_0_0_1px_#e5e5e5,0_4px_12px_-2px_rgba(0,0,0,.12),0_2px_4px_-2px_rgba(0,0,0,.08)]",
+        // Sized from the host viewport (see useWidgetFrameSizing) so the bubble
+        // keeps its footing on a wide phone — and stays exactly as tall as the
+        // social-proof toast that anchors beside it.
+        "flex size-[var(--scw-launcher-size,60px)] shrink-0 origin-center cursor-pointer items-center justify-center rounded-full border-none bg-white text-neutral-900 outline-none [-webkit-tap-highlight-color:transparent]",
+        isEmbedded ? "shadow-[inset_0_0_0_1px_var(--scw-hairline)]" : "shadow-[0_0_0_1px_var(--scw-hairline),0_4px_12px_-2px_rgba(0,0,0,.12),0_2px_4px_-2px_rgba(0,0,0,.08)]",
         "transition-[background-color,box-shadow] duration-[280ms] ease-[cubic-bezier(.32,.72,0,1)]",
         !reduceMotion && "hover:bg-neutral-100",
-        !reduceMotion && (isEmbedded ? "hover:shadow-[inset_0_0_0_1px_#d4d4d4]" : "hover:shadow-[0_0_0_1px_#d4d4d4,0_4px_12px_-2px_rgba(0,0,0,.14),0_2px_4px_-2px_rgba(0,0,0,.1)]")
+        !reduceMotion && (isEmbedded ? "hover:shadow-[inset_0_0_0_1px_var(--scw-hairline-strong)]" : "hover:shadow-[0_0_0_1px_var(--scw-hairline-strong),0_4px_12px_-2px_rgba(0,0,0,.14),0_2px_4px_-2px_rgba(0,0,0,.1)]")
       ),
       onClick: isOpen ? onClose : onOpen,
       onHoverEnd: () => syncLauncherState({ hovered: false }),
@@ -15012,7 +15486,7 @@ function Avatar({
   large
 }) {
   const base = cn(
-    "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full bg-neutral-900 text-sm font-semibold text-white shadow-[0_0_0_1px_#171717]",
+    "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full bg-neutral-900 text-sm font-semibold text-white shadow-[0_0_0_1px_var(--scw-ink)]",
     large && "size-12 text-lg",
     "[&_img]:block [&_img]:size-full [&_img]:scale-[1.08] [&_img]:object-cover"
   );
@@ -15034,9 +15508,124 @@ function Avatar({
 }
 
 // src/lib/support/CompactTime.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
+
+// ../../support/shared/src/lib/message/splitLightMarkdownBlocks.ts
+var DELIMITER_CELL_PATTERN = /^:?-+:?$/u;
+function splitLightMarkdownBlocks(text) {
+  if (!text.includes("|")) {
+    return text ? [{ type: "text", text }] : [];
+  }
+  const lines = text.split(/\r?\n/u);
+  const blocks = [];
+  const pending = [];
+  let index2 = 0;
+  while (index2 < lines.length) {
+    const parsed = readTableAt(lines, index2);
+    if (!parsed) {
+      pending.push(lines[index2] ?? "");
+      index2 += 1;
+      continue;
+    }
+    flushPendingText(blocks, pending);
+    blocks.push({ type: "table", table: parsed.table });
+    index2 = parsed.end;
+  }
+  flushPendingText(blocks, pending);
+  return blocks;
+}
+function flushPendingText(blocks, pending) {
+  if (pending.length === 0) {
+    return;
+  }
+  blocks.push({ type: "text", text: pending.join("\n") });
+  pending.length = 0;
+}
+function readTableAt(lines, start) {
+  const headers = splitTableCells(lines[start] ?? "");
+  const delimiter = splitTableCells(lines[start + 1] ?? "");
+  if (!headers || !delimiter || headers.length === 0 || delimiter.length !== headers.length || !delimiter.every(isDelimiterCell)) {
+    return null;
+  }
+  const rows = [];
+  let end = start + 2;
+  while (end < lines.length) {
+    const row = splitTableCells(lines[end] ?? "");
+    if (!row) {
+      break;
+    }
+    rows.push(fitRow(row, headers.length));
+    end += 1;
+  }
+  return {
+    end,
+    table: {
+      aligns: delimiter.map(alignFromDelimiterCell),
+      headers: fitRow(headers, headers.length),
+      rows
+    }
+  };
+}
+function splitTableCells(line) {
+  if (!line.includes("|")) {
+    return null;
+  }
+  const cells = [];
+  let current = "";
+  const trimmed = trimOuterPipes(line.trim());
+  for (let index2 = 0; index2 < trimmed.length; index2 += 1) {
+    const char = trimmed[index2];
+    if (char === "\\" && trimmed[index2 + 1] === "|") {
+      current += "|";
+      index2 += 1;
+      continue;
+    }
+    if (char === "|") {
+      cells.push(current.trim());
+      current = "";
+      continue;
+    }
+    current += char;
+  }
+  cells.push(current.trim());
+  return cells;
+}
+function trimOuterPipes(line) {
+  let start = 0;
+  let end = line.length;
+  if (line.startsWith("|")) {
+    start = 1;
+  }
+  if (line.endsWith("|") && !line.endsWith("\\|")) {
+    end -= 1;
+  }
+  return line.slice(start, end);
+}
+function isDelimiterCell(cell) {
+  const compact = cell.replaceAll(" ", "");
+  return DELIMITER_CELL_PATTERN.test(compact) && compact.includes("-");
+}
+function alignFromDelimiterCell(cell) {
+  const compact = cell.replaceAll(" ", "");
+  const left = compact.startsWith(":");
+  const right = compact.endsWith(":");
+  if (left && right) {
+    return "center";
+  }
+  if (right) {
+    return "right";
+  }
+  return "left";
+}
+function fitRow(cells, columnCount) {
+  const row = cells.slice(0, columnCount);
+  while (row.length < columnCount) {
+    row.push("");
+  }
+  return row;
+}
 
-// ../../support/shared/src/lib/formatBotMessageContentForInbox.ts
+// ../../support/shared/src/lib/message/formatBotMessageContentForInbox.ts
 var ATX_HEADING_PATTERN = /^#{1,6}[ \t]+(.+)$/gmu;
 function normalizeMarkdownHeadings(text) {
   return text.replace(ATX_HEADING_PATTERN, (_match, content) => {
@@ -15055,7 +15644,7 @@ function normalizeMarkdownHeadings(text) {
 var import_ai5 = require("ai");
 
 // src/lib/support/KbCitationBadge.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 
 // src/lib/support/hostname.ts
 function readHostnameFromHref(href) {
@@ -15077,20 +15666,20 @@ function KbCitationBadge({
   number: number2
 }) {
   const hostname = readHostnameFromHref(article.url);
-  const [open, setOpen] = (0, import_react31.useState)(false);
-  const closeTimeoutRef = (0, import_react31.useRef)(null);
-  const rootRef = (0, import_react31.useRef)(null);
-  const popoverRef = (0, import_react31.useRef)(null);
+  const [open, setOpen] = (0, import_react33.useState)(false);
+  const closeTimeoutRef = (0, import_react33.useRef)(null);
+  const rootRef = (0, import_react33.useRef)(null);
+  const popoverRef = (0, import_react33.useRef)(null);
   function clearCloseTimeout() {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
   }
-  const resetPopoverShift = (0, import_react31.useCallback)(() => {
+  const resetPopoverShift = (0, import_react33.useCallback)(() => {
     popoverRef.current?.style.removeProperty("--scw-citation-popover-shift");
   }, []);
-  const alignPopover = (0, import_react31.useCallback)(() => {
+  const alignPopover = (0, import_react33.useCallback)(() => {
     const root = rootRef.current;
     const popover = popoverRef.current;
     if (!root || !popover) {
@@ -15118,13 +15707,13 @@ function KbCitationBadge({
       shift === 0 ? "0px" : `${shift}px`
     );
   }, [resetPopoverShift]);
-  const attachPopoverListeners = (0, import_react31.useCallback)(() => {
+  const attachPopoverListeners = (0, import_react33.useCallback)(() => {
     alignPopover();
     const scroller = rootRef.current?.closest(".scw-messages");
     scroller?.addEventListener("scroll", alignPopover, { passive: true });
     window.addEventListener("resize", alignPopover, { passive: true });
   }, [alignPopover]);
-  const detachPopoverListeners = (0, import_react31.useCallback)(() => {
+  const detachPopoverListeners = (0, import_react33.useCallback)(() => {
     const scroller = rootRef.current?.closest(".scw-messages");
     scroller?.removeEventListener("scroll", alignPopover);
     window.removeEventListener("resize", alignPopover);
@@ -15141,7 +15730,7 @@ function KbCitationBadge({
       closeTimeoutRef.current = null;
     }, 80);
   }
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!open) {
       detachPopoverListeners();
       return;
@@ -15149,7 +15738,7 @@ function KbCitationBadge({
     attachPopoverListeners();
     return detachPopoverListeners;
   }, [open, attachPopoverListeners, detachPopoverListeners]);
-  (0, import_react31.useEffect)(
+  (0, import_react33.useEffect)(
     () => () => {
       clearCloseTimeout();
       detachPopoverListeners();
@@ -15342,17 +15931,86 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
   );
   const { body, pendingLinkLabel } = isStreaming ? splitStreamingTail(normalizedText) : { body: normalizedText, pendingLinkLabel: null };
   const citationNumbers = buildKbCitationNumberMap(body);
+  const nodes = [];
+  for (const [blockIndex, block] of splitLightMarkdownBlocks(body).entries()) {
+    if (block.type === "table") {
+      nodes.push(
+        renderMessageTable(
+          block.table,
+          kbArticles,
+          citationNumbers,
+          `tbl-${blockIndex}`
+        )
+      );
+      continue;
+    }
+    nodes.push(
+      ...renderInlineMessageText(
+        block.text,
+        kbArticles,
+        citationNumbers,
+        `b-${blockIndex}`
+      )
+    );
+  }
+  if (pendingLinkLabel) {
+    nodes.push(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: LINK_CLASS_NAME, children: renderPlainTextWithBold(pendingLinkLabel, "lnk-pending") }, "lnk-pending")
+    );
+  }
+  return nodes.length > 0 ? nodes : renderPlainTextWithBold(body, "full");
+}
+function renderMessageTable(table, kbArticles, citationNumbers, keyPrefix) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      className: "my-2 max-w-full overflow-x-auto whitespace-normal",
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "w-full border-collapse text-[13px] leading-[1.35]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: table.headers.map((cell, index2) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "th",
+          {
+            className: "border border-border bg-neutral-50 px-2 py-1.5 font-semibold",
+            style: { textAlign: table.aligns[index2] ?? "left" },
+            children: renderInlineMessageText(
+              cell,
+              kbArticles,
+              citationNumbers,
+              `${keyPrefix}-h-${index2}`
+            )
+          },
+          `${keyPrefix}-h-${index2}`
+        )) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: table.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "td",
+          {
+            className: "border border-border px-2 py-1.5 align-top",
+            style: { textAlign: table.aligns[cellIndex] ?? "left" },
+            children: renderInlineMessageText(
+              cell,
+              kbArticles,
+              citationNumbers,
+              `${keyPrefix}-r-${rowIndex}-c-${cellIndex}`
+            )
+          },
+          `${keyPrefix}-r-${rowIndex}-c-${cellIndex}`
+        )) }, `${keyPrefix}-r-${rowIndex}`)) })
+      ] })
+    },
+    keyPrefix
+  );
+}
+function renderInlineMessageText(text, kbArticles, citationNumbers, keyPrefix) {
   const nodes = [];
   let lastIndex = 0;
   let tokenIndex = 0;
   MESSAGE_CONTENT_PATTERN.lastIndex = 0;
-  let match = MESSAGE_CONTENT_PATTERN.exec(body);
+  let match = MESSAGE_CONTENT_PATTERN.exec(text);
   while (match !== null) {
     if (match.index > lastIndex) {
       nodes.push(
         renderPlainTextWithBold(
-          body.slice(lastIndex, match.index),
-          `t-${tokenIndex}`
+          text.slice(lastIndex, match.index),
+          `${keyPrefix}-t-${tokenIndex}`
         )
       );
     }
@@ -15369,7 +16027,7 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
               article,
               number: number2
             },
-            `cite-${tokenIndex}`
+            `${keyPrefix}-cite-${tokenIndex}`
           )
         );
       }
@@ -15395,7 +16053,7 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
             target: "_blank",
             children: label
           },
-          `lnk-${tokenIndex}`
+          `${keyPrefix}-lnk-${tokenIndex}`
         )
       );
       if (trailing) {
@@ -15404,22 +16062,20 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
     }
     tokenIndex += 1;
     lastIndex = match.index + full.length;
-    match = MESSAGE_CONTENT_PATTERN.exec(body);
-  }
-  if (lastIndex < body.length) {
-    nodes.push(
-      renderPlainTextWithBold(body.slice(lastIndex), `tail-${tokenIndex}`)
-    );
+    match = MESSAGE_CONTENT_PATTERN.exec(text);
   }
-  if (pendingLinkLabel) {
+  if (lastIndex < text.length) {
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: LINK_CLASS_NAME, children: renderPlainTextWithBold(pendingLinkLabel, "lnk-pending") }, "lnk-pending")
+      renderPlainTextWithBold(
+        text.slice(lastIndex),
+        `${keyPrefix}-tail-${tokenIndex}`
+      )
     );
   }
-  return nodes.length > 0 ? nodes : renderPlainTextWithBold(body, "full");
+  return nodes;
 }
 function collectKbArticleFromToolEntry(entry, articles) {
-  if (!isRecord2(entry)) {
+  if (!isRecord(entry)) {
     return;
   }
   if (entry.type === "internal") {
@@ -15451,9 +16107,9 @@ function resolveKbArticlesFromMessages(messages) {
   const articles = /* @__PURE__ */ new Map();
   for (const message of messages) {
     const { metadata } = message;
-    if (isRecord2(metadata) && Array.isArray(metadata.kbCitations)) {
+    if (isRecord(metadata) && Array.isArray(metadata.kbCitations)) {
       for (const entry of metadata.kbCitations) {
-        if (!isRecord2(entry)) {
+        if (!isRecord(entry)) {
           continue;
         }
         const id3 = typeof entry.id === "string" ? entry.id : null;
@@ -15493,8 +16149,8 @@ function CompactTime({
   timestamp
 }) {
   const createdAt = resolveStableCreatedAt(messageId, timestamp);
-  const [now2, setNow] = (0, import_react32.useState)(() => Date.now());
-  (0, import_react32.useEffect)(() => {
+  const [now2, setNow] = (0, import_react34.useState)(() => Date.now());
+  (0, import_react34.useEffect)(() => {
     const tick = () => setNow(Date.now());
     const interval = setInterval(tick, TICK_MS);
     return () => clearInterval(interval);
@@ -15502,35 +16158,62 @@ function CompactTime({
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: formatCompactTime(createdAt, now2) });
 }
 
-// src/lib/support/HomeView.tsx
+// src/lib/support/Suggestions.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
+function Suggestions({
+  onPick,
+  suggestions
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex w-full min-w-0 flex-col gap-2", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "button",
+    {
+      className: "scw-suggestion w-full min-w-0 cursor-pointer overflow-hidden rounded-xl border border-solid border-border bg-white px-3 py-2.5 text-left font-[inherit] hover:bg-neutral-50",
+      onClick: () => onPick(suggestion.prompt),
+      type: "button",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "scw-suggestion-icon shrink-0 rounded-lg bg-neutral-100 text-neutral-700", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SparklesIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "scw-suggestion-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "scw-suggestion-label text-sm leading-5 font-medium text-neutral-950", children: suggestion.label }),
+          suggestion.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "scw-suggestion-label mt-0.5 line-clamp-2 overflow-hidden text-xs text-neutral-500", children: suggestion.description })
+        ] })
+      ]
+    },
+    suggestion.label
+  )) });
+}
+
+// src/lib/support/HomeView.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var SEND_PILL = "inline-flex items-center justify-center gap-2 self-center whitespace-nowrap rounded-[10px] border-none bg-neutral-900 px-[18px] py-[11px] text-sm font-semibold text-white shadow-[0_6px_16px_rgba(0,0,0,.18)] transition-colors duration-150 hover:bg-neutral-800";
 function HomeView({
   branding,
   conversations,
+  onPick,
   onResume,
-  onStartNew
+  onStartNew,
+  suggestions
 }) {
   const [recent] = conversations;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "scw-thin-scroll flex min-w-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto overscroll-contain bg-white px-4 pt-6 pb-[calc(24px+var(--scw-nav-height))]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col items-center gap-2 px-0 pt-2 pb-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Avatar, { branding, large: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: branding.greeting }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-[13px] text-neutral-500", children: branding.teamDescription })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "scw-thin-scroll flex min-w-0 max-w-full flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto overscroll-contain bg-white px-4 pt-6 pb-[calc(24px+var(--scw-nav-height))]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col items-center gap-2 px-0 pt-2 pb-1 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { branding, large: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: branding.greeting }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-[13px] text-neutral-500", children: branding.teamDescription })
     ] }),
-    recent && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Suggestions, { onPick, suggestions }),
+    recent && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
-        className: "flex w-full cursor-pointer items-center gap-3 rounded-[14px] border border-solid border-[#ececec] bg-white p-3 text-left font-[inherit] shadow-[0_2px_8px_rgba(0,0,0,.06)] transition-colors duration-150 hover:bg-neutral-50",
+        className: "flex w-full cursor-pointer items-center gap-3 rounded-[14px] border border-solid border-border bg-white p-3 text-left font-[inherit] shadow-[0_2px_8px_rgba(0,0,0,.06)] transition-colors duration-150 hover:bg-neutral-50",
         onClick: () => onResume(recent),
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Avatar, { branding }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(recent.preview, recent.conversationId) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { branding }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(recent.preview, recent.conversationId) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             CompactTime,
             {
               messageId: `home-${recent.conversationId}`,
@@ -15540,54 +16223,47 @@ function HomeView({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: SEND_PILL, onClick: onStartNew, type: "button", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { className: SEND_PILL, onClick: onStartNew, type: "button", children: [
       "Start a new conversation",
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ArrowRightIcon, {})
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ArrowRightIcon, {})
     ] })
   ] });
 }
 
 // src/lib/support/MessagesView.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var SEND_PILL2 = "inline-flex items-center justify-center gap-2 self-center whitespace-nowrap rounded-[10px] border-none bg-neutral-900 px-[18px] py-[11px] text-sm font-semibold text-white shadow-[0_6px_16px_rgba(0,0,0,.18)] transition-colors duration-150 hover:bg-neutral-800";
 function MessagesView({
-  activeConversationId,
   branding,
   conversations,
   onResume,
   onStartNew
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "scw-thin-scroll min-w-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-2 pt-2 pb-[calc(8px+var(--scw-nav-height)+var(--scw-send-pill-gap)+var(--scw-send-pill-height))]", children: conversations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "my-6 text-center text-sm text-neutral-500", children: "No conversations yet. Start one below." }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col", children: conversations.map((entry) => {
-      const isActive = entry.conversationId === activeConversationId;
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "button",
-        {
-          className: cn(
-            "flex w-full cursor-pointer items-center gap-3 rounded-xl border-none bg-white p-3 text-left font-[inherit] transition-colors duration-150 hover:bg-[#f7f7f7]",
-            isActive && "bg-neutral-100"
-          ),
-          onClick: () => onResume(entry),
-          type: "button",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { branding }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(entry.preview, entry.conversationId) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              CompactTime,
-              {
-                messageId: `list-${entry.conversationId}`,
-                timestamp: entry.updatedAt
-              }
-            ) })
-          ]
-        },
-        entry.conversationId
-      );
-    }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "scw-thin-scroll min-w-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-2 pt-2 pb-[calc(8px+var(--scw-nav-height)+var(--scw-send-pill-gap)+var(--scw-send-pill-height))]", children: conversations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "my-6 text-center text-sm text-neutral-500", children: "No conversations yet. Start one below." }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col", children: conversations.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "button",
+      {
+        className: "flex w-full cursor-pointer items-center gap-3 rounded-xl border-none bg-white p-3 text-left font-[inherit] transition-colors duration-150 hover:bg-neutral-100",
+        onClick: () => onResume(entry),
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Avatar, { branding }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(entry.preview, entry.conversationId) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            CompactTime,
+            {
+              messageId: `list-${entry.conversationId}`,
+              timestamp: entry.updatedAt
+            }
+          ) })
+        ]
+      },
+      entry.conversationId
+    )) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "button",
       {
         className: cn(
@@ -15598,7 +16274,7 @@ function MessagesView({
         type: "button",
         children: [
           "Start a new conversation",
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ArrowRightIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ArrowRightIcon, {})
         ]
       }
     )
@@ -15606,8 +16282,8 @@ function MessagesView({
 }
 
 // src/lib/support/PanelHeader.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var HEADER_BTN = "flex size-[var(--scw-header-btn-size)] shrink-0 items-center justify-center rounded-[var(--scw-header-btn-concentric)] border-none bg-transparent p-0 text-neutral-600 hover:bg-[#ebebeb] hover:text-neutral-700";
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var HEADER_BTN = "flex size-[var(--scw-header-btn-size)] shrink-0 items-center justify-center rounded-[var(--scw-header-btn-concentric)] border-none bg-transparent p-0 text-neutral-600 hover:bg-neutral-100 hover:text-neutral-700";
 function PanelHeader({
   agentMuted: _agentMuted,
   branding,
@@ -15616,66 +16292,69 @@ function PanelHeader({
   view
 }) {
   if (view === "chat") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-start justify-between gap-2 border-b border-[#f0f0f0] p-[var(--scw-header-padding)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start justify-between gap-2 border-b border-border p-[var(--scw-header-padding)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             "aria-label": "Back",
             className: HEADER_BTN,
             onClick: onBack,
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronLeftIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronLeftIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Avatar, { branding }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "min-w-0 leading-[1.3]", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: branding.workspaceName }) })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Avatar, { branding }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "min-w-0 leading-[1.3]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: branding.workspaceName }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        "button",
-        {
-          "aria-label": "Close chat",
-          className: HEADER_BTN,
-          onClick: onClose,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseIcon, {})
-        }
-      )
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CloseChatButton, { onClose })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn(
-        "relative flex min-h-[calc(var(--scw-header-padding)*2+var(--scw-header-btn-size))] items-center justify-center gap-2 border-b border-[#f0f0f0] p-[var(--scw-header-padding)]"
+        "relative flex min-h-[calc(var(--scw-header-padding)*2+var(--scw-header-btn-size))] items-center justify-center gap-2 border-b border-border p-[var(--scw-header-padding)]"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: view === "messages" ? "Messages" : "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          "button",
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-lg font-semibold text-neutral-950", children: view === "messages" ? "Messages" : "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          CloseChatButton,
           {
-            "aria-label": "Close chat",
-            className: cn(
-              HEADER_BTN,
-              "absolute top-[var(--scw-header-padding)] right-[var(--scw-header-padding)]"
-            ),
-            onClick: onClose,
-            type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseIcon, {})
+            className: "absolute top-[var(--scw-header-padding)] right-[var(--scw-header-padding)]",
+            onClose
           }
         )
       ]
     }
   );
 }
+function CloseChatButton({
+  className,
+  onClose
+}) {
+  if (!onClose) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "button",
+    {
+      "aria-label": "Close chat",
+      className: cn(HEADER_BTN, className),
+      onClick: onClose,
+      type: "button",
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CloseIcon, {})
+    }
+  );
+}
 
 // src/lib/support/Spinner.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Spinner({
   className,
   small
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -15689,33 +16368,33 @@ function Spinner({
 }
 
 // src/lib/support/WidgetConversationView.tsx
-var import_react40 = require("react");
+var import_react42 = require("react");
 
 // src/lib/support/ComposerFooter.tsx
-var import_react34 = require("react");
+var import_react36 = require("react");
 
 // src/lib/support/PoweredBy.tsx
-var import_react33 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function PoweredBy({
   projectId
 }) {
-  const identity2 = (0, import_react33.useSyncExternalStore)(
+  const identity2 = (0, import_react35.useSyncExternalStore)(
     subscribeToRegistry,
     getIdentity,
     getIdentity
   );
   const hrefFromTraits = typeof identity2?.traits?.$href === "string" ? identity2.traits.$href : void 0;
-  const [hostDomain, setHostDomain] = (0, import_react33.useState)(
+  const [hostDomain, setHostDomain] = (0, import_react35.useState)(
     () => readHostnameFromHref(hrefFromTraits)
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const fromTraits = readHostnameFromHref(hrefFromTraits);
     if (fromTraits) {
       setHostDomain(fromTraits);
     }
   }, [hrefFromTraits]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (hostDomain) {
       return;
     }
@@ -15737,17 +16416,17 @@ function PoweredBy({
       cancelled = true;
     };
   }, [hostDomain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "a",
     {
       "aria-label": "Powered by Saasco",
-      className: "inline-flex items-center gap-[5px] rounded-full border border-solid border-neutral-200 bg-white px-3.5 py-1.5 text-[11px] leading-none text-neutral-400 no-underline transition-colors duration-150 hover:bg-neutral-50",
+      className: "inline-flex items-center gap-[5px] rounded-full border border-solid border-border bg-white px-3.5 py-1.5 text-[11px] leading-none text-neutral-400 no-underline transition-colors duration-150 hover:bg-neutral-50",
       href: buildSaascoPoweredByHref(projectId, hostDomain),
       rel: "noopener noreferrer",
       target: "_blank",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-neutral-400", children: "Powered by" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SaascoLogo, {})
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-neutral-400", children: "Powered by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SaascoLogo, {})
       ]
     }
   ) });
@@ -15766,15 +16445,15 @@ function buildSaascoPoweredByHref(projectId, hostDomain) {
 
 // src/lib/support/ui/message-scroller.tsx
 var import_message_scroller = require("@shadcn/react/message-scroller");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function MessageScrollerProvider(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_message_scroller.MessageScroller.Provider, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_message_scroller.MessageScroller.Provider, { ...props });
 }
 function MessageScroller({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_message_scroller.MessageScroller.Root,
     {
       "data-slot": "message-scroller",
@@ -15790,7 +16469,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_message_scroller.MessageScroller.Viewport,
     {
       "data-slot": "message-scroller-viewport",
@@ -15810,7 +16489,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_message_scroller.MessageScroller.Content,
     {
       "data-slot": "message-scroller-content",
@@ -15830,7 +16509,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_message_scroller.MessageScroller.Item,
     {
       "data-slot": "message-scroller-item",
@@ -15847,7 +16526,7 @@ function MessageScrollerItem({
 }
 
 // src/lib/support/ComposerFooter.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ComposerFooter({
   active,
   projectId,
@@ -15858,8 +16537,8 @@ function ComposerFooter({
   const { scrollToEnd } = (0, import_message_scroller.useMessageScroller)();
   const showScrollToBottom = useAwayFromScrollBottom(scrollRef, active);
   const transition = reduceMotion ? { duration: 0 } : SCROLL_BOTTOM_TRANSITION;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "pointer-events-none absolute inset-x-0 bottom-full mb-2.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "pointer-events-none absolute inset-x-0 bottom-full mb-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       motion.div,
       {
         animate: {
@@ -15871,10 +16550,10 @@ function ComposerFooter({
         initial: false,
         style: { pointerEvents: showScrollToBottom ? "none" : "auto" },
         transition,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PoweredBy, { projectId })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PoweredBy, { projectId })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       motion.button,
       {
         animate: {
@@ -15884,7 +16563,7 @@ function ComposerFooter({
         },
         "aria-hidden": !showScrollToBottom,
         "aria-label": "Scroll to latest messages",
-        className: "absolute top-1/2 left-1/2 mt-[-16px] flex size-8 cursor-pointer items-center justify-center rounded-full border border-solid border-neutral-200 bg-white p-0 text-neutral-600 transition-colors duration-150 hover:bg-neutral-50",
+        className: "absolute top-1/2 left-1/2 mt-[-16px] flex size-8 cursor-pointer items-center justify-center rounded-full border border-solid border-border bg-white p-0 text-neutral-600 transition-colors duration-150 hover:bg-neutral-50",
         initial: false,
         onClick: () => {
           scrollReleasedRef.current = true;
@@ -15894,14 +16573,14 @@ function ComposerFooter({
         tabIndex: showScrollToBottom ? 0 : -1,
         transition,
         type: "button",
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ScrollChevronDownIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ScrollChevronDownIcon, {})
       }
     )
   ] });
 }
 function useAwayFromScrollBottom(scrollRef, active) {
-  const [away, setAway] = (0, import_react34.useState)(false);
-  (0, import_react34.useEffect)(() => {
+  const [away, setAway] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
     if (!active) {
       setAway(false);
       return;
@@ -15940,11 +16619,11 @@ function useAwayFromScrollBottom(scrollRef, active) {
 }
 
 // src/lib/support/MessageList.tsx
-var import_react38 = require("react");
+var import_react40 = require("react");
 
 // src/lib/support/ui/marker.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var markerVariants = cva(
   "group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground",
   {
@@ -15964,7 +16643,7 @@ function Marker({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Comp,
     {
       "data-slot": "marker",
@@ -15975,7 +16654,7 @@ function Marker({
   );
 }
 function MarkerIcon({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "span",
     {
       "data-slot": "marker-icon",
@@ -15989,7 +16668,7 @@ function MarkerIcon({ className, ...props }) {
   );
 }
 function MarkerContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "span",
     {
       "data-slot": "marker-content",
@@ -16003,37 +16682,13 @@ function MarkerContent({ className, ...props }) {
 }
 
 // src/lib/support/JoinNotice.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function JoinNotice({
   message
 }) {
   const name = readAuthorName(message);
   const label = name && name !== "Team" ? `${name} has joined the conversation` : "A teammate has joined the conversation";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Marker, { className: "scw-message-in justify-center py-2 text-center text-xs text-neutral-500", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MarkerContent, { children: label }) });
-}
-
-// src/lib/support/Suggestions.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function Suggestions({
-  onPick,
-  suggestions
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-col gap-2", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-    "button",
-    {
-      className: "flex cursor-pointer items-start gap-3 rounded-xl border border-solid border-neutral-200 bg-white px-3 py-2.5 text-left font-[inherit] hover:bg-neutral-50",
-      onClick: () => onPick(suggestion.prompt),
-      type: "button",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-lg bg-neutral-100 text-neutral-700", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SparklesIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-medium text-neutral-950", children: suggestion.label }),
-          suggestion.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mt-0.5 line-clamp-2 overflow-hidden text-xs text-neutral-500", children: suggestion.description })
-        ] })
-      ]
-    },
-    suggestion.label
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Marker, { className: "scw-message-in justify-center py-2 text-center text-xs text-neutral-500", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MarkerContent, { children: label }) });
 }
 
 // src/lib/support/HandoffCard.tsx
@@ -16047,7 +16702,7 @@ function HandoffCard({
   pending,
   reason
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full rounded-lg border border-solid border-neutral-200 bg-white p-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full rounded-lg border border-solid border-border bg-white p-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-[10px] font-semibold tracking-[0.04em] text-neutral-500 uppercase", children: "Connect with the team" }),
     reason ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-1.5 text-[13px] text-neutral-900", children: reason }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-1 text-xs text-neutral-600", children: "A human teammate can take over from here and reply right in this chat." }),
@@ -16083,6 +16738,7 @@ function HandoffCard({
 var import_ai6 = require("ai");
 var HIDDEN_WIDGET_TOOL_NAMES = /* @__PURE__ */ new Set([
   CLOSE_CONVERSATION_TOOL_NAME,
+  REPORT_KNOWLEDGE_GAP_TOOL_NAME,
   REQUEST_HUMAN_HANDOFF_TOOL_NAME
 ]);
 function collectHiddenToolCallIds(message) {
@@ -16124,7 +16780,7 @@ function humanizeToolName(toolName) {
 }
 
 // src/lib/support/ToolGroup.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 
 // src/lib/support/ApprovalCard.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -16138,7 +16794,7 @@ function ApprovalCard({
   toolName
 }) {
   const displayLabel = resolveToolLabel(toolName, label);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full rounded-lg border border-solid border-neutral-200 bg-white p-3 text-xs text-neutral-900", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start gap-2.5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full rounded-lg border border-solid border-border bg-white p-3 text-xs text-neutral-900", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start gap-2.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
@@ -16197,7 +16853,7 @@ function ToolGroup({
   toolLabels,
   tools
 }) {
-  const [expanded, setExpanded] = (0, import_react35.useState)(false);
+  const [expanded, setExpanded] = (0, import_react37.useState)(false);
   const hostAwaitingApproval = tools.filter(
     (tool) => pending.has(tool.toolCallId)
   );
@@ -16267,10 +16923,10 @@ function ToolGroup({
         ]
       }
     ),
-    expanded && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col gap-1 border-l border-neutral-200 pl-2.5", children: tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col gap-1 border-l border-border pl-2.5", children: tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "div",
       {
-        className: "inline-flex items-center gap-1.5 self-start rounded border border-solid border-neutral-200 bg-white px-1.5 py-0.5 font-mono text-[11px] tracking-[-0.01em] text-neutral-600",
+        className: "inline-flex items-center gap-1.5 self-start rounded border border-solid border-border bg-white px-1.5 py-0.5 font-mono text-[11px] tracking-[-0.01em] text-neutral-600",
         children: [
           isToolPartComplete(tool.state) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-1 shrink-0 rounded-full bg-neutral-400" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Spinner, { small: true }),
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: resolveToolDisplayLabel(tool.toolName, toolLabels) })
@@ -16460,9 +17116,9 @@ function SupportMessage({
                   BubbleContent,
                   {
                     className: cn(
-                      "text-[14px] leading-[1.45] whitespace-pre-wrap [&_strong]:font-semibold",
+                      "text-[14px] leading-[1.45] whitespace-pre-wrap [&_strong]:font-semibold [&_table]:whitespace-normal",
                       isCustomer && "rounded-2xl rounded-br-[4px] bg-neutral-900 px-[13px] py-[9px] text-white",
-                      isTeam && "rounded-2xl rounded-bl-[4px] bg-[#f1f1f3] px-[13px] py-[9px] text-neutral-950",
+                      isTeam && "rounded-2xl rounded-bl-[4px] bg-neutral-100 px-[13px] py-[9px] text-neutral-950",
                       !isCustomer && !isTeam && "max-w-full rounded-none bg-transparent px-0 py-1 text-neutral-950"
                     ),
                     children: renderMessageText(block.text, kbArticles, isStreamingBlock)
@@ -16525,13 +17181,13 @@ function SupportMessage({
         showHandoffCard && handoffOffer && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           HandoffCard,
           {
-            onConfirm: () => handoff.onConfirm(handoffOffer.reason),
+            onConfirm: () => handoff.onConfirm(handoffOffer),
             onDismiss: () => handoff.onDismiss(handoffOffer.toolCallId),
             pending: handoff.pending,
             reason: handoffOffer.reason
           }
         ),
-        (hasText || attachmentUrls.length > 0) && group.showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MessageFooter, { className: "px-0 text-[11px] text-[#a3a3a3]", children: isCustomer ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        (hasText || attachmentUrls.length > 0) && group.showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MessageFooter, { className: "px-0 text-[11px] text-neutral-500", children: isCustomer ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           CompactTime,
           {
             messageId: message.id,
@@ -16556,7 +17212,7 @@ function SupportMessage({
 }
 
 // src/lib/support/useFollowBottomAfterUserScroll.ts
-var import_react36 = require("react");
+var import_react38 = require("react");
 var SPACER_SELECTOR = "[data-message-scroller-spacer]";
 var ANCHOR_SELECTOR = '[data-scroll-anchor="true"]';
 var SCROLL_KEYS = /* @__PURE__ */ new Set([
@@ -16570,7 +17226,7 @@ var SCROLL_KEYS = /* @__PURE__ */ new Set([
 ]);
 function useFollowBottomAfterUserScroll(scrollRef, scrollReleasedRef) {
   const { scrollToEnd } = (0, import_message_scroller.useMessageScroller)();
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const viewport = scrollRef.current;
     const spacer = viewport?.querySelector(SPACER_SELECTOR);
     const content = spacer?.parentElement;
@@ -16647,10 +17303,10 @@ function useFollowBottomAfterUserScroll(scrollRef, scrollReleasedRef) {
 }
 
 // src/lib/support/useLiftSpacerClamp.ts
-var import_react37 = require("react");
+var import_react39 = require("react");
 var SPACER_SELECTOR2 = "[data-message-scroller-spacer]";
 function useLiftSpacerClamp(scrollRef) {
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const viewport = scrollRef.current;
     const spacer = viewport?.querySelector(SPACER_SELECTOR2);
     const content = spacer?.parentElement;
@@ -16660,13 +17316,13 @@ function useLiftSpacerClamp(scrollRef) {
     const frameWindow = viewport.ownerDocument.defaultView ?? window;
     const ResizeObserverImpl = frameWindow.ResizeObserver ?? window.ResizeObserver;
     let frame2 = 0;
-    const clamp2 = () => {
+    const clamp3 = () => {
       const ceiling = measureLiftCeiling(viewport, content, spacer);
       spacer.style.maxHeight = `${ceiling}px`;
     };
     const observer2 = new ResizeObserverImpl(() => {
       frameWindow.cancelAnimationFrame(frame2);
-      frame2 = frameWindow.requestAnimationFrame(clamp2);
+      frame2 = frameWindow.requestAnimationFrame(clamp3);
     });
     observer2.observe(content);
     observer2.observe(viewport);
@@ -16710,6 +17366,7 @@ var import_jsx_runtime32 = require("react/jsx-runtime");
 function MessageList({
   agentMuted,
   branding,
+  conversationState,
   dismissedHandoffs,
   error,
   handoffPending,
@@ -16735,11 +17392,11 @@ function MessageList({
   useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen);
   useLiftSpacerClamp(scrollRef);
   useFollowBottomAfterUserScroll(scrollRef, scrollReleasedRef);
-  const kbArticles = (0, import_react38.useMemo)(
+  const kbArticles = (0, import_react40.useMemo)(
     () => resolveKbArticlesFromMessages(messages),
     [messages]
   );
-  const lastUserMessageId = (0, import_react38.useMemo)(() => {
+  const lastUserMessageId = (0, import_react40.useMemo)(() => {
     for (let index2 = messages.length - 1; index2 >= 0; index2 -= 1) {
       const message = messages[index2];
       if (message?.role === "user") {
@@ -16749,7 +17406,12 @@ function MessageList({
     return null;
   }, [messages]);
   const showTyping = typingLabel !== null;
-  const showWaiting = agentMuted && !showTyping && !lastMessageIsFromTeam(messages);
+  const showWaiting = shouldShowWaitingForTeammate({
+    agentMuted,
+    conversationState,
+    isTyping: showTyping,
+    messages
+  });
   const showError = !!error && !isTakeoverError;
   const showSuggestions = messages.length === 0 && suggestions.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MessageScroller, { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -16772,7 +17434,10 @@ function MessageList({
       ref: scrollRef,
       children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(MessageScrollerContent, { "aria-busy": isResponding, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col items-center px-0 pt-1 pb-2.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "m-0 max-w-[82%] text-[13px] font-normal text-neutral-400", children: branding.greeting }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start gap-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Avatar, { branding }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "max-w-[82%] rounded-[14px] bg-neutral-100 px-3 py-2 text-sm leading-[1.45] text-neutral-950", children: branding.greeting })
+          ] }),
           showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Suggestions, { onPick, suggestions })
         ] }) }, "intro"),
         messages.map((message, index2) => {
@@ -16850,7 +17515,7 @@ function MessageList({
             ]
           }
         ) }, "waiting"),
-        showError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "rounded-md border border-solid border-neutral-200 bg-neutral-100 px-3 py-2.5 text-xs text-neutral-700", children: [
+        showError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "rounded-md border border-solid border-border bg-neutral-100 px-3 py-2.5 text-xs text-neutral-700", children: [
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "font-medium text-neutral-900", children: "Something went wrong" }),
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: error?.message }),
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -16867,13 +17532,9 @@ function MessageList({
     }
   ) });
 }
-function lastMessageIsFromTeam(messages) {
-  const lastMessage = messages.at(-1);
-  return !!lastMessage && readSupportRole(lastMessage) === "team";
-}
 function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
   const { visibleMessageIds } = (0, import_message_scroller.useMessageScrollerVisibility)();
-  const teamMessageIds = (0, import_react38.useMemo)(() => {
+  const teamMessageIds = (0, import_react40.useMemo)(() => {
     const ids = /* @__PURE__ */ new Set();
     for (const message of messages) {
       if (readSupportRole(message) === "team") {
@@ -16883,7 +17544,7 @@ function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
     return ids;
   }, [messages]);
   const visibleTeamKey = visibleMessageIds.filter((id3) => teamMessageIds.has(id3)).join(",");
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!visibleTeamKey) {
       return;
     }
@@ -16892,24 +17553,24 @@ function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
 }
 
 // src/lib/support/MessageScrollbar.tsx
-var import_react39 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function MessageScrollbar({
   recomputeKey,
   scrollRef
 }) {
-  const trackRef = (0, import_react39.useRef)(null);
-  const thumbRef = (0, import_react39.useRef)(null);
-  const dragRef = (0, import_react39.useRef)(
+  const trackRef = (0, import_react41.useRef)(null);
+  const thumbRef = (0, import_react41.useRef)(null);
+  const dragRef = (0, import_react41.useRef)(
     null
   );
-  const [thumb, setThumb] = (0, import_react39.useState)({
+  const [thumb, setThumb] = (0, import_react41.useState)({
     height: 0,
     top: 0,
     valueNow: 0,
     visible: false
   });
-  const recompute = (0, import_react39.useCallback)(() => {
+  const recompute = (0, import_react41.useCallback)(() => {
     const scroller = scrollRef.current;
     const track = trackRef.current;
     if (!(scroller && track)) {
@@ -16934,10 +17595,10 @@ function MessageScrollbar({
       visible: true
     });
   }, [scrollRef]);
-  (0, import_react39.useLayoutEffect)(() => {
+  (0, import_react41.useLayoutEffect)(() => {
     recompute();
   }, [recompute, recomputeKey]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const scroller = scrollRef.current;
     const track = trackRef.current;
     if (!(scroller && track)) {
@@ -17025,9 +17686,11 @@ function WidgetConversationView({
   activeTransition,
   agentMuted,
   branding,
+  conversationState,
   dismissedHandoffs,
   draft,
   emailDraft,
+  emailError,
   error,
   handoffPending,
   imageInputRef,
@@ -17042,6 +17705,7 @@ function WidgetConversationView({
   onConfirmHandoff,
   onDismissHandoff,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onPick,
@@ -17100,6 +17764,7 @@ function WidgetConversationView({
           {
             agentMuted,
             branding,
+            conversationState,
             dismissedHandoffs,
             error,
             handoffPending,
@@ -17159,10 +17824,12 @@ function WidgetConversationView({
                     {
                       draft,
                       emailDraft,
+                      emailError,
                       imageInputRef,
                       isLoading,
                       needsEmail,
                       onDraftChange,
+                      onEmailBlur,
                       onEmailChange,
                       onImageSelection,
                       onRemovePendingImage,
@@ -17196,7 +17863,7 @@ function useComposerHeightSync({
   session,
   conversationLoaded
 }) {
-  (0, import_react40.useLayoutEffect)(() => {
+  (0, import_react42.useLayoutEffect)(() => {
     const wrap = composerWrapRef.current;
     const messagesEl = scrollRef.current;
     if (!wrap || !messagesEl) {
@@ -17234,7 +17901,7 @@ function WidgetNav({
   onNavigate,
   view
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex border-t border-[#f0f0f0] bg-white", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex border-t border-border bg-white", children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       NavTab,
       {
@@ -17287,6 +17954,7 @@ function WidgetPanel(props) {
     isChat,
     isFullscreen,
     isOpeningPanel,
+    hostOwnsLauncher: hostOwnsLauncher2,
     onBack,
     onClose,
     onNavigate,
@@ -17295,22 +17963,28 @@ function WidgetPanel(props) {
     view
   } = props;
   const panelMotionTransition = reduceMotion ? { duration: 0 } : PANEL_SPRING;
-  const panelInitial = { opacity: 0, scale: PANEL_CLOSED_SCALE, y: 10 };
+  const panelInitial = hostOwnsLauncher2 ? { opacity: 0, scale: PANEL_CLOSED_SCALE, y: 0 } : { opacity: 0, scale: PANEL_CLOSED_SCALE, y: 10 };
   const panelOpen = { opacity: 1, scale: 1, y: 0 };
-  const panelExit = {
+  const panelExit = hostOwnsLauncher2 ? {
+    opacity: 0,
+    scale: PANEL_CLOSED_SCALE,
+    transition: { duration: 0 },
+    y: 0
+  } : {
     opacity: 0,
     scale: PANEL_CLOSED_SCALE,
     transition: { duration: 0 },
     y: 10
   };
   const isEmbedded = isCrossOriginEmbed();
+  const paintPanelShadow = !isEmbedded || isDashboardPreview();
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     motion.div,
     {
       animate: panelOpen,
       className: cn(
-        "scw-panel relative flex h-[var(--scw-panel-height,600px)] w-[var(--scw-panel-width,384px)] origin-bottom-right flex-col overflow-hidden rounded-[var(--scw-panel-radius)] border border-solid border-neutral-200 bg-white backface-hidden antialiased",
-        !isEmbedded && "shadow-[0_10px_15px_-3px_rgba(0,0,0,.1),0_4px_6px_-4px_rgba(0,0,0,.1)]",
+        "scw-panel relative flex h-[var(--scw-panel-height,680px)] w-[var(--scw-panel-width,384px)] max-w-full origin-bottom-right flex-col overflow-hidden rounded-[var(--scw-panel-radius)] border border-solid border-border bg-white backface-hidden antialiased",
+        paintPanelShadow && "shadow-[0_10px_15px_-3px_rgba(0,0,0,.1),0_4px_6px_-4px_rgba(0,0,0,.1)]",
         isFullscreen && "border-none rounded-none shadow-none"
       ),
       exit: panelExit,
@@ -17341,9 +18015,11 @@ function BrandedPanelBody({
   agentMuted,
   branding,
   composerWrapRef,
+  conversationState,
   dismissedHandoffs,
   draft,
   emailDraft,
+  emailError,
   error,
   handoffPending,
   imageInputRef,
@@ -17360,6 +18036,7 @@ function BrandedPanelBody({
   onConfirmHandoff,
   onDismissHandoff,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onNavigate,
@@ -17417,14 +18094,15 @@ function BrandedPanelBody({
             {
               branding,
               conversations: sortedHistory,
+              onPick,
               onResume,
-              onStartNew
+              onStartNew,
+              suggestions
             }
           ),
           view === "messages" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             MessagesView,
             {
-              activeConversationId: session?.conversationId,
               branding,
               conversations: sortedHistory,
               onResume,
@@ -17438,9 +18116,11 @@ function BrandedPanelBody({
               agentMuted,
               branding,
               composerWrapRef,
+              conversationState,
               dismissedHandoffs,
               draft,
               emailDraft,
+              emailError,
               error,
               handoffPending,
               imageInputRef,
@@ -17455,6 +18135,7 @@ function BrandedPanelBody({
               onConfirmHandoff,
               onDismissHandoff,
               onDraftChange,
+              onEmailBlur,
               onEmailChange,
               onImageSelection,
               onPick,
@@ -17502,16 +18183,16 @@ function BrandedPanelBody({
 }
 function PanelLoadingShell({ onClose }) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "relative flex min-h-[calc(var(--scw-header-padding)*2+var(--scw-header-btn-size))] items-center justify-center gap-2 border-b border-[#f0f0f0] p-[var(--scw-header-padding)]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "relative flex min-h-[calc(var(--scw-header-padding)*2+var(--scw-header-btn-size))] items-center justify-center gap-2 border-b border-border p-[var(--scw-header-padding)]", children: onClose ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "button",
       {
         "aria-label": "Close chat",
-        className: "absolute top-[var(--scw-header-padding)] right-[var(--scw-header-padding)] flex size-[var(--scw-header-btn-size)] shrink-0 items-center justify-center rounded-[var(--scw-header-btn-concentric)] border-none bg-transparent p-0 text-neutral-600 hover:bg-[#ebebeb] hover:text-neutral-700",
+        className: "absolute top-[var(--scw-header-padding)] right-[var(--scw-header-padding)] flex size-[var(--scw-header-btn-size)] shrink-0 items-center justify-center rounded-[var(--scw-header-btn-concentric)] border-none bg-transparent p-0 text-neutral-600 hover:bg-neutral-100 hover:text-neutral-700",
         onClick: onClose,
         type: "button",
         children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CloseIcon, {})
       }
-    ) }),
+    ) : null }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "div",
       {
@@ -17530,28 +18211,36 @@ function SupportWidgetInner({
   getStateSnapshot,
   placeholder = "Message...",
   projectId,
+  startOpen = false,
   suggestions
 }) {
-  const storageKey = `saasco-chat-session:${projectId}`;
-  const emailStorageKey = `saasco-chat-email:${projectId}`;
-  const [isOpen, setIsOpen] = (0, import_react42.useState)(false);
-  const [isOpeningPanel, setIsOpeningPanel] = (0, import_react42.useState)(false);
+  const dashboardPreview = isDashboardPreview();
+  const { emailStorageKey, storageKey } = widgetSessionStorageKeys(
+    projectId,
+    dashboardPreview
+  );
+  const [isOpen, setIsOpen] = (0, import_react44.useState)(startOpen);
+  const [isOpeningPanel, setIsOpeningPanel] = (0, import_react44.useState)(startOpen);
   const reduceMotion = useReducedMotion();
-  const [view, setView] = (0, import_react42.useState)("home");
-  const [returnView, setReturnView] = (0, import_react42.useState)("home");
-  const [branding, setBranding] = (0, import_react42.useState)(
-    () => readBrandingCache(projectId)
+  const [view, setView] = (0, import_react44.useState)("home");
+  const [returnView, setReturnView] = (0, import_react44.useState)("home");
+  const previewShell2 = (0, import_react44.useSyncExternalStore)(
+    subscribeToRegistry,
+    getPreviewShell,
+    getPreviewShell
   );
-  const [dashboardTools, setDashboardTools] = (0, import_react42.useState)([]);
-  const [session, setSession] = (0, import_react42.useState)(null);
-  const [sessionHistory, setSessionHistory] = (0, import_react42.useState)([]);
-  const [draft, setDraft] = (0, import_react42.useState)("");
-  const [pendingImages, setPendingImages] = (0, import_react42.useState)([]);
-  const pendingImageUrls = (0, import_react42.useMemo)(
+  const [branding, setBranding] = (0, import_react44.useState)(
+    () => previewShell2?.branding ?? readBrandingCache(projectId)
+  );
+  const [resolvedSuggestions, setResolvedSuggestions] = (0, import_react44.useState)(previewShell2?.suggestions ?? suggestions ?? DEFAULT_SUGGESTIONS);
+  const [dashboardTools, setDashboardTools] = (0, import_react44.useState)([]);
+  const [draft, setDraft] = (0, import_react44.useState)("");
+  const [pendingImages, setPendingImages] = (0, import_react44.useState)([]);
+  const pendingImageUrls = (0, import_react44.useMemo)(
     () => pendingImages.map((file) => URL.createObjectURL(file)),
     [pendingImages]
   );
-  (0, import_react42.useEffect)(
+  (0, import_react44.useEffect)(
     () => () => {
       for (const url of pendingImageUrls) {
         URL.revokeObjectURL(url);
@@ -17559,8 +18248,8 @@ function SupportWidgetInner({
     },
     [pendingImageUrls]
   );
-  const sentImageUrlsRef = (0, import_react42.useRef)([]);
-  (0, import_react42.useEffect)(
+  const sentImageUrlsRef = (0, import_react44.useRef)([]);
+  (0, import_react44.useEffect)(
     () => () => {
       for (const url of sentImageUrlsRef.current) {
         URL.revokeObjectURL(url);
@@ -17568,30 +18257,25 @@ function SupportWidgetInner({
     },
     []
   );
-  const [emailDraft, setEmailDraft] = (0, import_react42.useState)("");
-  const [capturedEmail, setCapturedEmail] = (0, import_react42.useState)(null);
-  const [sendError, setSendError] = (0, import_react42.useState)(null);
-  const [agentMuted, setAgentMuted] = (0, import_react42.useState)(false);
-  const [conversation, setConversation] = (0, import_react42.useState)(
+  const [emailDraft, setEmailDraft] = (0, import_react44.useState)("");
+  const [emailTouched, setEmailTouched] = (0, import_react44.useState)(false);
+  const [sendError, setSendError] = (0, import_react44.useState)(null);
+  const [agentMuted, setAgentMuted] = (0, import_react44.useState)(false);
+  const [conversation, setConversation] = (0, import_react44.useState)(
     null
   );
-  const [conversationLoaded, setConversationLoaded] = (0, import_react42.useState)(false);
-  const [dismissedHandoffs, setDismissedHandoffs] = (0, import_react42.useState)(
-    () => /* @__PURE__ */ new Set()
-  );
-  const [handoffPending, setHandoffPending] = (0, import_react42.useState)(false);
-  const handoffPendingRef = (0, import_react42.useRef)(false);
-  const scrollRef = (0, import_react42.useRef)(null);
+  const [conversationLoaded, setConversationLoaded] = (0, import_react44.useState)(false);
+  const scrollRef = (0, import_react44.useRef)(null);
   useOverscrollBounce(scrollRef, view === "chat", !!reduceMotion);
-  const scrollReleasedRef = (0, import_react42.useRef)(false);
-  const composerWrapRef = (0, import_react42.useRef)(null);
-  const rootElRef = (0, import_react42.useRef)(null);
-  const textareaRef = (0, import_react42.useRef)(null);
-  const imageInputRef = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
+  const scrollReleasedRef = (0, import_react44.useRef)(false);
+  const composerWrapRef = (0, import_react44.useRef)(null);
+  const rootElRef = (0, import_react44.useRef)(null);
+  const textareaRef = (0, import_react44.useRef)(null);
+  const imageInputRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
     injectStyles();
   }, []);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const root = rootElRef.current;
     if (!root) {
       return;
@@ -17608,30 +18292,35 @@ function SupportWidgetInner({
     isOpen,
     rootElRef
   });
-  const identity2 = (0, import_react42.useSyncExternalStore)(
+  const identity2 = (0, import_react44.useSyncExternalStore)(
     subscribeToRegistry,
     getIdentity,
     getIdentity
   );
-  const userJwt2 = (0, import_react42.useSyncExternalStore)(
+  const userJwt2 = (0, import_react44.useSyncExternalStore)(
     subscribeToRegistry,
     getUserJwt,
     getUserJwt
   );
-  const toolLabels = (0, import_react42.useMemo)(
+  const identityRef = (0, import_react44.useRef)(identity2);
+  const userJwtRef = (0, import_react44.useRef)(userJwt2);
+  const sessionRef = (0, import_react44.useRef)(null);
+  identityRef.current = identity2;
+  userJwtRef.current = userJwt2;
+  const hostOwnsLauncher2 = (0, import_react44.useSyncExternalStore)(
+    subscribeToRegistry,
+    getHostOwnsLauncher,
+    getHostOwnsLauncher
+  );
+  const toolLabels = (0, import_react44.useMemo)(
     () => buildToolDisplayLabelMap(dashboardTools),
     [dashboardTools]
   );
-  const sessionRef = (0, import_react42.useRef)(null);
-  const toolsRef = (0, import_react42.useRef)(dashboardTools);
-  const snapshotRef = (0, import_react42.useRef)(getStateSnapshot);
-  const identityRef = (0, import_react42.useRef)(identity2);
-  const userJwtRef = (0, import_react42.useRef)(userJwt2);
+  const toolsRef = (0, import_react44.useRef)(dashboardTools);
+  const snapshotRef = (0, import_react44.useRef)(getStateSnapshot);
   toolsRef.current = dashboardTools;
   snapshotRef.current = getStateSnapshot;
-  identityRef.current = identity2;
-  userJwtRef.current = userJwt2;
-  const openWidget2 = (0, import_react42.useCallback)(() => {
+  const openWidget2 = (0, import_react44.useCallback)(() => {
     primeMessageChime();
     setIsOpeningPanel(true);
     setIsOpen(true);
@@ -17642,22 +18331,28 @@ function SupportWidgetInner({
       setView("home");
     }
   }, []);
-  (0, import_react42.useEffect)(() => {
+  const closePanel = (0, import_react44.useCallback)(() => {
+    if (dashboardPreview) {
+      return;
+    }
+    setIsOpen(false);
+  }, [dashboardPreview]);
+  (0, import_react44.useLayoutEffect)(() => {
     setOpenControls({
-      close: () => setIsOpen(false),
+      close: closePanel,
       open: openWidget2
     });
     return () => {
       setOpenControls(null);
     };
-  }, [openWidget2]);
-  (0, import_react42.useEffect)(() => {
+  }, [closePanel, openWidget2]);
+  (0, import_react44.useEffect)(() => {
     if (!isOpen) {
       setIsOpeningPanel(false);
     }
   }, [isOpen]);
-  (0, import_react42.useEffect)(() => {
-    if (!isOpen) {
+  (0, import_react44.useEffect)(() => {
+    if (!isOpen || dashboardPreview) {
       return;
     }
     function handleKeyDown(event) {
@@ -17665,143 +18360,20 @@ function SupportWidgetInner({
         return;
       }
       event.preventDefault();
-      setIsOpen(false);
+      closePanel();
     }
     window.addEventListener("keydown", handleKeyDown);
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isOpen]);
-  const knownEmail = identity2?.email ?? capturedEmail;
-  const mergedIdsRef = (0, import_react42.useRef)(/* @__PURE__ */ new Set());
-  const reportedSeenMessageIdsRef = (0, import_react42.useRef)(/* @__PURE__ */ new Set());
-  const seededRef = (0, import_react42.useRef)(false);
-  const brandingFetchStartedRef = (0, import_react42.useRef)(false);
-  const pendingPersistRef = (0, import_react42.useRef)(null);
-  const sendInFlightRef = (0, import_react42.useRef)(false);
-  const refreshSessionHistory = (0, import_react42.useCallback)(() => {
-    const jwt = userJwtRef.current;
-    if (jwt) {
-      void (async () => {
-        try {
-          const rows = await listConversations({
-            baseUrl,
-            projectId,
-            userJwt: jwt
-          });
-          setSessionHistory(
-            rows.map((row) => ({
-              conversationId: row.conversationId,
-              preview: row.preview,
-              sessionToken: row.sessionToken,
-              updatedAt: row.updatedAt
-            }))
-          );
-        } catch {
-          setSessionHistory(readSessionHistory(storageKey));
-        }
-      })();
-      return;
-    }
-    setSessionHistory(readSessionHistory(storageKey));
-  }, [baseUrl, projectId, storageKey]);
-  (0, import_react42.useEffect)(() => {
-    const stored = readStoredSession(storageKey);
-    sessionRef.current = stored;
-    setSession(stored);
-    if (stored) {
-      ensureActiveSessionInHistory(storageKey, stored);
-    }
-    refreshSessionHistory();
-  }, [refreshSessionHistory, storageKey]);
-  const resumedJwtRef = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
-    if (!userJwt2 || resumedJwtRef.current === userJwt2) {
-      return;
-    }
-    const jwt = userJwt2;
-    resumedJwtRef.current = jwt;
-    let cancelled = false;
-    async function resume() {
-      try {
-        const resumed = await resumeSession({
-          baseUrl,
-          projectId,
-          userJwt: jwt
-        });
-        if (cancelled || !resumed) {
-          return;
-        }
-        const next = {
-          conversationId: resumed.conversationId,
-          sessionToken: resumed.sessionToken
-        };
-        sessionRef.current = next;
-        setSession(next);
-        storeSession(storageKey, next);
-        ensureActiveSessionInHistory(storageKey, next);
-        setConversation(resumed.conversation);
-        setConversationLoaded(true);
-        setAgentMuted(!resumed.conversation.agentEnabled);
-        refreshSessionHistory();
-      } catch {
-        resumedJwtRef.current = null;
-      }
-    }
-    void resume();
-    return () => {
-      cancelled = true;
-    };
-  }, [baseUrl, projectId, userJwt2, refreshSessionHistory, storageKey]);
-  const prevOwnerRef = (0, import_react42.useRef)(void 0);
-  const prevJwtPresentRef = (0, import_react42.useRef)(false);
-  (0, import_react42.useEffect)(() => {
-    const ownerId = identity2?.distinctId ?? identity2?.email ?? null;
-    const jwtPresent = Boolean(userJwt2);
-    const previousOwner = prevOwnerRef.current;
-    const previousJwtPresent = prevJwtPresentRef.current;
-    prevOwnerRef.current = ownerId;
-    prevJwtPresentRef.current = jwtPresent;
-    function wipeForIdentitySwitch() {
-      resetChatState();
-      sessionRef.current = null;
-      setSession(null);
-      resumedJwtRef.current = null;
-      try {
-        window.localStorage.removeItem(emailStorageKey);
-      } catch {
-      }
-      setCapturedEmail(null);
-      refreshSessionHistory();
-    }
-    if (ownerId) {
-      const { cleared } = reconcileSessionOwner(storageKey, ownerId);
-      if (cleared) {
-        wipeForIdentitySwitch();
-      } else {
-        refreshSessionHistory();
-      }
-      return;
-    }
-    if ((previousOwner || previousJwtPresent) && !jwtPresent) {
-      clearChatStorage(storageKey);
-      wipeForIdentitySwitch();
-      return;
-    }
-    if (jwtPresent) {
-      refreshSessionHistory();
-    }
-  }, [identity2, userJwt2, storageKey, emailStorageKey, refreshSessionHistory]);
-  (0, import_react42.useEffect)(() => {
-    try {
-      const stored = window.localStorage.getItem(emailStorageKey);
-      if (stored) {
-        setCapturedEmail(stored);
-      }
-    } catch {
-    }
-  }, [emailStorageKey]);
-  (0, import_react42.useEffect)(() => {
+  }, [closePanel, dashboardPreview, isOpen]);
+  const mergedIdsRef = (0, import_react44.useRef)(/* @__PURE__ */ new Set());
+  const reportedSeenMessageIdsRef = (0, import_react44.useRef)(/* @__PURE__ */ new Set());
+  const seededRef = (0, import_react44.useRef)(false);
+  const brandingFetchStartedRef = (0, import_react44.useRef)(false);
+  const pendingPersistRef = (0, import_react44.useRef)(null);
+  const sendInFlightRef = (0, import_react44.useRef)(false);
+  (0, import_react44.useEffect)(() => {
     if (brandingFetchStartedRef.current) {
       return;
     }
@@ -17811,8 +18383,15 @@ function SupportWidgetInner({
       try {
         const result = await getWidgetConfig({ baseUrl, projectId });
         if (!cancelled) {
-          setBranding(result.branding);
-          writeBrandingCache(projectId, result.branding);
+          if (!dashboardPreview) {
+            writeBrandingCache(projectId, result.branding);
+          }
+          if (!getPreviewShell()) {
+            setBranding(result.branding);
+            if (Array.isArray(result.suggestions)) {
+              setResolvedSuggestions(result.suggestions);
+            }
+          }
           setDashboardTools(
             result.tools.map((tool) => reconstructDashboardTool(tool))
           );
@@ -17828,8 +18407,15 @@ function SupportWidgetInner({
     return () => {
       cancelled = true;
     };
-  }, [baseUrl, projectId]);
-  const runTool = (0, import_react42.useCallback)((toolCall) => {
+  }, [baseUrl, dashboardPreview, projectId]);
+  (0, import_react44.useEffect)(() => {
+    if (!previewShell2) {
+      return;
+    }
+    setBranding(previewShell2.branding);
+    setResolvedSuggestions(previewShell2.suggestions);
+  }, [previewShell2]);
+  const runTool = (0, import_react44.useCallback)((toolCall) => {
     const match = toolsRef.current.find(
       (entry) => normalizeToolName(entry.name) === toolCall.toolName
     );
@@ -17847,7 +18433,7 @@ function SupportWidgetInner({
     }
     return match.execute(toolCall.input ?? {});
   }, []);
-  const onToolCallRef = (0, import_react42.useRef)(() => {
+  const onToolCallRef = (0, import_react44.useRef)(() => {
   });
   const {
     addToolApprovalResponse,
@@ -17859,7 +18445,7 @@ function SupportWidgetInner({
     setMessages,
     status,
     stop
-  } = (0, import_react41.useChat)({
+  } = (0, import_react43.useChat)({
     onToolCall: (event) => onToolCallRef.current(event),
     sendAutomaticallyWhen: (opts) => (0, import_ai7.lastAssistantMessageIsCompleteWithToolCalls)(opts) || (0, import_ai7.lastAssistantMessageIsCompleteWithApprovalResponses)(opts),
     transport: new import_ai7.DefaultChatTransport({
@@ -17877,9 +18463,9 @@ function SupportWidgetInner({
             messages: outgoing,
             projectId,
             sessionToken: sessionRef.current?.sessionToken ?? "",
-            stateSnapshot: buildMergedStateSnapshot({
-              hostSnapshot: liveSnapshot,
-              identifyTraits: identityRef.current?.traits
+            stateSnapshot: pickScalarRecord({
+              ...identityRef.current?.traits,
+              ...isRecord(liveSnapshot) ? liveSnapshot : {}
             }),
             userJwt: userJwtRef.current ?? void 0
           }
@@ -17903,70 +18489,68 @@ function SupportWidgetInner({
     }
     return onToolCall(event);
   };
+  function resetChatState() {
+    stop();
+    setMessages([]);
+    clearPending();
+    mergedIdsRef.current = /* @__PURE__ */ new Set();
+    reportedSeenMessageIdsRef.current = /* @__PURE__ */ new Set();
+    seededRef.current = false;
+    setAgentMuted(false);
+    setConversation(null);
+    setConversationLoaded(false);
+    setSendError(null);
+    setDraft("");
+    setPendingImages([]);
+  }
+  const {
+    capturedEmail,
+    refreshSessionHistory,
+    session,
+    sessionHistory,
+    setCapturedEmail,
+    setSession
+  } = useVisitorConversationPersistence({
+    baseUrl,
+    emailStorageKey,
+    identity: identity2,
+    onIdentityWipe: resetChatState,
+    onResumed: (resumedConversation) => {
+      setConversation(resumedConversation);
+      setConversationLoaded(true);
+      setAgentMuted(!resumedConversation.agentEnabled);
+    },
+    projectId,
+    sessionRef,
+    storageKey,
+    userJwt: userJwt2
+  });
+  const knownEmail = identity2?.email ?? capturedEmail;
   const isLoading = status === "submitted" || status === "streaming";
-  const messagesRef = (0, import_react42.useRef)(messages);
+  const messagesRef = (0, import_react44.useRef)(messages);
   messagesRef.current = messages;
-  const isLoadingRef = (0, import_react42.useRef)(isLoading);
+  const isLoadingRef = (0, import_react44.useRef)(isLoading);
   isLoadingRef.current = isLoading;
   const { chimedMessageIdsRef } = useInboundMessageChime({
     isLoading,
     messages
   });
   const isTakeoverError = !!error && error.message.includes("human_takeover");
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (isTakeoverError) {
       setAgentMuted(true);
     }
   }, [isTakeoverError]);
-  const confirmHandoff = (0, import_react42.useCallback)(
-    async (reason) => {
-      const active = sessionRef.current;
-      if (!active || handoffPendingRef.current) {
-        return;
-      }
-      handoffPendingRef.current = true;
-      setHandoffPending(true);
-      try {
-        const result = await requestHandoff({
-          baseUrl,
-          conversationId: active.conversationId,
-          projectId,
-          reason,
-          sessionToken: active.sessionToken
-        });
-        setAgentMuted(true);
-        if (result.acknowledgment) {
-          mergedIdsRef.current.add(result.acknowledgment.id);
-          setMessages([
-            ...messagesRef.current,
-            toUiMessage(result.acknowledgment)
-          ]);
-        }
-      } catch {
-      } finally {
-        handoffPendingRef.current = false;
-        setHandoffPending(false);
-      }
-    },
-    [baseUrl, projectId, setMessages]
-  );
-  const dismissHandoff = (0, import_react42.useCallback)(
-    (toolCallId) => {
-      setDismissedHandoffs((prev) => {
-        if (prev.has(toolCallId)) {
-          return prev;
-        }
-        const next = new Set(prev);
-        next.add(toolCallId);
-        return next;
-      });
-      setMessages(
-        (current) => markHandoffDeclinedInMessages(current, toolCallId)
-      );
-    },
-    [setMessages]
-  );
-  (0, import_react42.useEffect)(() => {
+  const { confirmHandoff, dismissedHandoffs, dismissHandoff, handoffPending } = useHandoffDecisions({
+    baseUrl,
+    mergedIdsRef,
+    messagesRef,
+    onAccepted: () => setAgentMuted(true),
+    projectId,
+    sessionRef,
+    setMessages
+  });
+  (0, import_react44.useEffect)(() => {
     if (!isOpen || !session) {
       return;
     }
@@ -18015,7 +18599,7 @@ function SupportWidgetInner({
     setDraft(value);
     reportDraftActivity(value);
   }
-  const reportTeamMessagesSeen = (0, import_react42.useCallback)(
+  const reportTeamMessagesSeen = (0, import_react44.useCallback)(
     (messageIds) => {
       const activeSession = sessionRef.current;
       const unseenMessageIds = messageIds.filter(
@@ -18042,7 +18626,7 @@ function SupportWidgetInner({
     },
     [baseUrl, projectId]
   );
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!conversation) {
       return;
     }
@@ -18080,7 +18664,7 @@ function SupportWidgetInner({
     setMessages([...messagesRef.current, ...fresh.map(toUiMessage)]);
     maybePlayIncomingChime("soft");
   }, [conversation, setMessages, storageKey, refreshSessionHistory]);
-  (0, import_react42.useLayoutEffect)(() => {
+  (0, import_react44.useLayoutEffect)(() => {
     const el = textareaRef.current;
     if (!el) {
       return;
@@ -18089,7 +18673,11 @@ function SupportWidgetInner({
     el.style.height = `${Math.min(el.scrollHeight, MAX_TEXTAREA_HEIGHT_PX)}px`;
   }, [draft]);
   const needsEmail = !session && !knownEmail;
+  const emailError = needsEmail && emailTouched ? resolveEmailDraftError(emailDraft) : null;
   async function handleSubmit(event) {
+    if (needsEmail) {
+      setEmailTouched(true);
+    }
     stopTyping();
     await submitWidgetMessage(event, {
       agentMuted,
@@ -18128,20 +18716,6 @@ function SupportWidgetInner({
   function removePendingImage(index2) {
     setPendingImages((current) => current.filter((_, i) => i !== index2));
   }
-  function resetChatState() {
-    stop();
-    setMessages([]);
-    clearPending();
-    mergedIdsRef.current = /* @__PURE__ */ new Set();
-    reportedSeenMessageIdsRef.current = /* @__PURE__ */ new Set();
-    seededRef.current = false;
-    setAgentMuted(false);
-    setConversation(null);
-    setConversationLoaded(false);
-    setSendError(null);
-    setDraft("");
-    setPendingImages([]);
-  }
   function startNewConversation() {
     startNewConversationAction({
       resetChatState,
@@ -18167,6 +18741,9 @@ function SupportWidgetInner({
     });
   }
   function pickSuggestion(prompt) {
+    if (view !== "chat") {
+      startNewConversation();
+    }
     handleDraftChange(prompt);
     textareaRef.current?.focus();
   }
@@ -18175,7 +18752,7 @@ function SupportWidgetInner({
     messages,
     pendingSize: pending.size
   });
-  const sortedHistory = (0, import_react42.useMemo)(
+  const sortedHistory = (0, import_react44.useMemo)(
     () => [...sessionHistory].sort((a, b) => b.updatedAt - a.updatedAt),
     [sessionHistory]
   );
@@ -18187,15 +18764,15 @@ function SupportWidgetInner({
     conversation,
     conversationLoaded
   });
-  const prevViewRef = (0, import_react42.useRef)(view);
-  const viewTransition = (0, import_react42.useMemo)(
+  const prevViewRef = (0, import_react44.useRef)(view);
+  const viewTransition = (0, import_react44.useMemo)(
     () => deriveViewTransition(view, prevViewRef.current),
     [view]
   );
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     prevViewRef.current = view;
   }, [view]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (isOpen && view === "chat") {
       focusComposer(textareaRef);
     }
@@ -18209,8 +18786,9 @@ function SupportWidgetInner({
     "div",
     {
       className: cn(
-        "box-border flex w-max flex-none flex-col items-end gap-3 p-4 text-sm leading-[1.45] text-neutral-900 [&_*]:box-border",
+        "box-border flex flex-none flex-col text-sm leading-[1.45] text-neutral-900 [&_*]:box-border",
         "[font-family:var(--scw-font)]",
+        dashboardPreview ? "h-full w-full max-w-full items-center justify-center p-0" : hostOwnsLauncher2 ? "w-max items-end p-0" : "w-max items-end gap-3 p-4",
         isFullscreen && "h-full w-full p-0"
       ),
       ref: rootElRef,
@@ -18225,6 +18803,7 @@ function SupportWidgetInner({
             dismissedHandoffs,
             draft,
             emailDraft,
+            emailError,
             error,
             handoffPending,
             imageInputRef,
@@ -18233,15 +18812,17 @@ function SupportWidgetInner({
             isLoading,
             isLoadingMessages,
             isOpeningPanel,
+            hostOwnsLauncher: hostOwnsLauncher2,
             isTakeoverError,
             messages,
             needsEmail,
             onApprove: approve,
             onBack: () => setView(returnView),
-            onClose: () => setIsOpen(false),
+            onClose: dashboardPreview ? void 0 : closePanel,
             onConfirmHandoff: confirmHandoff,
             onDismissHandoff: dismissHandoff,
             onDraftChange: handleDraftChange,
+            onEmailBlur: () => setEmailTouched(true),
             onEmailChange: setEmailDraft,
             onImageSelection: handleImageSelection,
             onNavigate: setView,
@@ -18272,19 +18853,20 @@ function SupportWidgetInner({
             session,
             showThinking,
             sortedHistory,
-            suggestions: suggestions ?? [],
+            suggestions: resolvedSuggestions,
             textareaRef,
             typingLabel,
             conversationLoaded,
+            conversationState: conversation?.state ?? null,
             toolLabels,
             view
           }
         ) }),
-        !isFullscreen && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        !isFullscreen && !hostOwnsLauncher2 && !dashboardPreview && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           WidgetLauncher,
           {
             isOpen,
-            onClose: () => setIsOpen(false),
+            onClose: closePanel,
             onOpen: openWidget2,
             reduceMotion
           }