@commerce-ai-tool/angular 2.4.0

package/dist/index.js

@@ -0,0 +1,2780 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/lib/commerce-ai-search.component.ts
+import { ChangeDetectorRef, Component as Component3, ElementRef, EventEmitter as EventEmitter3, Input as Input3, Output as Output3, ViewChild, ViewEncapsulation, inject } from "@angular/core";
+import { FormsModule as FormsModule2 } from "@angular/forms";
+
+// ../core/dist/client.js
+var CART_SESSION_HEADER = "x-commerce-ai-cart-session";
+var DEFAULT_COMMERCE_AI_SEARCH_MESSAGES = {
+  placeholder: "What are you looking for?",
+  searchAriaLabel: "Search query",
+  productSearchAriaLabel: "Product search",
+  searchResultsAriaLabel: "Search results",
+  searching: "Searching...",
+  noProductsFound: "No products found",
+  searchedFor: "Searched for:",
+  dropImageToSearch: "Drop image to search",
+  voiceSearch: "Voice search",
+  stopRecording: "Stop recording",
+  searchByCamera: "Search by camera",
+  searchByImage: "Search by image",
+  replayVoiceSummary: "Replay voice result summary",
+  listening: "Listening\u2026",
+  tapMicToStop: "Tap mic to stop",
+  understandingQuery: "Understanding your query\u2026",
+  preparingAudioSummary: "Preparing audio summary\u2026",
+  cameraCapture: "Camera capture",
+  cameraPreview: "Camera preview",
+  capturePhoto: "Capture",
+  cancel: "Cancel",
+  dismiss: "Dismiss",
+  searchFailed: "Search failed",
+  imageSearchFailed: "Image search failed",
+  couldNotCapturePhoto: "Could not capture photo",
+  suggestionsAriaLabel: "Search suggestions",
+  loadingSuggestions: "Loading suggestions...",
+  noSuggestions: "No suggestions",
+  filtersAriaLabel: "Search filters",
+  clearFilters: "Clear filters",
+  narrowResults: "Narrow your results",
+  newSearch: "New search",
+  addToCart: "Add to cart",
+  cart: "Cart",
+  emptyCart: "Your cart is empty",
+  removeItem: "Remove item",
+  total: "Total",
+  each: "each",
+  cartAriaLabel: "Shopping cart",
+  itemAdded: "Added to cart",
+  increaseQuantity: "Increase quantity",
+  decreaseQuantity: "Decrease quantity",
+  closeCart: "Close cart",
+  unableToAddToCart: "This product cannot be added to the cart",
+  missionTitle: "Shopping list",
+  missionQuantity: "Looking for",
+  missionAddAll: "Add {count} top picks to cart",
+  missionItemsAdded: "Added to cart",
+  missionSelectProduct: "Select this product",
+  missionIntentEmpty: "No matching products",
+  missionIntentFailed: "Couldn't search this item",
+  signIn: "Sign in",
+  signInToSyncCart: "Sign in to sync your cart",
+  signOut: "Sign out",
+  email: "Email",
+  password: "Password",
+  signedInAs: "Signed in as",
+  invalidCredentials: "Invalid email or password",
+  signInFailed: "Sign in failed",
+  checkout: "Checkout",
+  checkoutTitle: "Complete your order",
+  orderSummary: "Order summary",
+  shippingAddress: "Shipping address",
+  billingAddress: "Billing address",
+  billingSameAsShipping: "Billing address is the same as shipping",
+  continueToDelivery: "Continue to delivery",
+  shippingMethod: "Delivery method",
+  selectShippingMethod: "Select a delivery method",
+  noShippingMethods: "No delivery methods are available for this address",
+  completeAddressToContinue: "Add a shipping address to continue",
+  selectDeliveryToContinue: "Select a delivery method to continue",
+  selectPaymentToContinue: "Select a payment method to continue",
+  checkoutStepAddress: "Address",
+  checkoutStepDelivery: "Delivery",
+  checkoutStepPayment: "Payment",
+  paymentMethod: "Payment method",
+  selectPaymentMethod: "Select a payment method",
+  paymentAuthorized: "Payment authorized",
+  paymentDeclined: "Payment was declined",
+  continueToPayment: "Continue to payment",
+  placeOrder: "Place order",
+  placingOrder: "Placing order\u2026",
+  orderPlaced: "Order placed",
+  viewOrderStatus: "View order status",
+  continueShopping: "Continue shopping",
+  checkoutFailed: "Checkout failed",
+  orderStatus: "Order status",
+  orderPlacedAt: "Placed",
+  paymentStateLabel: "Payment",
+  shipmentStateLabel: "Shipment",
+  trackingNumber: "Tracking number",
+  carrier: "Carrier",
+  noTrackingYet: "Tracking details will appear when the order ships",
+  orderNotFound: "Order not found",
+  noOrdersYet: "No orders yet",
+  yourOrders: "Your orders",
+  firstName: "First name",
+  lastName: "Last name",
+  streetName: "Street address",
+  additionalAddress: "Apartment, suite, etc. (optional)",
+  postalCode: "Postal code",
+  city: "City",
+  region: "State or region (optional)",
+  country: "Country"
+};
+function resolveCommerceAISearchMessages(overrides) {
+  return {
+    ...DEFAULT_COMMERCE_AI_SEARCH_MESSAGES,
+    ...overrides
+  };
+}
+__name(resolveCommerceAISearchMessages, "resolveCommerceAISearchMessages");
+var COMPOUND_SHOPPING_LIST_PATTERN = /\band\b|,|\bplus\b|\boraz\b/i;
+function looksLikeCompoundShoppingList(query) {
+  return COMPOUND_SHOPPING_LIST_PATTERN.test(query.trim());
+}
+__name(looksLikeCompoundShoppingList, "looksLikeCompoundShoppingList");
+var CSS_NAMED_COLOR_TABLE = `
+Alice Blue:f0f8ff
+Antique White:faebd7
+Aqua:00ffff
+Aquamarine:7fffd4
+Azure:f0ffff
+Beige:f5f5dc
+Bisque:ffe4c4
+Black:000000
+Blanched Almond:ffebcd
+Blue:0000ff
+Blue Violet:8a2be2
+Brown:a52a2a
+Burlywood:deb887
+Cadet Blue:5f9ea0
+Chartreuse:7fff00
+Chocolate:d2691e
+Coral:ff7f50
+Cornflower Blue:6495ed
+Cornsilk:fff8dc
+Crimson:dc143c
+Dark Blue:00008b
+Dark Cyan:008b8b
+Dark Goldenrod:b8860b
+Dark Gray:a9a9a9
+Dark Green:006400
+Dark Khaki:bdb76b
+Dark Magenta:8b008b
+Dark Olive Green:556b2f
+Dark Orange:ff8c00
+Dark Orchid:9932cc
+Dark Red:8b0000
+Dark Salmon:e9967a
+Dark Sea Green:8fbc8f
+Dark Slate Blue:483d8b
+Dark Slate Gray:2f4f4f
+Dark Turquoise:00ced1
+Dark Violet:9400d3
+Deep Pink:ff1493
+Deep Sky Blue:00bfff
+Dim Gray:696969
+Dodger Blue:1e90ff
+Firebrick:b22222
+Floral White:fffaf0
+Forest Green:228b22
+Gainsboro:dcdcdc
+Ghost White:f8f8ff
+Gold:ffd700
+Goldenrod:daa520
+Gray:808080
+Green:008000
+Green Yellow:adff2f
+Honeydew:f0fff0
+Hot Pink:ff69b4
+Indian Red:cd5c5c
+Indigo:4b0082
+Ivory:fffff0
+Khaki:f0e68c
+Lavender:e6e6fa
+Lavender Blush:fff0f5
+Lawn Green:7cfc00
+Lemon Chiffon:fffacd
+Light Blue:add8e6
+Light Coral:f08080
+Light Cyan:e0ffff
+Light Goldenrod Yellow:fafad2
+Light Gray:d3d3d3
+Light Green:90ee90
+Light Pink:ffb6c1
+Light Salmon:ffa07a
+Light Sea Green:20b2aa
+Light Sky Blue:87cefa
+Light Slate Gray:778899
+Light Steel Blue:b0c4de
+Light Yellow:ffffe0
+Lime:00ff00
+Lime Green:32cd32
+Linen:faf0e6
+Magenta:ff00ff
+Maroon:800000
+Medium Aquamarine:66cdaa
+Medium Blue:0000cd
+Medium Orchid:ba55d3
+Medium Purple:9370db
+Medium Sea Green:3cb371
+Medium Slate Blue:7b68ee
+Medium Spring Green:00fa9a
+Medium Turquoise:48d1cc
+Medium Violet Red:c71585
+Midnight Blue:191970
+Mint Cream:f5fffa
+Misty Rose:ffe4e1
+Moccasin:ffe4b5
+Navajo White:ffdead
+Navy:000080
+Old Lace:fdf5e6
+Olive:808000
+Olive Drab:6b8e23
+Orange:ffa500
+Orange Red:ff4500
+Orchid:da70d6
+Pale Goldenrod:eee8aa
+Pale Green:98fb98
+Pale Turquoise:afeeee
+Pale Violet Red:db7093
+Papaya Whip:ffefd5
+Peach Puff:ffdab9
+Peru:cd853f
+Pink:ffc0cb
+Plum:dda0dd
+Powder Blue:b0e0e6
+Purple:800080
+Rebecca Purple:663399
+Red:ff0000
+Rosy Brown:bc8f8f
+Royal Blue:4169e1
+Saddle Brown:8b4513
+Salmon:fa8072
+Sandy Brown:f4a460
+Sea Green:2e8b57
+Seashell:fff5ee
+Sienna:a0522d
+Silver:c0c0c0
+Sky Blue:87ceeb
+Slate Blue:6a5acd
+Slate Gray:708090
+Snow:fffafa
+Spring Green:00ff7f
+Steel Blue:4682b4
+Tan:d2b48c
+Teal:008080
+Thistle:d8bfd8
+Tomato:ff6347
+Turquoise:40e0d0
+Violet:ee82ee
+Wheat:f5deb3
+White:ffffff
+White Smoke:f5f5f5
+Yellow:ffff00
+Yellow Green:9acd32
+`;
+var HEX_COLOR_RE = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+var NAMED_COLORS = CSS_NAMED_COLOR_TABLE.trim().split("\n").flatMap((line) => {
+  const separator = line.indexOf(":");
+  if (separator <= 0) {
+    return [];
+  }
+  const name = line.slice(0, separator);
+  const hex = line.slice(separator + 1);
+  const n = Number.parseInt(hex, 16);
+  if (!name || !Number.isFinite(n)) {
+    return [];
+  }
+  return [
+    {
+      name,
+      r: n >> 16 & 255,
+      g: n >> 8 & 255,
+      b: n & 255
+    }
+  ];
+});
+function parseHexRgb(value) {
+  const match = HEX_COLOR_RE.exec(value.trim());
+  const captured = match?.[1];
+  if (!captured) {
+    return null;
+  }
+  const hex = captured.length === 3 ? `${captured[0]}${captured[0]}${captured[1]}${captured[1]}${captured[2]}${captured[2]}` : captured;
+  const n = Number.parseInt(hex, 16);
+  return [
+    n >> 16 & 255,
+    n >> 8 & 255,
+    n & 255
+  ];
+}
+__name(parseHexRgb, "parseHexRgb");
+var MAX_NAMED_COLOR_DISTANCE_SQ = 40 * 40;
+var COLOR_LIKE_FACET_NAME = /(?:^|[-_])colou?r(?:[-_]|$)|(?:^|[-_])finish(?:[-_]|$)/i;
+function isColorLikeFacetName(name) {
+  return COLOR_LIKE_FACET_NAME.test(name.trim());
+}
+__name(isColorLikeFacetName, "isColorLikeFacetName");
+function hexColorSwatchValue(value) {
+  const rgb = parseHexRgb(value);
+  if (!rgb) {
+    return void 0;
+  }
+  return `#${rgb.map((channel) => channel.toString(16).padStart(2, "0")).join("")}`;
+}
+__name(hexColorSwatchValue, "hexColorSwatchValue");
+var PRICE_FACET_ID = "price";
+var CATEGORIES_FACET_ID = "categories";
+var DEFAULT_PRICE_RANGES = [
+  {
+    key: "under-50",
+    to: 5e3
+  },
+  {
+    key: "50-to-100",
+    from: 5e3,
+    to: 1e4
+  },
+  {
+    key: "100-plus",
+    from: 1e4
+  }
+];
+function priceRangeToFilterValues(range) {
+  const filters = {};
+  if ("from" in range && range.from !== void 0) {
+    filters.priceMin = String(range.from / 100);
+  }
+  if ("to" in range && range.to !== void 0) {
+    filters.priceMax = String(range.to / 100);
+  }
+  return filters;
+}
+__name(priceRangeToFilterValues, "priceRangeToFilterValues");
+function priceBucketKeyFromFilters(filters) {
+  const minCents = parseMajorToCents(filters.priceMin);
+  const maxCents = parseMajorToCents(filters.priceMax);
+  for (const range of DEFAULT_PRICE_RANGES) {
+    const from = "from" in range ? range.from : void 0;
+    const to = "to" in range ? range.to : void 0;
+    if (minCents === from && maxCents === to) {
+      return range.key;
+    }
+  }
+  return void 0;
+}
+__name(priceBucketKeyFromFilters, "priceBucketKeyFromFilters");
+function isFacetFilterSelected(filters, facetId, bucketKey) {
+  if (facetId === CATEGORIES_FACET_ID) {
+    return filters.category === bucketKey;
+  }
+  if (facetId === PRICE_FACET_ID) {
+    return priceBucketKeyFromFilters(filters) === bucketKey;
+  }
+  return filters[facetId] === bucketKey;
+}
+__name(isFacetFilterSelected, "isFacetFilterSelected");
+function toggleFacetFilter(filters, facetId, bucketKey) {
+  const next = {
+    ...filters
+  };
+  if (facetId === PRICE_FACET_ID) {
+    if (priceBucketKeyFromFilters(next) === bucketKey) {
+      delete next.priceMin;
+      delete next.priceMax;
+      return next;
+    }
+    delete next.priceMin;
+    delete next.priceMax;
+    const range = DEFAULT_PRICE_RANGES.find((candidate) => candidate.key === bucketKey);
+    if (!range) {
+      return next;
+    }
+    return {
+      ...next,
+      ...priceRangeToFilterValues(range)
+    };
+  }
+  const filterKey = facetId === CATEGORIES_FACET_ID ? "category" : facetId;
+  if (next[filterKey] === bucketKey) {
+    delete next[filterKey];
+  } else {
+    next[filterKey] = bucketKey;
+  }
+  return next;
+}
+__name(toggleFacetFilter, "toggleFacetFilter");
+function parseMajorToCents(value) {
+  if (!value) {
+    return void 0;
+  }
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed) || parsed < 0) {
+    return void 0;
+  }
+  return Math.round(parsed * 100);
+}
+__name(parseMajorToCents, "parseMajorToCents");
+
+// src/lib/commerce-ai-api.service.ts
+import { Injectable } from "@angular/core";
+function _ts_decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") {
+    r = Reflect.decorate(decorators, target, key, desc);
+  } else {
+    for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) {
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      }
+    }
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate, "_ts_decorate");
+function buildLocalePayload(options) {
+  const payload = {};
+  const queryLocale = options.queryLocale ?? options.locale;
+  if (options.catalogLocale) {
+    payload.catalogLocale = options.catalogLocale;
+  }
+  if (queryLocale) {
+    payload.queryLocale = queryLocale;
+  }
+  return payload;
+}
+__name(buildLocalePayload, "buildLocalePayload");
+var CommerceAiApiService = class {
+  static {
+    __name(this, "CommerceAiApiService");
+  }
+  search(apiBaseUrl, query, locales = {}, signal2, options = {}) {
+    const baseUrl = apiBaseUrl.replace(/\/$/, "");
+    return fetch(`${baseUrl}/search`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query,
+        ...options,
+        ...buildLocalePayload(locales)
+      }),
+      signal: signal2
+    }).then(async (response) => {
+      if (!response.ok) {
+        const data = await response.json();
+        throw new Error(data.error ?? "Search failed");
+      }
+      return response.json();
+    });
+  }
+  suggest(apiBaseUrl, query, locales = {}, signal2) {
+    const baseUrl = apiBaseUrl.replace(/\/$/, "");
+    return fetch(`${baseUrl}/search/suggestions`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query,
+        ...buildLocalePayload(locales)
+      }),
+      signal: signal2
+    }).then(async (response) => {
+      if (!response.ok) {
+        const data = await response.json();
+        throw new Error(data.error ?? "Suggestions failed");
+      }
+      return response.json();
+    });
+  }
+  searchByImage(apiBaseUrl, file, locales = {}, enableMissions = false) {
+    const baseUrl = apiBaseUrl.replace(/\/$/, "");
+    const formData = new FormData();
+    formData.append("image", file);
+    for (const [key, value] of Object.entries(buildLocalePayload(locales))) {
+      formData.append(key, value);
+    }
+    if (enableMissions) {
+      formData.append("enableMissions", "true");
+    }
+    return fetch(`${baseUrl}/search/image`, {
+      method: "POST",
+      body: formData
+    }).then(async (response) => {
+      if (!response.ok) {
+        const data = await response.json();
+        throw new Error(data.error ?? "Image search failed");
+      }
+      return response.json();
+    });
+  }
+  searchByVoice(apiBaseUrl, audio, locales = {}, enableTts = true, enableMissions = false) {
+    const baseUrl = apiBaseUrl.replace(/\/$/, "");
+    const formData = new FormData();
+    formData.append("audio", audio, "recording.webm");
+    for (const [key, value] of Object.entries(buildLocalePayload(locales))) {
+      formData.append(key, value);
+    }
+    formData.append("enableTts", String(enableTts));
+    if (enableMissions) {
+      formData.append("enableMissions", "true");
+    }
+    return fetch(`${baseUrl}/search/voice`, {
+      method: "POST",
+      body: formData
+    }).then(async (response) => {
+      if (!response.ok) {
+        const data = await response.json();
+        throw new Error(data.error ?? "Voice search failed");
+      }
+      return response.json();
+    });
+  }
+  synthesizeSpeech(apiBaseUrl, text) {
+    const baseUrl = apiBaseUrl.replace(/\/$/, "");
+    return fetch(`${baseUrl}/tts`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        text
+      })
+    }).then(async (response) => {
+      if (!response.ok) {
+        throw new Error("TTS failed");
+      }
+      return response.blob();
+    });
+  }
+};
+CommerceAiApiService = _ts_decorate([
+  Injectable({
+    providedIn: "root"
+  })
+], CommerceAiApiService);
+
+// src/lib/commerce-ai-cart-panel.component.ts
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+function _ts_decorate2(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") {
+    r = Reflect.decorate(decorators, target, key, desc);
+  } else {
+    for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) {
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      }
+    }
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate2, "_ts_decorate");
+function _ts_metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") {
+    return Reflect.metadata(metadataKey, metadataValue);
+  }
+}
+__name(_ts_metadata, "_ts_metadata");
+function displayCartError(error, messages) {
+  if (!error) {
+    return null;
+  }
+  if (error === "Invalid credentials") {
+    return messages.invalidCredentials;
+  }
+  if (error === "Sign in failed" || error === "Login failed") {
+    return messages.signInFailed;
+  }
+  return error;
+}
+__name(displayCartError, "displayCartError");
+function formatLineTotal(price, quantity, locale) {
+  if (!price) {
+    return null;
+  }
+  return new Intl.NumberFormat(locale || void 0, {
+    style: "currency",
+    currency: price.currency
+  }).format(price.amount * quantity);
+}
+__name(formatLineTotal, "formatLineTotal");
+var CommerceAiCartPanelComponent = class {
+  static {
+    __name(this, "CommerceAiCartPanelComponent");
+  }
+  cart = null;
+  customer = null;
+  isLoading = false;
+  isLoggingIn = false;
+  error = null;
+  messages;
+  catalogLocale;
+  showCheckout = false;
+  close = new EventEmitter();
+  remove = new EventEmitter();
+  quantityChange = new EventEmitter();
+  login = new EventEmitter();
+  logout = new EventEmitter();
+  checkout = new EventEmitter();
+  email = "";
+  password = "";
+  isAuthExpanded = false;
+  get isEmpty() {
+    return !this.cart || this.cart.lineItems.length === 0;
+  }
+  get visibleError() {
+    return displayCartError(this.error, this.messages);
+  }
+  lineTotal(item) {
+    return formatLineTotal(item.price, item.quantity, this.catalogLocale);
+  }
+  onLoginSubmit() {
+    this.login.emit({
+      email: this.email,
+      password: this.password
+    });
+    this.password = "";
+  }
+};
+_ts_decorate2([
+  Input(),
+  _ts_metadata("design:type", Object)
+], CommerceAiCartPanelComponent.prototype, "cart", void 0);
+_ts_decorate2([
+  Input(),
+  _ts_metadata("design:type", Object)
+], CommerceAiCartPanelComponent.prototype, "customer", void 0);
+_ts_decorate2([
+  Input()
+], CommerceAiCartPanelComponent.prototype, "isLoading", void 0);
+_ts_decorate2([
+  Input()
+], CommerceAiCartPanelComponent.prototype, "isLoggingIn", void 0);
+_ts_decorate2([
+  Input(),
+  _ts_metadata("design:type", Object)
+], CommerceAiCartPanelComponent.prototype, "error", void 0);
+_ts_decorate2([
+  Input({
+    required: true
+  }),
+  _ts_metadata("design:type", typeof CommerceAISearchMessages === "undefined" ? Object : CommerceAISearchMessages)
+], CommerceAiCartPanelComponent.prototype, "messages", void 0);
+_ts_decorate2([
+  Input(),
+  _ts_metadata("design:type", String)
+], CommerceAiCartPanelComponent.prototype, "catalogLocale", void 0);
+_ts_decorate2([
+  Input()
+], CommerceAiCartPanelComponent.prototype, "showCheckout", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "close", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "remove", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "quantityChange", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "login", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "logout", void 0);
+_ts_decorate2([
+  Output()
+], CommerceAiCartPanelComponent.prototype, "checkout", void 0);
+CommerceAiCartPanelComponent = _ts_decorate2([
+  Component({
+    selector: "commerce-ai-cart-panel",
+    standalone: true,
+    imports: [
+      FormsModule
+    ],
+    template: `
+    <section
+      class="cat-cart-panel"
+      [class.cat-cart-panel--with-items]="!isEmpty"
+      [attr.aria-label]="messages.cartAriaLabel"
+    >
+      <header class="cat-cart-panel__header">
+        <h2 class="cat-cart-panel__title">{{ messages.cart }}</h2>
+        <button type="button" class="cat-icon-btn" (click)="close.emit()" [attr.aria-label]="messages.closeCart">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+            <path d="M18 6 6 18" />
+            <path d="m6 6 12 12" />
+          </svg>
+        </button>
+      </header>
+
+      @if (visibleError) {
+        <div class="cat-status cat-status--error" role="alert">{{ visibleError }}</div>
+      }
+
+      @if (isEmpty) {
+        <div class="cat-cart-panel__empty">
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+            <path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" />
+            <path d="M3 6h18" />
+            <path d="M16 10a4 4 0 0 1-8 0" />
+          </svg>
+          <span>{{ messages.emptyCart }}</span>
+        </div>
+      } @else {
+        <ul class="cat-cart-panel__items">
+          @for (item of cart!.lineItems; track item.id) {
+            <li class="cat-cart-item">
+              @if (item.imageUrl) {
+                <img [src]="item.imageUrl" alt="" class="cat-cart-item__image" />
+              } @else {
+                <div class="cat-cart-item__image cat-cart-item__image--placeholder">
+                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                    <path d="M16.5 9.4 7.55 4.24" />
+                    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
+                    <polyline points="3.29 7 12 12 20.71 7" />
+                    <line x1="12" x2="12" y1="22" y2="12" />
+                  </svg>
+                </div>
+              }
+              <div class="cat-cart-item__info">
+                <div class="cat-cart-item__name">{{ item.name }}</div>
+                @if (item.price) {
+                  <div class="cat-cart-item__price">
+                    <span>{{ item.price.formatted }} {{ messages.each }}</span>
+                    <strong>{{ item.totalPrice?.formatted ?? lineTotal(item) }}</strong>
+                  </div>
+                }
+                <div class="cat-cart-item__qty">
+                  <button
+                    type="button"
+                    class="cat-cart-item__qty-btn"
+                    [attr.aria-label]="messages.decreaseQuantity"
+                    [disabled]="isLoading || item.quantity <= 1"
+                    (click)="quantityChange.emit({ lineItemId: item.id, quantity: item.quantity - 1 })"
+                  >
+                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                      <path d="M5 12h14" />
+                    </svg>
+                  </button>
+                  <span class="cat-cart-item__qty-value">{{ item.quantity }}</span>
+                  <button
+                    type="button"
+                    class="cat-cart-item__qty-btn"
+                    [attr.aria-label]="messages.increaseQuantity"
+                    [disabled]="isLoading"
+                    (click)="quantityChange.emit({ lineItemId: item.id, quantity: item.quantity + 1 })"
+                  >
+                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                      <path d="M5 12h14" />
+                      <path d="M12 5v14" />
+                    </svg>
+                  </button>
+                </div>
+              </div>
+              <button
+                type="button"
+                class="cat-icon-btn"
+                [attr.aria-label]="messages.removeItem"
+                [disabled]="isLoading"
+                (click)="remove.emit(item.id)"
+              >
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                  <path d="M3 6h18" />
+                  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+                </svg>
+              </button>
+            </li>
+          }
+        </ul>
+      }
+
+      <div class="cat-cart-panel__auth">
+        @if (customer) {
+          <div class="cat-cart-panel__signed-in">
+            <span>{{ messages.signedInAs }} {{ customer.email }}</span>
+            <button type="button" class="cat-cart-panel__sign-out" (click)="logout.emit()">
+              {{ messages.signOut }}
+            </button>
+          </div>
+        } @else {
+          <button
+            type="button"
+            class="cat-cart-panel__auth-toggle"
+            [disabled]="isLoggingIn"
+            [attr.aria-expanded]="isAuthExpanded"
+            (click)="isAuthExpanded = !isAuthExpanded"
+          >
+            <span class="cat-cart-panel__auth-toggle-copy">
+              <span class="cat-cart-panel__auth-icon" aria-hidden="true">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <circle cx="12" cy="8" r="5" />
+                  <path d="M20 21a8 8 0 0 0-16 0" />
+                </svg>
+              </span>
+              {{ messages.signInToSyncCart }}
+            </span>
+            <svg
+              width="15"
+              height="15"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              aria-hidden="true"
+              [class.cat-cart-panel__auth-chevron--open]="isAuthExpanded"
+            >
+              <path d="m6 9 6 6 6-6" />
+            </svg>
+          </button>
+          @if (isAuthExpanded) {
+            <form class="cat-cart-panel__auth-form" (ngSubmit)="onLoginSubmit()">
+              <label class="cat-cart-panel__field">
+                <span class="cat-cart-panel__label">{{ messages.email }}</span>
+                <input
+                  class="cat-cart-panel__input"
+                  type="email"
+                  name="email"
+                  autocomplete="email"
+                  required
+                  [disabled]="isLoggingIn"
+                  [(ngModel)]="email"
+                />
+              </label>
+              <label class="cat-cart-panel__field">
+                <span class="cat-cart-panel__label">{{ messages.password }}</span>
+                <input
+                  class="cat-cart-panel__input"
+                  type="password"
+                  name="password"
+                  autocomplete="current-password"
+                  required
+                  [disabled]="isLoggingIn"
+                  [(ngModel)]="password"
+                />
+              </label>
+              <button type="submit" class="cat-cart-panel__submit" [disabled]="isLoggingIn">
+                {{ messages.signIn }}
+              </button>
+            </form>
+          }
+        }
+      </div>
+
+      @if (!isEmpty) {
+        <footer class="cat-cart-panel__footer">
+          <div class="cat-cart-panel__total">
+            <span>{{ messages.total }}</span>
+            <strong>{{ cart!.totalPrice.formatted }}</strong>
+          </div>
+          @if (showCheckout && cart) {
+            <button
+              type="button"
+              class="cat-checkout-cta"
+              [disabled]="isLoading"
+              (click)="checkout.emit(cart)"
+            >
+              <span>{{ messages.checkout }}</span>
+              <span class="cat-checkout-cta__icon" aria-hidden="true">
+                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M5 12h14" />
+                  <path d="m12 5 7 7-7 7" />
+                </svg>
+              </span>
+            </button>
+          }
+        </footer>
+      }
+    </section>
+  `
+  })
+], CommerceAiCartPanelComponent);
+
+// src/lib/commerce-ai-cart.service.ts
+import { Injectable as Injectable2, computed, signal } from "@angular/core";
+function _ts_decorate3(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") {
+    r = Reflect.decorate(decorators, target, key, desc);
+  } else {
+    for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) {
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      }
+    }
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate3, "_ts_decorate");
+var ANONYMOUS_ID_STORAGE_KEY = "commerce-ai-tool:anonymousId";
+var CUSTOMER_SESSION_STORAGE_KEY = "commerce-ai-tool:customerSession";
+var CUSTOMER_STORAGE_KEY = "commerce-ai-tool:customer";
+function readStorage(key) {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    return window.localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+__name(readStorage, "readStorage");
+function writeStorage(key, value) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    window.localStorage.setItem(key, value);
+  } catch {
+  }
+}
+__name(writeStorage, "writeStorage");
+function removeStorage(key) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+__name(removeStorage, "removeStorage");
+function readStoredCustomer() {
+  const raw = readStorage(CUSTOMER_STORAGE_KEY);
+  if (!raw) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.id === "string" && typeof parsed.email === "string") {
+      return parsed;
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+__name(readStoredCustomer, "readStoredCustomer");
+function createAnonymousId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `anon-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+__name(createAnonymousId, "createAnonymousId");
+function getOrCreateAnonymousId() {
+  const existing = readStorage(ANONYMOUS_ID_STORAGE_KEY);
+  if (existing) {
+    return existing;
+  }
+  const created = createAnonymousId();
+  writeStorage(ANONYMOUS_ID_STORAGE_KEY, created);
+  return created;
+}
+__name(getOrCreateAnonymousId, "getOrCreateAnonymousId");
+function rotateAnonymousId() {
+  const created = createAnonymousId();
+  writeStorage(ANONYMOUS_ID_STORAGE_KEY, created);
+  return created;
+}
+__name(rotateAnonymousId, "rotateAnonymousId");
+var CartRequestError = class CartRequestError2 extends Error {
+  static {
+    __name(this, "CartRequestError");
+  }
+  status;
+  constructor(message, status) {
+    super(message);
+    this.name = "CartRequestError";
+    this.status = status;
+  }
+};
+async function parseCartApi(response) {
+  const body = await response.json();
+  if (!response.ok) {
+    throw new CartRequestError(body.error ?? "Cart request failed", response.status);
+  }
+  return body;
+}
+__name(parseCartApi, "parseCartApi");
+var CommerceAiCartService = class {
+  static {
+    __name(this, "CommerceAiCartService");
+  }
+  cart = signal(null);
+  anonymousId = signal("");
+  customer = signal(null);
+  isLoading = signal(false);
+  isMutating = signal(false);
+  isLoggingIn = signal(false);
+  error = signal(null);
+  isCartOpen = signal(false);
+  isAuthenticated = computed(() => Boolean(this.customer() && this.sessionToken()));
+  apiBaseUrl = "";
+  currency;
+  country;
+  catalogLocale;
+  enabled = false;
+  onCartChange;
+  sessionTokenValue = null;
+  cartValue = null;
+  mutationChain = Promise.resolve();
+  started = false;
+  sessionToken() {
+    return this.sessionTokenValue;
+  }
+  configure(options) {
+    this.apiBaseUrl = options.apiBaseUrl.replace(/\/$/, "");
+    this.currency = options.currency;
+    this.country = options.country;
+    this.catalogLocale = options.catalogLocale;
+    this.enabled = options.enabled !== false;
+    this.onCartChange = options.onCartChange;
+    if (!this.enabled) {
+      return;
+    }
+    if (!this.started) {
+      this.started = true;
+      this.anonymousId.set(getOrCreateAnonymousId());
+      const storedToken = readStorage(CUSTOMER_SESSION_STORAGE_KEY);
+      const storedCustomer = readStoredCustomer();
+      if (storedToken && storedCustomer) {
+        this.sessionTokenValue = storedToken;
+        this.customer.set(storedCustomer);
+      }
+      void this.refresh();
+    }
+  }
+  openCart() {
+    this.isCartOpen.set(true);
+  }
+  closeCart() {
+    this.isCartOpen.set(false);
+  }
+  toggleCart() {
+    this.isCartOpen.update((open) => !open);
+  }
+  async refresh() {
+    const anonymousId = this.anonymousId();
+    if (!this.enabled || !anonymousId) {
+      return;
+    }
+    const params = new URLSearchParams();
+    const headers = {};
+    const token = this.sessionTokenValue;
+    if (token) {
+      headers[CART_SESSION_HEADER] = token;
+    } else {
+      params.set("anonymousId", anonymousId);
+    }
+    if (this.catalogLocale) {
+      params.set("catalogLocale", this.catalogLocale);
+    }
+    this.isLoading.set(true);
+    this.error.set(null);
+    try {
+      const query = params.toString();
+      const url = `${this.apiBaseUrl}/cart${query ? `?${query}` : ""}`;
+      const response = await (token ? fetch(url, {
+        headers
+      }) : fetch(url));
+      const body = await parseCartApi(response);
+      this.applyCart(body.cart ?? null);
+    } catch (err) {
+      if (err instanceof CartRequestError && err.status === 401 && this.sessionTokenValue) {
+        this.clearSession();
+        this.anonymousId.set(rotateAnonymousId());
+        this.applyCart(null);
+        this.error.set(err.message);
+        this.isLoading.set(false);
+        await this.refresh();
+        return;
+      }
+      this.error.set(err instanceof Error ? err.message : "Cart request failed");
+    } finally {
+      this.isLoading.set(false);
+    }
+  }
+  addToCart(item) {
+    return this.mutate("/cart/add", {
+      sku: item.sku,
+      productId: item.productId,
+      variantId: item.variantId,
+      quantity: item.quantity
+    });
+  }
+  addItems(items) {
+    return this.mutate("/cart/add-items", {
+      items
+    });
+  }
+  removeFromCart(lineItemId) {
+    return this.mutate("/cart/remove", {
+      lineItemId
+    });
+  }
+  updateQuantity(lineItemId, quantity) {
+    return this.mutate("/cart/update-quantity", {
+      lineItemId,
+      quantity
+    });
+  }
+  async login(input) {
+    if (!this.enabled) {
+      return null;
+    }
+    this.isLoggingIn.set(true);
+    this.error.set(null);
+    try {
+      const response = await fetch(`${this.apiBaseUrl}/cart/login`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email: input.email,
+          password: input.password,
+          anonymousId: this.anonymousId(),
+          catalogLocale: this.catalogLocale,
+          cartId: this.cartValue?.id
+        })
+      });
+      const body = await parseCartApi(response);
+      if (!body.sessionToken || !body.customer) {
+        throw new CartRequestError("Sign in failed", response.status);
+      }
+      this.persistSession(body.sessionToken, body.customer);
+      this.applyCart(body.cart ?? null);
+      return body.cart ?? null;
+    } catch (err) {
+      this.error.set(err instanceof Error ? err.message : "Sign in failed");
+      return null;
+    } finally {
+      this.isLoggingIn.set(false);
+    }
+  }
+  async logout() {
+    try {
+      await fetch(`${this.apiBaseUrl}/cart/logout`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({})
+      });
+    } catch {
+    }
+    this.clearSession();
+    this.applyCart(null);
+    this.anonymousId.set(rotateAnonymousId());
+  }
+  mutate(path, body) {
+    const run = /* @__PURE__ */ __name(async () => {
+      const anonymousId = this.anonymousId();
+      if (!this.enabled || !anonymousId) {
+        return null;
+      }
+      this.isMutating.set(true);
+      this.error.set(null);
+      try {
+        const response = await fetch(`${this.apiBaseUrl}${path}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            anonymousId,
+            sessionToken: this.sessionTokenValue ?? void 0,
+            currency: this.currency,
+            country: this.country,
+            catalogLocale: this.catalogLocale,
+            cartId: this.cartValue?.id,
+            cartVersion: this.cartValue?.version,
+            ...body
+          })
+        });
+        const next = await parseCartApi(response);
+        this.applyCart(next.cart ?? null);
+        return next.cart ?? null;
+      } catch (err) {
+        if (err instanceof CartRequestError && err.status === 401 && this.sessionTokenValue) {
+          this.clearSession();
+          this.anonymousId.set(rotateAnonymousId());
+          this.applyCart(null);
+        }
+        this.error.set(err instanceof Error ? err.message : "Cart request failed");
+        return null;
+      } finally {
+        this.isMutating.set(false);
+      }
+    }, "run");
+    const pending = this.mutationChain.then(run, run);
+    this.mutationChain = pending.then(() => void 0, () => void 0);
+    return pending;
+  }
+  applyCart(next) {
+    this.cartValue = next;
+    this.cart.set(next);
+    this.onCartChange?.(next);
+  }
+  persistSession(token, nextCustomer) {
+    this.sessionTokenValue = token;
+    this.customer.set(nextCustomer);
+    writeStorage(CUSTOMER_SESSION_STORAGE_KEY, token);
+    writeStorage(CUSTOMER_STORAGE_KEY, JSON.stringify(nextCustomer));
+  }
+  clearSession() {
+    this.sessionTokenValue = null;
+    this.customer.set(null);
+    removeStorage(CUSTOMER_SESSION_STORAGE_KEY);
+    removeStorage(CUSTOMER_STORAGE_KEY);
+  }
+};
+CommerceAiCartService = _ts_decorate3([
+  Injectable2()
+], CommerceAiCartService);
+
+// src/lib/commerce-ai-mission-results.component.ts
+import { NgTemplateOutlet } from "@angular/common";
+import { Component as Component2, EventEmitter as EventEmitter2, Input as Input2, Output as Output2 } from "@angular/core";
+
+// src/lib/mission.util.ts
+function formatMissionAddAll(template, count) {
+  const withPlural = count === 1 ? template.replaceAll("top picks", "top pick") : template;
+  if (withPlural.includes("{count}")) {
+    return withPlural.replaceAll("{count}", String(count));
+  }
+  return `${withPlural} (${count})`;
+}
+__name(formatMissionAddAll, "formatMissionAddAll");
+function toCartItem(product, quantity) {
+  return product.sku ? {
+    sku: product.sku,
+    quantity
+  } : {
+    productId: product.id,
+    variantId: product.variantId,
+    quantity
+  };
+}
+__name(toCartItem, "toCartItem");
+function lineItemKey(item) {
+  if (item.sku) {
+    return `sku:${item.sku}`;
+  }
+  return `id:${item.productId ?? ""}:${item.variantId ?? ""}`;
+}
+__name(lineItemKey, "lineItemKey");
+function starterBundleItems(mission) {
+  const items = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const group of mission.intents) {
+    if (group.failed) {
+      continue;
+    }
+    const product = group.products[0];
+    if (!product || !product.sku && !product.id) {
+      continue;
+    }
+    const item = toCartItem(product, 1);
+    const key = lineItemKey(item);
+    if (seen.has(key)) {
+      continue;
+    }
+    seen.add(key);
+    items.push(item);
+  }
+  return items;
+}
+__name(starterBundleItems, "starterBundleItems");
+
+// src/lib/commerce-ai-mission-results.component.ts
+function _ts_decorate4(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") {
+    r = Reflect.decorate(decorators, target, key, desc);
+  } else {
+    for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) {
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      }
+    }
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate4, "_ts_decorate");
+function _ts_metadata2(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") {
+    return Reflect.metadata(metadataKey, metadataValue);
+  }
+}
+__name(_ts_metadata2, "_ts_metadata");
+var missionTitleCounter = 0;
+var CommerceAiMissionResultsComponent = class {
+  static {
+    __name(this, "CommerceAiMissionResultsComponent");
+  }
+  mission;
+  messages;
+  enableCart = false;
+  isMutating = false;
+  addedProductIds = {};
+  addAllHandler;
+  productSelect = new EventEmitter2();
+  addItem = new EventEmitter2();
+  addAll = new EventEmitter2();
+  titleId = `cat-mission-title-${missionTitleCounter += 1}`;
+  justAddedAll = false;
+  addedAllTimeout = null;
+  lastMission = null;
+  cachedBundleMission = null;
+  cachedBundleItems = [];
+  get bundleItems() {
+    if (this.cachedBundleMission !== this.mission) {
+      this.cachedBundleMission = this.mission;
+      this.cachedBundleItems = starterBundleItems(this.mission);
+    }
+    return this.cachedBundleItems;
+  }
+  get addAllLabel() {
+    const totalQuantity = this.bundleItems.reduce((sum, item) => sum + (item.quantity ?? 1), 0);
+    return formatMissionAddAll(this.messages.missionAddAll, totalQuantity);
+  }
+  ngOnChanges() {
+    if (this.mission !== this.lastMission) {
+      this.lastMission = this.mission;
+      this.justAddedAll = false;
+    }
+  }
+  ngOnDestroy() {
+    if (this.addedAllTimeout) {
+      clearTimeout(this.addedAllTimeout);
+      this.addedAllTimeout = null;
+    }
+  }
+  addLabel(product) {
+    if (this.addedProductIds[product.id]) {
+      return this.messages.itemAdded;
+    }
+    return product.sku || product.id ? this.messages.addToCart : this.messages.unableToAddToCart;
+  }
+  onAddAllClick() {
+    const items = this.bundleItems;
+    this.addAll.emit(items);
+    void this.addAllHandler?.(items).then((result) => {
+      if (!result) {
+        return;
+      }
+      this.justAddedAll = true;
+      if (this.addedAllTimeout) {
+        clearTimeout(this.addedAllTimeout);
+      }
+      this.addedAllTimeout = setTimeout(() => {
+        this.justAddedAll = false;
+        this.addedAllTimeout = null;
+      }, 1200);
+    });
+  }
+};
+_ts_decorate4([
+  Input2({
+    required: true
+  }),
+  _ts_metadata2("design:type", typeof MissionSearchResult === "undefined" ? Object : MissionSearchResult)
+], CommerceAiMissionResultsComponent.prototype, "mission", void 0);
+_ts_decorate4([
+  Input2({
+    required: true
+  }),
+  _ts_metadata2("design:type", typeof CommerceAISearchMessages === "undefined" ? Object : CommerceAISearchMessages)
+], CommerceAiMissionResultsComponent.prototype, "messages", void 0);
+_ts_decorate4([
+  Input2()
+], CommerceAiMissionResultsComponent.prototype, "enableCart", void 0);
+_ts_decorate4([
+  Input2()
+], CommerceAiMissionResultsComponent.prototype, "isMutating", void 0);
+_ts_decorate4([
+  Input2(),
+  _ts_metadata2("design:type", typeof Record === "undefined" ? Object : Record)
+], CommerceAiMissionResultsComponent.prototype, "addedProductIds", void 0);
+_ts_decorate4([
+  Input2(),
+  _ts_metadata2("design:type", Function)
+], CommerceAiMissionResultsComponent.prototype, "addAllHandler", void 0);
+_ts_decorate4([
+  Output2()
+], CommerceAiMissionResultsComponent.prototype, "productSelect", void 0);
+_ts_decorate4([
+  Output2()
+], CommerceAiMissionResultsComponent.prototype, "addItem", void 0);
+_ts_decorate4([
+  Output2()
+], CommerceAiMissionResultsComponent.prototype, "addAll", void 0);
+CommerceAiMissionResultsComponent = _ts_decorate4([
+  Component2({
+    selector: "commerce-ai-mission-results",
+    standalone: true,
+    imports: [
+      NgTemplateOutlet
+    ],
+    template: `
+    <div class="cat-mission">
+      <div class="cat-mission__header">
+        <h2 [id]="titleId" class="cat-mission__title">{{ messages.missionTitle }}</h2>
+        @if (mission.interpretation) {
+          <p class="cat-mission__interpretation">{{ mission.interpretation }}</p>
+        }
+      </div>
+
+      <div class="cat-mission__lanes" role="list" [attr.aria-labelledby]="titleId">
+        @for (group of mission.intents; track group.intent.id) {
+          <section class="cat-mission-group" role="listitem">
+            <div class="cat-mission-group__header">
+              <h3 class="cat-mission-group__label">{{ group.intent.label }}</h3>
+              @if (group.intent.quantity > 1) {
+                <span class="cat-mission-group__qty">
+                  {{ messages.missionQuantity }} {{ group.intent.quantity }}
+                </span>
+              }
+            </div>
+
+            @if (group.failed) {
+              <div class="cat-status cat-status--empty" role="status">
+                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                  <circle cx="11" cy="11" r="8" />
+                  <path d="m21 21-4.3-4.3" />
+                  <path d="m13 9-4 4" />
+                  <path d="m9 9 4 4" />
+                </svg>
+                <div class="cat-status__content">
+                  <div class="cat-status__title">{{ messages.missionIntentFailed }}</div>
+                </div>
+              </div>
+            } @else if (group.products.length === 0) {
+              <div class="cat-status cat-status--empty" role="status">
+                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                  <circle cx="11" cy="11" r="8" />
+                  <path d="m21 21-4.3-4.3" />
+                  <path d="m13 9-4 4" />
+                  <path d="m9 9 4 4" />
+                </svg>
+                <div class="cat-status__content">
+                  <div class="cat-status__title">{{ messages.missionIntentEmpty }}</div>
+                </div>
+              </div>
+            } @else {
+              <div class="cat-mission-group__products">
+                @for (product of group.products; track product.id; let index = $index) {
+                  <article
+                    class="cat-result-card"
+                    [class.cat-result-card--primary]="index === 0"
+                    [class.cat-result-card--compact]="index !== 0"
+                  >
+                    <div class="cat-result-card__core">
+                      @if (productSelect.observed) {
+                        <button type="button" class="cat-result-card__select" (click)="productSelect.emit(product)">
+                          <ng-container [ngTemplateOutlet]="cardBody" [ngTemplateOutletContext]="{ $implicit: product }" />
+                        </button>
+                      } @else {
+                        <div class="cat-result-card__select">
+                          <ng-container [ngTemplateOutlet]="cardBody" [ngTemplateOutletContext]="{ $implicit: product }" />
+                        </div>
+                      }
+                      @if (enableCart) {
+                        <button
+                          type="button"
+                          class="cat-icon-btn cat-result-card__add"
+                          [class.cat-result-card__add--added]="addedProductIds[product.id]"
+                          [attr.aria-label]="addLabel(product)"
+                          [disabled]="!(product.sku || product.id) || isMutating"
+                          (click)="addItem.emit(product)"
+                        >
+                          @if (addedProductIds[product.id]) {
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                              <path d="M20 6 9 17l-5-5" />
+                            </svg>
+                          } @else {
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                              <circle cx="8" cy="21" r="1" />
+                              <circle cx="19" cy="21" r="1" />
+                              <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />
+                            </svg>
+                          }
+                        </button>
+                      }
+                    </div>
+                  </article>
+                }
+              </div>
+            }
+          </section>
+        }
+      </div>
+
+      @if (enableCart) {
+        <div class="cat-mission__footer">
+          <button
+            type="button"
+            class="cat-checkout-cta cat-mission__add-all"
+            [class.cat-mission__add-all--added]="justAddedAll"
+            [disabled]="isMutating || bundleItems.length === 0"
+            (click)="onAddAllClick()"
+          >
+            {{ justAddedAll ? messages.missionItemsAdded : addAllLabel }}
+          </button>
+        </div>
+      }
+    </div>
+
+    <ng-template #cardBody let-product>
+      @if (product.imageUrl) {
+        <img [src]="product.imageUrl" alt="" class="cat-result-image" loading="lazy" />
+      } @else {
+        <div class="cat-result-image cat-result-image--placeholder">
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+            <path d="M16.5 9.4 7.55 4.24" />
+            <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
+            <polyline points="3.29 7 12 12 20.71 7" />
+            <line x1="12" x2="12" y1="22" y2="12" />
+          </svg>
+        </div>
+      }
+      <div class="cat-result-info">
+        <div class="cat-result-name">{{ product.name }}</div>
+        @if (product.price) {
+          <div class="cat-result-price">{{ product.price.formatted }}</div>
+        }
+      </div>
+    </ng-template>
+  `
+  })
+], CommerceAiMissionResultsComponent);
+
+// src/lib/camera.util.ts
+function prefersNativeCamera() {
+  if (typeof navigator === "undefined") return false;
+  return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) || navigator.maxTouchPoints > 1 && matchMedia("(pointer: coarse)").matches;
+}
+__name(prefersNativeCamera, "prefersNativeCamera");
+function stopMediaStream(stream) {
+  stream?.getTracks().forEach((track) => track.stop());
+}
+__name(stopMediaStream, "stopMediaStream");
+function getCameraErrorMessage(error) {
+  if (error instanceof DOMException) {
+    if (error.name === "NotAllowedError" || error.name === "PermissionDeniedError") {
+      return "Camera access denied";
+    }
+    if (error.name === "NotFoundError" || error.name === "DevicesNotFoundError") {
+      return "No camera found";
+    }
+    if (error.name === "NotReadableError" || error.name === "TrackStartError") {
+      return "Camera is already in use";
+    }
+  }
+  return "Camera unavailable";
+}
+__name(getCameraErrorMessage, "getCameraErrorMessage");
+function createJpegFileFromVideo(video, fileName = "camera-capture.jpg") {
+  const width = video.videoWidth;
+  const height = video.videoHeight;
+  if (!width || !height) {
+    return Promise.reject(new Error("Camera preview is not ready"));
+  }
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const context = canvas.getContext("2d");
+  if (!context) {
+    return Promise.reject(new Error("Could not capture photo"));
+  }
+  context.drawImage(video, 0, 0, width, height);
+  return new Promise((resolve, reject) => {
+    canvas.toBlob((blob) => {
+      if (!blob) {
+        reject(new Error("Could not capture photo"));
+        return;
+      }
+      resolve(new File([
+        blob
+      ], fileName, {
+        type: "image/jpeg"
+      }));
+    }, "image/jpeg", 0.92);
+  });
+}
+__name(createJpegFileFromVideo, "createJpegFileFromVideo");
+function buildCameraConstraints(facingMode) {
+  return {
+    video: {
+      facingMode: {
+        ideal: facingMode
+      },
+      width: {
+        ideal: 1920
+      },
+      height: {
+        ideal: 1080
+      }
+    },
+    audio: false
+  };
+}
+__name(buildCameraConstraints, "buildCameraConstraints");
+
+// src/lib/commerce-ai-search.component.ts
+function _ts_decorate5(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") {
+    r = Reflect.decorate(decorators, target, key, desc);
+  } else {
+    for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) {
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      }
+    }
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate5, "_ts_decorate");
+function _ts_metadata3(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") {
+    return Reflect.metadata(metadataKey, metadataValue);
+  }
+}
+__name(_ts_metadata3, "_ts_metadata");
+var CommerceAiSearchComponent = class {
+  static {
+    __name(this, "CommerceAiSearchComponent");
+  }
+  api = inject(CommerceAiApiService);
+  cdr = inject(ChangeDetectorRef);
+  cart = inject(CommerceAiCartService);
+  apiBaseUrl = "/api/commerce-ai";
+  theme = "auto";
+  catalogLocale;
+  queryLocale;
+  /** @deprecated Use queryLocale */
+  locale;
+  placeholder = "What are you looking for?";
+  messages;
+  enableAutocomplete = false;
+  enableFacets = false;
+  /** Show microphone search controls. */
+  enableVoice = true;
+  /** Show local image upload and drag-and-drop search controls. */
+  enableImageSearch = true;
+  /** Show camera capture search controls independently of image upload. */
+  enableCameraSearch = true;
+  cameraFacingMode = "environment";
+  enableTts = true;
+  /** Enable built-in add-to-cart buttons and cart preview panel. Default false. */
+  enableCart = false;
+  /** Enable multi-item shopping missions on text, voice, and image search. Default false. */
+  enableMissions = false;
+  /** Currency for cart creation. Required when `enableCart` is true unless the server has a default. */
+  currency;
+  /** Optional ISO country code used for commercetools price selection. */
+  country;
+  productSelect = new EventEmitter3();
+  /** Fires after every cart fetch or mutation when `enableCart` is true. */
+  cartChange = new EventEmitter3();
+  /** Opens the host-owned checkout route for the current non-empty cart. */
+  checkout = new EventEmitter3();
+  cameraInputRef;
+  cameraVideoRef;
+  query = "";
+  suggestions = [];
+  activeSuggestionIndex = -1;
+  isLoadingSuggestions = false;
+  suggestionsError = null;
+  suggestionsReady = false;
+  suggestionsDismissed = false;
+  results = [];
+  mission = null;
+  hasFacetSession = false;
+  addedProductIds = {};
+  meta = null;
+  facets = [];
+  suggestedFacets = [];
+  isLoading = false;
+  hasSearched = false;
+  error = null;
+  isDragging = false;
+  isRecording = false;
+  isProcessing = false;
+  isCameraOpen = false;
+  cameraError = null;
+  lastSearchMode = null;
+  audioSummary = null;
+  mediaRecorder = null;
+  audioChunks = [];
+  cameraStream = null;
+  debounceTimer = null;
+  suggestionsTimer = null;
+  searchAbort = null;
+  suggestionsAbort = null;
+  searchRequestId = 0;
+  suggestionsRequestId = 0;
+  addedTimeouts = /* @__PURE__ */ new Map();
+  destroyed = false;
+  addMissionItems = /* @__PURE__ */ __name((items) => this.cart.addItems(items), "addMissionItems");
+  ngOnInit() {
+    this.syncCart();
+  }
+  ngOnChanges() {
+    this.syncCart();
+  }
+  ngOnDestroy() {
+    this.destroyed = true;
+    for (const timeout of this.addedTimeouts.values()) {
+      clearTimeout(timeout);
+    }
+    this.closeCamera();
+    this.searchAbort?.abort();
+    this.suggestionsAbort?.abort();
+  }
+  get resolvedMessages() {
+    return resolveCommerceAISearchMessages({
+      ...this.messages,
+      placeholder: this.messages?.placeholder ?? this.placeholder
+    });
+  }
+  get showSuggestions() {
+    return this.enableAutocomplete && !this.suggestionsDismissed && !this.showResults && this.query.trim().length >= 2 && (this.isLoadingSuggestions || this.suggestions.length > 0 || !!this.suggestionsError || this.suggestionsReady);
+  }
+  get activeSuggestionId() {
+    return this.activeSuggestionIndex >= 0 ? `cat-suggestion-${this.activeSuggestionIndex}` : null;
+  }
+  get showMission() {
+    return Boolean(this.mission);
+  }
+  get showMissionVisible() {
+    return this.showMission && !this.isLoading && !this.error;
+  }
+  get missionLaneCount() {
+    if (!this.showMissionVisible) {
+      return 0;
+    }
+    return Math.min(Math.max(this.mission?.intents.length ?? 1, 1), 5);
+  }
+  get cartQuantity() {
+    return this.cart.cart()?.totalQuantity ?? 0;
+  }
+  get cartBadgeLabel() {
+    return this.cartQuantity > 99 ? "99+" : String(this.cartQuantity);
+  }
+  get cartAriaLabel() {
+    return this.cartQuantity > 0 ? `${this.resolvedMessages.cartAriaLabel} (${this.cartBadgeLabel})` : this.resolvedMessages.cartAriaLabel;
+  }
+  get showResults() {
+    const hasQuery = this.query.trim().length > 0;
+    const showEmptyResults = !this.isLoading && !this.error && this.hasSearched && this.results.length === 0 && !this.showMission && hasQuery;
+    return hasQuery && (this.results.length > 0 || this.isLoading || !!this.error || showEmptyResults || this.showMission);
+  }
+  get showVoiceReplay() {
+    return this.enableTts && this.lastSearchMode === "voice" && !!this.audioSummary;
+  }
+  onQueryChange(value) {
+    this.activeSuggestionIndex = -1;
+    this.suggestionsDismissed = false;
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
+    if (this.suggestionsTimer) {
+      clearTimeout(this.suggestionsTimer);
+      this.suggestionsTimer = null;
+    }
+    const trimmed = value.trim();
+    if (trimmed.length === 0 || trimmed.length < 2) {
+      this.lastSearchMode = null;
+      this.clearVoiceAudio();
+      this.clearResults();
+      return;
+    }
+    this.lastSearchMode = "text";
+    this.clearVoiceAudio();
+    if (this.enableAutocomplete) {
+      this.results = [];
+      this.mission = null;
+      this.error = null;
+      this.isLoading = false;
+      this.hasSearched = false;
+      this.isLoadingSuggestions = true;
+      this.suggestionsTimer = setTimeout(() => this.fetchSuggestions(trimmed), 200);
+      return;
+    }
+    this.isLoading = true;
+    this.error = null;
+    this.results = [];
+    this.mission = null;
+    this.meta = null;
+    this.debounceTimer = setTimeout(() => this.onSubmit(), 250);
+  }
+  onSuggestionSelect(suggestion) {
+    this.activeSuggestionIndex = -1;
+    this.query = suggestion;
+    this.suggestions = [];
+    this.onSubmit();
+  }
+  onInputKeyDown(event) {
+    if (event.key === "Escape") {
+      this.activeSuggestionIndex = -1;
+      this.suggestionsDismissed = true;
+      return;
+    }
+    if (!this.showSuggestions || this.suggestions.length === 0) {
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      this.activeSuggestionIndex = this.activeSuggestionIndex < this.suggestions.length - 1 ? this.activeSuggestionIndex + 1 : 0;
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      this.activeSuggestionIndex = this.activeSuggestionIndex > 0 ? this.activeSuggestionIndex - 1 : this.suggestions.length - 1;
+      return;
+    }
+    if (event.key === "Enter" && this.activeSuggestionIndex >= 0) {
+      event.preventDefault();
+      const suggestion = this.suggestions[this.activeSuggestionIndex];
+      if (suggestion) {
+        this.onSuggestionSelect(suggestion);
+      }
+    }
+  }
+  fetchSuggestions(searchQuery) {
+    this.suggestionsAbort?.abort();
+    const controller = new AbortController();
+    this.suggestionsAbort = controller;
+    const requestId = ++this.suggestionsRequestId;
+    this.isLoadingSuggestions = true;
+    this.suggestionsError = null;
+    this.suggestionsReady = false;
+    void this.api.suggest(this.apiBaseUrl, searchQuery, this.localeFields, controller.signal).then((data) => {
+      if (requestId !== this.suggestionsRequestId) return;
+      this.suggestions = data.suggestions;
+      this.isLoadingSuggestions = false;
+      this.suggestionsReady = true;
+      this.cdr.detectChanges();
+    }).catch((err) => {
+      if (err.name === "AbortError") return;
+      if (requestId !== this.suggestionsRequestId) return;
+      this.suggestions = [];
+      this.suggestionsError = err.message || "Suggestions failed";
+      this.isLoadingSuggestions = false;
+      this.suggestionsReady = true;
+      this.cdr.detectChanges();
+    });
+  }
+  clearResults() {
+    this.searchAbort?.abort();
+    this.searchAbort = null;
+    this.suggestionsAbort?.abort();
+    this.suggestionsAbort = null;
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
+    if (this.suggestionsTimer) {
+      clearTimeout(this.suggestionsTimer);
+      this.suggestionsTimer = null;
+    }
+    this.results = [];
+    this.mission = null;
+    this.hasFacetSession = false;
+    this.meta = null;
+    this.error = null;
+    this.isLoading = false;
+    this.hasSearched = false;
+    this.suggestions = [];
+    this.isLoadingSuggestions = false;
+    this.suggestionsError = null;
+    this.suggestionsReady = false;
+    this.suggestionsDismissed = false;
+    this.activeSuggestionIndex = -1;
+  }
+  get localeFields() {
+    return {
+      catalogLocale: this.catalogLocale,
+      queryLocale: this.queryLocale,
+      locale: this.locale
+    };
+  }
+  isFacetSelected(facetId, key) {
+    return isFacetFilterSelected(this.meta?.appliedFilters ?? {}, facetId, key);
+  }
+  facetSwatch(facetId, key) {
+    return isColorLikeFacetName(facetId) ? hexColorSwatchValue(key) : void 0;
+  }
+  get hasAppliedFilters() {
+    return Object.keys(this.meta?.appliedFilters ?? {}).length > 0;
+  }
+  toggleFacet(facetId, key) {
+    if (!this.meta?.searchTerms) return;
+    const filters = toggleFacetFilter(this.meta.appliedFilters ?? {}, facetId, key);
+    this.searchWithFacets(filters);
+  }
+  clearFacetFilters() {
+    if (!this.meta?.searchTerms) return;
+    this.searchWithFacets({});
+  }
+  startNewSearch() {
+    const q = this.query.trim();
+    if (!q) return;
+    this.suggestedFacets = [];
+    this.meta = this.meta ? {
+      ...this.meta,
+      searchTerms: void 0,
+      appliedFilters: void 0
+    } : null;
+    this.lastSearchMode = "text";
+    this.clearVoiceAudio();
+    this.suggestions = [];
+    this.activeSuggestionIndex = -1;
+    this.searchAbort?.abort();
+    const controller = new AbortController();
+    this.searchAbort = controller;
+    const requestId = ++this.searchRequestId;
+    this.isLoading = true;
+    this.error = null;
+    this.results = [];
+    this.mission = null;
+    void this.api.search(this.apiBaseUrl, q, this.localeFields, controller.signal, {
+      includeFacets: this.enableFacets,
+      ...this.enableMissions ? {
+        enableMissions: true
+      } : {}
+    }).then((data) => {
+      if (requestId !== this.searchRequestId) return;
+      this.applySearchResult(data);
+      this.isLoading = false;
+      this.hasSearched = true;
+      this.cdr.detectChanges();
+    }).catch((err) => {
+      if (err.name === "AbortError") return;
+      if (requestId !== this.searchRequestId) return;
+      this.error = err.message;
+      this.results = [];
+      this.mission = null;
+      this.hasFacetSession = false;
+      this.meta = null;
+      this.isLoading = false;
+      this.hasSearched = true;
+      this.cdr.detectChanges();
+    });
+  }
+  searchWithFacets(filters, refineQuery) {
+    if (!this.meta?.searchTerms) return;
+    this.isLoading = true;
+    this.error = null;
+    const controller = new AbortController();
+    this.searchAbort?.abort();
+    this.searchAbort = controller;
+    const requestId = ++this.searchRequestId;
+    void this.api.search(this.apiBaseUrl, this.meta.queryInterpretation ?? this.query, this.localeFields, controller.signal, {
+      filters,
+      searchTerms: this.meta.searchTerms,
+      refineQuery,
+      suggestedFacets: this.suggestedFacets,
+      includeFacets: true
+    }).then((data) => {
+      if (requestId !== this.searchRequestId) return;
+      this.applySearchResult(data);
+      this.isLoading = false;
+      this.hasSearched = true;
+      this.cdr.detectChanges();
+    }).catch((error) => {
+      if (requestId !== this.searchRequestId || error.name === "AbortError") return;
+      this.error = error.message;
+      this.isLoading = false;
+      this.cdr.detectChanges();
+    });
+  }
+  onSubmit() {
+    const q = this.query.trim();
+    if (!q) return;
+    if (this.enableAutocomplete && this.activeSuggestionIndex >= 0 && this.suggestions[this.activeSuggestionIndex]) {
+      this.onSuggestionSelect(this.suggestions[this.activeSuggestionIndex]);
+      return;
+    }
+    this.lastSearchMode = "text";
+    this.clearVoiceAudio();
+    this.suggestions = [];
+    this.activeSuggestionIndex = -1;
+    this.searchAbort?.abort();
+    const controller = new AbortController();
+    this.searchAbort = controller;
+    const requestId = ++this.searchRequestId;
+    this.isLoading = true;
+    this.error = null;
+    this.results = [];
+    this.mission = null;
+    const previousMeta = this.meta;
+    this.meta = null;
+    const isRefinement = this.enableFacets && this.hasFacetSession && !(this.enableMissions && looksLikeCompoundShoppingList(q));
+    void this.api.search(this.apiBaseUrl, isRefinement ? previousMeta?.queryInterpretation ?? q : q, this.localeFields, controller.signal, isRefinement ? {
+      searchTerms: previousMeta?.searchTerms,
+      filters: previousMeta?.appliedFilters,
+      refineQuery: q,
+      suggestedFacets: this.suggestedFacets,
+      includeFacets: true
+    } : {
+      includeFacets: this.enableFacets,
+      ...this.enableMissions ? {
+        enableMissions: true
+      } : {}
+    }).then((data) => {
+      if (requestId !== this.searchRequestId) return;
+      this.applySearchResult(data);
+      this.isLoading = false;
+      this.hasSearched = true;
+    }, (err) => {
+      if (err.name === "AbortError") return;
+      if (requestId !== this.searchRequestId) return;
+      this.error = err.message;
+      this.results = [];
+      this.mission = null;
+      this.hasFacetSession = false;
+      this.meta = null;
+      this.isLoading = false;
+      this.hasSearched = true;
+    });
+  }
+  onFileSelected(event) {
+    const input = event.target;
+    const file = input.files?.[0];
+    if (file) void this.searchByImage(file);
+  }
+  onCameraFileSelected(event) {
+    const input = event.target;
+    const file = input.files?.[0];
+    input.value = "";
+    if (file) void this.searchByImage(file);
+  }
+  openCamera() {
+    this.cameraError = null;
+    if (prefersNativeCamera()) {
+      this.cameraInputRef?.nativeElement.click();
+      return;
+    }
+    void this.openCameraOverlay();
+  }
+  async openCameraOverlay() {
+    this.cameraError = null;
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia(buildCameraConstraints(this.cameraFacingMode));
+      this.cameraStream = stream;
+      this.isCameraOpen = true;
+      this.cdr.detectChanges();
+      const video = this.cameraVideoRef?.nativeElement;
+      if (video) {
+        video.srcObject = stream;
+        await video.play();
+      }
+    } catch (err) {
+      this.cameraError = getCameraErrorMessage(err);
+      this.closeCamera();
+    }
+  }
+  async capturePhoto() {
+    const video = this.cameraVideoRef?.nativeElement;
+    if (!video) return;
+    try {
+      const file = await createJpegFileFromVideo(video);
+      this.closeCamera();
+      void this.searchByImage(file);
+    } catch (err) {
+      this.closeCamera();
+      this.error = err instanceof Error ? err.message : this.resolvedMessages.couldNotCapturePhoto;
+    }
+  }
+  closeCamera() {
+    stopMediaStream(this.cameraStream);
+    this.cameraStream = null;
+    this.isCameraOpen = false;
+    const video = this.cameraVideoRef?.nativeElement;
+    if (video) {
+      video.srcObject = null;
+    }
+  }
+  clearCameraError() {
+    this.cameraError = null;
+  }
+  onDragOver(event) {
+    if (!this.enableImageSearch) {
+      return;
+    }
+    event.preventDefault();
+    this.isDragging = true;
+  }
+  onDrop(event) {
+    event.preventDefault();
+    this.isDragging = false;
+    if (!this.enableImageSearch) {
+      return;
+    }
+    const file = event.dataTransfer?.files[0];
+    if (file) void this.searchByImage(file);
+  }
+  searchByImage(file) {
+    if (!file.type.startsWith("image/")) return;
+    this.lastSearchMode = "image";
+    this.clearVoiceAudio();
+    this.searchAbort?.abort();
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
+    this.isLoading = true;
+    this.error = null;
+    this.results = [];
+    this.mission = null;
+    this.meta = null;
+    void this.api.searchByImage(this.apiBaseUrl, file, this.localeFields, this.enableMissions).then((data) => {
+      this.applySearchResult(data);
+      if (data.interpretation) this.query = data.interpretation;
+      this.isLoading = false;
+      this.hasSearched = true;
+    }, (err) => {
+      this.error = err.message;
+      this.isLoading = false;
+      this.hasSearched = true;
+    });
+  }
+  async toggleRecording() {
+    if (this.isRecording) {
+      this.mediaRecorder?.stop();
+      this.isRecording = false;
+      return;
+    }
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({
+        audio: true
+      });
+      this.mediaRecorder = new MediaRecorder(stream);
+      this.audioChunks = [];
+      this.mediaRecorder.ondataavailable = (e) => {
+        if (e.data.size > 0) this.audioChunks.push(e.data);
+      };
+      this.mediaRecorder.onstop = () => {
+        stream.getTracks().forEach((t) => t.stop());
+        const blob = new Blob(this.audioChunks, {
+          type: "audio/webm"
+        });
+        this.isProcessing = true;
+        this.clearVoiceAudio();
+        void this.api.searchByVoice(this.apiBaseUrl, blob, this.localeFields, this.enableTts, this.enableMissions).then(async (data) => {
+          this.lastSearchMode = "voice";
+          this.query = data.transcript;
+          this.applySearchResult({
+            products: data.products,
+            meta: data.meta,
+            mission: data.mission
+          });
+          this.error = null;
+          this.hasSearched = true;
+          if (data.audioSummary) {
+            this.audioSummary = data.audioSummary;
+            const audio = new Audio(`data:audio/mpeg;base64,${data.audioSummary}`);
+            void audio.play();
+          } else if (this.enableTts && data.ttsText && data.ttsPending) {
+            try {
+              const blob2 = await this.api.synthesizeSpeech(this.apiBaseUrl, data.ttsText);
+              const buffer = await blob2.arrayBuffer();
+              const bytes = new Uint8Array(buffer);
+              let binary = "";
+              for (let i = 0; i < bytes.length; i++) {
+                binary += String.fromCharCode(bytes[i]);
+              }
+              this.audioSummary = btoa(binary);
+              const audio = new Audio(`data:audio/mpeg;base64,${this.audioSummary}`);
+              void audio.play();
+            } catch {
+              this.audioSummary = null;
+            }
+          }
+        }).catch((err) => {
+          this.error = err.message;
+        }).finally(() => {
+          this.isProcessing = false;
+        });
+      };
+      this.mediaRecorder.start();
+      this.isRecording = true;
+    } catch {
+      this.error = "Microphone access denied";
+    }
+  }
+  replayVoiceSummary() {
+    if (!this.audioSummary) return;
+    const audio = new Audio(`data:audio/mpeg;base64,${this.audioSummary}`);
+    void audio.play();
+  }
+  addToCartLabel(product) {
+    if (this.addedProductIds[product.id]) {
+      return this.resolvedMessages.itemAdded;
+    }
+    return product.sku || product.id ? this.resolvedMessages.addToCart : this.resolvedMessages.unableToAddToCart;
+  }
+  onAddItem(product) {
+    void this.handleAddToCart(product);
+  }
+  onCartRemove(lineItemId) {
+    void this.cart.removeFromCart(lineItemId);
+  }
+  onCartQuantityChange(event) {
+    void this.cart.updateQuantity(event.lineItemId, event.quantity);
+  }
+  onCartLogin(input) {
+    void this.cart.login(input);
+  }
+  onCartLogout() {
+    void this.cart.logout();
+  }
+  applySearchResult(data) {
+    this.results = data.products;
+    this.mission = data.mission ?? null;
+    this.meta = data.meta;
+    this.facets = data.facets ?? [];
+    this.suggestedFacets = data.suggestedFacets ?? [];
+    this.hasFacetSession = !data.mission && this.enableFacets && Boolean(data.meta.searchTerms);
+  }
+  syncCart() {
+    this.cart.configure({
+      apiBaseUrl: this.apiBaseUrl,
+      currency: this.currency,
+      country: this.country,
+      catalogLocale: this.catalogLocale,
+      enabled: this.enableCart,
+      onCartChange: /* @__PURE__ */ __name((snapshot) => this.cartChange.emit(snapshot), "onCartChange")
+    });
+  }
+  async handleAddToCart(product) {
+    if (!product.sku && !product.id) {
+      return;
+    }
+    const next = await this.cart.addToCart(toCartItem(product, 1));
+    if (!next || this.destroyed) {
+      return;
+    }
+    this.addedProductIds = {
+      ...this.addedProductIds,
+      [product.id]: true
+    };
+    const existing = this.addedTimeouts.get(product.id);
+    if (existing) {
+      clearTimeout(existing);
+    }
+    this.addedTimeouts.set(product.id, setTimeout(() => {
+      if (this.destroyed) {
+        return;
+      }
+      const { [product.id]: _removed, ...rest } = this.addedProductIds;
+      this.addedProductIds = rest;
+      this.addedTimeouts.delete(product.id);
+      this.cdr.detectChanges();
+    }, 1200));
+    this.cdr.detectChanges();
+  }
+  clearVoiceAudio() {
+    this.audioSummary = null;
+  }
+};
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "apiBaseUrl", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", typeof ThemeMode === "undefined" ? Object : ThemeMode)
+], CommerceAiSearchComponent.prototype, "theme", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", String)
+], CommerceAiSearchComponent.prototype, "catalogLocale", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", String)
+], CommerceAiSearchComponent.prototype, "queryLocale", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", String)
+], CommerceAiSearchComponent.prototype, "locale", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "placeholder", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", typeof Partial === "undefined" ? Object : Partial)
+], CommerceAiSearchComponent.prototype, "messages", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableAutocomplete", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableFacets", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableVoice", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableImageSearch", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableCameraSearch", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", typeof CameraFacingMode === "undefined" ? Object : CameraFacingMode)
+], CommerceAiSearchComponent.prototype, "cameraFacingMode", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableTts", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableCart", void 0);
+_ts_decorate5([
+  Input3()
+], CommerceAiSearchComponent.prototype, "enableMissions", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", String)
+], CommerceAiSearchComponent.prototype, "currency", void 0);
+_ts_decorate5([
+  Input3(),
+  _ts_metadata3("design:type", String)
+], CommerceAiSearchComponent.prototype, "country", void 0);
+_ts_decorate5([
+  Output3()
+], CommerceAiSearchComponent.prototype, "productSelect", void 0);
+_ts_decorate5([
+  Output3()
+], CommerceAiSearchComponent.prototype, "cartChange", void 0);
+_ts_decorate5([
+  Output3()
+], CommerceAiSearchComponent.prototype, "checkout", void 0);
+_ts_decorate5([
+  ViewChild("cameraInput"),
+  _ts_metadata3("design:type", typeof ElementRef === "undefined" ? Object : ElementRef)
+], CommerceAiSearchComponent.prototype, "cameraInputRef", void 0);
+_ts_decorate5([
+  ViewChild("cameraVideo"),
+  _ts_metadata3("design:type", typeof ElementRef === "undefined" ? Object : ElementRef)
+], CommerceAiSearchComponent.prototype, "cameraVideoRef", void 0);
+CommerceAiSearchComponent = _ts_decorate5([
+  Component3({
+    selector: "commerce-ai-search",
+    standalone: true,
+    imports: [
+      FormsModule2,
+      CommerceAiMissionResultsComponent,
+      CommerceAiCartPanelComponent
+    ],
+    providers: [
+      CommerceAiCartService
+    ],
+    template: `
+    <div
+      class="cat-root cat-wrapper"
+      [class.cat-root--mission]="showMissionVisible"
+      [class.cat-root--mission-lanes-1]="missionLaneCount === 1"
+      [class.cat-root--mission-lanes-2]="missionLaneCount === 2"
+      [class.cat-root--mission-lanes-3]="missionLaneCount === 3"
+      [class.cat-root--mission-lanes-4]="missionLaneCount === 4"
+      [class.cat-root--mission-lanes-5]="missionLaneCount >= 5"
+      [attr.data-theme]="theme"
+      role="search"
+      [attr.aria-label]="resolvedMessages.productSearchAriaLabel"
+      (dragover)="onDragOver($event)"
+      (dragleave)="isDragging = false"
+      (drop)="onDrop($event)"
+    >
+      @if (isDragging && enableImageSearch) {
+        <div class="cat-drag-overlay" aria-hidden="true">{{ resolvedMessages.dropImageToSearch }}</div>
+      }
+
+      <form class="cat-search-bar" (ngSubmit)="onSubmit()">
+        <svg
+          width="18"
+          height="18"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          aria-hidden="true"
+        >
+          <circle cx="11" cy="11" r="8" />
+          <path d="m21 21-4.3-4.3" />
+        </svg>
+
+        <div class="cat-search-input-wrap">
+          <input
+            type="search"
+            class="cat-search-input"
+            [(ngModel)]="query"
+            name="query"
+            [placeholder]="resolvedMessages.placeholder"
+            [attr.aria-label]="resolvedMessages.searchAriaLabel"
+            [attr.role]="enableAutocomplete ? 'combobox' : null"
+            [attr.aria-haspopup]="enableAutocomplete ? 'listbox' : null"
+            [attr.aria-autocomplete]="enableAutocomplete ? 'list' : null"
+            [attr.aria-expanded]="showSuggestions"
+            [attr.aria-controls]="showSuggestions ? 'cat-suggestions-listbox' : null"
+            [attr.aria-activedescendant]="activeSuggestionId"
+            autocomplete="off"
+            (ngModelChange)="onQueryChange($event)"
+            (keydown)="onInputKeyDown($event)"
+          />
+        </div>
+
+        @if (enableVoice) {
+          <button
+            type="button"
+            class="cat-icon-btn"
+            [class.cat-icon-btn--active]="isRecording"
+            [disabled]="isProcessing"
+            [attr.aria-label]="isRecording ? resolvedMessages.stopRecording : resolvedMessages.voiceSearch"
+            [attr.aria-pressed]="isRecording"
+            (click)="toggleRecording()"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+              <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+              <line x1="12" x2="12" y1="19" y2="22" />
+            </svg>
+          </button>
+        }
+
+        @if (enableCameraSearch) {
+          <button
+            type="button"
+            class="cat-icon-btn"
+            [disabled]="isLoading"
+            aria-label="{{ resolvedMessages.searchByCamera }}"
+            (click)="openCamera()"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" />
+              <circle cx="12" cy="13" r="3" />
+            </svg>
+          </button>
+          <input
+            #cameraInput
+            type="file"
+            accept="image/*"
+            [attr.capture]="cameraFacingMode"
+            class="cat-hidden-input"
+            (change)="onCameraFileSelected($event)"
+          />
+        }
+
+        @if (enableImageSearch) {
+          <button
+            type="button"
+            class="cat-icon-btn"
+            [disabled]="isLoading"
+            aria-label="{{ resolvedMessages.searchByImage }}"
+            (click)="fileInput.click()"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+              <circle cx="9" cy="9" r="2" />
+              <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
+            </svg>
+          </button>
+          <input
+            #fileInput
+            type="file"
+            accept="image/*"
+            class="cat-hidden-input"
+            (change)="onFileSelected($event)"
+          />
+        }
+
+        @if (showVoiceReplay) {
+          <button
+            type="button"
+            class="cat-icon-btn"
+            aria-label="{{ resolvedMessages.replayVoiceSummary }}"
+            (click)="replayVoiceSummary()"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+              <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+            </svg>
+          </button>
+        }
+
+        @if (enableCart) {
+          <button
+            type="button"
+            class="cat-icon-btn cat-cart-toggle"
+            [class.cat-cart-toggle--open]="cart.isCartOpen()"
+            [attr.aria-label]="cartAriaLabel"
+            [attr.aria-expanded]="cart.isCartOpen()"
+            [attr.aria-pressed]="cart.isCartOpen()"
+            (click)="cart.toggleCart()"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+              <circle cx="8" cy="21" r="1" />
+              <circle cx="19" cy="21" r="1" />
+              <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />
+            </svg>
+            @if (cartQuantity > 0) {
+              <span class="cat-cart-badge" aria-hidden="true">{{ cartBadgeLabel }}</span>
+            }
+          </button>
+        }
+
+        @if (showSuggestions) {
+          <div
+            id="cat-suggestions-listbox"
+            class="cat-suggestions"
+            role="listbox"
+            [attr.aria-label]="resolvedMessages.suggestionsAriaLabel"
+          >
+            @if (isLoadingSuggestions && suggestions.length === 0 && !suggestionsError) {
+              <div class="cat-suggestions__status">{{ resolvedMessages.loadingSuggestions }}</div>
+            }
+
+            @if (suggestionsError) {
+              <div class="cat-suggestions__status cat-suggestions__status--error" role="alert">
+                {{ suggestionsError }}
+              </div>
+            }
+
+            @if (
+              !isLoadingSuggestions &&
+              !suggestionsError &&
+              suggestionsReady &&
+              suggestions.length === 0
+            ) {
+              <div class="cat-suggestions__status">{{ resolvedMessages.noSuggestions }}</div>
+            }
+
+            @for (suggestion of suggestions; track $index; let index = $index) {
+              <button
+                type="button"
+                class="cat-suggestions__item"
+                [class.cat-suggestions__item--active]="index === activeSuggestionIndex"
+                role="option"
+                [attr.id]="'cat-suggestion-' + index"
+                [attr.aria-selected]="index === activeSuggestionIndex"
+                (mousedown)="$event.preventDefault()"
+                (click)="onSuggestionSelect(suggestion)"
+              >
+                {{ suggestion }}
+              </button>
+            }
+          </div>
+        }
+      </form>
+
+      @if (enableCameraSearch && (isCameraOpen || cameraError)) {
+        <div class="cat-camera-overlay" role="dialog" [attr.aria-label]="resolvedMessages.cameraCapture">
+          <div class="cat-camera-overlay__panel">
+            @if (cameraError) {
+              <div class="cat-camera-overlay__error" role="alert">
+                <p>{{ cameraError }}</p>
+                <button type="button" class="cat-camera-overlay__btn" (click)="clearCameraError()">
+                  {{ resolvedMessages.dismiss }}
+                </button>
+              </div>
+            } @else {
+              <video
+                #cameraVideo
+                class="cat-camera-preview"
+                autoplay
+                playsinline
+                muted
+                [attr.aria-label]="resolvedMessages.cameraPreview"
+              ></video>
+              <div class="cat-camera-actions">
+                <button
+                  type="button"
+                  class="cat-camera-overlay__btn cat-camera-overlay__btn--secondary"
+                  [attr.aria-label]="resolvedMessages.cancel"
+                  (click)="closeCamera()"
+                >
+                  {{ resolvedMessages.cancel }}
+                </button>
+                <button
+                  type="button"
+                  class="cat-camera-overlay__btn cat-camera-overlay__btn--primary"
+                  [attr.aria-label]="resolvedMessages.capturePhoto"
+                  (click)="capturePhoto()"
+                >
+                  {{ resolvedMessages.capturePhoto }}
+                </button>
+              </div>
+            }
+          </div>
+        </div>
+      }
+
+      @if (enableCart && cart.isCartOpen()) {
+        <commerce-ai-cart-panel
+          [cart]="cart.cart()"
+          [customer]="cart.customer()"
+          [isLoading]="cart.isLoading() || cart.isMutating()"
+          [isLoggingIn]="cart.isLoggingIn()"
+          [error]="cart.error()"
+          [messages]="resolvedMessages"
+          [catalogLocale]="catalogLocale"
+          [showCheckout]="checkout.observed"
+          (close)="cart.closeCart()"
+          (remove)="onCartRemove($event)"
+          (quantityChange)="onCartQuantityChange($event)"
+          (login)="onCartLogin($event)"
+          (logout)="onCartLogout()"
+          (checkout)="checkout.emit($event)"
+        />
+      }
+
+      @if (enableFacets && lastSearchMode === "text" && hasSearched && facets.length && !showMission) {
+        <section class="cat-facets" [attr.aria-label]="resolvedMessages.filtersAriaLabel">
+          <div class="cat-facets__header">
+            <span>{{ resolvedMessages.narrowResults }}</span>
+            <div class="cat-facets__actions">
+              @if (hasAppliedFilters) {
+                <button type="button" class="cat-facets__clear" (click)="clearFacetFilters()">
+                  {{ resolvedMessages.clearFilters }}
+                </button>
+              }
+              <button type="button" class="cat-facets__clear" (click)="startNewSearch()">
+                {{ resolvedMessages.newSearch }}
+              </button>
+            </div>
+          </div>
+          @for (facet of facets; track facet.id) {
+            <div class="cat-facet-group" role="group" [attr.aria-label]="facet.label">
+              <span class="cat-facet-group__label">{{ facet.label }}</span>
+              <div class="cat-facet-group__options">
+                @for (bucket of facet.buckets; track bucket.key) {
+                  <button
+                    type="button"
+                    class="cat-facet-chip"
+                    [class.cat-facet-chip--selected]="isFacetSelected(facet.id, bucket.key)"
+                    [attr.aria-pressed]="isFacetSelected(facet.id, bucket.key)"
+                    (click)="toggleFacet(facet.id, bucket.key)"
+                  >
+                    @if (facetSwatch(facet.id, bucket.key); as swatch) {
+                      <span class="cat-facet-chip__swatch" [style.background-color]="swatch" aria-hidden="true"></span>
+                    }
+                    {{ bucket.label }} <span aria-hidden="true">{{ bucket.count }}</span>
+                  </button>
+                }
+              </div>
+            </div>
+          }
+        </section>
+      }
+
+      @if (showResults && isLoading) {
+        <div class="cat-status">{{ resolvedMessages.searching }}</div>
+      }
+      @if (showResults && error) {
+        <div class="cat-status cat-status--error">{{ error }}</div>
+      }
+
+      @if (!isLoading && !error && showResults && showMission && mission) {
+        <commerce-ai-mission-results
+          [mission]="mission"
+          [messages]="resolvedMessages"
+          [enableCart]="enableCart"
+          [isMutating]="cart.isMutating()"
+          [addedProductIds]="addedProductIds"
+          [addAllHandler]="addMissionItems"
+          (productSelect)="productSelect.emit($event)"
+          (addItem)="onAddItem($event)"
+        />
+      }
+
+      @if (showResults && !showMission && !isLoading && !error) {
+        <div
+          class="cat-results"
+          [attr.role]="results.length > 0 ? 'list' : null"
+          [attr.aria-label]="results.length > 0 ? resolvedMessages.searchResultsAriaLabel : null"
+        >
+          @for (product of results; track product.id; let index = $index) {
+            <article
+              class="cat-result-card"
+              role="listitem"
+              [class.cat-result-card--featured]="index === 0"
+            >
+              <div class="cat-result-card__core">
+                <button type="button" class="cat-result-card__select" (click)="productSelect.emit(product)">
+                  @if (product.imageUrl) {
+                    <img [src]="product.imageUrl" alt="" class="cat-result-image" loading="lazy" />
+                  } @else {
+                    <div class="cat-result-image cat-result-image--placeholder">\u{1F4E6}</div>
+                  }
+                  <div class="cat-result-info">
+                    <div class="cat-result-name">{{ product.name }}</div>
+                    @if (product.price) {
+                      <div class="cat-result-price">{{ product.price.formatted }}</div>
+                    }
+                  </div>
+                </button>
+                @if (enableCart) {
+                  <button
+                    type="button"
+                    class="cat-icon-btn cat-result-card__add"
+                    [class.cat-result-card__add--added]="addedProductIds[product.id]"
+                    [attr.aria-label]="addToCartLabel(product)"
+                    [disabled]="!(product.sku || product.id) || cart.isMutating()"
+                    (click)="onAddItem(product)"
+                  >
+                    @if (addedProductIds[product.id]) {
+                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                        <path d="M20 6 9 17l-5-5" />
+                      </svg>
+                    } @else {
+                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                        <circle cx="8" cy="21" r="1" />
+                        <circle cx="19" cy="21" r="1" />
+                        <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />
+                      </svg>
+                    }
+                  </button>
+                }
+              </div>
+            </article>
+          }
+
+          @if (results.length === 0 && hasSearched && query.trim()) {
+            <div class="cat-status cat-status--empty" role="status" aria-live="polite">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+                <circle cx="11" cy="11" r="8" />
+                <path d="m21 21-4.3-4.3" />
+                <path d="m13 9-4 4" />
+                <path d="m9 9 4 4" />
+              </svg>
+              <div class="cat-status__content">
+                <div class="cat-status__title">{{ resolvedMessages.noProductsFound }}</div>
+                @if (meta?.queryInterpretation) {
+                  <div class="cat-status__hint">
+                    {{ resolvedMessages.searchedFor }} {{ meta?.queryInterpretation }}
+                  </div>
+                }
+              </div>
+            </div>
+          }
+        </div>
+      }
+    </div>
+  `,
+    encapsulation: ViewEncapsulation.None
+  })
+], CommerceAiSearchComponent);
+export {
+  CommerceAiApiService,
+  CommerceAiCartPanelComponent,
+  CommerceAiCartService,
+  CommerceAiMissionResultsComponent,
+  CommerceAiSearchComponent,
+  DEFAULT_COMMERCE_AI_SEARCH_MESSAGES,
+  resolveCommerceAISearchMessages
+};
+//# sourceMappingURL=index.js.map