@cimplify/sdk 0.96.0 → 0.98.0

package/dist/react.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, isMultiDayService, serviceBillingMultiplier, PRODUCT_TYPE, BOUNDARY_KIND, resolveGallery, RENDER_HINT, DEFAULT_CDN_BASE_URL } from './chunk-RRBY35TJ.mjs';
-export { getVariantDisplayName } from './chunk-RRBY35TJ.mjs';
-import { messagePreview } from './chunk-U4MW6PYU.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, isMultiDayService, serviceBillingMultiplier, PRODUCT_TYPE, BOUNDARY_KIND, resolveGallery, chatMessageCards, RENDER_HINT, DEFAULT_CDN_BASE_URL } from './chunk-4G5UWFC3.mjs';
+export { getVariantDisplayName } from './chunk-4G5UWFC3.mjs';
+import { splitGenUIContent, messagePreview } from './chunk-U4MW6PYU.mjs';
 export { messagePreview, splitGenUIContent } from './chunk-U4MW6PYU.mjs';
 import { SESSION_CLAIMED, SESSION_CLEARED, createCimplifyClient, MUTATION_ERROR } from './chunk-XMDLF5Y6.mjs';
 import { generateIdempotencyKey, ELEMENT_TYPES, EVENT_TYPES, startSignIn } from './chunk-VUSHG3HA.mjs';
 import { parsePrice, formatMoney, formatPrice, getProductCurrency, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-KFLGQGMC.mjs';
 import { isSupportedCurrency, CimplifyError } from './chunk-K5EN2W2Q.mjs';
 import './chunk-3G6RQLXK.mjs';
-import React14, { createContext, lazy, memo, Suspense, useContext, useMemo, useRef, useState, useCallback, useEffect, useId, useSyncExternalStore } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React14, { createContext, lazy, memo, Suspense, useMemo, useContext, useRef, useCallback, useState, useEffect, useId, useSyncExternalStore } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -3091,8 +3091,8 @@ function fmtScheduleWindow(start, end) {
   const startStr = format(s, "EEE, MMM d \xB7 h:mm a");
   const e = end ? parseISO(end) : null;
   if (e && isValid(e)) {
-    const sameDay = s.toDateString() === e.toDateString();
-    return `${startStr} \u2013 ${format(e, sameDay ? "h:mm a" : "EEE, MMM d \xB7 h:mm a")}`;
+    const sameDay2 = s.toDateString() === e.toDateString();
+    return `${startStr} \u2013 ${format(e, sameDay2 ? "h:mm a" : "EEE, MMM d \xB7 h:mm a")}`;
   }
   return startStr;
 }
@@ -5883,6 +5883,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;
@@ -5897,10 +5924,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 = {}) {
@@ -5963,7 +5990,7 @@ function useChat(options = {}) {
   const lastConfirmedMessage = 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;
   }, []);
@@ -6011,7 +6038,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);
     });
@@ -6197,9 +6224,9 @@ function useChat(options = {}) {
       }
       const replyTo = opts?.replyTo;
       const clientId = 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",
@@ -6229,14 +6256,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);
@@ -6255,7 +6282,7 @@ function useChat(options = {}) {
   );
   const react = 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;
@@ -10429,7 +10456,7 @@ 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 = parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
   const variantLabel2 = item.variant ? getVariantDisplayName(item.variant, item.product.name) : null;
