@swift-food-services/catering-widget 0.2.0-beta.4 → 0.2.0-beta.6

package/dist/index.cjs

@@ -33,7 +33,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/generated.css
-styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+styleInject(`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
     .swift-catering-widget *,
@@ -667,19 +667,17 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     --depth:1;
     --noise:0;
   }
-  .swift-catering-widget {
-    --fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
-    scrollbar-color: currentColor #0000;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .swift-catering-widget {
-      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
-    }
-  }
-  @property --radialprogress { syntax:"<percentage>";inherits:true;initial-value:0% }
   .swift-catering-widget :root:not(span) {
     overflow: var(--page-overflow);
   }
+  .swift-catering-widget,
+  .swift-catering-widget [data-theme] {
+    background: var(--page-scroll-bg,var(--root-bg));
+    color: var(--color-base-content);
+  }
+  .swift-catering-widget :where(:root, [data-theme]) {
+    --root-bg:var(--color-base-100);
+  }
   .swift-catering-widget {
     background: var(--page-scroll-bg,var(--root-bg));
     --page-scroll-bg-on:linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)) var(--root-bg,#0000);
@@ -700,14 +698,16 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
       --page-has-scroll:1;
     }
   }
-  .swift-catering-widget,
-  .swift-catering-widget [data-theme] {
-    background: var(--page-scroll-bg,var(--root-bg));
-    color: var(--color-base-content);
+  .swift-catering-widget {
+    --fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
+    scrollbar-color: currentColor #0000;
   }
-  .swift-catering-widget :where(:root, [data-theme]) {
-    --root-bg:var(--color-base-100);
+  @supports (color:color-mix(in lab, red, red)) {
+    .swift-catering-widget {
+      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
+    }
   }
+  @property --radialprogress { syntax:"<percentage>";inherits:true;initial-value:0% }
 }
 @layer components {
   .swift-catering-widget .swift-btn-primary {
@@ -1323,7 +1323,8 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
         transition-property:
           opacity,
           scale,
-          display;
+          display,
+          overlay;
         transition-duration: .2s;
         transition-timing-function: cubic-bezier(.4, 0, .2, 1);
         animation: .2s dropdown;
@@ -3543,12 +3544,6 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .inset-x-4 {
     inset-inline: calc(var(--spacing) * 4);
   }
-  .swift-catering-widget .start {
-    inset-inline-start: var(--spacing);
-  }
-  .swift-catering-widget .end {
-    inset-inline-end: var(--spacing);
-  }
   .swift-catering-widget .-top-14 {
     top: calc(var(--spacing) * -14);
   }
@@ -3854,6 +3849,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .swift-catering-widget .mb-2\\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
   .swift-catering-widget .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -4053,8 +4051,8 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
-  .swift-catering-widget .min-h-\\[22px\\] {
-    min-height: 22px;
+  .swift-catering-widget .min-h-\\[18px\\] {
+    min-height: 18px;
   }
   .swift-catering-widget .min-h-\\[100px\\] {
     min-height: 100px;
@@ -5352,6 +5350,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
+  .swift-catering-widget .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
   .swift-catering-widget .pl-9 {
     padding-left: calc(var(--spacing) * 9);
   }
@@ -6963,10 +6964,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     transform: translate(100%);
   }
 }
-@keyframes rating {
-  0%, 40% {
-    filter: brightness(1.05)contrast(1.05);
-    scale: 1.1;
+@keyframes menu {
+  0% {
+    opacity: 0;
   }
 }
 @keyframes dropdown {
@@ -6974,12 +6974,23 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     opacity: 0;
   }
 }
-@keyframes radio {
+@keyframes skeleton {
   0% {
-    padding: 5px;
+    background-position: 150%;
+  }
+  to {
+    background-position: -50%;
+  }
+}
+@keyframes rating {
+  0%, 40% {
+    filter: brightness(1.05)contrast(1.05);
+    scale: 1.1;
   }
+}
+@keyframes progress {
   50% {
-    padding: 3px;
+    background-position-x: -115%;
   }
 }
 @keyframes toast {
@@ -7003,22 +7014,12 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     translate: 0 -100%;
   }
 }
-@keyframes skeleton {
-  0% {
-    background-position: 150%;
-  }
-  to {
-    background-position: -50%;
-  }
-}
-@keyframes menu {
+@keyframes radio {
   0% {
-    opacity: 0;
+    padding: 5px;
   }
-}
-@keyframes progress {
   50% {
-    background-position-x: -115%;
+    padding: 3px;
   }
 }
 @property --tw-translate-x { syntax:"*";inherits:false;initial-value:0 }
@@ -7120,6 +7121,9 @@ function useCateringConfig() {
   }
   return ctx;
 }
+function useApiClient() {
+  return useCateringConfig().api;
+}
 function useStorage() {
   return useCateringConfig().storage;
 }
@@ -7559,6 +7563,15 @@ function createChatEndpoints(client) {
       if (!res.ok) throw new ChatApiError(`HTTP ${res.status}`, res.status);
       return res.json();
     },
+    detectFields: async (message, signal) => {
+      const res = await client.request("/catering-chat/detect-fields", {
+        method: "POST",
+        body: JSON.stringify({ message }),
+        signal
+      });
+      if (!res.ok) throw new ChatApiError(`HTTP ${res.status}`, res.status);
+      return res.json();
+    },
     submitFeedback: async (sid, body) => {
       const payload = { rating: body.rating };
       if (body.note && body.note.trim()) payload.note = body.note.trim();
@@ -8136,7 +8149,8 @@ var STORAGE_KEY = "catering_filters";
 var defaultFilters = {
   dietaryRestrictions: [],
   allergens: [],
-  pricePerPersonRange: null
+  pricePerPersonRange: null,
+  restaurantPriceRange: null
 };
 function CateringFilterProvider({ children }) {
   const storage = useStorage();
@@ -8166,6 +8180,15 @@ function CateringFilterProvider({ children }) {
   const clearFilters = () => setFiltersState(defaultFilters);
   return /* @__PURE__ */ jsxRuntime.jsx(FilterContext.Provider, { value: { filters, setFilters, clearFilters }, children });
 }
+function useCateringFilters() {
+  const context = react.useContext(FilterContext);
+  if (context === void 0) {
+    throw new Error(
+      "useCateringFilters must be used within a CateringFilterProvider"
+    );
+  }
+  return context;
+}
 function useSearchParams() {
   return new URLSearchParams();
 }
@@ -9452,7 +9475,7 @@ function MenuItemModal({
                     onClick: () => handleSaveAiPick(true),
                     disabled: isMinSelectionsUnmet,
                     className: `w-full py-3 rounded-lg font-medium transition-all text-sm ${isMinSelectionsUnmet ? "bg-base-300 text-base-content/50 cursor-not-allowed" : "bg-primary hover:opacity-90 text-white"}`,
-                    children: isPickedInAiMenu ? "Save selections" : "Pick \xB7 Save selections"
+                    children: addButtonLabel ?? (isPickedInAiMenu ? "Save selections" : "Pick \xB7 Save selections")
                   }
                 ),
                 isPickedInAiMenu && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11267,7 +11290,8 @@ function SessionEditor({
   onUpdate,
   onClose,
   restaurants,
-  existingDates = []
+  existingDates = [],
+  existingSessions = []
 }) {
   const [sessionName, setSessionName] = react.useState(session.sessionName);
   const [sessionDate, setSessionDate] = react.useState(session.sessionDate);
@@ -11347,6 +11371,10 @@ function SessionEditor({
       );
       return;
     }
+    if (existingSessions.some((s) => s.date === sessionDate && s.time === eventTime)) {
+      setValidationError("A session with the same date and time already exists.");
+      return;
+    }
     if (eventStartDate && sessionDate < eventStartDate) {
       setValidationError("Session date is before the event starts.");
       return;
@@ -11460,7 +11488,7 @@ function SessionEditor({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Date" }),
-        existingDates.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 overflow-x-auto scrollbar-hide pb-2 mb-2", children: existingDates.map((d) => {
+        existingDates.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 overflow-x-auto scrollbar-hide pb-2 mb-2", children: [...existingDates].sort((a, b) => a.date.localeCompare(b.date)).map((d) => {
           const isActive = sessionDate === d.date;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
@@ -13514,6 +13542,10 @@ function ChatSessionProvider({
       setFeedbackTarget({ messageId, up, eventId });
       setFeedbackRating(0);
     },
+    startGeneralFeedback: () => {
+      setFeedbackTarget({ messageId: "__general__", up: false });
+      setFeedbackRating(0);
+    },
     cancelFeedback: () => {
       setFeedbackTarget(null);
       setFeedbackRating(0);
@@ -13735,21 +13767,23 @@ function DraftItemRow({
               }
             ),
             item.reason && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(Reason, { children: item.reason }) }),
-            (dietary.length > 0 || allergens.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 6 }, children: [
-              dietary.map((d) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dietary-pill", children: d.replace(/_/g, " ") }, `d-${d}`)),
-              allergens.slice(0, 3).map((a) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "allergen-pill", children: a.toLowerCase().replace(/_/g, " ") }, `a-${a}`)),
-              allergens.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs(
-                "span",
+            dietary.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: 3, marginTop: 6 }, children: dietary.map((d) => {
+              const iconInfo = DIETARY_ICON_MAP[d.toLowerCase()];
+              if (!iconInfo) return null;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
                 {
-                  className: "allergen-pill",
-                  title: allergens.slice(3).map((a) => a.toLowerCase().replace(/_/g, " ")).join(", "),
-                  style: { cursor: "help" },
-                  children: [
-                    "+",
-                    allergens.length - 3
-                  ]
-                }
-              )
+                  src: iconInfo.src,
+                  alt: iconInfo.label,
+                  title: iconInfo.label,
+                  style: { width: 16, height: 16, objectFit: "contain" }
+                },
+                d
+              );
+            }) }),
+            allergens.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "0.65rem", color: "#b0b0b0", margin: "4px 0 0", lineHeight: 1.4 }, children: [
+              "Contains: ",
+              allergens.map((a) => a.toLowerCase().replace(/_/g, " ")).join(", ")
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -13819,19 +13853,6 @@ function DraftItemRow({
                   children: "Swap"
                 }
               ),
-              onRemove && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "chip",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onRemove();
-                  },
-                  style: { height: 26, fontSize: "0.75rem" },
-                  children: "Remove"
-                }
-              ),
               (addonSummary || addonState) && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -14902,16 +14923,21 @@ function PreviewItemCard({
               dietary.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  style: { display: "flex", flexWrap: "wrap", gap: 3, marginTop: 4 },
-                  children: dietary.map((d) => /* @__PURE__ */ jsxRuntime.jsx(
-                    "span",
-                    {
-                      className: "dietary-pill",
-                      style: { fontSize: "0.62rem" },
-                      children: d.replace(/_/g, " ")
-                    },
-                    d
-                  ))
+                  style: { display: "flex", alignItems: "center", gap: 3, marginTop: 4 },
+                  children: dietary.map((d) => {
+                    const iconInfo = DIETARY_ICON_MAP[d.toLowerCase()];
+                    if (!iconInfo) return null;
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
+                        src: iconInfo.src,
+                        alt: iconInfo.label,
+                        title: iconInfo.label,
+                        style: { width: 14, height: 14, objectFit: "contain" }
+                      },
+                      d
+                    );
+                  })
                 }
               )
             ]
@@ -16324,6 +16350,26 @@ function getOverlayRoot() {
   }
   return document.querySelector("[data-swift-overlay-root]") ?? document.body;
 }
+function swapOptionToMenuItem(o, restaurantId) {
+  return {
+    id: o.menuItemId,
+    menuItemName: o.name,
+    description: o.description ?? void 0,
+    price: String(o.unitPrice),
+    discountPrice: o.discountPrice != null ? String(o.discountPrice) : void 0,
+    isDiscount: o.isDiscount,
+    image: o.imageUrl ?? void 0,
+    allergens: o.allergens,
+    dietaryFilters: o.dietaryFilters,
+    cateringQuantityUnit: o.cateringQuantityUnit,
+    feedsPerUnit: o.feedsPerUnit,
+    minOrderQuantity: o.minOrderQuantity,
+    restaurantId,
+    groupTitle: o.groupTitle ?? void 0,
+    itemDisplayOrder: 0,
+    addons: o.addons ?? []
+  };
+}
 function SwapModal({
   open,
   sessionId,
@@ -16341,10 +16387,12 @@ function SwapModal({
   const [options, setOptions] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
+  const [selected, setSelected] = react.useState(null);
   react.useEffect(() => {
     if (!open || !restaurantId || !category) {
       setOptions(null);
       setError(null);
+      setSelected(null);
       return;
     }
     let cancelled = false;
@@ -16369,6 +16417,24 @@ function SwapModal({
     };
   }, [open, sessionId, restaurantId, category, excludeIds.join(","), intentPhrase]);
   if (typeof document === "undefined") return null;
+  if (selected && restaurantId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MenuItemModal,
+      {
+        item: swapOptionToMenuItem(selected, restaurantId),
+        isOpen: true,
+        onClose: () => setSelected(null),
+        viewOnly: true,
+        aiAddonMode: true,
+        addButtonLabel: "Confirm Swap",
+        isPickedInAiMenu: false,
+        onSaveAiPickAddons: (selections) => {
+          onPick(selected, selections);
+          setSelected(null);
+        }
+      }
+    );
+  }
   const modal = /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsx(
     react$1.motion.div,
     {
@@ -16377,7 +16443,16 @@ function SwapModal({
       exit: { opacity: 0 },
       transition: { duration: 0.18 },
       onClick: onClose,
-      style: overlayStyle,
+      style: {
+        position: "fixed",
+        inset: 0,
+        background: "rgba(20, 18, 16, 0.45)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 24,
+        zIndex: 60
+      },
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         react$1.motion.div,
         {
@@ -16386,44 +16461,65 @@ function SwapModal({
           exit: prefersReducedMotion ? void 0 : { opacity: 0, y: 6, scale: 0.98 },
           transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
           onClick: (e) => e.stopPropagation(),
-          style: panelStyle,
+          style: {
+            background: "#fff",
+            borderRadius: 16,
+            boxShadow: "0 20px 60px rgba(0,0,0,0.15)",
+            border: "1px solid #e5e7eb",
+            width: "100%",
+            maxWidth: 480,
+            maxHeight: "80vh",
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column",
+            padding: 24
+          },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "small-caps", style: { marginBottom: 4 }, children: "Swap this for" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "display-italic",
-                style: { fontSize: "0.92rem", color: "var(--ink-soft)", marginBottom: 14 },
-                children: itemName
-              }
-            ),
-            loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 24, textAlign: "center", color: "var(--ink-faint)", fontSize: "0.85rem" }, children: "Finding alternatives\u2026" }),
-            error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...errorStyle, marginBottom: 12 }, children: error }),
-            options && options.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 24, textAlign: "center", color: "var(--ink-faint)", fontSize: "0.85rem" }, children: "No other options available in this category at this restaurant." }),
-            options && options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.ul,
-              {
-                initial: "hidden",
-                animate: "visible",
-                variants: {
-                  hidden: {},
-                  visible: { transition: { staggerChildren: 0.06, delayChildren: 0.04 } }
-                },
-                style: {
-                  listStyle: "none",
-                  margin: 0,
-                  padding: 0,
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: 8,
-                  maxHeight: "60vh",
-                  overflowY: "auto",
-                  WebkitOverflowScrolling: "touch"
-                },
-                children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SwapCard, { option: opt, onPick: () => onPick(opt) }, opt.menuItemId))
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 14 }, children: /* @__PURE__ */ jsxRuntime.jsx(Chip, { onClick: onClose, children: "Keep current" }) })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: 16 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 11, fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", margin: 0 }, children: "Swap this for" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 16, fontWeight: 600, color: "#1f2937", margin: "4px 0 0" }, children: itemName })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 32,
+                    height: 32,
+                    borderRadius: 8,
+                    border: "none",
+                    background: "transparent",
+                    color: "#9ca3af",
+                    cursor: "pointer",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { style: { width: 16, height: 16 } })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", margin: "0 -24px", padding: "0 24px" }, children: [
+              loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "48px 0", textAlign: "center", color: "#9ca3af", fontSize: 14 }, children: "Finding alternatives\u2026" }),
+              error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderRadius: 10, background: "#fef2f2", border: "1px solid #fecaca", padding: "8px 12px", fontSize: 14, color: "#dc2626", marginBottom: 12 }, children: error }),
+              options && options.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "48px 0", textAlign: "center", color: "#9ca3af", fontSize: 14 }, children: "No other options available in this category." }),
+              options && options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                react$1.motion.div,
+                {
+                  initial: "hidden",
+                  animate: "visible",
+                  variants: {
+                    hidden: {},
+                    visible: { transition: { staggerChildren: 0.04, delayChildren: 0.02 } }
+                  },
+                  style: { display: "flex", flexDirection: "column" },
+                  children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(SwapCard, { option: opt, onPick: () => setSelected(opt), showDivider: i < options.length - 1 }, opt.menuItemId))
+                }
+              )
+            ] })
           ]
         }
       )
@@ -16433,112 +16529,118 @@ function SwapModal({
 }
 function SwapCard({
   option,
-  onPick
+  onPick,
+  showDivider
 }) {
   const prefersReducedMotion = react$1.useReducedMotion();
   const dietary = (option.dietaryFilters ?? []).filter(Boolean);
-  const allergens = (option.allergens ?? []).filter(
-    (a) => a && a.toLowerCase() !== "no specific allergens"
-  );
+  const description = option.description ?? "";
+  const [hovered, setHovered] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react$1.motion.li,
+    react$1.motion.button,
     {
+      type: "button",
       variants: {
-        hidden: { opacity: 0, y: 8 },
-        visible: { opacity: 1, y: 0, transition: { duration: 0.22, ease: "easeOut" } }
+        hidden: { opacity: 0, y: 6 },
+        visible: { opacity: 1, y: 0, transition: { duration: 0.2, ease: "easeOut" } }
       },
       whileHover: prefersReducedMotion ? void 0 : { y: -1 },
       whileTap: { scale: 0.99 },
       onClick: onPick,
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
       style: {
         display: "flex",
-        gap: 10,
-        padding: "10px",
-        borderRadius: 12,
-        border: "1px solid var(--rule)",
-        background: "var(--paper)",
+        gap: 12,
+        padding: "12px 4px",
+        borderRadius: 8,
+        border: "none",
+        borderBottom: showDivider ? "1px solid #f0f0f0" : "none",
+        background: hovered ? "#f9fafb" : "transparent",
         cursor: "pointer",
-        alignItems: "center"
+        textAlign: "left",
+        width: "100%",
+        transition: "background 0.15s"
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             style: {
-              width: 44,
-              height: 44,
-              borderRadius: 8,
-              background: option.imageUrl ? `url(${option.imageUrl}) center/cover` : "linear-gradient(135deg, var(--paper-deep) 0%, var(--rule) 100%)",
+              width: 80,
+              height: 80,
+              borderRadius: 10,
+              overflow: "hidden",
               flexShrink: 0,
-              border: "1px solid var(--rule)",
-              position: "relative"
+              background: "#f3f4f6"
             },
-            children: !option.imageUrl && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
+            children: option.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: option.imageUrl,
+                alt: option.name,
+                style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                className: "display-italic",
                 style: {
-                  position: "absolute",
-                  inset: 0,
+                  width: "100%",
+                  height: "100%",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  color: "var(--ink-faint)",
-                  fontSize: "1.2rem"
+                  color: "#d1d5db",
+                  fontSize: 22,
+                  fontWeight: 600,
+                  fontStyle: "italic"
                 },
                 children: option.name.trim()[0]?.toUpperCase() ?? "?"
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "display", style: { fontSize: "0.9rem", fontWeight: 600, color: "var(--ink)" }, children: option.name }),
-          (dietary.length > 0 || allergens.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 3, marginTop: 4 }, children: [
-            dietary.slice(0, 2).map((d) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dietary-pill", children: d.replace(/_/g, " ") }, d)),
-            allergens.slice(0, 2).map((a) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "allergen-pill", children: a.toLowerCase().replace(/_/g, " ") }, a))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "right", flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "display", style: { fontSize: "0.9rem", fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: [
-            "\xA3",
-            option.totalPrice.toFixed(2)
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 14, fontWeight: 600, color: "#1f2937", margin: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: option.name }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+            fontSize: 12,
+            color: "#9ca3af",
+            margin: "2px 0 0",
+            lineHeight: 1.5,
+            overflow: "hidden",
+            display: "-webkit-box",
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: "vertical"
+          }, children: description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 6 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 14, fontWeight: 600, color: "var(--primary, #b91c1c)", fontVariantNumeric: "tabular-nums" }, children: [
+              "\xA3",
+              option.unitPrice.toFixed(2)
+            ] }),
+            option.feedsPerUnit > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 11, color: "#9ca3af" }, children: [
+              "feeds ",
+              option.feedsPerUnit
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "0.66rem", color: "var(--ink-faint)" }, children: [
-            "\xD7",
-            option.quantity
-          ] })
+          dietary.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: 4, marginTop: 6 }, children: dietary.map((d) => {
+            const iconInfo = DIETARY_ICON_MAP[d.toLowerCase()];
+            if (!iconInfo) return null;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: iconInfo.src,
+                alt: iconInfo.label,
+                title: iconInfo.label,
+                style: { width: 16, height: 16, objectFit: "contain" }
+              },
+              d
+            );
+          }) })
         ] })
       ]
     }
   );
 }
-var overlayStyle = {
-  position: "fixed",
-  inset: 0,
-  background: "rgba(20, 18, 16, 0.45)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  padding: 16,
-  zIndex: 60
-};
-var panelStyle = {
-  background: "var(--paper)",
-  borderRadius: 16,
-  padding: 18,
-  width: "100%",
-  maxWidth: 360,
-  boxShadow: "var(--shadow-lift)",
-  border: "1px solid var(--rule)"
-};
-var errorStyle = {
-  fontSize: "0.85rem",
-  color: "var(--ember)",
-  background: "var(--ember-soft)",
-  border: "1px solid var(--ember)",
-  borderRadius: 10,
-  padding: "8px 12px"
-};
 
 // src/utils/parsePlaceResult.ts
 function parsePlaceResult(place) {
@@ -16606,6 +16708,15 @@ var GOOGLE_MAPS_CONFIG = {
     "name"
   ]
 };
+var LONDON_DELIVERY_BOUNDS = {
+  north: 51.75,
+  south: 51.2,
+  east: 0.35,
+  west: -0.55
+};
+function isWithinLondonBounds(lat, lng) {
+  return lat >= LONDON_DELIVERY_BOUNDS.south && lat <= LONDON_DELIVERY_BOUNDS.north && lng >= LONDON_DELIVERY_BOUNDS.west && lng <= LONDON_DELIVERY_BOUNDS.east;
+}
 
 // src/utils/google-maps-loader.ts
 var isLoading = false;
@@ -16650,8 +16761,10 @@ function loadGoogleMapsScript(apiKey) {
 }
 
 // src/hooks/useAddressAutocomplete.ts
+var OUT_OF_ZONE_MESSAGE = "We only deliver inside London right now \u2014 please pick a London address.";
 function useAddressAutocomplete(onPlaceSelect, options = {}) {
   const countryRestriction = options.countryRestriction === void 0 ? GOOGLE_MAPS_CONFIG.COUNTRY_RESTRICTION : options.countryRestriction;
+  const restrictToDeliveryZone = options.restrictToDeliveryZone ?? true;
   const { googleMapsApiKey } = useCateringConfig();
   const inputRef = react.useRef(null);
   const containerRef = react.useRef(null);
@@ -16663,6 +16776,7 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
   const [predictions, setPredictions] = react.useState([]);
   const [open, setOpen] = react.useState(false);
   const [activeIndex, setActiveIndex] = react.useState(-1);
+  const [outOfZoneError, setOutOfZoneError] = react.useState(null);
   react.useEffect(() => {
     loadGoogleMapsScript(googleMapsApiKey).then(() => {
       if (!window.google?.maps?.places) return;
@@ -16673,6 +16787,7 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
   }, [googleMapsApiKey]);
   react.useEffect(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
+    setOutOfZoneError(null);
     if (justSelectedRef.current) {
       justSelectedRef.current = false;
       return;
@@ -16687,7 +16802,10 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
       autocompleteServiceRef.current.getPlacePredictions(
         {
           input: query,
-          ...countryRestriction ? { componentRestrictions: { country: countryRestriction } } : {}
+          ...countryRestriction ? { componentRestrictions: { country: countryRestriction } } : {},
+          // Delivery pickers hard-restrict predictions to the London box,
+          // so out-of-zone places (e.g. Edinburgh) never appear.
+          ...restrictToDeliveryZone ? { locationRestriction: LONDON_DELIVERY_BOUNDS } : {}
         },
         (results, status) => {
           if (status === google.maps.places.PlacesServiceStatus.OK && results) {
@@ -16716,6 +16834,13 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
       { placeId: prediction.place_id, fields: GOOGLE_MAPS_CONFIG.FIELDS },
       (place, status) => {
         if (status === google.maps.places.PlacesServiceStatus.OK && place?.geometry) {
+          const lat = place.geometry.location?.lat();
+          const lng = place.geometry.location?.lng();
+          if (restrictToDeliveryZone && typeof lat === "number" && typeof lng === "number" && !isWithinLondonBounds(lat, lng)) {
+            setOutOfZoneError(OUT_OF_ZONE_MESSAGE);
+            return;
+          }
+          setOutOfZoneError(null);
           onPlaceSelect(place);
         }
       }
@@ -16753,6 +16878,7 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
     setPredictions([]);
     setActiveIndex(-1);
     setOpen(false);
+    setOutOfZoneError(null);
   };
   return {
     inputRef,
@@ -16765,7 +16891,8 @@ function useAddressAutocomplete(onPlaceSelect, options = {}) {
     setActiveIndex,
     handleSelect,
     handleKeyDown,
-    clear
+    clear,
+    outOfZoneError
   };
 }
 function ChatAddressInput({
@@ -16787,7 +16914,8 @@ function ChatAddressInput({
     activeIndex,
     setActiveIndex,
     handleSelect,
-    handleKeyDown
+    handleKeyDown,
+    outOfZoneError
   } = useAddressAutocomplete(onPlaceSelect);
   react.useEffect(() => {
     if (initialQuery) setQuery(initialQuery);
@@ -16866,6 +16994,7 @@ function ChatAddressInput({
         }
       )
     ] }),
+    outOfZoneError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 pl-6 text-xs text-red-500", children: outOfZoneError }),
     open && predictions.length > 0 && dropdownRect && typeof document !== "undefined" && reactDom.createPortal(
       /* Portal to the widget's shared overlay root so the
          dropdown escapes the bar pill's overflow-hidden +
@@ -17046,6 +17175,32 @@ function useBetaUnlock() {
   }, []);
   return { unlocked, tryUnlock };
 }
+var FIELDS = [
+  ["guestCount", "Number of guests"],
+  ["sessionDate", "Date"],
+  ["eventTime", "Event time"],
+  ["deliveryLocation", "Delivery location"],
+  ["budget", "Budget"]
+];
+function PreSendChecklist({ ticks }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 py-1", children: FIELDS.map(([field, label]) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: `flex items-center gap-1 text-xs transition-colors ${ticks[field] ? "text-gray-700" : "text-gray-400"}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `flex h-3.5 w-3.5 flex-shrink-0 items-center justify-center rounded-full border transition-colors ${ticks[field] ? "border-primary bg-primary" : "border-gray-300 bg-transparent"}`,
+            children: ticks[field] && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-2 w-2 text-white", strokeWidth: 3 })
+          }
+        ),
+        label
+      ]
+    },
+    field
+  )) });
+}
 var MAX_INPUT_HEIGHT = 140;
 function AIChat() {
   const { unlocked, tryUnlock } = useBetaUnlock();
@@ -17057,6 +17212,7 @@ function AIChat() {
 function AIChatBody() {
   const {
     chat: {
+      messages,
       sending,
       bootstrapping,
       sessionId,
@@ -17081,15 +17237,27 @@ function AIChatBody() {
     feedbackTarget,
     feedbackRating,
     setFeedbackRating,
+    startGeneralFeedback,
     cancelFeedback
   } = useChatSessionContext();
   const buildChatAddress = useChatAddressFromContext();
   const { contactInfo, setContactInfo } = useCateringState();
+  const api = useApiClient();
   const hasAddress = !!(contactInfo?.addressLine1 && contactInfo.latitude !== void 0 && contactInfo.longitude !== void 0);
   const gateActive = !hasAddress;
   const [pillEditing, setPillEditing] = react.useState(false);
+  const [headerMenuOpen, setHeaderMenuOpen] = react.useState(false);
   const textareaRef = react.useRef(null);
   const [input, setInput] = react.useState("");
+  const [fieldTicks, setFieldTicks] = react.useState({
+    guestCount: false,
+    sessionDate: false,
+    eventTime: false,
+    deliveryLocation: false,
+    budget: false
+  });
+  const detectDebounceRef = react.useRef(null);
+  const detectAbortRef = react.useRef(null);
   const [feedbackHover, setFeedbackHover] = react.useState(0);
   const [feedbackState, setFeedbackState] = react.useState("idle");
   const [feedbackNote, setFeedbackNote] = react.useState("");
@@ -17118,7 +17286,7 @@ function AIChatBody() {
   };
   react.useEffect(() => {
     handleInput();
-  }, [input, gateActive]);
+  }, [input, feedbackNote, gateActive]);
   react.useEffect(() => {
     if (!pendingInputFocus) return;
     if (gateActive || pillEditing) return;
@@ -17128,6 +17296,10 @@ function AIChatBody() {
     setPendingInputFocus(false);
   }, [pendingInputFocus, gateActive, pillEditing, bootstrapping, sessionId]);
   const inFeedbackMode = feedbackTarget !== null;
+  const hasUserReply = messages.some((m) => m.sender === "user");
+  console.log("[AIChat] messages", messages, "hasUserReply", hasUserReply);
+  const showChecklist = !inFeedbackMode && !gateActive && !hasUserReply;
+  const allTicked = Object.values(fieldTicks).every(Boolean);
   const RATING_LABELS = ["Terrible", "Poor", "Okay", "Good", "Great"];
   react.useEffect(() => {
     if (!feedbackTarget) return;
@@ -17135,6 +17307,25 @@ function AIChatBody() {
     setFeedbackNote("");
     setFeedbackState("idle");
   }, [feedbackTarget]);
+  react.useEffect(() => {
+    if (!showChecklist || !input.trim()) return;
+    if (detectDebounceRef.current) clearTimeout(detectDebounceRef.current);
+    detectDebounceRef.current = setTimeout(async () => {
+      detectAbortRef.current?.abort();
+      detectAbortRef.current = new AbortController();
+      const { signal } = detectAbortRef.current;
+      try {
+        const msg = hasAddress && contactInfo?.addressLine1 ? `${input.trim()} ${contactInfo.addressLine1}` : input.trim();
+        const result = await api.chat.detectFields(msg, signal);
+        if (!signal.aborted) setFieldTicks(result);
+      } catch {
+      }
+    }, 400);
+    return () => {
+      if (detectDebounceRef.current) clearTimeout(detectDebounceRef.current);
+      detectAbortRef.current?.abort();
+    };
+  }, [input, showChecklist]);
   function closeFeedback() {
     cancelFeedback();
     setFeedbackHover(0);
@@ -17205,7 +17396,9 @@ function AIChatBody() {
     }
     if (sending || bootstrapping || !sessionId || !input.trim()) return;
     if (gateActive && !hasAddress) return;
-    void sendText(input, buildChatAddress());
+    const addr = buildChatAddress();
+    console.log("[AIChat] submitText address", addr, "contactInfo", contactInfo);
+    void sendText(input, addr);
     setInput("");
   }
   function handleSubmit(e) {
@@ -17230,7 +17423,7 @@ function AIChatBody() {
     setEditingMealSessionIndex(void 0);
     await applyEditField(field, value, idx);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "swift-chat-design bg-white rounded-xl shadow-sm border border-base-200 flex h-full min-h-0 flex-col overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.LayoutGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "swift-chat-design bg-white rounded-xl shadow-sm border border-base-200 flex h-full min-h-0 flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 px-3 py-2.5 flex items-center gap-3 border-b border-base-200", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-9 rounded-full bg-primary flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-4 h-4 text-white" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -17261,16 +17454,55 @@ function AIChatBody() {
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "New chat" })
           ]
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-h-0", children: [
-      !gateActive && !inFeedbackMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-0 right-0 z-10 px-3 pt-1.5 flex justify-center pointer-events-none", children: [
-        hasAddress && !pillEditing && /* @__PURE__ */ jsxRuntime.jsxs(
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            onClick: () => setPillEditing(true),
-            className: "pointer-events-auto inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-black/50 backdrop-blur-sm text-white/90 hover:bg-black/60 transition-colors text-xs max-w-full shadow-sm",
+            onClick: () => setHeaderMenuOpen((v) => !v),
+            className: "flex items-center justify-center w-7 h-7 rounded-md text-gray-400 hover:text-gray-600 hover:bg-base-100 transition-colors",
+            title: "More options",
+            "aria-label": "More options",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "w-4 h-4" })
+          }
+        ),
+        headerMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40",
+              onClick: () => setHeaderMenuOpen(false)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-full z-50 mt-1 w-44 overflow-hidden rounded-xl border border-base-200 bg-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setHeaderMenuOpen(false);
+                startGeneralFeedback();
+              },
+              className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquarePlus, { className: "h-4 w-4" }),
+                "Give Feedback"
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-h-0", children: [
+      !gateActive && !inFeedbackMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-0 right-0 z-10 px-3 pt-1.5 flex justify-center pointer-events-none", children: [
+        hasAddress && !pillEditing && /* @__PURE__ */ jsxRuntime.jsxs(
+          react$1.motion.button,
+          {
+            type: "button",
+            layoutId: "desktop-address-region",
+            transition: { duration: 0.35, ease: "easeOut" },
+            onClick: () => setPillEditing(true),
+            className: "pointer-events-auto inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-black/50 backdrop-blur-sm text-white/90 hover:bg-black/60 transition-colors text-xs max-w-full shadow-sm",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 lucideReact.MapPin,
@@ -17304,13 +17536,16 @@ function AIChatBody() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           ref: messagesScrollRef,
           onScroll: handleMessagesScroll,
           className: "absolute inset-0 overflow-y-auto overscroll-contain p-3",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChatMessagesView, {})
+          children: [
+            !gateActive && !inFeedbackMode && hasAddress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-7", "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx(ChatMessagesView, {})
+          ]
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: showScrollDown && /* @__PURE__ */ jsxRuntime.jsx(
@@ -17374,7 +17609,10 @@ function AIChatBody() {
                   "aria-label": `${n} star${n > 1 ? "s" : ""}`,
                   onMouseEnter: () => setFeedbackHover(n),
                   onMouseLeave: () => setFeedbackHover(0),
-                  onClick: () => setFeedbackRating(n),
+                  onClick: () => {
+                    setFeedbackRating(n);
+                    textareaRef.current?.focus();
+                  },
                   className: "p-0.5 transition-transform hover:scale-110",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     lucideReact.Star,
@@ -17421,9 +17659,11 @@ function AIChatBody() {
           exit: { opacity: 0, y: -8 },
           transition: { duration: 0.18, ease: "easeOut" },
           children: gateActive ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "form",
+            react$1.motion.form,
             {
               onSubmit: handleSubmit,
+              layoutId: "desktop-address-region",
+              transition: { duration: 0.35, ease: "easeOut" },
               className: "flex flex-col rounded-xl border border-base-300 bg-white px-3 py-2 focus-within:border-primary transition-colors",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-2 border-b border-base-200", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -17465,31 +17705,45 @@ function AIChatBody() {
             "form",
             {
               onSubmit: handleSubmit,
-              className: "flex items-end gap-2 rounded-xl border border-base-300 bg-white px-3 py-2 focus-within:border-primary transition-colors",
+              className: "flex flex-col rounded-xl border border-base-300 bg-white px-3 py-2 focus-within:border-primary transition-colors",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "textarea",
-                  {
-                    ref: textareaRef,
-                    rows: 1,
-                    value: inFeedbackMode ? feedbackNote : input,
-                    onChange: (e) => inFeedbackMode ? setFeedbackNote(e.target.value) : setInput(e.target.value),
-                    onKeyDown: handleKeyDown,
-                    placeholder: inFeedbackMode ? feedbackRating <= 2 ? "What went wrong? (optional)" : "Add a note (optional)" : "Ask for menu suggestions...",
-                    disabled: inFeedbackMode ? feedbackState === "sending" : bootstrapping || !sessionId,
-                    className: "flex-1 bg-transparent text-sm text-gray-800 placeholder:text-gray-400 outline-none resize-none leading-snug py-1 overflow-hidden"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
+                /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: showChecklist && /* @__PURE__ */ jsxRuntime.jsx(
+                  react$1.motion.div,
                   {
-                    type: "submit",
-                    disabled: inFeedbackMode ? feedbackRating < 1 || feedbackState === "sending" : sending || bootstrapping || !input.trim() || !sessionId,
-                    className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-primary text-white transition-colors hover:bg-primary/90 disabled:opacity-50",
-                    title: inFeedbackMode ? "Submit feedback" : "Send",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "w-3.5 h-3.5" })
-                  }
-                )
+                    initial: { opacity: 0, height: 0 },
+                    animate: { opacity: 1, height: "auto" },
+                    exit: { opacity: 0, height: 0 },
+                    transition: { duration: 0.18, ease: "easeOut" },
+                    className: "overflow-hidden border-b border-base-200 pb-1.5 mb-1.5",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(PreSendChecklist, { ticks: fieldTicks })
+                  },
+                  "checklist"
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "textarea",
+                    {
+                      ref: textareaRef,
+                      rows: 1,
+                      value: inFeedbackMode ? feedbackNote : input,
+                      onChange: (e) => inFeedbackMode ? setFeedbackNote(e.target.value) : setInput(e.target.value),
+                      onKeyDown: handleKeyDown,
+                      placeholder: inFeedbackMode ? feedbackRating <= 2 ? "What went wrong? (optional)" : "Add a note (optional)" : "Ask for menu suggestions...",
+                      disabled: inFeedbackMode ? feedbackState === "sending" : bootstrapping || !sessionId,
+                      className: "flex-1 bg-transparent text-sm text-gray-800 placeholder:text-gray-400 outline-none resize-none leading-snug py-1 overflow-hidden"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "submit",
+                      disabled: inFeedbackMode ? feedbackRating < 1 || feedbackState === "sending" : sending || bootstrapping || !input.trim() || !sessionId || showChecklist && !allTicked,
+                      className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-primary text-white transition-colors hover:bg-primary/90 disabled:opacity-50",
+                      title: inFeedbackMode ? "Submit feedback" : "Send",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "w-3.5 h-3.5" })
+                    }
+                  )
+                ] })
               ]
             }
           ) })
