@burdenoff/website-sdk 2026.1024.1 → 2026.1026.1

package/dist/components/explore.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createContext, useMemo, useState, useRef, useEffect, useCallback, useContext, Children, isValidElement, cloneElement, useId } from 'react';
+import { createContext, useContext, useMemo, useRef, useEffect, useState, useCallback, Children, isValidElement, cloneElement, useId } from 'react';
 import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square, ArrowUp, BookOpenText, Layers, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink, Check, Copy, ThumbsUp, ThumbsDown, Volume2, Film, Play, Minimize, Maximize, VideoOff } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -109,6 +109,14 @@ var EN = {
   closeVideo: "Close video",
   enterFullScreen: "Full screen",
   exitFullScreen: "Exit full screen",
+  panelTitle: "AI assistant",
+  panelViews: "Assistant views",
+  tabChat: "Chat",
+  tabAvatar: "Avatar",
+  closePanel: "Close",
+  liveAvatar: "Live avatar",
+  avatarComingSoon: "Live avatar coming soon",
+  continueInChat: "Continue in Chat",
   videoUnavailable: "This video can't be played right now.",
   groundedIn: "What this answer is based on",
   sourceCountOne: "1 source",
@@ -217,6 +225,14 @@ var ZH = {
   closeVideo: "\u5173\u95ED\u89C6\u9891",
   enterFullScreen: "\u5168\u5C4F",
   exitFullScreen: "\u9000\u51FA\u5168\u5C4F",
+  panelTitle: "AI \u52A9\u624B",
+  panelViews: "\u52A9\u624B\u89C6\u56FE",
+  tabChat: "\u804A\u5929",
+  tabAvatar: "\u865A\u62DF\u5F62\u8C61",
+  closePanel: "\u5173\u95ED",
+  liveAvatar: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61",
+  avatarComingSoon: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u5373\u5C06\u63A8\u51FA",
+  continueInChat: "\u5728\u804A\u5929\u4E2D\u7EE7\u7EED",
   videoUnavailable: "\u6682\u65F6\u65E0\u6CD5\u64AD\u653E\u6B64\u89C6\u9891\u3002",
   groundedIn: "\u8FD9\u4E2A\u56DE\u7B54\u7684\u4F9D\u636E",
   sourceCountOne: "1 \u4E2A\u6765\u6E90",
@@ -321,6 +337,14 @@ var HI = {
   closeVideo: "\u0935\u0940\u0921\u093F\u092F\u094B \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
   enterFullScreen: "\u092A\u0942\u0930\u094D\u0923 \u0938\u094D\u0915\u094D\u0930\u0940\u0928",
   exitFullScreen: "\u092A\u0942\u0930\u094D\u0923 \u0938\u094D\u0915\u094D\u0930\u0940\u0928 \u0938\u0947 \u092C\u093E\u0939\u0930 \u0928\u093F\u0915\u0932\u0947\u0902",
+  panelTitle: "AI \u0938\u0939\u093E\u092F\u0915",
+  panelViews: "\u0938\u0939\u093E\u092F\u0915 \u0926\u0943\u0936\u094D\u092F",
+  tabChat: "\u091A\u0948\u091F",
+  tabAvatar: "\u0905\u0935\u0924\u093E\u0930",
+  closePanel: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
+  liveAvatar: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930",
+  avatarComingSoon: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u091C\u0932\u094D\u0926 \u0906 \u0930\u0939\u093E \u0939\u0948",
+  continueInChat: "\u091A\u0948\u091F \u092E\u0947\u0902 \u091C\u093E\u0930\u0940 \u0930\u0916\u0947\u0902",
   videoUnavailable: "\u092F\u0939 \u0935\u0940\u0921\u093F\u092F\u094B \u0905\u092D\u0940 \u0928\u0939\u0940\u0902 \u091A\u0932 \u0938\u0915\u0924\u093E\u0964",
   groundedIn: "\u092F\u0939 \u0909\u0924\u094D\u0924\u0930 \u0915\u093F\u0938 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0939\u0948",
   sourceCountOne: "1 \u0938\u094D\u0930\u094B\u0924",
@@ -429,6 +453,14 @@ var ES = {
   closeVideo: "Cerrar v\xEDdeo",
   enterFullScreen: "Pantalla completa",
   exitFullScreen: "Salir de pantalla completa",
+  panelTitle: "Asistente de IA",
+  panelViews: "Vistas del asistente",
+  tabChat: "Chat",
+  tabAvatar: "Avatar",
+  closePanel: "Cerrar",
+  liveAvatar: "Avatar en vivo",
+  avatarComingSoon: "Avatar en vivo: pr\xF3ximamente",
+  continueInChat: "Continuar en el chat",
   videoUnavailable: "Ahora mismo no se puede reproducir este v\xEDdeo.",
   groundedIn: "En qu\xE9 se basa esta respuesta",
   sourceCountOne: "1 fuente",
@@ -537,6 +569,14 @@ var AR = {
   closeVideo: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0641\u064A\u062F\u064A\u0648",
   enterFullScreen: "\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629",
   exitFullScreen: "\u0627\u0644\u062E\u0631\u0648\u062C \u0645\u0646 \u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629",
+  panelTitle: "\u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A",
+  panelViews: "\u0637\u0631\u0642 \u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u0627\u0639\u062F",
+  tabChat: "\u062F\u0631\u062F\u0634\u0629",
+  tabAvatar: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631",
+  closePanel: "\u0625\u063A\u0644\u0627\u0642",
+  liveAvatar: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631",
+  avatarComingSoon: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0642\u0631\u064A\u0628\u064B\u0627",
+  continueInChat: "\u0627\u0644\u0645\u062A\u0627\u0628\u0639\u0629 \u0641\u064A \u0627\u0644\u062F\u0631\u062F\u0634\u0629",
   videoUnavailable: "\u062A\u0639\u0630\u0651\u0631 \u062A\u0634\u063A\u064A\u0644 \u0647\u0630\u0627 \u0627\u0644\u0641\u064A\u062F\u064A\u0648 \u0627\u0644\u0622\u0646.",
   groundedIn: "\u0639\u0644\u0649 \u0645\u0627\u0630\u0627 \u062A\u0633\u062A\u0646\u062F \u0647\u0630\u0647 \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
   sourceCountOne: "\u0645\u0635\u062F\u0631 \u0648\u0627\u062D\u062F",
@@ -645,6 +685,14 @@ var TA = {
   closeVideo: "\u0BB5\u0BC0\u0B9F\u0BBF\u0BAF\u0BCB\u0BB5\u0BC8 \u0BAE\u0BC2\u0B9F\u0BC1",
   enterFullScreen: "\u0BAE\u0BC1\u0BB4\u0BC1\u0BA4\u0BCD \u0BA4\u0BBF\u0BB0\u0BC8",
   exitFullScreen: "\u0BAE\u0BC1\u0BB4\u0BC1\u0BA4\u0BCD \u0BA4\u0BBF\u0BB0\u0BC8\u0BAF\u0BBF\u0BB2\u0BBF\u0BB0\u0BC1\u0BA8\u0BCD\u0BA4\u0BC1 \u0BB5\u0BC6\u0BB3\u0BBF\u0BAF\u0BC7\u0BB1\u0BC1",
+  panelTitle: "AI \u0B89\u0BA4\u0BB5\u0BBF\u0BAF\u0BBE\u0BB3\u0BB0\u0BCD",
+  panelViews: "\u0B89\u0BA4\u0BB5\u0BBF\u0BAF\u0BBE\u0BB3\u0BB0\u0BCD \u0B95\u0BBE\u0B9F\u0BCD\u0B9A\u0BBF\u0B95\u0BB3\u0BCD",
+  tabChat: "\u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8",
+  tabAvatar: "\u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD",
+  closePanel: "\u0BAE\u0BC2\u0B9F\u0BC1",
+  liveAvatar: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD",
+  avatarComingSoon: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BB5\u0BBF\u0BB0\u0BC8\u0BB5\u0BBF\u0BB2\u0BCD",
+  continueInChat: "\u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD \u0BA4\u0BCA\u0B9F\u0BB0\u0BB5\u0BC1\u0BAE\u0BCD",
   videoUnavailable: "\u0B87\u0BA8\u0BCD\u0BA4 \u0BB5\u0BC0\u0B9F\u0BBF\u0BAF\u0BCB\u0BB5\u0BC8 \u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0B87\u0BAF\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
   groundedIn: "\u0B87\u0BA8\u0BCD\u0BA4\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0B8E\u0BA4\u0BC8 \u0B85\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0B9F\u0BC8\u0BAF\u0BBE\u0B95\u0B95\u0BCD \u0B95\u0BCA\u0BA3\u0BCD\u0B9F\u0BA4\u0BC1",
   sourceCountOne: "1 \u0BAE\u0BC2\u0BB2\u0BAE\u0BCD",
@@ -1661,392 +1709,6 @@ function ExploreAnswerBody({
   return /* @__PURE__ */ jsx("div", { className: cn("boff-prose boff-explore-body min-w-0", className), children: /* @__PURE__ */ jsx(AnswerScopeContext.Provider, { value: scope, children: /* @__PURE__ */ jsx(Markdown, { components: overrides, rehypePlugins, children }) }) });
 }
 
-// src/components/explore-types.ts
-var EXPLORE_FEEDBACK_REASONS = [
-  "INACCURATE",
-  "INCOMPLETE",
-  "OFF_TOPIC",
-  "HARD_TO_FOLLOW",
-  "OTHER"
-];
-var EXPLORE_MESSAGE_FIELDS = (
-  /* GraphQL */
-  `
-  id
-  conversationId
-  role
-  status
-  content
-  partialContent
-  activity
-  references {
-    url
-    title
-    description
-    product
-    imageUrl
-    index
-  }
-  ctas {
-    kind
-    label
-    url
-    product
-  }
-  followUps
-  answered
-  attachments {
-    name
-    mimeType
-    size
-    textExtracted
-  }
-  errorCode
-  createdAt
-  completedAt
-`
-);
-var EXPLORE_OWN_MESSAGE_FIELDS = (
-  /* GraphQL */
-  `
-  ${EXPLORE_MESSAGE_FIELDS}
-  feedback {
-    rating
-    reason
-    comment
-    createdAt
-  }
-`
-);
-var EXPLORE_CATALOG_ESTABLISHED_FIELDS = (
-  /* GraphQL */
-  `
-      enabled
-      products {
-        slug
-        name
-        tagline
-        website
-      }
-      examplePrompts
-      welcomeTitle
-      welcomeBody
-      limits {
-        maxMessageLength
-        maxTurnsPerConversation
-        messagesPerDay
-        historyTurns
-      }
-      captchaRequired
-      recaptchaSiteKey`
-);
-var EXPLORE_CATALOG_HIGHLIGHT_FIELD = (
-  /* GraphQL */
-  `
-      conceptHighlights {
-        product
-        productName
-        title
-        url
-        imageUrl
-        alt
-      }`
-);
-function exploreCatalogDocument(extraFields) {
-  return (
-    /* GraphQL */
-    `
-  query ExploreCatalog($productSlug: String) {
-    exploreCatalog(productSlug: $productSlug) {${EXPLORE_CATALOG_ESTABLISHED_FIELDS}${extraFields}
-    }
-  }
-`
-  );
-}
-var EXPLORE_CATALOG_QUERY = exploreCatalogDocument(
-  EXPLORE_CATALOG_HIGHLIGHT_FIELD
-);
-var EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS = exploreCatalogDocument("");
-var EXPLORE_MESSAGE_QUERY = (
-  /* GraphQL */
-  `
-  query ExploreMessage($conversationToken: String!, $id: ID!) {
-    exploreMessage(conversationToken: $conversationToken, id: $id) {
-      ${EXPLORE_OWN_MESSAGE_FIELDS}
-    }
-  }
-`
-);
-var SEND_EXPLORE_MESSAGE_MUTATION = (
-  /* GraphQL */
-  `
-  mutation SendExploreMessage($input: SendExploreMessageInput!) {
-    sendExploreMessage(input: $input) {
-      conversation {
-        id
-        token
-        productSlug
-        turnCount
-        createdAt
-      }
-      userMessage {
-        ${EXPLORE_OWN_MESSAGE_FIELDS}
-      }
-      assistantMessage {
-        ${EXPLORE_OWN_MESSAGE_FIELDS}
-      }
-      remainingToday
-    }
-  }
-`
-);
-var RECORD_EXPLORE_CLICK_MUTATION = (
-  /* GraphQL */
-  `
-  mutation RecordExploreClick($input: RecordExploreClickInput!) {
-    recordExploreClick(input: $input) {
-      recorded
-    }
-  }
-`
-);
-var SUBMIT_EXPLORE_FEEDBACK_MUTATION = (
-  /* GraphQL */
-  `
-  mutation SubmitExploreFeedback($input: SubmitExploreFeedbackInput!) {
-    submitExploreFeedback(input: $input) {
-      recorded
-      feedback {
-        rating
-        reason
-        comment
-        createdAt
-      }
-    }
-  }
-`
-);
-var EXPLORE_FEEDBACK_COMMENT_SOFT_MAX = 500;
-var ESCALATE_EXPLORE_CONVERSATION_MUTATION = (
-  /* GraphQL */
-  `
-  mutation EscalateExploreConversation(
-    $input: EscalateExploreConversationInput!
-  ) {
-    escalateExploreConversation(input: $input) {
-      created
-      escalation {
-        email
-        createdAt
-      }
-    }
-  }
-`
-);
-var EXPLORE_ESCALATION_NOTE_SOFT_MAX = 2e3;
-var DELIVERABLE_EMAIL = /^[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z]{2,}$/;
-function looksLikeDeliverableEmail(value) {
-  const trimmed = value.trim();
-  if (trimmed.length === 0 || trimmed.length > 254) return false;
-  return DELIVERABLE_EMAIL.test(trimmed);
-}
-var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
-  /* GraphQL */
-  `
-  mutation CreateExploreShareLink($conversationToken: String!) {
-    createExploreShareLink(conversationToken: $conversationToken) {
-      shareToken
-    }
-  }
-`
-);
-var EXPLORE_SHARED_CONVERSATION_QUERY = (
-  /* GraphQL */
-  `
-  query ExploreSharedConversation($shareToken: String!) {
-    exploreSharedConversation(shareToken: $shareToken) {
-      ${EXPLORE_MESSAGE_FIELDS}
-    }
-  }
-`
-);
-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([
@@ -2249,27 +1911,237 @@ var _WebSDKClient = class _WebSDKClient {
         _WebSDKClient.RETRY_BASE_DELAY_MS * (i + 1) + Math.random() * 200
       );
     }
-    return last;
+    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;
+}
+function useWebSDKConfig() {
+  const client = useWebSDK();
+  return client.getConfig();
+}
+
+// src/components/explore-types.ts
+var EXPLORE_FEEDBACK_REASONS = [
+  "INACCURATE",
+  "INCOMPLETE",
+  "OFF_TOPIC",
+  "HARD_TO_FOLLOW",
+  "OTHER"
+];
+var EXPLORE_MESSAGE_FIELDS = (
+  /* GraphQL */
+  `
+  id
+  conversationId
+  role
+  status
+  content
+  partialContent
+  activity
+  references {
+    url
+    title
+    description
+    product
+    imageUrl
+    index
+  }
+  ctas {
+    kind
+    label
+    url
+    product
+  }
+  followUps
+  answered
+  attachments {
+    name
+    mimeType
+    size
+    textExtracted
+  }
+  errorCode
+  createdAt
+  completedAt
+`
+);
+var EXPLORE_OWN_MESSAGE_FIELDS = (
+  /* GraphQL */
+  `
+  ${EXPLORE_MESSAGE_FIELDS}
+  feedback {
+    rating
+    reason
+    comment
+    createdAt
+  }
+`
+);
+var EXPLORE_CATALOG_ESTABLISHED_FIELDS = (
+  /* GraphQL */
+  `
+      enabled
+      products {
+        slug
+        name
+        tagline
+        website
+      }
+      examplePrompts
+      welcomeTitle
+      welcomeBody
+      limits {
+        maxMessageLength
+        maxTurnsPerConversation
+        messagesPerDay
+        historyTurns
+      }
+      captchaRequired
+      recaptchaSiteKey`
+);
+var EXPLORE_CATALOG_HIGHLIGHT_FIELD = (
+  /* GraphQL */
+  `
+      conceptHighlights {
+        product
+        productName
+        title
+        url
+        imageUrl
+        alt
+      }`
+);
+function exploreCatalogDocument(extraFields) {
+  return (
+    /* GraphQL */
+    `
+  query ExploreCatalog($productSlug: String) {
+    exploreCatalog(productSlug: $productSlug) {${EXPLORE_CATALOG_ESTABLISHED_FIELDS}${extraFields}
+    }
+  }
+`
+  );
+}
+var EXPLORE_CATALOG_QUERY = exploreCatalogDocument(
+  EXPLORE_CATALOG_HIGHLIGHT_FIELD
+);
+var EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS = exploreCatalogDocument("");
+var EXPLORE_MESSAGE_QUERY = (
+  /* GraphQL */
+  `
+  query ExploreMessage($conversationToken: String!, $id: ID!) {
+    exploreMessage(conversationToken: $conversationToken, id: $id) {
+      ${EXPLORE_OWN_MESSAGE_FIELDS}
+    }
+  }
+`
+);
+var SEND_EXPLORE_MESSAGE_MUTATION = (
+  /* GraphQL */
+  `
+  mutation SendExploreMessage($input: SendExploreMessageInput!) {
+    sendExploreMessage(input: $input) {
+      conversation {
+        id
+        token
+        productSlug
+        turnCount
+        createdAt
+      }
+      userMessage {
+        ${EXPLORE_OWN_MESSAGE_FIELDS}
+      }
+      assistantMessage {
+        ${EXPLORE_OWN_MESSAGE_FIELDS}
+      }
+      remainingToday
+    }
+  }
+`
+);
+var RECORD_EXPLORE_CLICK_MUTATION = (
+  /* GraphQL */
+  `
+  mutation RecordExploreClick($input: RecordExploreClickInput!) {
+    recordExploreClick(input: $input) {
+      recorded
+    }
+  }
+`
+);
+var SUBMIT_EXPLORE_FEEDBACK_MUTATION = (
+  /* GraphQL */
+  `
+  mutation SubmitExploreFeedback($input: SubmitExploreFeedbackInput!) {
+    submitExploreFeedback(input: $input) {
+      recorded
+      feedback {
+        rating
+        reason
+        comment
+        createdAt
+      }
+    }
+  }
+`
+);
+var EXPLORE_FEEDBACK_COMMENT_SOFT_MAX = 500;
+var ESCALATE_EXPLORE_CONVERSATION_MUTATION = (
+  /* GraphQL */
+  `
+  mutation EscalateExploreConversation(
+    $input: EscalateExploreConversationInput!
+  ) {
+    escalateExploreConversation(input: $input) {
+      created
+      escalation {
+        email
+        createdAt
+      }
+    }
+  }
+`
+);
+var EXPLORE_ESCALATION_NOTE_SOFT_MAX = 2e3;
+var DELIVERABLE_EMAIL = /^[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z]{2,}$/;
+function looksLikeDeliverableEmail(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0 || trimmed.length > 254) return false;
+  return DELIVERABLE_EMAIL.test(trimmed);
+}
+var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
+  /* GraphQL */
+  `
+  mutation CreateExploreShareLink($conversationToken: String!) {
+    createExploreShareLink(conversationToken: $conversationToken) {
+      shareToken
+    }
   }
-};
-__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");
+`
+);
+var EXPLORE_SHARED_CONVERSATION_QUERY = (
+  /* GraphQL */
+  `
+  query ExploreSharedConversation($shareToken: String!) {
+    exploreSharedConversation(shareToken: $shareToken) {
+      ${EXPLORE_MESSAGE_FIELDS}
+    }
   }
-  return client;
-}
-function useWebSDKConfig() {
-  const client = useWebSDK();
-  return client.getConfig();
-}
+`
+);
 
 // src/utils/product-slug.ts
 var PRODUCT_SLUG_RENAMES = Object.freeze(
@@ -2872,7 +2744,9 @@ function useExploreChat(options = {}) {
     pollTimeoutMs = DEFAULT_POLL_TIMEOUT_MS,
     storageKey = DEFAULT_STORAGE_KEY,
     persist = true,
-    onSend
+    onSend,
+    enabled = true,
+    shareToken: shareTokenOption
   } = options;
   const client = useWebSDK();
   const { productId } = useWebSDKConfig();
@@ -2910,7 +2784,7 @@ function useExploreChat(options = {}) {
   const [hasConversation, setHasConversation] = useState(false);
   const shareTokenRef = useRef(void 0);
   if (shareTokenRef.current === void 0) {
-    shareTokenRef.current = readShareToken();
+    shareTokenRef.current = shareTokenOption === void 0 ? readShareToken() : shareTokenOption;
   }
   const isSharedView = shareTokenRef.current !== null;
   const catalogRef = useRef(catalog);
@@ -2948,6 +2822,7 @@ function useExploreChat(options = {}) {
     };
   }, []);
   useEffect(() => {
+    if (!enabled) return;
     const shareToken = shareTokenRef.current;
     if (!shareToken) return;
     let cancelled = false;
@@ -2982,8 +2857,9 @@ function useExploreChat(options = {}) {
     return () => {
       cancelled = true;
     };
-  }, [client]);
+  }, [client, enabled]);
   useEffect(() => {
+    if (!enabled) return;
     if (shareTokenRef.current !== null) return;
     if (!persist) {
       setHydrated(true);
@@ -3008,9 +2884,10 @@ function useExploreChat(options = {}) {
       setTurnCount(turns);
     }
     setHydrated(true);
-  }, [persist, rememberConversationToken, storageKey]);
+  }, [persist, rememberConversationToken, storageKey, enabled]);
   useEffect(() => {
-    if (!persist || !hydrated || typeof window === "undefined") return;
+    if (!persist || !hydrated || isSharedView || typeof window === "undefined")
+      return;
     try {
       const payload = {
         conversationToken: conversationTokenRef.current,
@@ -3024,10 +2901,10 @@ function useExploreChat(options = {}) {
       window.localStorage.setItem(storageKey, JSON.stringify(payload));
     } catch {
     }
-  }, [persist, hydrated, storageKey, messages, focusProduct]);
+  }, [persist, hydrated, isSharedView, storageKey, messages, focusProduct]);
   useEffect(() => {
     messagesRef.current = messages;
-    if (!persist || !hydrated) return;
+    if (!persist || !hydrated || isSharedView) return;
     const settled = messages.some(
       (m) => m.role === "ASSISTANT" && (m.status === "COMPLETED" || m.status === "FAILED")
     );
@@ -3039,8 +2916,9 @@ function useExploreChat(options = {}) {
         focusProduct: focusProductRef.current
       })
     );
-  }, [messages, persist, hydrated, storageKey]);
+  }, [messages, persist, hydrated, isSharedView, storageKey]);
   useEffect(() => {
+    if (!enabled) return;
     let cancelled = false;
     const load = async () => {
       const variables = { productSlug: productSlug ?? null };
@@ -3081,7 +2959,7 @@ function useExploreChat(options = {}) {
     return () => {
       cancelled = true;
     };
-  }, [client, productSlug, fallbackCatalog, bakedRaw]);
+  }, [client, productSlug, fallbackCatalog, bakedRaw, enabled]);
   const startPolling = useCallback(
     (conversationToken, messageId) => {
       pollGenerationRef.current += 1;
@@ -3578,6 +3456,218 @@ function makeOptimisticId() {
   optimisticCounter += 1;
   return `boff-explore-local-${Date.now()}-${optimisticCounter}`;
 }
+var ExploreConversationContext = createContext(null);
+function useExploreConversation(options = {}) {
+  const {
+    productSlug,
+    locale,
+    examplePrompts,
+    onSend,
+    pageUrl,
+    enabled,
+    shareToken
+  } = options;
+  const urlAtMount = useMemo(
+    () => typeof window === "undefined" ? void 0 : window.location.href,
+    []
+  );
+  const T = useMemo(
+    () => exploreStrings(resolveExploreLocale(locale)),
+    [locale]
+  );
+  const chat = useExploreChat({
+    productSlug,
+    pageUrl: pageUrl ?? urlAtMount,
+    onSend,
+    // Locale-aware, so a catalog outage degrades to a translated welcome rather than an English one.
+    examplePrompts: examplePrompts ?? T.prompts,
+    fallbackWelcome: { title: T.welcomeTitle, body: T.welcomeBody },
+    ...enabled === void 0 ? {} : { enabled },
+    ...shareToken === void 0 ? {} : { shareToken }
+  });
+  const [draft, setDraft] = useState("");
+  const [staged, setStaged] = useState([]);
+  return useMemo(
+    () => ({ ...chat, draft, setDraft, staged, setStaged }),
+    [chat, draft, staged]
+  );
+}
+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 } });
+}
 var DRAIN_TARGET_MS = 1200;
 var MIN_CHARS_PER_SECOND = 90;
 var MAX_CHARS_PER_SECOND = 2200;
