@cimplify/sdk 0.96.0 → 0.98.0

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkHKN3YG76_js = require('./chunk-HKN3YG76.js');
+var chunkQPRI2NII_js = require('./chunk-QPRI2NII.js');
 var chunkXREIZ56K_js = require('./chunk-XREIZ56K.js');
 var chunkW5PH7SPK_js = require('./chunk-W5PH7SPK.js');
 var chunkVEOAMBEX_js = require('./chunk-VEOAMBEX.js');
@@ -1298,7 +1298,7 @@ function CimplifyProvider({
     const apiCredentials = resolvedClient.getCredentialsMode() === "include" ? "use-credentials" : "anonymous";
     preconnectOrigin(resolvedClient.getBaseUrl(), apiCredentials);
     preconnectOrigin(resolvedClient.getLinkApiUrl(), apiCredentials);
-    preconnectOrigin(chunkHKN3YG76_js.DEFAULT_CDN_BASE_URL);
+    preconnectOrigin(chunkQPRI2NII_js.DEFAULT_CDN_BASE_URL);
   }
   const setCurrentLocation = React14.useCallback(
     (location) => {
@@ -3115,8 +3115,8 @@ function fmtScheduleWindow(start, end) {
   const startStr = dateFns.format(s, "EEE, MMM d \xB7 h:mm a");
   const e = end ? dateFns.parseISO(end) : null;
   if (e && dateFns.isValid(e)) {
-    const sameDay = s.toDateString() === e.toDateString();
-    return `${startStr} \u2013 ${dateFns.format(e, sameDay ? "h:mm a" : "EEE, MMM d \xB7 h:mm a")}`;
+    const sameDay2 = s.toDateString() === e.toDateString();
+    return `${startStr} \u2013 ${dateFns.format(e, sameDay2 ? "h:mm a" : "EEE, MMM d \xB7 h:mm a")}`;
   }
   return startStr;
 }
@@ -5907,6 +5907,33 @@ function useBootstrap(options = {}) {
   const { data, isLoading, error, refetch } = bootstrapQuery(options);
   return { bootstrap: data, isLoading, error, refetch };
 }
+
+// src/react/chat-model.ts
+var OPTIMISTIC_ID_PREFIX = "opt_";
+function optimisticId(clientId) {
+  return `${OPTIMISTIC_ID_PREFIX}${clientId}`;
+}
+function isOptimistic(message) {
+  return message.id.startsWith(OPTIMISTIC_ID_PREFIX);
+}
+function partitionMessages(messages) {
+  const bubbles = [];
+  const reactionsByTarget = /* @__PURE__ */ new Map();
+  for (const message of messages) {
+    if (message.content_type === "reaction") {
+      const targetId = message.reply_to?.id;
+      if (!targetId) continue;
+      const list = reactionsByTarget.get(targetId);
+      if (list) list.push(message);
+      else reactionsByTarget.set(targetId, [message]);
+      continue;
+    }
+    bubbles.push(message);
+  }
+  return { bubbles, reactionsByTarget };
+}
+
+// src/react/hooks/use-chat.ts
 var POLL_INTERVAL_MS = 3e3;
 var POLL_IDLE_INTERVAL_MS = 15e3;
 var IDLE_TIMEOUT_MS = 6e4;
@@ -5921,10 +5948,10 @@ function mergeMessages(prev, incoming) {
     (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
   );
   const confirmed = new Set(
-    merged.filter((m) => !m.id.startsWith("opt_") && m.client_id).map((m) => m.client_id)
+    merged.filter((m) => !isOptimistic(m) && m.client_id).map((m) => m.client_id)
   );
   return merged.filter(
-    (m) => !(m.id.startsWith("opt_") && m.client_id && confirmed.has(m.client_id))
+    (m) => !(isOptimistic(m) && m.client_id && confirmed.has(m.client_id))
   );
 }
 function useChat(options = {}) {
@@ -5987,7 +6014,7 @@ function useChat(options = {}) {
   const lastConfirmedMessage = React14.useCallback(() => {
     const list = messagesRef.current;
     for (let i = list.length - 1; i >= 0; i--) {
-      if (!list[i].id.startsWith("opt_")) return list[i];
+      if (!isOptimistic(list[i])) return list[i];
     }
     return void 0;
   }, []);
@@ -6035,7 +6062,7 @@ function useChat(options = {}) {
       const snapshotIds = new Set(snapshot.map((m) => m.id));
       const tail = snapshot.length > 0 ? new Date(snapshot[snapshot.length - 1].created_at).getTime() : 0;
       const extras = prev.filter(
-        (m) => !snapshotIds.has(m.id) && (m.id.startsWith("opt_") || new Date(m.created_at).getTime() > tail)
+        (m) => !snapshotIds.has(m.id) && (isOptimistic(m) || new Date(m.created_at).getTime() > tail)
       );
       return mergeMessages(snapshot, extras);
     });
@@ -6221,9 +6248,9 @@ function useChat(options = {}) {
       }
       const replyTo = opts?.replyTo;
       const clientId = chunkVEOAMBEX_js.generateIdempotencyKey();
-      const optimisticId = `opt_${clientId}`;
+      const localId = optimisticId(clientId);
       const optimistic = {
-        id: optimisticId,
+        id: localId,
         sender_type: "customer",
         content: content.trim(),
         content_type: attachments.length > 0 ? "image" : "text",
@@ -6253,14 +6280,14 @@ function useChat(options = {}) {
             // The websocket may have already streamed the confirmed message
             // in while the POST was in flight; drop the optimistic bubble
             // instead of inserting a duplicate.
-            prev.some((m) => m.id === confirmed.id) ? prev.filter((m) => m.id !== optimisticId) : prev.map((m) => m.id === optimisticId ? confirmed : m)
+            prev.some((m) => m.id === confirmed.id) ? prev.filter((m) => m.id !== localId) : prev.map((m) => m.id === localId ? confirmed : m)
           )
         );
         if (aiEnabledRef.current && !humanRequestedRef.current) {
           startAwaitingReply();
         }
       } else {
-        setMessages((prev) => prev.filter((m) => m.id !== optimisticId));
+        setMessages((prev) => prev.filter((m) => m.id !== localId));
         setError(result.error);
       }
       setIsSending(false);
@@ -6279,7 +6306,7 @@ function useChat(options = {}) {
   );
   const react = React14.useCallback(
     async (message, emoji) => {
-      if (!client || message.id.startsWith("opt_")) return false;
+      if (!client || isOptimistic(message)) return false;
       const result = await client.support.reactToMessage(message.id, emoji);
       if (result.ok) appendMessages([result.value]);
       return result.ok;
@@ -6783,7 +6810,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkHKN3YG76_js.getVariantDisplayName(variant, productName)
+                    children: chunkQPRI2NII_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -8576,12 +8603,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Text:
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Text:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -8590,7 +8617,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Textarea:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -8603,7 +8630,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Number:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8617,7 +8644,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Select:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -8631,7 +8658,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Radio:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Radio:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -8656,7 +8683,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Checkbox:
       return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -8669,7 +8696,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Color:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8679,7 +8706,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Date:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -8690,8 +8717,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.File:
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.File:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -8702,7 +8729,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Email:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8714,7 +8741,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.DateTime: {
       const stringValue = typeof value === "string" ? value : "";
       const [datePart, timePartRaw] = stringValue.includes("T") ? stringValue.split("T", 2) : [stringValue, ""];
       const timePart = (timePartRaw ?? "").slice(0, 5);
@@ -8753,7 +8780,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Time:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -8764,7 +8791,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -8774,7 +8801,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.DateRange:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -8784,7 +8811,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Address:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -8795,7 +8822,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Location:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -8806,7 +8833,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Phone:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -8817,7 +8844,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Signature:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -8850,7 +8877,7 @@ function FileUploadInput({
   const [isUploading, setIsUploading] = React14__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
-  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -8868,7 +8895,7 @@ function FileUploadInput({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    field.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -8894,7 +8921,7 @@ function FileUploadInput({
       }
     ),
     isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
       acceptedFormats && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
         acceptedFormats.map((f) => f.toUpperCase()).join(", "),
         field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
@@ -9628,7 +9655,7 @@ function ProductCustomizer({
   const isBundle = productType === "bundle";
   const isDigital = productType === "digital";
   const isService = productType === "service";
-  const offersUnits = isService && chunkHKN3YG76_js.isMultiDayService(product);
+  const offersUnits = isService && chunkQPRI2NII_js.isMultiDayService(product);
   const isStandard = !isComposite && !isBundle;
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
@@ -9742,7 +9769,7 @@ function ProductCustomizer({
   }, [quote, quantity]);
   const displayTotalPrice = React14.useMemo(() => {
     const total = quotedTotalPrice ?? localTotalPrice;
-    const multiplier = chunkHKN3YG76_js.serviceBillingMultiplier(product, {
+    const multiplier = chunkQPRI2NII_js.serviceBillingMultiplier(product, {
       quantity,
       units: unitsCount,
       scheduledStart: selectedSlot?.start_time,
@@ -10453,18 +10480,18 @@ function CartLineItemRow({
   });
   const hasComposite = item.compositeSelections && item.compositeSelections.length > 0;
   const hasBundle = item.bundleSelections && item.bundleSelections.length > 0;
-  const isOptimistic = item.isOptimistic === true;
+  const isOptimistic2 = item.isOptimistic === true;
   const lineTotal = chunkPTPOQVXS_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel2 = item.variant ? chunkHKN3YG76_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel2 = item.variant ? chunkQPRI2NII_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       "data-cimplify-cart-item": true,
-      "data-optimistic": isOptimistic ? "true" : void 0,
+      "data-optimistic": isOptimistic2 ? "true" : void 0,
       className: cn(
         "group relative flex gap-3 py-4 border-b border-border last:border-b-0 transition-opacity",
-        isOptimistic && "opacity-60",
+        isOptimistic2 && "opacity-60",
         classNames?.item
       ),
       children: [
@@ -10556,7 +10583,7 @@ function CartLineItemRow({
               input.field_name,
               ":"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.File || input.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.File || input.field_type === chunkQPRI2NII_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
           ] }, input.field_id)) }),
           (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: cn("mt-1.5 flex items-center gap-1.5 text-xs text-muted-foreground", classNames?.serviceInfo), children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
@@ -10631,7 +10658,7 @@ function CartSummary({
     tax,
     total,
     isEmpty,
-    isOptimistic,
+    isOptimistic: isOptimistic2,
     pendingOpCount,
     removeItem,
     updateQuantity
@@ -10657,7 +10684,7 @@ function CartSummary({
     "div",
     {
       "data-cimplify-cart-summary": true,
-      "data-optimistic": isOptimistic ? "true" : void 0,
+      "data-optimistic": isOptimistic2 ? "true" : void 0,
       "data-pending-ops": pendingOpCount > 0 ? pendingOpCount : void 0,
       className: cn(className, classNames?.root),
       children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-empty": true, className: classNames?.empty, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -11441,7 +11468,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -12208,36 +12235,36 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkHKN3YG76_js.DURATION_UNIT.Days, chunkHKN3YG76_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkHKN3YG76_js.DURATION_UNIT.Weeks, chunkHKN3YG76_js.DURATION_UNIT.Months, chunkHKN3YG76_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkQPRI2NII_js.DURATION_UNIT.Days, chunkQPRI2NII_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkQPRI2NII_js.DURATION_UNIT.Weeks, chunkQPRI2NII_js.DURATION_UNIT.Months, chunkQPRI2NII_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Service) {
     switch (product.boundary_kind) {
-      case chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut:
+      case chunkQPRI2NII_js.BOUNDARY_KIND.CheckInOut:
         return "accommodation" /* Accommodation */;
-      case chunkHKN3YG76_js.BOUNDARY_KIND.MoveInOut:
+      case chunkQPRI2NII_js.BOUNDARY_KIND.MoveInOut:
         return "lease" /* Lease */;
-      case chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn:
-      case chunkHKN3YG76_js.BOUNDARY_KIND.DeliveryCollection:
-      case chunkHKN3YG76_js.BOUNDARY_KIND.AccessVacate:
+      case chunkQPRI2NII_js.BOUNDARY_KIND.PickupReturn:
+      case chunkQPRI2NII_js.BOUNDARY_KIND.DeliveryCollection:
+      case chunkQPRI2NII_js.BOUNDARY_KIND.AccessVacate:
         return "rental" /* Rental */;
     }
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkHKN3YG76_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkQPRI2NII_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -12248,10 +12275,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkQPRI2NII_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkQPRI2NII_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -12531,14 +12558,14 @@ var PRESET_LABELS = {
   move_in_out: { start: "Move-in", end: "Move-out" }
 };
 function defaultBoundaryKind(unit) {
-  return unit === chunkHKN3YG76_js.DURATION_UNIT.Nights ? chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut : chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn;
+  return unit === chunkQPRI2NII_js.DURATION_UNIT.Nights ? chunkQPRI2NII_js.BOUNDARY_KIND.CheckInOut : chunkQPRI2NII_js.BOUNDARY_KIND.PickupReturn;
 }
 function resolveBoundaryKind(product) {
   return product.boundary_kind ?? defaultBoundaryKind(product.duration_unit);
 }
 function getBoundaryLabels(product) {
   const kind = resolveBoundaryKind(product);
-  if (kind === chunkHKN3YG76_js.BOUNDARY_KIND.Custom) {
+  if (kind === chunkQPRI2NII_js.BOUNDARY_KIND.Custom) {
     return {
       start: product.boundary_start_label?.trim() || "Start",
       end: product.boundary_end_label?.trim() || "End"
@@ -14626,7 +14653,7 @@ function DefaultProductLayout({
   className
 }) {
   const [selectedVariantId, setSelectedVariantId] = React14__default.default.useState();
-  const images = chunkHKN3YG76_js.resolveGallery(product, selectedVariantId);
+  const images = chunkQPRI2NII_js.resolveGallery(product, selectedVariantId);
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunkPTPOQVXS_js.isOnSale(product);
@@ -15273,25 +15300,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkQPRI2NII_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkQPRI2NII_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkQPRI2NII_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -17144,24 +17171,581 @@ var ChatMarkdown = React14.memo(function ChatMarkdown2({
   return /* @__PURE__ */ jsxRuntime.jsx(SettledMarkdown, { text, className });
 });
 
-// src/react/chat-model.ts
-function partitionMessages(messages) {
-  const bubbles = [];
-  const reactionsByTarget = /* @__PURE__ */ new Map();
-  for (const message of messages) {
-    if (message.content_type === "reaction") {
-      const targetId = message.reply_to?.id;
-      if (!targetId) continue;
-      const list = reactionsByTarget.get(targetId);
-      if (list) list.push(message);
-      else reactionsByTarget.set(targetId, [message]);
-      continue;
+// src/react/chat-kit/motion.ts
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function scrollBehavior() {
+  return prefersReducedMotion() ? "auto" : "smooth";
+}
+function QuoteBlock({
+  quote,
+  inCustomerBubble,
+  businessName,
+  onMissing
+}) {
+  const quotedIsCustomer = quote.sender_type === "customer";
+  const jumpToOriginal = async () => {
+    let original = document.getElementById(`chat-msg-${quote.id}`);
+    if (!original && onMissing && await onMissing()) {
+      original = document.getElementById(`chat-msg-${quote.id}`);
+    }
+    if (!original) return;
+    original.scrollIntoView({ behavior: scrollBehavior(), block: "center" });
+    original.classList.remove("animate-quote-flash");
+    void original.offsetWidth;
+    original.classList.add("animate-quote-flash");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => void jumpToOriginal(),
+      className: cn(
+        "flex w-full gap-2 rounded-[10px] px-2.5 py-1.5 text-left",
+        inCustomerBubble ? "bg-primary-foreground/15" : "bg-background/70"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "w-[3px] shrink-0 self-stretch rounded-full",
+              inCustomerBubble ? "bg-primary-foreground/50" : quotedIsCustomer ? "bg-primary" : "bg-muted-foreground/50"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "text-[11px] leading-4 font-semibold",
+                inCustomerBubble ? "text-primary-foreground" : "text-foreground"
+              ),
+              children: quotedIsCustomer ? "You" : businessName
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "truncate text-xs leading-4",
+                inCustomerBubble ? "text-primary-foreground/75" : "text-muted-foreground"
+              ),
+              children: quote.preview
+            }
+          )
+        ] })
+      ]
     }
-    bubbles.push(message);
+  );
+}
+var SWIPE_COMMIT_PX = 48;
+var SWIPE_ARM_PX = 10;
+var OVERDRAG_RATE = 0.25;
+var LONG_PRESS_MS = 450;
+var RETURN_TRANSITION = "transform 0.25s cubic-bezier(0.2, 0, 0, 1)";
+function swipeTravel(distance) {
+  if (distance <= 0) return 0;
+  if (distance <= SWIPE_COMMIT_PX) return distance;
+  return SWIPE_COMMIT_PX + (distance - SWIPE_COMMIT_PX) * OVERDRAG_RATE;
+}
+function swipeCommitted(distance) {
+  return distance >= SWIPE_COMMIT_PX;
+}
+function swipeProgress(distance) {
+  return Math.min(Math.max(distance / SWIPE_COMMIT_PX, 0), 1);
+}
+function useSwipeReply({ onReply, onLongPress }) {
+  const rowRef = React14.useRef(null);
+  const glyphRef = React14.useRef(null);
+  const gestureRef = React14.useRef(null);
+  const suppressClickRef = React14.useRef(false);
+  const optionsRef = React14.useRef({ onReply, onLongPress });
+  optionsRef.current = { onReply, onLongPress };
+  const settle = React14.useCallback((glyphVisible) => {
+    const row = rowRef.current;
+    const glyph = glyphRef.current;
+    if (row) {
+      row.style.transition = RETURN_TRANSITION;
+      row.style.transform = "translateX(0px)";
+    }
+    if (glyph && !glyphVisible) {
+      glyph.style.transition = "opacity 0.2s ease-out";
+      glyph.style.opacity = "0";
+    }
+  }, []);
+  const clearGesture = React14.useCallback(() => {
+    const gesture = gestureRef.current;
+    if (gesture?.longPressTimer) clearTimeout(gesture.longPressTimer);
+    gestureRef.current = null;
+  }, []);
+  const onPointerDown = React14.useCallback((event) => {
+    if (!event.isPrimary) return;
+    suppressClickRef.current = false;
+    gestureRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      armed: false,
+      distance: 0,
+      longPressTimer: setTimeout(() => {
+        gestureRef.current = null;
+        suppressClickRef.current = true;
+        optionsRef.current.onLongPress();
+      }, LONG_PRESS_MS)
+    };
+  }, []);
+  const onPointerMove = React14.useCallback((event) => {
+    const gesture = gestureRef.current;
+    if (!gesture || gesture.pointerId !== event.pointerId) return;
+    const leftward = gesture.startX - event.clientX;
+    const vertical = Math.abs(event.clientY - gesture.startY);
+    if (!gesture.armed) {
+      const scrolling = vertical > SWIPE_ARM_PX && vertical >= leftward;
+      const rightward = leftward < -SWIPE_ARM_PX;
+      if (scrolling || rightward) {
+        clearGesture();
+        return;
+      }
+      if (leftward <= SWIPE_ARM_PX || leftward <= vertical) return;
+      if (prefersReducedMotion()) {
+        clearGesture();
+        return;
+      }
+      gesture.armed = true;
+      if (gesture.longPressTimer) clearTimeout(gesture.longPressTimer);
+      gesture.longPressTimer = null;
+      event.currentTarget.setPointerCapture(event.pointerId);
+      if (rowRef.current) rowRef.current.style.transition = "none";
+      if (glyphRef.current) glyphRef.current.style.transition = "none";
+    }
+    gesture.distance = leftward;
+    if (rowRef.current) {
+      rowRef.current.style.transform = `translateX(-${swipeTravel(leftward)}px)`;
+    }
+    if (glyphRef.current) {
+      glyphRef.current.style.opacity = String(swipeProgress(leftward));
+    }
+  }, [clearGesture]);
+  const onPointerUp = React14.useCallback(
+    (event) => {
+      const gesture = gestureRef.current;
+      if (!gesture || gesture.pointerId !== event.pointerId) return;
+      const commit = gesture.armed && swipeCommitted(gesture.distance);
+      const wasArmed = gesture.armed;
+      clearGesture();
+      if (wasArmed) {
+        suppressClickRef.current = true;
+        settle(false);
+      }
+      if (commit) optionsRef.current.onReply();
+    },
+    [clearGesture, settle]
+  );
+  const onPointerCancel = React14.useCallback(
+    (event) => {
+      const gesture = gestureRef.current;
+      if (!gesture || gesture.pointerId !== event.pointerId) return;
+      const wasArmed = gesture.armed;
+      clearGesture();
+      if (wasArmed) settle(false);
+    },
+    [clearGesture, settle]
+  );
+  const onClickCapture = React14.useCallback((event) => {
+    if (!suppressClickRef.current) return;
+    suppressClickRef.current = false;
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+  return {
+    rowRef,
+    glyphRef,
+    handlers: { onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onClickCapture }
+  };
+}
+var PROSE_CLASS = "[&_p]:my-0 [&_p+p]:mt-1.5 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:my-0.5 [&_h1]:text-[15px] [&_h1]:font-bold [&_h2]:text-[15px] [&_h2]:font-bold [&_h3]:text-sm [&_h3]:font-semibold [&_hr]:my-2 [&_hr]:border-border [&_table]:my-1 [&_table]:w-full [&_th]:pb-1 [&_th]:text-left [&_th]:text-[11px] [&_th]:font-semibold [&_th]:uppercase [&_th]:text-muted-foreground [&_td]:border-b [&_td]:border-border/50 [&_td]:py-1 [&_td:last-child]:text-right [&_td:last-child]:font-semibold [&_td:last-child]:tabular-nums [&_tr:last-child_td]:border-b-0 [&_a]:underline [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:text-[13px]";
+function bubbleShape(isCustomer, group) {
+  if (!hasTail(group)) return "rounded-[18px]";
+  return isCustomer ? "rounded-[18px] rounded-br-none" : "rounded-[18px] rounded-bl-none";
+}
+function hasTail(group) {
+  return group === "single" || group === "last";
+}
+var TAIL_SWEEP = "M21 0 L21 5 C21 15 25 16 25 16 C20.93 16.43 16.84 14.94 13.96 11.96 C9 16 5 16 0 16";
+var TAIL_FILL = `${TAIL_SWEEP} Z`;
+var TAIL_NOTCH = "M25 16 C20.93 16.43 16.84 14.94 13.96 11.96 C9 16 5 16 0 16 Z";
+function BubbleTail({ isCustomer }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "16",
+      viewBox: "0 0 25 16",
+      "aria-hidden": "true",
+      className: cn(
+        "absolute bottom-0",
+        isCustomer ? "-right-[4px] fill-primary" : "-left-[4px] -scale-x-100 fill-background"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: TAIL_FILL }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: TAIL_NOTCH, style: { fill: "var(--color-chat-canvas, var(--color-muted, #f3f5f3))" } }),
+        !isCustomer && /* @__PURE__ */ jsxRuntime.jsx("path", { d: TAIL_SWEEP, fill: "none", strokeWidth: "1", className: "stroke-foreground/[0.07]" })
+      ]
+    }
+  );
+}
+function clockLabel(at) {
+  const date = new Date(at);
+  if (Number.isNaN(date.getTime())) return "";
+  const hour = date.getHours() % 12 || 12;
+  return `${hour}:${String(date.getMinutes()).padStart(2, "0")}`;
+}
+function DoubleTick() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 4.5L4 7.5L9.5 1.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 4.5L9.5 7.5L14 2.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SendingClock() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5.5", cy: "5.5", r: "4.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 3v2.7l1.8 1", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+  ] });
+}
+function PaperclipIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+    }
+  );
+}
+function ReplyGlyph() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 17 4 12 9 7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })
+      ]
+    }
+  );
+}
+var DELIVERY_LABELS = {
+  sending: "Sending",
+  delivered: "Delivered",
+  seen: "Seen"
+};
+function BubbleMeta({
+  at,
+  isCustomer,
+  delivery
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn(
+        "ml-auto flex shrink-0 items-center gap-[3px] self-end pb-px whitespace-nowrap",
+        isCustomer ? "text-primary-foreground/70" : "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10.5px] leading-[13px] font-medium", children: clockLabel(at) }),
+        isCustomer && delivery && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            role: "img",
+            "aria-label": DELIVERY_LABELS[delivery],
+            className: cn(
+              "flex items-center text-primary-foreground",
+              delivery !== "seen" && "opacity-55"
+            ),
+            children: delivery === "sending" ? /* @__PURE__ */ jsxRuntime.jsx(SendingClock, {}) : /* @__PURE__ */ jsxRuntime.jsx(DoubleTick, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function reactionPills(reactions) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const reaction of reactions) {
+    const emoji = reaction.content.trim();
+    if (emoji) counts.set(emoji, (counts.get(emoji) ?? 0) + 1);
   }
-  return { bubbles, reactionsByTarget };
+  return [...counts.entries()].map(([emoji, count]) => ({ emoji, count }));
+}
+var MessageBubble = React14.memo(function MessageBubble2({
+  message,
+  reactions,
+  businessName,
+  group = "single",
+  delivery,
+  onReply,
+  onLongPress,
+  avatar,
+  overlay,
+  renderCards,
+  renderProgram,
+  onQuoteMiss
+}) {
+  const showAvatar = group === "single" || group === "last";
+  const isCustomer = message.sender_type === "customer";
+  const isBusiness = !isCustomer;
+  const segments = React14.useMemo(
+    () => isCustomer ? [{ kind: "prose", text: message.content }] : chunkXREIZ56K_js.splitGenUIContent(message.content),
+    [isCustomer, message.content]
+  );
+  const drawable = React14.useMemo(
+    () => segments.filter(
+      (segment) => segment.kind === "prose" && segment.text.trim() !== "" || segment.kind === "program" && renderProgram != null
+    ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [segments, renderProgram != null]
+  );
+  const swipe = useSwipeReply({
+    onReply: () => onReply(message),
+    onLongPress: () => onLongPress?.(message)
+  });
+  const quote = message.reply_to ?? null;
+  const pills = reactions ? reactionPills(reactions) : [];
+  const cards = renderCards?.(message);
+  const proseSegments = drawable.filter((segment) => segment.kind === "prose");
+  const lastProseIndex = drawable.lastIndexOf(proseSegments[proseSegments.length - 1]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id: `chat-msg-${message.id}`, className: "relative rounded-xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref: swipe.glyphRef,
+        "aria-hidden": "true",
+        className: "absolute top-1/2 right-1 -translate-y-1/2 text-muted-foreground opacity-0",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ReplyGlyph, {})
+      }
+    ),
+    overlay,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: swipe.rowRef,
+        ...swipe.handlers,
+        onContextMenu: onLongPress ? (event) => {
+          event.preventDefault();
+          onLongPress(message);
+        } : void 0,
+        className: cn(
+          "flex touch-pan-y flex-col gap-[3px] select-none [-webkit-touch-callout:none]",
+          isCustomer ? "items-end" : "items-start"
+        ),
+        children: [
+          quote && drawable[0]?.kind !== "prose" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[280px] rounded-[14px] border border-foreground/[0.07] bg-background p-1.5 shadow-[0_1px_1px_rgba(15,23,42,0.03)]", children: /* @__PURE__ */ jsxRuntime.jsx(QuoteBlock, { quote, inCustomerBubble: false, businessName, onMissing: onQuoteMiss }) }),
+          message.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-w-[280px] flex-wrap gap-1.5", children: message.attachments.map((attachment, index) => {
+            const url = safeAttachmentUrl(attachment.url);
+            if (!url) return null;
+            return isImageAttachment(attachment) ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: url,
+                alt: attachment.filename ?? "Photo",
+                loading: "lazy",
+                className: "max-h-[240px] max-w-[240px] rounded-[16px] object-cover"
+              }
+            ) }, index) : /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: url,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "flex items-center gap-2 rounded-[14px] border border-foreground/[0.07] bg-background px-3 py-2 text-[13px] font-medium text-foreground shadow-[0_1px_1px_rgba(15,23,42,0.03)]",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(PaperclipIcon, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[200px] truncate", children: attachment.filename ?? "Attachment" })
+                ]
+              },
+              index
+            );
+          }) }),
+          drawable.map(
+            (segment, index) => segment.kind === "program" ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderProgram?.(segment.source) }, index) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-full items-end gap-1.5", children: [
+              isBusiness && avatar && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-label": businessName,
+                  className: cn(
+                    "shrink-0",
+                    // One avatar per run, anchored to its last bubble.
+                    showAvatar && index === lastProseIndex ? "visible" : "invisible"
+                  ),
+                  children: avatar
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative flex max-w-[280px] min-w-0 flex-col gap-1.5 py-2 pr-[11px] pl-3.5 text-[15px] leading-[21px] font-[450] break-words",
+                    bubbleShape(isCustomer, index === lastProseIndex ? group : "middle"),
+                    isCustomer ? "bg-primary text-primary-foreground" : "border border-foreground/[0.07] bg-background text-foreground shadow-[0_1px_1px_rgba(15,23,42,0.03)]"
+                  ),
+                  children: [
+                    index === 0 && quote && /* @__PURE__ */ jsxRuntime.jsx(QuoteBlock, { quote, inCustomerBubble: isCustomer, businessName, onMissing: onQuoteMiss }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-x-2 gap-y-0.5", children: [
+                      isCustomer ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre-wrap", children: segment.text }) : /* @__PURE__ */ jsxRuntime.jsx(ChatMarkdown, { text: segment.text, className: cn("min-w-0", PROSE_CLASS) }),
+                      index === lastProseIndex && /* @__PURE__ */ jsxRuntime.jsx(BubbleMeta, { at: message.created_at, isCustomer, delivery })
+                    ] }),
+                    index === lastProseIndex && hasTail(group) && /* @__PURE__ */ jsxRuntime.jsx(BubbleTail, { isCustomer })
+                  ]
+                }
+              )
+            ] }, index)
+          ),
+          cards,
+          pills.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "z-[1] -mt-3 flex gap-1",
+                // Overlap the bubble corner by ~9px, tucked inside the tail side.
+                isCustomer ? "mr-2.5" : "ml-10"
+              ),
+              children: pills.map((pill) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "flex items-center gap-[3px] rounded-full border border-foreground/[0.08] bg-background px-[7px] py-[2px] shadow-[0_1px_3px_rgba(15,23,42,0.08)]",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs leading-4", children: pill.emoji }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] leading-[13px] font-semibold text-muted-foreground", children: pill.count })
+                  ]
+                },
+                pill.emoji
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+function Seam({
+  label,
+  variant = "line"
+}) {
+  if (variant === "chip") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-foreground/[0.06] bg-background px-3 py-1 text-[11px] leading-[14px] font-semibold tracking-[0.04em] text-muted-foreground uppercase shadow-[0_1px_2px_rgba(15,23,42,0.04)]", children: label }) });
+  }
+  const unread = variant === "unread";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 py-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("h-px flex-1", unread ? "bg-primary/35" : "bg-foreground/[0.08]"),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn(
+          "whitespace-nowrap",
+          unread ? "text-[11px] leading-[14px] font-semibold tracking-[0.04em] text-primary uppercase" : "text-[11.5px] leading-[15px] font-medium text-muted-foreground"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("h-px flex-1", unread ? "bg-primary/35" : "bg-foreground/[0.08]"),
+        "aria-hidden": "true"
+      }
+    )
+  ] });
+}
+
+// src/react/chat-kit/timeline.ts
+function sameDay(a, b) {
+  return new Date(a).toDateString() === new Date(b).toDateString();
+}
+function dayLabel(at) {
+  const date = new Date(at);
+  const today = /* @__PURE__ */ new Date();
+  if (date.toDateString() === today.toDateString()) return "Today";
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString([], { weekday: "short", day: "numeric", month: "short" });
+}
+function proseOf(content) {
+  return chunkXREIZ56K_js.splitGenUIContent(content).filter((segment) => segment.kind === "prose").map((segment) => segment.text).join("\n\n").trim();
+}
+function hasProgram(content) {
+  return chunkXREIZ56K_js.splitGenUIContent(content).some((segment) => segment.kind === "program");
+}
+function chatTimeline(messages, options = {}) {
+  const { readAt = null, rendersPrograms = false } = options;
+  const partitioned = partitionMessages(messages);
+  const bubbles = partitioned.bubbles.filter(
+    (message) => message.sender_type === "system" || message.attachments.length > 0 || chunkQPRI2NII_js.chatMessageCards(message).length > 0 || rendersPrograms && hasProgram(message.content) || (message.sender_type === "customer" ? message.content.trim() !== "" : proseOf(message.content) !== "")
+  );
+  let firstUnreadId;
+  let unreadOnOpen = 0;
+  if (readAt) {
+    const readAtMs = new Date(readAt).getTime();
+    for (const message of bubbles) {
+      if (message.sender_type === "customer" || new Date(message.created_at).getTime() <= readAtMs)
+        continue;
+      firstUnreadId ?? (firstUnreadId = message.id);
+      unreadOnOpen += 1;
+    }
+  }
+  return {
+    bubbles,
+    reactionsByTarget: partitioned.reactionsByTarget,
+    firstUnreadId,
+    unreadOnOpen,
+    firstAgentMessageId: bubbles.find((m) => m.sender_type === "agent")?.id
+  };
+}
+function groupPosition(timeline, index) {
+  const { bubbles, firstAgentMessageId, firstUnreadId } = timeline;
+  const message = bubbles[index];
+  const previous = bubbles[index - 1];
+  const next = bubbles[index + 1];
+  const startsRun = !previous || !sameDay(previous.created_at, message.created_at) || previous.sender_type !== message.sender_type || message.id === firstAgentMessageId || message.id === firstUnreadId || previous.sender_type === "system";
+  const endsRun = !next || next.sender_type !== message.sender_type || next.sender_type === "system" || !sameDay(message.created_at, next.created_at);
+  if (startsRun && endsRun) return "single";
+  if (startsRun) return "first";
+  if (endsRun) return "last";
+  return "middle";
+}
+function deliveryState(message, timeline, seenAt, isOptimistic2) {
+  if (message.sender_type !== "customer") return void 0;
+  if (isOptimistic2(message)) return "sending";
+  const seenCutoff = timeline.firstAgentMessageId ? seenAt : null;
+  return seenCutoff && message.created_at <= seenCutoff ? "seen" : "delivered";
 }
 var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