@@ -17509,7 +17763,7 @@ function AIChatBody() {
         intentExcludes: swapTarget?.intentExcludes ?? null,
         itemName: swapTarget?.itemName ?? "",
         onClose: () => setSwapTarget(null),
-        onPick: (replacement) => {
+        onPick: (replacement, addonSelections) => {
           const target = swapTarget;
           if (!target) return;
           setSwapTarget(null);
@@ -17526,14 +17780,19 @@ function AIChatBody() {
             allergens: replacement.allergens,
             dietaryFilters: replacement.dietaryFilters,
             feedsPerUnit: replacement.feedsPerUnit,
-            cateringQuantityUnit: 1,
-            minOrderQuantity: 1,
-            addons: []
+            cateringQuantityUnit: replacement.cateringQuantityUnit,
+            minOrderQuantity: replacement.minOrderQuantity,
+            addons: replacement.addons
           });
+          cart.setAddonSelections(
+            target.intentId,
+            replacement.menuItemId,
+            addonSelections
+          );
         }
       }
     )
-  ] });
+  ] }) });
 }
 function MobileAddressPickerSurface({
   onPlaceSelect,
@@ -17552,7 +17811,8 @@ function MobileAddressPickerSurface({
     activeIndex,
     setActiveIndex,
     handleSelect,
-    handleKeyDown
+    handleKeyDown,
+    outOfZoneError
   } = useAddressAutocomplete(onPlaceSelect);
   react.useEffect(() => {
     if (initialQuery) setQuery(initialQuery);
@@ -17649,7 +17909,7 @@ function MobileAddressPickerSurface({
                       "input",
                       {
                         ref: inputRef,
-                        type: "search",
+                        type: "text",
                         value: query,
                         onChange: (e) => setQuery(e.target.value),
                         onKeyDown: handleSearchKeyDown,
@@ -17678,6 +17938,7 @@ function MobileAddressPickerSurface({
                   ] })
                 }
               ),
+              outOfZoneError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 flex-shrink-0 text-center text-xs text-red-600", children: outOfZoneError }),
               predictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 react$1.motion.div,
                 {
@@ -20298,15 +20559,73 @@ function AISuggestionsPanel() {
     mealSessions: widgetMealSessions,
     addMealSession,
     addMenuItem,
+    updateMealSession,
     setActiveSessionIndex
   } = useCateringState();
+  const [mergeConfirm, setMergeConfirm] = react.useState(null);
   function handleSwap(target) {
     setSwapTarget(target);
   }
+  function findConflictingSessions() {
+    const conflicts = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const part of latestMealSessionParts) {
+      const aiMeal = latestMealSessions[part.mealSessionIndex];
+      const isoDate = aiMeal?.isoSessionDate ?? "";
+      const aiTime = convertAiTime(aiMeal?.isoEventTime ?? "");
+      if (!isoDate) continue;
+      const matchIdx = widgetMealSessions.findIndex(
+        (s) => s.sessionDate === isoDate && s.eventTime === aiTime
+      );
+      if (matchIdx < 0 || seen.has(matchIdx)) continue;
+      seen.add(matchIdx);
+      const existing = widgetMealSessions[matchIdx];
+      if (existing.orderItems.length > 0) {
+        conflicts.push({
+          idx: matchIdx,
+          name: existing.sessionName || `Session ${matchIdx + 1}`,
+          itemCount: existing.orderItems.length
+        });
+      }
+    }
+    return conflicts;
+  }
   function handleAddToBasket() {
+    const conflicts = findConflictingSessions();
+    if (conflicts.length > 0) {
+      setMergeConfirm({ conflictingSessions: conflicts });
+      return;
+    }
+    commitToBasket(false);
+  }
+  function commitToBasket(replace) {
+    setMergeConfirm(null);
     const preBatchCount = widgetMealSessions.length;
     let working = widgetMealSessions;
     let firstTargetIdx = -1;
+    if (replace) {
+      for (const part of latestMealSessionParts) {
+        const aiMeal = latestMealSessions[part.mealSessionIndex];
+        const isoDate = aiMeal?.isoSessionDate ?? "";
+        const aiTime = convertAiTime(aiMeal?.isoEventTime ?? "");
+        if (!isoDate) continue;
+        const matchIdx = widgetMealSessions.findIndex(
+          (s) => s.sessionDate === isoDate && s.eventTime === aiTime
+        );
+        if (matchIdx >= 0) {
+          updateMealSession(matchIdx, { orderItems: [] });
+        }
+      }
+      working = widgetMealSessions.map((s) => {
+        const shouldClear = latestMealSessionParts.some((part) => {
+          const aiMeal = latestMealSessions[part.mealSessionIndex];
+          const isoDate = aiMeal?.isoSessionDate ?? "";
+          const aiTime = convertAiTime(aiMeal?.isoEventTime ?? "");
+          return isoDate && s.sessionDate === isoDate && s.eventTime === aiTime;
+        });
+        return shouldClear ? { ...s, orderItems: [] } : s;
+      });
+    }
     for (const part of latestMealSessionParts) {
       const resolvedItems = resolveDraftItems(
         latestMealSessionParts,
@@ -20338,7 +20657,7 @@ function AISuggestionsPanel() {
       });
     }
     working.forEach((s, idx) => {
-      const original = widgetMealSessions[idx];
+      const original = replace ? { orderItems: [] } : widgetMealSessions[idx];
       const originalIds = new Set(
         (original?.orderItems ?? []).map((oi) => oi.item.id)
       );
@@ -20348,7 +20667,6 @@ function AISuggestionsPanel() {
       }
     });
     setActiveSessionIndex(firstTargetIdx);
-    dismissSuggestionsOverlay();
     onAddedToBasket();
   }
   const showPreview = activeViewedPreview !== null;
@@ -20458,6 +20776,63 @@ function AISuggestionsPanel() {
               }
             ) })
           }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: mergeConfirm && /* @__PURE__ */ jsxRuntime.jsxs(
+          react$1.motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.15 },
+            className: "fixed inset-0 z-[60] flex items-center justify-center",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 bg-black/40",
+                  onClick: () => setMergeConfirm(null)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                react$1.motion.div,
+                {
+                  initial: { scale: 0.95, opacity: 0 },
+                  animate: { scale: 1, opacity: 1 },
+                  exit: { scale: 0.95, opacity: 0 },
+                  transition: { duration: 0.15 },
+                  className: "relative w-full max-w-sm rounded-2xl bg-white p-6 shadow-xl mx-4",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Session already has items" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-sm text-gray-600", children: [
+                      mergeConfirm.conflictingSessions.length === 1 ? `"${mergeConfirm.conflictingSessions[0].name}" already has ${mergeConfirm.conflictingSessions[0].itemCount} item${mergeConfirm.conflictingSessions[0].itemCount === 1 ? "" : "s"}.` : `${mergeConfirm.conflictingSessions.length} sessions already have items.`,
+                      " ",
+                      "Would you like to replace the existing items or add to them?"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex gap-3", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => commitToBasket(true),
+                          className: "flex-1 rounded-xl border border-base-300 px-4 py-2.5 text-sm font-medium text-gray-700 transition-colors hover:bg-base-100",
+                          children: "Replace"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => commitToBasket(false),
+                          className: "flex-1 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary/90",
+                          children: "Add to existing"
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
         ) })
       ]
     }
