@burdenoff/website-sdk 2026.824.2 → 2026.828.1

package/dist/components/explore.mjs

@@ -0,0 +1,2193 @@
+import * as React from 'react';
+import { createContext, useMemo, useState, useRef, useEffect, useCallback, useContext } from 'react';
+import { Sparkles, RotateCcw, Square, ArrowUp, BookOpenText, Layers, Link2, TriangleAlert, ExternalLink } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
+import rehypeSanitize from 'rehype-sanitize';
+import remarkGfm from 'remark-gfm';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Helmet } from 'react-helmet-async';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var defaultComponents = {
+  a: ({ href, children, ...props }) => {
+    const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        ...props,
+        ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
+        children
+      }
+    );
+  }
+};
+function Markdown({
+  children,
+  className,
+  inline,
+  components
+}) {
+  const content = /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins: [remarkGfm],
+      rehypePlugins: [rehypeSanitize],
+      components: { ...defaultComponents, ...components },
+      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
+      children
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsx("span", { className, children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: content });
+}
+var PROSE_CSS = `
+.boff-prose {
+  max-width: none;
+}
+
+.boff-prose h1 {
+  font-size: 2.25rem;
+  font-weight: 800;
+  line-height: 1.2;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.3;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.5;
+  margin-top: 1.25rem;
+  margin-bottom: 0.5rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose p {
+  margin-bottom: 1rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose ul,
+.boff-prose ol {
+  margin-bottom: 1rem;
+  padding-left: 1.5rem;
+}
+
+.boff-prose ul {
+  list-style-type: disc;
+}
+
+.boff-prose ol {
+  list-style-type: decimal;
+}
+
+.boff-prose li {
+  margin-bottom: 0.25rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose li > ul,
+.boff-prose li > ol {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.boff-prose a {
+  color: hsl(var(--primary));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.boff-prose a:hover {
+  opacity: 0.8;
+}
+
+.boff-prose hr {
+  border: none;
+  height: 1px;
+  background-color: hsl(var(--border));
+  margin: 2rem 0;
+}
+
+.boff-prose blockquote {
+  border-left: 4px solid hsl(var(--border));
+  padding-left: 1rem;
+  margin: 1.5rem 0;
+  font-style: italic;
+  color: hsl(var(--muted-foreground));
+}
+
+.boff-prose strong {
+  font-weight: 700;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose code {
+  background-color: hsl(var(--muted));
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.boff-prose pre {
+  background-color: hsl(var(--muted));
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+  margin-bottom: 1rem;
+}
+
+.boff-prose pre code {
+  background-color: transparent;
+  padding: 0;
+}
+
+.boff-prose img {
+  max-width: 100%;
+  height: auto;
+}
+
+.boff-prose table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1rem;
+}
+
+.boff-prose th,
+.boff-prose td {
+  border: 1px solid hsl(var(--border));
+  padding: 0.5rem;
+  text-align: left;
+}
+
+.boff-prose th {
+  font-weight: 600;
+  background-color: hsl(var(--muted));
+}
+
+/* Smaller variant used inside cards and compact panels */
+.boff-prose-sm {
+  font-size: 0.875rem;
+}
+
+.boff-prose-sm h1 {
+  font-size: 1.75rem;
+}
+
+.boff-prose-sm h2 {
+  font-size: 1.5rem;
+}
+
+.boff-prose-sm h3 {
+  font-size: 1.25rem;
+}
+
+.boff-prose-sm h4 {
+  font-size: 1.125rem;
+}
+
+.boff-prose-sm p,
+.boff-prose-sm li {
+  line-height: 1.625;
+}
+`;
+function ProseStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_CSS } });
+}
+
+// src/client/security.ts
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var RESERVED_HEADERS = /* @__PURE__ */ new Set([
+  "authorization",
+  "cookie",
+  "x-actor-id",
+  "x-actor-type",
+  "x-consent-granted-by",
+  "x-consent-scope",
+  "x-consent-granted-at",
+  "x-consent-expires-at"
+]);
+function validateGatewayUrl(value) {
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    throw new Error("Gateway URL must be a valid absolute URL");
+  }
+  if (url.protocol === "https:") {
+    return url.toString();
+  }
+  if (url.protocol === "http:" && LOOPBACK_HOSTS.has(url.hostname.toLowerCase())) {
+    return url.toString();
+  }
+  throw new Error("Gateway URL must use HTTPS unless it targets localhost");
+}
+function sanitizeHeaders(headers) {
+  if (!headers) return void 0;
+  return Object.fromEntries(
+    Object.entries(headers).filter(
+      ([key]) => !RESERVED_HEADERS.has(key.toLowerCase())
+    )
+  );
+}
+
+// src/client/graphql-client.ts
+var _WebSDKClient = class _WebSDKClient {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "queryCache", /* @__PURE__ */ new Map());
+    __publicField(this, "inflight", /* @__PURE__ */ new Map());
+    this.config = {
+      ...config,
+      gatewayUrl: validateGatewayUrl(config.gatewayUrl),
+      headers: sanitizeHeaders(config.headers)
+    };
+  }
+  getConfig() {
+    return this.config;
+  }
+  /**
+   * Execute a GraphQL query (with deduplication and caching).
+   *
+   * Pass `{ cache: false }` to bypass the cache entirely — required for poll
+   * loops, where every tick must reach the network.
+   */
+  async query(query, variables, options) {
+    if (options?.cache === false) {
+      return this.request(query, variables, true, options.timeoutMs);
+    }
+    const cacheKey = JSON.stringify({ query, variables });
+    const cached = this.queryCache.get(cacheKey);
+    if (cached) {
+      if (Date.now() - cached.ts < _WebSDKClient.CACHE_TTL) {
+        return cached.data;
+      }
+      this.queryCache.delete(cacheKey);
+    }
+    const existing = this.inflight.get(cacheKey);
+    if (existing) {
+      return existing;
+    }
+    const promise = this.request(query, variables, true, options?.timeoutMs).then((result) => {
+      if (result.data && !result.errors?.length) {
+        if (this.queryCache.size >= _WebSDKClient.MAX_CACHE_ENTRIES) {
+          const oldestEntry = this.queryCache.keys().next().value;
+          if (oldestEntry) {
+            this.queryCache.delete(oldestEntry);
+          }
+        }
+        this.queryCache.set(cacheKey, { data: result, ts: Date.now() });
+      }
+      return result;
+    }).finally(() => {
+      this.inflight.delete(cacheKey);
+    });
+    this.inflight.set(cacheKey, promise);
+    return promise;
+  }
+  /**
+   * Execute a GraphQL mutation
+   */
+  async mutate(mutation, variables, options) {
+    return this.request(mutation, variables, false, options?.timeoutMs);
+  }
+  /** HTTP statuses worth another attempt — transient server/edge conditions. */
+  static isRetriableStatus(status) {
+    return status === 429 || status === 408 || status >= 500 && status < 600;
+  }
+  static sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
+  /**
+   * Perform the HTTP call with a hard timeout. Every outcome resolves to a
+   * GraphQLResponse — callers never hang, so a UI's `loading` state always
+   * settles into data or a renderable error.
+   */
+  async attempt(query, variables, timeoutMs) {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(this.config.gatewayUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-product-id": this.config.productId,
+          ...this.config.headers
+        },
+        body: JSON.stringify({ query, variables }),
+        signal: controller.signal
+      });
+      if (!response.ok) {
+        console.error(
+          "[WebSDK] GraphQL request failed",
+          response.status,
+          response.statusText
+        );
+        return {
+          res: {
+            errors: [
+              {
+                message: `HTTP ${response.status}: ${response.statusText}`,
+                extensions: { code: `HTTP_${response.status}` }
+              }
+            ]
+          },
+          retriable: _WebSDKClient.isRetriableStatus(response.status)
+        };
+      }
+      return {
+        res: await response.json(),
+        retriable: false
+      };
+    } catch (error) {
+      const aborted = error instanceof Error && (error.name === "AbortError" || controller.signal.aborted);
+      const message = aborted ? `Request timed out after ${timeoutMs}ms` : error instanceof Error ? error.message : "Network error";
+      console.error("[WebSDK] Network error", message);
+      return {
+        res: {
+          errors: [
+            {
+              message,
+              extensions: { code: aborted ? "TIMEOUT" : "NETWORK_ERROR" }
+            }
+          ]
+        },
+        // Transport-level failures are worth one more try; a genuine outage
+        // just fails twice quickly and still renders an error state.
+        retriable: true
+      };
+    } finally {
+      clearTimeout(timer);
+    }
+  }
+  async request(query, variables, retry = true, timeoutOverrideMs) {
+    const timeoutMs = timeoutOverrideMs ?? this.config.timeoutMs ?? _WebSDKClient.DEFAULT_TIMEOUT_MS;
+    const maxRetries = retry ? this.config.maxRetries ?? _WebSDKClient.DEFAULT_MAX_RETRIES : 0;
+    let last;
+    for (let i = 0; i <= maxRetries; i++) {
+      const { res, retriable } = await this.attempt(
+        query,
+        variables,
+        timeoutMs
+      );
+      if (!retriable || i === maxRetries) return res;
+      last = res;
+      await _WebSDKClient.sleep(
+        _WebSDKClient.RETRY_BASE_DELAY_MS * (i + 1) + Math.random() * 200
+      );
+    }
+    return last;
+  }
+};
+__publicField(_WebSDKClient, "CACHE_TTL", 5 * 60 * 1e3);
+// 5 minutes
+__publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
+__publicField(_WebSDKClient, "DEFAULT_TIMEOUT_MS", 12e3);
+__publicField(_WebSDKClient, "DEFAULT_MAX_RETRIES", 1);
+__publicField(_WebSDKClient, "RETRY_BASE_DELAY_MS", 400);
+var WebSDKContext = createContext(null);
+function useWebSDK() {
+  const client = useContext(WebSDKContext);
+  if (!client) {
+    throw new Error("useWebSDK must be used within a WebSDKProvider");
+  }
+  return client;
+}
+
+// src/components/explore-types.ts
+var EXPLORE_MESSAGE_FIELDS = (
+  /* GraphQL */
+  `
+  id
+  conversationId
+  role
+  status
+  content
+  partialContent
+  activity
+  references {
+    url
+    title
+    description
+    product
+    imageUrl
+  }
+  ctas {
+    kind
+    label
+    url
+    product
+  }
+  errorCode
+  createdAt
+  completedAt
+`
+);
+var EXPLORE_CATALOG_QUERY = (
+  /* GraphQL */
+  `
+  query ExploreCatalog($productSlug: String) {
+    exploreCatalog(productSlug: $productSlug) {
+      enabled
+      products {
+        slug
+        name
+        tagline
+        website
+      }
+      examplePrompts
+      welcomeTitle
+      welcomeBody
+      limits {
+        maxMessageLength
+        maxTurnsPerConversation
+        messagesPerDay
+        historyTurns
+      }
+      captchaRequired
+      recaptchaSiteKey
+    }
+  }
+`
+);
+var EXPLORE_MESSAGE_QUERY = (
+  /* GraphQL */
+  `
+  query ExploreMessage($conversationToken: String!, $id: ID!) {
+    exploreMessage(conversationToken: $conversationToken, id: $id) {
+      ${EXPLORE_MESSAGE_FIELDS}
+    }
+  }
+`
+);
+var SEND_EXPLORE_MESSAGE_MUTATION = (
+  /* GraphQL */
+  `
+  mutation SendExploreMessage($input: SendExploreMessageInput!) {
+    sendExploreMessage(input: $input) {
+      conversation {
+        id
+        token
+        productSlug
+        turnCount
+        createdAt
+      }
+      userMessage {
+        ${EXPLORE_MESSAGE_FIELDS}
+      }
+      assistantMessage {
+        ${EXPLORE_MESSAGE_FIELDS}
+      }
+      remainingToday
+    }
+  }
+`
+);
+
+// src/data/products.ts
+var ECOSYSTEM_PRODUCTS = [
+  {
+    slug: "workspaces",
+    name: "Workspaces",
+    websiteUrl: "https://burdenoff.com"
+  },
+  {
+    slug: "vibecontrols",
+    name: "VibeControls",
+    websiteUrl: "https://vibecontrols.com"
+  },
+  {
+    slug: "fluidgrids",
+    name: "FluidGrids",
+    websiteUrl: "https://fluidgrids.com"
+  },
+  // Botlit ships on botlit.ai — botlit.com does not resolve.
+  { slug: "botlit", name: "Botlit", websiteUrl: "https://www.botlit.ai" },
+  {
+    slug: "bigconsole",
+    name: "BigConsole",
+    websiteUrl: "https://bigconsole.com"
+  },
+  {
+    slug: "semanticfed",
+    name: "SemanticFed",
+    websiteUrl: "https://semanticfed.com"
+  },
+  {
+    slug: "intelwatchtower",
+    name: "IntelWatchtower",
+    websiteUrl: "https://intelwatchtower.com"
+  },
+  { slug: "buildmyiq", name: "BuildMyIQ", websiteUrl: "https://buildmyiq.com" },
+  {
+    slug: "assethandler",
+    name: "AssetHandler",
+    websiteUrl: "https://assethandler.com"
+  },
+  {
+    slug: "crewfoundry",
+    name: "CrewFoundry",
+    websiteUrl: "https://crewfoundry.com"
+  },
+  {
+    slug: "planmagnet",
+    name: "PlanMagnet",
+    websiteUrl: "https://planmagnet.com"
+  },
+  {
+    slug: "eventfullymanaged",
+    name: "EventfullyManaged",
+    websiteUrl: "https://eventfullymanaged.com"
+  },
+  {
+    slug: "headshotmarketing",
+    name: "HeadshotMarketing",
+    websiteUrl: "https://headshotmarketing.com"
+  },
+  {
+    slug: "technospam",
+    name: "TechnoSpam",
+    websiteUrl: "https://technospam.com"
+  },
+  { slug: "kadaikodi", name: "Kadaikodi", websiteUrl: "https://kadaikodi.com" },
+  {
+    slug: "movethewheels",
+    name: "MoveTheWheels",
+    websiteUrl: "https://movethewheels.com"
+  },
+  {
+    slug: "healthybowl",
+    name: "Healthy Bowl",
+    websiteUrl: "https://gethealthybowl.com"
+  },
+  { slug: "ggnomad", name: "GGNomad", websiteUrl: "https://ggnomad.com" },
+  {
+    slug: "timecampus",
+    name: "TimeCampus",
+    websiteUrl: "https://timecampus.com"
+  },
+  {
+    slug: "manufacturedops",
+    name: "ManufacturedOps",
+    websiteUrl: "https://manufacturedops.com"
+  },
+  {
+    slug: "theglobalfuel",
+    name: "TheGlobalFuel",
+    websiteUrl: "https://theglobalfuel.com"
+  },
+  {
+    slug: "housingvista",
+    name: "HousingVista",
+    websiteUrl: "https://housingvista.com"
+  },
+  {
+    slug: "proserviceworld",
+    name: "ProServiceWorld",
+    websiteUrl: "https://proserviceworld.com"
+  },
+  {
+    slug: "mybodyshield",
+    name: "MyBodyShield",
+    websiteUrl: "https://mybodyshield.com"
+  },
+  {
+    slug: "artistrybase",
+    name: "ArtistryBase",
+    websiteUrl: "https://artistrybase.com"
+  },
+  {
+    slug: "theculturepost",
+    name: "TheCulturePost",
+    websiteUrl: "https://theculturepost.com"
+  },
+  { slug: "collabkin", name: "CollabKin", websiteUrl: "https://collabkin.com" },
+  {
+    slug: "comradecircle",
+    name: "ComradeCircle",
+    websiteUrl: "https://comradecircle.com"
+  },
+  {
+    slug: "brainyrich",
+    name: "BrainyRich",
+    websiteUrl: "https://brainyrich.com"
+  },
+  {
+    slug: "cosmicintersection",
+    name: "CosmicIntersection",
+    websiteUrl: "https://cosmicintersection.com"
+  },
+  {
+    slug: "govcitizenhub",
+    name: "GovCitizenHub",
+    websiteUrl: "https://govcitizenhub.com"
+  },
+  {
+    slug: "adaptercloud",
+    name: "AdapterCloud",
+    websiteUrl: "https://adaptercloud.com"
+  },
+  {
+    slug: "subscriberbot",
+    name: "Subscriber Bot",
+    websiteUrl: "https://subscriberbot.com"
+  },
+  {
+    slug: "hookmovies",
+    name: "HookMovies",
+    websiteUrl: "https://hookmovies.com"
+  },
+  {
+    slug: "coolandlovely",
+    name: "CoolAndLovely",
+    websiteUrl: "https://coolandlovely.com"
+  },
+  {
+    slug: "atheletebridge",
+    name: "AthleteBridge",
+    websiteUrl: "https://atheletebridge.com"
+  },
+  {
+    slug: "labsofscience",
+    name: "LabsOfScience",
+    websiteUrl: "https://labsofscience.com"
+  },
+  {
+    slug: "ecoimpacthub",
+    name: "EcoImpactHub",
+    websiteUrl: "https://ecoimpacthub.com"
+  }
+];
+
+// src/utils/recaptcha-v3.ts
+var SCRIPT_ID = "boff-recaptcha-v3";
+var SCRIPT_SRC = "https://www.google.com/recaptcha/api.js?render=";
+var EXPLORE_RECAPTCHA_ACTION = "explore_chat";
+var loaders = /* @__PURE__ */ new Map();
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function loadRecaptchaV3(siteKey) {
+  if (!siteKey) {
+    return Promise.reject(new Error("reCAPTCHA site key is required"));
+  }
+  if (!isBrowser()) {
+    return Promise.reject(
+      new Error("reCAPTCHA v3 can only be loaded in a browser")
+    );
+  }
+  const existing = loaders.get(siteKey);
+  if (existing) return existing;
+  const promise = new Promise((resolve, reject) => {
+    const ready = () => {
+      const api = window.grecaptcha;
+      if (!api) {
+        reject(new Error("reCAPTCHA loaded but grecaptcha is unavailable"));
+        return;
+      }
+      api.ready(() => resolve(api));
+    };
+    if (window.grecaptcha) {
+      ready();
+      return;
+    }
+    const scriptId = `${SCRIPT_ID}-${siteKey}`;
+    const found = document.getElementById(scriptId);
+    if (found) {
+      found.addEventListener("load", ready, { once: true });
+      found.addEventListener(
+        "error",
+        () => reject(new Error("Failed to load reCAPTCHA v3")),
+        { once: true }
+      );
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = scriptId;
+    script.src = `${SCRIPT_SRC}${encodeURIComponent(siteKey)}`;
+    script.async = true;
+    script.defer = true;
+    script.addEventListener("load", ready, { once: true });
+    script.addEventListener(
+      "error",
+      () => {
+        loaders.delete(siteKey);
+        reject(new Error("Failed to load reCAPTCHA v3"));
+      },
+      { once: true }
+    );
+    document.head.appendChild(script);
+  });
+  loaders.set(siteKey, promise);
+  return promise;
+}
+async function getRecaptchaV3Token(siteKey, action = EXPLORE_RECAPTCHA_ACTION) {
+  const api = await loadRecaptchaV3(siteKey);
+  return api.execute(siteKey, { action });
+}
+
+// src/hooks/use-explore-chat.ts
+var DEFAULT_STORAGE_KEY = "boff.explore.v1";
+var DEFAULT_POLL_INTERVAL_MS = 1500;
+var DEFAULT_POLL_TIMEOUT_MS = 9e4;
+var POLL_REQUEST_TIMEOUT_MS = 1e4;
+var SEND_REQUEST_TIMEOUT_MS = 18e3;
+var MAX_CONSECUTIVE_POLL_FAILURES = 4;
+var MAX_PERSISTED_MESSAGES = 40;
+var FALLBACK_EXPLORE_LIMITS = {
+  maxMessageLength: 2e3,
+  maxTurnsPerConversation: 20,
+  messagesPerDay: 100,
+  historyTurns: 6
+};
+var DEFAULT_EXPLORE_EXAMPLE_PROMPTS = [
+  "What does this product actually do?",
+  "Which Burdenoff product fits my team?",
+  "How do I get started, step by step?",
+  "What does it integrate with?"
+];
+var FALLBACK_WELCOME_TITLE = "Ask anything about our products";
+var FALLBACK_WELCOME_BODY = "Get straight answers drawn from our product documentation and public pages \u2014 with links back to the exact page each answer came from.";
+function buildFallbackCatalog(examplePrompts) {
+  return {
+    enabled: true,
+    products: ECOSYSTEM_PRODUCTS.map((p) => ({
+      slug: p.slug,
+      name: p.name,
+      tagline: null,
+      website: p.websiteUrl
+    })),
+    examplePrompts: examplePrompts?.length ? examplePrompts : DEFAULT_EXPLORE_EXAMPLE_PROMPTS,
+    welcomeTitle: FALLBACK_WELCOME_TITLE,
+    welcomeBody: FALLBACK_WELCOME_BODY,
+    limits: FALLBACK_EXPLORE_LIMITS,
+    captchaRequired: false,
+    recaptchaSiteKey: null
+  };
+}
+function normalizeCatalog(raw, fallback) {
+  return {
+    enabled: raw.enabled !== false,
+    products: raw.products?.length ? raw.products : fallback.products,
+    examplePrompts: raw.examplePrompts?.length ? raw.examplePrompts : fallback.examplePrompts,
+    welcomeTitle: raw.welcomeTitle || fallback.welcomeTitle,
+    welcomeBody: raw.welcomeBody || fallback.welcomeBody,
+    limits: {
+      maxMessageLength: raw.limits?.maxMessageLength || fallback.limits.maxMessageLength,
+      maxTurnsPerConversation: raw.limits?.maxTurnsPerConversation || fallback.limits.maxTurnsPerConversation,
+      messagesPerDay: raw.limits?.messagesPerDay || fallback.limits.messagesPerDay,
+      historyTurns: raw.limits?.historyTurns || fallback.limits.historyTurns
+    },
+    captchaRequired: raw.captchaRequired === true,
+    recaptchaSiteKey: raw.recaptchaSiteKey ?? null
+  };
+}
+var RATE_LIMIT_CODES = /* @__PURE__ */ new Set([
+  "RATE_LIMITED",
+  "HTTP_429",
+  "EXPLORE_GLOBAL_LIMIT"
+]);
+var CAPTCHA_CODES = /* @__PURE__ */ new Set(["CAPTCHA_FAILED", "CAPTCHA_REQUIRED"]);
+var NETWORK_CODES = /* @__PURE__ */ new Set([
+  "NETWORK_ERROR",
+  "UPSTREAM_UNAVAILABLE",
+  "CONVERSATION_BUSY",
+  "PROVIDER_ERROR",
+  "QUEUE_FULL"
+]);
+var VALIDATION_CODES = /* @__PURE__ */ new Set([
+  "MESSAGE_TOO_LONG",
+  "MESSAGE_EMPTY",
+  "CONVERSATION_LIMIT",
+  "INVALID_INPUT"
+]);
+function classifyExploreError(code, serverMessage) {
+  const c = code ?? "UNKNOWN";
+  if (RATE_LIMIT_CODES.has(c)) {
+    return {
+      kind: "rate-limit",
+      code: c,
+      message: "You've reached the message limit for now. Please try again later.",
+      retryable: false
+    };
+  }
+  if (CAPTCHA_CODES.has(c)) {
+    return {
+      kind: "captcha",
+      code: c,
+      message: "We couldn't verify that you're human. Please try sending that again.",
+      retryable: true
+    };
+  }
+  if (c === "TIMEOUT" || c === "TOOL_BUDGET") {
+    return {
+      kind: "timeout",
+      code: c,
+      message: "That answer took too long to come back. Try asking again.",
+      retryable: true
+    };
+  }
+  if (NETWORK_CODES.has(c)) {
+    return {
+      kind: "network",
+      code: c,
+      message: "We couldn't reach the assistant just now. Check your connection and try again.",
+      retryable: true
+    };
+  }
+  if (c === "EXPLORE_DISABLED") {
+    return {
+      kind: "disabled",
+      code: c,
+      message: "Explore is unavailable at the moment. Please check back soon.",
+      retryable: false
+    };
+  }
+  if (VALIDATION_CODES.has(c)) {
+    return {
+      kind: "validation",
+      code: c,
+      message: serverMessage || "That message couldn't be sent.",
+      retryable: false
+    };
+  }
+  if (c === "EMPTY_ANSWER") {
+    return {
+      kind: "unknown",
+      code: c,
+      message: "No answer came back for that one. Try rephrasing, or ask something more specific.",
+      retryable: true
+    };
+  }
+  return {
+    kind: "unknown",
+    code: c,
+    message: serverMessage || "Something went wrong. Please try again.",
+    retryable: true
+  };
+}
+function readPersisted(key) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.sessionStorage.getItem(key);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") return null;
+    const record = parsed;
+    return {
+      conversationToken: typeof record.conversationToken === "string" ? record.conversationToken : null,
+      messages: Array.isArray(record.messages) ? record.messages.slice(-MAX_PERSISTED_MESSAGES) : [],
+      focusProduct: typeof record.focusProduct === "string" ? record.focusProduct : null
+    };
+  } catch {
+    return null;
+  }
+}
+function visibleText(message) {
+  return message.content || message.partialContent || "";
+}
+function countUserTurns(messages) {
+  return messages.filter((m) => m.role === "USER").length;
+}
+function useExploreChat(options = {}) {
+  const {
+    productSlug,
+    pageUrl,
+    locale,
+    examplePrompts,
+    pollIntervalMs = DEFAULT_POLL_INTERVAL_MS,
+    pollTimeoutMs = DEFAULT_POLL_TIMEOUT_MS,
+    storageKey = DEFAULT_STORAGE_KEY,
+    persist = true,
+    onSend
+  } = options;
+  const client = useWebSDK();
+  const promptKey = JSON.stringify(examplePrompts ?? []);
+  const fallbackCatalog = useMemo(
+    () => buildFallbackCatalog(JSON.parse(promptKey)),
+    [promptKey]
+  );
+  const [catalog, setCatalog] = useState(fallbackCatalog);
+  const [messages, setMessages] = useState([]);
+  const [phase, setPhase] = useState("loading");
+  const [error, setError] = useState(null);
+  const [remainingToday, setRemainingToday] = useState(null);
+  const [focusProduct, setFocusProductState] = useState(null);
+  const [turnCount, setTurnCount] = useState(0);
+  const [hydrated, setHydrated] = useState(false);
+  const mountedRef = useRef(true);
+  const pollGenerationRef = useRef(0);
+  const pollTimerRef = useRef(null);
+  const conversationTokenRef = useRef(null);
+  const catalogRef = useRef(fallbackCatalog);
+  const turnCountRef = useRef(0);
+  const focusProductRef = useRef(null);
+  const lastSentTextRef = useRef(null);
+  const inFlightRef = useRef(false);
+  catalogRef.current = catalog;
+  const clearPollTimer = useCallback(() => {
+    if (pollTimerRef.current !== null) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+  }, []);
+  const cancelPolling = useCallback(() => {
+    pollGenerationRef.current += 1;
+    clearPollTimer();
+  }, [clearPollTimer]);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      pollGenerationRef.current += 1;
+      if (pollTimerRef.current !== null) {
+        clearTimeout(pollTimerRef.current);
+        pollTimerRef.current = null;
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (!persist) {
+      setHydrated(true);
+      return;
+    }
+    const stored = readPersisted(storageKey);
+    if (stored) {
+      conversationTokenRef.current = stored.conversationToken;
+      focusProductRef.current = stored.focusProduct;
+      const settled = stored.messages.flatMap((m) => {
+        if (m.role !== "ASSISTANT") return [m];
+        if (m.status !== "PENDING" && m.status !== "RUNNING") return [m];
+        const text = visibleText(m);
+        if (!text) return [];
+        return [{ ...m, status: "COMPLETED", content: text }];
+      });
+      setMessages(settled);
+      setFocusProductState(stored.focusProduct);
+      const turns = countUserTurns(settled);
+      turnCountRef.current = turns;
+      setTurnCount(turns);
+    }
+    setHydrated(true);
+  }, [persist, storageKey]);
+  useEffect(() => {
+    if (!persist || !hydrated || typeof window === "undefined") return;
+    try {
+      const payload = {
+        conversationToken: conversationTokenRef.current,
+        messages: messages.slice(-MAX_PERSISTED_MESSAGES),
+        focusProduct
+      };
+      if (!payload.conversationToken && payload.messages.length === 0 && !payload.focusProduct) {
+        window.sessionStorage.removeItem(storageKey);
+        return;
+      }
+      window.sessionStorage.setItem(storageKey, JSON.stringify(payload));
+    } catch {
+    }
+  }, [persist, hydrated, storageKey, messages, focusProduct]);
+  useEffect(() => {
+    let cancelled = false;
+    const load = async () => {
+      const res = await client.query(
+        EXPLORE_CATALOG_QUERY,
+        { productSlug: productSlug ?? null }
+      );
+      if (cancelled || !mountedRef.current) return;
+      const raw = res.data?.exploreCatalog;
+      if (res.errors?.length || !raw) {
+        console.warn(
+          "[WebSDK] exploreCatalog unavailable \u2014 using the built-in fallback catalog",
+          res.errors?.[0]?.message
+        );
+        setPhase((prev) => prev === "loading" ? "ready" : prev);
+        return;
+      }
+      const next = normalizeCatalog(raw, fallbackCatalog);
+      setCatalog(next);
+      catalogRef.current = next;
+      setPhase((prev) => {
+        if (!next.enabled) return "disabled";
+        return prev === "loading" ? "ready" : prev;
+      });
+    };
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, productSlug, fallbackCatalog]);
+  const startPolling = useCallback(
+    (conversationToken, messageId) => {
+      pollGenerationRef.current += 1;
+      const generation = pollGenerationRef.current;
+      const startedAt = Date.now();
+      let consecutiveFailures = 0;
+      const isStale = () => !mountedRef.current || generation !== pollGenerationRef.current;
+      const finishWithError = (chatError) => {
+        inFlightRef.current = false;
+        setMessages(
+          (prev) => prev.flatMap((m) => {
+            if (m.id !== messageId) return [m];
+            const text = visibleText(m);
+            if (!text) return [];
+            return [{ ...m, status: "FAILED", content: text }];
+          })
+        );
+        setError(chatError);
+        setPhase(chatError.kind === "rate-limit" ? "limited" : "error");
+      };
+      const tick = async () => {
+        if (isStale()) return;
+        if (Date.now() - startedAt > pollTimeoutMs) {
+          finishWithError(classifyExploreError("TIMEOUT"));
+          return;
+        }
+        const res = await client.query(
+          EXPLORE_MESSAGE_QUERY,
+          { conversationToken, id: messageId },
+          { cache: false, timeoutMs: POLL_REQUEST_TIMEOUT_MS }
+        );
+        if (isStale()) return;
+        const first = res.errors?.[0];
+        if (first) {
+          const code = typeof first.extensions?.code === "string" ? first.extensions.code : void 0;
+          const classified = classifyExploreError(code, first.message);
+          if (!classified.retryable) {
+            finishWithError(classified);
+            return;
+          }
+          consecutiveFailures += 1;
+          if (consecutiveFailures >= MAX_CONSECUTIVE_POLL_FAILURES) {
+            finishWithError(classified);
+            return;
+          }
+          pollTimerRef.current = setTimeout(() => void tick(), pollIntervalMs);
+          return;
+        }
+        const message = res.data?.exploreMessage;
+        if (!message) {
+          consecutiveFailures += 1;
+          if (consecutiveFailures >= MAX_CONSECUTIVE_POLL_FAILURES) {
+            finishWithError(classifyExploreError("NOT_FOUND"));
+            return;
+          }
+          pollTimerRef.current = setTimeout(() => void tick(), pollIntervalMs);
+          return;
+        }
+        consecutiveFailures = 0;
+        setMessages(
+          (prev) => prev.map((m) => m.id === messageId ? message : m)
+        );
+        if (message.status === "COMPLETED") {
+          inFlightRef.current = false;
+          setError(null);
+          setPhase("ready");
+          return;
+        }
+        if (message.status === "FAILED") {
+          finishWithError(
+            classifyExploreError(message.errorCode ?? "UPSTREAM_UNAVAILABLE")
+          );
+          return;
+        }
+        setPhase("streaming");
+        pollTimerRef.current = setTimeout(() => void tick(), pollIntervalMs);
+      };
+      pollTimerRef.current = setTimeout(() => void tick(), pollIntervalMs);
+    },
+    [client, pollIntervalMs, pollTimeoutMs]
+  );
+  const submit = useCallback(
+    async (text, optimisticId, captchaAttempt) => {
+      const activeCatalog = catalogRef.current;
+      let recaptchaToken;
+      if (activeCatalog.captchaRequired && activeCatalog.recaptchaSiteKey) {
+        try {
+          recaptchaToken = await getRecaptchaV3Token(
+            activeCatalog.recaptchaSiteKey
+          );
+        } catch (err) {
+          console.warn("[WebSDK] reCAPTCHA v3 token could not be minted", err);
+        }
+      }
+      const input = {
+        message: text,
+        ...conversationTokenRef.current ? { conversationToken: conversationTokenRef.current } : {},
+        ...focusProductRef.current || productSlug ? { productSlug: focusProductRef.current ?? productSlug } : {},
+        ...recaptchaToken ? { recaptchaToken } : {},
+        ...locale ? { locale } : {},
+        ...pageUrl ? { pageUrl } : {}
+      };
+      const res = await client.mutate(
+        SEND_EXPLORE_MESSAGE_MUTATION,
+        { input },
+        { timeoutMs: SEND_REQUEST_TIMEOUT_MS }
+      );
+      if (!mountedRef.current) return;
+      const first = res.errors?.[0];
+      const result = res.data?.sendExploreMessage;
+      if (first || !result) {
+        const code = typeof first?.extensions?.code === "string" ? first.extensions.code : void 0;
+        const classified = classifyExploreError(code, first?.message);
+        if (classified.kind === "captcha" && captchaAttempt === 0) {
+          await submit(text, optimisticId, 1);
+          return;
+        }
+        inFlightRef.current = false;
+        setError(classified);
+        setPhase(classified.kind === "rate-limit" ? "limited" : "error");
+        return;
+      }
+      conversationTokenRef.current = result.conversation.token;
+      turnCountRef.current = result.conversation.turnCount;
+      setTurnCount(result.conversation.turnCount);
+      setRemainingToday(result.remainingToday ?? null);
+      const userMessage = result.userMessage;
+      const assistantMessage = result.assistantMessage;
+      setMessages((prev) => {
+        const replaced = prev.some((m) => m.id === optimisticId) ? prev.map((m) => m.id === optimisticId ? userMessage : m) : [...prev, userMessage];
+        return [...replaced, assistantMessage];
+      });
+      if (assistantMessage.status === "COMPLETED" || assistantMessage.status === "FAILED") {
+        inFlightRef.current = false;
+        if (assistantMessage.status === "FAILED") {
+          const classified = classifyExploreError(
+            assistantMessage.errorCode ?? "UPSTREAM_UNAVAILABLE"
+          );
+          setError(classified);
+          setPhase("error");
+        } else {
+          setPhase("ready");
+        }
+        return;
+      }
+      setPhase("streaming");
+      startPolling(result.conversation.token, assistantMessage.id);
+    },
+    [client, locale, pageUrl, productSlug, startPolling]
+  );
+  const send = useCallback(
+    async (message) => {
+      const text = message.trim();
+      if (!text) return;
+      if (inFlightRef.current) return;
+      const activeCatalog = catalogRef.current;
+      if (!activeCatalog.enabled) {
+        setError(classifyExploreError("EXPLORE_DISABLED"));
+        setPhase("disabled");
+        return;
+      }
+      if (text.length > activeCatalog.limits.maxMessageLength) {
+        setError({
+          kind: "validation",
+          code: "MESSAGE_TOO_LONG",
+          message: `That message is ${text.length} characters \u2014 the limit is ${activeCatalog.limits.maxMessageLength}.`,
+          retryable: false
+        });
+        return;
+      }
+      if (turnCountRef.current >= activeCatalog.limits.maxTurnsPerConversation) {
+        setError({
+          kind: "validation",
+          code: "CONVERSATION_LIMIT",
+          message: `This conversation has reached its ${activeCatalog.limits.maxTurnsPerConversation}-message limit. Start a new chat to keep going.`,
+          retryable: false
+        });
+        return;
+      }
+      inFlightRef.current = true;
+      lastSentTextRef.current = text;
+      setError(null);
+      setPhase("sending");
+      cancelPolling();
+      const optimistic = {
+        id: makeOptimisticId(),
+        conversationId: conversationTokenRef.current ?? "pending",
+        role: "USER",
+        status: "COMPLETED",
+        content: text,
+        partialContent: null,
+        activity: [],
+        references: [],
+        ctas: [],
+        errorCode: null,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        completedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      setMessages((prev) => [...prev, optimistic]);
+      turnCountRef.current += 1;
+      setTurnCount(turnCountRef.current);
+      onSend?.(text);
+      try {
+        await submit(text, optimistic.id, 0);
+      } catch (err) {
+        if (!mountedRef.current) return;
+        console.error("[WebSDK] Explore send failed", err);
+        inFlightRef.current = false;
+        setError(classifyExploreError("NETWORK_ERROR"));
+        setPhase("error");
+      }
+    },
+    [cancelPolling, onSend, submit]
+  );
+  const stop = useCallback(() => {
+    cancelPolling();
+    inFlightRef.current = false;
+    setMessages(
+      (prev) => prev.flatMap((m) => {
+        if (m.role !== "ASSISTANT") return [m];
+        if (m.status !== "PENDING" && m.status !== "RUNNING") return [m];
+        const text = visibleText(m);
+        if (!text) return [];
+        return [
+          {
+            ...m,
+            status: "COMPLETED",
+            content: text,
+            completedAt: (/* @__PURE__ */ new Date()).toISOString()
+          }
+        ];
+      })
+    );
+    setPhase(
+      (prev) => prev === "sending" || prev === "streaming" ? "ready" : prev
+    );
+  }, [cancelPolling]);
+  const retry = useCallback(() => {
+    const text = lastSentTextRef.current;
+    if (!text) return;
+    cancelPolling();
+    inFlightRef.current = false;
+    setMessages((prev) => {
+      const next = [...prev];
+      const last = next[next.length - 1];
+      if (last?.role === "ASSISTANT" && last.status === "FAILED") next.pop();
+      const prior = next[next.length - 1];
+      if (prior?.role === "USER" && prior.content === text) next.pop();
+      return next;
+    });
+    turnCountRef.current = Math.max(0, turnCountRef.current - 1);
+    setTurnCount(turnCountRef.current);
+    void send(text);
+  }, [cancelPolling, send]);
+  const reset = useCallback(() => {
+    cancelPolling();
+    inFlightRef.current = false;
+    conversationTokenRef.current = null;
+    lastSentTextRef.current = null;
+    turnCountRef.current = 0;
+    setTurnCount(0);
+    setMessages([]);
+    setError(null);
+    setRemainingToday(null);
+    setPhase(catalogRef.current.enabled ? "ready" : "disabled");
+    if (typeof window !== "undefined") {
+      try {
+        window.sessionStorage.removeItem(storageKey);
+      } catch {
+      }
+    }
+  }, [cancelPolling, storageKey]);
+  const setFocusProduct = useCallback((slug) => {
+    focusProductRef.current = slug;
+    setFocusProductState(slug);
+  }, []);
+  const activity = useMemo(() => {
+    for (let i = messages.length - 1; i >= 0; i -= 1) {
+      const m = messages[i];
+      if (!m || m.role !== "ASSISTANT") continue;
+      if (m.status !== "PENDING" && m.status !== "RUNNING") return null;
+      const lines = m.activity ?? [];
+      return lines.length ? lines[lines.length - 1] ?? null : null;
+    }
+    return null;
+  }, [messages]);
+  const canSend = (phase === "ready" || phase === "error") && catalog.enabled && turnCount < catalog.limits.maxTurnsPerConversation;
+  return {
+    phase,
+    catalog,
+    messages,
+    activity,
+    remainingToday,
+    error,
+    focusProduct,
+    setFocusProduct,
+    send,
+    stop,
+    retry,
+    reset,
+    canSend
+  };
+}
+var optimisticCounter = 0;
+function makeOptimisticId() {
+  optimisticCounter += 1;
+  return `boff-explore-local-${Date.now()}-${optimisticCounter}`;
+}
+function canonicalFromLocation() {
+  if (typeof window === "undefined" || !window.location) return void 0;
+  const { origin, pathname } = window.location;
+  if (!origin || origin === "null") return void 0;
+  const path = pathname === "/" ? "/" : pathname.replace(/\/+$/, "");
+  return `${origin}${path}`;
+}
+function resolveImageUrl(image, base) {
+  if (!image || /^https?:\/\//i.test(image)) return image;
+  if (!base) return image;
+  try {
+    return new URL(image, base).toString();
+  } catch {
+    return image;
+  }
+}
+function PageHead({
+  title,
+  description,
+  productName,
+  keywords,
+  image,
+  url,
+  favicon,
+  robots = "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
+  locale = "en_US",
+  twitterHandle,
+  themeColor = "#000000",
+  structuredData,
+  additionalMeta
+}) {
+  const fullTitle = productName && !title.includes(productName) ? `${title} | ${productName}` : title;
+  const resolvedUrl = url ?? canonicalFromLocation();
+  const fullImageUrl = resolveImageUrl(image, resolvedUrl);
+  const structuredDataItems = structuredData ? Array.isArray(structuredData) ? structuredData : [structuredData] : [];
+  return /* @__PURE__ */ jsxs(Helmet, { children: [
+    /* @__PURE__ */ jsx("title", { children: fullTitle }),
+    /* @__PURE__ */ jsx("meta", { name: "title", content: fullTitle }),
+    description && /* @__PURE__ */ jsx("meta", { name: "description", content: description }),
+    keywords && /* @__PURE__ */ jsx("meta", { name: "keywords", content: keywords }),
+    /* @__PURE__ */ jsx("meta", { name: "author", content: "Burdenoff Consultancy Services Pvt Ltd" }),
+    /* @__PURE__ */ jsx("meta", { name: "robots", content: robots }),
+    resolvedUrl && /* @__PURE__ */ jsx("link", { rel: "canonical", href: resolvedUrl }),
+    favicon && /* @__PURE__ */ jsx("link", { rel: "icon", href: favicon }),
+    /* @__PURE__ */ jsx("meta", { property: "og:type", content: "website" }),
+    /* @__PURE__ */ jsx("meta", { property: "og:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsx("meta", { property: "og:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsx("meta", { property: "og:image", content: fullImageUrl }),
+    resolvedUrl && /* @__PURE__ */ jsx("meta", { property: "og:url", content: resolvedUrl }),
+    /* @__PURE__ */ jsx("meta", { property: "og:locale", content: locale }),
+    productName && /* @__PURE__ */ jsx("meta", { property: "og:site_name", content: productName }),
+    /* @__PURE__ */ jsx("meta", { name: "twitter:card", content: "summary_large_image" }),
+    /* @__PURE__ */ jsx("meta", { name: "twitter:title", content: fullTitle }),
+    description && /* @__PURE__ */ jsx("meta", { name: "twitter:description", content: description }),
+    fullImageUrl && /* @__PURE__ */ jsx("meta", { name: "twitter:image", content: fullImageUrl }),
+    twitterHandle && /* @__PURE__ */ jsx("meta", { name: "twitter:creator", content: twitterHandle }),
+    /* @__PURE__ */ jsx("meta", { name: "theme-color", content: themeColor }),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsx("script", { type: "application/ld+json", children: JSON.stringify(data) }, `ld-${index}`)),
+    additionalMeta?.map((meta, index) => /* @__PURE__ */ jsx(
+      "meta",
+      {
+        ...meta.name ? { name: meta.name } : {},
+        ...meta.property ? { property: meta.property } : {},
+        content: meta.content
+      },
+      `meta-${index}`
+    ))
+  ] });
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Textarea = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+var EXPLORE_CSS = `
+@keyframes boff-explore-pulse {
+  0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
+  40% { opacity: 1; transform: translateY(-2px); }
+}
+.boff-explore-dot {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 9999px;
+  background-color: hsl(var(--muted-foreground));
+  animation: boff-explore-pulse 1.2s ease-in-out infinite;
+}
+@keyframes boff-explore-caret {
+  0%, 45% { opacity: 1; }
+  50%, 100% { opacity: 0; }
+}
+.boff-explore-caret {
+  display: inline-block;
+  width: 2px;
+  height: 1em;
+  margin-left: 2px;
+  vertical-align: text-bottom;
+  background-color: hsl(var(--primary));
+  animation: boff-explore-caret 1s step-end infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .boff-explore-dot,
+  .boff-explore-caret { animation: none; }
+  .boff-explore-dot { opacity: 0.6; }
+}
+.boff-explore-scroll {
+  scrollbar-width: thin;
+  scrollbar-color: hsl(var(--border)) transparent;
+}
+.boff-explore-scroll::-webkit-scrollbar { width: 10px; }
+.boff-explore-scroll::-webkit-scrollbar-track { background: transparent; }
+.boff-explore-scroll::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--border));
+  border: 3px solid transparent;
+  border-radius: 9999px;
+  background-clip: content-box;
+}
+`;
+function ExploreStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: EXPLORE_CSS } });
+}
+var CAPABILITIES = [
+  {
+    icon: BookOpenText,
+    title: "Grounded in our own docs",
+    body: "Every answer comes from published product pages and documentation \u2014 never invented."
+  },
+  {
+    icon: Layers,
+    title: "Compare across the ecosystem",
+    body: "Ask which product fits your team, or how two of them work together."
+  },
+  {
+    icon: Link2,
+    title: "Straight to the right page",
+    body: "Get the sources and next steps \u2014 pricing, docs, a demo \u2014 without hunting."
+  }
+];
+var PRODUCT_CHIP_PREVIEW = 12;
+var CTA_VARIANTS = {
+  CONTACT: "default",
+  WAITLIST: "default",
+  APP: "default",
+  PRICING: "secondary",
+  STORE: "secondary",
+  PARTNERS: "secondary",
+  DOCS: "outline",
+  SERVICES: "outline",
+  OTHER: "outline"
+};
+function normalizeOffset(offset) {
+  if (offset === void 0) return "0px";
+  return typeof offset === "number" ? `${offset}px` : offset;
+}
+function isInternalPath(url) {
+  return url.startsWith("/") && !url.startsWith("//");
+}
+function hostnameOf(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return "";
+  }
+}
+function initialOf(value, fallback) {
+  const source = (value || fallback).trim();
+  return source ? source.slice(0, 1).toUpperCase() : "?";
+}
+function ReferenceCard({ reference }) {
+  const [imageFailed, setImageFailed] = useState(false);
+  const host = hostnameOf(reference.url);
+  const showImage = Boolean(reference.imageUrl) && !imageFailed;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "data-boff-explore": "reference",
+      href: reference.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "group flex flex-col overflow-hidden rounded-xl border border-border bg-card transition-colors hover:border-primary/40 hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "relative aspect-[16/9] w-full overflow-hidden bg-muted", children: showImage ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: reference.imageUrl ?? "",
+            alt: "",
+            loading: "lazy",
+            onError: () => setImageFailed(true),
+            className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+          }
+        ) : (
+          /* Graceful fallback: a token-derived gradient plate, so a missing or
+             broken preview still reads as a deliberate card, not a hole. */
+          /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-gradient-to-br from-primary/25 via-primary/5 to-secondary", children: /* @__PURE__ */ jsx("span", { className: "text-2xl font-semibold text-primary/70", children: initialOf(reference.product, reference.title || host) }) })
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1.5 p-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-sm font-semibold leading-snug text-card-foreground", children: reference.title || host || reference.url }),
+          reference.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: reference.description }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center gap-2 pt-2", children: [
+            reference.product ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground", children: reference.product }) : null,
+            /* @__PURE__ */ jsxs("span", { className: "ml-auto inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: host })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CtaButton({
+  cta,
+  onNavigate
+}) {
+  const variant = CTA_VARIANTS[cta.kind] ?? "outline";
+  const internal = isInternalPath(cta.url);
+  if (internal && onNavigate) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-boff-explore": "cta",
+        "data-kind": cta.kind,
+        type: "button",
+        size: "sm",
+        variant,
+        onClick: () => onNavigate(cta.url),
+        children: cta.label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant, children: /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "data-boff-explore": "cta",
+      "data-kind": cta.kind,
+      href: cta.url,
+      ...internal ? {} : { target: "_blank", rel: "noopener noreferrer" },
+      children: [
+        cta.label,
+        internal ? null : /* @__PURE__ */ jsx(ExternalLink, { className: "ml-1 h-3 w-3" })
+      ]
+    }
+  ) });
+}
+function ThinkingIndicator({ activity }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "thinking",
+      className: "flex items-center gap-2.5 rounded-2xl border border-border bg-muted/60 px-3.5 py-2.5 text-sm text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("span", { className: "boff-explore-dot" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "boff-explore-dot",
+              style: { animationDelay: "150ms" }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "boff-explore-dot",
+              style: { animationDelay: "300ms" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: activity || "Thinking\u2026" })
+      ]
+    }
+  );
+}
+function UserBubble({ message }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-boff-explore": "user",
+      className: "max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-primary px-4 py-2.5 text-sm leading-relaxed text-primary-foreground shadow-sm",
+      children: message.content
+    }
+  ) });
+}
+function AssistantBubble({
+  message,
+  activity,
+  onNavigate
+}) {
+  const streaming = message.status === "PENDING" || message.status === "RUNNING";
+  const body = message.content || message.partialContent || "";
+  const failed = message.status === "FAILED";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "assistant",
+      "data-status": message.status,
+      className: "flex gap-3",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary",
+            children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
+          body ? /* @__PURE__ */ jsxs("div", { className: "rounded-2xl rounded-tl-md border border-border bg-card px-4 py-3 shadow-sm", children: [
+            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm text-card-foreground", children: /* @__PURE__ */ jsx(Markdown, { children: body }) }),
+            streaming ? /* @__PURE__ */ jsx("span", { className: "boff-explore-caret", "aria-hidden": "true" }) : null
+          ] }) : null,
+          streaming ? /* @__PURE__ */ jsx(ThinkingIndicator, { activity }) : null,
+          failed && !body ? /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-tl-md border border-border bg-muted px-4 py-3 text-sm text-muted-foreground", children: "That answer didn't come through. Try asking again." }) : null,
+          message.references.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Sources" }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: message.references.map((reference) => /* @__PURE__ */ jsx(ReferenceCard, { reference }, reference.url)) })
+          ] }) : null,
+          message.ctas.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 pt-0.5", children: message.ctas.map((cta) => /* @__PURE__ */ jsx(
+            CtaButton,
+            {
+              cta,
+              onNavigate
+            },
+            `${cta.kind}-${cta.url}`
+          )) }) : null
+        ] })
+      ]
+    }
+  );
+}
+function ErrorBanner({
+  error,
+  onRetry,
+  onReset
+}) {
+  const showRetry = error.retryable;
+  const showReset = error.code === "CONVERSATION_LIMIT";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "error",
+      "data-error-kind": error.kind,
+      role: "alert",
+      className: "mb-3 flex items-start gap-3 rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2.5",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-destructive text-destructive-foreground",
+            children: /* @__PURE__ */ jsx(TriangleAlert, { className: "h-3 w-3" })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "flex-1 text-sm leading-relaxed text-foreground", children: error.message }),
+        showRetry ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-boff-explore": "retry",
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: onRetry,
+            children: "Retry"
+          }
+        ) : null,
+        showReset ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onReset, children: "New chat" }) : null
+      ]
+    }
+  );
+}
+function WelcomeState({
+  title,
+  body,
+  prompts,
+  products,
+  focusProduct,
+  onPrompt,
+  onFocus,
+  disabled
+}) {
+  const [showAllProducts, setShowAllProducts] = useState(false);
+  const visibleProducts = showAllProducts ? products : products.slice(0, PRODUCT_CHIP_PREVIEW);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-4 py-10 sm:py-14", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted px-3 py-1 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+        "AI answers, grounded in our documentation"
+      ] }),
+      /* @__PURE__ */ jsx("h1", { className: "mt-5 text-balance text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mx-auto mt-3 max-w-2xl text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg", children: body })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "mt-9 grid gap-3 sm:grid-cols-3", children: CAPABILITIES.map(({ icon: Icon, title: capTitle, body: capBody }) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "rounded-xl border border-border bg-card p-4 text-left",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "mb-2.5 flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-card-foreground", children: capTitle }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: capBody })
+        ]
+      },
+      capTitle
+    )) }),
+    prompts.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-9", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Try asking" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: prompts.map((prompt) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "data-boff-explore": "chip",
+          "data-chip-kind": "prompt",
+          type: "button",
+          disabled,
+          onClick: () => onPrompt(prompt),
+          className: "group inline-flex max-w-full items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-left text-sm text-card-foreground transition-colors hover:border-primary/40 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: prompt }),
+            /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3 shrink-0 rotate-45 text-muted-foreground transition-colors group-hover:text-primary" })
+          ]
+        },
+        prompt
+      )) })
+    ] }) : null,
+    products.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-8", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Focus on a product" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "data-boff-explore": "chip",
+            "data-chip-kind": "product",
+            "data-product": "all",
+            type: "button",
+            "aria-pressed": focusProduct === null,
+            onClick: () => onFocus(null),
+            className: cn(
+              "rounded-full border px-3 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              focusProduct === null ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+            ),
+            children: "All products"
+          }
+        ),
+        visibleProducts.map((product) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            "data-boff-explore": "chip",
+            "data-chip-kind": "product",
+            "data-product": product.slug,
+            type: "button",
+            "aria-pressed": focusProduct === product.slug,
+            title: product.tagline ?? product.name,
+            onClick: () => onFocus(focusProduct === product.slug ? null : product.slug),
+            className: cn(
+              "rounded-full border px-3 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              focusProduct === product.slug ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+            ),
+            children: product.name
+          },
+          product.slug
+        )),
+        products.length > PRODUCT_CHIP_PREVIEW ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowAllProducts((v) => !v),
+            className: "rounded-full px-3 py-1 text-xs font-medium text-primary underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            children: showAllProducts ? "Show fewer" : `Show all ${products.length}`
+          }
+        ) : null
+      ] })
+    ] }) : null
+  ] });
+}
+function ExplorePage({
+  seo,
+  productSlug,
+  examplePrompts,
+  className,
+  heightMode = "viewport",
+  viewportOffset,
+  onNavigate,
+  onSend,
+  welcomeTitle,
+  welcomeBody
+}) {
+  const pageUrl = useMemo(
+    () => typeof window === "undefined" ? void 0 : window.location.href,
+    []
+  );
+  const {
+    phase,
+    catalog,
+    messages,
+    activity,
+    remainingToday,
+    error,
+    focusProduct,
+    setFocusProduct,
+    send,
+    stop,
+    retry,
+    reset,
+    canSend
+  } = useExploreChat({ productSlug, pageUrl, onSend, examplePrompts });
+  const [draft, setDraft] = useState("");
+  const textareaRef = useRef(null);
+  const scrollRef = useRef(null);
+  const stickToBottomRef = useRef(true);
+  const composingRef = useRef(false);
+  const busy = phase === "sending" || phase === "streaming";
+  const showWelcome = messages.length === 0;
+  const maxLength = catalog.limits.maxMessageLength;
+  const overLimit = draft.length > maxLength;
+  const canSubmit = canSend && draft.trim().length > 0 && !overLimit && !busy;
+  const resolvedTitle = welcomeTitle ?? catalog.welcomeTitle;
+  const resolvedBody = welcomeBody ?? catalog.welcomeBody;
+  const prompts = catalog.examplePrompts;
+  const focusedProductName = useMemo(
+    () => catalog.products.find((p) => p.slug === focusProduct)?.name ?? null,
+    [catalog.products, focusProduct]
+  );
+  useEffect(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
+  }, [draft]);
+  const handleScroll = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    stickToBottomRef.current = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
+  }, []);
+  useEffect(() => {
+    if (!stickToBottomRef.current) return;
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollTop = el.scrollHeight;
+  }, [messages, activity]);
+  const submitDraft = useCallback(() => {
+    const text = draft.trim();
+    if (!text || overLimit || busy || !canSend) return;
+    setDraft("");
+    stickToBottomRef.current = true;
+    void send(text);
+    textareaRef.current?.focus();
+  }, [busy, canSend, draft, overLimit, send]);
+  const sendPrompt = useCallback(
+    (prompt) => {
+      if (!canSend || busy) return;
+      setDraft("");
+      stickToBottomRef.current = true;
+      void send(prompt);
+    },
+    [busy, canSend, send]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key !== "Enter" || event.shiftKey) return;
+      if (composingRef.current || event.nativeEvent.isComposing) return;
+      event.preventDefault();
+      submitDraft();
+    },
+    [submitDraft]
+  );
+  const composerDisabled = phase === "limited" || phase === "disabled" || !catalog.enabled;
+  const captchaOn = Boolean(
+    catalog.captchaRequired && catalog.recaptchaSiteKey
+  );
+  const rootStyle = heightMode === "viewport" ? { height: `calc(100dvh - ${normalizeOffset(viewportOffset)})` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "page",
+      "data-phase": phase,
+      className: cn(
+        "flex w-full flex-col bg-background text-foreground",
+        heightMode === "auto" && "min-h-[70vh]",
+        className
+      ),
+      style: rootStyle,
+      children: [
+        seo ? /* @__PURE__ */ jsx(
+          PageHead,
+          {
+            title: seo.title ?? "Explore \u2014 ask anything about our products",
+            description: seo.description ?? "Ask questions in plain English and get answers drawn from our product documentation, with links to the exact pages they came from.",
+            keywords: seo.keywords,
+            image: seo.image,
+            url: seo.url
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(ProseStyles, {}),
+        /* @__PURE__ */ jsx(ExploreStyles, {}),
+        !showWelcome ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-border px-4 py-2.5", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary",
+              children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("h1", { className: "truncate text-sm font-semibold", children: resolvedTitle }),
+          focusedProductName ? /* @__PURE__ */ jsx("span", { className: "hidden shrink-0 rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground sm:inline", children: focusedProductName }) : null,
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              "data-boff-explore": "new-chat",
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "ml-auto shrink-0 text-muted-foreground",
+              onClick: reset,
+              children: [
+                /* @__PURE__ */ jsx(RotateCcw, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "New chat" })
+              ]
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scrollRef,
+            onScroll: handleScroll,
+            "data-boff-explore": "messages",
+            role: "log",
+            "aria-live": "polite",
+            "aria-label": "Explore conversation",
+            className: "boff-explore-scroll min-h-0 flex-1 overflow-y-auto",
+            children: showWelcome ? /* @__PURE__ */ jsx(
+              WelcomeState,
+              {
+                title: resolvedTitle,
+                body: resolvedBody,
+                prompts,
+                products: catalog.products,
+                focusProduct,
+                onPrompt: sendPrompt,
+                onFocus: setFocusProduct,
+                disabled: !canSend || busy
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-3xl space-y-6 px-4 py-6", children: messages.map(
+              (message) => message.role === "USER" ? /* @__PURE__ */ jsx(UserBubble, { message }, message.id) : /* @__PURE__ */ jsx(
+                AssistantBubble,
+                {
+                  message,
+                  activity,
+                  onNavigate
+                },
+                message.id
+              )
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-background px-4 pb-4 pt-3", children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            "data-boff-explore": "composer",
+            className: "mx-auto w-full max-w-3xl",
+            onSubmit: (event) => {
+              event.preventDefault();
+              submitDraft();
+            },
+            children: [
+              error ? /* @__PURE__ */ jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex items-end gap-2 rounded-2xl border bg-card p-2 shadow-sm transition-colors",
+                    overLimit ? "border-destructive/60" : "border-border focus-within:border-primary/40 focus-within:ring-1 focus-within:ring-ring"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Textarea,
+                      {
+                        ref: textareaRef,
+                        value: draft,
+                        rows: 1,
+                        disabled: composerDisabled,
+                        onChange: (event) => setDraft(event.target.value),
+                        onKeyDown: handleKeyDown,
+                        onCompositionStart: () => {
+                          composingRef.current = true;
+                        },
+                        onCompositionEnd: () => {
+                          composingRef.current = false;
+                        },
+                        "aria-label": "Ask a question",
+                        placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? `Ask about ${focusedProductName}\u2026` : "Ask anything about our products\u2026",
+                        className: "max-h-[200px] min-h-[44px] flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-sm shadow-none focus-visible:ring-0 md:text-sm"
+                      }
+                    ),
+                    busy ? /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        "data-boff-explore": "stop",
+                        type: "button",
+                        size: "icon",
+                        variant: "secondary",
+                        "aria-label": "Stop generating",
+                        onClick: stop,
+                        children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4" })
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        "data-boff-explore": "send",
+                        type: "submit",
+                        size: "icon",
+                        disabled: !canSubmit,
+                        "aria-label": "Send message",
+                        children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Enter to send \xB7 Shift + Enter for a new line" }),
+                remainingToday !== null ? /* @__PURE__ */ jsxs("span", { "data-boff-explore": "remaining", children: [
+                  remainingToday,
+                  " message",
+                  remainingToday === 1 ? "" : "s",
+                  " left today"
+                ] }) : null,
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: cn(
+                      "ml-auto tabular-nums",
+                      overLimit && "font-medium text-destructive"
+                    ),
+                    children: [
+                      draft.length.toLocaleString(),
+                      " / ",
+                      maxLength.toLocaleString()
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs leading-relaxed text-muted-foreground", children: [
+                "Answers are generated from our public documentation and can be imperfect \u2014 check anything important against the linked sources.",
+                captchaOn ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  " ",
+                  "This site is protected by reCAPTCHA; the Google",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: "https://policies.google.com/privacy",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "underline underline-offset-2 hover:text-foreground",
+                      children: "Privacy Policy"
+                    }
+                  ),
+                  " ",
+                  "and",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: "https://policies.google.com/terms",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "underline underline-offset-2 hover:text-foreground",
+                      children: "Terms of Service"
+                    }
+                  ),
+                  " ",
+                  "apply."
+                ] }) : null
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { ExplorePage };
+//# sourceMappingURL=explore.mjs.map
+//# sourceMappingURL=explore.mjs.map