+var KEEP_DISMISSED_KEY = "cimplify_keep_chat_dismissed";
+var AT_BOTTOM_SLACK_PX = 48;
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -17180,6 +17764,7 @@ function ChatWidget({
   const [open, setOpen] = React14.useState(defaultOpen);
   const [readAt, setReadAt] = React14.useState(null);
   const [attachError, setAttachError] = React14.useState(null);
+  const [replyTo, setReplyTo] = React14.useState(null);
   const {
     messages,
     isLoading,
@@ -17188,11 +17773,15 @@ function ChatWidget({
     seenAt,
     error,
     isActive,
+    humanRequested,
     claimedAs,
     signOut,
     send,
     react,
+    requestHuman,
     startConversation,
+    loadOlder,
+    mayHaveOlder,
     openIfExisting
   } = useChat({ client, pollInterval });
   const showTyping = isSending || awaitingReply;
@@ -17227,9 +17816,11 @@ function ChatWidget({
   const handleSend = React14.useCallback(
     (content) => {
       setAttachError(null);
-      return send(content);
+      const target = replyTo;
+      setReplyTo(null);
+      return send(content, target ? { replyTo: target } : void 0);
     },
-    [send]
+    [send, replyTo]
   );
   const unread = open ? 0 : messages.filter(
     (m) => m.sender_type !== "customer" && (!readAt || m.created_at > readAt)
@@ -17268,6 +17859,7 @@ function ChatWidget({
         open && /* @__PURE__ */ jsxRuntime.jsx(
           Panel,
           {
+            client,
             businessName,
             greeting,
             subtitle,
@@ -17278,14 +17870,22 @@ function ChatWidget({
             isSending,
             isTyping: showTyping,
             seenAt,
+            readAt,
             error: error ?? attachError,
             isActive,
             isLeft,
+            humanRequested,
+            mayHaveOlder,
+            replyTo,
             claimedAs,
             onSignOut: () => void signOut(),
             onClose: handleClose,
             onSend: handleSend,
             onReact: react,
+            onReply: setReplyTo,
+            onCancelReply: () => setReplyTo(null),
+            onRequestHuman: () => void requestHuman(),
+            onLoadOlder: () => void loadOlder(),
             onAttach: attachPhoto,
             onStartConversation: startConversation,
             classNames
@@ -17320,7 +17920,7 @@ function Bubble({
           {
             className: cn(
               "absolute -right-0.5 -top-0.5 flex h-5 w-5 items-center justify-center",
-              "rounded-full bg-red-500 text-[10px] font-bold text-white",
+              "rounded-full bg-destructive text-[10px] font-bold text-white",
               "ring-2 ring-background"
             ),
             children: unread > 9 ? "9+" : unread
@@ -17331,6 +17931,7 @@ function Bubble({
   );
 }
 function Panel({
+  client,
   businessName,
   greeting,
   subtitle,
@@ -17341,14 +17942,22 @@ function Panel({
   isSending,
   isTyping,
   seenAt,
+  readAt,
   error,
   isActive,
   isLeft,
+  humanRequested,
+  mayHaveOlder,
+  replyTo,
   claimedAs,
   onSignOut,
   onClose,
   onSend,
   onReact,
+  onReply,
+  onCancelReply,
+  onRequestHuman,
+  onLoadOlder,
   onAttach,
   onStartConversation,
   classNames
@@ -17388,20 +17997,57 @@ function Panel({
           MessageList,
           {
             messages,
+            businessName,
             isLoading,
             isSending: isTyping,
             seenAt,
+            readAt,
+            humanRequested,
+            mayHaveOlder,
             onReact,
+            onReply,
+            onRequestHuman,
+            onLoadOlder,
             className: classNames?.messages
           }
         ),
-        error != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-red-200 bg-red-50 px-4 py-2 text-xs text-red-600", children: error.userMessage || "Something went wrong. Please try again." }),
+        isActive && !claimedAs && client && /* @__PURE__ */ jsxRuntime.jsx(KeepConversation, { client }),
+        humanRequested && isActive && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-t border-border bg-muted/50 px-4 py-2 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 flex-shrink-0 animate-pulse rounded-full bg-amber-500" }),
+          "Waiting for ",
+          businessName,
+          " \u2014 usually replies in minutes"
+        ] }),
+        error != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-destructive/20 bg-destructive/10 px-4 py-2 text-xs text-destructive", children: error.userMessage || "Something went wrong. Please try again." }),
+        replyTo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 border-t border-border bg-muted/50 px-4 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-[3px] shrink-0 self-stretch rounded-full bg-foreground/40" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] font-semibold text-foreground", children: [
+              "Replying to ",
+              replyTo.sender_type === "customer" ? "yourself" : businessName
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[11px] text-muted-foreground", children: proseOf(replyTo.content) || "Photo" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Cancel reply",
+              onClick: onCancelReply,
+              className: "flex-shrink-0 p-0.5 text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ChatInput,
           {
             placeholder,
             isSending,
-            onSend: isActive ? onSend : onStartConversation,
+            onSend: isActive ? onSend : async (text) => {
+              await onStartConversation(text);
+              return true;
+            },
             onAttach,
             className: classNames?.input
           }
@@ -17430,10 +18076,10 @@ function Header({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-white/15", children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-background/15", children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-5 w-5" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[15px] font-semibold leading-tight", children: businessName }),
-          claimedAs ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-white/60", children: [
+          claimedAs ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-background/60", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
               "Chatting as ",
               claimedAs
@@ -17444,11 +18090,11 @@ function Header({
               {
                 type: "button",
                 onClick: onSignOut,
-                className: "flex-shrink-0 underline underline-offset-2 hover:text-white",
+                className: "flex-shrink-0 underline underline-offset-2 hover:text-background",
                 children: "Not you?"
               }
             )
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/60", children: [
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-background/60", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[7px] w-[7px] flex-shrink-0 rounded-full bg-emerald-400" }),
             "Online"
           ] })
@@ -17461,7 +18107,7 @@ function Header({
             "aria-label": "Close chat",
             className: cn(
               "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg",
-              "bg-white/10 text-white/70 transition-colors hover:bg-white/20 hover:text-white"
+              "bg-background/10 text-background/70 transition-colors hover:bg-background/20 hover:text-background"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "h-[18px] w-[18px]" })
           }
@@ -17516,148 +18162,109 @@ function Welcome({
   );
 }
 var QUICK_REACTIONS = ["\u{1F44D}", "\u2764\uFE0F"];
-function lastSeenCustomerMessageId(bubbles, seenAt) {
-  if (!seenAt || !bubbles.some((m) => m.sender_type === "agent")) return null;
-  for (let i = bubbles.length - 1; i >= 0; i--) {
-    if (bubbles[i].sender_type !== "customer") continue;
-    return bubbles[i].created_at <= seenAt ? bubbles[i].id : null;
-  }
-  return null;
+function LetterAvatar({ name }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-6 items-center justify-center rounded-full bg-foreground text-[10px] font-bold text-background", children: name.charAt(0).toUpperCase() });
 }
 function MessageList({
   messages,
+  businessName,
   isLoading,
   isSending,
   seenAt,
+  readAt,
+  humanRequested,
+  mayHaveOlder,
   onReact,
+  onReply,
+  onRequestHuman,
+  onLoadOlder,
   className
 }) {
-  const { bubbles, reactionsByTarget } = partitionMessages(messages);
-  const seenMessageId = lastSeenCustomerMessageId(bubbles, seenAt);
+  const scrolledUpRef = React14.useRef(false);
+  const timeline = chatTimeline(messages, { readAt });
+  const { bubbles, reactionsByTarget, firstUnreadId, unreadOnOpen, firstAgentMessageId } = timeline;
+  const lastBubble = bubbles[bubbles.length - 1];
+  const offerHuman = !humanRequested && lastBubble?.sender_type === "bot" && !isSending;
+  const handleScroll = (event) => {
+    const node = event.currentTarget;
+    scrolledUpRef.current = node.scrollHeight - node.scrollTop - node.clientHeight >= AT_BOTTOM_SLACK_PX;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: cn(
-        "flex flex-1 flex-col gap-1 overflow-y-auto bg-muted/50 px-5 py-5",
-        className
-      ),
+      onScroll: handleScroll,
+      style: { background: "var(--color-chat-canvas, var(--color-muted, #f3f5f3))" },
+      className: cn("flex flex-1 flex-col gap-0.5 overflow-y-auto px-3.5 py-3.5", className),
       children: [
         isLoading && messages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
+        mayHaveOlder && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onLoadOlder,
+            className: "rounded-full border border-foreground/[0.06] bg-background px-3.5 py-[7px] text-xs font-semibold text-muted-foreground shadow-[0_1px_2px_rgba(15,23,42,0.04)]",
+            children: "Show earlier messages"
+          }
+        ) }),
         bubbles.map((msg, i) => {
-          const isCustomer = msg.sender_type === "customer";
           const prev = bubbles[i - 1];
-          const sameSenderAsPrev = prev?.sender_type === msg.sender_type;
-          const isOptimistic = msg.id.startsWith("opt_");
-          const reactions = reactionsByTarget.get(msg.id);
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            !sameSenderAsPrev && i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "group relative flex max-w-[85%]",
-                  isCustomer ? "ml-auto" : "mr-auto"
+          const newDay = !prev || !sameDay(prev.created_at, msg.created_at);
+          const group = groupPosition(timeline, i);
+          const startsRun = group === "single" || group === "first";
+          const delivery = deliveryState(msg, timeline, seenAt, isOptimistic);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn("flex flex-col gap-1.5", startsRun && i > 0 && "mt-2.5"),
+              children: [
+                newDay && /* @__PURE__ */ jsxRuntime.jsx(Seam, { variant: "chip", label: dayLabel(msg.created_at) }),
+                msg.id === firstUnreadId && /* @__PURE__ */ jsxRuntime.jsx(
+                  Seam,
+                  {
+                    variant: "unread",
+                    label: `${unreadOnOpen} new message${unreadOnOpen === 1 ? "" : "s"}`
+                  }
                 ),
-                children: [
-                  !isCustomer && !isOptimistic && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-3 right-0 z-10 hidden gap-0.5 rounded-full border border-border bg-background px-1 py-0.5 shadow-sm group-hover:flex", children: QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `React ${emoji}`,
-                      onClick: () => void onReact(msg, emoji),
-                      className: "flex h-6 w-6 items-center justify-center rounded-full text-[13px] hover:bg-muted",
-                      children: emoji
-                    },
-                    emoji
-                  )) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
+                msg.id === firstAgentMessageId && /* @__PURE__ */ jsxRuntime.jsx(Seam, { label: "A person joined" }),
+                msg.sender_type === "system" ? /* @__PURE__ */ jsxRuntime.jsx(Seam, { label: "Passing you to the team" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
+                  msg.sender_type !== "customer" && !isOptimistic(msg) && /* @__PURE__ */ jsxRuntime.jsx(HoverRail, { message: msg, onReact, onReply }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    MessageBubble,
                     {
-                      className: cn(
-                        "rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
-                        isCustomer ? "bg-foreground text-background" : "border border-border bg-background text-foreground",
-                        isCustomer ? sameSenderAsPrev ? "rounded-tr" : "rounded-br" : sameSenderAsPrev ? "rounded-tl" : "rounded-bl",
-                        isOptimistic && "opacity-70"
-                      ),
-                      children: [
-                        !isCustomer && !sameSenderAsPrev && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold text-violet-600", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
-                          "AI"
-                        ] }),
-                        msg.reply_to && /* @__PURE__ */ jsxRuntime.jsxs(
-                          "div",
-                          {
-                            className: cn(
-                              "mb-1.5 flex gap-1.5 rounded-lg px-2 py-1 text-xs",
-                              isCustomer ? "bg-background/15" : "bg-muted"
-                            ),
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "span",
-                                {
-                                  className: cn(
-                                    "w-[3px] shrink-0 self-stretch rounded-full",
-                                    isCustomer ? "bg-background/40" : "bg-muted-foreground/40"
-                                  )
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate opacity-80", children: msg.reply_to.preview })
-                            ]
-                          }
-                        ),
-                        msg.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-1.5", msg.content && "mb-1.5"), children: msg.attachments.map((attachment, index) => {
-                          const url = safeAttachmentUrl(attachment.url);
-                          if (!url) return null;
-                          return attachment.mime_type?.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx(
-                            "img",
-                            {
-                              src: url,
-                              alt: attachment.filename ?? "Photo",
-                              loading: "lazy",
-                              className: "max-h-48 max-w-full rounded-lg object-cover"
-                            }
-                          ) }, index) : /* @__PURE__ */ jsxRuntime.jsx(
-                            "a",
-                            {
-                              href: url,
-                              target: "_blank",
-                              rel: "noreferrer",
-                              className: "truncate text-xs underline",
-                              children: attachment.filename ?? "Attachment"
-                            },
-                            index
-                          );
-                        }) }),
-                        isCustomer ? msg.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) : /* @__PURE__ */ jsxRuntime.jsx(
-                          ChatMarkdown,
-                          {
-                            text: msg.content,
-                            className: "[&_p]:my-0 [&_p+p]:mt-1.5 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:my-0.5 [&_h1]:text-sm [&_h1]:font-bold [&_h2]:text-sm [&_h2]:font-bold [&_h3]:text-sm [&_h3]:font-semibold [&_hr]:my-2 [&_table]:my-1 [&_table]:w-full [&_th]:pb-1 [&_th]:text-left [&_th]:text-[10px] [&_th]:font-semibold [&_th]:uppercase [&_td]:py-1 [&_td:last-child]:text-right [&_td:last-child]:font-semibold [&_td:last-child]:tabular-nums [&_a]:underline"
-                          }
-                        )
-                      ]
+                      message: msg,
+                      reactions: reactionsByTarget.get(msg.id),
+                      businessName,
+                      group,
+                      delivery,
+                      onReply,
+                      avatar: /* @__PURE__ */ jsxRuntime.jsx(LetterAvatar, { name: businessName }),
+                      onQuoteMiss: async () => {
+                        onLoadOlder();
+                        return true;
+                      }
                     }
                   )
-                ]
-              }
-            ),
-            reactions && reactions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-0.5 flex gap-1", isCustomer ? "justify-end" : "justify-start"), children: reactions.map((reaction) => /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: "rounded-full border border-border bg-background px-1.5 py-0.5 text-xs shadow-sm",
-                children: reaction.content
-              },
-              reaction.id
-            )) }),
-            msg.id === seenMessageId && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-right text-[10px] font-medium text-muted-foreground", children: "Seen" })
-          ] }, msg.id);
+                ] })
+              ]
+            },
+            msg.id
+          );
         }),
         isSending && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