@@ -20665,8 +21040,19 @@ function resolveDraftItems(mealSessionParts, aiMealSessions, activeMealSessionIn
   }
   return out;
 }
-function SuggestionsOverlay({ onClose }) {
+function SuggestionsOverlay({ onClose, flyToCart }) {
   const { stickyTopOffset = 0 } = useCateringConfig();
+  const cardRef = react.useRef(null);
+  const controls = react$1.useAnimation();
+  const flying = !!flyToCart;
+  react.useEffect(() => {
+    if (!flyToCart) return;
+    void controls.start({
+      scale: 0.1,
+      opacity: 0,
+      transition: { duration: 0.4, ease: [0.4, 0, 0.2, 1] }
+    });
+  }, [flyToCart, controls]);
   react.useEffect(() => {
     const body = document.body;
     const scrollY = window.scrollY;
@@ -20703,14 +21089,25 @@ function SuggestionsOverlay({ onClose }) {
       transition: { duration: 0.2, ease: "easeOut" },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
+          react$1.motion.div,
           {
             className: "absolute inset-0 bg-gray-900/30 backdrop-blur-lg",
             "aria-hidden": "true",
-            onClick: onClose
+            onClick: onClose,
+            animate: { opacity: flying ? 0 : 1 },
+            transition: { duration: 0.3, ease: "easeOut" }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full overflow-y-auto overscroll-none pt-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-6xl mx-auto w-full px-2 md:px-6", children: /* @__PURE__ */ jsxRuntime.jsx(AISuggestionsPanel, {}) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react$1.motion.div,
+          {
+            ref: cardRef,
+            animate: controls,
+            className: "relative h-full overflow-hidden pt-6",
+            style: { transformOrigin: "center center" },
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-6xl mx-auto w-full px-2 md:px-6", children: /* @__PURE__ */ jsxRuntime.jsx(AISuggestionsPanel, {}) })
+          }
+        )
       ]
     }
   );
@@ -20850,7 +21247,8 @@ function InlineAddressInput({
     activeIndex,
     setActiveIndex,
     handleSelect,
-    handleKeyDown
+    handleKeyDown,
+    outOfZoneError
   } = useAddressAutocomplete(onPlaceSelect);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative mt-1.5 pt-1.5 border-t border-base-200", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
@@ -20888,7 +21286,8 @@ function InlineAddressInput({
         ]
       },
       p.place_id
-    )) })
+    )) }),
+    outOfZoneError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[10px] text-red-500", children: outOfZoneError })
   ] });
 }
 function PricingSummary({
@@ -22088,6 +22487,7 @@ function RestaurantMenuBrowser({
 }) {
   const { addMenuItem, mealSessions, restaurantPromotions, contactInfo } = useCateringState();
   const { stickyTopOffset: hostStickyTopOffset = 0 } = useCateringConfig();
+  const { filters, setFilters } = useCateringFilters();
   const activeSession = mealSessions[sessionIndex];
   const [selectedRestaurantId, setSelectedRestaurantIdState] = react.useState(() => {
     if (typeof window === "undefined") return null;
@@ -22300,6 +22700,8 @@ function RestaurantMenuBrowser({
   const [isMobileViewport, setIsMobileViewport] = react.useState(false);
   const [apiSearchResults, setApiSearchResults] = react.useState(null);
   const [searchLoading, setSearchLoading] = react.useState(false);
+  const [priceFilterOpen, setPriceFilterOpen] = react.useState(false);
+  const priceFilterRef = react.useRef(null);
   const sectionRefs = react.useRef(/* @__PURE__ */ new Map());
   const groupButtonRefs = react.useRef(/* @__PURE__ */ new Map());
   const isProgrammaticScroll = react.useRef(false);
@@ -22499,6 +22901,16 @@ function RestaurantMenuBrowser({
     }, 300);
     return () => clearTimeout(timer);
   }, [isSearchActive, searchQuery, selectedDietaryFilters]);
+  react.useEffect(() => {
+    if (!priceFilterOpen) return;
+    const handleClickOutside = (e) => {
+      if (priceFilterRef.current && !priceFilterRef.current.contains(e.target)) {
+        setPriceFilterOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [priceFilterOpen]);
   const filteredRestaurants = react.useMemo(() => {
     return availableRestaurants.filter((restaurant) => {
       const matchesCategory = !selectedCategoryId || (restaurant.categories ?? []).some(
@@ -22507,12 +22919,14 @@ function RestaurantMenuBrowser({
       const matchesDiet = selectedDietaryFilters.length === 0 || selectedDietaryFilters.every(
         (filter) => (restaurant.dietaryFilters ?? []).includes(filter)
       );
-      return matchesCategory && matchesDiet;
+      const matchesPriceRange = !filters.restaurantPriceRange || restaurant.priceRange === filters.restaurantPriceRange;
+      return matchesCategory && matchesDiet && matchesPriceRange;
     }).sort(compareRestaurantsByAvailability);
   }, [
     availableRestaurants,
     selectedCategoryId,
     selectedDietaryFilters,
+    filters.restaurantPriceRange,
     compareRestaurantsByAvailability
   ]);
   const selectedRestaurant = react.useMemo(
@@ -22909,16 +23323,23 @@ function RestaurantMenuBrowser({
           const userLoc = contactInfo?.latitude && contactInfo?.longitude ? { latitude: contactInfo.latitude, longitude: contactInfo.longitude } : null;
           const distance = userLoc && restaurantLoc ? haversineDistanceMiles(userLoc.latitude, userLoc.longitude, restaurantLoc.latitude, restaurantLoc.longitude) : null;
           const rating = restaurant.averageRating && parseFloat(restaurant.averageRating) > 0 ? parseFloat(restaurant.averageRating) : null;
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto pt-2 min-h-[22px] flex items-center gap-2", children: [
-            rating !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-[11px] text-gray-500", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400", children: "\u2605" }),
-              rating.toFixed(1)
+          const priceRange = restaurant.priceRange;
+          const tags = restaurant.tags?.filter(Boolean) ?? [];
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto pt-2 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[18px] flex items-center gap-2", children: [
+              rating !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-[11px] text-gray-500", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400", children: "\u2605" }),
+                rating.toFixed(1)
+              ] }),
+              rating !== null && distance !== null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300 text-[11px]", children: "\xB7" }),
+              distance !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-gray-500", children: [
+                distance.toFixed(1),
+                " mi"
+              ] }),
+              priceRange && (rating !== null || distance !== null) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300 text-[11px]", children: "\xB7" }),
+              priceRange && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-gray-500", children: priceRange })
             ] }),
-            rating !== null && distance !== null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300 text-[11px]", children: "\xB7" }),
-            distance !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-gray-500", children: [
-              distance.toFixed(1),
-              " mi"
-            ] })
+            tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-gray-500 leading-tight", children: tags.slice(0, 3).join(" - ") })
           ] });
         })()
       ] })
