@burdenoff/website-sdk 2026.830.1 → 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';
@@ -58,6 +58,8 @@ var EN = {
   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",
@@ -107,6 +109,8 @@ var ZH = {
   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",
@@ -152,6 +156,8 @@ var HI = {
   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",
@@ -201,6 +207,8 @@ var ES = {
   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",
@@ -250,6 +258,8 @@ var AR = {
   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",
@@ -299,6 +309,8 @@ var TA = {
   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",
@@ -339,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,
@@ -912,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" },
@@ -2219,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,
@@ -2260,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",
       {
@@ -2677,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
@@ -2859,6 +2971,7 @@ function AssistantBubble({
   strings: T,
   message,
   activity,
+  imageOrigins,
   onNavigate,
   anchorRef,
   onFollow,
@@ -2867,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",
     {
@@ -2913,7 +3045,7 @@ 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,
@@ -3412,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;
@@ -3742,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),
@@ -4035,6 +4172,6 @@ function ExplorePage({
   );
 }
 
-export { ExplorePage, logoUrlOf };
+export { ExplorePage, inlineImageOrigins, isInlineImageAllowed, logoUrlOf };
 //# sourceMappingURL=explore.mjs.map
 //# sourceMappingURL=explore.mjs.map