saasco-sdk 0.2.4 → 0.2.5

package/dist/support.js

@@ -56,12 +56,17 @@ var init_is_prop_valid_esm = __esm({
   }
 });
 
-// ../../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,
@@ -168,9 +173,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;
@@ -209,7 +211,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";
@@ -220,7 +227,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) {
@@ -261,6 +271,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;
@@ -278,12 +301,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
@@ -304,7 +347,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) {
@@ -316,6 +359,7 @@ function handleHostMessage(message) {
       if (message.viewport) {
         setHostViewport(message.viewport);
       }
+      setHostOwnsLauncher(message.hostLauncher === true);
       break;
     }
     case "shutdown": {
@@ -409,6 +453,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" });
 }
@@ -775,42 +822,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
 import { z } from "zod";
 var KB_CITATION_MARKER_PATTERN = /\[\[kb:([^\]]+)\]\]/gu;
 var KbCitationSchema = z.object({
@@ -818,8 +830,6 @@ var KbCitationSchema = z.object({
   title: z.string(),
   url: z.string()
 });
-
-// ../../support/shared/src/lib/kbCitations.ts
 function stripKbCitationMarkers(text) {
   return text.replaceAll(KB_CITATION_MARKER_PATTERN, "");
 }
@@ -848,8 +858,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);
@@ -866,6 +877,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
 import {
   DefaultChatTransport,
@@ -9415,12 +9453,12 @@ function useReducedMotion() {
 
 // src/lib/support/Widget.tsx
 import {
-  useCallback as useCallback8,
-  useEffect as useEffect16,
+  useCallback as useCallback10,
+  useEffect as useEffect18,
   useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo8,
-  useRef as useRef13,
-  useState as useState12,
+  useRef as useRef15,
+  useState as useState14,
   useSyncExternalStore as useSyncExternalStore2
 } from "react";
 
@@ -9448,7 +9486,7 @@ function SaascoLogo() {
       viewBox: "0 0 438 83",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx6("rect", { height: "83", rx: "22", width: "83", x: "0.308594", fill: "#171717" }),
+        /* @__PURE__ */ jsx6("rect", { height: "83", rx: "22", width: "83", x: "0.308594", fill: "#0B0B0B" }),
         /* @__PURE__ */ jsx6(
           "path",
           {
@@ -9483,42 +9521,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__ */ jsx6(
           "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__ */ jsx6(
           "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__ */ jsx6(
           "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__ */ jsx6(
           "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__ */ jsx6(
           "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"
           }
         )
       ]
@@ -9818,6 +9856,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;
@@ -13186,10 +13422,12 @@ import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function Composer({
   draft,
   emailDraft,
+  emailError,
   imageInputRef,
   isLoading,
   needsEmail,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onRemovePendingImage,
@@ -13200,7 +13438,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__ */ jsxs3(
     "form",
     {
@@ -13208,21 +13447,29 @@ function Composer({
       onSubmit,
       children: [
         sendError && /* @__PURE__ */ jsx9("p", { className: "mb-2 text-xs text-red-600", children: sendError }),
-        needsEmail && /* @__PURE__ */ jsx9(
-          "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__ */ jsxs3("div", { className: "mb-2", children: [
+          /* @__PURE__ */ jsx9(
+            "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__ */ jsx9("p", { className: "mt-1.5 px-1 text-xs text-red-600", children: emailError })
+        ] }),
         pendingImages.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mb-2 flex flex-wrap gap-2", children: pendingImages.map((file, index2) => /* @__PURE__ */ jsxs3(
           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: [
@@ -13248,7 +13495,7 @@ function Composer({
           },
           `${file.name}-${index2}`
         )) }),
-        /* @__PURE__ */ jsxs3("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__ */ jsxs3("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__ */ jsx9(
             "textarea",
             {
@@ -13317,67 +13564,16 @@ function focusComposer(textareaRef) {
   });
 }
 
-// src/lib/support/handoff.ts
+// ../../chat/client/src/lib/core/buildMessageBlocks.ts
+import { isTextUIPart } from "ai";
+
+// ../../chat/client/src/lib/core/toolParts.ts
 import { getToolName, isToolUIPart } from "ai";
-function readHandoffOffer(message) {
-  for (const part of message.parts ?? []) {
-    if (!isToolUIPart(part) || 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 (!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 (!isToolUIPart(part) || 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
-import { isTextUIPart } from "ai";
-
-// ../../chat/client/src/lib/core/toolParts.ts
-import { getToolName as getToolName2, isToolUIPart as isToolUIPart2 } from "ai";
-function isLiveToolPart(part) {
-  if (!isToolUIPart2(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") {
@@ -13386,13 +13582,13 @@ function messageHasLiveTools(message) {
   return (message.parts ?? []).some(isLiveToolPart);
 }
 function toolPartToView(part) {
-  if (!isToolUIPart2(part)) {
+  if (!isToolUIPart(part)) {
     return null;
   }
   const view = {
     state: part.state,
     toolCallId: part.toolCallId,
-    toolName: getToolName2(part)
+    toolName: getToolName(part)
   };
   if (part.state === "approval-requested" && "approval" in part) {
     view.approvalId = part.approval.id;
@@ -13440,109 +13636,6 @@ function buildMessageBlocks(message) {
 
 // src/lib/support/message-utils.ts
 import { lastAssistantMessageIsCompleteWithToolCalls } from "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
 function isAttachmentOnlyPlainBody(text) {
   const trimmed = text.trim();
   if (trimmed === "[Image]") {
@@ -13586,7 +13679,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;
@@ -13595,9 +13688,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);
@@ -13862,28 +13952,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) {
@@ -13937,7 +14005,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";
@@ -14057,46 +14125,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,
@@ -14155,16 +14200,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) {
@@ -14386,24 +14447,211 @@ function selectPendingImages(event, setPendingImages, setSendError) {
   setPendingImages(
     (current) => [...current, ...selected].slice(0, MAX_CONVERSATION_IMAGE_ATTACHMENTS)
   );
-  event.target.value = "";
-}
-function persistEmail(emailStorageKey, email) {
-  try {
-    window.localStorage.setItem(emailStorageKey, email);
-  } catch {
-  }
+  event.target.value = "";
+}
+function persistEmail(emailStorageKey, email) {
+  try {
+    window.localStorage.setItem(emailStorageKey, email);
+  } catch {
+  }
+}
+
+// src/lib/support/useHandoffDecisions.ts
+import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef7, useState as useState4 } from "react";
+
+// src/lib/support/handoff.ts
+import { getToolName as getToolName2, isToolUIPart as isToolUIPart2 } from "ai";
+function readHandoffOffer(message) {
+  for (const part of message.parts ?? []) {
+    if (!isToolUIPart2(part) || getToolName2(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 (!isToolUIPart2(part) || getToolName2(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] = useState4(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [handoffPending, setHandoffPending] = useState4(false);
+  const handoffPendingRef = useRef7(false);
+  const confirmHandoff = useCallback5(
+    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 = useCallback5(
+    (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]
+  );
+  useEffect5(() => {
+    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
-import { useEffect as useEffect5, useRef as useRef7 } from "react";
+import { useEffect as useEffect6, useRef as useRef8 } from "react";
 function useInboundMessageChime({
   isLoading,
   messages
 }) {
-  const chimedMessageIdsRef = useRef7(/* @__PURE__ */ new Set());
-  const inboundChimeSeededRef = useRef7(false);
-  useEffect5(() => {
+  const chimedMessageIdsRef = useRef8(/* @__PURE__ */ new Set());
+  const inboundChimeSeededRef = useRef8(false);
+  useEffect6(() => {
     if (messages.length === 0) {
       inboundChimeSeededRef.current = false;
       chimedMessageIdsRef.current.clear();
@@ -14445,9 +14693,9 @@ function useInboundMessageChime({
 }
 
 // src/lib/support/useOverscrollBounce.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 function useOverscrollBounce(ref, enabled, reduceMotion) {
-  useEffect6(() => {
+  useEffect7(() => {
     const el = ref.current;
     if (!el || !enabled || reduceMotion) {
       return;
@@ -14503,13 +14751,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,
@@ -14628,16 +14876,16 @@ function defaultIsVisible() {
 }
 
 // src/lib/support/useSupportTypingPresence.ts
-import { useEffect as useEffect7, useRef as useRef8, useState as useState4 } from "react";
+import { useEffect as useEffect8, useRef as useRef9, useState as useState5 } from "react";
 function useSupportTypingPresence({
   baseUrl,
   enabled,
   projectId,
   session
 }) {
-  const [typing, setTyping] = useState4([]);
-  const controllerRef = useRef8(null);
-  useEffect7(() => {
+  const [typing, setTyping] = useState5([]);
+  const controllerRef = useRef9(null);
+  useEffect8(() => {
     if (!enabled || !session) {
       setTyping([]);
       controllerRef.current = null;
@@ -14671,14 +14919,192 @@ function useSupportTypingPresence({
   };
 }
 
+// src/lib/support/useVisitorConversationPersistence.ts
+import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef10, useState as useState6 } from "react";
+function useVisitorConversationPersistence({
+  baseUrl,
+  emailStorageKey,
+  identity: identity2,
+  onIdentityWipe,
+  onResumed,
+  projectId,
+  sessionRef,
+  storageKey,
+  userJwt: userJwt2
+}) {
+  const [session, setSessionState] = useState6(null);
+  const [sessionHistory, setSessionHistory] = useState6([]);
+  const [capturedEmail, setCapturedEmail] = useState6(null);
+  const identityRef = useRef10(identity2);
+  const userJwtRef = useRef10(userJwt2);
+  const onIdentityWipeRef = useRef10(onIdentityWipe);
+  const onResumedRef = useRef10(onResumed);
+  const generationRef = useRef10(0);
+  const pendingForgetRef = useRef10(Promise.resolve());
+  const previousVisitorRef = useRef10(null);
+  identityRef.current = identity2;
+  userJwtRef.current = userJwt2;
+  onIdentityWipeRef.current = onIdentityWipe;
+  onResumedRef.current = onResumed;
+  const visitorKey = `${userJwt2 ?? ""}\0${identity2?.distinctId ?? ""}\0${identity2?.email ?? ""}`;
+  const setSession = useCallback6(
+    (next) => {
+      sessionRef.current = next;
+      setSessionState(next);
+    },
+    [sessionRef]
+  );
+  const refreshSessionHistory = useCallback6(() => {
+    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]);
+  useEffect9(() => {
+    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]);
+  useEffect9(() => {
+    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
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState5 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState7 } from "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));
@@ -14710,6 +15136,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,
@@ -14718,20 +15147,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,
@@ -14744,21 +15182,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
   };
 }
@@ -14768,10 +15215,10 @@ function useWidgetFrameSizing({
   isOpen,
   rootElRef
 }) {
-  const isOpenRef = useRef9(isOpen);
+  const isOpenRef = useRef11(isOpen);
   isOpenRef.current = isOpen;
-  const syncFrameRef = useRef9(null);
-  const [isMobile, setIsMobile] = useState5(false);
+  const syncFrameRef = useRef11(null);
+  const [isMobile, setIsMobile] = useState7(false);
   useLayoutEffect2(() => {
     const rootEl = rootElRef.current;
     if (!rootEl) {
@@ -14779,7 +15226,7 @@ function useWidgetFrameSizing({
     }
     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`);
@@ -14788,8 +15235,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(
@@ -14797,6 +15255,7 @@ function useWidgetFrameSizing({
           Math.ceil(computed.height),
           computed.fullscreen
         );
+        postOpenState(isOpenRef.current, computed.fullscreen);
         return;
       }
       const rect = rootEl.getBoundingClientRect();
@@ -14906,9 +15365,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
-import { useCallback as useCallback5, useRef as useRef10 } from "react";
+import { useCallback as useCallback7, useRef as useRef12 } from "react";
 
 // src/lib/support/LauncherIcon.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -14919,7 +15389,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__ */ jsx10("span", { className: "relative flex size-[25px] shrink-0 items-center justify-center overflow-visible [&_svg]:block [&_svg]:shrink-0", children: /* @__PURE__ */ jsx10(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx10("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__ */ jsx10(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx10(
     motion.span,
     {
       animate: { opacity: 1, rotate: 0, scale: 1 },
@@ -14942,13 +15412,14 @@ function WidgetLauncher({
   onClose
 }) {
   const isEmbedded = isCrossOriginEmbed();
-  const launcherPointerRef = useRef10({ hovered: false, pressed: false });
+  const hostOwnsLauncher2 = getHostOwnsLauncher();
+  const launcherPointerRef = useRef12({ hovered: false, pressed: false });
   const launcherButtonTransition = reduceMotion ? { duration: 0 } : LAUNCHER_BUTTON_TRANSITION;
-  const syncLauncherState = useCallback5(
+  const syncLauncherState = useCallback7(
     (next) => {
       const state = { ...launcherPointerRef.current, ...next };
       launcherPointerRef.current = state;
-      if (!isEmbedded) {
+      if (!isEmbedded || hostOwnsLauncher2) {
         return;
       }
       postLauncherState(
@@ -14956,18 +15427,21 @@ function WidgetLauncher({
         state.hovered
       );
     },
-    [isEmbedded, reduceMotion]
+    [hostOwnsLauncher2, isEmbedded, reduceMotion]
   );
   return /* @__PURE__ */ jsx11(
     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 }),
@@ -15004,7 +15478,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"
   );
@@ -15026,9 +15500,124 @@ function Avatar({
 }
 
 // src/lib/support/CompactTime.tsx
-import { useEffect as useEffect9, useState as useState7 } from "react";
+import { useEffect as useEffect11, useState as useState9 } from "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) => {
@@ -15047,7 +15636,7 @@ function normalizeMarkdownHeadings(text) {
 import { getToolName as getToolName3, isToolUIPart as isToolUIPart3 } from "ai";
 
 // src/lib/support/KbCitationBadge.tsx
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef11, useState as useState6 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10, useRef as useRef13, useState as useState8 } from "react";
 
 // src/lib/support/hostname.ts
 function readHostnameFromHref(href) {
@@ -15069,20 +15658,20 @@ function KbCitationBadge({
   number: number2
 }) {
   const hostname = readHostnameFromHref(article.url);
-  const [open, setOpen] = useState6(false);
-  const closeTimeoutRef = useRef11(null);
-  const rootRef = useRef11(null);
-  const popoverRef = useRef11(null);
+  const [open, setOpen] = useState8(false);
+  const closeTimeoutRef = useRef13(null);
+  const rootRef = useRef13(null);
+  const popoverRef = useRef13(null);
   function clearCloseTimeout() {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
   }
-  const resetPopoverShift = useCallback6(() => {
+  const resetPopoverShift = useCallback8(() => {
     popoverRef.current?.style.removeProperty("--scw-citation-popover-shift");
   }, []);
-  const alignPopover = useCallback6(() => {
+  const alignPopover = useCallback8(() => {
     const root = rootRef.current;
     const popover = popoverRef.current;
     if (!root || !popover) {
@@ -15110,13 +15699,13 @@ function KbCitationBadge({
       shift === 0 ? "0px" : `${shift}px`
     );
   }, [resetPopoverShift]);
-  const attachPopoverListeners = useCallback6(() => {
+  const attachPopoverListeners = useCallback8(() => {
     alignPopover();
     const scroller = rootRef.current?.closest(".scw-messages");
     scroller?.addEventListener("scroll", alignPopover, { passive: true });
     window.addEventListener("resize", alignPopover, { passive: true });
   }, [alignPopover]);
-  const detachPopoverListeners = useCallback6(() => {
+  const detachPopoverListeners = useCallback8(() => {
     const scroller = rootRef.current?.closest(".scw-messages");
     scroller?.removeEventListener("scroll", alignPopover);
     window.removeEventListener("resize", alignPopover);
@@ -15133,7 +15722,7 @@ function KbCitationBadge({
       closeTimeoutRef.current = null;
     }, 80);
   }
-  useEffect8(() => {
+  useEffect10(() => {
     if (!open) {
       detachPopoverListeners();
       return;
@@ -15141,7 +15730,7 @@ function KbCitationBadge({
     attachPopoverListeners();
     return detachPopoverListeners;
   }, [open, attachPopoverListeners, detachPopoverListeners]);
-  useEffect8(
+  useEffect10(
     () => () => {
       clearCloseTimeout();
       detachPopoverListeners();
@@ -15221,7 +15810,7 @@ function KbCitationBadge({
 }
 
 // src/lib/support/message-render.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function formatCompactTime(timestamp, now2 = Date.now()) {
   const diffMs = Math.max(0, now2 - timestamp);
   const minuteMs = 6e4;
@@ -15334,17 +15923,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__ */ jsx14("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__ */ jsx14(
+    "div",
+    {
+      className: "my-2 max-w-full overflow-x-auto whitespace-normal",
+      children: /* @__PURE__ */ jsxs5("table", { className: "w-full border-collapse text-[13px] leading-[1.35]", children: [
+        /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsx14("tr", { children: table.headers.map((cell, index2) => /* @__PURE__ */ jsx14(
+          "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__ */ jsx14("tbody", { children: table.rows.map((row, rowIndex) => /* @__PURE__ */ jsx14("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx14(
+          "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}`
         )
       );
     }
@@ -15361,7 +16019,7 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
               article,
               number: number2
             },
-            `cite-${tokenIndex}`
+            `${keyPrefix}-cite-${tokenIndex}`
           )
         );
       }
@@ -15387,7 +16045,7 @@ function renderMessageText(text, kbArticles, isStreaming = false) {
             target: "_blank",
             children: label
           },
-          `lnk-${tokenIndex}`
+          `${keyPrefix}-lnk-${tokenIndex}`
         )
       );
       if (trailing) {
@@ -15396,22 +16054,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__ */ jsx14("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") {
@@ -15443,9 +16099,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;
@@ -15485,8 +16141,8 @@ function CompactTime({
   timestamp
 }) {
   const createdAt = resolveStableCreatedAt(messageId, timestamp);
-  const [now2, setNow] = useState7(() => Date.now());
-  useEffect9(() => {
+  const [now2, setNow] = useState9(() => Date.now());
+  useEffect11(() => {
     const tick = () => setNow(Date.now());
     const interval = setInterval(tick, TICK_MS);
     return () => clearInterval(interval);
@@ -15494,35 +16150,62 @@ function CompactTime({
   return /* @__PURE__ */ jsx15(Fragment4, { children: formatCompactTime(createdAt, now2) });
 }
 
+// src/lib/support/Suggestions.tsx
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+function Suggestions({
+  onPick,
+  suggestions
+}) {
+  return /* @__PURE__ */ jsx16("div", { className: "flex w-full min-w-0 flex-col gap-2", children: suggestions.map((suggestion) => /* @__PURE__ */ jsxs6(
+    "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__ */ jsx16("span", { className: "scw-suggestion-icon shrink-0 rounded-lg bg-neutral-100 text-neutral-700", children: /* @__PURE__ */ jsx16(SparklesIcon, {}) }),
+        /* @__PURE__ */ jsxs6("span", { className: "scw-suggestion-copy", children: [
+          /* @__PURE__ */ jsx16("span", { className: "scw-suggestion-label text-sm leading-5 font-medium text-neutral-950", children: suggestion.label }),
+          suggestion.description && /* @__PURE__ */ jsx16("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
-import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs7 } from "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__ */ jsxs5("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__ */ jsxs5("div", { className: "flex flex-col items-center gap-2 px-0 pt-2 pb-1 text-center", children: [
-      /* @__PURE__ */ jsx16(Avatar, { branding, large: true }),
-      /* @__PURE__ */ jsx16("div", { className: "text-lg font-semibold text-neutral-950", children: branding.greeting }),
-      /* @__PURE__ */ jsx16("div", { className: "text-[13px] text-neutral-500", children: branding.teamDescription })
+  return /* @__PURE__ */ jsxs7("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__ */ jsxs7("div", { className: "flex flex-col items-center gap-2 px-0 pt-2 pb-1 text-center", children: [
+      /* @__PURE__ */ jsx17(Avatar, { branding, large: true }),
+      /* @__PURE__ */ jsx17("div", { className: "text-lg font-semibold text-neutral-950", children: branding.greeting }),
+      /* @__PURE__ */ jsx17("div", { className: "text-[13px] text-neutral-500", children: branding.teamDescription })
     ] }),
-    recent && /* @__PURE__ */ jsxs5(
+    suggestions.length > 0 && /* @__PURE__ */ jsx17(Suggestions, { onPick, suggestions }),
+    recent && /* @__PURE__ */ jsxs7(
       "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__ */ jsx16(Avatar, { branding }),
-          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx16("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
-            /* @__PURE__ */ jsx16("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(recent.preview, recent.conversationId) })
+          /* @__PURE__ */ jsx17(Avatar, { branding }),
+          /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx17("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
+            /* @__PURE__ */ jsx17("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(recent.preview, recent.conversationId) })
           ] }),
-          /* @__PURE__ */ jsx16("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ jsx17(
             CompactTime,
             {
               messageId: `home-${recent.conversationId}`,
@@ -15532,54 +16215,47 @@ function HomeView({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs5("button", { className: SEND_PILL, onClick: onStartNew, type: "button", children: [
+    /* @__PURE__ */ jsxs7("button", { className: SEND_PILL, onClick: onStartNew, type: "button", children: [
       "Start a new conversation",
-      /* @__PURE__ */ jsx16(ArrowRightIcon, {})
+      /* @__PURE__ */ jsx17(ArrowRightIcon, {})
     ] })
   ] });
 }
 
 // src/lib/support/MessagesView.tsx
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "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__ */ jsxs6("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx17("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__ */ jsx17("p", { className: "my-6 text-center text-sm text-neutral-500", children: "No conversations yet. Start one below." }) : /* @__PURE__ */ jsx17("div", { className: "flex flex-col", children: conversations.map((entry) => {
-      const isActive = entry.conversationId === activeConversationId;
-      return /* @__PURE__ */ jsxs6(
-        "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__ */ jsx17(Avatar, { branding }),
-            /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx17("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
-              /* @__PURE__ */ jsx17("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(entry.preview, entry.conversationId) })
-            ] }),
-            /* @__PURE__ */ jsx17("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ jsx17(
-              CompactTime,
-              {
-                messageId: `list-${entry.conversationId}`,
-                timestamp: entry.updatedAt
-              }
-            ) })
-          ]
-        },
-        entry.conversationId
-      );
-    }) }) }),
-    /* @__PURE__ */ jsxs6(
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx18("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__ */ jsx18("p", { className: "my-6 text-center text-sm text-neutral-500", children: "No conversations yet. Start one below." }) : /* @__PURE__ */ jsx18("div", { className: "flex flex-col", children: conversations.map((entry) => /* @__PURE__ */ jsxs8(
+      "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__ */ jsx18(Avatar, { branding }),
+          /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx18("div", { className: "text-sm font-semibold text-neutral-950", children: branding.workspaceName }),
+            /* @__PURE__ */ jsx18("div", { className: "overflow-hidden text-[13px] text-ellipsis whitespace-nowrap text-neutral-500", children: renderPreviewText(entry.preview, entry.conversationId) })
+          ] }),
+          /* @__PURE__ */ jsx18("div", { className: "shrink-0 self-start text-xs text-neutral-400", children: /* @__PURE__ */ jsx18(
+            CompactTime,
+            {
+              messageId: `list-${entry.conversationId}`,
+              timestamp: entry.updatedAt
+            }
+          ) })
+        ]
+      },
+      entry.conversationId
+    )) }) }),
+    /* @__PURE__ */ jsxs8(
       "button",
       {
         className: cn(
@@ -15590,7 +16266,7 @@ function MessagesView({
         type: "button",
         children: [
           "Start a new conversation",
-          /* @__PURE__ */ jsx17(ArrowRightIcon, {})
+          /* @__PURE__ */ jsx18(ArrowRightIcon, {})
         ]
       }
     )
@@ -15598,8 +16274,8 @@ function MessagesView({
 }
 
 // src/lib/support/PanelHeader.tsx
-import { jsx as jsx18, jsxs as jsxs7 } from "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";
+import { jsx as jsx19, jsxs as jsxs9 } from "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,
@@ -15608,66 +16284,69 @@ function PanelHeader({
   view
 }) {
   if (view === "chat") {
-    return /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-between gap-2 border-b border-[#f0f0f0] p-[var(--scw-header-padding)]", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-2 border-b border-border p-[var(--scw-header-padding)]", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx19(
           "button",
           {
             "aria-label": "Back",
             className: HEADER_BTN,
             onClick: onBack,
             type: "button",
-            children: /* @__PURE__ */ jsx18(ChevronLeftIcon, {})
+            children: /* @__PURE__ */ jsx19(ChevronLeftIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx18(Avatar, { branding }),
-        /* @__PURE__ */ jsx18("div", { className: "min-w-0 leading-[1.3]", children: /* @__PURE__ */ jsx18("div", { className: "text-lg font-semibold text-neutral-950", children: branding.workspaceName }) })
+        /* @__PURE__ */ jsx19(Avatar, { branding }),
+        /* @__PURE__ */ jsx19("div", { className: "min-w-0 leading-[1.3]", children: /* @__PURE__ */ jsx19("div", { className: "text-lg font-semibold text-neutral-950", children: branding.workspaceName }) })
       ] }),
-      /* @__PURE__ */ jsx18(
-        "button",
-        {
-          "aria-label": "Close chat",
-          className: HEADER_BTN,
-          onClick: onClose,
-          type: "button",
-          children: /* @__PURE__ */ jsx18(CloseIcon, {})
-        }
-      )
+      /* @__PURE__ */ jsx19(CloseChatButton, { onClose })
     ] });
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     "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__ */ jsx18("div", { className: "text-lg font-semibold text-neutral-950", children: view === "messages" ? "Messages" : "" }),
-        /* @__PURE__ */ jsx18(
-          "button",
+        /* @__PURE__ */ jsx19("div", { className: "text-lg font-semibold text-neutral-950", children: view === "messages" ? "Messages" : "" }),
+        /* @__PURE__ */ jsx19(
+          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__ */ jsx18(CloseIcon, {})
+            className: "absolute top-[var(--scw-header-padding)] right-[var(--scw-header-padding)]",
+            onClose
           }
         )
       ]
     }
   );
 }
+function CloseChatButton({
+  className,
+  onClose
+}) {
+  if (!onClose) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx19(
+    "button",
+    {
+      "aria-label": "Close chat",
+      className: cn(HEADER_BTN, className),
+      onClick: onClose,
+      type: "button",
+      children: /* @__PURE__ */ jsx19(CloseIcon, {})
+    }
+  );
+}
 
 // src/lib/support/Spinner.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Spinner({
   className,
   small
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       "aria-hidden": "true",
@@ -15684,11 +16363,11 @@ function Spinner({
 import { useLayoutEffect as useLayoutEffect4 } from "react";
 
 // src/lib/support/ComposerFooter.tsx
-import { useEffect as useEffect11, useState as useState9 } from "react";
+import { useEffect as useEffect13, useState as useState11 } from "react";
 
 // src/lib/support/PoweredBy.tsx
-import { useEffect as useEffect10, useState as useState8, useSyncExternalStore } from "react";
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useState as useState10, useSyncExternalStore } from "react";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function PoweredBy({
   projectId
 }) {
@@ -15698,16 +16377,16 @@ function PoweredBy({
     getIdentity
   );
   const hrefFromTraits = typeof identity2?.traits?.$href === "string" ? identity2.traits.$href : void 0;
-  const [hostDomain, setHostDomain] = useState8(
+  const [hostDomain, setHostDomain] = useState10(
     () => readHostnameFromHref(hrefFromTraits)
   );
-  useEffect10(() => {
+  useEffect12(() => {
     const fromTraits = readHostnameFromHref(hrefFromTraits);
     if (fromTraits) {
       setHostDomain(fromTraits);
     }
   }, [hrefFromTraits]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (hostDomain) {
       return;
     }
@@ -15729,17 +16408,17 @@ function PoweredBy({
       cancelled = true;
     };
   }, [hostDomain]);
-  return /* @__PURE__ */ jsx20("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx21("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs10(
     "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__ */ jsx20("span", { className: "text-neutral-400", children: "Powered by" }),
-        /* @__PURE__ */ jsx20(SaascoLogo, {})
+        /* @__PURE__ */ jsx21("span", { className: "text-neutral-400", children: "Powered by" }),
+        /* @__PURE__ */ jsx21(SaascoLogo, {})
       ]
     }
   ) });
@@ -15763,15 +16442,15 @@ import {
   useMessageScrollerScrollable,
   useMessageScrollerVisibility
 } from "@shadcn/react/message-scroller";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
-  return /* @__PURE__ */ jsx21(MessageScrollerPrimitive.Provider, { ...props });
+  return /* @__PURE__ */ jsx22(MessageScrollerPrimitive.Provider, { ...props });
 }
 function MessageScroller({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MessageScrollerPrimitive.Root,
     {
       "data-slot": "message-scroller",
@@ -15787,7 +16466,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MessageScrollerPrimitive.Viewport,
     {
       "data-slot": "message-scroller-viewport",
@@ -15807,7 +16486,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MessageScrollerPrimitive.Content,
     {
       "data-slot": "message-scroller-content",
@@ -15827,7 +16506,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MessageScrollerPrimitive.Item,
     {
       "data-slot": "message-scroller-item",
@@ -15844,7 +16523,7 @@ function MessageScrollerItem({
 }
 
 // src/lib/support/ComposerFooter.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function ComposerFooter({
   active,
   projectId,
@@ -15855,8 +16534,8 @@ function ComposerFooter({
   const { scrollToEnd } = useMessageScroller();
   const showScrollToBottom = useAwayFromScrollBottom(scrollRef, active);
   const transition = reduceMotion ? { duration: 0 } : SCROLL_BOTTOM_TRANSITION;
-  return /* @__PURE__ */ jsxs10("div", { className: "pointer-events-none absolute inset-x-0 bottom-full mb-2.5", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs12("div", { className: "pointer-events-none absolute inset-x-0 bottom-full mb-2.5", children: [
+    /* @__PURE__ */ jsx23(
       motion.div,
       {
         animate: {
@@ -15868,10 +16547,10 @@ function ComposerFooter({
         initial: false,
         style: { pointerEvents: showScrollToBottom ? "none" : "auto" },
         transition,
-        children: /* @__PURE__ */ jsx22(PoweredBy, { projectId })
+        children: /* @__PURE__ */ jsx23(PoweredBy, { projectId })
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       motion.button,
       {
         animate: {
@@ -15881,7 +16560,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;
@@ -15891,14 +16570,14 @@ function ComposerFooter({
         tabIndex: showScrollToBottom ? 0 : -1,
         transition,
         type: "button",
-        children: /* @__PURE__ */ jsx22(ScrollChevronDownIcon, {})
+        children: /* @__PURE__ */ jsx23(ScrollChevronDownIcon, {})
       }
     )
   ] });
 }
 function useAwayFromScrollBottom(scrollRef, active) {
-  const [away, setAway] = useState9(false);
-  useEffect11(() => {
+  const [away, setAway] = useState11(false);
+  useEffect13(() => {
     if (!active) {
       setAway(false);
       return;
@@ -15937,11 +16616,11 @@ function useAwayFromScrollBottom(scrollRef, active) {
 }
 
 // src/lib/support/MessageList.tsx
-import { useEffect as useEffect14, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo7 } from "react";
 
 // src/lib/support/ui/marker.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "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",
   {
@@ -15961,7 +16640,7 @@ function Marker({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Comp,
     {
       "data-slot": "marker",
@@ -15972,7 +16651,7 @@ function Marker({
   );
 }
 function MarkerIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       "data-slot": "marker-icon",
@@ -15986,7 +16665,7 @@ function MarkerIcon({ className, ...props }) {
   );
 }
 function MarkerContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       "data-slot": "marker-content",
@@ -16000,41 +16679,17 @@ function MarkerContent({ className, ...props }) {
 }
 
 // src/lib/support/JoinNotice.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "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__ */ jsx24(Marker, { className: "scw-message-in justify-center py-2 text-center text-xs text-neutral-500", children: /* @__PURE__ */ jsx24(MarkerContent, { children: label }) });
-}
-
-// src/lib/support/Suggestions.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
-function Suggestions({
-  onPick,
-  suggestions
-}) {
-  return /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-2", children: suggestions.map((suggestion) => /* @__PURE__ */ jsxs11(
-    "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__ */ jsx25("span", { className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-lg bg-neutral-100 text-neutral-700", children: /* @__PURE__ */ jsx25(SparklesIcon, {}) }),
-        /* @__PURE__ */ jsxs11("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium text-neutral-950", children: suggestion.label }),
-          suggestion.description && /* @__PURE__ */ jsx25("span", { className: "mt-0.5 line-clamp-2 overflow-hidden text-xs text-neutral-500", children: suggestion.description })
-        ] })
-      ]
-    },
-    suggestion.label
-  )) });
+  return /* @__PURE__ */ jsx25(Marker, { className: "scw-message-in justify-center py-2 text-center text-xs text-neutral-500", children: /* @__PURE__ */ jsx25(MarkerContent, { children: label }) });
 }
 
 // src/lib/support/HandoffCard.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var BTN = "inline-flex h-7 cursor-pointer items-center gap-1 rounded-md px-2.5 text-xs font-medium disabled:cursor-default disabled:opacity-60";
 var BTN_PRIMARY = "border border-solid border-neutral-900 bg-neutral-900 text-white hover:bg-neutral-800";
 var BTN_OUTLINE = "border border-solid border-neutral-300 bg-white text-neutral-900 hover:bg-neutral-100";
@@ -16044,12 +16699,12 @@ function HandoffCard({
   pending,
   reason
 }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "w-full rounded-lg border border-solid border-neutral-200 bg-white p-3", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "w-full rounded-lg border border-solid border-border bg-white p-3", children: [
     /* @__PURE__ */ jsx26("div", { className: "text-[10px] font-semibold tracking-[0.04em] text-neutral-500 uppercase", children: "Connect with the team" }),
     reason ? /* @__PURE__ */ jsx26("p", { className: "mt-1.5 text-[13px] text-neutral-900", children: reason }) : null,
     /* @__PURE__ */ jsx26("p", { className: "mt-1 text-xs text-neutral-600", children: "A human teammate can take over from here and reply right in this chat." }),
-    /* @__PURE__ */ jsxs12("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs13(
         "button",
         {
           className: `${BTN} ${BTN_PRIMARY}`,
@@ -16080,6 +16735,7 @@ function HandoffCard({
 import { getToolName as getToolName4, isToolUIPart as isToolUIPart4 } from "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) {
@@ -16121,10 +16777,10 @@ function humanizeToolName(toolName) {
 }
 
 // src/lib/support/ToolGroup.tsx
-import { useState as useState10 } from "react";
+import { useState as useState12 } from "react";
 
 // src/lib/support/ApprovalCard.tsx
-import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var BTN2 = "inline-flex h-7 cursor-pointer items-center gap-1 rounded-md px-2.5 text-xs font-medium disabled:cursor-default disabled:opacity-60";
 var BTN_PRIMARY2 = "border border-solid border-neutral-900 bg-neutral-900 text-white hover:bg-neutral-800";
 var BTN_OUTLINE2 = "border border-solid border-neutral-300 bg-white text-neutral-900 hover:bg-neutral-100";
@@ -16135,7 +16791,7 @@ function ApprovalCard({
   toolName
 }) {
   const displayLabel = resolveToolLabel(toolName, label);
-  return /* @__PURE__ */ jsx27("div", { className: "w-full rounded-lg border border-solid border-neutral-200 bg-white p-3 text-xs text-neutral-900", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2.5", children: [
+  return /* @__PURE__ */ jsx27("div", { className: "w-full rounded-lg border border-solid border-border bg-white p-3 text-xs text-neutral-900", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5", children: [
     /* @__PURE__ */ jsx27(
       "div",
       {
@@ -16144,12 +16800,12 @@ function ApprovalCard({
         children: /* @__PURE__ */ jsx27(AlertTriangleIcon, {})
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx27("div", { className: "text-[10px] font-semibold tracking-[0.04em] text-neutral-500 uppercase", children: "Approval required" }),
       /* @__PURE__ */ jsx27("div", { className: "text-sm font-semibold text-neutral-900", children: displayLabel }),
       /* @__PURE__ */ jsx27("p", { className: "mt-1 text-xs text-neutral-600", children: "Allow this action to continue?" }),
-      /* @__PURE__ */ jsxs13("div", { className: "mt-3 flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs14("div", { className: "mt-3 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs14(
           "button",
           {
             className: `${BTN2} ${BTN_PRIMARY2}`,
@@ -16161,7 +16817,7 @@ function ApprovalCard({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(
           "button",
           {
             className: `${BTN2} ${BTN_OUTLINE2}`,
@@ -16185,7 +16841,7 @@ function resolveToolLabel(toolName, label) {
 }
 
 // src/lib/support/ToolGroup.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function ToolGroup({
   onApprove,
   onReject,
@@ -16194,7 +16850,7 @@ function ToolGroup({
   toolLabels,
   tools
 }) {
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState12(false);
   const hostAwaitingApproval = tools.filter(
     (tool) => pending.has(tool.toolCallId)
   );
@@ -16205,7 +16861,7 @@ function ToolGroup({
   const active = running ? tools.toReversed().find((tool) => !isToolPartComplete(tool.state)) : void 0;
   const summary = running ? "Working" : `${tools.length} ${tools.length === 1 ? "step" : "steps"}`;
   const activeLabel = active ? resolveToolDisplayLabel(active.toolName, toolLabels) : void 0;
-  return /* @__PURE__ */ jsxs14("div", { className: "flex w-full max-w-[88%] flex-col gap-1.5 self-start", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-[88%] flex-col gap-1.5 self-start", children: [
     hostAwaitingApproval.map((tool) => {
       const approval = pending.get(tool.toolCallId);
       if (!approval) {
@@ -16238,7 +16894,7 @@ function ToolGroup({
         approvalId
       );
     }),
-    /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs15(
       "button",
       {
         "aria-expanded": expanded,
@@ -16257,17 +16913,17 @@ function ToolGroup({
             }
           ),
           /* @__PURE__ */ jsx28("span", { className: "font-medium", children: summary }),
-          running && activeLabel && /* @__PURE__ */ jsxs14("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-neutral-400", children: [
+          running && activeLabel && /* @__PURE__ */ jsxs15("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-neutral-400", children: [
             "\xB7 ",
             activeLabel
           ] })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-1 border-l border-neutral-200 pl-2.5", children: tools.map((tool) => /* @__PURE__ */ jsxs14(
+    expanded && /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-1 border-l border-border pl-2.5", children: tools.map((tool) => /* @__PURE__ */ jsxs15(
       "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__ */ jsx28("span", { className: "size-1 shrink-0 rounded-full bg-neutral-400" }) : /* @__PURE__ */ jsx28(Spinner, { small: true }),
           /* @__PURE__ */ jsx28("span", { children: resolveToolDisplayLabel(tool.toolName, toolLabels) })
@@ -16406,7 +17062,7 @@ function MessageFooter({ className, ...props }) {
 }
 
 // src/lib/support/SupportMessage.tsx
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function SupportMessage({
   branding,
   group,
@@ -16440,7 +17096,7 @@ function SupportMessage({
       align: isCustomer ? "end" : "start",
       className: "scw-message-in",
       "data-message-id": message.id,
-      children: /* @__PURE__ */ jsxs15(MessageContent, { className: "gap-[3px]", children: [
+      children: /* @__PURE__ */ jsxs16(MessageContent, { className: "gap-[3px]", children: [
         blocks.map((block, index2) => {
           if (block.kind === "text") {
             const isStreamingBlock = isStreaming && index2 === blocks.length - 1;
@@ -16457,9 +17113,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)
@@ -16489,7 +17145,7 @@ function SupportMessage({
               "flex max-w-[88%] flex-col gap-1.5",
               isCustomer && "self-end"
             ),
-            children: attachmentUrls.map((url) => /* @__PURE__ */ jsxs15(
+            children: attachmentUrls.map((url) => /* @__PURE__ */ jsxs16(
               Attachment,
               {
                 className: "overflow-hidden rounded-xl border-0 p-0",
@@ -16522,19 +17178,19 @@ function SupportMessage({
         showHandoffCard && handoffOffer && /* @__PURE__ */ jsx31(
           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__ */ jsx31(MessageFooter, { className: "px-0 text-[11px] text-[#a3a3a3]", children: isCustomer ? /* @__PURE__ */ jsx31(
+        (hasText || attachmentUrls.length > 0) && group.showTimestamp && /* @__PURE__ */ jsx31(MessageFooter, { className: "px-0 text-[11px] text-neutral-500", children: isCustomer ? /* @__PURE__ */ jsx31(
           CompactTime,
           {
             messageId: message.id,
             timestamp: readCreatedAt(message)
           }
-        ) : /* @__PURE__ */ jsxs15(Fragment6, { children: [
+        ) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
           isTeam ? `${readAuthorName(message) ?? "Team"} \xB7 Team` : branding.agentLabel,
           " ",
           "\xB7",
@@ -16553,7 +17209,7 @@ function SupportMessage({
 }
 
 // src/lib/support/useFollowBottomAfterUserScroll.ts
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect14 } from "react";
 var SPACER_SELECTOR = "[data-message-scroller-spacer]";
 var ANCHOR_SELECTOR = '[data-scroll-anchor="true"]';
 var SCROLL_KEYS = /* @__PURE__ */ new Set([
@@ -16567,7 +17223,7 @@ var SCROLL_KEYS = /* @__PURE__ */ new Set([
 ]);
 function useFollowBottomAfterUserScroll(scrollRef, scrollReleasedRef) {
   const { scrollToEnd } = useMessageScroller();
-  useEffect12(() => {
+  useEffect14(() => {
     const viewport = scrollRef.current;
     const spacer = viewport?.querySelector(SPACER_SELECTOR);
     const content = spacer?.parentElement;
@@ -16644,10 +17300,10 @@ function useFollowBottomAfterUserScroll(scrollRef, scrollReleasedRef) {
 }
 
 // src/lib/support/useLiftSpacerClamp.ts
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect15 } from "react";
 var SPACER_SELECTOR2 = "[data-message-scroller-spacer]";
 function useLiftSpacerClamp(scrollRef) {
-  useEffect13(() => {
+  useEffect15(() => {
     const viewport = scrollRef.current;
     const spacer = viewport?.querySelector(SPACER_SELECTOR2);
     const content = spacer?.parentElement;
@@ -16657,13 +17313,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);
@@ -16703,10 +17359,11 @@ function measureLiftCeiling(viewport, content, spacer) {
 }
 
 // src/lib/support/MessageList.tsx
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function MessageList({
   agentMuted,
   branding,
+  conversationState,
   dismissedHandoffs,
   error,
   handoffPending,
@@ -16746,7 +17403,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__ */ jsx32(MessageScroller, { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsx32(
@@ -16767,16 +17429,19 @@ function MessageList({
       ),
       id: "scw-message-list",
       ref: scrollRef,
-      children: /* @__PURE__ */ jsxs16(MessageScrollerContent, { "aria-busy": isResponding, children: [
-        /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2.5", children: [
-          /* @__PURE__ */ jsx32("div", { className: "flex flex-col items-center px-0 pt-1 pb-2.5 text-center", children: /* @__PURE__ */ jsx32("p", { className: "m-0 max-w-[82%] text-[13px] font-normal text-neutral-400", children: branding.greeting }) }),
+      children: /* @__PURE__ */ jsxs17(MessageScrollerContent, { "aria-busy": isResponding, children: [
+        /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2.5", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2 pt-1", children: [
+            /* @__PURE__ */ jsx32(Avatar, { branding }),
+            /* @__PURE__ */ jsx32("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__ */ jsx32(Suggestions, { onPick, suggestions })
         ] }) }, "intro"),
         messages.map((message, index2) => {
           const group = getWidgetMessageGroupFlags(messages, index2);
           const isStreamingMessage = isResponding && index2 === messages.length - 1;
           const isFirstTeamMessage = readSupportRole(message) === "team" && !messages.slice(0, index2).some((entry) => readSupportRole(entry) === "team");
-          return /* @__PURE__ */ jsxs16(
+          return /* @__PURE__ */ jsxs17(
             MessageScrollerItem,
             {
               className: cn(
@@ -16814,7 +17479,7 @@ function MessageList({
             message.id
           );
         }),
-        showThinking && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs16(
+        showThinking && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs17(
           Marker,
           {
             className: "gap-2 py-0 text-xs text-neutral-500",
@@ -16825,7 +17490,7 @@ function MessageList({
             ]
           }
         ) }, "thinking"),
-        showTyping && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs16(
+        showTyping && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs17(
           Marker,
           {
             className: "gap-2 py-0.5 text-xs text-neutral-500",
@@ -16836,7 +17501,7 @@ function MessageList({
             ]
           }
         ) }, "typing"),
-        showWaiting && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs16(
+        showWaiting && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs17(
           Marker,
           {
             className: "gap-2 py-0.5 text-xs text-neutral-500",
@@ -16847,7 +17512,7 @@ function MessageList({
             ]
           }
         ) }, "waiting"),
-        showError && /* @__PURE__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs16("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__ */ jsx32(MessageScrollerItem, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxs17("div", { className: "rounded-md border border-solid border-border bg-neutral-100 px-3 py-2.5 text-xs text-neutral-700", children: [
           /* @__PURE__ */ jsx32("div", { className: "font-medium text-neutral-900", children: "Something went wrong" }),
           /* @__PURE__ */ jsx32("div", { children: error?.message }),
           /* @__PURE__ */ jsx32(
@@ -16864,10 +17529,6 @@ function MessageList({
     }
   ) });
 }
-function lastMessageIsFromTeam(messages) {
-  const lastMessage = messages.at(-1);
-  return !!lastMessage && readSupportRole(lastMessage) === "team";
-}
 function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
   const { visibleMessageIds } = useMessageScrollerVisibility();
   const teamMessageIds = useMemo7(() => {
@@ -16880,7 +17541,7 @@ function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
     return ids;
   }, [messages]);
   const visibleTeamKey = visibleMessageIds.filter((id3) => teamMessageIds.has(id3)).join(",");
-  useEffect14(() => {
+  useEffect16(() => {
     if (!visibleTeamKey) {
       return;
     }
@@ -16890,29 +17551,29 @@ function useReportVisibleTeamMessagesSeen(messages, onTeamMessagesSeen) {
 
 // src/lib/support/MessageScrollbar.tsx
 import {
-  useCallback as useCallback7,
-  useEffect as useEffect15,
+  useCallback as useCallback9,
+  useEffect as useEffect17,
   useLayoutEffect as useLayoutEffect3,
-  useRef as useRef12,
-  useState as useState11
+  useRef as useRef14,
+  useState as useState13
 } from "react";
 import { jsx as jsx33 } from "react/jsx-runtime";
 function MessageScrollbar({
   recomputeKey,
   scrollRef
 }) {
-  const trackRef = useRef12(null);
-  const thumbRef = useRef12(null);
-  const dragRef = useRef12(
+  const trackRef = useRef14(null);
+  const thumbRef = useRef14(null);
+  const dragRef = useRef14(
     null
   );
-  const [thumb, setThumb] = useState11({
+  const [thumb, setThumb] = useState13({
     height: 0,
     top: 0,
     valueNow: 0,
     visible: false
   });
-  const recompute = useCallback7(() => {
+  const recompute = useCallback9(() => {
     const scroller = scrollRef.current;
     const track = trackRef.current;
     if (!(scroller && track)) {
@@ -16940,7 +17601,7 @@ function MessageScrollbar({
   useLayoutEffect3(() => {
     recompute();
   }, [recompute, recomputeKey]);
-  useEffect15(() => {
+  useEffect17(() => {
     const scroller = scrollRef.current;
     const track = trackRef.current;
     if (!(scroller && track)) {
@@ -17023,14 +17684,16 @@ function MessageScrollbar({
 }
 
 // src/lib/support/WidgetConversationView.tsx
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 function WidgetConversationView({
   activeTransition,
   agentMuted,
   branding,
+  conversationState,
   dismissedHandoffs,
   draft,
   emailDraft,
+  emailError,
   error,
   handoffPending,
   imageInputRef,
@@ -17045,6 +17708,7 @@ function WidgetConversationView({
   onConfirmHandoff,
   onDismissHandoff,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onPick,
@@ -17084,7 +17748,7 @@ function WidgetConversationView({
     session,
     conversationLoaded
   });
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MessageScrollerProvider,
     {
       defaultScrollPosition: "last-anchor",
@@ -17103,6 +17767,7 @@ function WidgetConversationView({
           {
             agentMuted,
             branding,
+            conversationState,
             dismissedHandoffs,
             error,
             handoffPending,
@@ -17136,7 +17801,7 @@ function WidgetConversationView({
             initial: isOpeningPanel ? false : "enter",
             ref: composerWrapRef,
             variants: composerVariants,
-            children: /* @__PURE__ */ jsxs17(
+            children: /* @__PURE__ */ jsxs18(
               motion.div,
               {
                 animate: { opacity: isLoadingMessages ? 0 : 1 },
@@ -17162,10 +17827,12 @@ function WidgetConversationView({
                     {
                       draft,
                       emailDraft,
+                      emailError,
                       imageInputRef,
                       isLoading,
                       needsEmail,
                       onDraftChange,
+                      onEmailBlur,
                       onEmailChange,
                       onImageSelection,
                       onRemovePendingImage,
@@ -17232,12 +17899,12 @@ function useComposerHeightSync({
 }
 
 // src/lib/support/WidgetNav.tsx
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function WidgetNav({
   onNavigate,
   view
 }) {
-  return /* @__PURE__ */ jsxs18("div", { className: "flex border-t border-[#f0f0f0] bg-white", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "flex border-t border-border bg-white", children: [
     /* @__PURE__ */ jsx35(
       NavTab,
       {
@@ -17264,7 +17931,7 @@ function NavTab({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "button",
     {
       className: cn(
@@ -17282,7 +17949,7 @@ function NavTab({
 }
 
 // src/lib/support/WidgetPanel.tsx
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 function WidgetPanel(props) {
   const {
     activeTransition,
@@ -17290,6 +17957,7 @@ function WidgetPanel(props) {
     isChat,
     isFullscreen,
     isOpeningPanel,
+    hostOwnsLauncher: hostOwnsLauncher2,
     onBack,
     onClose,
     onNavigate,
@@ -17298,22 +17966,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__ */ jsx36(
     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,
@@ -17344,9 +18018,11 @@ function BrandedPanelBody({
   agentMuted,
   branding,
   composerWrapRef,
+  conversationState,
   dismissedHandoffs,
   draft,
   emailDraft,
+  emailError,
   error,
   handoffPending,
   imageInputRef,
@@ -17363,6 +18039,7 @@ function BrandedPanelBody({
   onConfirmHandoff,
   onDismissHandoff,
   onDraftChange,
+  onEmailBlur,
   onEmailChange,
   onImageSelection,
   onNavigate,
@@ -17394,7 +18071,7 @@ function BrandedPanelBody({
   toolLabels,
   view
 }) {
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment7, { children: [
     /* @__PURE__ */ jsx36(
       PanelHeader,
       {
@@ -17405,7 +18082,7 @@ function BrandedPanelBody({
         view
       }
     ),
-    /* @__PURE__ */ jsx36("div", { className: "relative flex flex-1 overflow-hidden", children: /* @__PURE__ */ jsx36(AnimatePresence, { custom: activeTransition, initial: false, children: /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsx36("div", { className: "relative flex flex-1 overflow-hidden", children: /* @__PURE__ */ jsx36(AnimatePresence, { custom: activeTransition, initial: false, children: /* @__PURE__ */ jsxs20(
       motion.div,
       {
         animate: "center",
@@ -17420,14 +18097,15 @@ function BrandedPanelBody({
             {
               branding,
               conversations: sortedHistory,
+              onPick,
               onResume,
-              onStartNew
+              onStartNew,
+              suggestions
             }
           ),
           view === "messages" && /* @__PURE__ */ jsx36(
             MessagesView,
             {
-              activeConversationId: session?.conversationId,
               branding,
               conversations: sortedHistory,
               onResume,
@@ -17441,9 +18119,11 @@ function BrandedPanelBody({
               agentMuted,
               branding,
               composerWrapRef,
+              conversationState,
               dismissedHandoffs,
               draft,
               emailDraft,
+              emailError,
               error,
               handoffPending,
               imageInputRef,
@@ -17458,6 +18138,7 @@ function BrandedPanelBody({
               onConfirmHandoff,
               onDismissHandoff,
               onDraftChange,
+              onEmailBlur,
               onEmailChange,
               onImageSelection,
               onPick,
@@ -17504,17 +18185,17 @@ function BrandedPanelBody({
   ] });
 }
 function PanelLoadingShell({ onClose }) {
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
-    /* @__PURE__ */ jsx36("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__ */ jsx36(
+  return /* @__PURE__ */ jsxs20(Fragment7, { children: [
+    /* @__PURE__ */ jsx36("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__ */ jsx36(
       "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__ */ jsx36(CloseIcon, {})
       }
-    ) }),
+    ) : null }),
     /* @__PURE__ */ jsx36(
       "div",
       {
@@ -17527,34 +18208,42 @@ function PanelLoadingShell({ onClose }) {
 }
 
 // src/lib/support/Widget.tsx
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 function SupportWidgetInner({
   baseUrl,
   getStateSnapshot,
   placeholder = "Message...",
   projectId,
+  startOpen = false,
   suggestions
 }) {
-  const storageKey = `saasco-chat-session:${projectId}`;
-  const emailStorageKey = `saasco-chat-email:${projectId}`;
-  const [isOpen, setIsOpen] = useState12(false);
-  const [isOpeningPanel, setIsOpeningPanel] = useState12(false);
+  const dashboardPreview = isDashboardPreview();
+  const { emailStorageKey, storageKey } = widgetSessionStorageKeys(
+    projectId,
+    dashboardPreview
+  );
+  const [isOpen, setIsOpen] = useState14(startOpen);
+  const [isOpeningPanel, setIsOpeningPanel] = useState14(startOpen);
   const reduceMotion = useReducedMotion();
-  const [view, setView] = useState12("home");
-  const [returnView, setReturnView] = useState12("home");
-  const [branding, setBranding] = useState12(
-    () => readBrandingCache(projectId)
+  const [view, setView] = useState14("home");
+  const [returnView, setReturnView] = useState14("home");
+  const previewShell2 = useSyncExternalStore2(
+    subscribeToRegistry,
+    getPreviewShell,
+    getPreviewShell
+  );
+  const [branding, setBranding] = useState14(
+    () => previewShell2?.branding ?? readBrandingCache(projectId)
   );
-  const [dashboardTools, setDashboardTools] = useState12([]);
-  const [session, setSession] = useState12(null);
-  const [sessionHistory, setSessionHistory] = useState12([]);
-  const [draft, setDraft] = useState12("");
-  const [pendingImages, setPendingImages] = useState12([]);
+  const [resolvedSuggestions, setResolvedSuggestions] = useState14(previewShell2?.suggestions ?? suggestions ?? DEFAULT_SUGGESTIONS);
+  const [dashboardTools, setDashboardTools] = useState14([]);
+  const [draft, setDraft] = useState14("");
+  const [pendingImages, setPendingImages] = useState14([]);
   const pendingImageUrls = useMemo8(
     () => pendingImages.map((file) => URL.createObjectURL(file)),
     [pendingImages]
   );
-  useEffect16(
+  useEffect18(
     () => () => {
       for (const url of pendingImageUrls) {
         URL.revokeObjectURL(url);
@@ -17562,8 +18251,8 @@ function SupportWidgetInner({
     },
     [pendingImageUrls]
   );
-  const sentImageUrlsRef = useRef13([]);
-  useEffect16(
+  const sentImageUrlsRef = useRef15([]);
+  useEffect18(
     () => () => {
       for (const url of sentImageUrlsRef.current) {
         URL.revokeObjectURL(url);
@@ -17571,30 +18260,25 @@ function SupportWidgetInner({
     },
     []
   );
-  const [emailDraft, setEmailDraft] = useState12("");
-  const [capturedEmail, setCapturedEmail] = useState12(null);
-  const [sendError, setSendError] = useState12(null);
-  const [agentMuted, setAgentMuted] = useState12(false);
-  const [conversation, setConversation] = useState12(
+  const [emailDraft, setEmailDraft] = useState14("");
+  const [emailTouched, setEmailTouched] = useState14(false);
+  const [sendError, setSendError] = useState14(null);
+  const [agentMuted, setAgentMuted] = useState14(false);
+  const [conversation, setConversation] = useState14(
     null
   );
-  const [conversationLoaded, setConversationLoaded] = useState12(false);
-  const [dismissedHandoffs, setDismissedHandoffs] = useState12(
-    () => /* @__PURE__ */ new Set()
-  );
-  const [handoffPending, setHandoffPending] = useState12(false);
-  const handoffPendingRef = useRef13(false);
-  const scrollRef = useRef13(null);
+  const [conversationLoaded, setConversationLoaded] = useState14(false);
+  const scrollRef = useRef15(null);
   useOverscrollBounce(scrollRef, view === "chat", !!reduceMotion);
-  const scrollReleasedRef = useRef13(false);
-  const composerWrapRef = useRef13(null);
-  const rootElRef = useRef13(null);
-  const textareaRef = useRef13(null);
-  const imageInputRef = useRef13(null);
-  useEffect16(() => {
+  const scrollReleasedRef = useRef15(false);
+  const composerWrapRef = useRef15(null);
+  const rootElRef = useRef15(null);
+  const textareaRef = useRef15(null);
+  const imageInputRef = useRef15(null);
+  useEffect18(() => {
     injectStyles();
   }, []);
-  useEffect16(() => {
+  useEffect18(() => {
     const root = rootElRef.current;
     if (!root) {
       return;
@@ -17621,20 +18305,25 @@ function SupportWidgetInner({
     getUserJwt,
     getUserJwt
   );
+  const identityRef = useRef15(identity2);
+  const userJwtRef = useRef15(userJwt2);
+  const sessionRef = useRef15(null);
+  identityRef.current = identity2;
+  userJwtRef.current = userJwt2;
+  const hostOwnsLauncher2 = useSyncExternalStore2(
+    subscribeToRegistry,
+    getHostOwnsLauncher,
+    getHostOwnsLauncher
+  );
   const toolLabels = useMemo8(
     () => buildToolDisplayLabelMap(dashboardTools),
     [dashboardTools]
   );
-  const sessionRef = useRef13(null);
-  const toolsRef = useRef13(dashboardTools);
-  const snapshotRef = useRef13(getStateSnapshot);
-  const identityRef = useRef13(identity2);
-  const userJwtRef = useRef13(userJwt2);
+  const toolsRef = useRef15(dashboardTools);
+  const snapshotRef = useRef15(getStateSnapshot);
   toolsRef.current = dashboardTools;
   snapshotRef.current = getStateSnapshot;
-  identityRef.current = identity2;
-  userJwtRef.current = userJwt2;
-  const openWidget2 = useCallback8(() => {
+  const openWidget2 = useCallback10(() => {
     primeMessageChime();
     setIsOpeningPanel(true);
     setIsOpen(true);
@@ -17645,22 +18334,28 @@ function SupportWidgetInner({
       setView("home");
     }
   }, []);
-  useEffect16(() => {
+  const closePanel = useCallback10(() => {
+    if (dashboardPreview) {
+      return;
+    }
+    setIsOpen(false);
+  }, [dashboardPreview]);
+  useLayoutEffect5(() => {
     setOpenControls({
-      close: () => setIsOpen(false),
+      close: closePanel,
       open: openWidget2
     });
     return () => {
       setOpenControls(null);
     };
-  }, [openWidget2]);
-  useEffect16(() => {
+  }, [closePanel, openWidget2]);
+  useEffect18(() => {
     if (!isOpen) {
       setIsOpeningPanel(false);
     }
   }, [isOpen]);
-  useEffect16(() => {
-    if (!isOpen) {
+  useEffect18(() => {
+    if (!isOpen || dashboardPreview) {
       return;
     }
     function handleKeyDown(event) {
@@ -17668,143 +18363,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 = useRef13(/* @__PURE__ */ new Set());
-  const reportedSeenMessageIdsRef = useRef13(/* @__PURE__ */ new Set());
-  const seededRef = useRef13(false);
-  const brandingFetchStartedRef = useRef13(false);
-  const pendingPersistRef = useRef13(null);
-  const sendInFlightRef = useRef13(false);
-  const refreshSessionHistory = useCallback8(() => {
-    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]);
-  useEffect16(() => {
-    const stored = readStoredSession(storageKey);
-    sessionRef.current = stored;
-    setSession(stored);
-    if (stored) {
-      ensureActiveSessionInHistory(storageKey, stored);
-    }
-    refreshSessionHistory();
-  }, [refreshSessionHistory, storageKey]);
-  const resumedJwtRef = useRef13(null);
-  useEffect16(() => {
-    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 = useRef13(void 0);
-  const prevJwtPresentRef = useRef13(false);
-  useEffect16(() => {
-    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]);
-  useEffect16(() => {
-    try {
-      const stored = window.localStorage.getItem(emailStorageKey);
-      if (stored) {
-        setCapturedEmail(stored);
-      }
-    } catch {
-    }
-  }, [emailStorageKey]);
-  useEffect16(() => {
+  }, [closePanel, dashboardPreview, isOpen]);
+  const mergedIdsRef = useRef15(/* @__PURE__ */ new Set());
+  const reportedSeenMessageIdsRef = useRef15(/* @__PURE__ */ new Set());
+  const seededRef = useRef15(false);
+  const brandingFetchStartedRef = useRef15(false);
+  const pendingPersistRef = useRef15(null);
+  const sendInFlightRef = useRef15(false);
+  useEffect18(() => {
     if (brandingFetchStartedRef.current) {
       return;
     }
@@ -17814,8 +18386,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))
           );
@@ -17831,8 +18410,15 @@ function SupportWidgetInner({
     return () => {
       cancelled = true;
     };
-  }, [baseUrl, projectId]);
-  const runTool = useCallback8((toolCall) => {
+  }, [baseUrl, dashboardPreview, projectId]);
+  useEffect18(() => {
+    if (!previewShell2) {
+      return;
+    }
+    setBranding(previewShell2.branding);
+    setResolvedSuggestions(previewShell2.suggestions);
+  }, [previewShell2]);
+  const runTool = useCallback10((toolCall) => {
     const match = toolsRef.current.find(
       (entry) => normalizeToolName(entry.name) === toolCall.toolName
     );
@@ -17850,7 +18436,7 @@ function SupportWidgetInner({
     }
     return match.execute(toolCall.input ?? {});
   }, []);
-  const onToolCallRef = useRef13(() => {
+  const onToolCallRef = useRef15(() => {
   });
   const {
     addToolApprovalResponse,
@@ -17880,9 +18466,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
           }
@@ -17906,70 +18492,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 = useRef13(messages);
+  const messagesRef = useRef15(messages);
   messagesRef.current = messages;
-  const isLoadingRef = useRef13(isLoading);
+  const isLoadingRef = useRef15(isLoading);
   isLoadingRef.current = isLoading;
   const { chimedMessageIdsRef } = useInboundMessageChime({
     isLoading,
     messages
   });
   const isTakeoverError = !!error && error.message.includes("human_takeover");
-  useEffect16(() => {
+  useEffect18(() => {
     if (isTakeoverError) {
       setAgentMuted(true);
     }
   }, [isTakeoverError]);
-  const confirmHandoff = useCallback8(
-    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 = useCallback8(
-    (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]
-  );
-  useEffect16(() => {
+  const { confirmHandoff, dismissedHandoffs, dismissHandoff, handoffPending } = useHandoffDecisions({
+    baseUrl,
+    mergedIdsRef,
+    messagesRef,
+    onAccepted: () => setAgentMuted(true),
+    projectId,
+    sessionRef,
+    setMessages
+  });
+  useEffect18(() => {
     if (!isOpen || !session) {
       return;
     }
@@ -18018,7 +18602,7 @@ function SupportWidgetInner({
     setDraft(value);
     reportDraftActivity(value);
   }
-  const reportTeamMessagesSeen = useCallback8(
+  const reportTeamMessagesSeen = useCallback10(
     (messageIds) => {
       const activeSession = sessionRef.current;
       const unseenMessageIds = messageIds.filter(
@@ -18045,7 +18629,7 @@ function SupportWidgetInner({
     },
     [baseUrl, projectId]
   );
-  useEffect16(() => {
+  useEffect18(() => {
     if (!conversation) {
       return;
     }
@@ -18092,7 +18676,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,
@@ -18131,20 +18719,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,
@@ -18170,6 +18744,9 @@ function SupportWidgetInner({
     });
   }
   function pickSuggestion(prompt) {
+    if (view !== "chat") {
+      startNewConversation();
+    }
     handleDraftChange(prompt);
     textareaRef.current?.focus();
   }
@@ -18190,15 +18767,15 @@ function SupportWidgetInner({
     conversation,
     conversationLoaded
   });
-  const prevViewRef = useRef13(view);
+  const prevViewRef = useRef15(view);
   const viewTransition = useMemo8(
     () => deriveViewTransition(view, prevViewRef.current),
     [view]
   );
-  useEffect16(() => {
+  useEffect18(() => {
     prevViewRef.current = view;
   }, [view]);
-  useEffect16(() => {
+  useEffect18(() => {
     if (isOpen && view === "chat") {
       focusComposer(textareaRef);
     }
@@ -18208,12 +18785,13 @@ function SupportWidgetInner({
     viewTransition
   );
   const isFullscreen = isOpen && isMobile;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "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,
@@ -18228,6 +18806,7 @@ function SupportWidgetInner({
             dismissedHandoffs,
             draft,
             emailDraft,
+            emailError,
             error,
             handoffPending,
             imageInputRef,
@@ -18236,15 +18815,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,
@@ -18275,19 +18856,20 @@ function SupportWidgetInner({
             session,
             showThinking,
             sortedHistory,
-            suggestions: suggestions ?? [],
+            suggestions: resolvedSuggestions,
             textareaRef,
             typingLabel,
             conversationLoaded,
+            conversationState: conversation?.state ?? null,
             toolLabels,
             view
           }
         ) }),
-        !isFullscreen && /* @__PURE__ */ jsx37(
+        !isFullscreen && !hostOwnsLauncher2 && !dashboardPreview && /* @__PURE__ */ jsx37(
           WidgetLauncher,
           {
             isOpen,
-            onClose: () => setIsOpen(false),
+            onClose: closePanel,
             onOpen: openWidget2,
             reduceMotion
           }