@cimplify/sdk 0.89.0 → 0.92.0

package/dist/react.js

@@ -1,9 +1,10 @@
 "use client";
 'use strict';
 
-var chunkT7Z25EY4_js = require('./chunk-T7Z25EY4.js');
-var chunkT2CJ67QV_js = require('./chunk-T2CJ67QV.js');
-var chunkGHFDYM5K_js = require('./chunk-GHFDYM5K.js');
+var chunkHKN3YG76_js = require('./chunk-HKN3YG76.js');
+var chunkXREIZ56K_js = require('./chunk-XREIZ56K.js');
+var chunkDCRN67NO_js = require('./chunk-DCRN67NO.js');
+var chunkIVJEUGWF_js = require('./chunk-IVJEUGWF.js');
 var chunkPTPOQVXS_js = require('./chunk-PTPOQVXS.js');
 var chunkAETVRBKI_js = require('./chunk-AETVRBKI.js');
 require('./chunk-OWW5GUSB.js');
@@ -25,6 +26,8 @@ var xss = require('xss');
 var dialog = require('@base-ui/react/dialog');
 var field = require('@base-ui/react/field');
 var input = require('@base-ui/react/input');
+var DOMPurify = require('dompurify');
+var marked = require('marked');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -48,6 +51,7 @@ function _interopNamespace(e) {
 
 var React14__default = /*#__PURE__*/_interopDefault(React14);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -743,6 +747,7 @@ function mapServerCart(serverCart, fallbackCurrency) {
       scheduledStart: item.scheduled_start || void 0,
       scheduledEnd: item.scheduled_end || void 0,
       staffId: item.staff_id || void 0,
+      units: item.units || void 0,
       lineType: item.line_type,
       confirmationCode: item.confirmation_code || void 0,
       serviceStatus: item.service_status || void 0,
@@ -790,18 +795,18 @@ function deriveView(base, ops) {
   };
 }
 async function syncFromServer(entry) {
-  if (entry.syncing) return;
-  entry.syncing = true;
-  try {
+  const run = async () => {
     const result = await entry.client.cart.get();
     if (!result.ok) throw result.error;
     entry.collection.setBase(mapServerCart(result.value, entry.currency));
-  } finally {
-    entry.syncing = false;
-  }
+  };
+  const next = entry.syncTail.then(run, run);
+  entry.syncTail = next.catch(() => {
+  });
+  return next;
 }
 function emitMutationError(entry, operation, opId, idempotencyKey, error) {
-  entry.client.events.emit("mutation:error", {
+  entry.client.events.emit(chunkDCRN67NO_js.MUTATION_ERROR, {
     service: "cart",
     operation,
     opId,
@@ -838,9 +843,15 @@ function getOrCreateStore(params) {
     optimisticEnabled,
     initialized: false,
     initializePromise: null,
-    syncing: false,
+    syncTail: Promise.resolve(),
     failedOpRemovers: /* @__PURE__ */ new Set()
   };
+  client.events.on(chunkDCRN67NO_js.SESSION_CLAIMED, () => {
+    if (entry.initialized) void syncFromServer(entry);
+  });
+  client.events.on(chunkDCRN67NO_js.SESSION_CLEARED, () => {
+    if (entry.initialized) void syncFromServer(entry);
+  });
   cartStores.set(storeKey, entry);
   return entry;
 }
@@ -899,7 +910,8 @@ async function performAddItem(entry, product, quantity, options) {
     specialInstructions: normalizedOptions.specialInstructions,
     scheduledStart: normalizedOptions.scheduledStart,
     scheduledEnd: normalizedOptions.scheduledEnd,
-    staffId: normalizedOptions.staffId
+    staffId: normalizedOptions.staffId,
+    units: normalizedOptions.units
   });
   const idempotencyKey = `idem_${typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}_${Math.random().toString(36).slice(2, 10)}`}`;
   const patch = { kind: "add_item", tempItem, lineKey };
@@ -921,6 +933,7 @@ async function performAddItem(entry, product, quantity, options) {
         scheduled_end: normalizedOptions.scheduledEnd,
         staff_id: normalizedOptions.staffId,
         resource_id: normalizedOptions.resourceId,
+        units: normalizedOptions.units,
         customer_inputs: normalizedOptions.customerInputs
       },
       { idempotencyKey }
@@ -1132,7 +1145,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkT2CJ67QV_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkDCRN67NO_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1285,7 +1298,7 @@ function CimplifyProvider({
     const apiCredentials = resolvedClient.getCredentialsMode() === "include" ? "use-credentials" : "anonymous";
     preconnectOrigin(resolvedClient.getBaseUrl(), apiCredentials);
     preconnectOrigin(resolvedClient.getLinkApiUrl(), apiCredentials);
-    preconnectOrigin(chunkT7Z25EY4_js.DEFAULT_CDN_BASE_URL);
+    preconnectOrigin(chunkHKN3YG76_js.DEFAULT_CDN_BASE_URL);
   }
   const setCurrentLocation = React14.useCallback(
     (location) => {
@@ -3444,7 +3457,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled || !signInOpts.clientId) return;
     setBusy(true);
-    await chunkGHFDYM5K_js.startSignIn({
+    await chunkIVJEUGWF_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -4303,7 +4316,7 @@ function Price({
   ] });
 }
 function createCachedQuery(config) {
-  const cache = /* @__PURE__ */ new Map();
+  const cache2 = /* @__PURE__ */ new Map();
   const inflight = /* @__PURE__ */ new Map();
   const gcMaxAge = config.gcMaxAge ?? 3e5;
   let lastSweep = 0;
@@ -4312,8 +4325,8 @@ function createCachedQuery(config) {
     if (now - lastSweep < 6e4) return;
     lastSweep = now;
     const cutoff = now - gcMaxAge;
-    for (const [key, entry] of cache) {
-      if (entry.ts < cutoff) cache.delete(key);
+    for (const [key, entry] of cache2) {
+      if (entry.ts < cutoff) cache2.delete(key);
     }
   }
   function useCachedQuery(options = {}) {
@@ -4331,13 +4344,13 @@ function createCachedQuery(config) {
     const optionsRef = React14.useRef(options);
     optionsRef.current = options;
     if (config.locationSensitive && previousLocationRef.current !== locationId) {
-      cache.clear();
+      cache2.clear();
       inflight.clear();
       previousLocationRef.current = locationId;
     }
     sweep();
     const cacheKey2 = config.key(client, options);
-    const cached = cache.get(cacheKey2);
+    const cached = cache2.get(cacheKey2);
     const [data, setData] = React14.useState(cached?.data ?? null);
     const [isLoading, setIsLoading] = React14.useState(enabled && !cached);
     const [error, setError] = React14.useState(null);
@@ -4350,7 +4363,7 @@ function createCachedQuery(config) {
         const nextRequestId = ++requestIdRef.current;
         setError(null);
         if (!force) {
-          const hit = cache.get(cacheKey2);
+          const hit = cache2.get(cacheKey2);
           if (hit) {
             setData(hit.data);
             setIsLoading(false);
@@ -4367,7 +4380,7 @@ function createCachedQuery(config) {
             });
           }
           const value = await promise;
-          cache.set(cacheKey2, { data: value, ts: Date.now() });
+          cache2.set(cacheKey2, { data: value, ts: Date.now() });
           if (nextRequestId === requestIdRef.current) {
             setData(value);
             setError(null);
@@ -4388,23 +4401,23 @@ function createCachedQuery(config) {
       void load(false);
     }, [load]);
     const refetch = React14.useCallback(async () => {
-      cache.delete(cacheKey2);
+      cache2.delete(cacheKey2);
       await load(true);
     }, [cacheKey2, load]);
     return { data, isLoading, error, refetch };
   }
   useCachedQuery.prefetch = (client, options) => {
     const key = config.key(client, options);
-    if (cache.has(key) || inflight.has(key)) return void 0;
+    if (cache2.has(key) || inflight.has(key)) return void 0;
     const promise = config.fetch(client, options);
     inflight.set(key, promise);
     return promise.then((value) => {
-      cache.set(key, { data: value, ts: Date.now() });
+      cache2.set(key, { data: value, ts: Date.now() });
     }).catch(() => {
     }).finally(() => inflight.delete(key));
   };
   useCachedQuery.clear = () => {
-    cache.clear();
+    cache2.clear();
     inflight.clear();
   };
   return useCachedQuery;
@@ -4532,6 +4545,9 @@ function useCategories(options = {}) {
   return { categories: data ?? [], isLoading, error, refetch };
 }
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "cancelled", "refunded"]);
+function isTerminalOrderStatus(status) {
+  return TERMINAL_STATUSES.has(status);
+}
 var orderCache = /* @__PURE__ */ new Map();
 var orderInflight = /* @__PURE__ */ new Map();
 function buildOrderCacheKey(client, orderId) {
@@ -5373,6 +5389,9 @@ function useOrders(options = {}) {
   const { data, isLoading, error, refetch } = ordersQuery(options);
   return { orders: data ?? [], isLoading, error, refetch };
 }
+function clearOrdersCache() {
+  ordersQuery.clear();
+}
 function useSubscriptions(options = {}) {
   const { client } = useCimplifyClient();
   const { status, enabled = true } = options;
@@ -5468,14 +5487,24 @@ function useServices(options = {}) {
 }
 
 // src/react/hooks/use-available-slots.ts
+function narrowingUnits(units) {
+  return units != null && units > 1 ? units : void 0;
+}
 var slotsQuery = createCachedQuery({
   name: "useAvailableSlots",
-  key: (client, options) => cacheKey(client.getPublicKey(), options.serviceId, options.date, options.participantCount),
+  key: (client, options) => cacheKey(
+    client.getPublicKey(),
+    options.serviceId,
+    options.date,
+    options.participantCount,
+    narrowingUnits(options.units)
+  ),
   fetch: async (client, options) => {
     const result = await client.scheduling.getAvailableSlots({
       service_id: options.serviceId,
       date: options.date,
-      participant_count: options.participantCount
+      participant_count: options.participantCount,
+      units: narrowingUnits(options.units)
     });
     if (!result.ok) throw result.error;
     return result.value;
@@ -5492,6 +5521,9 @@ function useAvailableSlots(serviceId, date, options = {}) {
 }
 
 // src/react/hooks/use-service-availability.ts
+function narrowingUnits2(units) {
+  return units != null && units > 1 ? units : void 0;
+}
 var serviceAvailabilityQuery = createCachedQuery({
   name: "useServiceAvailability",
   key: (client, options) => cacheKey(
@@ -5499,7 +5531,8 @@ var serviceAvailabilityQuery = createCachedQuery({
     options.serviceId,
     options.startDate,
     options.endDate,
-    options.participantCount
+    options.participantCount,
+    narrowingUnits2(options.units)
   ),
   fetch: async (client, options) => {
     const result = await client.scheduling.getServiceAvailability({
@@ -5507,7 +5540,8 @@ var serviceAvailabilityQuery = createCachedQuery({
       start_date: options.startDate,
       end_date: options.endDate,
       location_id: options.locationId,
-      participant_count: options.participantCount
+      participant_count: options.participantCount,
+      units: narrowingUnits2(options.units)
     });
     if (!result.ok) throw result.error;
     return result.value.availability;
@@ -5878,6 +5912,7 @@ var POLL_IDLE_INTERVAL_MS = 15e3;
 var IDLE_TIMEOUT_MS = 6e4;
 var WS_MAX_RECONNECT_ATTEMPTS = 10;
 var WS_PATH = "/api/v1/support/conversation/ws";
+var AWAIT_REPLY_TIMEOUT_MS = 3e4;
 function useChat(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
@@ -5886,6 +5921,13 @@ function useChat(options = {}) {
   const [isSending, setIsSending] = React14.useState(false);
   const [error, setError] = React14.useState(null);
   const [conversationOpened, setConversationOpened] = React14.useState(false);
+  const [humanRequested, setHumanRequested] = React14.useState(false);
+  const [awaitingReply, setAwaitingReply] = React14.useState(false);
+  const [seenAt, setSeenAt] = React14.useState(null);
+  const [mayHaveOlder, setMayHaveOlder] = React14.useState(false);
+  const [claimedAs, setClaimedAs] = React14.useState(
+    () => client?.support.claimedCustomerName ?? null
+  );
   const pollRef = React14.useRef(null);
   const lastActivityRef = React14.useRef(Date.now());
   const openedRef = React14.useRef(false);
@@ -5894,17 +5936,43 @@ function useChat(options = {}) {
   const wsRef = React14.useRef(null);
   const wsReconnectAttemptRef = React14.useRef(0);
   const wsReconnectTimerRef = React14.useRef(null);
+  const aiEnabledRef = React14.useRef(false);
+  const humanRequestedRef = React14.useRef(false);
+  const awaitReplyTimerRef = React14.useRef(null);
+  const claimUnsubRef = React14.useRef(null);
   messagesRef.current = messages;
   clientRef.current = client;
+  humanRequestedRef.current = humanRequested;
   const pollInterval = options.pollInterval ?? POLL_INTERVAL_MS;
   const pollIdleInterval = options.pollIdleInterval ?? POLL_IDLE_INTERVAL_MS;
-  const appendMessages = React14.useCallback((incoming) => {
-    setMessages((prev) => {
-      const ids = new Set(prev.map((m) => m.id));
-      const fresh = incoming.filter((m) => !ids.has(m.id));
-      return fresh.length > 0 ? [...prev, ...fresh] : prev;
-    });
+  const stopAwaitingReply = React14.useCallback(() => {
+    if (awaitReplyTimerRef.current) {
+      clearTimeout(awaitReplyTimerRef.current);
+      awaitReplyTimerRef.current = null;
+    }
+    setAwaitingReply(false);
   }, []);
+  const startAwaitingReply = React14.useCallback(() => {
+    setAwaitingReply(true);
+    if (awaitReplyTimerRef.current) clearTimeout(awaitReplyTimerRef.current);
+    awaitReplyTimerRef.current = setTimeout(() => {
+      awaitReplyTimerRef.current = null;
+      setAwaitingReply(false);
+    }, AWAIT_REPLY_TIMEOUT_MS);
+  }, []);
+  const appendMessages = React14.useCallback(
+    (incoming) => {
+      if (incoming.some((m) => m.sender_type === "bot" || m.sender_type === "agent")) {
+        stopAwaitingReply();
+      }
+      setMessages((prev) => {
+        const ids = new Set(prev.map((m) => m.id));
+        const fresh = incoming.filter((m) => !ids.has(m.id));
+        return fresh.length > 0 ? [...prev, ...fresh] : prev;
+      });
+    },
+    [stopAwaitingReply]
+  );
   const fetchNewMessages = React14.useCallback(async () => {
     const c = clientRef.current;
     if (!c) return;
@@ -5932,6 +6000,17 @@ function useChat(options = {}) {
       pollRef.current = null;
     }
   }, []);
+  const resyncConversation = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c || !openedRef.current) return;
+    const result = await c.support.openConversation();
+    if (!result.ok) return;
+    setMessages(result.value.messages);
+    aiEnabledRef.current = result.value.conversation.ai_enabled;
+    setHumanRequested(result.value.conversation.needs_human_review ?? false);
+    setSeenAt(result.value.conversation.team_read_at ?? null);
+    setMayHaveOlder(result.value.messages.length >= 50);
+  }, []);
   const connectWebSocket = React14.useCallback(() => {
     const c = clientRef.current;
     if (!c || typeof WebSocket === "undefined") {
@@ -5953,12 +6032,21 @@ function useChat(options = {}) {
         const envelope = JSON.parse(event.data);
         if (envelope.type === "message.created" && envelope.data) {
           appendMessages([envelope.data]);
+        } else if (envelope.type === "thread.read") {
+          const at = envelope.data?.last_read_at;
+          if (at) setSeenAt((prev) => !prev || prev < at ? at : prev);
+        } else if (envelope.type === "thread.responding") {
+          const active = envelope.data?.active;
+          if (active) startAwaitingReply();
+          else stopAwaitingReply();
         } else if (envelope.type === "resync") {
           const latest = envelope.latest_message_at;
           const last = messagesRef.current[messagesRef.current.length - 1];
           if (latest && (!last || new Date(last.created_at).getTime() < new Date(latest).getTime())) {
             fetchNewMessages();
           }
+        } else if (envelope.type === "rekey") {
+          void resyncConversation();
         }
       } catch {
       }
@@ -5978,11 +6066,57 @@ function useChat(options = {}) {
     ws.onerror = () => {
     };
     wsRef.current = ws;
-  }, [appendMessages, startPolling, stopPolling, fetchNewMessages]);
+  }, [appendMessages, startPolling, stopPolling, fetchNewMessages, resyncConversation]);
+  const resetConversation = React14.useCallback(() => {
+    stopPolling();
+    if (wsReconnectTimerRef.current) {
+      clearTimeout(wsReconnectTimerRef.current);
+      wsReconnectTimerRef.current = null;
+    }
+    if (wsRef.current) {
+      wsRef.current.onclose = null;
+      wsRef.current.close();
+      wsRef.current = null;
+    }
+    wsReconnectAttemptRef.current = 0;
+    openedRef.current = false;
+    stopAwaitingReply();
+    setMessages([]);
+    setConversationOpened(false);
+    setHumanRequested(false);
+    setSeenAt(null);
+    setMayHaveOlder(false);
+    setError(null);
+    setClaimedAs(null);
+  }, [stopPolling, stopAwaitingReply]);
+  const watchSessionClaims = React14.useCallback(() => {
+    const c = clientRef.current;
+    if (!c || claimUnsubRef.current) return;
+    const unsubClaimed = c.events.on(chunkDCRN67NO_js.SESSION_CLAIMED, (event) => {
+      setClaimedAs(event.customerName || null);
+      if (!openedRef.current) return;
+      connectWebSocket();
+      void resyncConversation();
+    });
+    const unsubCleared = c.events.on(chunkDCRN67NO_js.SESSION_CLEARED, resetConversation);
+    claimUnsubRef.current = () => {
+      unsubClaimed();
+      unsubCleared();
+    };
+  }, [connectWebSocket, resyncConversation, resetConversation]);
+  const signOut = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c) return false;
+    const result = await c.link.logout();
+    return result.ok;
+  }, []);
   React14.useEffect(() => {
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
       if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
+      if (awaitReplyTimerRef.current) clearTimeout(awaitReplyTimerRef.current);
+      claimUnsubRef.current?.();
+      claimUnsubRef.current = null;
       if (wsRef.current) {
         wsRef.current.onclose = null;
         wsRef.current.close();
@@ -5998,35 +6132,53 @@ function useChat(options = {}) {
     if (result.ok) {
       setMessages(result.value.messages);
       setConversationOpened(true);
+      aiEnabledRef.current = result.value.conversation.ai_enabled;
+      setHumanRequested(result.value.conversation.needs_human_review ?? false);
+      setSeenAt(result.value.conversation.team_read_at ?? null);
+      setMayHaveOlder(result.value.messages.length >= 50);
+      setClaimedAs(client.support.claimedCustomerName);
       connectWebSocket();
+      watchSessionClaims();
     } else {
       openedRef.current = false;
       setError(result.error);
     }
     setIsLoading(false);
-  }, [client, connectWebSocket]);
+  }, [client, connectWebSocket, watchSessionClaims]);
   const send = React14.useCallback(
-    async (content) => {
-      if (!client || !content.trim()) return;
+    async (content, opts) => {
+      const attachments = opts?.attachments ?? [];
+      if (!client || !content.trim() && attachments.length === 0) return false;
       setError(null);
       lastActivityRef.current = Date.now();
       if (!openedRef.current) {
         await openConversation();
-        if (!openedRef.current) return;
+        if (!openedRef.current) return false;
       }
+      const replyTo = opts?.replyTo;
       const optimisticId = `opt_${Date.now()}`;
       const optimistic = {
         id: optimisticId,
         sender_type: "customer",
         content: content.trim(),
-        content_type: "text",
-        attachments: [],
+        content_type: attachments.length > 0 ? "image" : "text",
+        attachments,
         metadata: {},
+        // Same shape the server echoes back, so the bubble doesn't reflow
+        // when the confirmed message replaces it.
+        reply_to: replyTo ? {
+          id: replyTo.id,
+          sender_type: replyTo.sender_type,
+          preview: chunkXREIZ56K_js.messagePreview(replyTo.content)
+        } : void 0,
         created_at: (/* @__PURE__ */ new Date()).toISOString()
       };
       setMessages((prev) => [...prev, optimistic]);
       setIsSending(true);
-      const result = await client.support.sendMessage(content.trim());
+      const result = await client.support.sendMessage(content.trim(), {
+        replyToMessageId: replyTo?.id,
+        attachments: attachments.length > 0 ? attachments : void 0
+      });
       if (result.ok) {
         const confirmed = result.value;
         setMessages(
@@ -6037,13 +6189,17 @@ function useChat(options = {}) {
             prev.some((m) => m.id === confirmed.id) ? prev.filter((m) => m.id !== optimisticId) : prev.map((m) => m.id === optimisticId ? confirmed : m)
           )
         );
+        if (aiEnabledRef.current && !humanRequestedRef.current) {
+          startAwaitingReply();
+        }
       } else {
         setMessages((prev) => prev.filter((m) => m.id !== optimisticId));
         setError(result.error);
       }
       setIsSending(false);
+      return result.ok;
     },
-    [client, openConversation]
+    [client, openConversation, startAwaitingReply]
   );
   const startConversation = React14.useCallback(
     async (starterText) => {
@@ -6054,14 +6210,67 @@ function useChat(options = {}) {
     },
     [openConversation, send]
   );
+  const react = React14.useCallback(
+    async (message, emoji) => {
+      if (!client || message.id.startsWith("opt_")) return false;
+      const result = await client.support.reactToMessage(message.id, emoji);
+      if (result.ok) appendMessages([result.value]);
+      return result.ok;
+    },
+    [client, appendMessages]
+  );
+  const requestHuman = React14.useCallback(async () => {
+    if (!client) return false;
+    setError(null);
+    if (!openedRef.current) {
+      await openConversation();
+      if (!openedRef.current) return false;
+    }
+    const result = await client.support.requestHuman();
+    if (result.ok) {
+      setHumanRequested(true);
+      return true;
+    }
+    setError(result.error);
+    return false;
+  }, [client, openConversation]);
+  const loadOlder = React14.useCallback(async () => {
+    const c = clientRef.current;
+    const earliest = messagesRef.current[0];
+    if (!c || !earliest) return false;
+    const result = await c.support.getMessages({ before: earliest.created_at, limit: 50 });
+    if (!result.ok) {
+      setError(result.error);
+      return false;
+    }
+    const older = result.value;
+    setMayHaveOlder(older.length >= 50);
+    if (older.length === 0) return false;
+    setMessages((prev) => {
+      const ids = new Set(prev.map((m) => m.id));
+      const fresh = older.filter((m) => !ids.has(m.id));
+      return fresh.length > 0 ? [...fresh, ...prev] : prev;
+    });
+    return true;
+  }, []);
+  const agentArrived = messages.some((m) => m.sender_type === "agent");
   return {
     messages,
     isLoading,
     isSending,
     error,
     isActive: conversationOpened && messages.length > 0,
+    humanRequested: humanRequested && !agentArrived,
+    awaitingReply,
+    seenAt,
+    mayHaveOlder,
+    claimedAs,
+    signOut,
     send,
-    startConversation
+    startConversation,
+    react,
+    requestHuman,
+    loadOlder
   };
 }
 var ElementsContext = React14.createContext({
@@ -6136,15 +6345,15 @@ function AuthElement({
   }, [onReady, onAuthenticated, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.AUTHENTICATED,
+      chunkIVJEUGWF_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6173,15 +6382,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6211,15 +6420,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6510,7 +6719,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkT7Z25EY4_js.getVariantDisplayName(variant, productName)
+                    children: chunkHKN3YG76_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -7791,6 +8000,177 @@ function VolumePricing({
     }
   );
 }
+function createPlacesSessionToken() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return `places_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+}
+var MIN_QUERY_LENGTH = 3;
+var DEBOUNCE_MS = 300;
+var BLUR_CLOSE_MS = 120;
+function AddressAutocomplete({
+  value,
+  onSelect,
+  onDirty,
+  placeholder,
+  required,
+  autoFocus,
+  id,
+  className,
+  classNames
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const [inputText, setInputText] = React14__default.default.useState(value?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React14__default.default.useState([]);
+  const [isOpen, setIsOpen] = React14__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
+  const debounceRef = React14__default.default.useRef(null);
+  const seqRef = React14__default.default.useRef(0);
+  const sessionTokenRef = React14__default.default.useRef(createPlacesSessionToken());
+  const blurTimeoutRef = React14__default.default.useRef(null);
+  React14__default.default.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React14__default.default.useCallback(
+    async (query) => {
+      const client = clientContext?.client;
+      if (!client || query.length < MIN_QUERY_LENGTH) {
+        setSuggestions([]);
+        setIsOpen(false);
+        return;
+      }
+      const seq = ++seqRef.current;
+      const result = await client.places.autocomplete(query, sessionTokenRef.current);
+      if (seqRef.current !== seq) return;
+      if (result.ok && result.value.predictions.length > 0) {
+        setSuggestions(result.value.predictions);
+        setHighlightedIndex(0);
+        setIsOpen(true);
+      } else {
+        setSuggestions([]);
+        setIsOpen(false);
+      }
+    },
+    [clientContext]
+  );
+  const handleInputChange = (nextValue) => {
+    setInputText(nextValue);
+    onDirty?.();
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), DEBOUNCE_MS);
+  };
+  const selectSuggestion = React14__default.default.useCallback(
+    async (suggestion) => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
+      setInputText(fallback);
+      setSuggestions([]);
+      setIsOpen(false);
+      const client = clientContext?.client;
+      if (!client) return;
+      const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
+      sessionTokenRef.current = createPlacesSessionToken();
+      if (result.ok) {
+        const d = result.value;
+        const address = {
+          formatted_address: d.formatted_address || fallback,
+          street_address: d.street_address,
+          apartment: d.apartment,
+          city: d.city,
+          region: d.region,
+          postal_code: d.postal_code,
+          country: d.country,
+          latitude: d.latitude,
+          longitude: d.longitude,
+          place_id: d.place_id
+        };
+        setInputText(address.formatted_address);
+        onSelect(address);
+      }
+    },
+    [clientContext, onSelect]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-address-autocomplete": true, className: cn("relative", className, classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), BLUR_CLOSE_MS);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            return;
+          }
+          if (!isOpen || suggestions.length === 0) return;
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault();
+            void selectSuggestion(suggestions[highlightedIndex]);
+          }
+        },
+        placeholder: placeholder ?? "Search for an address...",
+        required,
+        autoFocus,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        "data-cimplify-address-input": true,
+        className: classNames?.input
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "listbox",
+        "data-cimplify-address-list": true,
+        className: cn(
+          "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg",
+          classNames?.list
+        ),
+        children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": i === highlightedIndex,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              void selectSuggestion(s);
+            },
+            "data-cimplify-address-option": true,
+            className: cn(
+              "block w-full px-3 py-2.5 text-left text-sm transition-colors",
+              i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70",
+              classNames?.option,
+              i === highlightedIndex && classNames?.activeOption
+            ),
+            children: s.description
+          },
+          s.place_id
+        ))
+      }
+    )
+  ] });
+}
 function parseValue(value) {
   if (!value) return void 0;
   const date = dateFns.parseISO(value);
@@ -8132,12 +8512,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Text:
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Url:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Text:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -8146,7 +8526,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Textarea:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -8159,7 +8539,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Number:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8173,7 +8553,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Select:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -8187,7 +8567,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Radio:
+    case chunkHKN3YG76_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",
         {
@@ -8212,7 +8592,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunkHKN3YG76_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",
@@ -8225,7 +8605,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Color:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8235,7 +8615,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Date:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -8246,8 +8626,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.File:
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.File:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -8258,7 +8638,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Email:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8270,7 +8650,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunkHKN3YG76_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);
@@ -8309,7 +8689,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Time:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -8320,7 +8700,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -8330,7 +8710,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.DateRange:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -8340,7 +8720,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Address:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -8351,7 +8731,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Location:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -8362,7 +8742,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Phone:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -8373,7 +8753,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Signature:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -8406,7 +8786,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 === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -8424,7 +8804,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 === chunkT7Z25EY4_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 === 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" }),
     /* @__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",
@@ -8450,7 +8830,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 === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__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"}` }),
       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`
@@ -8551,129 +8931,18 @@ function AddressInput({
   classNames,
   inputClass
 }) {
-  const clientContext = useOptionalCimplifyClient();
   const addr = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React14__default.default.useState(addr?.formatted_address ?? "");
-  const [suggestions, setSuggestions] = React14__default.default.useState([]);
-  const [isOpen, setIsOpen] = React14__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
-  const debounceRef = React14__default.default.useRef(null);
-  const seqRef = React14__default.default.useRef(0);
-  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React14__default.default.useRef(null);
-  React14__default.default.useEffect(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-      seqRef.current += 1;
-    };
-  }, []);
-  const fetchSuggestions = React14__default.default.useCallback(async (query) => {
-    const client = clientContext?.client;
-    if (!client || query.length < 3) {
-      setSuggestions([]);
-      setIsOpen(false);
-      return;
-    }
-    const seq = ++seqRef.current;
-    const result = await client.places.autocomplete(query, sessionTokenRef.current);
-    if (seqRef.current !== seq) return;
-    if (result.ok && result.value.predictions.length > 0) {
-      setSuggestions(result.value.predictions);
-      setHighlightedIndex(0);
-      setIsOpen(true);
-    } else {
-      setSuggestions([]);
-      setIsOpen(false);
-    }
-  }, [clientContext]);
-  const handleInputChange = (nextValue) => {
-    setInputText(nextValue);
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
-  };
-  const selectSuggestion = React14__default.default.useCallback(async (suggestion) => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
-    setInputText(fallback);
-    setSuggestions([]);
-    setIsOpen(false);
-    const client = clientContext?.client;
-    if (!client) return;
-    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
-    sessionTokenRef.current = createSessionToken();
-    if (result.ok) {
-      const d = result.value;
-      const addressValue = {
-        formatted_address: d.formatted_address || fallback,
-        street_address: d.street_address,
-        apartment: d.apartment,
-        city: d.city,
-        region: d.region,
-        postal_code: d.postal_code,
-        country: d.country,
-        latitude: d.latitude,
-        longitude: d.longitude,
-        place_id: d.place_id
-      };
-      setInputText(addressValue.formatted_address);
-      onValueChange(addressValue);
-    }
-  }, [clientContext, onValueChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2 relative", classNames?.addressInput), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", classNames?.addressInput), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
+      AddressAutocomplete,
       {
-        type: "text",
-        value: inputText,
-        onChange: (e) => handleInputChange(e.target.value),
-        onFocus: () => {
-          if (suggestions.length > 0) setIsOpen(true);
-        },
-        onBlur: () => {
-          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Escape") {
-            setIsOpen(false);
-            return;
-          }
-          if (!isOpen || suggestions.length === 0) return;
-          if (e.key === "ArrowDown") {
-            e.preventDefault();
-            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
-          } else if (e.key === "ArrowUp") {
-            e.preventDefault();
-            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
-          } else if (e.key === "Enter" && highlightedIndex >= 0) {
-            e.preventDefault();
-            void selectSuggestion(suggestions[highlightedIndex]);
-          }
-        },
+        value: addr,
+        onSelect: onValueChange,
         placeholder: field.placeholder || "Search for an address...",
         required: field.is_required,
-        autoComplete: "off",
-        "aria-autocomplete": "list",
-        "aria-expanded": isOpen && suggestions.length > 0,
-        className: inputClass
+        classNames: { input: inputClass }
       }
     ),
-    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "aria-selected": i === highlightedIndex,
-        onMouseDown: (e) => {
-          e.preventDefault();
-          void selectSuggestion(s);
-        },
-        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
-        children: s.description
-      },
-      s.place_id
-    )) }),
     addr && /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -8693,121 +8962,22 @@ function LocationInput({
   classNames,
   inputClass
 }) {
-  const clientContext = useOptionalCimplifyClient();
   const loc = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React14__default.default.useState(loc?.label ?? "");
-  const [suggestions, setSuggestions] = React14__default.default.useState([]);
-  const [isOpen, setIsOpen] = React14__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
-  const debounceRef = React14__default.default.useRef(null);
-  const seqRef = React14__default.default.useRef(0);
-  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React14__default.default.useRef(null);
-  React14__default.default.useEffect(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-      seqRef.current += 1;
-    };
-  }, []);
-  const fetchSuggestions = React14__default.default.useCallback(async (query) => {
-    const client = clientContext?.client;
-    if (!client || query.length < 3) {
-      setSuggestions([]);
-      setIsOpen(false);
-      return;
-    }
-    const seq = ++seqRef.current;
-    const result = await client.places.autocomplete(query, sessionTokenRef.current);
-    if (seqRef.current !== seq) return;
-    if (result.ok && result.value.predictions.length > 0) {
-      setSuggestions(result.value.predictions);
-      setHighlightedIndex(0);
-      setIsOpen(true);
-    } else {
-      setSuggestions([]);
-      setIsOpen(false);
-    }
-  }, [clientContext]);
-  const handleInputChange = (nextValue) => {
-    setInputText(nextValue);
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
-  };
-  const selectSuggestion = React14__default.default.useCallback(async (suggestion) => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    const label = suggestion.description.split(",")[0]?.trim() || suggestion.description;
-    setInputText(label);
-    setSuggestions([]);
-    setIsOpen(false);
-    const client = clientContext?.client;
-    if (!client) return;
-    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
-    sessionTokenRef.current = createSessionToken();
-    if (result.ok) {
-      const d = result.value;
-      onValueChange({
-        latitude: d.latitude,
-        longitude: d.longitude,
-        label: d.formatted_address || label
-      });
-      setInputText(d.formatted_address || label);
-    }
-  }, [clientContext, onValueChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", classNames?.locationInput), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(classNames?.locationInput), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
+      AddressAutocomplete,
       {
-        type: "text",
-        value: inputText,
-        onChange: (e) => handleInputChange(e.target.value),
-        onFocus: () => {
-          if (suggestions.length > 0) setIsOpen(true);
-        },
-        onBlur: () => {
-          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Escape") {
-            setIsOpen(false);
-            return;
-          }
-          if (!isOpen || suggestions.length === 0) return;
-          if (e.key === "ArrowDown") {
-            e.preventDefault();
-            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
-          } else if (e.key === "ArrowUp") {
-            e.preventDefault();
-            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
-          } else if (e.key === "Enter" && highlightedIndex >= 0) {
-            e.preventDefault();
-            void selectSuggestion(suggestions[highlightedIndex]);
-          }
-        },
+        value: loc ? { formatted_address: loc.label ?? "", latitude: loc.latitude, longitude: loc.longitude } : null,
+        onSelect: (address) => onValueChange({
+          latitude: address.latitude,
+          longitude: address.longitude,
+          label: address.formatted_address
+        }),
         placeholder: field.placeholder || "Search for a location...",
         required: field.is_required,
-        autoComplete: "off",
-        "aria-autocomplete": "list",
-        "aria-expanded": isOpen && suggestions.length > 0,
-        className: inputClass
+        classNames: { input: inputClass }
       }
     ),
-    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "aria-selected": i === highlightedIndex,
-        onMouseDown: (e) => {
-          e.preventDefault();
-          void selectSuggestion(s);
-        },
-        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
-        children: s.description
-      },
-      s.place_id
-    )) }),
     loc && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
       loc.latitude.toFixed(4),
       ", ",
@@ -8938,12 +9108,6 @@ function SignatureInput({
     !sig?.data_url && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: field.placeholder || "Draw your signature above" })
   ] });
 }
-function createSessionToken() {
-  if (typeof crypto !== "undefined" && crypto.randomUUID) {
-    return crypto.randomUUID();
-  }
-  return `places_${Date.now()}_${Math.random().toString(16).slice(2)}`;
-}
 function getTimeOfDay(timeStr) {
   const hour = parseInt(timeStr.split("T").pop()?.split(":")[0] ?? timeStr.split(":")[0], 10);
   if (hour < 12) return "morning";
@@ -9189,6 +9353,7 @@ function DateSlotPicker({
   serviceId,
   daysToShow = 7,
   participantCount,
+  units,
   selectedSlot,
   onSlotSelect,
   availability: availabilityProp,
@@ -9223,6 +9388,7 @@ function DateSlotPicker({
     dateRange.endDate,
     {
       participantCount,
+      units,
       enabled: availabilityProp === void 0
     }
   );
@@ -9359,6 +9525,7 @@ function ProductCustomizer({
   onAddToCart,
   onVariantChange,
   showSpecialInstructions = true,
+  submitLabel,
   className,
   classNames
 }) {
@@ -9379,6 +9546,7 @@ function ProductCustomizer({
   const [specialInstructions, setSpecialInstructions] = React14.useState("");
   const [selectedSlot, setSelectedSlot] = React14.useState(null);
   const [selectedStaffId, setSelectedStaffId] = React14.useState(null);
+  const [unitsCount, setUnitsCount] = React14.useState(1);
   const cart = useCart();
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const productType = product.type || "product";
@@ -9386,6 +9554,7 @@ function ProductCustomizer({
   const isBundle = productType === "bundle";
   const isDigital = productType === "digital";
   const isService = productType === "service";
+  const offersUnits = isService && chunkHKN3YG76_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;
@@ -9407,6 +9576,7 @@ function ProductCustomizer({
     setSpecialInstructions("");
     setSelectedSlot(null);
     setSelectedStaffId(null);
+    setUnitsCount(1);
   }, [product.id, product.min_order_quantity]);
   const slotStaff = React14.useMemo(
     () => (selectedSlot?.available_staff ?? []).map((member) => ({
@@ -9496,7 +9666,17 @@ function ProductCustomizer({
     if (perUnit === void 0 || perUnit === null) return void 0;
     return chunkPTPOQVXS_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
-  const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
+  const displayTotalPrice = React14.useMemo(() => {
+    const total = quotedTotalPrice ?? localTotalPrice;
+    const multiplier = chunkHKN3YG76_js.serviceBillingMultiplier(product, {
+      quantity,
+      units: unitsCount,
+      scheduledStart: selectedSlot?.start_time,
+      scheduledEnd: selectedSlot?.end_time
+    });
+    if (multiplier === null) return total;
+    return total / Math.max(1, quantity) * multiplier;
+  }, [quotedTotalPrice, localTotalPrice, product, quantity, unitsCount, selectedSlot]);
   const handleVariantChange = React14.useCallback(
     (variantId, variant) => {
       setSelectedVariantId(variantId);
@@ -9528,7 +9708,8 @@ function ProductCustomizer({
         scheduledStart: selectedSlot.start_time,
         scheduledEnd: selectedSlot.end_time,
         staffId: selectedStaffId ?? selectedSlot.available_staff?.[0]?.staff_id,
-        resourceId: selectedSlot.available_resources?.[0]?.resource_id
+        resourceId: selectedSlot.available_resources?.[0]?.resource_id,
+        units: unitsCount > 1 ? unitsCount : void 0
       } : {},
       customerInputs: Object.keys(customerInputValues).length > 0 ? Object.entries(customerInputValues).filter(([, v]) => v !== void 0 && v !== "").map(([fieldId, value]) => ({ field_id: fieldId, value })) : void 0,
       specialInstructions: specialInstructions.trim() || void 0
@@ -9549,7 +9730,7 @@ function ProductCustomizer({
     } finally {
       setIsSubmitting(false);
     }
-  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isService, selectedSlot, selectedStaffId, isSubmitting, onAddToCart, cart]);
+  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isService, selectedSlot, selectedStaffId, unitsCount, isSubmitting, onAddToCart, cart]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer": true, className: cn("space-y-6", className, classNames?.root), children: [
     isComposite && product.groups && product.composite_id && /* @__PURE__ */ jsxRuntime.jsx(
       CompositeSelector,
@@ -9586,9 +9767,17 @@ function ProductCustomizer({
           setSelectedStaffId(null);
         },
         participantCount: quantity,
-        currency
+        units: offersUnits ? unitsCount : void 0,
+        currency,
+        schedulingMode: product.scheduling_mode ?? (offersUnits ? "multi_day" : "intraday"),
+        durationUnit: product.duration_unit,
+        durationValue: product.duration_value
       }
     ),
+    offersUnits && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-units": true, className: classNames?.units, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium uppercase tracking-wider text-muted-foreground mb-3", children: "Units" }),
+      /* @__PURE__ */ jsxRuntime.jsx(QuantitySelector, { value: unitsCount, onChange: setUnitsCount, min: 1 })
+    ] }),
     isService && slotStaff.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-staff": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium uppercase tracking-wider text-muted-foreground mb-3", children: "Choose your specialist" }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -9747,8 +9936,10 @@ function ProductCustomizer({
                   isAdded && classNames?.submitButtonAdded,
                   classNames?.submitButton
                 ),
-                children: isAdded ? "Added to Cart" : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  "Add to Cart \xB7 ",
+                children: isAdded ? "Added" : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  submitLabel ?? "Add to Cart",
+                  " \xB7",
+                  " ",
                   /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: displayTotalPrice, currency })
                 ] })
               }