@@ -10437,10 +10464,10 @@ function CartLineItemRow({
     "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: [
@@ -10607,7 +10634,7 @@ function CartSummary({
     tax,
     total,
     isEmpty,
-    isOptimistic,
+    isOptimistic: isOptimistic2,
     pendingOpCount,
     removeItem,
     updateQuantity
@@ -10633,7 +10660,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__ */ jsx("div", { "data-cimplify-cart-empty": true, className: classNames?.empty, children: /* @__PURE__ */ jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -17120,24 +17147,581 @@ var ChatMarkdown = memo(function ChatMarkdown2({
   return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-[11px] leading-4 font-semibold",
+                inCustomerBubble ? "text-primary-foreground" : "text-foreground"
+              ),
+              children: quotedIsCustomer ? "You" : businessName
+            }
+          ),
+          /* @__PURE__ */ 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 = useRef(null);
+  const glyphRef = useRef(null);
+  const gestureRef = useRef(null);
+  const suppressClickRef = useRef(false);
+  const optionsRef = useRef({ onReply, onLongPress });
+  optionsRef.current = { onReply, onLongPress };
+  const settle = 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 = useCallback(() => {
+    const gesture = gestureRef.current;
+    if (gesture?.longPressTimer) clearTimeout(gesture.longPressTimer);
+    gestureRef.current = null;
+  }, []);
+  const onPointerDown = 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 = 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 = 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 = 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 = 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__ */ 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__ */ jsx("path", { d: TAIL_FILL }),
+        /* @__PURE__ */ jsx("path", { d: TAIL_NOTCH, style: { fill: "var(--color-chat-canvas, var(--color-muted, #f3f5f3))" } }),
+        !isCustomer && /* @__PURE__ */ 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__ */ jsxs("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 4.5L4 7.5L9.5 1.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ 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__ */ jsxs("svg", { width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "5.5", cy: "5.5", r: "4.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.5 3v2.7l1.8 1", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+  ] });
+}
+function PaperclipIcon() {
+  return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("polyline", { points: "9 17 4 12 9 7" }),
+        /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-[10.5px] leading-[13px] font-medium", children: clockLabel(at) }),
+        isCustomer && delivery && /* @__PURE__ */ 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__ */ jsx(SendingClock, {}) : /* @__PURE__ */ 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 = 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 = useMemo(
+    () => isCustomer ? [{ kind: "prose", text: message.content }] : splitGenUIContent(message.content),
+    [isCustomer, message.content]
+  );
+  const drawable = 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__ */ jsxs("div", { id: `chat-msg-${message.id}`, className: "relative rounded-xl", children: [
+    /* @__PURE__ */ 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__ */ jsx(ReplyGlyph, {})
+      }
+    ),
+    overlay,
+    /* @__PURE__ */ 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__ */ 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__ */ jsx(QuoteBlock, { quote, inCustomerBubble: false, businessName, onMissing: onQuoteMiss }) }),
+          message.attachments.length > 0 && /* @__PURE__ */ 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__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: url,
+                alt: attachment.filename ?? "Photo",
+                loading: "lazy",
+                className: "max-h-[240px] max-w-[240px] rounded-[16px] object-cover"
+              }
+            ) }, index) : /* @__PURE__ */ 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__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ jsx(PaperclipIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: "max-w-[200px] truncate", children: attachment.filename ?? "Attachment" })
+                ]
+              },
+              index
+            );
+          }) }),
+          drawable.map(
+            (segment, index) => segment.kind === "program" ? /* @__PURE__ */ jsx(React14.Fragment, { children: renderProgram?.(segment.source) }, index) : /* @__PURE__ */ jsxs("div", { className: "flex max-w-full items-end gap-1.5", children: [
+              isBusiness && avatar && /* @__PURE__ */ 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__ */ 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__ */ jsx(QuoteBlock, { quote, inCustomerBubble: isCustomer, businessName, onMissing: onQuoteMiss }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-x-2 gap-y-0.5", children: [
+                      isCustomer ? /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap", children: segment.text }) : /* @__PURE__ */ jsx(ChatMarkdown, { text: segment.text, className: cn("min-w-0", PROSE_CLASS) }),
+                      index === lastProseIndex && /* @__PURE__ */ jsx(BubbleMeta, { at: message.created_at, isCustomer, delivery })
+                    ] }),
+                    index === lastProseIndex && hasTail(group) && /* @__PURE__ */ jsx(BubbleTail, { isCustomer })
+                  ]
+                }
+              )
+            ] }, index)
+          ),
+          cards,
+          pills.length > 0 && /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-xs leading-4", children: pill.emoji }),
+                    /* @__PURE__ */ 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__ */ jsx("div", { className: "flex justify-center py-1.5", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2.5 py-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("h-px flex-1", unread ? "bg-primary/35" : "bg-foreground/[0.08]"),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ 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 splitGenUIContent(content).filter((segment) => segment.kind === "prose").map((segment) => segment.text).join("\n\n").trim();
+}
+function hasProgram(content) {
+  return 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 || 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",
@@ -17156,6 +17740,7 @@ function ChatWidget({
   const [open, setOpen] = useState(defaultOpen);
   const [readAt, setReadAt] = useState(null);
   const [attachError, setAttachError] = useState(null);
+  const [replyTo, setReplyTo] = useState(null);
   const {
     messages,
     isLoading,
@@ -17164,11 +17749,15 @@ function ChatWidget({
     seenAt,
     error,
     isActive,
+    humanRequested,
     claimedAs,
     signOut,
     send,
     react,
+    requestHuman,
     startConversation,
+    loadOlder,
+    mayHaveOlder,
     openIfExisting
   } = useChat({ client, pollInterval });
   const showTyping = isSending || awaitingReply;
@@ -17203,9 +17792,11 @@ function ChatWidget({
   const handleSend = 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)
@@ -17244,6 +17835,7 @@ function ChatWidget({
         open && /* @__PURE__ */ jsx(
           Panel,
           {
+            client,
             businessName,
             greeting,
             subtitle,
@@ -17254,14 +17846,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
@@ -17296,7 +17896,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
@@ -17307,6 +17907,7 @@ function Bubble({
   );
 }
 function Panel({
+  client,
   businessName,
   greeting,
   subtitle,
@@ -17317,14 +17918,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
@@ -17364,20 +17973,57 @@ function Panel({
           MessageList,
           {
             messages,
+            businessName,
             isLoading,
             isSending: isTyping,
             seenAt,
+            readAt,
+            humanRequested,
+            mayHaveOlder,
             onReact,
+            onReply,
+            onRequestHuman,
+            onLoadOlder,
             className: classNames?.messages
           }
         ),
-        error != null && /* @__PURE__ */ 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__ */ jsx(KeepConversation, { client }),
+        humanRequested && isActive && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2 border-t border-border bg-muted/50 px-4 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-[3px] shrink-0 self-stretch rounded-full bg-foreground/40" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-semibold text-foreground", children: [
+              "Replying to ",
+              replyTo.sender_type === "customer" ? "yourself" : businessName
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "truncate text-[11px] text-muted-foreground", children: proseOf(replyTo.content) || "Photo" })
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx(CloseIcon, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
           ChatInput,
           {
             placeholder,
             isSending,
-            onSend: isActive ? onSend : onStartConversation,
+            onSend: isActive ? onSend : async (text) => {
+              await onStartConversation(text);
+              return true;
+            },
             onAttach,
             className: classNames?.input
           }
@@ -17406,10 +18052,10 @@ function Header({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-white/15", children: /* @__PURE__ */ jsx(ChatIcon, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-background/15", children: /* @__PURE__ */ jsx(ChatIcon, { className: "h-5 w-5" }) }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("div", { className: "truncate text-[15px] font-semibold leading-tight", children: businessName }),
-          claimedAs ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-white/60", children: [
+          claimedAs ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-background/60", children: [
             /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
               "Chatting as ",
               claimedAs
@@ -17420,11 +18066,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__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/60", children: [
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-background/60", children: [
             /* @__PURE__ */ jsx("span", { className: "h-[7px] w-[7px] flex-shrink-0 rounded-full bg-emerald-400" }),
             "Online"
           ] })
@@ -17437,7 +18083,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__ */ jsx(CloseIcon, { className: "h-[18px] w-[18px]" })
           }
@@ -17492,148 +18138,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__ */ 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 = 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__ */ 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__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(TypingDots, {}) }),
+        mayHaveOlder && /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-1", children: /* @__PURE__ */ 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__ */ jsxs("div", { children: [
-            !sameSenderAsPrev && i > 0 && /* @__PURE__ */ jsx("div", { className: "h-3" }),
-            /* @__PURE__ */ 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__ */ jsxs(
+            "div",
+            {
+              className: cn("flex flex-col gap-1.5", startsRun && i > 0 && "mt-2.5"),
+              children: [
+                newDay && /* @__PURE__ */ jsx(Seam, { variant: "chip", label: dayLabel(msg.created_at) }),
+                msg.id === firstUnreadId && /* @__PURE__ */ jsx(
+                  Seam,
+                  {
+                    variant: "unread",
+                    label: `${unreadOnOpen} new message${unreadOnOpen === 1 ? "" : "s"}`
+                  }
                 ),
-                children: [
-                  !isCustomer && !isOptimistic && /* @__PURE__ */ 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__ */ 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__ */ jsxs(
-                    "div",
+                msg.id === firstAgentMessageId && /* @__PURE__ */ jsx(Seam, { label: "A person joined" }),
+                msg.sender_type === "system" ? /* @__PURE__ */ jsx(Seam, { label: "Passing you to the team" }) : /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+                  msg.sender_type !== "customer" && !isOptimistic(msg) && /* @__PURE__ */ jsx(HoverRail, { message: msg, onReact, onReply }),
+                  /* @__PURE__ */ 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__ */ 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__ */ jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
-                          "AI"
-                        ] }),
-                        msg.reply_to && /* @__PURE__ */ 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__ */ jsx(
-                                "span",
-                                {
-                                  className: cn(
-                                    "w-[3px] shrink-0 self-stretch rounded-full",
-                                    isCustomer ? "bg-background/40" : "bg-muted-foreground/40"
-                                  )
-                                }
-                              ),
-                              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate opacity-80", children: msg.reply_to.preview })
-                            ]
-                          }
-                        ),
-                        msg.attachments.length > 0 && /* @__PURE__ */ 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__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(
-                            "img",
-                            {
-                              src: url,
-                              alt: attachment.filename ?? "Photo",
-                              loading: "lazy",
-                              className: "max-h-48 max-w-full rounded-lg object-cover"
-                            }
-                          ) }, index) : /* @__PURE__ */ jsx(
-                            "a",
-                            {
-                              href: url,
-                              target: "_blank",
-                              rel: "noreferrer",
-                              className: "truncate text-xs underline",
-                              children: attachment.filename ?? "Attachment"
-                            },
-                            index
-                          );
-                        }) }),
-                        isCustomer ? msg.content && /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) : /* @__PURE__ */ 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__ */ jsx(LetterAvatar, { name: businessName }),
+                      onQuoteMiss: async () => {
+                        onLoadOlder();
+                        return true;
+                      }
                     }
                   )
