@burdenoff/website-sdk 2026.829.8 → 2026.921.1

package/dist/components/explore.mjs

@@ -4,7 +4,7 @@ import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square,
 import ReactMarkdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
-import { jsx, jsxs } from 'react/jsx-runtime';
+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';
@@ -54,9 +54,12 @@ var EN = {
   attachmentTooLarge: "{{name}} is larger than {{size}} MB and was not attached.",
   attachmentTooMany: "Only {{max}} files can be attached, so {{name}} was skipped.",
   noAnswer: "I couldn't find this in our documentation, so the answer below is not grounded in a source. Try rephrasing, or",
+  answerDidNotArrive: "That answer didn't come through. Try asking again.",
   askHuman: "ask a human",
   prevSuggestion: "Previous suggestion",
   nextSuggestion: "Next suggestion",
+  conceptIllustration: "Concept illustration",
+  opensInNewTab: "opens in a new tab",
   capabilities: [
     "Grounded in our own docs",
     "Compare across the ecosystem",
@@ -102,9 +105,12 @@ var ZH = {
   attachmentTooLarge: "{{name}} \u8D85\u8FC7 {{size}} MB\uFF0C\u672A\u80FD\u6DFB\u52A0\u3002",
   attachmentTooMany: "\u6700\u591A\u53EA\u80FD\u6DFB\u52A0 {{max}} \u4E2A\u6587\u4EF6\uFF0C\u5DF2\u8DF3\u8FC7 {{name}}\u3002",
   noAnswer: "\u6211\u5728\u6587\u6863\u4E2D\u6CA1\u6709\u627E\u5230\u76F8\u5173\u5185\u5BB9\uFF0C\u4E0B\u9762\u7684\u56DE\u7B54\u6CA1\u6709\u6765\u6E90\u652F\u6301\u3002\u8BF7\u6362\u4E2A\u8BF4\u6CD5\uFF0C\u6216",
+  answerDidNotArrive: "\u8FD9\u6761\u56DE\u7B54\u6CA1\u6709\u8FD4\u56DE\u3002\u8BF7\u518D\u95EE\u4E00\u6B21\u3002",
   askHuman: "\u8054\u7CFB\u6211\u4EEC",
   prevSuggestion: "\u4E0A\u4E00\u4E2A\u5EFA\u8BAE",
   nextSuggestion: "\u4E0B\u4E00\u4E2A\u5EFA\u8BAE",
+  conceptIllustration: "\u6982\u5FF5\u793A\u610F\u56FE",
+  opensInNewTab: "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00",
   capabilities: ["\u57FA\u4E8E\u6211\u4EEC\u81EA\u5DF1\u7684\u6587\u6863", "\u8DE8\u4EA7\u54C1\u5BF9\u6BD4", "\u76F4\u8FBE\u6B63\u786E\u7684\u9875\u9762"],
   prompts: [
     "\u8FD9\u4E2A\u4EA7\u54C1\u5230\u5E95\u80FD\u505A\u4EC0\u4E48\uFF1F",
@@ -146,9 +152,12 @@ var HI = {
   attachmentTooLarge: "{{name}} {{size}} MB \u0938\u0947 \u092C\u0921\u093C\u0940 \u0939\u0948, \u0907\u0938\u0932\u093F\u090F \u091C\u094B\u0921\u093C\u0940 \u0928\u0939\u0940\u0902 \u0917\u0908\u0964",
   attachmentTooMany: "\u0915\u0947\u0935\u0932 {{max}} \u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u091C\u094B\u0921\u093C\u0940 \u091C\u093E \u0938\u0915\u0924\u0940 \u0939\u0948\u0902, \u0907\u0938\u0932\u093F\u090F {{name}} \u091B\u094B\u0921\u093C \u0926\u0940 \u0917\u0908\u0964",
   noAnswer: "\u092F\u0939 \u092E\u0941\u091D\u0947 \u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092E\u0947\u0902 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u093E, \u0907\u0938\u0932\u093F\u090F \u0928\u0940\u091A\u0947 \u0926\u093F\u092F\u093E \u0909\u0924\u094D\u0924\u0930 \u0915\u093F\u0938\u0940 \u0938\u094D\u0930\u094B\u0924 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0926\u0942\u0938\u0930\u0947 \u0936\u092C\u094D\u0926\u094B\u0902 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902, \u092F\u093E",
+  answerDidNotArrive: "\u0935\u0939 \u0909\u0924\u094D\u0924\u0930 \u0928\u0939\u0940\u0902 \u0906 \u0938\u0915\u093E\u0964 \u0915\u0943\u092A\u092F\u093E \u0926\u094B\u092C\u093E\u0930\u093E \u092A\u0942\u091B\u0947\u0902\u0964",
   askHuman: "\u0939\u092E\u0938\u0947 \u0938\u0902\u092A\u0930\u094D\u0915 \u0915\u0930\u0947\u0902",
   prevSuggestion: "\u092A\u093F\u091B\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
   nextSuggestion: "\u0905\u0917\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
+  conceptIllustration: "\u0905\u0935\u0927\u093E\u0930\u0923\u093E \u091A\u093F\u0924\u094D\u0930\u0923",
+  opensInNewTab: "\u0928\u090F \u091F\u0948\u092C \u092E\u0947\u0902 \u0916\u0941\u0932\u0924\u093E \u0939\u0948",
   capabilities: [
     "\u0939\u092E\u093E\u0930\u0947 \u0905\u092A\u0928\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924",
     "\u0938\u092D\u0940 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0940 \u0924\u0941\u0932\u0928\u093E \u0915\u0930\u0947\u0902",
@@ -194,9 +203,12 @@ var ES = {
   attachmentTooLarge: "{{name}} supera los {{size}} MB y no se adjunt\xF3.",
   attachmentTooMany: "Solo se pueden adjuntar {{max}} archivos, as\xED que se omiti\xF3 {{name}}.",
   noAnswer: "No he encontrado esto en nuestra documentaci\xF3n, as\xED que la respuesta de abajo no se apoya en ninguna fuente. Prueba a reformularla, o",
+  answerDidNotArrive: "Esa respuesta no lleg\xF3. Int\xE9ntalo de nuevo.",
   askHuman: "habla con una persona",
   prevSuggestion: "Sugerencia anterior",
   nextSuggestion: "Sugerencia siguiente",
+  conceptIllustration: "Ilustraci\xF3n del concepto",
+  opensInNewTab: "se abre en una pesta\xF1a nueva",
   capabilities: [
     "Basado en nuestra documentaci\xF3n",
     "Compara todo el ecosistema",
@@ -242,9 +254,12 @@ var AR = {
   attachmentTooLarge: "{{name}} \u0623\u0643\u0628\u0631 \u0645\u0646 {{size}} \u0645\u064A\u063A\u0627\u0628\u0627\u064A\u062A \u0648\u0644\u0645 \u064A\u062A\u0645 \u0625\u0631\u0641\u0627\u0642\u0647.",
   attachmentTooMany: "\u064A\u0645\u0643\u0646 \u0625\u0631\u0641\u0627\u0642 {{max}} \u0645\u0644\u0641\u0627\u062A \u0641\u0642\u0637\u060C \u0644\u0630\u0627 \u062A\u0645 \u062A\u062E\u0637\u064A {{name}}.",
   noAnswer: "\u0644\u0645 \u0623\u062C\u062F \u0647\u0630\u0627 \u0641\u064A \u0648\u062B\u0627\u0626\u0642\u0646\u0627\u060C \u0644\u0630\u0627 \u0641\u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0623\u062F\u0646\u0627\u0647 \u063A\u064A\u0631 \u0645\u0633\u062A\u0646\u062F\u0629 \u0625\u0644\u0649 \u0645\u0635\u062F\u0631. \u062D\u0627\u0648\u0644 \u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0635\u064A\u0627\u063A\u0629\u060C \u0623\u0648",
+  answerDidNotArrive: "\u0644\u0645 \u062A\u0635\u0644 \u0647\u0630\u0647 \u0627\u0644\u0625\u062C\u0627\u0628\u0629. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",
   askHuman: "\u062A\u062D\u062F\u0651\u062B \u0625\u0644\u0649 \u0634\u062E\u0635",
   prevSuggestion: "\u0627\u0644\u0627\u0642\u062A\u0631\u0627\u062D \u0627\u0644\u0633\u0627\u0628\u0642",
   nextSuggestion: "\u0627\u0644\u0627\u0642\u062A\u0631\u0627\u062D \u0627\u0644\u062A\u0627\u0644\u064A",
+  conceptIllustration: "\u0631\u0633\u0645 \u062A\u0648\u0636\u064A\u062D\u064A \u0644\u0644\u0645\u0641\u0647\u0648\u0645",
+  opensInNewTab: "\u064A\u064F\u0641\u062A\u062D \u0641\u064A \u0639\u0644\u0627\u0645\u0629 \u062A\u0628\u0648\u064A\u0628 \u062C\u062F\u064A\u062F\u0629",
   capabilities: [
     "\u0645\u0628\u0646\u064A \u0639\u0644\u0649 \u0648\u062B\u0627\u0626\u0642\u0646\u0627",
     "\u0642\u0627\u0631\u0646 \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629",
@@ -290,9 +305,12 @@ var TA = {
   attachmentTooLarge: "{{name}} {{size}} MB-\u0B90 \u0BB5\u0BBF\u0B9F \u0BAA\u0BC6\u0BB0\u0BBF\u0BAF\u0BA4\u0BC1, \u0B8E\u0BA9\u0BB5\u0BC7 \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
   attachmentTooMany: "{{max}} \u0B95\u0BCB\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BCD \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BC7 \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BC1\u0BAE\u0BCD, \u0B8E\u0BA9\u0BB5\u0BC7 {{name}} \u0BA4\u0BB5\u0BBF\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F\u0BA4\u0BC1.",
   noAnswer: "\u0B87\u0BA4\u0BC1 \u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BB2\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8, \u0B8E\u0BA9\u0BB5\u0BC7 \u0B95\u0BC0\u0BB4\u0BC7 \u0B89\u0BB3\u0BCD\u0BB3 \u0BAA\u0BA4\u0BBF\u0BB2\u0BC1\u0B95\u0BCD\u0B95\u0BC1 \u0BAE\u0BC2\u0BB2\u0BAE\u0BCD \u0B87\u0BB2\u0BCD\u0BB2\u0BC8. \u0BB5\u0BC7\u0BB1\u0BC1 \u0BB5\u0B95\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD \u0B95\u0BC7\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD, \u0B85\u0BB2\u0BCD\u0BB2\u0BA4\u0BC1",
+  answerDidNotArrive: "\u0B85\u0BA8\u0BCD\u0BA4\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0BB5\u0BB0\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8. \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0B95\u0BC7\u0B9F\u0BCD\u0B9F\u0BC1\u0BAA\u0BCD \u0BAA\u0BBE\u0BB0\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD.",
   askHuman: "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0BB0\u0BCD\u0BAA\u0BC1 \u0B95\u0BCA\u0BB3\u0BCD\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
   prevSuggestion: "\u0BAE\u0BC1\u0BA8\u0BCD\u0BA4\u0BC8\u0BAF \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8",
   nextSuggestion: "\u0B85\u0B9F\u0BC1\u0BA4\u0BCD\u0BA4 \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8",
+  conceptIllustration: "\u0B95\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1 \u0BB5\u0BBF\u0BB3\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BAE\u0BCD",
+  opensInNewTab: "\u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0BA4\u0BBE\u0BB5\u0BB2\u0BBF\u0BB2\u0BCD \u0BA4\u0BBF\u0BB1\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD",
   capabilities: [
     "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B9A\u0BCA\u0BA8\u0BCD\u0BA4 \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BA9\u0BCD \u0B85\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD",
     "\u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BC8 \u0B92\u0BAA\u0BCD\u0BAA\u0BBF\u0B9F\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
@@ -333,19 +351,26 @@ function exploreStrings(locale) {
 function fill(template, values) {
   return template.replace(/\{(\w+)\}/g, (match, key) => values[key] ?? match);
 }
+function MarkdownLink({
+  href,
+  children,
+  // react-markdown passes the hast node to every override; it is not a DOM attribute.
+  node: _node,
+  ...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
+    }
+  );
+}
 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
-      }
-    );
-  }
+  a: MarkdownLink
 };
 function Markdown({
   children,
@@ -906,10 +931,13 @@ var ECOSYSTEM_PRODUCTS = [
     name: "VibeControls",
     websiteUrl: "https://vibecontrols.com"
   },
+  // FluidGrids ships on www.fluidgrids.ai — fluidgrids.com only redirects there. The explore
+  // catalog and the site's own sitemap use this origin, and so must the fallback catalog
+  // built from this list, or /explore rejects FluidGrids concept images until it loads.
   {
     slug: "fluidgrids",
     name: "FluidGrids",
-    websiteUrl: "https://fluidgrids.com"
+    websiteUrl: "https://www.fluidgrids.ai"
   },
   // Botlit ships on botlit.ai — botlit.com does not resolve.
   { slug: "botlit", name: "Botlit", websiteUrl: "https://www.botlit.ai" },
@@ -1160,7 +1188,7 @@ var DEFAULT_EXPLORE_EXAMPLE_PROMPTS = [
 ];
 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) {
+function buildFallbackCatalog(examplePrompts, welcome) {
   return {
     enabled: true,
     products: ECOSYSTEM_PRODUCTS.map((p) => ({
@@ -1170,8 +1198,8 @@ function buildFallbackCatalog(examplePrompts) {
       website: p.websiteUrl
     })),
     examplePrompts: examplePrompts?.length ? examplePrompts : DEFAULT_EXPLORE_EXAMPLE_PROMPTS,
-    welcomeTitle: FALLBACK_WELCOME_TITLE,
-    welcomeBody: FALLBACK_WELCOME_BODY,
+    welcomeTitle: welcome?.title ?? FALLBACK_WELCOME_TITLE,
+    welcomeBody: welcome?.body ?? FALLBACK_WELCOME_BODY,
     limits: FALLBACK_EXPLORE_LIMITS,
     captchaRequired: false,
     recaptchaSiteKey: null
@@ -1231,7 +1259,15 @@ function classifyExploreError(code, serverMessage) {
       retryable: true
     };
   }
-  if (c === "TIMEOUT" || c === "TOOL_BUDGET") {
+  if (c === "TOOL_BUDGET") {
+    return {
+      kind: "scope",
+      code: c,
+      message: "That question spans more of our products than I can look through in one go. Try asking about two or three specific products.",
+      retryable: false
+    };
+  }
+  if (c === "TIMEOUT") {
     return {
       kind: "timeout",
       code: c,
@@ -1363,6 +1399,7 @@ function useExploreChat(options = {}) {
     pageUrl,
     locale,
     examplePrompts,
+    fallbackWelcome,
     pollIntervalMs = DEFAULT_POLL_INTERVAL_MS,
     pollTimeoutMs = DEFAULT_POLL_TIMEOUT_MS,
     storageKey = DEFAULT_STORAGE_KEY,
@@ -1371,9 +1408,13 @@ function useExploreChat(options = {}) {
   } = options;
   const client = useWebSDK();
   const promptKey = JSON.stringify(examplePrompts ?? []);
+  const welcomeKey = JSON.stringify(fallbackWelcome ?? null);
   const fallbackCatalog = useMemo(
-    () => buildFallbackCatalog(JSON.parse(promptKey)),
-    [promptKey]
+    () => buildFallbackCatalog(
+      JSON.parse(promptKey),
+      JSON.parse(welcomeKey) ?? void 0
+    ),
+    [promptKey, welcomeKey]
   );
   const [catalog, setCatalog] = useState(fallbackCatalog);
   const [messages, setMessages] = useState([]);
@@ -2200,6 +2241,9 @@ function resolveImageUrl(image, base) {
     return image;
   }
 }
+function serializeJsonLd(data) {
+  return JSON.stringify(data).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
 function PageHead({
   title,
   description,
@@ -2241,7 +2285,7 @@ function PageHead({
     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}`)),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsx("script", { type: "application/ld+json", children: serializeJsonLd(data) }, `ld-${index}`)),
     additionalMeta?.map((meta, index) => /* @__PURE__ */ jsx(
       "meta",
       {
@@ -2658,6 +2702,93 @@ function logoUrlOf(url) {
     return null;
   }
 }
+function inlineImageOrigins(products) {
+  const origins = /* @__PURE__ */ new Set();
+  for (const product of products) {
+    let url;
+    try {
+      url = new URL(product.website);
+    } catch {
+      continue;
+    }
+    if (url.protocol !== "https:") continue;
+    const apex = url.hostname.replace(/^www\./, "");
+    const port = url.port ? `:${url.port}` : "";
+    origins.add(`https://${apex}${port}`);
+    origins.add(`https://www.${apex}${port}`);
+  }
+  return origins;
+}
+function isInlineImageAllowed(src, origins) {
+  if (typeof src !== "string" || src === "") return false;
+  let url;
+  try {
+    url = new URL(src);
+  } catch {
+    return false;
+  }
+  if (url.protocol !== "https:" || url.username || url.password) return false;
+  return origins.has(url.origin);
+}
+var InlineImageScopeContext = createContext(null);
+var InsideLinkContext = createContext(false);
+function AnswerLink(props) {
+  return /* @__PURE__ */ jsx(InsideLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx(MarkdownLink, { ...props }) });
+}
+var INLINE_IMAGE_FRAME = "relative inline-block max-w-full overflow-hidden rounded-xl border border-border bg-muted align-top shadow-sm";
+function InlineConceptImage({ src, alt }) {
+  const scope = useContext(InlineImageScopeContext);
+  const insideLink = useContext(InsideLinkContext);
+  if (!scope || !scope.enabled || !isInlineImageAllowed(src, scope.origins) || scope.failed.has(src)) {
+    return null;
+  }
+  const { strings: T, onFailed } = scope;
+  const picture = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        loading: "lazy",
+        decoding: "async",
+        onError: () => onFailed(src),
+        className: "block h-auto max-h-80 w-auto max-w-full object-contain"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute left-2 top-2 rounded-full border border-border bg-background/90 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-foreground shadow-sm",
+        children: T.conceptIllustration
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx("span", { "data-boff-explore": "inline-image", className: "my-3 block", children: insideLink ? /* @__PURE__ */ jsx("span", { className: INLINE_IMAGE_FRAME, children: picture }) : /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: src,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn(
+        INLINE_IMAGE_FRAME,
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: [
+        picture,
+        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          "(",
+          T.opensInNewTab,
+          ")"
+        ] })
+      ]
+    }
+  ) });
+}
+var ANSWER_MARKDOWN_COMPONENTS = {
+  a: AnswerLink,
+  img: InlineConceptImage
+};
 function ReferenceCard({
   reference,
   onFollow
@@ -2840,6 +2971,7 @@ function AssistantBubble({
   strings: T,
   message,
   activity,
+  imageOrigins,
   onNavigate,
   anchorRef,
   onFollow,
@@ -2848,6 +2980,25 @@ function AssistantBubble({
   const streaming = message.status === "PENDING" || message.status === "RUNNING";
   const body = message.content || message.partialContent || "";
   const failed = message.status === "FAILED";
+  const completed = message.status === "COMPLETED";
+  const [failedImages, setFailedImages] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const markImageFailed = useCallback((src) => {
+    setFailedImages(
+      (current) => current.has(src) ? current : new Set(current).add(src)
+    );
+  }, []);
+  const imageScope = useMemo(
+    () => ({
+      strings: T,
+      enabled: completed,
+      origins: imageOrigins,
+      failed: failedImages,
+      onFailed: markImageFailed
+    }),
+    [T, completed, imageOrigins, failedImages, markImageFailed]
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2873,7 +3024,7 @@ function AssistantBubble({
               children: [
                 /* @__PURE__ */ jsx(TriangleAlert, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-600 dark:text-amber-400" }),
                 /* @__PURE__ */ jsxs("span", { children: [
-                  "I couldn't find this in our documentation, so the answer below is not grounded in a source. Try rephrasing, or",
+                  T.noAnswer,
                   " ",
                   /* @__PURE__ */ jsx(
                     "a",
@@ -2894,11 +3045,11 @@ function AssistantBubble({
             }
           ) : null,
           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 boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(Markdown, { children: body }) }),
+            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(InlineImageScopeContext.Provider, { value: imageScope, children: /* @__PURE__ */ jsx(Markdown, { components: ANSWER_MARKDOWN_COMPONENTS, 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,
+          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: T.answerDidNotArrive }) : 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: T.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(
@@ -3314,6 +3465,12 @@ function ExplorePage({
     () => typeof window === "undefined" ? void 0 : window.location.href,
     []
   );
+  const activeLocale = useMemo(
+    () => resolveExploreLocale(locale),
+    [locale]
+  );
+  const T = useMemo(() => exploreStrings(activeLocale), [activeLocale]);
+  const rtl = isRtlLocale(activeLocale);
   const {
     phase,
     catalog,
@@ -3335,7 +3492,15 @@ function ExplorePage({
     recordClick,
     createShareLink,
     isSharedView
-  } = useExploreChat({ productSlug, pageUrl, onSend, examplePrompts });
+  } = 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("");
   const textareaRef = useRef(null);
   const [historyOpen, setHistoryOpen] = useState(false);
@@ -3353,12 +3518,6 @@ function ExplorePage({
     }
   });
   speechStopRef.current = speech.stop;
-  const activeLocale = useMemo(
-    () => resolveExploreLocale(locale),
-    [locale]
-  );
-  const T = useMemo(() => exploreStrings(activeLocale), [activeLocale]);
-  const rtl = isRtlLocale(activeLocale);
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
   const [staged, setStaged] = useState([]);
   const [attachmentNotice, setAttachmentNotice] = useState(null);
@@ -3366,7 +3525,7 @@ function ExplorePage({
   const stagedRef = useRef([]);
   stagedRef.current = staged;
   const pickQueueRef = useRef(Promise.resolve());
-  const [shareLabel, setShareLabel] = useState("Share");
+  const [shareLabel, setShareLabel] = useState(T.share);
   const [shareUrl, setShareUrl] = useState(null);
   const scrollRef = useRef(null);
   const latestAssistantRef = useRef(null);
@@ -3385,6 +3544,10 @@ function ExplorePage({
     () => catalog.products.find((p) => p.slug === focusProduct)?.name ?? null,
     [catalog.products, focusProduct]
   );
+  const imageOrigins = useMemo(
+    () => inlineImageOrigins(catalog.products),
+    [catalog.products]
+  );
   useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
@@ -3423,12 +3586,12 @@ function ExplorePage({
     el.scrollTop = el.scrollHeight;
   }, [activity, latestAssistantId, messages]);
   const handleShare = useCallback(async () => {
-    setShareLabel("Copying\u2026");
+    setShareLabel(T.copying);
     setShareUrl(null);
     const token = await createShareLink();
     if (!token) {
-      setShareLabel("Unavailable");
-      setTimeout(() => setShareLabel("Share"), 2500);
+      setShareLabel(T.shareUnavailable);
+      setTimeout(() => setShareLabel(T.share), 2500);
       return;
     }
     const url = new URL(pageUrl ?? window.location.href);
@@ -3438,13 +3601,20 @@ function ExplorePage({
     const shareable = url.toString();
     try {
       await navigator.clipboard.writeText(shareable);
-      setShareLabel("Copied");
-      setTimeout(() => setShareLabel("Share"), 2500);
+      setShareLabel(T.copied);
+      setTimeout(() => setShareLabel(T.share), 2500);
     } catch {
       setShareUrl(shareable);
-      setShareLabel("Share");
+      setShareLabel(T.share);
     }
-  }, [createShareLink, pageUrl]);
+  }, [
+    createShareLink,
+    pageUrl,
+    T.copied,
+    T.copying,
+    T.share,
+    T.shareUnavailable
+  ]);
   const handleFilesPicked = useCallback(
     (picked) => {
       if (!picked || picked.length === 0) return pickQueueRef.current;
@@ -3560,7 +3730,7 @@ function ExplorePage({
               onClick: reset,
               children: [
                 /* @__PURE__ */ jsx(RotateCcw, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "New chat" })
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: T.newChat })
               ]
             }
           ),
@@ -3597,7 +3767,8 @@ function ExplorePage({
               children: [
                 /* @__PURE__ */ jsx(History, { className: "h-3.5 w-3.5" }),
                 /* @__PURE__ */ jsxs("span", { className: "hidden sm:inline", children: [
-                  "History (",
+                  T.history,
+                  " (",
                   history.length,
                   ")"
                 ] })
@@ -3627,7 +3798,7 @@ function ExplorePage({
                     },
                     children: [
                       /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
-                      "Clear history"
+                      T.clearHistory
                     ]
                   }
                 )
@@ -3707,6 +3878,7 @@ function ExplorePage({
                   strings: T,
                   message,
                   activity,
+                  imageOrigins,
                   onNavigate,
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
@@ -3893,7 +4065,7 @@ function ExplorePage({
                         type: "button",
                         size: "icon",
                         variant: "secondary",
-                        "aria-label": "Stop generating",
+                        "aria-label": T.stop,
                         onClick: stop,
                         children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4" })
                       }
@@ -3904,7 +4076,7 @@ function ExplorePage({
                         type: "submit",
                         size: "icon",
                         disabled: !canSubmit,
-                        "aria-label": "Send message",
+                        "aria-label": T.send,
                         children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" })
                       }
                     )
@@ -4000,6 +4172,6 @@ function ExplorePage({
   );
 }
 
-export { ExplorePage, logoUrlOf };
+export { ExplorePage, inlineImageOrigins, isInlineImageAllowed, logoUrlOf };
 //# sourceMappingURL=explore.mjs.map
 //# sourceMappingURL=explore.mjs.map