@@ -9908,13 +10099,13 @@ function StoreVideo({
   autoplay = true,
   loop = true,
   muted = true,
-  lazy = true,
+  lazy: lazy2 = true,
   className
 }) {
   const ref = React14.useRef(null);
-  const [inView, setInView] = React14.useState(!lazy);
+  const [inView, setInView] = React14.useState(!lazy2);
   React14.useEffect(() => {
-    if (!lazy || inView) return;
+    if (!lazy2 || inView) return;
     const node = ref.current;
     if (!node || typeof IntersectionObserver === "undefined") {
       setInView(true);
@@ -9931,7 +10122,7 @@ function StoreVideo({
     );
     observer.observe(node);
     return () => observer.disconnect();
-  }, [lazy, inView]);
+  }, [lazy2, inView]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -9949,7 +10140,7 @@ function StoreVideo({
           muted,
           playsInline: true,
           controls,
-          preload: lazy ? "metadata" : "auto",
+          preload: lazy2 ? "metadata" : "auto",
           "aria-label": alt,
           style: { width: "100%", height: "100%", objectFit: "cover", display: "block" },
           children: poster ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -10191,7 +10382,7 @@ function CartLineItemRow({
   const isOptimistic = item.isOptimistic === true;
   const lineTotal = chunkPTPOQVXS_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel2 = item.variant ? chunkT7Z25EY4_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel2 = item.variant ? chunkHKN3YG76_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -10291,7 +10482,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 === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.File || input.field_type === chunkT7Z25EY4_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 === 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) })
           ] }, 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" }) }),
@@ -11176,7 +11367,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 === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkHKN3YG76_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: [
@@ -11640,18 +11831,18 @@ function RentalServiceCard({
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const hasDeposit = product.deposit_type && product.deposit_type !== "none" && product.deposit_amount;
   const unit = product.duration_unit ? UNIT_LABELS2[product.duration_unit] || product.duration_unit : "day";
+  const priceUnit = product.price_basis === "per_person" ? "guest" : product.price_basis === "flat" ? "" : unit;
   const status = product.inventory_status;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "16/9", renderImage, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent pointer-events-none" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute bottom-3 left-3 inline-flex items-center text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: [
+      priceUnit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute bottom-3 left-3 inline-flex items-center text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: [
         "Per ",
-        unit
+        priceUnit
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute bottom-3 right-3 text-white font-bold text-lg drop-shadow-sm", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, currency }),
-        "/",
-        unit
+        priceUnit && `/${priceUnit}`
       ] }),
       product.general_service_capacity != null && product.general_service_capacity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 text-[11px] font-semibold tracking-wide bg-blue-50/90 text-blue-700 border border-blue-200/50 backdrop-blur px-2 py-0.5 rounded-md", children: [
         "Up to ",
@@ -11943,36 +12134,36 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkT7Z25EY4_js.DURATION_UNIT.Days, chunkT7Z25EY4_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkT7Z25EY4_js.DURATION_UNIT.Weeks, chunkT7Z25EY4_js.DURATION_UNIT.Months, chunkT7Z25EY4_js.DURATION_UNIT.Years]);
+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]);
 function resolveCardVariant(product) {
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
     switch (product.boundary_kind) {
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.CheckInOut:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut:
         return "accommodation" /* Accommodation */;
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.MoveInOut:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.MoveInOut:
         return "lease" /* Lease */;
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.PickupReturn:
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.DeliveryCollection:
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.AccessVacate:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.DeliveryCollection:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.AccessVacate:
         return "rental" /* Rental */;
     }
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkT7Z25EY4_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkHKN3YG76_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -11983,10 +12174,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -12245,6 +12436,15 @@ function ProductGrid({
   ] });
 }
 