@@ -6348,15 +6438,17 @@ function WelcomeState({
   focusProduct,
   onPrompt,
   onFocus,
-  disabled
+  disabled,
+  heading = "h1"
 }) {
+  const Heading = heading;
   return /* @__PURE__ */ jsxs("div", { className: "boff-explore-aura mx-auto my-auto w-full max-w-3xl px-4 py-4 sm:py-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "boff-explore-rise text-center", children: [
       /* @__PURE__ */ jsxs("span", { className: "boff-explore-hero-badge 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" }),
         T.badge
       ] }),
-      /* @__PURE__ */ jsx("h1", { className: "mt-2 text-balance break-words text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
+      /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-balance break-words text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
       /* @__PURE__ */ jsx("p", { className: "mx-auto mt-2 max-w-2xl text-pretty text-sm leading-relaxed text-muted-foreground", children: body })
     ] }),
     /* @__PURE__ */ jsx("ul", { className: "boff-explore-capabilities boff-explore-rise boff-explore-rise-1 mt-4 grid grid-cols-3 gap-2 sm:gap-2.5", children: CAPABILITIES.map(({ icon: Icon, body: capBody }, i) => /* @__PURE__ */ jsxs(
@@ -6411,19 +6503,36 @@ function exploreQuestionHref(question, base = "/explore") {
   const joiner = base.includes("?") ? "&" : "?";
   return `${base}${joiner}q=${encodeURIComponent(trimmed)}`;
 }
-function ExplorePage({
+function ExplorePage(props) {
+  const shared = useContext(ExploreConversationContext);
+  return shared ? /* @__PURE__ */ jsx(ExploreView, { ...props, conversation: shared }) : /* @__PURE__ */ jsx(StandaloneExplorePage, { ...props });
+}
+function StandaloneExplorePage(props) {
+  const conversation = useExploreConversation({
+    productSlug: props.productSlug,
+    locale: props.locale,
+    examplePrompts: props.examplePrompts,
+    onSend: props.onSend
+  });
+  return /* @__PURE__ */ jsx(ExploreView, { ...props, conversation });
+}
+function ExploreView({
   seo,
   productSlug,
-  examplePrompts,
   className,
   heightMode = "viewport",
   viewportOffset,
   onNavigate,
-  onSend,
   welcomeTitle,
   welcomeBody,
-  locale
+  locale,
+  presentation = "page",
+  active = true,
+  explorePath = "/explore",
+  conversation
 }) {
+  const panel = presentation === "panel";
+  const viewportPage = !panel && heightMode === "viewport";
   const pageUrl = useMemo(
     () => typeof window === "undefined" ? void 0 : window.location.href,
     []
@@ -6459,26 +6568,21 @@ function ExplorePage({
     escalate,
     canEscalate,
     createShareLink,
-    isSharedView
-  } = useExploreChat({
-    productSlug,
-    pageUrl,
-    onSend,
-    // Locale-aware, so a catalog outage degrades to a translated welcome rather than an
-    // English one. `T.prompts` seeds the chips the same way.
-    examplePrompts: examplePrompts ?? T.prompts,
-    fallbackWelcome: { title: T.welcomeTitle, body: T.welcomeBody }
-  });
-  const [draft, setDraft] = useState("");
+    isSharedView,
+    draft,
+    setDraft,
+    staged,
+    setStaged
+  } = conversation;
   const textareaRef = useRef(null);
   useEffect(() => {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined" || panel) return;
     const params = new URLSearchParams(window.location.search);
     if (params.has("c")) return;
     const question = params.get("q")?.trim();
     if (!question) return;
     setDraft(question.slice(0, EXPLORE_PREFILL_MAX_LENGTH));
-  }, []);
+  }, [panel, setDraft]);
   const [historyOpen, setHistoryOpen] = useState(false);
   const speechStopRef = useRef(() => void 0);
   const stopDictation = useCallback(() => {
@@ -6494,8 +6598,12 @@ function ExplorePage({
     }
   });
   speechStopRef.current = speech.stop;
+  useEffect(() => {
+    if (active) return;
+    stopDictation();
+    stopSpeaking();
+  }, [active, stopDictation]);
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
-  const [staged, setStaged] = useState([]);
   const [attachmentNotice, setAttachmentNotice] = useState(null);
   const fileInputRef = useRef(null);
   const stagedRef = useRef([]);
@@ -6548,7 +6656,7 @@ function ExplorePage({
   const [bottomInset, setBottomInset] = useState(0);
   const paneOffsetRef = useRef(0);
   const measurePane = useCallback(() => {
-    if (heightMode !== "viewport") return;
+    if (!viewportPage) return;
     const el = rootRef.current;
     if (!el) return;
     const layoutHeight = window.innerHeight;
@@ -6567,7 +6675,7 @@ function ExplorePage({
     paneOffsetRef.current = top;
     setPaneOffset((current) => current === top ? current : top);
     setBottomInset((current) => current === inset ? current : inset);
-  }, [heightMode]);
+  }, [viewportPage]);
   const [chromeOverlap, setChromeOverlap] = useState(0);
   const measureChrome = useCallback(() => {
     const root = rootRef.current;
@@ -6592,7 +6700,7 @@ function ExplorePage({
     measureChrome();
   }, [measurePane, measureChrome]);
   useEffect(() => {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined" || panel) return;
     let frame = 0;
     const run = () => {
       frame = 0;
@@ -6630,12 +6738,12 @@ function ExplorePage({
       setBottomInset(0);
       setChromeOverlap(0);
     };
-  }, [remeasure]);
+  }, [remeasure, panel]);
   useEffect(() => {
     measureChrome();
   }, [measureChrome, paneOffset, bottomInset]);
   useEffect(() => {
-    if (heightMode !== "viewport" || typeof window === "undefined") return;
+    if (!viewportPage || typeof window === "undefined") return;
     const { history: browserHistory } = window;
     const previousRestoration = "scrollRestoration" in browserHistory ? browserHistory.scrollRestoration : null;
     if (previousRestoration !== null)
@@ -6703,14 +6811,14 @@ function ExplorePage({
       if (previousRestoration !== null)
         browserHistory.scrollRestoration = previousRestoration;
     };
-  }, [heightMode, remeasure]);
+  }, [viewportPage, remeasure]);
   const handleScroll = useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     stickToBottomRef.current = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
   }, []);
   useEffect(() => {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined" || panel) return;
     let frame = 0;
     const run = () => {
       frame = 0;
@@ -6733,7 +6841,7 @@ function ExplorePage({
       if (frame) window.cancelAnimationFrame(frame);
       window.removeEventListener("scroll", schedule);
     };
-  }, []);
+  }, [panel]);
   const latestAssistantId = useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i -= 1) {
       const message = messages[i];
@@ -6749,7 +6857,7 @@ function ExplorePage({
     if (!stickToBottomRef.current) return;
     if (anchor.offsetHeight === 0) return;
     alignedForRef.current = latestAssistantId;
-    if (!pageOwnsScrolling(el)) {
+    if (panel || !pageOwnsScrolling(el)) {
       const delta2 = anchor.getBoundingClientRect().top - el.getBoundingClientRect().top;
       el.scrollTop = Math.max(0, el.scrollTop + delta2 - 12);
       return;
@@ -6758,7 +6866,7 @@ function ExplorePage({
       anchor.getBoundingClientRect().top - paneOffsetRef.current - 12
     );
     if (delta !== 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
-  }, [latestAssistantId, messages]);
+  }, [latestAssistantId, messages, panel]);
   useEffect(() => {
     if (messages.length === 0) return;
     if (!stickToBottomRef.current) return;
@@ -6766,7 +6874,7 @@ function ExplorePage({
       return;
     const el = scrollRef.current;
     if (!el) return;
-    if (!pageOwnsScrolling(el)) {
+    if (panel || !pageOwnsScrolling(el)) {
       el.scrollTop = el.scrollHeight;
       return;
     }
@@ -6775,7 +6883,7 @@ function ExplorePage({
       dock.getBoundingClientRect().bottom - visualViewportHeight()
     );
     if (delta > 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
-  }, [activity, latestAssistantId, messages]);
+  }, [activity, latestAssistantId, messages, panel]);
   const handleShare = useCallback(async () => {
     setShareLabel(T.copying);
     setShareUrl(null);
@@ -6785,7 +6893,7 @@ function ExplorePage({
       setTimeout(() => setShareLabel(T.share), 2500);
       return;
     }
-    const url = new URL(pageUrl ?? window.location.href);
+    const url = panel ? new URL(explorePath, window.location.href) : new URL(pageUrl ?? window.location.href);
     url.search = "";
     url.hash = "";
     url.searchParams.set("c", token);
@@ -6801,6 +6909,8 @@ function ExplorePage({
   }, [
     createShareLink,
     pageUrl,
+    panel,
+    explorePath,
     T.copied,
     T.copying,
     T.share,
@@ -6829,12 +6939,15 @@ function ExplorePage({
       });
       return pickQueueRef.current;
     },
-    [T]
+    [T, setStaged]
+  );
+  const removeAttachment = useCallback(
+    (id) => {
+      setStaged((prev) => prev.filter((entry) => entry.id !== id));
+      setAttachmentNotice(null);
+    },
+    [setStaged]
   );
-  const removeAttachment = useCallback((id) => {
-    setStaged((prev) => prev.filter((entry) => entry.id !== id));
-    setAttachmentNotice(null);
-  }, []);
   const submitDraft = useCallback(() => {
     const text = draft.trim();
     if (!text || overLimit || busy || !canSend) return;
@@ -6846,7 +6959,16 @@ function ExplorePage({
     setStaged([]);
     setAttachmentNotice(null);
     textareaRef.current?.focus();
-  }, [busy, canSend, draft, overLimit, send, stopDictation]);
+  }, [
+    busy,
+    canSend,
+    draft,
+    overLimit,
+    send,
+    setDraft,
+    setStaged,
+    stopDictation
+  ]);
   const sendPrompt = useCallback(
     (prompt) => {
       if (!canSend || busy) return;
@@ -6857,7 +6979,7 @@ function ExplorePage({
       setStaged([]);
       setAttachmentNotice(null);
     },
-    [busy, canSend, send]
+    [busy, canSend, send, setDraft, setStaged]
   );
   const handleKeyDown = useCallback(
     (event) => {
@@ -6879,7 +7001,7 @@ function ExplorePage({
     [serverCatalogRaw]
   );
   const rootStyle = {};
-  if (heightMode === "viewport") {
+  if (viewportPage) {
     rootStyle["--boff-explore-offset"] = paneOffset === null ? normalizeOffset(viewportOffset) : `${paneOffset}px`;
     if (bottomInset > 0) {
       rootStyle["--boff-explore-inset"] = `${bottomInset}px`;
@@ -6892,19 +7014,19 @@ function ExplorePage({
     "div",
     {
       ref: rootRef,
-      "data-boff-explore": "page",
+      "data-boff-explore": panel ? "panel" : "page",
       "data-phase": phase,
       "data-locale": activeLocale,
       dir: rtl ? "rtl" : void 0,
       className: cn(
-        "flex w-full min-w-0 flex-col overflow-x-hidden bg-background text-foreground",
-        heightMode === "viewport" && "boff-explore-viewport",
-        heightMode === "auto" && "min-h-[70vh]",
+        panel ? "boff-explore-panel flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden bg-background text-foreground" : "flex w-full min-w-0 flex-col overflow-x-hidden bg-background text-foreground",
+        viewportPage && "boff-explore-viewport",
+        !panel && heightMode === "auto" && "min-h-[70vh]",
         className
       ),
-      style: rootStyle,
+      style: panel ? void 0 : rootStyle,
       children: [
-        /* @__PURE__ */ jsx(
+        panel ? null : /* @__PURE__ */ jsx(
           PageHead,
           {
             title: seo?.title ?? T.seoTitle,
@@ -6917,7 +7039,11 @@ function ExplorePage({
         ),
         /* @__PURE__ */ jsx(ProseStyles, {}),
         /* @__PURE__ */ jsx(ExploreStyles, {}),
-        bakedCatalogJson ? /* @__PURE__ */ jsx(
+        panel ? /* @__PURE__ */ jsx("style", { children: `.boff-explore-panel .boff-explore-scroll { container: boff-explore-pane / size; }
+@container boff-explore-pane (width < ${toRem(WELCOME_FIT_MIN_WIDTH_PX)}) {
+  .boff-explore-panel .boff-explore-scroll .boff-explore-capabilities { display: none; }
+}` }) : null,
+        !panel && bakedCatalogJson ? /* @__PURE__ */ jsx(
           "script",
           {
             id: BAKED_CATALOG_ELEMENT_ID,
@@ -6937,7 +7063,7 @@ function ExplorePage({
               children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("h1", { className: "truncate text-sm font-semibold", children: resolvedTitle }),
+          panel ? /* @__PURE__ */ jsx("h2", { className: "truncate text-sm font-semibold", children: resolvedTitle }) : /* @__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,
@@ -7081,6 +7207,7 @@ function ExplorePage({
             children: showWelcome ? /* @__PURE__ */ jsx(
               WelcomeState,
               {
+                heading: panel ? "h2" : "h1",
                 strings: T,
                 title: resolvedTitle,
                 body: resolvedBody,