@@ -23081,24 +23502,31 @@ function RestaurantMenuBrowser({
           const rating = selectedRestaurant.averageRating && parseFloat(selectedRestaurant.averageRating) > 0 ? parseFloat(selectedRestaurant.averageRating) : null;
           const advanceNoticeText = getRestaurantAdvanceNoticeText(selectedRestaurant);
           const noticeMet = isRestaurantAdvanceNoticeMet(selectedRestaurant, activeSession?.sessionDate, activeSession?.eventTime);
-          if (!rating && !distance && !advanceNoticeText) return null;
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 mt-1 mb-1", children: [
-            rating !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-sm text-gray-500 whitespace-nowrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400", children: "\u2605" }),
-              rating.toFixed(1)
-            ] }),
-            rating !== null && distance !== null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
-            distance !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-500 whitespace-nowrap", children: [
-              distance.toFixed(1),
-              " mi away"
-            ] }),
-            advanceNoticeText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              (rating !== null || distance !== null) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex items-center gap-1 text-sm whitespace-nowrap ${noticeMet ? "text-gray-500" : "text-gray-500"}`, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: `h-3.5 w-3.5 flex-shrink-0 ${noticeMet ? "text-gray-400" : "text-red-500"}` }),
-                advanceNoticeText
+          const priceRange = selectedRestaurant.priceRange;
+          const tags = selectedRestaurant.tags?.filter(Boolean).slice(0, 3) ?? [];
+          if (!rating && !distance && !advanceNoticeText && !priceRange && tags.length === 0) return null;
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 mb-1 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+              rating !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-sm text-gray-500 whitespace-nowrap", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400", children: "\u2605" }),
+                rating.toFixed(1)
+              ] }),
+              rating !== null && distance !== null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
+              distance !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-500 whitespace-nowrap", children: [
+                distance.toFixed(1),
+                " mi away"
+              ] }),
+              priceRange && (rating !== null || distance !== null) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
+              priceRange && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500 whitespace-nowrap", children: priceRange }),
+              advanceNoticeText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                (rating !== null || distance !== null || priceRange) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex items-center gap-1 text-sm whitespace-nowrap ${noticeMet ? "text-gray-500" : "text-gray-500"}`, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: `h-3.5 w-3.5 flex-shrink-0 ${noticeMet ? "text-gray-400" : "text-red-500"}` }),
+                  advanceNoticeText
+                ] })
               ] })
-            ] })
+            ] }),
+            tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: tags.join(" - ") })
           ] });
         })(),
         selectedRestaurant.restaurant_description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -23360,26 +23788,72 @@ function RestaurantMenuBrowser({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pb-6 md:pb-8", style: { contain: "inline-size" }, children: [
     hoursInfoTooltip,
     mobileHoursInfoSheet,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mt-2 mb-2 hidden md:block", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          value: searchQuery,
-          onChange: (e) => setSearchQuery(e.target.value),
-          placeholder: "Search restaurants and menu items...",
-          className: "w-full pl-9 pr-9 py-2.5 rounded-xl border border-base-300 bg-white text-base focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors"
-        }
-      ),
-      searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => setSearchQuery(""),
-          className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
-        }
-      )
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 mb-2 hidden md:flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            placeholder: "Search restaurants and menu items...",
+            className: "w-full pl-9 pr-9 py-2.5 rounded-xl border border-base-300 bg-white text-base focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors"
+          }
+        ),
+        searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setSearchQuery(""),
+            className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", ref: priceFilterRef, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            onClick: () => setPriceFilterOpen((v) => !v),
+            className: `flex items-center gap-2 h-full px-3 py-2.5 rounded-xl border transition-colors ${filters.restaurantPriceRange ? "bg-primary border-primary text-white" : "bg-white border-base-300 text-gray-600 hover:border-primary hover:text-primary"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, { className: "w-4 h-4 flex-shrink-0" }),
+              filters.restaurantPriceRange ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: filters.restaurantPriceRange }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Filters" })
+            ]
+          }
+        ),
+        priceFilterOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 top-full mt-2 bg-white rounded-xl border border-base-300 shadow-lg p-3 z-20 min-w-[180px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-gray-700", children: "Price Range" }),
+            filters.restaurantPriceRange && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => {
+                  setFilters({ ...filters, restaurantPriceRange: null });
+                  setPriceFilterOpen(false);
+                },
+                className: "text-xs text-primary hover:text-primary/80 font-medium",
+                children: "Clear"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["~\xA3", "\xA3-\xA3\xA3", "\xA3\xA3-\xA3\xA3\xA3", "\xA3\xA3\xA3~"].map((range) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => {
+                setFilters({
+                  ...filters,
+                  restaurantPriceRange: filters.restaurantPriceRange === range ? null : range
+                });
+                setPriceFilterOpen(false);
+              },
+              className: `px-3 py-1.5 rounded-full text-xs font-medium transition-colors ${filters.restaurantPriceRange === range ? "bg-primary text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`,
+              children: range
+            },
+            range
+          )) })
+        ] })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       !isSearchActive && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -24393,8 +24867,10 @@ function AddressAutocomplete({
     setActiveIndex,
     handleSelect,
     handleKeyDown,
-    clear
+    clear,
+    outOfZoneError
   } = useAddressAutocomplete(onPlaceSelect);
+  const shownError = error || outOfZoneError || void 0;
   const handleClear = () => {
     clear();
     if (onClearAddress) onClearAddress();
@@ -24415,7 +24891,7 @@ function AddressAutocomplete({
           onKeyDown: handleKeyDown,
           placeholder: "Start typing an address...",
           autoComplete: "new-password",
-          className: `address-search-input w-full bg-gray-50 border rounded-lg px-4 py-2.5 text-base text-base-content placeholder:text-base-content/50 focus:outline-none focus:ring-2 focus:ring-dark-pink/20 focus:border-dark-pink transition-all ${error ? "border-error" : hasValidAddress ? "border-success" : "border-base-300"}`
+          className: `address-search-input w-full bg-gray-50 border rounded-lg px-4 py-2.5 text-base text-base-content placeholder:text-base-content/50 focus:outline-none focus:ring-2 focus:ring-dark-pink/20 focus:border-dark-pink transition-all ${shownError ? "border-error" : hasValidAddress ? "border-success" : "border-base-300"}`
         }
       ),
       hasValidAddress && /* @__PURE__ */ jsxRuntime.jsx(
@@ -24448,9 +24924,9 @@ function AddressAutocomplete({
         p.place_id
       )) })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-error", children: error }),
-    hasValidAddress && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-success", children: "Address selected" }),
-    !hasValidAddress && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-base-content/60", children: "Please select an address from the dropdown" })
+    shownError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-error", children: shownError }),
+    hasValidAddress && !shownError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-success", children: "Address selected" }),
+    !hasValidAddress && !shownError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-base-content/60", children: "Please select an address from the dropdown" })
   ] });
 }
 function DeliveryAddressForm({
@@ -24588,7 +25064,11 @@ function BillingAddressAutocomplete({
     setActiveIndex,
     handleSelect,
     handleKeyDown
-  } = useAddressAutocomplete(onPlaceSelect, { countryRestriction: null });
+  } = useAddressAutocomplete(onPlaceSelect, {
+    countryRestriction: null,
+    // Billing can be anywhere — only delivery is London-restricted.
+    restrictToDeliveryZone: false
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-full", ref: containerRef, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-[10px] font-bold text-base-content/60 uppercase tracking-widest mb-1.5", children: [
       "Search Address",
@@ -27325,6 +27805,10 @@ function CateringOrderBuilder() {
       setMobileChatView("chat");
       setMobileAddressPillEditing(false);
       setIsMobileChatMenuOpen(false);
+    } else {
+      requestAnimationFrame(() => {
+        mobileAIInputRef.current?.blur();
+      });
     }
   }, [isMobileAIChatOpen]);
   const [mobileAIInput, setMobileAIInput] = react.useState("");
@@ -27352,6 +27836,9 @@ function CateringOrderBuilder() {
       mobileAIInputRef.current.style.overflowY = "hidden";
     }
   };
+  const cartTabRef = react.useRef(null);
+  const [flyToCart, setFlyToCart] = react.useState(null);
+  const [flyGhost, setFlyGhost] = react.useState(null);
   const [isMobileSearchOpen, setIsMobileSearchOpen] = react.useState(false);
   const [isMobileSearchActive, setIsMobileSearchActive] = react.useState(false);
   const [mobileSearchState, setMobileSearchState] = react.useState({ mode: "list", query: "" });
@@ -27510,9 +27997,6 @@ function CateringOrderBuilder() {
       ...parsed.contactInfo
     });
     setMobileAddressPillEditing(false);
-    requestAnimationFrame(() => {
-      mobileAIInputRef.current?.focus();
-    });
   };
   const handleMobileAddressClear = () => {
     setContactInfo({
@@ -27918,37 +28402,45 @@ function CateringOrderBuilder() {
       longitude: void 0
     });
   }, [contactInfo, setContactInfo]);