+// src/react/utils/attachment.ts
+var IMAGE_EXTENSIONS = [".jpg", ".jpeg", ".png", ".webp", ".gif", ".bmp", ".svg"];
+function isImageAttachment(attachment) {
+  if (attachment.mime_type?.startsWith("image/")) return true;
+  if (attachment.mime_type) return false;
+  const path = attachment.url.split("?")[0].split("#")[0].toLowerCase();
+  return IMAGE_EXTENSIONS.some((extension) => path.endsWith(extension));
+}
+
 // src/react/utils/boundary-labels.ts
 var PRESET_LABELS = {
   check_in_out: { start: "Check-in", end: "Check-out" },
@@ -12254,14 +12454,14 @@ var PRESET_LABELS = {
   move_in_out: { start: "Move-in", end: "Move-out" }
 };
 function defaultBoundaryKind(unit) {
-  return unit === chunkT7Z25EY4_js.DURATION_UNIT.Nights ? chunkT7Z25EY4_js.BOUNDARY_KIND.CheckInOut : chunkT7Z25EY4_js.BOUNDARY_KIND.PickupReturn;
+  return unit === chunkHKN3YG76_js.DURATION_UNIT.Nights ? chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut : chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn;
 }
 function resolveBoundaryKind(product) {
   return product.boundary_kind ?? defaultBoundaryKind(product.duration_unit);
 }
 function getBoundaryLabels(product) {
   const kind = resolveBoundaryKind(product);
-  if (kind === chunkT7Z25EY4_js.BOUNDARY_KIND.Custom) {
+  if (kind === chunkHKN3YG76_js.BOUNDARY_KIND.Custom) {
     return {
       start: product.boundary_start_label?.trim() || "Start",
       end: product.boundary_end_label?.trim() || "End"
@@ -13426,6 +13626,7 @@ function BookingPage({
   const [selectedDate, setSelectedDate] = React14.useState(null);
   const [selectedStaffId, setSelectedStaffId] = React14.useState(null);
   const [selectedResourceId, setSelectedResourceId] = React14.useState(null);
+  const [bookingUnits, setBookingUnits] = React14.useState(1);
   const [isSubmitting, setIsSubmitting] = React14.useState(false);
   const [error, setError] = React14.useState(null);
   const hasResourceStep = resources && resources.length > 0;
@@ -13519,7 +13720,8 @@ function BookingPage({
           scheduledStart: selectedSlot.start_time,
           scheduledEnd: selectedSlot.end_time,
           staffId: selectedStaffId || void 0,
-          resourceId: selectedResourceId || void 0
+          resourceId: selectedResourceId || void 0,
+          units: bookingUnits > 1 ? bookingUnits : void 0
         });
         onBooked?.(selectedSlot, selectedStaffId);
       }
@@ -13615,6 +13817,31 @@ function BookingPage({
     ] }),
     step === STEP.CONFIRM && selectedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "confirm", className: classNames?.step, children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Confirm your booking" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-units": true, className: classNames?.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Units" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-units-stepper": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-cimplify-booking-units-decrement": true,
+              onClick: () => setBookingUnits((current) => Math.max(1, current - 1)),
+              disabled: bookingUnits <= 1,
+              children: "\u2212"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-units-value": true, children: bookingUnits }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-cimplify-booking-units-increment": true,
+              onClick: () => setBookingUnits((current) => current + 1),
+              children: "+"
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary": true, className: classNames?.summary, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service" }),
@@ -14322,7 +14549,7 @@ function DefaultProductLayout({
   className
 }) {
   const [selectedVariantId, setSelectedVariantId] = React14__default.default.useState();
-  const images = chunkT7Z25EY4_js.resolveGallery(product, selectedVariantId);
+  const images = chunkHKN3YG76_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);
@@ -14969,25 +15196,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -16751,6 +16978,112 @@ function CurrencySelector({
     );
   }) });
 }
+var Streamdown = React14.lazy(() => import('streamdown').then((m) => ({ default: m.Streamdown })));
+function detectLookbehindSupport() {
+  try {
+    new RegExp("(?<=a)b");
+    return true;
+  } catch {
+    return false;
+  }
+}
+var supportsRegExpLookbehind = detectLookbehindSupport();
+marked.marked.setOptions({
+  gfm: true,
+  breaks: true
+});
+var ALLOWED_TAGS = [
+  "a",
+  "b",
+  "blockquote",
+  "br",
+  "code",
+  "del",
+  "em",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "hr",
+  "i",
+  "li",
+  "ol",
+  "p",
+  "pre",
+  "strong",
+  "table",
+  "tbody",
+  "td",
+  "th",
+  "thead",
+  "tr",
+  "ul"
+];
+var ALLOWED_ATTR = ["href", "rel", "target", "title", "start"];
+var hooksInstalled = false;
+function installHooks() {
+  if (hooksInstalled) return;
+  hooksInstalled = true;
+  DOMPurify__default.default.addHook("afterSanitizeAttributes", (node) => {
+    if (!(node instanceof HTMLAnchorElement)) return;
+    if (!node.getAttribute("href")) return;
+    node.setAttribute("rel", "noreferrer noopener");
+    node.setAttribute("target", "_blank");
+  });
+}
+var CACHE_LIMIT = 300;
+var cache = /* @__PURE__ */ new Map();
+function renderMarkdown(text) {
+  const cached = cache.get(text);
+  if (cached !== void 0) return cached;
+  installHooks();
+  const html = DOMPurify__default.default.sanitize(marked.marked.parse(text), {
+    ALLOWED_TAGS,
+    ALLOWED_ATTR
+  });
+  if (cache.size >= CACHE_LIMIT) {
+    const oldest = cache.keys().next().value;
+    if (oldest !== void 0) cache.delete(oldest);
+  }
+  cache.set(text, html);
+  return html;
+}
+function SettledMarkdown({ text, className }) {
+  const html = React14.useMemo(() => renderMarkdown(text), [text]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, dangerouslySetInnerHTML: { __html: html } });
+}
+var ChatMarkdown = React14.memo(function ChatMarkdown2({
+  text,
+  className,
+  streaming = false
+}) {
+  if (streaming && supportsRegExpLookbehind) {
+    return (
+      // While the streamdown chunk loads, the settled renderer keeps the
+      // text on screen — no blank frame at stream start.
+      /* @__PURE__ */ jsxRuntime.jsx(React14.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(SettledMarkdown, { text, className }), children: /* @__PURE__ */ jsxRuntime.jsx(Streamdown, { className, children: text }) })
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SettledMarkdown, { text, className });
+});
+
+// src/react/chat-model.ts
+function partitionMessages(messages) {
+  const bubbles = [];
+  const reactionsByTarget = /* @__PURE__ */ new Map();
+  for (const message of messages) {
+    if (message.content_type === "reaction") {
+      const targetId = message.reply_to?.id;
+      if (!targetId) continue;
+      const list = reactionsByTarget.get(targetId);
+      if (list) list.push(message);
+      else reactionsByTarget.set(targetId, [message]);
+      continue;
+    }
+    bubbles.push(message);
+  }
+  return { bubbles, reactionsByTarget };
+}
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -16767,24 +17100,46 @@ function ChatWidget({
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
   const [open, setOpen] = React14.useState(defaultOpen);
-  const [unread, setUnread] = React14.useState(0);
-  const { messages, isLoading, isSending, error, isActive, send, startConversation } = useChat({ client, pollInterval });
-  const prevCountRef = React14.useRef(messages.length);
-  React14.useEffect(() => {
-    if (!open && messages.length > prevCountRef.current) {
-      const newMessages = messages.slice(prevCountRef.current);
-      const incomingCount = newMessages.filter(
-        (m) => m.sender_type !== "customer"
-      ).length;
-      if (incomingCount > 0) setUnread((n) => n + incomingCount);
-    }
-    prevCountRef.current = messages.length;
-  }, [messages, open]);
+  const [readCount, setReadCount] = React14.useState(0);
+  const {
+    messages,
+    isLoading,
+    isSending,
+    awaitingReply,
+    seenAt,
+    error,
+    isActive,
+    claimedAs,
+    signOut,
+    send,
+    react,
+    startConversation
+  } = useChat({ client, pollInterval });
+  const showTyping = isSending || awaitingReply;
+  const attachPhoto = React14.useCallback(
+    async (file) => {
+      if (!client || !file.type.startsWith("image/") || file.size > 5 * 1024 * 1024) return;
+      const uploaded = await client.uploads.upload(file);
+      if (!uploaded.ok) return;
+      const attachment = {
+        upload_id: uploaded.value.id,
+        url: uploaded.value.url,
+        mime_type: uploaded.value.content_type,
+        filename: uploaded.value.filename,
+        size: uploaded.value.size_bytes
+      };
+      await send("", { attachments: [attachment] });
+    },
+    [client, send]
+  );
+  const unread = open ? 0 : messages.slice(readCount).filter((m) => m.sender_type !== "customer").length;
   const handleOpen = React14.useCallback(() => {
     setOpen(true);
-    setUnread(0);
   }, []);
-  const handleClose = React14.useCallback(() => setOpen(false), []);
+  const handleClose = React14.useCallback(() => {
+    setReadCount(messages.length);
+    setOpen(false);
+  }, [messages.length]);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -16815,11 +17170,17 @@ function ChatWidget({
             messages,
             isLoading,
             isSending,
+            isTyping: showTyping,
+            seenAt,
             error,
             isActive,
             isLeft,
+            claimedAs,
+            onSignOut: () => void signOut(),
             onClose: handleClose,
             onSend: send,
+            onReact: react,
+            onAttach: attachPhoto,
             onStartConversation: startConversation,
             classNames
           }
@@ -16872,11 +17233,17 @@ function Panel({
   messages,
   isLoading,
   isSending,
+  isTyping,
+  seenAt,
   error,
   isActive,
   isLeft,
+  claimedAs,
+  onSignOut,
   onClose,
   onSend,
+  onReact,
+  onAttach,
   onStartConversation,
   classNames
 }) {
@@ -16896,6 +17263,8 @@ function Panel({
           Header,
           {
             businessName,
+            claimedAs,
+            onSignOut,
             onClose,
             className: classNames?.header
           }
@@ -16914,7 +17283,9 @@ function Panel({
           {
             messages,
             isLoading,
-            isSending,
+            isSending: isTyping,
+            seenAt,
+            onReact,
             className: classNames?.messages
           }
         ),
@@ -16925,6 +17296,7 @@ function Panel({
             placeholder,
             isSending,
             onSend,
+            onAttach,
             className: classNames?.input
           }
         ),
@@ -16939,6 +17311,8 @@ function Panel({
 }
 function Header({
   businessName,
+  claimedAs,
+  onSignOut,
   onClose,
   className
 }) {
@@ -16953,7 +17327,22 @@ function Header({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-white/15", children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-5 w-5" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[15px] font-semibold leading-tight", children: businessName }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/60", children: [
+          claimedAs ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-white/60", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+              "Chatting as ",
+              claimedAs
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onSignOut,
+                className: "flex-shrink-0 underline underline-offset-2 hover:text-white",
+                children: "Not you?"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/60", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[7px] w-[7px] flex-shrink-0 rounded-full bg-emerald-400" }),
             "Online"
           ] })
@@ -17020,16 +17409,25 @@ 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 MessageList({
   messages,
   isLoading,
   isSending,
+  seenAt,
+  onReact,
   className
 }) {
-  const bottomRef = React14.useRef(null);
-  React14.useEffect(() => {
-    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages.length, isSending]);
+  const { bubbles, reactionsByTarget } = partitionMessages(messages);
+  const seenMessageId = lastSeenCustomerMessageId(bubbles, seenAt);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -17039,44 +17437,123 @@ function MessageList({
       ),
       children: [
         isLoading && messages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
-        messages.map((msg, i) => {
+        bubbles.map((msg, i) => {
           const isCustomer = msg.sender_type === "customer";
-          const prev = messages[i - 1];
+          const prev = bubbles[i - 1];
           const sameSenderAsPrev = prev?.sender_type === msg.sender_type;
           const isOptimistic = msg.id.startsWith("opt_");
+          const reactions = reactionsByTarget.get(msg.id);
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             !sameSenderAsPrev && i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 className: cn(
-                  "flex max-w-[85%]",
+                  "group relative flex max-w-[85%]",
                   isCustomer ? "ml-auto" : "mr-auto"
                 ),
-                children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
-                      isCustomer ? "bg-foreground text-background" : "border border-border bg-background text-foreground",
-                      isCustomer ? sameSenderAsPrev ? "rounded-tr" : "rounded-br" : sameSenderAsPrev ? "rounded-tl" : "rounded-bl",
-                      isOptimistic && "opacity-70"
-                    ),
-                    children: [
-                      !isCustomer && !sameSenderAsPrev && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold text-violet-600", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
-                        "AI"
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: msg.content })
-                    ]
-                  }
-                )
+                children: [
+                  !isCustomer && !isOptimistic && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-3 right-0 z-10 hidden gap-0.5 rounded-full border border-border bg-background px-1 py-0.5 shadow-sm group-hover:flex", children: QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `React ${emoji}`,
+                      onClick: () => void onReact(msg, emoji),
+                      className: "flex h-6 w-6 items-center justify-center rounded-full text-[13px] hover:bg-muted",
+                      children: emoji
+                    },
+                    emoji
+                  )) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
+                        isCustomer ? "bg-foreground text-background" : "border border-border bg-background text-foreground",
+                        isCustomer ? sameSenderAsPrev ? "rounded-tr" : "rounded-br" : sameSenderAsPrev ? "rounded-tl" : "rounded-bl",
+                        isOptimistic && "opacity-70"
+                      ),
+                      children: [
+                        !isCustomer && !sameSenderAsPrev && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold text-violet-600", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
+                          "AI"
+                        ] }),
+                        msg.reply_to && /* @__PURE__ */ jsxRuntime.jsxs(
+                          "div",
+                          {
+                            className: cn(
+                              "mb-1.5 flex gap-1.5 rounded-lg px-2 py-1 text-xs",
+                              isCustomer ? "bg-background/15" : "bg-muted"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "span",
+                                {
+                                  className: cn(
+                                    "w-[3px] shrink-0 self-stretch rounded-full",
+                                    isCustomer ? "bg-background/40" : "bg-muted-foreground/40"
+                                  )
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate opacity-80", children: msg.reply_to.preview })
+                            ]
+                          }
+                        ),
+                        msg.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-1.5", msg.content && "mb-1.5"), children: msg.attachments.map(
+                          (attachment, index) => attachment.mime_type?.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: attachment.url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "img",
+                            {
+                              src: attachment.url,
+                              alt: attachment.filename ?? "Photo",
+                              loading: "lazy",
+                              className: "max-h-48 max-w-full rounded-lg object-cover"
+                            }
+                          ) }, index) : /* @__PURE__ */ jsxRuntime.jsx(
+                            "a",
+                            {
+                              href: attachment.url,
+                              target: "_blank",
+                              rel: "noreferrer",
+                              className: "truncate text-xs underline",
+                              children: attachment.filename ?? "Attachment"
+                            },
+                            index
+                          )
+                        ) }),
+                        isCustomer ? msg.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) : /* @__PURE__ */ jsxRuntime.jsx(
+                          ChatMarkdown,
+                          {
+                            text: msg.content,
+                            className: "[&_p]:my-0 [&_p+p]:mt-1.5 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:my-0.5 [&_h1]:text-sm [&_h1]:font-bold [&_h2]:text-sm [&_h2]:font-bold [&_h3]:text-sm [&_h3]:font-semibold [&_hr]:my-2 [&_table]:my-1 [&_table]:w-full [&_th]:pb-1 [&_th]:text-left [&_th]:text-[10px] [&_th]:font-semibold [&_th]:uppercase [&_td]:py-1 [&_td:last-child]:text-right [&_td:last-child]:font-semibold [&_td:last-child]:tabular-nums [&_a]:underline"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
               }
-            )
+            ),
+            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);
         }),
         isSending && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: bottomRef })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (node) => {
+              node?.scrollIntoView({ behavior: "smooth" });
+            }
+          },
+          `${messages.length}:${isSending}`
+        )
       ]
     }
   );
@@ -17085,10 +17562,24 @@ function ChatInput({
   placeholder,
   isSending,
   onSend,
+  onAttach,
   className
 }) {
   const [value, setValue] = React14.useState("");
+  const [uploading, setUploading] = React14.useState(false);
   const textareaRef = React14.useRef(null);
+  const fileRef = React14.useRef(null);
+  const handleAttach = React14.useCallback(
+    async (file) => {
+      setUploading(true);
+      try {
+        await onAttach(file);
+      } finally {
+        setUploading(false);
+      }
+    },
+    [onAttach]
+  );
   const handleSend = React14.useCallback(() => {
     const trimmed = value.trim();
     if (!trimmed || isSending) return;
@@ -17122,6 +17613,37 @@ function ChatInput({
         className
       ),
       children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileRef,
+            type: "file",
+            accept: "image/*",
+            className: "hidden",
+            "aria-hidden": "true",
+            tabIndex: -1,
+            onChange: (e) => {
+              const file = e.target.files?.[0];
+              e.target.value = "";
+              if (file) void handleAttach(file);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Attach a photo",
+            disabled: uploading,
+            onClick: () => fileRef.current?.click(),
+            className: cn(
+              "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-[10px]",
+              "bg-muted text-muted-foreground transition-colors hover:text-foreground",
+              uploading && "animate-pulse"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(ImageIcon, { className: "h-[18px] w-[18px]" })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -17224,6 +17746,25 @@ function SendIcon({ className }) {
     }
   );
 }
+function ImageIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "21 15 16 10 5 21" })
+      ]
+    }
+  );
+}
 function SparkleIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -17238,9 +17779,1838 @@ function SparkleIcon({ className }) {
   );
 }
 
-Object.defineProperty(exports, "getVariantDisplayName", {
+// src/react/genui/catalog.ts
+function genUICatalog(registry) {
+  return new Map(
+    registry.components.map((component) => [
+      component.name,
+      {
+        params: component.params.map((param) => ({
+          name: param.name,
+          required: param.required ?? false
+        }))
+      }
+    ])
+  );
+}
+
+// src/genui/lang/parser/ast.ts
+function isRuntimeExpr(node) {
+  switch (node.k) {
+    case "StateRef":
+    case "RuntimeRef":
+    case "BinOp":
+    case "UnaryOp":
+    case "Ternary":
+    case "Member":
+    case "Index":
+    case "Assign":
+      return true;
+    default:
+      return false;
+  }
+}
+var AST_KINDS = /* @__PURE__ */ new Set([
+  "Comp",
+  "Ref",
+  "StateRef",
+  "RuntimeRef",
+  "BinOp",
+  "UnaryOp",
+  "Ternary",
+  "Member",
+  "Index",
+  "Assign",
+  "Str",
+  "Num",
+  "Bool",
+  "Null",
+  "Arr",
+  "Obj",
+  "Ph"
+]);
+function isASTNode(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  return AST_KINDS.has(value.k);
+}
+function walkAST(node, visit) {
+  const walk = (current) => {
+    visit(current);
+    switch (current.k) {
+      case "Comp":
+        current.args.forEach(walk);
+        Object.values(current.mappedProps ?? {}).forEach(walk);
+        break;
+      case "Arr":
+        current.els.forEach(walk);
+        break;
+      case "Obj":
+        current.entries.forEach(([, value]) => walk(value));
+        break;
+      case "BinOp":
+        walk(current.left);
+        walk(current.right);
+        break;
+      case "UnaryOp":
+        walk(current.operand);
+        break;
+      case "Ternary":
+        walk(current.cond);
+        walk(current.then);
+        walk(current.else);
+        break;
+      case "Member":
+        walk(current.obj);
+        break;
+      case "Index":
+        walk(current.obj);
+        walk(current.index);
+        break;
+      case "Assign":
+        walk(current.value);
+        break;
+    }
+  };
+  walk(node);
+}
+
+// src/genui/lang/parser/builtins.ts
+function resolveField(obj, path) {
+  if (!path || obj == null) return void 0;
+  if (!path.includes(".")) return obj[path];
+  let cur = obj;
+  for (const p of path.split(".")) {
+    if (cur == null) return void 0;
+    cur = cur[p];
+  }
+  return cur;
+}
+function toNumber2(val) {
+  if (typeof val === "number") return val;
+  if (typeof val === "string") {
+    const n = Number(val);
+    return isNaN(n) ? 0 : n;
+  }
+  if (typeof val === "boolean") return val ? 1 : 0;
+  return 0;
+}
+var BUILTINS = {
+  Count: {
+    name: "Count",
+    signature: "Count(array) \u2192 number",
+    description: "Returns array length",
+    fn: (arr) => Array.isArray(arr) ? arr.length : 0
+  },
+  First: {
+    name: "First",
+    signature: "First(array) \u2192 element",
+    description: "Returns first element of array",
+    fn: (arr) => Array.isArray(arr) ? arr[0] ?? null : null
+  },
+  Last: {
+    name: "Last",
+    signature: "Last(array) \u2192 element",
+    description: "Returns last element of array",
+    fn: (arr) => Array.isArray(arr) ? arr[arr.length - 1] ?? null : null
+  },
+  Sum: {
+    name: "Sum",
+    signature: "Sum(numbers[]) \u2192 number",
+    description: "Sum of numeric array",
+    fn: (arr) => Array.isArray(arr) ? arr.reduce((a, b) => a + toNumber2(b), 0) : 0
+  },
+  Avg: {
+    name: "Avg",
+    signature: "Avg(numbers[]) \u2192 number",
+    description: "Average of numeric array",
+    fn: (arr) => Array.isArray(arr) && arr.length ? arr.reduce((a, b) => a + toNumber2(b), 0) / arr.length : 0
+  },
+  Min: {
+    name: "Min",
+    signature: "Min(numbers[]) \u2192 number",
+    description: "Minimum value in array",
+    fn: (arr) => Array.isArray(arr) && arr.length ? arr.reduce((acc, b) => Math.min(acc, toNumber2(b)), toNumber2(arr[0])) : 0
+  },
+  Max: {
+    name: "Max",
+    signature: "Max(numbers[]) \u2192 number",
+    description: "Maximum value in array",
+    fn: (arr) => Array.isArray(arr) && arr.length ? arr.reduce((acc, b) => Math.max(acc, toNumber2(b)), toNumber2(arr[0])) : 0
+  },
+  Sort: {
+    name: "Sort",
+    signature: "Sort(array, field, direction?) \u2192 sorted array",
+    description: 'Sort array by field. Direction: "asc" (default) or "desc"',
+    fn: (arr, field, dir) => {
+      if (!Array.isArray(arr)) return arr;
+      const f = String(field ?? "");
+      const desc = String(dir ?? "asc") === "desc";
+      return [...arr].sort((a, b) => {
+        const av = f ? resolveField(a, f) : a;
+        const bv = f ? resolveField(b, f) : b;
+        const aIsNumeric = typeof av === "number" || typeof av === "string" && !isNaN(Number(av)) && av !== "";
+        const bIsNumeric = typeof bv === "number" || typeof bv === "string" && !isNaN(Number(bv)) && bv !== "";
+        if (aIsNumeric && bIsNumeric) {
+          const diff = toNumber2(av) - toNumber2(bv);
+          return desc ? -diff : diff;
+        }
+        const cmp = String(av ?? "").localeCompare(String(bv ?? ""));
+        return desc ? -cmp : cmp;
+      });
+    }
+  },
+  Filter: {
+    name: "Filter",
+    signature: 'Filter(array, field, operator: "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains", value) \u2192 filtered array',
+    description: "Filter array by field value",
+    fn: (arr, field, op, value) => {
+      if (!Array.isArray(arr)) return [];
+      const f = String(field ?? "");
+      const o = String(op ?? "==");
+      return arr.filter((item) => {
+        const v = f ? resolveField(item, f) : item;
+        switch (o) {
+          case "==":
+            return v == value;
+          case "!=":
+            return v != value;
+          case ">":
+            return toNumber2(v) > toNumber2(value);
+          case "<":
+            return toNumber2(v) < toNumber2(value);
+          case ">=":
+            return toNumber2(v) >= toNumber2(value);
+          case "<=":
+            return toNumber2(v) <= toNumber2(value);
+          case "contains":
+            return String(v ?? "").includes(String(value ?? ""));
+          default:
+            return false;
+        }
+      });
+    }
+  },
+  Round: {
+    name: "Round",
+    signature: "Round(number, decimals?) \u2192 number",
+    description: "Round to N decimal places (default 0)",
+    fn: (n, decimals) => {
+      const num = toNumber2(n);
+      const d = decimals != null ? toNumber2(decimals) : 0;
+      const factor = Math.pow(10, d);
+      return Math.round(num * factor) / factor;
+    }
+  },
+  Abs: {
+    name: "Abs",
+    signature: "Abs(number) \u2192 number",
+    description: "Absolute value",
+    fn: (n) => Math.abs(toNumber2(n))
+  },
+  Floor: {
+    name: "Floor",
+    signature: "Floor(number) \u2192 number",
+    description: "Round down to nearest integer",
+    fn: (n) => Math.floor(toNumber2(n))
+  },
+  Ceil: {
+    name: "Ceil",
+    signature: "Ceil(number) \u2192 number",
+    description: "Round up to nearest integer",
+    fn: (n) => Math.ceil(toNumber2(n))
+  }
+};
+var LAZY_BUILTINS = /* @__PURE__ */ new Set(["Each"]);
+var ACTION_STEPS = {
+  Run: "run",
+  ToAssistant: "continue_conversation",
+  OpenUrl: "open_url",
+  Set: "set",
+  Reset: "reset"
+};
+var ACTION_NAMES = /* @__PURE__ */ new Set(["Action", ...Object.keys(ACTION_STEPS)]);
+var BUILTIN_NAMES = /* @__PURE__ */ new Set([
+  ...Object.keys(BUILTINS),
+  ...LAZY_BUILTINS,
+  ...ACTION_NAMES
+]);
+function isBuiltin(name) {
+  return BUILTIN_NAMES.has(name);
+}
+var RESERVED_CALLS = { Query: "Query", Mutation: "Mutation" };
+function isReservedCall(name) {
+  return name in RESERVED_CALLS;
+}
+
+// src/genui/lang/parser/expressions.ts
+var PREC_TERNARY = 1;
+var PREC_OR = 2;
+var PREC_AND = 3;
+var PREC_EQ = 4;
+var PREC_CMP = 5;
+var PREC_ADD = 6;
+var PREC_MUL = 7;
+var PREC_UNARY = 8;
+var PREC_MEMBER = 9;
+function parseExpression(tokens) {
+  let pos = 0;
+  const cur = () => tokens[pos] ?? { t: 13 /* EOF */ };
+  const adv = () => {
+    const tok = cur();
+    pos++;
+    return tok;
+  };
+  const eat = (kind) => {
+    if (cur().t === kind) pos++;
+  };
+  function getInfixPrec(tok) {
+    switch (tok.t) {
+      case 34 /* Question */:
+        return PREC_TERNARY;
+      case 32 /* Or */:
+        return PREC_OR;
+      case 31 /* And */:
+        return PREC_AND;
+      case 25 /* EqEq */:
+      case 26 /* NotEq */:
+        return PREC_EQ;
+      case 27 /* Greater */:
+      case 28 /* Less */:
+      case 29 /* GreaterEq */:
+      case 30 /* LessEq */:
+        return PREC_CMP;
+      case 20 /* Plus */:
+      case 21 /* Minus */:
+        return PREC_ADD;
+      case 22 /* Star */:
+      case 23 /* Slash */:
+      case 24 /* Percent */:
+        return PREC_MUL;
+      case 19 /* Dot */:
+      case 3 /* LBrack */:
+        return PREC_MEMBER;
+      default:
+        return 0;
+    }
+  }
+  function parseExpr(minPrec = 0) {
+    let left = parsePrefix();
+    while (getInfixPrec(cur()) > minPrec) {
+      left = parseInfix(left);
+    }
+    return left;
+  }
+  function parsePrefix() {
+    const tok = cur();
+    if (tok.t === 14 /* Str */) {
+      adv();
+      return { k: "Str", v: tok.v };
+    }
+    if (tok.t === 15 /* Num */) {
+      adv();
+      return { k: "Num", v: tok.v };
+    }
+    if (tok.t === 10 /* True */) {
+      adv();
+      return { k: "Bool", v: true };
+    }
+    if (tok.t === 11 /* False */) {
+      adv();
+      return { k: "Bool", v: false };
+    }
+    if (tok.t === 12 /* Null */) {
+      adv();
+      return { k: "Null" };
+    }
+    if (tok.t === 3 /* LBrack */) return parseArr();
+    if (tok.t === 5 /* LBrace */) return parseObj();
+    if (tok.t === 18 /* StateVar */) {
+      const name = tok.v;
+      adv();
+      if (cur().t === 9 /* Equals */) {
+        adv();
+        const value = parseExpr(0);
+        return { k: "Assign", target: name, value };
+      }
+      return { k: "StateRef", n: name };
+    }
+    if (tok.t === 17 /* Type */) {
+      const name = tok.v;
+      if (tokens[pos + 1]?.t === 1 /* LParen */ && (!isBuiltin(name) || name === "Action"))
+        return parseComp();
+      adv();
+      return { k: "Ref", n: name };
+    }
+    if (tok.t === 35 /* BuiltinCall */) {
+      if (tokens[pos + 1]?.t === 1 /* LParen */) return parseComp();
+      adv();
+      return { k: "Ref", n: tok.v };
+    }
+    if (tok.t === 16 /* Ident */) {
+      adv();
+      return { k: "Ref", n: tok.v };
+    }
+    if (tok.t === 33 /* Not */) {
+      adv();
+      return { k: "UnaryOp", op: "!", operand: parseExpr(PREC_UNARY) };
+    }
+    if (tok.t === 21 /* Minus */) {
+      adv();
+      return { k: "UnaryOp", op: "-", operand: parseExpr(PREC_UNARY) };
+    }
+    if (tok.t === 1 /* LParen */) {
+      adv();
+      const inner = parseExpr(0);
+      eat(2 /* RParen */);
+      return inner;
+    }
+    adv();
+    return { k: "Null" };
+  }
+  function parseInfix(left) {
+    const tok = cur();
+    if (tok.t === 20 /* Plus */) {
+      adv();
+      return { k: "BinOp", op: "+", left, right: parseExpr(PREC_ADD) };
+    }
+    if (tok.t === 21 /* Minus */) {
+      adv();
+      return { k: "BinOp", op: "-", left, right: parseExpr(PREC_ADD) };
+    }
+    if (tok.t === 22 /* Star */) {
+      adv();
+      return { k: "BinOp", op: "*", left, right: parseExpr(PREC_MUL) };
+    }
+    if (tok.t === 23 /* Slash */) {
+      adv();
+      return { k: "BinOp", op: "/", left, right: parseExpr(PREC_MUL) };
+    }
+    if (tok.t === 24 /* Percent */) {
+      adv();
+      return { k: "BinOp", op: "%", left, right: parseExpr(PREC_MUL) };
+    }
+    if (tok.t === 25 /* EqEq */) {
+      adv();
+      return { k: "BinOp", op: "==", left, right: parseExpr(PREC_EQ) };
+    }
+    if (tok.t === 26 /* NotEq */) {
+      adv();
+      return { k: "BinOp", op: "!=", left, right: parseExpr(PREC_EQ) };
+    }
+    if (tok.t === 27 /* Greater */) {
+      adv();
+      return { k: "BinOp", op: ">", left, right: parseExpr(PREC_CMP) };
+    }
+    if (tok.t === 28 /* Less */) {
+      adv();
+      return { k: "BinOp", op: "<", left, right: parseExpr(PREC_CMP) };
+    }
+    if (tok.t === 29 /* GreaterEq */) {
+      adv();
+      return { k: "BinOp", op: ">=", left, right: parseExpr(PREC_CMP) };
+    }
+    if (tok.t === 30 /* LessEq */) {
+      adv();
+      return { k: "BinOp", op: "<=", left, right: parseExpr(PREC_CMP) };
+    }
+    if (tok.t === 31 /* And */) {
+      adv();
+      return { k: "BinOp", op: "&&", left, right: parseExpr(PREC_AND) };
+    }
+    if (tok.t === 32 /* Or */) {
+      adv();
+      return { k: "BinOp", op: "||", left, right: parseExpr(PREC_OR) };
+    }
+    if (tok.t === 34 /* Question */) {
+      adv();
+      const then = parseExpr(0);
+      eat(8 /* Colon */);
+      const els = parseExpr(0);
+      return { k: "Ternary", cond: left, then, else: els };
+    }
+    if (tok.t === 19 /* Dot */) {
+      adv();
+      const fieldTok = cur();
+      const field = fieldTok.t === 16 /* Ident */ || fieldTok.t === 17 /* Type */ || fieldTok.t === 14 /* Str */ || fieldTok.t === 15 /* Num */ ? (adv(), String(fieldTok.v)) : fieldTok.t === 18 /* StateVar */ ? (adv(), fieldTok.v.replace(/^\$/, "")) : (adv(), "?");
+      return { k: "Member", obj: left, field };
+    }
+    if (tok.t === 3 /* LBrack */) {
+      adv();
+      const index = parseExpr(0);
+      eat(4 /* RBrack */);
+      return { k: "Index", obj: left, index };
+    }
+    return left;
+  }
+  function parseComp() {
+    const name = cur().v;
+    adv();
+    eat(1 /* LParen */);
+    const args = [];
+    while (cur().t !== 2 /* RParen */ && cur().t !== 13 /* EOF */) {
+      args.push(parseExpr(0));
+      if (cur().t === 7 /* Comma */) adv();
+    }
+    eat(2 /* RParen */);
+    return { k: "Comp", name, args };
+  }
+  function parseArr() {
+    adv();
+    const els = [];
+    while (cur().t !== 4 /* RBrack */ && cur().t !== 13 /* EOF */) {
+      els.push(parseExpr(0));
+      if (cur().t === 7 /* Comma */) adv();
+    }
+    eat(4 /* RBrack */);
+    return { k: "Arr", els };
+  }
+  function parseObj() {
+    adv();
+    const entries = [];
+    while (cur().t !== 6 /* RBrace */ && cur().t !== 13 /* EOF */) {
+      const kt = cur();
+      const key = kt.t === 16 /* Ident */ || kt.t === 14 /* Str */ || kt.t === 17 /* Type */ || kt.t === 15 /* Num */ ? (adv(), String(kt.v)) : kt.t === 18 /* StateVar */ ? (adv(), kt.v.replace(/^\$/, "")) : (adv(), "?");
+      eat(8 /* Colon */);
+      entries.push([key, parseExpr(0)]);
+      if (cur().t === 7 /* Comma */) adv();
+    }
+    eat(6 /* RBrace */);
+    return { k: "Obj", entries };
+  }
+  return parseExpr(0);
+}
+
+// src/genui/lang/parser/lexer.ts
+function tokenize(src) {
+  const tokens = [];
+  let i = 0;
+  const n = src.length;
+  while (i < n) {
+    while (i < n && (src[i] === " " || src[i] === "	" || src[i] === "\r")) i++;
+    if (i >= n) break;
+    const c = src[i];
+    if (c === "\n") {
+      tokens.push({ t: 0 /* Newline */ });
+      i++;
+      continue;
+    }
+    if (c === "(") {
+      tokens.push({ t: 1 /* LParen */ });
+      i++;
+      continue;
+    }
+    if (c === ")") {
+      tokens.push({ t: 2 /* RParen */ });
+      i++;
+      continue;
+    }
+    if (c === "[") {
+      tokens.push({ t: 3 /* LBrack */ });
+      i++;
+      continue;
+    }
+    if (c === "]") {
+      tokens.push({ t: 4 /* RBrack */ });
+      i++;
+      continue;
+    }
+    if (c === "{") {
+      tokens.push({ t: 5 /* LBrace */ });
+      i++;
+      continue;
+    }
+    if (c === "}") {
+      tokens.push({ t: 6 /* RBrace */ });
+      i++;
+      continue;
+    }
+    if (c === ",") {
+      tokens.push({ t: 7 /* Comma */ });
+      i++;
+      continue;
+    }
+    if (c === ":") {
+      tokens.push({ t: 8 /* Colon */ });
+      i++;
+      continue;
+    }
+    if (c === "=") {
+      if (i + 1 < n && src[i + 1] === "=") {
+        tokens.push({ t: 25 /* EqEq */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 9 /* Equals */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === "!") {
+      if (i + 1 < n && src[i + 1] === "=") {
+        tokens.push({ t: 26 /* NotEq */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 33 /* Not */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === ">") {
+      if (i + 1 < n && src[i + 1] === "=") {
+        tokens.push({ t: 29 /* GreaterEq */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 27 /* Greater */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === "<") {
+      if (i + 1 < n && src[i + 1] === "=") {
+        tokens.push({ t: 30 /* LessEq */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 28 /* Less */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === "&") {
+      if (i + 1 < n && src[i + 1] === "&") {
+        tokens.push({ t: 31 /* And */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 31 /* And */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === "|") {
+      if (i + 1 < n && src[i + 1] === "|") {
+        tokens.push({ t: 32 /* Or */ });
+        i += 2;
+      } else {
+        tokens.push({ t: 32 /* Or */ });
+        i++;
+      }
+      continue;
+    }
+    if (c === ".") {
+      tokens.push({ t: 19 /* Dot */ });
+      i++;
+      continue;
+    }
+    if (c === "?") {
+      tokens.push({ t: 34 /* Question */ });
+      i++;
+      continue;
+    }
+    if (c === "+") {
+      tokens.push({ t: 20 /* Plus */ });
+      i++;
+      continue;
+    }
+    if (c === "*") {
+      tokens.push({ t: 22 /* Star */ });
+      i++;
+      continue;
+    }
+    if (c === "/") {
+      tokens.push({ t: 23 /* Slash */ });
+      i++;
+      continue;
+    }
+    if (c === "%") {
+      tokens.push({ t: 24 /* Percent */ });
+      i++;
+      continue;
+    }
+    if (c === '"') {
+      const start = i;
+      i++;
+      let isClosed = false;
+      while (i < n) {
+        if (src[i] === "\\") {
+          i += 2;
+        } else if (src[i] === '"') {
+          i++;
+          isClosed = true;
+          break;
+        } else {
+          i++;
+        }
+      }
+      const rawString = src.slice(start, i);
+      try {
+        const validJsonString = isClosed ? rawString : rawString + '"';
+        tokens.push({ t: 14 /* Str */, v: JSON.parse(validJsonString) });
+      } catch {
+        const stripped = rawString.replace(/^"|"$/g, "");
+        tokens.push({ t: 14 /* Str */, v: stripped });
+      }
+      continue;
+    }
+    if (c === "'") {
+      i++;
+      let result = "";
+      while (i < n) {
+        if (src[i] === "\\") {
+          i++;
+          if (i < n) {
+            const esc = src[i];
+            if (esc === "'") result += "'";
+            else if (esc === "\\") result += "\\";
+            else if (esc === "n") result += "\n";
+            else if (esc === "t") result += "	";
+            else result += esc;
+            i++;
+          }
+        } else if (src[i] === "'") {
+          i++;
+          break;
+        } else {
+          result += src[i];
+          i++;
+        }
+      }
+      tokens.push({ t: 14 /* Str */, v: result });
+      continue;
+    }
+    if (c === "-") {
+      const prev = tokens.length > 0 ? tokens[tokens.length - 1] : null;
+      const afterValue = prev != null && (prev.t === 15 /* Num */ || prev.t === 14 /* Str */ || prev.t === 16 /* Ident */ || prev.t === 17 /* Type */ || prev.t === 2 /* RParen */ || prev.t === 4 /* RBrack */ || prev.t === 10 /* True */ || prev.t === 11 /* False */ || prev.t === 12 /* Null */ || prev.t === 18 /* StateVar */ || prev.t === 35 /* BuiltinCall */);
+      if (!afterValue && i + 1 < n && src[i + 1] >= "0" && src[i + 1] <= "9") ; else {
+        tokens.push({ t: 21 /* Minus */ });
+        i++;
+        continue;
+      }
+    }
+    const isDigit = c >= "0" && c <= "9";
+    const isNegDigit = c === "-" && i + 1 < n && src[i + 1] >= "0" && src[i + 1] <= "9";
+    if (isDigit || isNegDigit) {
+      const start = i;
+      if (src[i] === "-") i++;
+      while (i < n && src[i] >= "0" && src[i] <= "9") i++;
+      if (i < n && src[i] === "." && i + 1 < n && src[i + 1] >= "0" && src[i + 1] <= "9") {
+        i++;
+        while (i < n && src[i] >= "0" && src[i] <= "9") i++;
+      }
+      if (i < n && (src[i] === "e" || src[i] === "E")) {
+        i++;
+        if (i < n && (src[i] === "+" || src[i] === "-")) i++;
+        while (i < n && src[i] >= "0" && src[i] <= "9") i++;
+      }
+      tokens.push({ t: 15 /* Num */, v: +src.slice(start, i) });
+      continue;
+    }
+    if (c === "$" && i + 1 < n && (src[i + 1] >= "a" && src[i + 1] <= "z" || src[i + 1] >= "A" && src[i + 1] <= "Z" || src[i + 1] === "_")) {
+      const start = i;
+      i++;
+      while (i < n && (src[i] >= "a" && src[i] <= "z" || src[i] >= "A" && src[i] <= "Z" || src[i] >= "0" && src[i] <= "9" || src[i] === "_"))
+        i++;
+      tokens.push({ t: 18 /* StateVar */, v: src.slice(start, i) });
+      continue;
+    }
+    const isAlpha = c >= "a" && c <= "z" || c >= "A" && c <= "Z" || c === "_";
+    if (isAlpha) {
+      const start = i;
+      while (i < n && (src[i] >= "a" && src[i] <= "z" || src[i] >= "A" && src[i] <= "Z" || src[i] >= "0" && src[i] <= "9" || src[i] === "_"))
+        i++;
+      const word = src.slice(start, i);
+      if (word === "true") {
+        tokens.push({ t: 10 /* True */ });
+        continue;
+      }
+      if (word === "false") {
+        tokens.push({ t: 11 /* False */ });
+        continue;
+      }
+      if (word === "null") {
+        tokens.push({ t: 12 /* Null */ });
+        continue;
+      }
+      const kind = c >= "A" && c <= "Z" ? 17 /* Type */ : 16 /* Ident */;
+      tokens.push({ t: kind, v: word });
+      continue;
+    }
+    if (c === "@" && i + 1 < n && (src[i + 1] >= "a" && src[i + 1] <= "z" || src[i + 1] >= "A" && src[i + 1] <= "Z" || src[i + 1] === "_")) {
+      i++;
+      const start = i;
+      while (i < n && (src[i] >= "a" && src[i] <= "z" || src[i] >= "A" && src[i] <= "Z" || src[i] >= "0" && src[i] <= "9" || src[i] === "_"))
+        i++;
+      tokens.push({ t: 35 /* BuiltinCall */, v: src.slice(start, i) });
+      continue;
+    }
+    i++;
+  }
+  tokens.push({ t: 13 /* EOF */ });
+  return tokens;
+}
+
+// src/genui/lang/parser/types.ts
+function isElementNode(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  const node = value;
+  return node.type === "element" && typeof node.typeName === "string" && typeof node.props === "object" && node.props !== null && typeof node.partial === "boolean";
+}
+
+// src/genui/lang/parser/materialize.ts
+function containsDynamicValue(v) {
+  if (v == null || typeof v !== "object") return false;
+  if (isASTNode(v)) return true;
+  if (Array.isArray(v)) return v.some(containsDynamicValue);
+  if (isElementNode(v)) {
+    return Object.values(v.props).some(containsDynamicValue);
+  }
+  const obj = v;
+  return Object.values(obj).some(containsDynamicValue);
+}
+function resolveRef(name, ctx, mode) {
+  if (ctx.visited.has(name)) {
+    ctx.unres.push(name);
+    return mode === "expr" ? { k: "Ph", n: name } : null;
+  }
+  if (!ctx.syms.has(name)) {
+    ctx.unres.push(name);
+    return mode === "expr" ? { k: "Ph", n: name } : null;
+  }
+  const target = ctx.syms.get(name);
+  ctx.unreached?.delete(name);
+  if (target.k === "Comp" && isReservedCall(target.name)) {
+    const refType = target.name === RESERVED_CALLS.Mutation ? "mutation" : "query";
+    return { k: "RuntimeRef", n: name, refType };
+  }
+  ctx.visited.add(name);
+  const prevStatementId = ctx.currentStatementId;
+  ctx.currentStatementId = name;
+  try {
+    const result = mode === "value" ? materializeValue(target, ctx) : materializeExpr(target, ctx);
+    if (mode === "value" && isElementNode(result)) {
+      result.statementId = name;
+    }
+    return result;
+  } finally {
+    ctx.currentStatementId = prevStatementId;
+    ctx.visited.delete(name);
+  }
+}
+function materializeLazyBuiltin(node, ctx, scopedRefs) {
+  if (!LAZY_BUILTINS.has(node.name) || node.args.length < 3) return null;
+  const varArg = node.args[1];
+  const varName = varArg.k === "Ref" ? varArg.n : varArg.k === "Str" ? varArg.v : null;
+  if (!varName) return null;
+  const nextScopedRefs = new Set(scopedRefs);
+  nextScopedRefs.add(varName);
+  const recursedArgs = node.args.map(
+    (a, i) => i === 1 ? a : materializeExprInternal(a, ctx, nextScopedRefs)
+  );
+  return { ...node, args: recursedArgs };
+}
+function materializeExprInternal(node, ctx, scopedRefs) {
+  switch (node.k) {
+    case "Ref":
+      return scopedRefs.has(node.n) ? node : resolveRef(node.n, ctx, "expr");
+    case "Ph":
+      return node;
+    case "Comp": {
+      const lazy2 = materializeLazyBuiltin(node, ctx, scopedRefs);
+      if (lazy2) return lazy2;
+      const recursedArgs = node.args.map((a) => materializeExprInternal(a, ctx, scopedRefs));
+      if (isBuiltin(node.name) || isReservedCall(node.name)) {
+        return { ...node, args: recursedArgs };
+      }
+      const def = ctx.cat?.get(node.name);
+      if (def) {
+        const mappedProps = {};
+        for (let i = 0; i < def.params.length && i < recursedArgs.length; i++) {
+          mappedProps[def.params[i].name] = recursedArgs[i];
+        }
+        return { ...node, args: recursedArgs, mappedProps };
+      }
+      ctx.errors.push({
+        code: "unknown-component",
+        component: node.name,
+        path: "",
+        message: `Unknown component "${node.name}" \u2014 not found in catalog or builtins`,
+        statementId: ctx.currentStatementId
+      });
+      return { ...node, args: recursedArgs };
+    }
+    case "Arr":
+      return { ...node, els: node.els.map((e) => materializeExprInternal(e, ctx, scopedRefs)) };
+    case "Obj":
+      return {
+        ...node,
+        entries: node.entries.map(
+          ([k, v]) => [k, materializeExprInternal(v, ctx, scopedRefs)]
+        )
+      };
+    case "BinOp":
+      return {
+        ...node,
+        left: materializeExprInternal(node.left, ctx, scopedRefs),
+        right: materializeExprInternal(node.right, ctx, scopedRefs)
+      };
+    case "UnaryOp":
+      return { ...node, operand: materializeExprInternal(node.operand, ctx, scopedRefs) };
+    case "Ternary":
+      return {
+        ...node,
+        cond: materializeExprInternal(node.cond, ctx, scopedRefs),
+        then: materializeExprInternal(node.then, ctx, scopedRefs),
+        else: materializeExprInternal(node.else, ctx, scopedRefs)
+      };
+    case "Member":
+      return { ...node, obj: materializeExprInternal(node.obj, ctx, scopedRefs) };
+    case "Index":
+      return {
+        ...node,
+        obj: materializeExprInternal(node.obj, ctx, scopedRefs),
+        index: materializeExprInternal(node.index, ctx, scopedRefs)
+      };
+    case "Assign":
+      return { ...node, value: materializeExprInternal(node.value, ctx, scopedRefs) };
+    // Literals, StateRef, RuntimeRef — pass through unchanged
+    default:
+      return node;
+  }
+}
+function materializeExpr(node, ctx) {
+  return materializeExprInternal(node, ctx, /* @__PURE__ */ new Set());
+}
+function materializeValue(node, ctx) {
+  switch (node.k) {
+    // ── Ref resolution ───────────────────────────────────────────────────
+    case "Ref":
+      return resolveRef(node.n, ctx, "value");
+    // ── Literals → plain values ──────────────────────────────────────────
+    case "Str":
+      return node.v;
+    case "Num":
+      return node.v;
+    case "Bool":
+      return node.v;
+    case "Null":
+      return null;
+    case "Ph":
+      return null;
+    // ── Collections ──────────────────────────────────────────────────────
+    case "Arr": {
+      const items = [];
+      for (const e of node.els) {
+        if (e.k === "Ph") continue;
+        const value = materializeValue(e, ctx);
+        if (value === null && (e.k === "Comp" || e.k === "Ref")) continue;
+        items.push(value);
+      }
+      return items;
+    }
+    case "Obj": {
+      const o = {};
+      for (const [k, v] of node.entries) o[k] = materializeValue(v, ctx);
+      return o;
+    }
+    // ── Component nodes ──────────────────────────────────────────────────
+    case "Comp": {
+      const { name, args } = node;
+      if (isBuiltin(name)) {
+        const lazy2 = materializeLazyBuiltin(node, ctx, /* @__PURE__ */ new Set());
+        if (lazy2) return lazy2;
+        return { ...node, args: args.map((a) => materializeExpr(a, ctx)) };
+      }
+      if (isReservedCall(name)) {
+        ctx.errors.push({
+          code: "inline-reserved",
+          component: name,
+          path: "",
+          message: `${name}() must be declared as a top-level statement, not used inline as a value`,
+          statementId: ctx.currentStatementId
+        });
+        return null;
+      }
+      const def = ctx.cat?.get(name);
+      const props = {};
+      if (def) {
+        for (let i = 0; i < def.params.length && i < args.length; i++) {
+          props[def.params[i].name] = materializeValue(args[i], ctx);
+        }
+        if (args.length > def.params.length) {
+          const excessCount = args.length - def.params.length;
+          ctx.errors.push({
+            code: "excess-args",
+            component: name,
+            path: "",
+            message: `${name} takes ${def.params.length} arg(s), got ${args.length} (${excessCount} excess dropped)`,
+            statementId: ctx.currentStatementId
+          });
+        }
+        const missingRequired = def.params.filter(
+          (p) => p.required && (!(p.name in props) || props[p.name] === null)
+        );
+        if (missingRequired.length) {
+          const stillInvalid = missingRequired.filter((p) => {
+            if (p.defaultValue !== void 0) {
+              props[p.name] = p.defaultValue;
+              return false;
+            }
+            return true;
+          });
+          if (stillInvalid.length) {
+            for (const p of stillInvalid) {
+              const isNull = p.name in props;
+              ctx.errors.push({
+                code: isNull ? "null-required" : "missing-required",
+                component: name,
+                path: `/${p.name}`,
+                message: isNull ? `required field "${p.name}" cannot be null` : `missing required field "${p.name}"`,
+                statementId: ctx.currentStatementId
+              });
+            }
+            return null;
+          }
+        }
+      } else if (!isBuiltin(name) && !isReservedCall(name)) {
+        ctx.errors.push({
+          code: "unknown-component",
+          component: name,
+          path: "",
+          message: `Unknown component "${name}" \u2014 not found in catalog or builtins`,
+          statementId: ctx.currentStatementId
+        });
+        return null;
+      }
+      const hasDynamicProps = Object.values(props).some((v) => containsDynamicValue(v));
+      return { type: "element", typeName: name, props, partial: ctx.partial, hasDynamicProps };
+    }
+    // ── Runtime expression nodes → preserve as ASTNode, normalize children ─
+    default: {
+      if (isRuntimeExpr(node)) {
+        return materializeExpr(node, ctx);
+      }
+      return node;
+    }
+  }
+}
+
+// src/genui/lang/parser/statements.ts
+function autoClose(input) {
+  const stack = [];
+  let inStr = false;
+  let esc = false;
+  for (let i = 0; i < input.length; i++) {
+    const c = input[i];
+    if (esc) {
+      esc = false;
+      continue;
+    }
+    if (c === "\\" && inStr) {
+      esc = true;
+      continue;
+    }
+    if (inStr) {
+      if (c === inStr) inStr = false;
+      continue;
+    }
+    if (c === '"' || c === "'") {
+      inStr = c;
+      continue;
+    }
+    if (c === "(" || c === "[" || c === "{") stack.push(c);
+    else if (c === ")" && stack[stack.length - 1] === "(") stack.pop();
+    else if (c === "]" && stack[stack.length - 1] === "[") stack.pop();
+    else if (c === "}" && stack[stack.length - 1] === "{") stack.pop();
+  }
+  const wasIncomplete = !!inStr || stack.length > 0;
+  if (!wasIncomplete) return { text: input, wasIncomplete: false };
+  let out = input;
+  if (inStr) {
+    if (esc) out += "\\";
+    out += inStr;
+  }
+  for (let j = stack.length - 1; j >= 0; j--)
+    out += stack[j] === "(" ? ")" : stack[j] === "[" ? "]" : "}";
+  return { text: out, wasIncomplete: true };
+}
+function split(tokens) {
+  const stmts = [];
+  let pos = 0;
+  while (pos < tokens.length) {
+    while (pos < tokens.length && tokens[pos].t === 0 /* Newline */) pos++;
+    if (pos >= tokens.length || tokens[pos].t === 13 /* EOF */) break;
+    const tok = tokens[pos];
+    if (tok.t !== 16 /* Ident */ && tok.t !== 17 /* Type */ && tok.t !== 18 /* StateVar */) {
+      while (pos < tokens.length && tokens[pos].t !== 0 /* Newline */ && tokens[pos].t !== 13 /* EOF */) pos++;
+      continue;
+    }
+    const id = tok.v;
+    const idTokenType = tok.t;
+    pos++;
+    if (pos >= tokens.length || tokens[pos].t !== 9 /* Equals */) {
+      while (pos < tokens.length && tokens[pos].t !== 0 /* Newline */ && tokens[pos].t !== 13 /* EOF */) pos++;
+      continue;
+    }
+    pos++;
+    const expr = [];
+    let depth = 0;
+    let ternaryDepth = 0;
+    while (pos < tokens.length && tokens[pos].t !== 13 /* EOF */) {
+      const tt = tokens[pos].t;
+      if (tt === 0 /* Newline */ && depth <= 0 && ternaryDepth <= 0) {
+        let peek = pos + 1;
+        while (peek < tokens.length && tokens[peek].t === 0 /* Newline */) peek++;
+        const nextT = peek < tokens.length ? tokens[peek].t : 13 /* EOF */;
+        if (nextT === 34 /* Question */ || nextT === 8 /* Colon */ && ternaryDepth > 0) {
+          pos++;
+          continue;
+        }
+        break;
+      }
+      if (tt === 0 /* Newline */) {
+        pos++;
+        continue;
+      }
+      if (tt === 1 /* LParen */ || tt === 3 /* LBrack */ || tt === 5 /* LBrace */) depth++;
+      else if ((tt === 2 /* RParen */ || tt === 4 /* RBrack */ || tt === 6 /* RBrace */) && depth > 0) depth--;
+      else if (tt === 34 /* Question */ && depth === 0) ternaryDepth++;
+      else if (tt === 8 /* Colon */ && depth === 0 && ternaryDepth > 0) ternaryDepth--;
+      expr.push(tokens[pos++]);
+    }
+    if (expr.length) stmts.push({ id, idTokenType, tokens: expr });
+  }
+  return stmts;
+}
+
+// src/genui/lang/parser/parser.ts
+function emptyResult(incomplete = true) {
+  return {
+    root: null,
+    meta: {
+      incomplete,
+      unresolved: [],
+      orphaned: [],
+      statementCount: 0,
+      errors: []
+    },
+    stateDeclarations: {},
+    queryStatements: [],
+    mutationStatements: []
+  };
+}
+function collectQueryDeps(node) {
+  if (!isASTNode(node)) return [];
+  const refs = /* @__PURE__ */ new Set();
+  walkAST(node, (current) => {
+    if (current.k === "StateRef") refs.add(current.n);
+  });
+  return [...refs];
+}
+function classifyStatement(raw, expr) {
+  if (expr.k === "Comp" && expr.name === RESERVED_CALLS.Query) {
+    const deps = collectQueryDeps(expr.args[1]);
+    return {
+      kind: "query",
+      id: raw.id,
+      call: { callee: RESERVED_CALLS.Query, args: expr.args },
+      expr,
+      deps: deps.length > 0 ? deps : void 0
+    };
+  }
+  if (expr.k === "Comp" && expr.name === RESERVED_CALLS.Mutation) {
+    return {
+      kind: "mutation",
+      id: raw.id,
+      call: { callee: RESERVED_CALLS.Mutation, args: expr.args },
+      expr
+    };
+  }
+  if (raw.idTokenType === 18 /* StateVar */) {
+    return { kind: "state", id: raw.id, init: expr };
+  }
+  return { kind: "value", id: raw.id, expr };
+}
+function extractStatements(stmts, ctx) {
+  const stateDeclarations = {};
+  const queryStatements = [];
+  const mutationStatements = [];
+  for (const stmt of stmts) {
+    switch (stmt.kind) {
+      case "state":
+        stateDeclarations[stmt.id] = materializeValue(stmt.init, ctx);
+        break;
+      case "query":
+        queryStatements.push({
+          statementId: stmt.id,
+          toolAST: stmt.call.args[0] ?? null,
+          argsAST: stmt.call.args[1] ?? null,
+          defaultsAST: stmt.call.args[2] ?? null,
+          refreshAST: stmt.call.args[3] ?? null,
+          deps: stmt.deps,
+          complete: true
+        });
+        break;
+      case "mutation":
+        mutationStatements.push({
+          statementId: stmt.id,
+          toolAST: stmt.call.args[0] ?? null,
+          argsAST: stmt.call.args[1] ?? null
+        });
+        break;
+    }
+  }
+  for (const stmt of stmts) {
+    const nodes = stmt.kind === "state" ? [stmt.init] : stmt.kind === "value" ? [stmt.expr] : stmt.kind === "query" || stmt.kind === "mutation" ? stmt.call.args : [];
+    for (const node of nodes) {
+      for (const dep of collectQueryDeps(node)) {
+        if (!(dep in stateDeclarations)) {
+          stateDeclarations[dep] = null;
+        }
+      }
+    }
+  }
+  return { stateDeclarations, queryStatements, mutationStatements };
+}
+var DEFAULT_ROOT_STATEMENT_ID = "root";
+function isComponentStatement(stmt) {
+  return stmt.kind === "value" && stmt.expr.k === "Comp" && !isBuiltin(stmt.expr.name) && stmt.expr.name !== RESERVED_CALLS.Query && stmt.expr.name !== RESERVED_CALLS.Mutation;
+}
+function pickEntryId(stmtMap, typedStmts, firstId, rootName) {
+  if (stmtMap.has(DEFAULT_ROOT_STATEMENT_ID)) return DEFAULT_ROOT_STATEMENT_ID;
+  if (rootName && stmtMap.has(rootName)) return rootName;
+  const preferredComponent = rootName ? typedStmts.find((stmt) => isComponentStatement(stmt) && stmt.expr.name === rootName) : void 0;
+  if (preferredComponent) return preferredComponent.id;
+  const firstComponent = typedStmts.find(isComponentStatement);
+  return firstComponent?.id ?? firstId;
+}
+function buildResult(stmtMap, typedStmts, firstId, wasIncomplete, stmtCount, cat, rootName) {
+  const entryId = pickEntryId(stmtMap, typedStmts, firstId, rootName);
+  if (!stmtMap.has(entryId)) return emptyResult(wasIncomplete);
+  const syms = /* @__PURE__ */ new Map();
+  for (const [id, stmt] of stmtMap) {
+    syms.set(id, stmt.kind === "state" ? stmt.init : stmt.expr);
+  }
+  const unres = [];
+  const errors = [];
+  const unreached = /* @__PURE__ */ new Set();
+  for (const [id, stmt] of stmtMap) {
+    if (id === entryId) continue;
+    if (stmt.kind === "state" || stmt.kind === "query" || stmt.kind === "mutation") continue;
+    unreached.add(id);
+  }
+  const ctx = {
+    syms,
+    cat,
+    errors,
+    unres,
+    visited: /* @__PURE__ */ new Set(),
+    partial: wasIncomplete,
+    currentStatementId: entryId,
+    unreached
+  };
+  const materialized = materializeValue(syms.get(entryId), ctx);
+  const root = isElementNode(materialized) ? materialized : null;
+  if (root) root.statementId = entryId;
+  const { stateDeclarations, queryStatements, mutationStatements } = extractStatements(
+    typedStmts,
+    ctx
+  );
+  const orphaned = [...unreached];
+  return {
+    root,
+    meta: {
+      incomplete: wasIncomplete,
+      unresolved: unres,
+      orphaned,
+      statementCount: stmtCount,
+      errors
+    },
+    stateDeclarations,
+    queryStatements,
+    mutationStatements
+  };
+}
+function skipString(input, start) {
+  if (input[start] !== '"') return start;
+  let i = start + 1;
+  while (i < input.length) {
+    const c = input[i];
+    if (c === "\\") {
+      i += 2;
+    } else if (c === '"') {
+      return i + 1;
+    } else {
+      i++;
+    }
+  }
+  return i;
+}
+function stripFences(input) {
+  const blocks = [];
+  let i = 0;
+  while (i < input.length) {
+    let fenceStart = -1;
+    while (i < input.length) {
+      const nextI = skipString(input, i);
+      if (nextI > i) {
+        i = nextI;
+        continue;
+      }
+      const c = input[i];
+      if (c === "`" && i + 1 < input.length && input[i + 1] === "`" && i + 2 < input.length && input[i + 2] === "`") {
+        fenceStart = i;
+        break;
+      }
+      i++;
+    }
+    if (fenceStart === -1) break;
+    let j = fenceStart + 3;
+    while (j < input.length && input[j] !== "\n") j++;
+    if (j >= input.length) {
+      blocks.push(input.slice(fenceStart + 3).replace(/^[^\n]*\n?/, ""));
+      i = input.length;
+      break;
+    }
+    j++;
+    let closePos = -1;
+    let k = j;
+    while (k < input.length) {
+      const nextK = skipString(input, k);
+      if (nextK > k) {
+        k = nextK;
+        continue;
+      }
+      const c = input[k];
+      if (c === "`" && k + 1 < input.length && input[k + 1] === "`" && k + 2 < input.length && input[k + 2] === "`") {
+        closePos = k;
+        break;
+      }
+      k++;
+    }
+    if (closePos !== -1) {
+      blocks.push(input.slice(j, closePos));
+      i = closePos + 3;
+    } else {
+      blocks.push(input.slice(j));
+      i = input.length;
+    }
+  }
+  if (blocks.length > 0) return blocks.join("\n");
+  if (input.startsWith("```")) {
+    let j = 3;
+    while (j < input.length && input[j] !== "\n") j++;
+    const start = j < input.length ? j + 1 : 3;
+    const body = input.slice(start);
+    const trailingFence = body.lastIndexOf("```");
+    if (trailingFence !== -1) {
+      return body.slice(0, trailingFence);
+    }
+    return body;
+  }
+  return input;
+}
+function stripComments(input) {
+  let inStr = false;
+  return input.split("\n").map((line) => {
+    for (let i = 0; i < line.length; i++) {
+      const c = line[i];
+      if (inStr) {
+        if (c === "\\" && i + 1 < line.length) {
+          i++;
+          continue;
+        }
+        if (c === inStr) inStr = false;
+        continue;
+      }
+      if (c === '"' || c === "'") {
+        inStr = c;
+        continue;
+      }
+      if (c === "/" && line[i + 1] === "/") {
+        return line.substring(0, i).trimEnd();
+      }
+      if (c === "#") {
+        return line.substring(0, i).trimEnd();
+      }
+    }
+    return line;
+  }).join("\n");
+}
+function preprocess(input) {
+  return stripComments(stripFences(input.trim())).trim();
+}
+function parse(input, cat, rootName) {
+  const trimmed = preprocess(input);
+  if (!trimmed) return emptyResult();
+  const { text, wasIncomplete } = autoClose(trimmed);
+  const stmts = split(tokenize(text));
+  if (!stmts.length) return emptyResult(wasIncomplete);
+  const stmtMap = /* @__PURE__ */ new Map();
+  let firstId = "";
+  for (const s of stmts) {
+    const expr = parseExpression(s.tokens);
+    const stmt = classifyStatement(s, expr);
+    stmtMap.set(s.id, stmt);
+    if (!firstId) firstId = s.id;
+  }
+  const typedStmts = [...stmtMap.values()];
+  return buildResult(stmtMap, typedStmts, firstId, wasIncomplete, stmtMap.size, cat, rootName);
+}
+function createStreamParser(cat, rootName) {
+  let buf = "";
+  let cleaned = "";
+  let completedEnd = 0;
+  const completedStmtMap = /* @__PURE__ */ new Map();
+  let firstId = "";
+  function addStmt(text) {
+    const t = text.trim();
+    if (!t) return;
+    for (const s of split(tokenize(t))) {
+      const expr = parseExpression(s.tokens);
+      const stmt = classifyStatement(s, expr);
+      completedStmtMap.set(s.id, stmt);
+      if (!firstId) firstId = s.id;
+    }
+  }
+  function refreshCleaned() {
+    const next = preprocess(buf);
+    if (!next.startsWith(cleaned.slice(0, completedEnd))) {
+      completedEnd = 0;
+      completedStmtMap.clear();
+      firstId = "";
+    }
+    cleaned = next;
+  }
+  function scanNewCompleted() {
+    let depth = 0, ternaryDepth = 0, inStr = false, esc = false;
+    let stmtStart = completedEnd;
+    for (let i = completedEnd; i < cleaned.length; i++) {
+      const c = cleaned[i];
+      if (esc) {
+        esc = false;
+        continue;
+      }
+      if (c === "\\" && inStr) {
+        esc = true;
+        continue;
+      }
+      if (inStr) {
+        if (c === inStr) inStr = false;
+        continue;
+      }
+      if (c === '"' || c === "'") {
+        inStr = c;
+        continue;
+      }
+      if (c === "(" || c === "[" || c === "{") depth++;
+      else if (c === ")" || c === "]" || c === "}") depth = Math.max(0, depth - 1);
+      else if (c === "?" && depth === 0) ternaryDepth++;
+      else if (c === ":" && depth === 0 && ternaryDepth > 0) ternaryDepth--;
+      else if (c === "\n" && depth <= 0 && ternaryDepth <= 0) {
+        let peek = i + 1;
+        while (peek < cleaned.length && (cleaned[peek] === " " || cleaned[peek] === "	" || cleaned[peek] === "\r" || cleaned[peek] === "\n"))
+          peek++;
+        if (peek < cleaned.length && (cleaned[peek] === "?" || cleaned[peek] === ":" && ternaryDepth > 0)) {
+          continue;
+        }
+        const t = cleaned.slice(stmtStart, i).trim();
+        if (t) addStmt(t);
+        stmtStart = i + 1;
+        completedEnd = i + 1;
+      }
+    }
+    return stmtStart;
+  }
+  function currentResult() {
+    refreshCleaned();
+    const pendingStart = scanNewCompleted();
+    const pendingText = cleaned.slice(pendingStart).trim();
+    if (!pendingText) {
+      if (completedStmtMap.size === 0) return emptyResult();
+      return buildResult(
+        completedStmtMap,
+        [...completedStmtMap.values()],
+        firstId,
+        false,
+        completedStmtMap.size,
+        cat,
+        rootName
+      );
+    }
+    const { text: closed, wasIncomplete } = autoClose(pendingText);
+    const stmts = split(tokenize(closed));
+    if (!stmts.length) {
+      if (completedStmtMap.size === 0) return emptyResult(wasIncomplete);
+      return buildResult(
+        completedStmtMap,
+        [...completedStmtMap.values()],
+        firstId,
+        wasIncomplete,
+        completedStmtMap.size,
+        cat,
+        rootName
+      );
+    }
+    const allStmtMap = new Map(completedStmtMap);
+    for (const s of stmts) {
+      const expr = parseExpression(s.tokens);
+      const stmt = classifyStatement(s, expr);
+      allStmtMap.set(s.id, stmt);
+    }
+    const allTypedStmts = [...allStmtMap.values()];
+    const fid = firstId || stmts[0].id;
+    return buildResult(
+      allStmtMap,
+      allTypedStmts,
+      fid,
+      wasIncomplete,
+      allStmtMap.size,
+      cat,
+      rootName
+    );
+  }
+  function reset() {
+    buf = "";
+    cleaned = "";
+    completedEnd = 0;
+    completedStmtMap.clear();
+    firstId = "";
+  }
+  return {
+    push(chunk) {
+      buf += chunk;
+      return currentResult();
+    },
+    set(fullText) {
+      if (fullText.length < buf.length || !fullText.startsWith(buf)) {
+        reset();
+      }
+      const delta = fullText.slice(buf.length);
+      if (delta) buf += delta;
+      return currentResult();
+    },
+    getResult: currentResult
+  };
+}
+function useGenUIProgram(text, catalog) {
+  const parserRef = React14.useRef(
+    null
+  );
+  if (!parserRef.current || parserRef.current.catalog !== catalog) {
+    parserRef.current = { catalog, parser: createStreamParser(catalog, "root") };
+  }
+  const lastGoodRef = React14.useRef(null);
+  return React14.useMemo(() => {
+    const result = parserRef.current.parser.set(text);
+    if (result.root) {
+      lastGoodRef.current = result.root;
+    }
+    return { result, root: result.root ?? lastGoodRef.current };
+  }, [text, catalog]);
+}
+var noop = () => {
+};
+function childKey(value, index) {
+  if (isElementNode(value) && value.statementId) return `s:${value.statementId}`;
+  return `i:${index}`;
+}
+var RenderDepthContext = React14.createContext(0);
+var MAX_DEPTH = 64;
+var GenUINode = React14.memo(function GenUINode2({
+  node,
+  components,
+  onAction,
+  isStreaming,
+  onTelemetry
+}) {
+  const depth = React14.useContext(RenderDepthContext);
+  if (depth > MAX_DEPTH) {
+    onTelemetry?.({ kind: "dropped-node", typeName: node.typeName });
+    return null;
+  }
+  const renderer = components[node.typeName];
+  if (!renderer) {
+    onTelemetry?.({ kind: "unknown-component", typeName: node.typeName });
+    return null;
+  }
+  const render = (value) => {
+    if (value == null) return null;
+    if (isElementNode(value)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(RenderDepthContext.Provider, { value: depth + 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+        GenUINode2,
+        {
+          node: value,
+          components,
+          onAction,
+          isStreaming,
+          onTelemetry
+        }
+      ) });
+    }
+    if (Array.isArray(value)) {
+      return value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: render(item) }, childKey(item, index)));
+    }
+    if (typeof value === "object" && isRuntimeExpr(value)) return null;
+    if (typeof value === "string" || typeof value === "number") return String(value);
+    return null;
+  };
+  return renderer({ node, ctx: { render, onAction, isStreaming } });
+});
+function GenUIView({
+  root,
+  components,
+  onAction = noop,
+  isStreaming = false,
+  onTelemetry,
+  placeholder = null
+}) {
+  if (!root) return placeholder;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GenUINode,
+    {
+      node: root,
+      components,
+      onAction,
+      isStreaming,
+      onTelemetry
+    }
+  );
+}
+
+// src/genui/registry.ts
+var CIMPLIFY_GENUI_REGISTRY = {
+  version: "3",
+  components: [
+    {
+      name: "Stack",
+      description: 'Layout container. direction: "column" (default) or "row"; gap in points (default 12)',
+      params: [{ name: "children", required: true }, { name: "direction" }, { name: "gap" }]
+    },
+    {
+      name: "Card",
+      description: "Elevated surface grouping related content, with an optional title",
+      params: [{ name: "children", required: true }, { name: "title" }]
+    },
+    {
+      name: "TextContent",
+      description: 'Text block. size: "display", "heading", "title", "body" (default), "label", "caption"',
+      params: [{ name: "text", required: true }, { name: "size" }]
+    },
+    {
+      name: "Stat",
+      description: "Compact stat: small label over a bold value, optional sub line and tone",
+      params: [
+        { name: "label", required: true },
+        { name: "value", required: true },
+        { name: "sub" },
+        { name: "tone" }
+      ]
+    },
+    {
+      name: "Metric",
+      description: "KPI card with label, value, optional percent change and SF Symbol icon",
+      params: [
+        { name: "label", required: true },
+        { name: "value", required: true },
+        { name: "change" },
+        { name: "icon" }
+      ]
+    },
+    {
+      name: "KeyValue",
+      description: "Label/value row; set mono true for numeric values",
+      params: [
+        { name: "label", required: true },
+        { name: "value", required: true },
+        { name: "mono" }
+      ]
+    },
+    {
+      name: "Badge",
+      description: "Small status chip. tone: neutral, positive, info, indigo, violet, warning, danger",
+      params: [{ name: "label", required: true }, { name: "tone" }]
+    },
+    {
+      name: "Callout",
+      description: "Inline alert with title, optional message. tone: info (default), success, warning, danger, accent, neutral",
+      params: [{ name: "title", required: true }, { name: "message" }, { name: "tone" }]
+    },
+    {
+      name: "Button",
+      description: 'Action button. action: "action:name" string or Action([...]) steps. variant: primary, cta, secondary (default), ghost, destructive',
+      params: [
+        { name: "label", required: true },
+        { name: "action", required: true },
+        { name: "variant" }
+      ]
+    },
+    {
+      name: "Buttons",
+      description: 'Row (default) or column of Buttons; direction: "row" or "column"',
+      params: [{ name: "children", required: true }, { name: "direction" }]
+    },
+    {
+      name: "Divider",
+      description: "Hairline separator",
+      params: []
+    },
+    {
+      name: "Table",
+      description: "Data table: headers is an array of strings, rows an array of cell arrays",
+      params: [
+        { name: "headers", required: true },
+        { name: "rows", required: true }
+      ]
+    },
+    {
+      name: "BarChart",
+      description: "Bar chart: labels (x axis strings) and values (numbers), optional title",
+      params: [
+        { name: "labels", required: true },
+        { name: "values", required: true },
+        { name: "title" }
+      ]
+    },
+    {
+      name: "LineChart",
+      description: "Line chart with area fill: labels and values, optional title",
+      params: [
+        { name: "labels", required: true },
+        { name: "values", required: true },
+        { name: "title" }
+      ]
+    },
+    {
+      name: "Money",
+      description: "Formatted money amount, never abbreviated. currency: ISO code (default USD)",
+      params: [{ name: "amount", required: true }, { name: "currency" }]
+    },
+    {
+      name: "Image",
+      description: "Remote image by URL with optional caption",
+      params: [{ name: "url", required: true }, { name: "caption" }]
+    },
+    {
+      name: "ListRow",
+      description: "Entity row for orders/customers/products/invoices: initials avatar (or SF Symbol tile via symbol), title + subtitle, trailing value and badge with tone",
+      params: [
+        { name: "title", required: true },
+        { name: "subtitle" },
+        { name: "value" },
+        { name: "badge" },
+        { name: "tone" },
+        { name: "symbol" }
+      ]
+    },
+    {
+      name: "Timeline",
+      description: "Event history (order journey, payment trail): events is an array of {title, detail?, time?, tone?} objects, newest first",
+      params: [{ name: "events", required: true }]
+    },
+    {
+      name: "Progress",
+      description: "Amount toward a bound (goal, stock cover, capacity): numeric value and target (default 100), optional detail caption and tone",
+      params: [
+        { name: "label", required: true },
+        { name: "value", required: true },
+        { name: "target" },
+        { name: "detail" },
+        { name: "tone" }
+      ]
+    },
+    {
+      name: "DonutChart",
+      description: "Share of a whole (sales by channel, revenue by category): labels + values, optional title and center display string (e.g. the formatted total)",
+      params: [
+        { name: "labels", required: true },
+        { name: "values", required: true },
+        { name: "title" },
+        { name: "center" }
+      ]
+    },
+    {
+      name: "StatusTrack",
+      description: "Stage tracker (order fulfilment, invoice lifecycle): steps are stage names, current is the active step name or index",
+      params: [
+        { name: "steps", required: true },
+        { name: "current", required: true }
+      ]
+    },
+    {
+      name: "LineItems",
+      description: "Order/quote/invoice money block: items is an array of {qty?, name, amount} with display-ready amount strings, adjustments an array of {label, amount, tone?}, total the anchored display string",
+      params: [
+        { name: "items", required: true },
+        { name: "total", required: true },
+        { name: "adjustments" }
+      ]
+    },
+    {
+      name: "Grid",
+      description: "Tile layout for Stat/Metric children, columns default 2",
+      params: [{ name: "children", required: true }, { name: "columns" }]
+    },
+    {
+      name: "Banner",
+      description: "Hero-stat moment on a tonal wash: big value, label, optional percent delta. tone: positive (default), warning, danger, info, neutral",
+      params: [
+        { name: "value", required: true },
+        { name: "label", required: true },
+        { name: "delta" },
+        { name: "tone" }
+      ]
+    },
+    {
+      name: "EmptyState",
+      description: "Nothing-to-show state with an SF Symbol and optional message",
+      params: [{ name: "title", required: true }, { name: "message" }, { name: "symbol" }]
+    }
+  ]
+};
+
+// src/genui/manifest.ts
+function genUIManifest(registry) {
+  return {
+    version: registry.version,
+    components: registry.components.map((component) => ({
+      name: component.name,
+      description: component.description,
+      params: component.params.map((param) => ({
+        name: param.name,
+        required: param.required ?? false
+      }))
+    }))
+  };
+}
+function encodeString(value) {
+  return JSON.stringify(value).replace(/\//g, "\\/");
+}
+function canonicalize(value) {
+  if (value === null) return "null";
+  if (typeof value === "string") return encodeString(value);
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  if (Array.isArray(value)) return `[${value.map(canonicalize).join(",")}]`;
+  const keys = Object.keys(value).sort();
+  const entries = keys.map((key) => `${encodeString(key)}:${canonicalize(value[key])}`);
+  return `{${entries.join(",")}}`;
+}
+function genUIManifestJson(manifest) {
+  return canonicalize(manifest);
+}
+async function genUIFingerprint(manifest) {
+  const bytes = new TextEncoder().encode(genUIManifestJson(manifest));
+  const digest = await crypto.subtle.digest("SHA-256", bytes);
+  return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, "0")).join("").slice(0, 16);
+}
+
+Object.defineProperty(exports, "getVariantDisplayName", {
+  enumerable: true,
+  get: function () { return chunkHKN3YG76_js.getVariantDisplayName; }
+});
+Object.defineProperty(exports, "messagePreview", {
+  enumerable: true,
+  get: function () { return chunkXREIZ56K_js.messagePreview; }
+});
+Object.defineProperty(exports, "splitGenUIContent", {
   enumerable: true,
-  get: function () { return chunkT7Z25EY4_js.getVariantDisplayName; }
+  get: function () { return chunkXREIZ56K_js.splitGenUIContent; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.AccountContent = AccountContent;
@@ -17261,6 +19631,7 @@ exports.AccountSubscriptionsPage = AccountSubscriptionsPage;
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
 exports.AddOnSelector = AddOnSelector;
+exports.AddressAutocomplete = AddressAutocomplete;
 exports.AddressElement = AddressElement;
 exports.AuthElement = AuthElement;
 exports.AvailabilityBadge = AvailabilityBadge;
@@ -17276,6 +19647,7 @@ exports.BundleProductCard = BundleProductCard;
 exports.BundleProductLayout = BundleProductLayout;
 exports.BundleSelector = BundleSelector;
 exports.Button = Button;
+exports.CIMPLIFY_GENUI_REGISTRY = CIMPLIFY_GENUI_REGISTRY;
 exports.CardImage = CardImage;
 exports.CardShell = CardShell;
 exports.CardVariant = CardVariant;
@@ -17289,6 +19661,7 @@ exports.CataloguePage = CataloguePage;
 exports.CatalogueTemplate = CatalogueTemplate;
 exports.CategoryFilter = CategoryFilter;
 exports.CategoryGrid = CategoryGrid;
+exports.ChatMarkdown = ChatMarkdown;
 exports.ChatWidget = ChatWidget;
 exports.CheckIcon = CheckIcon;
 exports.CheckoutPage = CheckoutPage;
@@ -17334,6 +19707,7 @@ exports.FeaturedCollectionLayout = FeaturedCollectionLayout;
 exports.FilterTabs = FilterTabs;
 exports.FoodProductCard = FoodProductCard;
 exports.FoodProductLayout = FoodProductLayout;
+exports.GenUIView = GenUIView;
 exports.HappeningCard = HappeningCard;
 exports.IdentityIcon = IdentityIcon;
 exports.IdentityOfframp = IdentityOfframp;
@@ -17419,9 +19793,19 @@ exports.WelcomeCard = WelcomeCard;
 exports.WholesaleProductCard = WholesaleProductCard;
 exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.WishlistButton = WishlistButton;
+exports.clearOrdersCache = clearOrdersCache;
 exports.cn = cn;
+exports.createPlacesSessionToken = createPlacesSessionToken;
 exports.defaultBoundaryKind = defaultBoundaryKind;
+exports.genUICatalog = genUICatalog;
+exports.genUIFingerprint = genUIFingerprint;
+exports.genUIManifest = genUIManifest;
+exports.genUIManifestJson = genUIManifestJson;
 exports.getBoundaryLabels = getBoundaryLabels;
+exports.isImageAttachment = isImageAttachment;
+exports.isTerminalOrderStatus = isTerminalOrderStatus;
+exports.parseGenUIProgram = parse;
+exports.partitionMessages = partitionMessages;
 exports.prefetchProduct = prefetchProduct;
 exports.prefetchProducts = prefetchProducts;
 exports.resolveBoundaryKind = resolveBoundaryKind;
@@ -17455,6 +19839,7 @@ exports.useDeliveryOptions = useDeliveryOptions;
 exports.useElements = useElements;
 exports.useElementsReady = useElementsReady;
 exports.useFxRate = useFxRate;
+exports.useGenUIProgram = useGenUIProgram;
 exports.useLocations = useLocations;
 exports.useOptionalCimplify = useOptionalCimplify;
 exports.useOrder = useOrder;