@burdenoff/website-sdk 2026.925.2 → 2026.926.1

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createContext, useMemo, useContext, useState, useCallback, useLayoutEffect, useRef, useEffect, useId, version, Children, isValidElement, cloneElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail, Phone, MapPin, Clock, Send, CheckCircle, Upload, Globe, ChevronDown, Search, Rocket, ArrowRight, Download, ImageIcon, ChevronRight, Maximize2, Check, ArrowLeft, Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square, ArrowUp, Info, ExternalLink, ChevronLeft, BookOpenText, Layers, TriangleAlert, FileText, Copy, ThumbsUp, ThumbsDown, Volume2 } from 'lucide-react';
+import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail, Phone, MapPin, Clock, Send, CheckCircle, Upload, Globe, ChevronDown, Search, Rocket, ArrowRight, Download, ImageIcon, ChevronRight, Maximize2, Check, ArrowLeft, Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square, ArrowUp, Info, ExternalLink, ChevronLeft, BookOpenText, Layers, TriangleAlert, FileText, Film, Play, Copy, ThumbsUp, ThumbsDown, Minimize, Maximize, VideoOff, Volume2 } from 'lucide-react';
 import ReCAPTCHA4 from 'react-google-recaptcha';
 import { toast } from 'sonner';
 import { Helmet } from 'react-helmet-async';
@@ -18,6 +18,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { createPortal } from 'react-dom';
 
 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;
@@ -344,6 +345,40 @@ function useWebSDKConfig() {
   const client = useWebSDK();
   return client.getConfig();
 }