-  const fetchPricing = react.useCallback(
-    async (sessions) => {
-      const hasItems = sessions.some((s) => s.orderItems.length > 0);
-      if (!hasItems) {
+  const pricingCancelRef = react.useRef(0);
+  const pricingRetryRef = react.useRef(null);
+  react.useEffect(() => {
+    if (pricingDebounceRef.current) clearTimeout(pricingDebounceRef.current);
+    if (pricingRetryRef.current) clearTimeout(pricingRetryRef.current);
+    const gen = ++pricingCancelRef.current;
+    function fire() {
+      if (gen !== pricingCancelRef.current) return;
+      if (totalItems === 0) {
         setPricing(null);
         return;
       }
       setCalculatingPricing(true);
-      try {
-        const result = await cateringService.calculateCateringPricingWithMealSessions(
-          sessions,
-          [],
-          deliveryLocation ?? void 0
-        );
-        if (result.isValid) setPricing(result);
-      } catch {
-      } finally {
+      cateringService.calculateCateringPricingWithMealSessions(
+        mealSessions,
+        [],
+        deliveryLocation ?? void 0
+      ).then((result) => {
+        if (gen !== pricingCancelRef.current) return;
+        if (result.isValid) {
+          setPricing(result);
+        } else {
+          setPricing(null);
+          pricingRetryRef.current = setTimeout(fire, 2e3);
+        }
+      }).catch(() => {
+        if (gen !== pricingCancelRef.current) return;
+        pricingRetryRef.current = setTimeout(fire, 2e3);
+      }).finally(() => {
+        if (gen !== pricingCancelRef.current) return;
         setCalculatingPricing(false);
-      }
-    },
-    [deliveryLocation]
-  );
-  react.useEffect(() => {
-    if (pricingDebounceRef.current) clearTimeout(pricingDebounceRef.current);
-    pricingDebounceRef.current = setTimeout(() => {
-      fetchPricing(mealSessions);
-    }, 600);
+      });
+    }
+    pricingDebounceRef.current = setTimeout(fire, 600);
     return () => {
       if (pricingDebounceRef.current) clearTimeout(pricingDebounceRef.current);
+      if (pricingRetryRef.current) clearTimeout(pricingRetryRef.current);
     };
-  }, [mealSessions, fetchPricing]);
+  }, [totalItems, mealSessions, deliveryLocation]);
   const handleEditorClose = (cancelled) => {
     const sessionIndex = editingSessionIndex;
     const wasNewSession = isNewSession;
@@ -28388,7 +28880,7 @@ function CateringOrderBuilder() {
   if (currentStep === 2) {
     return /* @__PURE__ */ jsxRuntime.jsx(CheckoutScreen, {});
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     ChatSessionProvider,
     {
       enabled: aiEnabled && (rightPanelTab === "ai" || isMobileAIChatOpen),
@@ -28400,854 +28892,903 @@ function CateringOrderBuilder() {
         setPendingItem(previewItemToMenuItem(previewItem));
       },
       onAddedToBasket: () => {
-        setRightPanelTab("cart");
-        setMobileChatView("chat");
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-base-100", children: [
-        editingSessionIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          SessionEditor,
-          {
-            session: mealSessions[editingSessionIndex],
-            sessionIndex: editingSessionIndex,
-            onUpdate: updateMealSession,
-            onClose: handleEditorClose,
-            restaurants,
-            existingDates: dayGroups.filter((d) => d.date !== "unscheduled").map((d) => ({
-              date: d.date,
-              dayName: d.dayName,
-              displayDate: d.displayDate
-            }))
+        const basketRect = basketColumnRef.current?.getBoundingClientRect();
+        const overlayLeft = 8;
+        const overlayRight = window.innerWidth - 384;
+        const fromX = (overlayLeft + overlayRight) / 2;
+        const fromY = window.innerHeight / 2;
+        setFlyToCart({ x: 0, y: 0 });
+        setTimeout(() => {
+          if (basketRect) {
+            setFlyGhost({
+              fromX,
+              fromY,
+              toX: basketRect.left + basketRect.width / 2,
+              toY: basketRect.top + basketRect.height / 2
+            });
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col md:flex-row px-2${isMobileAIChatOpen ? " hidden md:flex" : ""}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SessionPickerDropdown,
-              {
-                dayGroups,
-                expandedSessionIndex: activeSessionIndex,
-                onSessionPillClick: handleSessionPillClick,
-                onEditSession: (index) => setEditingSessionIndex(index),
-                onDeleteSession: (index) => setSessionToRemove(index),
-                onAddDay: handleAddDay,
-                formatTimeDisplay
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-6xl mx-auto w-full px-2 md:px-6", children: [
+        }, 350);
+        setTimeout(() => {
+          setFlyToCart(null);
+          setRightPanelTab("cart");
+          setMobileChatView("chat");
+        }, 550);
+        setTimeout(() => setFlyGhost(null), 1200);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-base-100", children: [
+          editingSessionIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            SessionEditor,
+            {
+              session: mealSessions[editingSessionIndex],
+              sessionIndex: editingSessionIndex,
+              onUpdate: updateMealSession,
+              onClose: handleEditorClose,
+              restaurants,
+              existingDates: dayGroups.filter((d) => d.date !== "unscheduled").map((d) => ({
+                date: d.date,
+                dayName: d.dayName,
+                displayDate: d.displayDate
+              })),
+              existingSessions: mealSessions.filter((_, i) => i !== editingSessionIndex).filter((s) => s.sessionDate && s.eventTime).map((s) => ({ date: s.sessionDate, time: s.eventTime }))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col md:flex-row px-2${isMobileAIChatOpen ? " hidden md:flex" : ""}`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 flex flex-col", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                MenuBrowserColumn,
+                SessionPickerDropdown,
                 {
-                  showBundleBrowser,
-                  onToggleBundleBrowser: setShowBundleBrowser,
-                  sessionIndex: activeSessionIndex,
-                  defaultGuestCount: mealSessions[activeSessionIndex]?.guestCount ?? 1,
-                  restaurants,
-                  restaurantsLoading,
-                  onAddItem: handleAddItem,
-                  onUpdateQuantity: handleUpdateQuantity,
-                  onAddOrderPress: handleAddOrderPress,
-                  getItemQuantity,
-                  expandedItemId,
-                  setExpandedItemId,
-                  selectedDietaryFilters,
-                  toggleDietaryFilter,
-                  restaurantListRef,
-                  firstMenuItemRef,
-                  categoriesRowRef,
+                  dayGroups,
                   expandedSessionIndex: activeSessionIndex,
-                  onRegisterResetToList: (fn) => {
-                    resetRestaurantListRef.current = fn;
-                  },
-                  onMobileSearchStateChange: setMobileSearchState,
-                  onRegisterMobileSearchSetter: handleRegisterMobileSearchSetter
+                  onSessionPillClick: handleSessionPillClick,
+                  onEditSession: (index) => setEditingSessionIndex(index),
+                  onDeleteSession: (index) => setSessionToRemove(index),
+                  onAddDay: handleAddDay,
+                  formatTimeDisplay
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                SuggestionsOverlayBridge,
-                {
-                  active: effectiveRightPanelTab === "ai",
-                  onVisibleChange: setOverlayVisible
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: basketColumnRef,
-              className: `hidden md:flex md:w-96 flex-shrink-0 flex-col overflow-hidden py-2 px-1 ${overlayVisible ? "fixed z-50 bg-base-100" : "sticky"}`,
-              style: {
-                top: stickyTopOffset,
-                right: overlayVisible ? 0 : void 0,
-                height: overlayVisible ? `calc(100dvh - ${stickyTopOffset}px)` : basketHeight,
-                alignSelf: "flex-start"
-              },
-              children: mealSessions[activeSessionIndex] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col gap-2 overflow-hidden", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 flex rounded-xl bg-base-200 p-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setRightPanelTab("cart"),
-                      className: `flex-1 rounded-lg px-3 py-1.5 text-sm font-semibold transition-colors ${effectiveRightPanelTab === "cart" ? "bg-white text-gray-800 shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
-                      children: "Cart"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        if (!aiEnabled) return;
-                        setRightPanelTab("ai");
-                      },
-                      disabled: !aiEnabled,
-                      "aria-disabled": !aiEnabled,
-                      title: aiEnabled ? void 0 : "Coming Soon",
-                      className: `flex-1 rounded-lg px-3 py-1.5 text-sm font-semibold transition-colors flex items-center justify-center gap-1.5 ${!aiEnabled ? "text-gray-400 cursor-not-allowed" : effectiveRightPanelTab === "ai" ? "bg-white text-gray-800 shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5" }),
-                        "AI Chat",
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary px-1.5 py-0.5 text-[8px] font-bold uppercase tracking-wider text-white shadow-sm whitespace-nowrap", children: aiEnabled ? "Beta" : "Soon" })
-                      ]
-                    }
-                  )
-                ] }),
-                effectiveRightPanelTab === "cart" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  ActiveSessionPanel,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-6xl mx-auto w-full px-2 md:px-6", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  MenuBrowserColumn,
                   {
-                    session: mealSessions[activeSessionIndex],
+                    showBundleBrowser,
+                    onToggleBundleBrowser: setShowBundleBrowser,
                     sessionIndex: activeSessionIndex,
-                    sessionTotal: getSessionTotal(activeSessionIndex),
-                    sessionPromotions: getSessionDiscount(activeSessionIndex).promotions,
-                    validationError: sessionValidationErrors[activeSessionIndex] || null,
-                    isUnscheduled: !mealSessions[activeSessionIndex].sessionDate,
-                    canRemove: true,
-                    onEditSession: () => setEditingSessionIndex(activeSessionIndex),
-                    onRemoveSession: (e) => handleRemoveSession(activeSessionIndex, e),
-                    onEditItem: handleEditItem,
-                    onRemoveItem: handleRemoveItem,
-                    onSwapItem: handleSwapItem,
-                    onRemoveBundle: handleRemoveBundle,
-                    collapsedCategories,
-                    onToggleCategory: handleToggleCategory,
-                    onViewMenu: handleViewMenu,
-                    isCurrentSessionValid,
-                    totalPrice: getTotalPrice(),
-                    onCheckout: handleCheckout,
-                    showCheckoutButton: false,
-                    restaurants
+                    defaultGuestCount: mealSessions[activeSessionIndex]?.guestCount ?? 1,
+                    restaurants,
+                    restaurantsLoading,
+                    onAddItem: handleAddItem,
+                    onUpdateQuantity: handleUpdateQuantity,
+                    onAddOrderPress: handleAddOrderPress,
+                    getItemQuantity,
+                    expandedItemId,
+                    setExpandedItemId,
+                    selectedDietaryFilters,
+                    toggleDietaryFilter,
+                    restaurantListRef,
+                    firstMenuItemRef,
+                    categoriesRowRef,
+                    expandedSessionIndex: activeSessionIndex,
+                    onRegisterResetToList: (fn) => {
+                      resetRestaurantListRef.current = fn;
+                    },
+                    onMobileSearchStateChange: setMobileSearchState,
+                    onRegisterMobileSearchSetter: handleRegisterMobileSearchSetter
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(AIChat, {}),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex-shrink-0 flex flex-col gap-1.5", children: effectiveRightPanelTab === "ai" ? /* @__PURE__ */ jsxRuntime.jsx(AISuggestionsBottomButton, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  totalItems > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 border-t border-base-300 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    PricingSummary,
-                    {
-                      pricing,
-                      calculatingPricing,
-                      compact: true,
-                      onPlaceSelect: handleDeliveryPlaceSelect,
-                      onClearAddress: handleClearDeliveryAddress
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-stretch gap-2", children: [
-                    mealSessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          ref: desktopMenuBtnRef,
-                          onClick: () => {
-                            if (!isDesktopCartMenuOpen && desktopMenuBtnRef.current) {
-                              const rect = desktopMenuBtnRef.current.getBoundingClientRect();
-                              setDesktopMenuPos({
-                                bottom: window.innerHeight - rect.top + 8,
-                                left: rect.left
-                              });
-                            }
-                            setIsDesktopCartMenuOpen((v) => !v);
-                          },
-                          className: "flex h-full items-center justify-center rounded-lg border border-base-300 px-3 text-base-content/60 transition-colors hover:bg-base-200",
-                          title: "More options",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" })
-                        }
-                      ),
-                      isDesktopCartMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            className: "fixed inset-0 z-40",
-                            onClick: () => setIsDesktopCartMenuOpen(false)
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          "div",
-                          {
-                            className: "fixed z-50 w-44 overflow-hidden rounded-xl border border-base-200 bg-white shadow-lg",
-                            style: {
-                              bottom: desktopMenuPos.bottom,
-                              left: desktopMenuPos.left
-                            },
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsxs(
-                                "button",
-                                {
-                                  onClick: () => {
-                                    setIsDesktopCartMenuOpen(false);
-                                    handleViewMenu();
-                                  },
-                                  disabled: generatingPdf || totalItems === 0,
-                                  className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
-                                  children: [
-                                    generatingPdf ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(
-                                      "svg",
-                                      {
-                                        xmlns: "http://www.w3.org/2000/svg",
-                                        className: "h-4 w-4",
-                                        fill: "none",
-                                        viewBox: "0 0 24 24",
-                                        stroke: "currentColor",
-                                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                                          "path",
-                                          {
-                                            strokeLinecap: "round",
-                                            strokeLinejoin: "round",
-                                            strokeWidth: 2,
-                                            d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-                                          }
-                                        )
-                                      }
-                                    ),
-                                    "Download Menu"
-                                  ]
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsxs(
-                                "button",
-                                {
-                                  onClick: () => {
-                                    setIsDesktopCartMenuOpen(false);
-                                    setIsClearAllConfirmOpen(true);
-                                  },
-                                  className: "flex w-full items-center gap-2 border-t border-base-200 px-3 py-2.5 text-left text-sm text-red-600 transition-colors hover:bg-red-50",
-                                  children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }),
-                                    "Clear Cart"
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        onClick: handleCheckout,
-                        disabled: totalItems === 0,
-                        className: `flex flex-1 items-center justify-center rounded-lg px-3 py-3 text-sm font-semibold text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${isCurrentSessionValid ? "bg-primary hover:bg-primary/90" : "bg-warning hover:bg-warning/90"}`,
-                        children: totalItems === 0 ? "Cart Empty" : isCurrentSessionValid ? "Checkout" : "Min. Order Not Met"
-                      }
-                    )
-                  ] })
-                ] }) })
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  SuggestionsOverlayBridge,
+                  {
+                    active: effectiveRightPanelTab === "ai",
+                    onVisibleChange: setOverlayVisible,
+                    flyToCart
+                  }
+                )
               ] })
-            }
-          )
-        ] }),
-        isMobileAIChatOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "fixed left-0 right-0 z-40 md:hidden swift-chat-design",
-            style: {
-              top: vvOffsetTop,
-              height: vvHeight ?? "100vh"
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "absolute inset-0 bg-white",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.LayoutGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { initial: false, mode: "popLayout", children: mobileAddressEditorOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-                MobileAddressPickerSurface,
-                {
-                  hasAddress: hasChatAddress,
-                  initialQuery: mobileAddressPillEditing ? contactInfo?.addressLine1 ?? "" : "",
-                  onPlaceSelect: handleMobileAddressPick,
-                  onBack: () => setMobileAddressPillEditing(false),
-                  onRemove: handleMobileAddressClear,
-                  onClose: closeMobileAIChat
+            ] }),
+            overlayVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block md:w-96 flex-shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ref: basketColumnRef,
+                className: `hidden md:flex md:w-96 flex-shrink-0 flex-col overflow-hidden py-2 px-1 ${overlayVisible ? "fixed z-50 bg-base-100" : "sticky"}`,
+                style: {
+                  top: stickyTopOffset,
+                  right: overlayVisible ? 0 : void 0,
+                  height: overlayVisible ? `calc(100dvh - ${stickyTopOffset}px)` : basketHeight,
+                  alignSelf: "flex-start"
                 },
-                "address-picker"
-              ) : /* @__PURE__ */ jsxRuntime.jsxs(
-                react$1.motion.div,
-                {
-                  initial: { opacity: 0 },
-                  animate: { opacity: 1 },
-                  exit: { opacity: 0 },
-                  transition: { duration: 0.18, ease: "easeOut" },
-                  className: "absolute inset-0",
-                  children: [
-                    aiBetaUnlocked && hasChatAddress && mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsxs(
-                      react$1.motion.button,
+                children: mealSessions[activeSessionIndex] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col gap-2 overflow-hidden", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 flex rounded-xl bg-base-200 p-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
                       {
+                        ref: cartTabRef,
                         type: "button",
-                        layoutId: "catering-address-pill",
-                        transition: { duration: 0.28, ease: "easeOut" },
-                        onClick: () => setMobileAddressPillEditing(true),
-                        className: "absolute top-3 left-3 z-10 inline-flex max-w-[60%] items-center gap-1.5 rounded-xl bg-black/60 backdrop-blur-sm px-3 py-2 text-xs text-white",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            lucideReact.MapPin,
-                            {
-                              className: "h-3.5 w-3.5 flex-shrink-0 text-white/80",
-                              "aria-hidden": true
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: contactInfo?.addressLine1 }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/50", children: "\xB7" }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-white", children: "change" })
-                        ]
+                        onClick: () => setRightPanelTab("cart"),
+                        className: `flex-1 rounded-lg px-3 py-1.5 text-sm font-semibold transition-colors ${effectiveRightPanelTab === "cart" ? "bg-white text-gray-800 shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+                        children: "Cart"
                       }
                     ),
-                    mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsxs(
                       "button",
                       {
                         type: "button",
-                        onClick: closeMobileAIChat,
-                        className: "absolute top-3 right-3 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-black/60 backdrop-blur-sm text-white",
-                        title: "Close AI chat",
-                        "aria-label": "Close AI chat",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+                        onClick: () => {
+                          if (!aiEnabled) return;
+                          setRightPanelTab("ai");
+                        },
+                        disabled: !aiEnabled,
+                        "aria-disabled": !aiEnabled,
+                        title: aiEnabled ? void 0 : "Coming Soon",
+                        className: `flex-1 rounded-lg px-3 py-1.5 text-sm font-semibold transition-colors flex items-center justify-center gap-1.5 ${!aiEnabled ? "text-gray-400 cursor-not-allowed" : effectiveRightPanelTab === "ai" ? "bg-white text-gray-800 shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5" }),
+                          "AI Chat",
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary px-1.5 py-0.5 text-[8px] font-bold uppercase tracking-wider text-white shadow-sm whitespace-nowrap", children: aiEnabled ? "Beta" : "Soon" })
+                        ]
                       }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
+                    )
+                  ] }),
+                  effectiveRightPanelTab === "cart" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    ActiveSessionPanel,
+                    {
+                      session: mealSessions[activeSessionIndex],
+                      sessionIndex: activeSessionIndex,
+                      sessionTotal: getSessionTotal(activeSessionIndex),
+                      sessionPromotions: getSessionDiscount(activeSessionIndex).promotions,
+                      validationError: sessionValidationErrors[activeSessionIndex] || null,
+                      isUnscheduled: !mealSessions[activeSessionIndex].sessionDate,
+                      canRemove: true,
+                      onEditSession: () => setEditingSessionIndex(activeSessionIndex),
+                      onRemoveSession: (e) => handleRemoveSession(activeSessionIndex, e),
+                      onEditItem: handleEditItem,
+                      onRemoveItem: handleRemoveItem,
+                      onSwapItem: handleSwapItem,
+                      onRemoveBundle: handleRemoveBundle,
+                      collapsedCategories,
+                      onToggleCategory: handleToggleCategory,
+                      onViewMenu: handleViewMenu,
+                      isCurrentSessionValid,
+                      totalPrice: getTotalPrice(),
+                      onCheckout: handleCheckout,
+                      showCheckoutButton: false,
+                      restaurants
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(AIChat, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex-shrink-0 flex flex-col gap-1.5", children: effectiveRightPanelTab === "ai" ? /* @__PURE__ */ jsxRuntime.jsx(AISuggestionsBottomButton, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    totalItems > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 border-t border-base-300 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      PricingSummary,
                       {
-                        ref: mobileChatScrollRef,
-                        "data-allow-touch": true,
-                        className: "absolute inset-x-0 top-0 overflow-y-auto overscroll-contain",
-                        style: { bottom: 64 },
-                        children: !aiBetaUnlocked ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pt-14 pb-4 flex flex-col gap-3", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            TextBubble,
-                            {
-                              sender: "bot",
-                              text: "What is the code to use the AI chat and test our beta version?"
-                            }
-                          ),
-                          mobileGateError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-xs text-red-600", children: mobileGateError })
-                        ] }) : mobileChatView === "results" ? /* @__PURE__ */ jsxRuntime.jsx(
-                          MobileResultsView,
-                          {
-                            onBack: () => setMobileChatView("chat")
-                          }
-                        ) : /* @__PURE__ */ jsxRuntime.jsx(
-                          MobileChatThread,
-                          {
-                            hasAddressTopPill: hasChatAddress && aiBetaUnlocked
-                          }
-                        )
+                        pricing,
+                        calculatingPricing,
+                        compact: true,
+                        onPlaceSelect: handleDeliveryPlaceSelect,
+                        onClearAddress: handleClearDeliveryAddress
                       }
-                    ),
-                    aiBetaUnlocked && mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsx(MobileChatFloatingChips, { bottomOffset: 64 + 8 })
-                  ]
-                },
-                "chat-surface"
-              ) }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: `fixed left-0 right-0 md:hidden z-50 ${mobileAddressEditorOpen || keyboardOffset > 100 && !isMobileAIChatOpen && !isMobileSearchActive ? "hidden" : ""}`,
-            style: { bottom: keyboardOffset },
-            "aria-hidden": mobileAddressEditorOpen,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  ref: mobileBarRowRef,
-                  className: "relative px-3 pt-1 pb-2",
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-end gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          onMouseDown: (e) => {
-                            if (chatInputFocused) e.preventDefault();
-                          },
-                          onClick: isMobileAIChatOpen ? chatInputFocused ? () => mobileAIInputRef.current?.blur() : () => setIsMobileChatMenuOpen((v) => !v) : () => setIsMobileCartMenuOpen((v) => !v),
-                          className: "flex h-11 w-11 items-center justify-center rounded-full border border-base-200 bg-white/70 text-gray-700 shadow-sm backdrop-blur-sm transition-colors hover:bg-white",
-                          title: isMobileAIChatOpen ? chatInputFocused ? "Hide keyboard" : "Chat actions" : "More actions",
-                          "aria-label": isMobileAIChatOpen ? chatInputFocused ? "Hide keyboard" : "Chat actions" : "More actions",
-                          children: isMobileAIChatOpen && chatInputFocused ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" })
-                        }
-                      ),
-                      isMobileAIChatOpen && isMobileChatMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
-                        MobileChatActionsMenu,
-                        {
-                          onClose: () => setIsMobileChatMenuOpen(false)
-                        }
-                      ),
-                      isMobileCartMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-stretch gap-2", children: [
+                      mealSessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
+                          "button",
                           {
-                            className: "fixed inset-0 z-40",
-                            onClick: () => setIsMobileCartMenuOpen(false)
+                            ref: desktopMenuBtnRef,
+                            onClick: () => {
+                              if (!isDesktopCartMenuOpen && desktopMenuBtnRef.current) {
+                                const rect = desktopMenuBtnRef.current.getBoundingClientRect();
+                                setDesktopMenuPos({
+                                  bottom: window.innerHeight - rect.top + 8,
+                                  left: rect.left
+                                });
+                              }
+                              setIsDesktopCartMenuOpen((v) => !v);
+                            },
+                            className: "flex h-full items-center justify-center rounded-lg border border-base-300 px-3 text-base-content/60 transition-colors hover:bg-base-200",
+                            title: "More options",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" })
                           }
                         ),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-44 overflow-hidden rounded-xl border border-base-200 bg-white shadow-lg", children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs(
-                            "button",
+                        isDesktopCartMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
                             {
-                              onClick: () => {
-                                setIsMobileCartMenuOpen(false);
-                                handleViewMenu();
-                              },
-                              disabled: generatingPdf || totalItems === 0,
-                              className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
-                              children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(
-                                  "svg",
-                                  {
-                                    xmlns: "http://www.w3.org/2000/svg",
-                                    className: "h-4 w-4",
-                                    fill: "none",
-                                    viewBox: "0 0 24 24",
-                                    stroke: "currentColor",
-                                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                                      "path",
-                                      {
-                                        strokeLinecap: "round",
-                                        strokeLinejoin: "round",
-                                        strokeWidth: 2,
-                                        d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-                                      }
-                                    )
-                                  }
-                                ),
-                                "Download Menu"
-                              ]
+                              className: "fixed inset-0 z-40",
+                              onClick: () => setIsDesktopCartMenuOpen(false)
                             }
                           ),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 border-t border-base-200" }),
                           /* @__PURE__ */ jsxRuntime.jsxs(
-                            "button",
+                            "div",
                             {
-                              onClick: () => {
-                                setIsMobileCartMenuOpen(false);
-                                setIsClearAllConfirmOpen(true);
+                              className: "fixed z-50 w-44 overflow-hidden rounded-xl border border-base-200 bg-white shadow-lg",
+                              style: {
+                                bottom: desktopMenuPos.bottom,
+                                left: desktopMenuPos.left
                               },
-                              className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-red-600 transition-colors hover:bg-red-50",
                               children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }),
-                                "Clear Cart"
+                                /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "button",
+                                  {
+                                    onClick: () => {
+                                      setIsDesktopCartMenuOpen(false);
+                                      handleViewMenu();
+                                    },
+                                    disabled: generatingPdf || totalItems === 0,
+                                    className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                    children: [
+                                      generatingPdf ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                                        "svg",
+                                        {
+                                          xmlns: "http://www.w3.org/2000/svg",
+                                          className: "h-4 w-4",
+                                          fill: "none",
+                                          viewBox: "0 0 24 24",
+                                          stroke: "currentColor",
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                                            "path",
+                                            {
+                                              strokeLinecap: "round",
+                                              strokeLinejoin: "round",
+                                              strokeWidth: 2,
+                                              d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      "Download Menu"
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "button",
+                                  {
+                                    onClick: () => {
+                                      setIsDesktopCartMenuOpen(false);
+                                      setIsClearAllConfirmOpen(true);
+                                    },
+                                    className: "flex w-full items-center gap-2 border-t border-base-200 px-3 py-2.5 text-left text-sm text-red-600 transition-colors hover:bg-red-50",
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }),
+                                      "Clear Cart"
+                                    ]
+                                  }
+                                )
                               ]
                             }
                           )
                         ] })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1 overflow-hidden rounded-3xl border border-base-200 bg-white/70 shadow-sm backdrop-blur-sm focus-within:border-primary", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
                         "button",
+                        {
+                          onClick: handleCheckout,
+                          disabled: totalItems === 0,
+                          className: `flex flex-1 items-center justify-center rounded-lg px-3 py-3 text-sm font-semibold text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${isCurrentSessionValid ? "bg-primary hover:bg-primary/90" : "bg-warning hover:bg-warning/90"}`,
+                          children: totalItems === 0 ? "Cart Empty" : isCurrentSessionValid ? "Checkout" : "Min. Order Not Met"
+                        }
+                      )
+                    ] })
+                  ] }) })
+                ] })
+              }
+            )
+          ] }),
+          isMobileAIChatOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "fixed left-0 right-0 z-40 md:hidden swift-chat-design",
+              style: {
+                top: vvOffsetTop,
+                height: vvHeight ?? "100vh"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "absolute inset-0 bg-white",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(react$1.LayoutGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { initial: false, mode: "popLayout", children: mobileAddressEditorOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+                  MobileAddressPickerSurface,
+                  {
+                    hasAddress: hasChatAddress,
+                    initialQuery: mobileAddressPillEditing ? contactInfo?.addressLine1 ?? "" : "",
+                    onPlaceSelect: handleMobileAddressPick,
+                    onBack: () => setMobileAddressPillEditing(false),
+                    onRemove: handleMobileAddressClear,
+                    onClose: closeMobileAIChat
+                  },
+                  "address-picker"
+                ) : /* @__PURE__ */ jsxRuntime.jsxs(
+                  react$1.motion.div,
+                  {
+                    initial: { opacity: 0 },
+                    animate: { opacity: 1 },
+                    exit: { opacity: 0 },
+                    transition: { duration: 0.18, ease: "easeOut" },
+                    className: "absolute inset-0",
+                    children: [
+                      aiBetaUnlocked && hasChatAddress && mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsxs(
+                        react$1.motion.button,
                         {
                           type: "button",
-                          onClick: () => {
-                            if (aiEnabled) {
-                              setIsMobileAIChatOpen(true);
-                            } else {
-                              setIsAIMobileUnavailableOpen(true);
-                            }
-                          },
-                          title: aiEnabled ? void 0 : "Coming Soon",
-                          className: `absolute inset-0 flex items-center justify-center gap-1.5 px-4 py-1 transition duration-[250ms] ease-out ${isMobileSearchOpen || isMobileAIChatOpen ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"}`,
-                          "aria-hidden": isMobileSearchOpen || isMobileAIChatOpen,
-                          tabIndex: isMobileSearchOpen || isMobileAIChatOpen ? -1 : 0,
+                          layoutId: "catering-address-pill",
+                          transition: { duration: 0.28, ease: "easeOut" },
+                          onClick: () => setMobileAddressPillEditing(true),
+                          className: "absolute top-3 left-3 z-10 inline-flex max-w-[60%] items-center gap-1.5 rounded-xl bg-black/60 backdrop-blur-sm px-3 py-2 text-xs text-white",
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: `h-4 w-4 ${aiEnabled ? "text-primary" : "text-gray-400"}` }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm font-semibold ${aiEnabled ? "text-gray-800" : "text-gray-400"}`, children: "Ask AI" }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 rounded-full bg-primary px-1.5 py-0.5 text-[8px] font-bold uppercase tracking-wider text-white shadow-sm whitespace-nowrap", children: aiEnabled ? "Beta" : "Soon" })
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              lucideReact.MapPin,
+                              {
+                                className: "h-3.5 w-3.5 flex-shrink-0 text-white/80",
+                                "aria-hidden": true
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: contactInfo?.addressLine1 }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/50", children: "\xB7" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-white", children: "change" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: closeMobileAIChat,
+                          className: "absolute top-3 right-3 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-black/60 backdrop-blur-sm text-white",
+                          title: "Close AI chat",
+                          "aria-label": "Close AI chat",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
                         "div",
                         {
-                          className: `absolute inset-0 transition duration-300 ease-out ${isMobileSearchOpen ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-full opacity-0"}`,
-                          "aria-hidden": !isMobileSearchOpen,
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-gray-400" }),
+                          ref: mobileChatScrollRef,
+                          "data-allow-touch": true,
+                          className: "absolute inset-x-0 top-0 overflow-y-auto overscroll-contain",
+                          style: { bottom: 64 },
+                          children: !aiBetaUnlocked ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pt-14 pb-4 flex flex-col gap-3", children: [
                             /* @__PURE__ */ jsxRuntime.jsx(
-                              "input",
+                              TextBubble,
+                              {
+                                sender: "bot",
+                                text: "What is the code to use the AI chat and test our beta version?"
+                              }
+                            ),
+                            mobileGateError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-xs text-red-600", children: mobileGateError })
+                          ] }) : mobileChatView === "results" ? /* @__PURE__ */ jsxRuntime.jsx(
+                            MobileResultsView,
+                            {
+                              onBack: () => setMobileChatView("chat")
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx(
+                            MobileChatThread,
+                            {
+                              hasAddressTopPill: hasChatAddress && aiBetaUnlocked
+                            }
+                          )
+                        }
+                      ),
+                      aiBetaUnlocked && mobileChatView === "chat" && /* @__PURE__ */ jsxRuntime.jsx(MobileChatFloatingChips, { bottomOffset: 64 + 8, inputRef: mobileAIInputRef })
+                    ]
+                  },
+                  "chat-surface"
+                ) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: `fixed left-0 right-0 md:hidden z-50 ${mobileAddressEditorOpen || keyboardOffset > 100 && !isMobileAIChatOpen && !isMobileSearchActive ? "hidden" : ""}`,
+              style: { bottom: keyboardOffset },
+              "aria-hidden": mobileAddressEditorOpen,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    ref: mobileBarRowRef,
+                    className: "relative px-3 pt-1 pb-2",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-end gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "button",
+                          {
+                            onMouseDown: (e) => {
+                              if (chatInputFocused) e.preventDefault();
+                            },
+                            onClick: isMobileAIChatOpen ? chatInputFocused ? () => mobileAIInputRef.current?.blur() : () => setIsMobileChatMenuOpen((v) => !v) : () => setIsMobileCartMenuOpen((v) => !v),
+                            className: "flex h-11 w-11 items-center justify-center rounded-full border border-base-200 bg-white/70 text-gray-700 shadow-sm backdrop-blur-sm transition-colors hover:bg-white",
+                            title: isMobileAIChatOpen ? chatInputFocused ? "Hide keyboard" : "Chat actions" : "More actions",
+                            "aria-label": isMobileAIChatOpen ? chatInputFocused ? "Hide keyboard" : "Chat actions" : "More actions",
+                            children: isMobileAIChatOpen && chatInputFocused ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" })
+                          }
+                        ),
+                        isMobileAIChatOpen && isMobileChatMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
+                          MobileChatActionsMenu,
+                          {
+                            onClose: () => setIsMobileChatMenuOpen(false)
+                          }
+                        ),
+                        isMobileCartMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
+                            {
+                              className: "fixed inset-0 z-40",
+                              onClick: () => setIsMobileCartMenuOpen(false)
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-44 overflow-hidden rounded-xl border border-base-200 bg-white shadow-lg", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              "button",
+                              {
+                                onClick: () => {
+                                  setIsMobileCartMenuOpen(false);
+                                  handleViewMenu();
+                                },
+                                disabled: generatingPdf || totalItems === 0,
+                                className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    "svg",
+                                    {
+                                      xmlns: "http://www.w3.org/2000/svg",
+                                      className: "h-4 w-4",
+                                      fill: "none",
+                                      viewBox: "0 0 24 24",
+                                      stroke: "currentColor",
+                                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                                        "path",
+                                        {
+                                          strokeLinecap: "round",
+                                          strokeLinejoin: "round",
+                                          strokeWidth: 2,
+                                          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  "Download Menu"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 border-t border-base-200" }),
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              "button",
+                              {
+                                onClick: () => {
+                                  setIsMobileCartMenuOpen(false);
+                                  setIsClearAllConfirmOpen(true);
+                                },
+                                className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-red-600 transition-colors hover:bg-red-50",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }),
+                                  "Clear Cart"
+                                ]
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1 overflow-hidden rounded-3xl border border-base-200 bg-white/70 shadow-sm backdrop-blur-sm focus-within:border-primary", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              if (aiEnabled) {
+                                setIsMobileAIChatOpen(true);
+                              } else {
+                                setIsAIMobileUnavailableOpen(true);
+                              }
+                            },
+                            title: aiEnabled ? void 0 : "Coming Soon",
+                            className: `absolute inset-0 flex items-center justify-center gap-1.5 px-4 py-1 transition duration-[250ms] ease-out ${isMobileSearchOpen || isMobileAIChatOpen ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"}`,
+                            "aria-hidden": isMobileSearchOpen || isMobileAIChatOpen,
+                            tabIndex: isMobileSearchOpen || isMobileAIChatOpen ? -1 : 0,
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: `h-4 w-4 ${aiEnabled ? "text-primary" : "text-gray-400"}` }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm font-semibold ${aiEnabled ? "text-gray-800" : "text-gray-400"}`, children: "Ask AI" }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 rounded-full bg-primary px-1.5 py-0.5 text-[8px] font-bold uppercase tracking-wider text-white shadow-sm whitespace-nowrap", children: aiEnabled ? "Beta" : "Soon" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          "div",
+                          {
+                            className: `absolute inset-0 transition duration-300 ease-out ${isMobileSearchOpen ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-full opacity-0"}`,
+                            "aria-hidden": !isMobileSearchOpen,
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-gray-400" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "input",
+                                {
+                                  ref: mobileSearchInputRef,
+                                  type: "search",
+                                  value: mobileSearchState.query,
+                                  onChange: (e) => handleMobileSearchInputChange(e.target.value),
+                                  placeholder: "Search Swift Food",
+                                  tabIndex: isMobileSearchOpen ? 0 : -1,
+                                  autoComplete: "off",
+                                  autoCorrect: "off",
+                                  autoCapitalize: "off",
+                                  spellCheck: false,
+                                  className: `h-full w-full rounded-full bg-transparent pl-9 pr-3 text-base placeholder:text-xs focus:outline-none touch-auto ${mobileSearchCaretVisible ? "" : "caret-transparent"}`
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: `relative w-full transition duration-[250ms] ease-out ${isMobileAIChatOpen ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-full opacity-0"}`,
+                            style: {
+                              height: isMobileAIChatOpen ? mobileAIInputHeight : 44
+                            },
+                            "aria-hidden": !isMobileAIChatOpen,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              MobileAIInput,
                               {
-                                ref: mobileSearchInputRef,
-                                type: "search",
-                                value: mobileSearchState.query,
-                                onChange: (e) => handleMobileSearchInputChange(e.target.value),
-                                placeholder: "Search Swift Food",
-                                tabIndex: isMobileSearchOpen ? 0 : -1,
-                                autoComplete: "off",
-                                autoCorrect: "off",
-                                autoCapitalize: "off",
-                                spellCheck: false,
-                                className: `h-full w-full rounded-full bg-transparent pl-9 pr-3 text-base placeholder:text-xs focus:outline-none touch-auto ${mobileSearchCaretVisible ? "" : "caret-transparent"}`
+                                inputRef: mobileAIInputRef,
+                                value: mobileAIInput,
+                                onChange: (v) => {
+                                  setMobileAIInput(v);
+                                  if (mobileGateError) setMobileGateError(null);
+                                },
+                                onInputResize: handleMobileAIInput,
+                                onResetHeight: resetMobileAIInputHeight,
+                                tabbable: isMobileAIChatOpen,
+                                isOpen: isMobileAIChatOpen,
+                                onFocus: () => {
+                                  setMobileChatView("chat");
+                                  setChatInputFocused(true);
+                                },
+                                onBlur: () => setChatInputFocused(false),
+                                gateMode: !aiBetaUnlocked,
+                                onGateSubmit: handleMobileGateSubmit,
+                                buildAddress: buildChatAddress
                               }
                             )
-                          ]
-                        }
-                      ),
+                          }
+                        )
+                      ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
+                        "button",
                         {
-                          className: `relative w-full transition duration-[250ms] ease-out ${isMobileAIChatOpen ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-full opacity-0"}`,
-                          style: {
-                            height: isMobileAIChatOpen ? mobileAIInputHeight : 44
-                          },
-                          "aria-hidden": !isMobileAIChatOpen,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(
-                            MobileAIInput,
-                            {
-                              inputRef: mobileAIInputRef,
-                              value: mobileAIInput,
-                              onChange: (v) => {
-                                setMobileAIInput(v);
-                                if (mobileGateError) setMobileGateError(null);
-                              },
-                              onInputResize: handleMobileAIInput,
-                              onResetHeight: resetMobileAIInputHeight,
-                              tabbable: isMobileAIChatOpen,
-                              isOpen: isMobileAIChatOpen,
-                              onFocus: () => {
-                                setMobileChatView("chat");
-                                setChatInputFocused(true);
-                              },
-                              onBlur: () => setChatInputFocused(false),
-                              gateMode: !aiBetaUnlocked,
-                              onGateSubmit: handleMobileGateSubmit,
-                              buildAddress: buildChatAddress
-                            }
-                          )
+                          onClick: isMobileSearchOpen ? closeMobileSearch : openMobileSearch,
+                          className: `flex h-11 flex-shrink-0 items-center justify-center rounded-full border bg-white/70 text-gray-700 backdrop-blur-sm transition-all duration-[250ms] ease-out hover:bg-white ${isMobileAIChatOpen ? "pointer-events-none w-0 -ml-2 border-transparent bg-transparent opacity-0 shadow-none" : "w-11 border-base-200 opacity-100 shadow-sm"}`,
+                          title: isMobileSearchOpen ? "Close search" : "Search",
+                          "aria-label": isMobileSearchOpen ? "Close search" : "Open search",
+                          "aria-hidden": isMobileAIChatOpen,
+                          tabIndex: isMobileAIChatOpen ? -1 : 0,
+                          type: "button",
+                          children: isMobileSearchOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        onClick: isMobileSearchOpen ? closeMobileSearch : openMobileSearch,
-                        className: `flex h-11 flex-shrink-0 items-center justify-center rounded-full border bg-white/70 text-gray-700 backdrop-blur-sm transition-all duration-[250ms] ease-out hover:bg-white ${isMobileAIChatOpen ? "pointer-events-none w-0 -ml-2 border-transparent bg-transparent opacity-0 shadow-none" : "w-11 border-base-200 opacity-100 shadow-sm"}`,
-                        title: isMobileSearchOpen ? "Close search" : "Search",
-                        "aria-label": isMobileSearchOpen ? "Close search" : "Open search",
-                        "aria-hidden": isMobileAIChatOpen,
-                        tabIndex: isMobileAIChatOpen ? -1 : 0,
-                        type: "button",
-                        children: isMobileSearchOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
-                      }
-                    )
-                  ] })
+                    ] })
+                  }
+                ),
+                mealSessions.some((s) => s.orderItems.length > 0) && !isMobileAIChatOpen && !isMobileSearchOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-primary", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: () => setIsViewOrderOpen(true),
+                    className: "w-full flex items-center justify-between text-white",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingBag, { className: "w-5 h-5" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "View Order" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold", children: [
+                          "\xA3",
+                          getTotalPrice().toFixed(2)
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm opacity-80", children: [
+                          totalItems,
+                          " items"
+                        ] })
+                      ] })
+                    ]
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ViewOrderModal,
+            {
+              isOpen: isViewOrderOpen,
+              onClose: () => setIsViewOrderOpen(false),
+              mealSessions,
+              activeSessionIndex,
+              onSessionChange: setActiveSessionIndex,
+              getSessionTotal,
+              getSessionDiscount,
+              validationErrors: sessionValidationErrors,
+              onEditSession: (index) => {
+                setIsViewOrderOpen(false);
+                setEditingSessionIndex(index);
+              },
+              onRemoveSession: (index, e) => handleRemoveSession(index, e),
+              onEditItem: handleEditItem,
+              onRemoveItem: handleRemoveItem,
+              onSwapItem: handleSwapItem,
+              onRemoveBundle: handleRemoveBundle,
+              collapsedCategories,
+              onToggleCategory: handleToggleCategory,
+              onViewMenu: handleViewMenu,
+              generatingPdf,
+              isCurrentSessionValid,
+              totalPrice: getTotalPrice(),
+              onCheckout: handleCheckout,
+              canRemoveSession: () => true,
+              formatTimeDisplay,
+              navMode,
+              dayGroups,
+              selectedDayDate,
+              currentDayGroup,
+              onDateClick: handleDateClick,
+              onBackToDates: handleBackToDates,
+              onAddDay: handleAddDay,
+              onAddSessionToDay: handleAddSessionToDay,
+              restaurants,
+              pricing,
+              calculatingPricing,
+              onPlaceSelect: handleDeliveryPlaceSelect,
+              onClearAddress: handleClearDeliveryAddress
+            }
+          ),
+          isEditModalOpen && editingItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            MenuItemModal,
+            {
+              item: mealSessions[activeSessionIndex].orderItems[editingItemIndex].item,
+              isOpen: isEditModalOpen,
+              onClose: () => {
+                setIsEditModalOpen(false);
+                setEditingItemIndex(null);
+              },
+              quantity: mealSessions[activeSessionIndex].orderItems[editingItemIndex].quantity,
+              isEditMode: true,
+              editingIndex: editingItemIndex,
+              onAddItem: handleSaveEditedItem,
+              onRemoveItem: (index) => {
+                removeMenuItemByIndex(activeSessionIndex, index);
+                setIsEditModalOpen(false);
+                setEditingItemIndex(null);
+              }
+            }
+          ),
+          pendingItem && /* @__PURE__ */ jsxRuntime.jsx(
+            MenuItemModal,
+            {
+              item: pendingItem,
+              isOpen: true,
+              onClose: () => setPendingItem(null),
+              quantity: 0,
+              onAddItem: (item) => {
+                handleAddItem(item);
+                setPendingItem(null);
+              }
+            }
+          ),
+          emptySessionIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            EmptySessionWarningModal,
+            {
+              sessionName: mealSessions[emptySessionIndex]?.sessionName || "Session",
+              onRemove: handleRemoveEmptySession,
+              onAddItems: handleAddItemsToEmptySession
+            }
+          ),
+          removeItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-[100] p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl max-w-md w-full p-6 shadow-xl", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-6 w-6 text-red-600" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-gray-900", children: "Remove Item" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: mealSessions[activeSessionIndex]?.orderItems[removeItemIndex]?.item.menuItemName || "Item" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mb-6", children: "Are you sure you want to remove this item from your order?" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setRemoveItemIndex(null),
+                  className: "flex-1 px-4 py-3 border border-base-300 text-gray-600 rounded-xl hover:bg-base-100 transition-colors font-medium",
+                  children: "Cancel"
                 }
               ),
-              mealSessions.some((s) => s.orderItems.length > 0) && !isMobileAIChatOpen && !isMobileSearchOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-primary", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
-                  onClick: () => setIsViewOrderOpen(true),
-                  className: "w-full flex items-center justify-between text-white",
+                  onClick: confirmRemoveItem,
+                  className: "flex-1 px-4 py-3 bg-red-500 text-white rounded-xl hover:bg-red-600 transition-colors font-medium",
+                  children: "Remove"
+                }
+              )
+            ] })
+          ] }) }),
+          sessionToRemove !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            RemoveSessionConfirmModal,
+            {
+              sessionName: mealSessions[sessionToRemove]?.sessionName || "Session",
+              onConfirm: confirmRemoveSession,
+              onCancel: () => setSessionToRemove(null)
+            }
+          ),
+          isAIMobileUnavailableOpen && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4",
+              onClick: () => setIsAIMobileUnavailableOpen(false),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "w-full max-w-md rounded-2xl bg-white p-6 shadow-xl",
+                  onClick: (e) => e.stopPropagation(),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingBag, { className: "w-5 h-5" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "View Order" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold", children: [
-                        "\xA3",
-                        getTotalPrice().toFixed(2)
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm opacity-80", children: [
-                        totalItems,
-                        " items"
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-3", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-5 w-5 text-primary" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-gray-900", children: "Plan your menu with AI" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "Coming soon" })
                       ] })