-                ]
-              }
-            ),
-            reactions && reactions.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-0.5 flex gap-1", isCustomer ? "justify-end" : "justify-start"), children: reactions.map((reaction) => /* @__PURE__ */ 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__ */ jsx("div", { className: "mt-0.5 text-right text-[10px] font-medium text-muted-foreground", children: "Seen" })
-          ] }, msg.id);
+                ] })
+              ]
+            },
+            msg.id
+          );
         }),
         isSending && /* @__PURE__ */ jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsx(TypingDots, {}) }),
+        offerHuman && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ 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__ */ jsx(
           "div",
           {
             ref: (node) => {
-              node?.scrollIntoView({ behavior: "smooth" });
+              if (node && !scrolledUpRef.current) node.scrollIntoView({ behavior: "smooth" });
             }
           },
           `${messages.length}:${isSending}`
@@ -17642,6 +18249,172 @@ function MessageList({
     }
   );
 }
+function HoverRail({
+  message,
+  onReact,
+  onReply
+}) {
+  return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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] = useState("row");
+  const [dismissed, setDismissed] = useState(readKeepDismissed);
+  const [contact, setContact] = useState("");
+  const [code, setCode] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [verifyError, setVerifyError] = 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__ */ jsxs("div", { className: "flex-shrink-0 border-t border-border bg-muted/50 px-4 py-2.5", children: [
+    step === "row" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setStep("contact"),
+          className: "flex min-w-0 flex-1 flex-col text-left",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: "Keep this conversation" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: "Verify your number and it follows you \u2014 any device" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsx(CloseIcon, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    step === "contact" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: "mt-1.5 text-[11px] text-destructive", children: verifyError })
+  ] });
+}
 function ChatInput({
   placeholder,
   isSending,
@@ -17664,14 +18437,15 @@ function ChatInput({
     },
     [onAttach]
   );
-  const handleSend = useCallback(() => {
+  const handleSend = 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 = useCallback(
     (e) => {
@@ -17849,16 +18623,21 @@ function ImageIcon({ className }) {
     }
   );
 }
-function SparkleIcon({ className }) {
-  return /* @__PURE__ */ jsx(
+function ReplyIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
     "svg",
     {
       className,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
-      strokeWidth: 2.5,
-      children: /* @__PURE__ */ 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__ */ jsx("polyline", { points: "9 17 4 12 9 7" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })
+      ]
     }
   );
 }
@@ -19684,4 +20463,4 @@ async function genUIFingerprint(manifest) {
   return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, "0")).join("").slice(0, 16);
 }
 
-export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressAutocomplete, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CIMPLIFY_GENUI_REGISTRY, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatMarkdown, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, GenUIView, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, SalePrice, SaleTeaser, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, clearOrdersCache, cn, createPlacesSessionToken, defaultBoundaryKind, genUICatalog, genUIFingerprint, genUIManifest, genUIManifestJson, getBoundaryLabels, isImageAttachment, isTerminalOrderStatus, parse as parseGenUIProgram, partitionMessages, prefetchProduct, prefetchProducts, resolveBoundaryKind, roomToResource, safeAttachmentUrl, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useGenUIProgram, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressAutocomplete, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BubbleTail, BundleProductCard, BundleProductLayout, BundleSelector, Button, CIMPLIFY_GENUI_REGISTRY, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatMarkdown, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, GenUIView, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MessageBubble, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, QuoteBlock, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SWIPE_COMMIT_PX, SaleBadge, SalePrice, SaleTeaser, ScheduleServiceCard, Seam, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, chatTimeline, clearOrdersCache, cn, createPlacesSessionToken, dayLabel, defaultBoundaryKind, deliveryState, genUICatalog, genUIFingerprint, genUIManifest, genUIManifestJson, getBoundaryLabels, groupPosition, isImageAttachment, isOptimistic, isTerminalOrderStatus, optimisticId, parse as parseGenUIProgram, partitionMessages, prefersReducedMotion, prefetchProduct, prefetchProducts, proseOf, resolveBoundaryKind, roomToResource, safeAttachmentUrl, sameDay, sanitizeRichTextHtml, scrollBehavior, stripHtmlToText, swipeCommitted, swipeProgress, swipeTravel, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useGenUIProgram, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useSwipeReply, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };