@cimplify/sdk 0.97.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) => {
@@ -6810,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: [
@@ -8603,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,
@@ -8617,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",
         {
@@ -8630,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",
         {
@@ -8644,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",
         {
@@ -8658,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",
         {
@@ -8683,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",
@@ -8696,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",
         {
@@ -8706,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,
         {
@@ -8717,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,
         {
@@ -8729,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",
         {
@@ -8741,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);
@@ -8780,7 +8780,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Time:
+    case chunkQPRI2NII_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -8791,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,
         {
@@ -8801,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,
         {
@@ -8811,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,
         {
@@ -8822,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,
         {
@@ -8833,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,
         {
@@ -8844,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,
         {
@@ -8877,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) {
@@ -8895,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",
@@ -8921,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`
@@ -9655,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;
@@ -9769,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,
@@ -10483,7 +10483,7 @@ function CartLineItemRow({
   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",
     {
@@ -10583,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" }) }),
@@ -11468,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: [
@@ -12235,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)) {
@@ -12275,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 */;
@@ -12558,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"
@@ -14653,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);
@@ -15300,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 */;
@@ -17170,12 +17170,582 @@ var ChatMarkdown = React14.memo(function ChatMarkdown2({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SettledMarkdown, { text, className });
 });
-var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
-var KEEP_DISMISSED_KEY = "cimplify_keep_chat_dismissed";
-var AT_BOTTOM_SLACK_PX = 48;
+
+// 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
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+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 [...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",
@@ -17300,6 +17870,7 @@ function ChatWidget({
             isSending,
             isTyping: showTyping,
             seenAt,
+            readAt,
             error: error ?? attachError,
             isActive,
             isLeft,
@@ -17371,6 +17942,7 @@ function Panel({
   isSending,
   isTyping,
   seenAt,
+  readAt,
   error,
   isActive,
   isLeft,
@@ -17429,6 +18001,7 @@ function Panel({
             isLoading,
             isSending: isTyping,
             seenAt,
+            readAt,
             humanRequested,
             mayHaveOlder,
             onReact,
@@ -17589,22 +18162,8 @@ 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 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 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,
@@ -17612,6 +18171,7 @@ function MessageList({
   isLoading,
   isSending,
   seenAt,
+  readAt,
   humanRequested,
   mayHaveOlder,
   onReact,
@@ -17621,12 +18181,8 @@ function MessageList({
   className
 }) {
   const scrolledUpRef = React14.useRef(false);
-  const partitioned = partitionMessages(messages);
-  const bubbles = partitioned.bubbles.filter(
-    (m) => m.sender_type === "system" || m.attachments.length > 0 || (m.sender_type === "customer" ? m.content.trim() !== "" : proseOf(m.content) !== "")
-  );
-  const reactionsByTarget = partitioned.reactionsByTarget;
-  const seenMessageId = lastSeenCustomerMessageId(bubbles, seenAt);
+  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) => {
@@ -17637,121 +18193,62 @@ function MessageList({
     "div",
     {
       onScroll: handleScroll,
-      className: cn(
-        "flex flex-1 flex-col gap-1 overflow-y-auto bg-muted/50 px-5 py-5",
-        className
-      ),
+      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-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        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-border bg-background px-3 py-1 text-[11px] font-semibold text-muted-foreground hover:text-foreground",
+            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 optimistic = isOptimistic(msg);
-          const reactions = reactionsByTarget.get(msg.id);
           const newDay = !prev || !sameDay(prev.created_at, msg.created_at);
-          if (msg.sender_type === "system") {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 text-center text-[11px] font-medium text-muted-foreground", children: msg.content }, msg.id);
-          }
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            newDay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 text-center text-[10px] font-semibold tracking-wide text-muted-foreground", children: dayLabel(msg.created_at) }),
-            !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 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 && !optimistic && /* @__PURE__ */ jsxRuntime.jsx(HoverRail, { message: msg, onReact, onReply }),
-                  /* @__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",
-                        optimistic && "opacity-70"
-                      ),
-                      children: [
-                        !sameSenderAsPrev && /* @__PURE__ */ jsxRuntime.jsx(SenderChip, { sender: msg.sender_type, businessName }),
-                        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: proseOf(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(
@@ -17776,24 +18273,6 @@ function MessageList({
     }
   );
 }
-function sameDay(a, b) {
-  return new Date(a).toDateString() === new Date(b).toDateString();
-}
-function SenderChip({
-  sender,
-  businessName
-}) {
-  if (sender === "bot") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-semibold text-primary", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
-      "AI"
-    ] });
-  }
-  if (sender === "agent") {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 inline-flex items-center rounded bg-muted px-1.5 py-0.5 text-[10px] font-semibold text-muted-foreground", children: businessName });
-  }
-  return null;
-}
 function HoverRail({
   message,
   onReact,
@@ -18186,19 +18665,6 @@ function ReplyIcon({ className }) {
     }
   );
 }
-function SparkleIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "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" })
-    }
-  );
-}
 
 // src/react/genui/catalog.ts
 function genUICatalog(registry) {
@@ -20023,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,
@@ -20064,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;
@@ -20138,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;
@@ -20172,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;
@@ -20179,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;
@@ -20214,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;
@@ -20282,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;