-                    ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 space-y-2 text-sm text-gray-600", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Chat with our AI to plan the perfect menu \u2014 tell it your guest count, dietary needs, and budget." }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "We're putting the finishing touches on it. Check back soon." })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: () => setIsAIMobileUnavailableOpen(false),
+                        className: "flex-1 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary/90",
+                        children: "Got it"
+                      }
+                    ) })
                   ]
                 }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ViewOrderModal,
-          {
-            isOpen: isViewOrderOpen,
-            onClose: () => setIsViewOrderOpen(false),
-            mealSessions,
-            activeSessionIndex,
-            onSessionChange: setActiveSessionIndex,
-            getSessionTotal,
-            getSessionDiscount,
-            validationErrors: sessionValidationErrors,
-            onEditSession: (index) => {
-              setIsViewOrderOpen(false);
-              setEditingSessionIndex(index);
-            },
-            onRemoveSession: (index, e) => handleRemoveSession(index, e),
-            onEditItem: handleEditItem,
-            onRemoveItem: handleRemoveItem,
-            onSwapItem: handleSwapItem,
-            onRemoveBundle: handleRemoveBundle,
-            collapsedCategories,
-            onToggleCategory: handleToggleCategory,
-            onViewMenu: handleViewMenu,
-            generatingPdf,
-            isCurrentSessionValid,
-            totalPrice: getTotalPrice(),
-            onCheckout: handleCheckout,
-            canRemoveSession: () => true,
-            formatTimeDisplay,
-            navMode,
-            dayGroups,
-            selectedDayDate,
-            currentDayGroup,
-            onDateClick: handleDateClick,
-            onBackToDates: handleBackToDates,
-            onAddDay: handleAddDay,
-            onAddSessionToDay: handleAddSessionToDay,
-            restaurants,
-            pricing,
-            calculatingPricing,
-            onPlaceSelect: handleDeliveryPlaceSelect,
-            onClearAddress: handleClearDeliveryAddress
-          }
-        ),
-        isEditModalOpen && editingItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          MenuItemModal,
-          {
-            item: mealSessions[activeSessionIndex].orderItems[editingItemIndex].item,
-            isOpen: isEditModalOpen,
-            onClose: () => {
-              setIsEditModalOpen(false);
-              setEditingItemIndex(null);
-            },
-            quantity: mealSessions[activeSessionIndex].orderItems[editingItemIndex].quantity,
-            isEditMode: true,
-            editingIndex: editingItemIndex,
-            onAddItem: handleSaveEditedItem,
-            onRemoveItem: (index) => {
-              removeMenuItemByIndex(activeSessionIndex, index);
-              setIsEditModalOpen(false);
-              setEditingItemIndex(null);
-            }
-          }
-        ),
-        pendingItem && /* @__PURE__ */ jsxRuntime.jsx(
-          MenuItemModal,
-          {
-            item: pendingItem,
-            isOpen: true,
-            onClose: () => setPendingItem(null),
-            quantity: 0,
-            onAddItem: (item) => {
-              handleAddItem(item);
-              setPendingItem(null);
+              )
             }
-          }
-        ),
-        emptySessionIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          EmptySessionWarningModal,
-          {
-            sessionName: mealSessions[emptySessionIndex]?.sessionName || "Session",
-            onRemove: handleRemoveEmptySession,
-            onAddItems: handleAddItemsToEmptySession
-          }
-        ),
-        removeItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-[100] p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl max-w-md w-full p-6 shadow-xl", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-6 w-6 text-red-600" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-gray-900", children: "Remove Item" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: mealSessions[activeSessionIndex]?.orderItems[removeItemIndex]?.item.menuItemName || "Item" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mb-6", children: "Are you sure you want to remove this item from your order?" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setRemoveItemIndex(null),
-                className: "flex-1 px-4 py-3 border border-base-300 text-gray-600 rounded-xl hover:bg-base-100 transition-colors font-medium",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: confirmRemoveItem,
-                className: "flex-1 px-4 py-3 bg-red-500 text-white rounded-xl hover:bg-red-600 transition-colors font-medium",
-                children: "Remove"
-              }
-            )
-          ] })
-        ] }) }),
-        sessionToRemove !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          RemoveSessionConfirmModal,
-          {
-            sessionName: mealSessions[sessionToRemove]?.sessionName || "Session",
-            onConfirm: confirmRemoveSession,
-            onCancel: () => setSessionToRemove(null)
-          }
-        ),
-        isAIMobileUnavailableOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4",
-            onClick: () => setIsAIMobileUnavailableOpen(false),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "w-full max-w-md rounded-2xl bg-white p-6 shadow-xl",
-                onClick: (e) => e.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-5 w-5 text-primary" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-gray-900", children: "Plan your menu with AI" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "Coming soon" })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 space-y-2 text-sm text-gray-600", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Chat with our AI to plan the perfect menu \u2014 tell it your guest count, dietary needs, and budget." }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "We're putting the finishing touches on it. Check back soon." })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: () => setIsAIMobileUnavailableOpen(false),
-                      className: "flex-1 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary/90",
-                      children: "Got it"
-                    }
-                  ) })
-                ]
-              }
-            )
-          }
-        ),
-        isClearAllConfirmOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-md rounded-2xl bg-white p-6 shadow-xl", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-6 w-6 text-red-600" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-gray-900", children: "Clear Cart" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Remove all items and sessions" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-gray-600", children: "This will delete every session and remove all items you've added, returning your order to a single empty session. This action cannot be undone." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setIsClearAllConfirmOpen(false),
-                className: "flex-1 rounded-xl border border-base-300 px-4 py-3 font-medium text-gray-600 transition-colors hover:bg-base-100",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: handleClearAllItems,
-                className: "flex-1 rounded-xl bg-red-500 px-4 py-3 font-medium text-white transition-colors hover:bg-red-600",
-                children: "Clear All"
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ValidationAlertModal,
-          {
-            isOpen: checkoutConflict !== null,
-            onClose: () => setCheckoutConflict(null),
-            title: "Can't check out yet",
-            message: checkoutConflict ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: checkoutConflict.restaurantName }),
-              checkoutConflict.message.slice(
-                checkoutConflict.restaurantName.length
+          ),
+          isClearAllConfirmOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-md rounded-2xl bg-white p-6 shadow-xl", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-6 w-6 text-red-600" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-gray-900", children: "Clear Cart" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Remove all items and sessions" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-gray-600", children: "This will delete every session and remove all items you've added, returning your order to a single empty session. This action cannot be undone." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setIsClearAllConfirmOpen(false),
+                  className: "flex-1 rounded-xl border border-base-300 px-4 py-3 font-medium text-gray-600 transition-colors hover:bg-base-100",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: handleClearAllItems,
+                  className: "flex-1 rounded-xl bg-red-500 px-4 py-3 font-medium text-white transition-colors hover:bg-red-600",
+                  children: "Clear All"
+                }
               )