+        offerHuman && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRequestHuman,
+            className: "rounded-full border border-border bg-background px-3 py-1.5 text-xs font-semibold text-foreground hover:border-foreground",
+            children: "Talk to a person"
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             ref: (node) => {
-              node?.scrollIntoView({ behavior: "smooth" });
+              if (node && !scrolledUpRef.current) node.scrollIntoView({ behavior: "smooth" });
             }
           },
           `${messages.length}:${isSending}`
@@ -17666,6 +18273,172 @@ function MessageList({
     }
   );
 }
+function HoverRail({
+  message,
+  onReact,
+  onReply
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute -top-3 right-0 z-10 hidden gap-0.5 rounded-full border border-border bg-background px-1 py-0.5 shadow-sm group-hover:flex", children: [
+    QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `React ${emoji}`,
+        onClick: () => void onReact(message, emoji),
+        className: "flex h-6 w-6 items-center justify-center rounded-full text-[13px] hover:bg-muted",
+        children: emoji
+      },
+      emoji
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Reply",
+        onClick: () => onReply(message),
+        className: "flex h-6 w-6 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ReplyIcon, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+function readKeepDismissed() {
+  try {
+    return typeof window !== "undefined" && window.localStorage.getItem(KEEP_DISMISSED_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeKeepDismissed() {
+  try {
+    window.localStorage.setItem(KEEP_DISMISSED_KEY, "1");
+  } catch {
+  }
+}
+function KeepConversation({ client }) {
+  const [step, setStep] = React14.useState("row");
+  const [dismissed, setDismissed] = React14.useState(readKeepDismissed);
+  const [contact, setContact] = React14.useState("");
+  const [code, setCode] = React14.useState("");
+  const [busy, setBusy] = React14.useState(false);
+  const [verifyError, setVerifyError] = React14.useState(null);
+  if (dismissed) return null;
+  const contactType = contact.includes("@") ? "email" : "phone";
+  const requestCode = async () => {
+    const trimmed = contact.trim();
+    if (!trimmed || busy) return;
+    setBusy(true);
+    setVerifyError(null);
+    const result = await client.link.requestOtp({ contact: trimmed, contact_type: contactType });
+    setBusy(false);
+    if (result.ok) {
+      setCode("");
+      setStep("code");
+    } else {
+      setVerifyError(result.error.userMessage || "Couldn't send a code \u2014 try again.");
+    }
+  };
+  const verify = async (value) => {
+    if (value.length !== 6 || busy) return;
+    setBusy(true);
+    setVerifyError(null);
+    const result = await client.link.verifyOtp({
+      contact: contact.trim(),
+      contact_type: contactType,
+      otp_code: value
+    });
+    setBusy(false);
+    if (!result.ok) {
+      setCode("");
+      setVerifyError(result.error.userMessage || "Invalid or expired code.");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 border-t border-border bg-muted/50 px-4 py-2.5", children: [
+    step === "row" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setStep("contact"),
+          className: "flex min-w-0 flex-1 flex-col text-left",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-foreground", children: "Keep this conversation" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: "Verify your number and it follows you \u2014 any device" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Dismiss",
+          onClick: () => {
+            writeKeepDismissed();
+            setDismissed(true);
+          },
+          className: "flex-shrink-0 p-1 text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    step === "contact" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          inputMode: "email",
+          value: contact,
+          onChange: (e) => setContact(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && void requestCode(),
+          placeholder: "Phone or email",
+          autoFocus: true,
+          className: "h-9 min-w-0 flex-1 rounded-lg border border-border bg-background px-3 text-xs text-foreground outline-none placeholder:text-muted-foreground focus:border-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void requestCode(),
+          disabled: !contact.trim() || busy,
+          className: "h-9 flex-shrink-0 rounded-lg bg-foreground px-3 text-xs font-semibold text-background disabled:opacity-50",
+          children: busy ? "Sending\u2026" : "Send code"
+        }
+      )
+    ] }),
+    step === "code" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          autoComplete: "one-time-code",
+          maxLength: 6,
+          value: code,
+          onChange: (e) => {
+            const digits = e.target.value.replace(/\D/g, "").slice(0, 6);
+            setCode(digits);
+            if (digits.length === 6) void verify(digits);
+          },
+          placeholder: "6-digit code",
+          autoFocus: true,
+          className: "h-9 min-w-0 flex-1 rounded-lg border border-border bg-background px-3 text-xs tracking-[0.2em] text-foreground outline-none placeholder:tracking-normal placeholder:text-muted-foreground focus:border-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void requestCode(),
+          disabled: busy,
+          className: "h-9 flex-shrink-0 rounded-lg px-2 text-[11px] font-medium text-muted-foreground hover:text-foreground disabled:opacity-50",
+          children: "Resend"
+        }
+      )
+    ] }),
+    verifyError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-[11px] text-destructive", children: verifyError })
+  ] });
+}
 function ChatInput({
   placeholder,
   isSending,
@@ -17688,14 +18461,15 @@ function ChatInput({
     },
     [onAttach]
   );
-  const handleSend = React14.useCallback(() => {
+  const handleSend = React14.useCallback(async () => {
     const trimmed = value.trim();
     if (!trimmed || isSending) return;
     setValue("");
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
     }
-    onSend(trimmed);
+    const sent = await onSend(trimmed);
+    if (!sent) setValue((current) => current || trimmed);
   }, [value, isSending, onSend]);
   const handleKeyDown = React14.useCallback(
     (e) => {
@@ -17873,16 +18647,21 @@ function ImageIcon({ className }) {
     }
   );
 }
-function SparkleIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+function ReplyIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
       className,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
-      strokeWidth: 2.5,
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" })
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 17 4 12 9 7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })
+      ]
     }
   );
 }