+
+// src/utils/product-slug.ts
+var PRODUCT_SLUG_RENAMES = Object.freeze(
+  [Object.freeze({ legacy: "botlit", current: "botmanor" })]
+);
+var PRODUCT_SLUG_ALIASES = Object.freeze(
+  Object.fromEntries(PRODUCT_SLUG_RENAMES.map((r) => [r.legacy, r.current]))
+);
+var PRODUCT_SLUG_EMIT = Object.freeze({ productSlug: "legacy" });
+function findRename(slug) {
+  const wanted = slug.toLowerCase();
+  return PRODUCT_SLUG_RENAMES.find(
+    (r) => r.legacy === wanted || r.current === wanted
+  );
+}
+function normalizeProductSlug(slug) {
+  if (slug == null) return slug;
+  return findRename(slug)?.current ?? slug;
+}
+function legacyProductSlug(slug) {
+  return findRename(slug)?.legacy ?? slug;
+}
+function productSlugVariants(slug) {
+  return [
+    .../* @__PURE__ */ new Set([slug, normalizeProductSlug(slug), legacyProductSlug(slug)])
+  ];
+}
+function isSameProductSlug(a, b) {
+  if (a == null || b == null) return a === b;
+  return a === b || normalizeProductSlug(a) === normalizeProductSlug(b);
+}
+function emitProductSlug(slug) {
+  return PRODUCT_SLUG_EMIT.productSlug === "current" ? normalizeProductSlug(slug) : legacyProductSlug(slug);
+}
 var PRODUCT_FIELDS_BASE = `
       id
       name
@@ -391,6 +426,35 @@ var ProductContext = createContext({
   refetch: () => {
   }
 });
+async function queryPublicProduct(client, slug) {
+  const result = await client.query(
+    PUBLIC_PRODUCT_QUERY,
+    { slug }
+  );
+  const schemaMissingResourceLinks = result.errors?.some(
+    (e) => /Cannot query field ["']?resourceLinks["']?/i.test(e?.message ?? "")
+  );
+  if (!schemaMissingResourceLinks) return result;
+  return client.query(
+    PUBLIC_PRODUCT_QUERY_FALLBACK,
+    { slug }
+  );
+}
+async function fetchPublicProduct(client, slug) {
+  for (const candidate of productSlugVariants(slug)) {
+    const result = await queryPublicProduct(client, candidate);
+    if (result.errors?.length) {
+      return {
+        product: null,
+        error: result.errors[0]?.message ?? "Unknown error"
+      };
+    }
+    if (result.data?.publicProduct) {
+      return { product: result.data.publicProduct, error: null };
+    }
+  }
+  return { product: null, error: null };
+}
 function ProductProvider({ children, fallback }) {
   const client = useWebSDK();
   const config = useWebSDKConfig();
@@ -407,23 +471,11 @@ function ProductProvider({ children, fallback }) {
     setLoading(true);
     setError(null);
     try {
-      let result = await client.query(
-        PUBLIC_PRODUCT_QUERY,
-        { slug: config.productSlug }
-      );
-      const schemaMissingResourceLinks = result.errors?.some(
-        (e) => /Cannot query field ["']?resourceLinks["']?/i.test(e?.message ?? "")
-      );
-      if (schemaMissingResourceLinks) {
-        result = await client.query(
-          PUBLIC_PRODUCT_QUERY_FALLBACK,
-          { slug: config.productSlug }
-        );
-      }
-      if (result.errors?.length) {
-        setError(result.errors[0]?.message ?? "Unknown error");
-      } else if (result.data?.publicProduct) {
-        setProduct(result.data.publicProduct);
+      const outcome = await fetchPublicProduct(client, config.productSlug);
+      if (outcome.error) {
+        setError(outcome.error);
+      } else if (outcome.product) {
+        setProduct(outcome.product);
       }
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to fetch product");
@@ -1108,13 +1160,14 @@ function Markdown({
   children,
   className,
   inline,
-  components
+  components,
+  rehypePlugins
 }) {
   const content = /* @__PURE__ */ jsx(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
-      rehypePlugins: [rehypeSanitize],
+      rehypePlugins: [rehypeSanitize, ...rehypePlugins ?? []],
       components: { ...defaultComponents, ...components },
       ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
       children
@@ -6135,6 +6188,13 @@ var EN = {
   readAloud: "Read aloud",
   stopReading: "Stop reading",
   answerTable: "Table",
+  productVideo: "Product video",
+  productVideoTitle: "{product} product video",
+  playVideo: "Play {title}",
+  closeVideo: "Close video",
+  enterFullScreen: "Full screen",
+  exitFullScreen: "Exit full screen",
+  videoUnavailable: "This video can't be played right now.",
   groundedIn: "What this answer is based on",
   sourceCountOne: "1 source",
   sourceCountMany: "{count} sources",
@@ -6236,6 +6296,13 @@ var ZH = {
   readAloud: "\u6717\u8BFB",
   stopReading: "\u505C\u6B62\u6717\u8BFB",
   answerTable: "\u8868\u683C",
+  productVideo: "\u4EA7\u54C1\u89C6\u9891",
+  productVideoTitle: "{product} \u4EA7\u54C1\u89C6\u9891",
+  playVideo: "\u64AD\u653E {title}",
+  closeVideo: "\u5173\u95ED\u89C6\u9891",
+  enterFullScreen: "\u5168\u5C4F",
+  exitFullScreen: "\u9000\u51FA\u5168\u5C4F",
+  videoUnavailable: "\u6682\u65F6\u65E0\u6CD5\u64AD\u653E\u6B64\u89C6\u9891\u3002",
   groundedIn: "\u8FD9\u4E2A\u56DE\u7B54\u7684\u4F9D\u636E",
   sourceCountOne: "1 \u4E2A\u6765\u6E90",
   sourceCountMany: "{count} \u4E2A\u6765\u6E90",
@@ -6333,6 +6400,13 @@ var HI = {
   readAloud: "\u091C\u093C\u094B\u0930 \u0938\u0947 \u092A\u0922\u093C\u0947\u0902",
   stopReading: "\u092A\u0922\u093C\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
   answerTable: "\u0924\u093E\u0932\u093F\u0915\u093E",
+  productVideo: "\u0909\u0924\u094D\u092A\u093E\u0926 \u0935\u0940\u0921\u093F\u092F\u094B",
+  productVideoTitle: "{product} \u0909\u0924\u094D\u092A\u093E\u0926 \u0935\u0940\u0921\u093F\u092F\u094B",
+  playVideo: "{title} \u091A\u0932\u093E\u090F\u0901",
+  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",
+  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",
   sourceCountMany: "{count} \u0938\u094D\u0930\u094B\u0924",
@@ -6434,6 +6508,13 @@ var ES = {
   readAloud: "Leer en voz alta",
   stopReading: "Dejar de leer",
   answerTable: "Tabla",
+  productVideo: "V\xEDdeo del producto",
+  productVideoTitle: "V\xEDdeo de {product}",
+  playVideo: "Reproducir {title}",
+  closeVideo: "Cerrar v\xEDdeo",
+  enterFullScreen: "Pantalla completa",
+  exitFullScreen: "Salir de pantalla completa",
+  videoUnavailable: "Ahora mismo no se puede reproducir este v\xEDdeo.",
   groundedIn: "En qu\xE9 se basa esta respuesta",
   sourceCountOne: "1 fuente",
   sourceCountMany: "{count} fuentes",
@@ -6535,6 +6616,13 @@ var AR = {
   readAloud: "\u0627\u0642\u0631\u0623 \u0628\u0635\u0648\u062A \u0639\u0627\u0644\u064D",
   stopReading: "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u0642\u0631\u0627\u0621\u0629",
   answerTable: "\u062C\u062F\u0648\u0644",
+  productVideo: "\u0641\u064A\u062F\u064A\u0648 \u0627\u0644\u0645\u0646\u062A\u062C",
+  productVideoTitle: "\u0641\u064A\u062F\u064A\u0648 {product}",
+  playVideo: "\u062A\u0634\u063A\u064A\u0644 {title}",
+  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",
+  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",
   sourceCountMany: "{count} \u0645\u0635\u0627\u062F\u0631",
@@ -6636,6 +6724,13 @@ var TA = {
   readAloud: "\u0B9A\u0BA4\u0BCD\u0BA4\u0BAE\u0BBE\u0B95\u0BAA\u0BCD \u0BAA\u0B9F\u0BBF",
   stopReading: "\u0BAA\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0BA4\u0BC8 \u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
   answerTable: "\u0B85\u0B9F\u0BCD\u0B9F\u0BB5\u0BA3\u0BC8",
+  productVideo: "\u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1 \u0BB5\u0BC0\u0B9F\u0BBF\u0BAF\u0BCB",
+  productVideoTitle: "{product} \u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1 \u0BB5\u0BC0\u0B9F\u0BBF\u0BAF\u0BCB",
+  playVideo: "{title} \u0B87\u0BAF\u0B95\u0BCD\u0B95\u0BC1",
+  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",
+  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",
   sourceCountMany: "{count} \u0BAE\u0BC2\u0BB2\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
@@ -6925,7 +7020,14 @@ function answerStrings(locale) {
     ...chrome,
     answerTable: explore.answerTable,
     conceptIllustration: explore.conceptIllustration,
-    opensInNewTab: explore.opensInNewTab
+    opensInNewTab: explore.opensInNewTab,
+    productVideo: explore.productVideo,
+    productVideoTitle: explore.productVideoTitle,
+    playVideo: explore.playVideo,
+    closeVideo: explore.closeVideo,
+    enterFullScreen: explore.enterFullScreen,
+    exitFullScreen: explore.exitFullScreen,
+    videoUnavailable: explore.videoUnavailable
   };
 }
 var DATE_TAGS = {
@@ -6993,6 +7095,253 @@ function answerSourceHost(url) {
     return "";
   }
 }
+function fullscreenSupport() {
+  if (typeof document === "undefined") return null;
+  if (document.fullscreenEnabled && typeof document.documentElement.requestFullscreen === "function") {
+    return "element";
+  }
+  if (typeof HTMLVideoElement !== "undefined" && "webkitEnterFullscreen" in HTMLVideoElement.prototype) {
+    return "video";
+  }
+  return null;
+}
+function ignoreRejection(result) {
+  result?.catch(() => void 0);
+}
+var VIDEO_DIALOG_CSS = `
+.boff-explore-video-panel:fullscreen {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: 1rem;
+  background-color: hsl(var(--background));
+  color: hsl(var(--foreground));
+}
+.boff-explore-video-panel:fullscreen .boff-explore-video-frame {
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: hsl(var(--background));
+}
+.boff-explore-video-panel:fullscreen video {
+  width: 100%;
+  height: 100%;
+  max-height: none;
+}
+`;
+var DIALOG_BUTTON = "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-border bg-card text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function ExploreVideoDialog({
+  videoUrl,
+  posterUrl,
+  title,
+  strings: T,
+  dir,
+  onClose
+}) {
+  const dialogRef = useRef(null);
+  const panelRef = useRef(null);
+  const videoRef = useRef(null);
+  const closeRef = useRef(null);
+  const nativeModalRef = useRef(false);
+  const titleId = useId();
+  const [support] = useState(fullscreenSupport);
+  const [fullscreen, setFullscreen] = useState(false);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (typeof dialog.showModal === "function") {
+      if (!dialog.open) dialog.showModal();
+      nativeModalRef.current = true;
+    } else {
+      dialog.setAttribute("open", "");
+      nativeModalRef.current = false;
+    }
+    closeRef.current?.focus();
+    ignoreRejection(videoRef.current?.play());
+    return () => {
+      if (dialog.open && typeof dialog.close === "function") dialog.close();
+    };
+  }, []);
+  useEffect(() => {
+    const sync = () => {
+      const current = document.fullscreenElement;
+      setFullscreen(
+        current !== null && dialogRef.current?.contains(current) === true
+      );
+    };
+    const enter = () => setFullscreen(true);
+    const leave = () => setFullscreen(false);
+    const video = videoRef.current;
+    document.addEventListener("fullscreenchange", sync);
+    video?.addEventListener("webkitbeginfullscreen", enter);
+    video?.addEventListener("webkitendfullscreen", leave);
+    return () => {
+      document.removeEventListener("fullscreenchange", sync);
+      video?.removeEventListener("webkitbeginfullscreen", enter);
+      video?.removeEventListener("webkitendfullscreen", leave);
+    };
+  }, [failed]);
+  const leaveFullscreen = useCallback(() => {
+    const current = document.fullscreenElement;
+    if (current && dialogRef.current?.contains(current) && typeof document.exitFullscreen === "function") {
+      ignoreRejection(document.exitFullscreen());
+    }
+    const video = videoRef.current;
+    if (video?.webkitDisplayingFullscreen) video.webkitExitFullscreen?.();
+  }, []);
+  const requestClose = useCallback(() => {
+    videoRef.current?.pause();
+    leaveFullscreen();
+    onClose();
+  }, [leaveFullscreen, onClose]);
+  const toggleFullscreen = useCallback(() => {
+    if (fullscreen) {
+      leaveFullscreen();
+      return;
+    }
+    if (support === "element") {
+      const panel = panelRef.current;
+      if (panel) ignoreRejection(panel.requestFullscreen());
+      return;
+    }
+    const video = videoRef.current;
+    video?.webkitEnterFullscreen?.();
+  }, [fullscreen, leaveFullscreen, support]);
+  const handleClose = useCallback(
+    (event) => {
+      if (event.currentTarget.open) return;
+      requestClose();
+    },
+    [requestClose]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape" && !nativeModalRef.current) {
+        event.preventDefault();
+        requestClose();
+      }
+    },
+    [requestClose]
+  );
+  const handleStageClick = useCallback(
+    (event) => {
+      if (event.target === event.currentTarget) requestClose();
+    },
+    [requestClose]
+  );
+  if (typeof document === "undefined") return null;
+  const fullscreenLabel = fullscreen ? T.exitFullScreen : T.enterFullScreen;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "dialog",
+      {
+        ref: dialogRef,
+        "data-boff-explore": "video-dialog",
+        "aria-labelledby": titleId,
+        dir,
+        onClose: handleClose,
+        onKeyDown: handleKeyDown,
+        className: "fixed inset-0 z-50 m-0 h-full max-h-none w-full max-w-none overflow-y-auto overscroll-contain border-0 bg-background/95 p-0 text-foreground backdrop-blur-sm",
+        children: [
+          /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: VIDEO_DIALOG_CSS } }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: handleStageClick,
+              className: "flex min-h-full items-center justify-center p-4 sm:p-6",
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ref: panelRef,
+                  className: "boff-explore-video-panel flex w-full min-w-0 max-w-[960px] flex-col gap-3",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(
+                        "h2",
+                        {
+                          id: titleId,
+                          className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground sm:text-base",
+                          children: title
+                        }
+                      ),
+                      support !== null && !failed ? (
+                        // A plain button whose name says what pressing it does NOW, and no
+                        // `aria-pressed`: a toggle button's name must not change with its state, or it
+                        // announces "Exit full screen, pressed" — two answers to one question.
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            "data-boff-explore": "video-fullscreen",
+                            "aria-label": fullscreenLabel,
+                            title: fullscreenLabel,
+                            onClick: toggleFullscreen,
+                            className: DIALOG_BUTTON,
+                            children: fullscreen ? /* @__PURE__ */ jsx(Minimize, { "aria-hidden": "true", className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Maximize, { "aria-hidden": "true", className: "h-5 w-5" })
+                          }
+                        )
+                      ) : null,
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          ref: closeRef,
+                          type: "button",
+                          "data-boff-explore": "video-close",
+                          "aria-label": T.closeVideo,
+                          title: T.closeVideo,
+                          onClick: requestClose,
+                          className: DIALOG_BUTTON,
+                          children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-5 w-5" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "boff-explore-video-frame overflow-hidden rounded-xl border border-border bg-muted shadow-lg", children: failed ? (
+                      // A black box with a spinning control tells the visitor nothing; this says
+                      // what happened, in their language.
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          role: "alert",
+                          className: "flex aspect-video w-full flex-col items-center justify-center gap-2 p-6 text-center text-sm text-muted-foreground",
+                          children: [
+                            /* @__PURE__ */ jsx(VideoOff, { "aria-hidden": "true", className: "h-6 w-6" }),
+                            /* @__PURE__ */ jsx("p", { children: T.videoUnavailable })
+                          ]
+                        }
+                      )
+                    ) : /* @__PURE__ */ jsx(
+                      "video",
+                      {
+                        ref: videoRef,
+                        "data-boff-explore": "video-player",
+                        src: videoUrl,
+                        poster: posterUrl,
+                        controls: true,
+                        controlsList: support === "element" ? "nofullscreen" : void 0,
+                        playsInline: true,
+                        autoPlay: true,
+                        preload: "metadata",
+                        onError: () => setFailed(true),
+                        className: "block max-h-[80vh] w-full bg-muted object-contain"
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
 var EXPLORE_ANSWER_CSS = `
 /* Nothing inside an answer may widen the page. Model output carries long URLs, code and
    tables \u2014 each of those overflows a phone by default, and one overflowing child makes the
@@ -7025,6 +7374,14 @@ var EXPLORE_ANSWER_CSS = `
   max-width: 100%;
   height: auto;
 }
+/* A product-video poster fills the card's reserved 16:9 frame and is cropped to it. The
+   blanket \`img { height: auto }\` above \u2014 and ProseStyles' own \u2014 outrank a height utility,
+   and would size it by its own aspect ratio instead, leaving a band of the frame showing
+   whenever a poster is not exactly 16:9. */
+.boff-explore-body .boff-explore-video-poster {
+  height: 100%;
+  max-width: none;
+}
 
 /* ---- Comparison and pricing tables ----------------------------------------------------
    The harness emits a comparison, and a set of plans, as a GFM table whose FIRST column is
@@ -7155,28 +7512,81 @@ function inlineImageOrigins(products) {
   }
   return origins;
 }
-function isInlineImageAllowed(src, origins) {
-  if (typeof src !== "string" || src === "") return false;
+var VIDEO_FILE_PATH = /\.(?:mp4|webm|m4v|mov|vtt)$/i;
+function catalogUrlOf(value, origins) {
+  if (typeof value !== "string" || value === "") return null;
   let url;
   try {
-    url = new URL(src);
+    url = new URL(value);
+  } catch {
+    return null;
+  }
+  if (url.protocol !== "https:" || url.username || url.password) return null;
+  return origins.has(url.origin) ? url : null;
+}
+function isInlineImageAllowed(src, origins) {
+  const url = catalogUrlOf(src, origins);
+  return url !== null && !VIDEO_FILE_PATH.test(url.pathname);
+}
+var INLINE_VIDEO_PATH = /\.(?:mp4|webm)$/i;
+function isInlineVideoAllowed(href, origins) {
+  const url = catalogUrlOf(href, origins);
+  return url !== null && INLINE_VIDEO_PATH.test(url.pathname);
+}
+function apexOriginOf(url) {
+  const apex = url.hostname.replace(/^www\./, "");
+  const port = url.port ? `:${url.port}` : "";
+  return `https://${apex}${port}`;
+}
+function productSlugsByOrigin(products) {
+  const slugs = /* @__PURE__ */ new Map();
+  for (const product of products) {
+    let url;
+    try {
+      url = new URL(product.website);
+    } catch {
+      continue;
+    }
+    if (url.protocol !== "https:") continue;
+    const key = apexOriginOf(url);
+    if (!slugs.has(key)) slugs.set(key, product.slug);
+  }
+  return slugs;
+}
+function videoProductOf(href, slugs) {
+  const url = new URL(href);
+  return slugs.get(apexOriginOf(url)) ?? url.hostname.replace(/^www\./, "");
+}
+function isVideoFileTarget(href) {
+  if (typeof href !== "string") return false;
+  try {
+    return VIDEO_FILE_PATH.test(
+      new URL(href, "https://answer.invalid").pathname
+    );
   } catch {
     return false;
   }
-  if (url.protocol !== "https:" || url.username || url.password) return false;
-  return origins.has(url.origin);
 }
 var CODE_FENCE = /^\s*(?:```|~~~)/;
 var TABLE_ROW_LINE = /^\s{0,3}\|/;
 var TABLE_DELIMITER_ROW = /^\s{0,3}\|[\s:|-]*-[\s:|-]*$/;
+var LINKED_IMAGE = /\[!\[([^[\]]*)\]\([^)\s]*(?:\s+"[^"]*")?\)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g;
+var IMAGE = /!\[[^[\]]*\]\([^)\s]*(?:\s+"[^"]*")?\)/g;
+var LINK = /\[([^[\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g;
 function readableLine(raw, mode) {
   let line = raw;
-  line = line.replace(/!\[[^\]]*\]\([^)\s]*(?:\s+"[^"]*")?\)/g, "");
-  line = mode === "speech" ? (
-    // A voice reading "h-t-t-p-s colon slash slash…" mid-sentence is noise, and the
-    // prompt asks for two to five links in every answer. The label IS the words.
-    line.replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, "$1")
-  ) : line.replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, "$1 ($2)");
+  if (line.includes("](")) {
+    line = line.replace(LINKED_IMAGE, (_match, alt, href) => {
+      if (mode === "speech") return "";
+      return alt.trim() === "" ? href : `${alt.trim()} (${href})`;
+    });
+    line = line.replace(IMAGE, "");
+    line = mode === "speech" ? (
+      // A voice reading "h-t-t-p-s colon slash slash…" mid-sentence is noise, and the
+      // prompt asks for two to five links in every answer. The label IS the words.
+      line.replace(LINK, "$1")
+    ) : line.replace(LINK, "$1 ($2)");
+  }
   line = mode === "speech" ? line.replace(/<(https?:\/\/[^>\s]+)>/g, "") : line.replace(/<(https?:\/\/[^>\s]+)>/g, "$1");
   line = line.replace(/^\s{0,3}#{1,6}\s+/, "");
   line = line.replace(/^\s{0,3}>\s?/, "");
@@ -7267,6 +7677,21 @@ function answerSpeechText(markdown) {
 var AnswerScopeContext = createContext(null);
 var InsideLinkContext = createContext(false);
 function AnswerLink(props) {
+  const scope = useContext(AnswerScopeContext);
+  const role = videoRoleOf(props.node);
+  if (role !== void 0 && scope !== null) {
+    const video = role === "card" && scope.enabled ? productVideoOf(props.node) : null;
+    if (video === null) return null;
+    return /* @__PURE__ */ jsx(
+      InlineVideoCard,
+      {
+        href: video.href,
+        poster: video.poster,
+        alt: video.alt,
+        scope
+      }
+    );
+  }
   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";
@@ -7378,16 +7803,173 @@ function AnswerTableRow({
   });
   return /* @__PURE__ */ jsx("tr", { ...props, children: cells });
 }
+function linkedImageOf(node) {
+  if (node?.tagName !== "a") return null;
+  const content = (node.children ?? []).filter(
+    (child) => child.tagName !== void 0 || (child.value ?? "").trim() !== ""
+  );
+  const image = content.length === 1 ? content[0] : void 0;
+  if (image?.tagName !== "img") return null;
+  const alt = image.properties?.alt;
+  return {
+    href: node.properties?.href,
+    src: image.properties?.src,
+    alt: typeof alt === "string" ? alt.trim() : ""
+  };
+}
+function isCardableVideo(embed, origins) {
+  if (!isInlineVideoAllowed(embed.href, origins) || !isInlineImageAllowed(embed.src, origins)) {
+    return false;
+  }
+  return apexOriginOf(new URL(embed.href)) === apexOriginOf(new URL(embed.src));
+}
+var NO_VIDEO_CONTAINERS = /* @__PURE__ */ new Set(["li", "table"]);
+function rehypeProductVideo(options) {
+  return (tree) => {
+    let claimed = false;
+    const visit = (node, parent, contained) => {
+      const embed = linkedImageOf(node);
+      if (embed !== null && isVideoFileTarget(embed.href)) {
+        const card = !claimed && !contained && parent?.tagName === "p" && isCardableVideo(embed, options.origins);
+        if (card) claimed = true;
+        const data = typeof node.data === "object" ? node.data : null;
+        node.data = { ...data, boffVideo: card ? "card" : "drop" };
+        return;
+      }
+      const inside = contained || node.tagName !== void 0 && NO_VIDEO_CONTAINERS.has(node.tagName);
+      for (const child of node.children ?? []) visit(child, node, inside);
+    };
+    visit(tree, null, false);
+  };
+}
+function videoRoleOf(node) {
+  const data = node?.data;
+  if (typeof data !== "object" || data === null || !("boffVideo" in data)) {
+    return void 0;
+  }
+  return data.boffVideo === "card" || data.boffVideo === "drop" ? data.boffVideo : void 0;
+}
+function productVideoOf(node) {
+  const embed = linkedImageOf(node);
+  if (embed === null || typeof embed.href !== "string" || typeof embed.src !== "string") {
+    return null;
+  }
+  return { href: embed.href, poster: embed.src, alt: embed.alt };
+}
+var CANONICAL_VIDEO_ALT = /^(.+?)\s+product video$/i;
+function videoTitleOf(alt, T) {
+  const product = CANONICAL_VIDEO_ALT.exec(alt)?.[1]?.trim();
+  if (product) return fill(T.productVideoTitle, { product });
+  return alt === "" ? T.productVideo : alt;
+}
+var INLINE_VIDEO_FRAME = "group relative block aspect-video w-full max-w-md overflow-hidden rounded-xl border border-border bg-muted shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function InlineVideoCard({
+  href,
+  poster,
+  alt,
+  scope
+}) {
+  const { strings: T, failed, onFailed, productSlugs } = scope;
+  const [dialogDir, setDialogDir] = useState(null);
+  const buttonRef = useRef(null);
+  const returnFocusRef = useRef(false);
+  const open = dialogDir !== null;
+  useEffect(() => {
+    if (open || !returnFocusRef.current) return;
+    returnFocusRef.current = false;
+    const button = buttonRef.current;
+    if (button?.isConnected) button.focus();
+  }, [open]);
+  const openPlayer = useCallback((event) => {
+    const dir = event.currentTarget.closest("[dir]")?.getAttribute("dir");
+    returnFocusRef.current = true;
+    setDialogDir(dir === "rtl" ? "rtl" : "ltr");
+  }, []);
+  const closePlayer = useCallback(() => setDialogDir(null), []);
+  const name = videoTitleOf(alt, T);
+  const posterFailed = failed.has(poster);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-boff-explore": "inline-video",
+      "data-product": videoProductOf(href, productSlugs),
+      className: "my-3 block",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: buttonRef,
+            type: "button",
+            "aria-haspopup": "dialog",
+            "aria-label": fill(T.playVideo, { title: name }),
+            onClick: openPlayer,
+            className: INLINE_VIDEO_FRAME,
+            children: [
+              posterFailed ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 flex items-center justify-center bg-muted text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(Film, { className: "h-10 w-10" })
+                }
+              ) : /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: poster,
+                  alt: "",
+                  loading: "lazy",
+                  decoding: "async",
+                  onError: () => onFailed(poster),
+                  className: "boff-explore-video-poster absolute inset-0 h-full w-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+                  children: /* @__PURE__ */ jsx("span", { className: "flex h-14 w-14 items-center justify-center rounded-full border border-border bg-background/90 text-foreground shadow-md transition-transform group-hover:scale-105", children: /* @__PURE__ */ jsx(Play, { className: "h-6 w-6 fill-current" }) })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute start-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.productVideo
+                }
+              )
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsx(
+          ExploreVideoDialog,
+          {
+            videoUrl: href,
+            posterUrl: poster,
+            title: name,
+            strings: T,
+            dir: dialogDir,
+            onClose: closePlayer
+          }
+        ) : null
+      ]
+    }
+  );
+}
 var ANSWER_MARKDOWN_COMPONENTS = {
   a: AnswerLink,
   img: InlineConceptImage,
   table: AnswerTable,
   tr: AnswerTableRow
 };
+var NO_PRODUCT_SLUGS = /* @__PURE__ */ new Map();
 function ExploreAnswerBody({
   children,
   strings,
   imageOrigins,
+  videoOrigins = imageOrigins,
+  productSlugs = NO_PRODUCT_SLUGS,
   enabled = true,
   components,
   className
@@ -7403,16 +7985,21 @@ function ExploreAnswerBody({
       strings,
       enabled,
       origins: imageOrigins,
+      productSlugs,
       failed,
       onFailed
     }),
-    [strings, enabled, imageOrigins, failed, onFailed]
+    [strings, enabled, imageOrigins, productSlugs, failed, onFailed]
+  );
+  const rehypePlugins = useMemo(
+    () => [[rehypeProductVideo, { origins: videoOrigins }]],
+    [videoOrigins]
   );
   const overrides = useMemo(
     () => components ? { ...ANSWER_MARKDOWN_COMPONENTS, ...components } : ANSWER_MARKDOWN_COMPONENTS,
     [components]
   );
-  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, children }) }) });
+  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 }) }) });
 }
 var PROSE_CSS = `
 .boff-prose {
@@ -7590,32 +8177,216 @@ var PROSE_CSS = `
 function ProseStyles() {
   return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_CSS } });
 }
-var META_DESCRIPTION_LIMIT2 = 160;
-var TITLE_LIMIT = 100;
-var RELATED_LIMIT2 = 4;
-function normaliseSiteUrl2(siteUrl) {
-  return siteUrl.trim().replace(/\/+$/, "");
-}
-function absoluteUrl2(base, path) {
-  if (/^https?:\/\//i.test(path)) return path;
-  return `${base}${path.startsWith("/") ? path : `/${path}`}`;
-}
-function sortByOrder2(answers) {
-  return [...answers].sort(
-    (a, b) => a.order - b.order || a.slug.localeCompare(b.slug)
-  );
-}
-function clampText2(text, limit) {
-  if (text.length <= limit) return text;
-  const cut = text.slice(0, limit - 1);
-  const lastSpace = cut.lastIndexOf(" ");
-  return `${(lastSpace > 0 ? cut.slice(0, lastSpace) : cut).replace(/[\s,;:—–-]+$/, "")}\u2026`;
-}
-function questionCount(T, count) {
-  return count === 1 ? T.questionCountOne : fill(T.questionCountMany, { count: String(count) });
-}
-function sourceCount(T, count) {
-  return count === 1 ? T.sourceCountOne : fill(T.sourceCountMany, { count: String(count) });
+
+// src/data/products.ts
+var ECOSYSTEM_PRODUCTS = [
+  {
+    slug: "workspaces",
+    name: "Workspaces",
+    websiteUrl: "https://burdenoff.com"
+  },
+  {
+    slug: "vibecontrols",
+    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://www.fluidgrids.ai"
+  },
+  // BotManor ships on www.botmanor.com (the apex redirects there; the old botlit.ai domain
+  // still serves the same site but is no longer the name we link to).
+  // The slug follows the botlit → botmanor rename switch (utils/product-slug.ts).
+  {
+    slug: emitProductSlug("botmanor"),
+    name: "BotManor",
+    websiteUrl: "https://www.botmanor.com"
+  },
+  {
+    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"
+  }
+];
+var META_DESCRIPTION_LIMIT2 = 160;
+var TITLE_LIMIT = 100;
+var RELATED_LIMIT2 = 4;
+function normaliseSiteUrl2(siteUrl) {
+  return siteUrl.trim().replace(/\/+$/, "");
+}
+function absoluteUrl2(base, path) {
+  if (/^https?:\/\//i.test(path)) return path;
+  return `${base}${path.startsWith("/") ? path : `/${path}`}`;
+}
+function sortByOrder2(answers) {
+  return [...answers].sort(
+    (a, b) => a.order - b.order || a.slug.localeCompare(b.slug)
+  );
+}
+function clampText2(text, limit) {
+  if (text.length <= limit) return text;
+  const cut = text.slice(0, limit - 1);
+  const lastSpace = cut.lastIndexOf(" ");
+  return `${(lastSpace > 0 ? cut.slice(0, lastSpace) : cut).replace(/[\s,;:—–-]+$/, "")}\u2026`;
+}
+function questionCount(T, count) {
+  return count === 1 ? T.questionCountOne : fill(T.questionCountMany, { count: String(count) });
+}
+function sourceCount(T, count) {
+  return count === 1 ? T.sourceCountOne : fill(T.sourceCountMany, { count: String(count) });
 }
 function slugifyAnchor2(value) {
   return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
@@ -7695,6 +8466,12 @@ var ANSWER_HEADING_SHIFT = {
   h6: demoteHeading("h6")
 };
 var ENGLISH_TEXT = { lang: "en" };
+var ECOSYSTEM_SITES = ECOSYSTEM_PRODUCTS.map((product) => ({
+  slug: product.slug,
+  website: product.websiteUrl
+}));
+var ECOSYSTEM_PRODUCT_SLUGS = productSlugsByOrigin(ECOSYSTEM_SITES);
+var ECOSYSTEM_ORIGINS = inlineImageOrigins(ECOSYSTEM_SITES);
 function DefaultAnswerLink({
   href,
   className,
@@ -8193,6 +8970,10 @@ function AnswerDetail({
     ]),
     [base, sources, imageOrigins]
   );
+  const answerVideoOrigins = useMemo(
+    () => /* @__PURE__ */ new Set([...answerImageOrigins, ...ECOSYSTEM_ORIGINS]),
+    [answerImageOrigins]
+  );
   const canonical = absoluteUrl2(base, answerPath(answer.slug));
   const answerText = useMemo(
     () => answerSpeechText(answer.answer),
@@ -8354,6 +9135,8 @@ function AnswerDetail({
               {
                 strings: T,
                 imageOrigins: answerImageOrigins,
+                videoOrigins: answerVideoOrigins,
+                productSlugs: ECOSYSTEM_PRODUCT_SLUGS,
                 components: ANSWER_HEADING_SHIFT,
                 className: "mt-4",
                 children: answer.answer
@@ -8715,185 +9498,6 @@ var EXPLORE_SHARED_CONVERSATION_QUERY = (
 `
 );
 
-// src/data/products.ts
-var ECOSYSTEM_PRODUCTS = [
-  {
-    slug: "workspaces",
-    name: "Workspaces",
-    websiteUrl: "https://burdenoff.com"
-  },
-  {
-    slug: "vibecontrols",
-    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://www.fluidgrids.ai"
-  },
-  // BotManor ships on www.botmanor.com (the apex redirects there; the old botlit.ai domain
-  // still serves the same site but is no longer the name we link to).
-  { slug: "botlit", name: "BotManor", websiteUrl: "https://www.botmanor.com" },
-  {
-    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=";
@@ -10011,7 +10615,7 @@ function isHighSurrogate(code) {
 }
 function safeInlineEnd(line) {
   let codeSpan = null;
-  let link = null;
+  const links = [];
   const emphasis = [];
   let at = 0;
   while (at < line.length) {
@@ -10020,6 +10624,13 @@ function safeInlineEnd(line) {
       at += 2;
       continue;
     }
+    const innermost = links[links.length - 1];
+    if (innermost !== void 0 && innermost.kind !== "label") {
+      if (char === "(") links.push({ kind: "paren", start: innermost.start });
+      else if (char === ")") links.pop();
+      at += 1;
+      continue;
+    }
     if (char === "`") {
       let run = 1;
       while (line[at + run] === "`") run += 1;
@@ -10032,17 +10643,17 @@ function safeInlineEnd(line) {
       continue;
     }
     if (char === "[") {
-      if (link === null) link = line[at - 1] === "!" ? at - 1 : at;
+      links.push({ kind: "label", start: line[at - 1] === "!" ? at - 1 : at });
       at += 1;
       continue;
     }
-    if (char === "]") {
-      if (link !== null && line[at + 1] !== "(") link = null;
-      at += 1;
-      continue;
-    }
-    if (char === ")") {
-      link = null;
+    if (char === "]" && innermost !== void 0) {
+      links.pop();
+      if (line[at + 1] === "(") {
+        links.push({ kind: "destination", start: innermost.start });
+        at += 2;
+        continue;
+      }
       at += 1;
       continue;
     }
@@ -10069,9 +10680,11 @@ function safeInlineEnd(line) {
     }
     at += 1;
   }
-  const open = [codeSpan, link, emphasis[0]?.start ?? null].filter(
-    (value) => value !== null
-  );
+  const open = [
+    codeSpan,
+    links[0]?.start ?? null,
+    emphasis[0]?.start ?? null
+  ].filter((value) => value !== null);
   return open.length === 0 ? line.length : Math.min(...open);
 }
 function revealBoundary(text, limit) {
@@ -11933,6 +12546,7 @@ function AssistantBubble({
   message,
   activity,
   imageOrigins,
+  productSlugs,
   productNames,
   speechLang,
   onNavigate,
@@ -12047,6 +12661,7 @@ function AssistantBubble({
               {
                 strings: T,
                 imageOrigins,
+                productSlugs,
                 enabled: completed,
                 className: "boff-prose-sm text-card-foreground",
                 children: visible
@@ -12317,21 +12932,24 @@ function ProductStrip({
                   children: T.allProducts
                 }
               ),
-              products.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: chipClass(focusProduct === product.slug),
-                  children: product.name
-                },
-                product.slug
-              ))
+              products.map((product) => {
+                const focused = isSameProductSlug(focusProduct, product.slug);
+                return /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "data-boff-explore": "chip",
+                    "data-chip-kind": "product",
+                    "data-product": product.slug,
+                    type: "button",
+                    "aria-pressed": focused,
+                    title: product.tagline ?? product.name,
+                    onClick: () => onFocus(focused ? null : product.slug),
+                    className: chipClass(focused),
+                    children: product.name
+                  },
+                  product.slug
+                );
+              })
             ]
           }
         ),
@@ -12789,11 +13407,11 @@ function ExplorePage({
   const resolvedBody = welcomeBody ?? catalog.welcomeBody;
   const prompts = catalog.examplePrompts;
   const focusedProductName = useMemo(
-    () => catalog.products.find((p) => p.slug === focusProduct)?.name ?? null,
+    () => catalog.products.find((p) => isSameProductSlug(p.slug, focusProduct))?.name ?? null,
     [catalog.products, focusProduct]
   );
   const headProductName = useMemo(
-    () => productSlug ? catalog.products.find((p) => p.slug === productSlug)?.name ?? null : null,
+    () => productSlug ? catalog.products.find((p) => isSameProductSlug(p.slug, productSlug))?.name ?? null : null,
     [catalog.products, productSlug]
   );
   const imageOrigins = useMemo(
@@ -12804,6 +13422,10 @@ function ExplorePage({
     () => productNamesByOrigin(catalog.products),
     [catalog.products]
   );
+  const productSlugs = useMemo(
+    () => productSlugsByOrigin(catalog.products),
+    [catalog.products]
+  );
   useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
@@ -13366,6 +13988,7 @@ function ExplorePage({
                   message,
                   activity,
                   imageOrigins,
+                  productSlugs,
                   productNames,
                   speechLang,
                   onNavigate,
@@ -18361,6 +18984,6 @@ function shouldRenderSiteFooter(pathname) {
   return !isFooterlessPath(pathname);
 }
 
-export { ANSWERS_PATH, ANSWER_HEADING_SHIFT, ANSWER_PATH_PREFIX, AnswerDetailPage, AnswersPage, BlogListPage, BlogPostPage, Button, CONCEPTS_PATH, CONCEPT_ILLUSTRATION_NOTICE, CONCEPT_PATH_PREFIX, CareersApplyForm, CareersSubmissionForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ConceptDetailPage, ConceptsPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, DEFAULT_EXPLORE_EXAMPLE_PROMPTS, DOMAINS_URL, ECOSYSTEM_PRODUCTS, ESCALATE_EXPLORE_CONVERSATION_MUTATION, EXPLORE_CATALOG_QUERY, EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS, EXPLORE_ESCALATION_NOTE_SOFT_MAX, EXPLORE_LOCALES, EXPLORE_MESSAGE_QUERY, EXPLORE_PREFILL_MAX_LENGTH, EXPLORE_RECAPTCHA_ACTION, ElectronDownloadLink, ExploreAnswerBody, ExploreAnswerStyles, ExploreCta, ExplorePage, FALLBACK_EXPLORE_LIMITS, FOOTERLESS_ROUTES, Input, Label, LaunchCountdown, Markdown, NewsletterForm, NewsletterPage, PUBLISHED_ANSWER_FIELDS, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProblemsSolvedSection, ProductCard, ProductProvider, ResourceLinks, RybbitAnalytics, SEND_EXPLORE_MESSAGE_MUTATION, Select, SocialLinks, StarRating, StoreBrowsePage, StoreHomePage, StoreProductDetailPage, Textarea, TypeBadge, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, WebsiteSwitcher, answerPath, answerPlainText, answerSourceHost, answerSpeechText, answerStrings, buttonVariants, classifyExploreError, cn, conceptPath, detectElectronPlatform, exploreQuestionHref, fetchPublicJobPosting, fetchPublicJobPostings, fetchPublicJobPostingsForSubmission, formatAnswerDate, formatDownloads, formatPrice2 as formatPrice, getAnswerBySlug, getConceptBySlug, getRecaptchaV3Token, inlineImageOrigins, isFooterlessPath, isInlineImageAllowed, isPublishedSourceUrl, isValidUrl, loadRecaptchaV3, looksLikeDeliverableEmail, normalizeRoutePath, shouldRenderSiteFooter, speechLocaleOf, stopSpeaking, useContentPage, useContentPages, useExploreChat, useProduct, useProductConfig, useProgressiveReveal, usePublicJobPosting, usePublicJobPostings, usePublicJobPostingsForSubmission, useSpeechOutput, useWebSDK, useWebSDKConfig };
+export { ANSWERS_PATH, ANSWER_HEADING_SHIFT, ANSWER_PATH_PREFIX, AnswerDetailPage, AnswersPage, BlogListPage, BlogPostPage, Button, CONCEPTS_PATH, CONCEPT_ILLUSTRATION_NOTICE, CONCEPT_PATH_PREFIX, CareersApplyForm, CareersSubmissionForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ConceptDetailPage, ConceptsPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, DEFAULT_EXPLORE_EXAMPLE_PROMPTS, DOMAINS_URL, ECOSYSTEM_PRODUCTS, ESCALATE_EXPLORE_CONVERSATION_MUTATION, EXPLORE_CATALOG_QUERY, EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS, EXPLORE_ESCALATION_NOTE_SOFT_MAX, EXPLORE_LOCALES, EXPLORE_MESSAGE_QUERY, EXPLORE_PREFILL_MAX_LENGTH, EXPLORE_RECAPTCHA_ACTION, ElectronDownloadLink, ExploreAnswerBody, ExploreAnswerStyles, ExploreCta, ExplorePage, FALLBACK_EXPLORE_LIMITS, FOOTERLESS_ROUTES, Input, Label, LaunchCountdown, Markdown, NewsletterForm, NewsletterPage, PRODUCT_SLUG_ALIASES, PRODUCT_SLUG_EMIT, PRODUCT_SLUG_RENAMES, PUBLISHED_ANSWER_FIELDS, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProblemsSolvedSection, ProductCard, ProductProvider, ResourceLinks, RybbitAnalytics, SEND_EXPLORE_MESSAGE_MUTATION, Select, SocialLinks, StarRating, StoreBrowsePage, StoreHomePage, StoreProductDetailPage, Textarea, TypeBadge, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, WebsiteSwitcher, answerPath, answerPlainText, answerSourceHost, answerSpeechText, answerStrings, buttonVariants, classifyExploreError, cn, conceptPath, detectElectronPlatform, emitProductSlug, exploreQuestionHref, fetchPublicJobPosting, fetchPublicJobPostings, fetchPublicJobPostingsForSubmission, fetchPublicProduct, formatAnswerDate, formatDownloads, formatPrice2 as formatPrice, getAnswerBySlug, getConceptBySlug, getRecaptchaV3Token, inlineImageOrigins, isFooterlessPath, isInlineImageAllowed, isInlineVideoAllowed, isPublishedSourceUrl, isSameProductSlug, isValidUrl, legacyProductSlug, loadRecaptchaV3, looksLikeDeliverableEmail, normalizeProductSlug, normalizeRoutePath, productSlugVariants, productSlugsByOrigin, shouldRenderSiteFooter, speechLocaleOf, stopSpeaking, useContentPage, useContentPages, useExploreChat, useProduct, useProductConfig, useProgressiveReveal, usePublicJobPosting, usePublicJobPostings, usePublicJobPostingsForSubmission, useSpeechOutput, useWebSDK, useWebSDKConfig };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map