-            ] }) : "",
-            primaryAction: checkoutConflict ? {
-              label: `Remove all ${checkoutConflict.restaurantName} items from this session`,
-              onClick: () => {
-                const { sessionIndex, restaurantId } = checkoutConflict;
-                const session = mealSessions[sessionIndex];
-                if (session) {
-                  const indices = session.orderItems.map(
-                    (oi, idx) => oi.item.restaurantId === restaurantId ? idx : -1
-                  ).filter((idx) => idx !== -1).sort((a, b) => b - a);
-                  indices.forEach(
-                    (idx) => removeMenuItemByIndex(sessionIndex, idx)
-                  );
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ValidationAlertModal,
+            {
+              isOpen: checkoutConflict !== null,
+              onClose: () => setCheckoutConflict(null),
+              title: "Can't check out yet",
+              message: checkoutConflict ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: checkoutConflict.restaurantName }),
+                checkoutConflict.message.slice(
+                  checkoutConflict.restaurantName.length
+                )
+              ] }) : "",
+              primaryAction: checkoutConflict ? {
+                label: `Remove all ${checkoutConflict.restaurantName} items from this session`,
+                onClick: () => {
+                  const { sessionIndex, restaurantId } = checkoutConflict;
+                  const session = mealSessions[sessionIndex];
+                  if (session) {
+                    const indices = session.orderItems.map(
+                      (oi, idx) => oi.item.restaurantId === restaurantId ? idx : -1
+                    ).filter((idx) => idx !== -1).sort((a, b) => b - a);
+                    indices.forEach(
+                      (idx) => removeMenuItemByIndex(sessionIndex, idx)
+                    );
+                  }
+                  setSessionValidationErrors((prev) => {
+                    const next = { ...prev };
+                    delete next[sessionIndex];
+                    return next;
+                  });
+                  setCheckoutConflict(null);
                 }
-                setSessionValidationErrors((prev) => {
-                  const next = { ...prev };
-                  delete next[sessionIndex];
-                  return next;
-                });
-                setCheckoutConflict(null);
-              }
-            } : void 0,
-            secondaryAction: checkoutConflict ? {
-              label: "Change session date & time",
-              onClick: () => {
-                setEditingSessionIndex(checkoutConflict.sessionIndex);
-                setCheckoutConflict(null);
-              }
-            } : void 0
-          }
-        ),
-        minOrderModalSession !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          MinOrderModal,
-          {
-            sessionName: mealSessions[minOrderModalSession.index]?.sessionName || "Session",
-            validationStatus: minOrderModalSession.validation,
-            onClose: () => setMinOrderModalSession(null),
-            onNavigateToSection: handleMinOrderNavigate
-          }
-        ),
-        showHalkinModal && /* @__PURE__ */ jsxRuntime.jsx(HalkinVenueModal, { onClose: () => setShowHalkinModal(false) }),
-        showPdfModal && /* @__PURE__ */ jsxRuntime.jsx(
-          PdfDownloadModal,
-          {
-            onDownload: handlePdfDownload,
-            onClose: () => setShowPdfModal(false),
-            isGenerating: generatingPdf
-          }
-        ),
-        swapItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
-          SwapItemModal,
+              } : void 0,
+              secondaryAction: checkoutConflict ? {
+                label: "Change session date & time",
+                onClick: () => {
+                  setEditingSessionIndex(checkoutConflict.sessionIndex);
+                  setCheckoutConflict(null);
+                }
+              } : void 0
+            }
+          ),
+          minOrderModalSession !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            MinOrderModal,
+            {
+              sessionName: mealSessions[minOrderModalSession.index]?.sessionName || "Session",
+              validationStatus: minOrderModalSession.validation,
+              onClose: () => setMinOrderModalSession(null),
+              onNavigateToSection: handleMinOrderNavigate
+            }
+          ),
+          showHalkinModal && /* @__PURE__ */ jsxRuntime.jsx(HalkinVenueModal, { onClose: () => setShowHalkinModal(false) }),
+          showPdfModal && /* @__PURE__ */ jsxRuntime.jsx(
+            PdfDownloadModal,
+            {
+              onDownload: handlePdfDownload,
+              onClose: () => setShowPdfModal(false),
+              isGenerating: generatingPdf
+            }
+          ),
+          swapItemIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            SwapItemModal,
+            {
+              currentItem: mealSessions[activeSessionIndex]?.orderItems[swapItemIndex]?.item,
+              currentQuantity: mealSessions[activeSessionIndex]?.orderItems[swapItemIndex]?.quantity ?? 0,
+              alternatives: swapAlternatives,
+              isOpen: true,
+              onClose: () => {
+                setSwapItemIndex(null);
+                setSwapAlternatives([]);
+              },
+              onSwap: handleConfirmSwap
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TutorialTooltip,
+            {
+              step: currentTutorialStep,
+              onNext: handleTutorialNext,
+              onSkip: handleSkipTutorial,
+              currentStepIndex: tutorialStep ?? 0,
+              totalSteps: getTutorialSteps().length
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: flyGhost && /* @__PURE__ */ jsxRuntime.jsx(
+          react$1.motion.div,
           {
-            currentItem: mealSessions[activeSessionIndex]?.orderItems[swapItemIndex]?.item,
-            currentQuantity: mealSessions[activeSessionIndex]?.orderItems[swapItemIndex]?.quantity ?? 0,
-            alternatives: swapAlternatives,
-            isOpen: true,
-            onClose: () => {
-              setSwapItemIndex(null);
-              setSwapAlternatives([]);
+            initial: {
+              position: "fixed",
+              left: flyGhost.fromX - 24,
+              top: flyGhost.fromY - 24,
+              scale: 1,
+              opacity: 1,
+              zIndex: 9999
             },
-            onSwap: handleConfirmSwap
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TutorialTooltip,
-          {
-            step: currentTutorialStep,
-            onNext: handleTutorialNext,
-            onSkip: handleSkipTutorial,
-            currentStepIndex: tutorialStep ?? 0,
-            totalSteps: getTutorialSteps().length
-          }
-        )
-      ] })
+            animate: {
+              left: flyGhost.toX - 16,
+              top: flyGhost.toY - 16,
+              scale: 0.5,
+              opacity: 0
+            },
+            transition: { duration: 0.85, ease: [0.22, 1, 0.36, 1] },
+            className: "pointer-events-none",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-white shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingBag, { className: "h-5 w-5" }) })
+          },
+          "fly-ghost"
+        ) })
+      ]
     }
   );
 }
@@ -29303,7 +29844,7 @@ function MobileChatThread({
   const paddingTop = hasAddressTopPill ? 68 : 56;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4", style: { paddingTop, paddingBottom }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatMessagesView, {}) });
 }
-function MobileChatFloatingChips({ bottomOffset }) {
+function MobileChatFloatingChips({ bottomOffset, inputRef }) {
   const {
     hasResults,
     onViewResults,
@@ -29352,7 +29893,10 @@ function MobileChatFloatingChips({ bottomOffset }) {
                 "aria-label": `${n} star${n > 1 ? "s" : ""}`,
                 onMouseEnter: () => setFeedbackHover(n),
                 onMouseLeave: () => setFeedbackHover(0),
-                onClick: () => setFeedbackRating(n),
+                onClick: () => {
+                  setFeedbackRating(n);
+                  inputRef?.current?.focus();
+                },
                 className: "p-1 transition-transform hover:scale-110",
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   lucideReact.Star,
@@ -29488,7 +30032,8 @@ function MobileAIInput({
 }
 function SuggestionsOverlayBridge({
   active,
-  onVisibleChange
+  onVisibleChange,
+  flyToCart
 }) {
   const {
     hasResults,
@@ -29504,7 +30049,8 @@ function SuggestionsOverlayBridge({
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: visible && /* @__PURE__ */ jsxRuntime.jsx(
     SuggestionsOverlay,
     {
-      onClose: dismissSuggestionsOverlay
+      onClose: dismissSuggestionsOverlay,
+      flyToCart
     },
     "suggestions-overlay"
   ) });