@@ -19710,7 +20489,7 @@ async function genUIFingerprint(manifest) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkHKN3YG76_js.getVariantDisplayName; }
+  get: function () { return chunkQPRI2NII_js.getVariantDisplayName; }
 });
 Object.defineProperty(exports, "messagePreview", {
   enumerable: true,
@@ -19751,6 +20530,7 @@ exports.BookingPage = BookingPage;
 exports.BookingSummary = BookingSummary;
 exports.BookingsPage = BookingsPage;
 exports.BoxIcon24 = BoxIcon24;
+exports.BubbleTail = BubbleTail;
 exports.BundleProductCard = BundleProductCard;
 exports.BundleProductLayout = BundleProductLayout;
 exports.BundleSelector = BundleSelector;
@@ -19825,6 +20605,7 @@ exports.LeaseServiceCard = LeaseServiceCard;
 exports.LineItemDetails = LineItemDetails;
 exports.LocationPicker = LocationPicker;
 exports.MediaGallery = MediaGallery;
+exports.MessageBubble = MessageBubble;
 exports.MetadataStringList = MetadataStringList;
 exports.MobileAccountShell = MobileAccountShell;
 exports.MobileBackButton = MobileBackButton;
@@ -19859,6 +20640,7 @@ exports.ProductTemplate = ProductTemplate;
 exports.PropertiesTable = PropertiesTable;
 exports.QuantitySelector = QuantitySelector;
 exports.QuickAddButton = QuickAddButton;
+exports.QuoteBlock = QuoteBlock;
 exports.RecentlyViewed = RecentlyViewed;
 exports.RecommendationCarousel = RecommendationCarousel;
 exports.RelatedProductsSection = RelatedProductsSection;
@@ -19866,10 +20648,12 @@ exports.RentalServiceCard = RentalServiceCard;
 exports.ResourcePicker = ResourcePicker;
 exports.RetailProductCard = RetailProductCard;
 exports.RichText = RichText;
+exports.SWIPE_COMMIT_PX = SWIPE_COMMIT_PX;
 exports.SaleBadge = SaleBadge;
 exports.SalePrice = SalePrice;
 exports.SaleTeaser = SaleTeaser;
 exports.ScheduleServiceCard = ScheduleServiceCard;
+exports.Seam = Seam;
 exports.SearchInput = SearchInput;
 exports.SearchPage = SearchPage;
 exports.SearchTemplate = SearchTemplate;
@@ -19901,26 +20685,39 @@ exports.WelcomeCard = WelcomeCard;
 exports.WholesaleProductCard = WholesaleProductCard;
 exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.WishlistButton = WishlistButton;
+exports.chatTimeline = chatTimeline;
 exports.clearOrdersCache = clearOrdersCache;
 exports.cn = cn;
 exports.createPlacesSessionToken = createPlacesSessionToken;
+exports.dayLabel = dayLabel;
 exports.defaultBoundaryKind = defaultBoundaryKind;
+exports.deliveryState = deliveryState;
 exports.genUICatalog = genUICatalog;
 exports.genUIFingerprint = genUIFingerprint;
 exports.genUIManifest = genUIManifest;
 exports.genUIManifestJson = genUIManifestJson;
 exports.getBoundaryLabels = getBoundaryLabels;
+exports.groupPosition = groupPosition;
 exports.isImageAttachment = isImageAttachment;
+exports.isOptimistic = isOptimistic;
 exports.isTerminalOrderStatus = isTerminalOrderStatus;
+exports.optimisticId = optimisticId;
 exports.parseGenUIProgram = parse;
 exports.partitionMessages = partitionMessages;
+exports.prefersReducedMotion = prefersReducedMotion;
 exports.prefetchProduct = prefetchProduct;
 exports.prefetchProducts = prefetchProducts;
+exports.proseOf = proseOf;
 exports.resolveBoundaryKind = resolveBoundaryKind;
 exports.roomToResource = roomToResource;
 exports.safeAttachmentUrl = safeAttachmentUrl;
+exports.sameDay = sameDay;
 exports.sanitizeRichTextHtml = sanitizeRichTextHtml;
+exports.scrollBehavior = scrollBehavior;
 exports.stripHtmlToText = stripHtmlToText;
+exports.swipeCommitted = swipeCommitted;
+exports.swipeProgress = swipeProgress;
+exports.swipeTravel = swipeTravel;
 exports.toAccountLineItem = toAccountLineItem;
 exports.toAccountLineItems = toAccountLineItems;
 exports.toAccountOrderView = toAccountOrderView;
@@ -19969,6 +20766,7 @@ exports.useServices = useServices;
 exports.useStoreCredit = useStoreCredit;
 exports.useSubscription = useSubscription;
 exports.useSubscriptions = useSubscriptions;
+exports.useSwipeReply = useSwipeReply;
 exports.useTaxonomies = useTaxonomies;
 exports.useTaxonomy = useTaxonomy;
 exports.useTaxonomyPath = useTaxonomyPath;