@burdenoff/website-sdk 2026.830.1 → 2026.922.1

package/dist/index.js

@@ -507,6 +507,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,
@@ -548,7 +551,7 @@ function PageHead({
     fullImageUrl && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:image", content: fullImageUrl }),
     twitterHandle && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:creator", content: twitterHandle }),
     /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "theme-color", content: themeColor }),
-    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: JSON.stringify(data) }, `ld-${index}`)),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: serializeJsonLd(data) }, `ld-${index}`)),
     additionalMeta?.map((meta, index) => /* @__PURE__ */ jsxRuntime.jsx(
       "meta",
       {
@@ -1108,19 +1111,26 @@ function ContactPage({
     ] }) })
   ] });
 }
+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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "a",
-      {
-        href,
-        ...props,
-        ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
-        children
-      }
-    );
-  }
+  a: MarkdownLink
 };
 function Markdown({
   children,
@@ -4766,171 +4776,1343 @@ function ElectronDownloadLink({
   );
 }
 
-// src/components/explore-i18n.ts
-var EXPLORE_LOCALES = ["en", "zh", "hi", "es", "ar", "ta"];
-var RTL_LOCALES = /* @__PURE__ */ new Set(["ar"]);
-function isRtlLocale(locale) {
-  return RTL_LOCALES.has(locale);
+// src/components/concepts-types.ts
+var CONCEPT_ILLUSTRATION_NOTICE = "These images are illustrations of the concept, not screenshots of the actual product.";
+var CONCEPTS_PATH = "/concepts";
+var CONCEPT_PATH_PREFIX = "/concept";
+function conceptPath(slug) {
+  return `${CONCEPT_PATH_PREFIX}/${encodeURIComponent(slug)}`;
+}
+function getConceptBySlug(concepts, slug) {
+  if (!slug) return void 0;
+  const wanted = slug.trim().toLowerCase();
+  if (!wanted) return void 0;
+  return concepts.find((concept) => concept.slug === wanted);
+}
+var NAV_BUTTON = "inline-flex h-11 w-11 items-center justify-center rounded-full border border-border bg-card text-foreground shadow-md transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function ConceptLightbox({
+  images,
+  index,
+  conceptTitle,
+  onIndexChange,
+  onClose
+}) {
+  const dialogRef = React.useRef(null);
+  const closeRef = React.useRef(null);
+  const nativeModalRef = React.useRef(false);
+  const titleId = React.useId();
+  const count = images.length;
+  const position = count > 0 ? (index % count + count) % count : 0;
+  const image = images[position];
+  React.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();
+    return () => {
+      if (dialog.open && typeof dialog.close === "function") dialog.close();
+    };
+  }, []);
+  const go = React.useCallback(
+    (delta) => {
+      if (count < 2) return;
+      onIndexChange((position + delta + count) % count);
+    },
+    [count, onIndexChange, position]
+  );
+  const handleClose = React.useCallback(
+    (event) => {
+      if (event.currentTarget.open) return;
+      onClose();
+    },
+    [onClose]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "ArrowRight") {
+        event.preventDefault();
+        go(1);
+      } else if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        go(-1);
+      } else if (event.key === "Escape" && !nativeModalRef.current) {
+        event.preventDefault();
+        onClose();
+      }
+    },
+    [go, onClose]
+  );
+  const handleStageClick = React.useCallback(
+    (event) => {
+      if (event.target === event.currentTarget) onClose();
+    },
+    [onClose]
+  );
+  if (!image) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "dialog",
+    {
+      ref: dialogRef,
+      "data-concepts": "lightbox",
+      "aria-labelledby": titleId,
+      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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-full flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border px-4 py-3 sm:px-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+              conceptTitle,
+              count > 1 ? ` \xB7 ${position + 1} / ${count}` : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                id: titleId,
+                className: "truncate text-base font-semibold text-foreground sm:text-lg",
+                children: image.title
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              ref: closeRef,
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Close",
+              "data-concepts": "lightbox-close",
+              className: "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",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "relative flex flex-1 items-center justify-center px-4 py-4 sm:px-20",
+            onClick: handleStageClick,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: image.src,
+                  alt: image.alt,
+                  width: image.width,
+                  height: image.height,
+                  decoding: "async",
+                  className: "h-auto max-h-[calc(100vh-14rem)] w-auto max-w-full rounded-lg border border-border bg-muted object-contain shadow-lg"
+                },
+                image.key
+              ),
+              count > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => go(-1),
+                    "aria-label": "Previous illustration",
+                    "data-concepts": "lightbox-prev",
+                    className: `absolute left-2 top-1/2 -translate-y-1/2 sm:left-4 ${NAV_BUTTON}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { "aria-hidden": "true", className: "h-5 w-5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => go(1),
+                    "aria-label": "Next illustration",
+                    "data-concepts": "lightbox-next",
+                    className: `absolute right-2 top-1/2 -translate-y-1/2 sm:right-4 ${NAV_BUTTON}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "h-5 w-5" })
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-4 py-3 sm:px-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-foreground", children: image.caption }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1.5 flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { "aria-hidden": "true", className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: CONCEPT_ILLUSTRATION_NOTICE })
+          ] })
+        ] })
+      ] })
+    }
+  );
 }
-var EN = {
-  badge: "AI answers, grounded in our documentation",
-  welcomeTitle: "Ask anything about our products",
-  welcomeBody: "Describe what you are trying to do and I will point you at the product, the page and the next step.",
-  tryAsking: "Try asking",
-  focusProduct: "Focus on a product",
-  allProducts: "All products",
-  showAll: "All",
-  showLess: "Show less",
-  sources: "Sources",
-  nextYouCouldAsk: "Next you could ask",
-  placeholder: "Ask anything about our products\u2026",
-  placeholderProduct: "Ask about {product}\u2026",
-  send: "Send",
-  stop: "Stop",
-  newChat: "New chat",
-  history: "History",
-  clearHistory: "Clear history",
-  share: "Share",
-  copied: "Copied",
-  copying: "Copying\u2026",
-  shareUnavailable: "Unavailable",
-  disclaimer: "Disclaimer",
-  disclaimerShort: "Grounded in our docs \u2014 check anything important.",
-  dictate: "Dictate your question",
-  stopDictating: "Stop dictating",
-  attach: "Attach files",
-  attachHint: "Up to {{max}} files, {{size}} MB each",
-  removeAttachment: "Remove {{name}}",
-  attachmentNameOnly: "name and type only",
-  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",
-  capabilities: [
-    "Grounded in our own docs",
-    "Compare across the ecosystem",
-    "Straight to the right page"
-  ],
-  prompts: [
-    "What does this product actually do?",
-    "Which product fits my team?",
-    "How do I get started, step by step?",
-    "How much does it cost?"
-  ]
-};
-var ZH = {
-  badge: "\u57FA\u4E8E\u6211\u4EEC\u6587\u6863\u7684 AI \u56DE\u7B54",
-  welcomeTitle: "\u5173\u4E8E\u6211\u4EEC\u7684\u4EA7\u54C1\uFF0C\u968F\u4FBF\u95EE",
-  welcomeBody: "\u63CF\u8FF0\u4F60\u60F3\u505A\u7684\u4E8B\uFF0C\u6211\u4F1A\u4E3A\u4F60\u6307\u51FA\u5BF9\u5E94\u7684\u4EA7\u54C1\u3001\u9875\u9762\u548C\u4E0B\u4E00\u6B65\u3002",
-  tryAsking: "\u8BD5\u7740\u95EE",
-  focusProduct: "\u805A\u7126\u67D0\u4E2A\u4EA7\u54C1",
-  allProducts: "\u5168\u90E8\u4EA7\u54C1",
-  showAll: "\u5168\u90E8",
-  showLess: "\u6536\u8D77",
-  sources: "\u6765\u6E90",
-  nextYouCouldAsk: "\u4F60\u8FD8\u53EF\u4EE5\u95EE",
-  placeholder: "\u5173\u4E8E\u6211\u4EEC\u7684\u4EA7\u54C1\uFF0C\u968F\u4FBF\u95EE\u2026",
-  placeholderProduct: "\u8BE2\u95EE\u5173\u4E8E {product} \u7684\u95EE\u9898\u2026",
-  send: "\u53D1\u9001",
-  stop: "\u505C\u6B62",
-  newChat: "\u65B0\u5BF9\u8BDD",
-  history: "\u5386\u53F2",
-  clearHistory: "\u6E05\u9664\u5386\u53F2",
-  share: "\u5206\u4EAB",
-  copied: "\u5DF2\u590D\u5236",
-  copying: "\u590D\u5236\u4E2D\u2026",
-  shareUnavailable: "\u4E0D\u53EF\u7528",
-  disclaimer: "\u514D\u8D23\u58F0\u660E",
-  disclaimerShort: "\u5185\u5BB9\u57FA\u4E8E\u6211\u4EEC\u7684\u6587\u6863\uFF0C\u91CD\u8981\u4FE1\u606F\u8BF7\u81EA\u884C\u6838\u5BF9\u3002",
-  dictate: "\u8BED\u97F3\u8F93\u5165",
-  stopDictating: "\u505C\u6B62\u8BED\u97F3\u8F93\u5165",
-  attach: "\u6DFB\u52A0\u6587\u4EF6",
-  attachHint: "\u6700\u591A {{max}} \u4E2A\u6587\u4EF6\uFF0C\u6BCF\u4E2A\u4E0D\u8D85\u8FC7 {{size}} MB",
-  removeAttachment: "\u79FB\u9664 {{name}}",
-  attachmentNameOnly: "\u4EC5\u6587\u4EF6\u540D\u548C\u7C7B\u578B",
-  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",
-  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",
-    "\u54EA\u4E2A\u4EA7\u54C1\u9002\u5408\u6211\u7684\u56E2\u961F\uFF1F",
-    "\u5982\u4F55\u4E00\u6B65\u6B65\u5F00\u59CB\u4F7F\u7528\uFF1F",
-    "\u4EF7\u683C\u662F\u591A\u5C11\uFF1F"
-  ]
-};
-var HI = {
-  badge: "\u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 AI \u0909\u0924\u094D\u0924\u0930",
-  welcomeTitle: "\u0939\u092E\u093E\u0930\u0947 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u0915\u0941\u091B \u092D\u0940 \u092A\u0942\u091B\u0947\u0902",
-  welcomeBody: "\u092C\u0924\u093E\u0907\u090F \u0906\u092A \u0915\u094D\u092F\u093E \u0915\u0930\u0928\u093E \u091A\u093E\u0939\u0924\u0947 \u0939\u0948\u0902, \u0914\u0930 \u092E\u0948\u0902 \u0906\u092A\u0915\u094B \u0938\u0939\u0940 \u0909\u0924\u094D\u092A\u093E\u0926, \u092A\u0947\u091C \u0914\u0930 \u0905\u0917\u0932\u093E \u0915\u0926\u092E \u092C\u0924\u093E\u090A\u0901\u0917\u093E\u0964",
-  tryAsking: "\u092F\u0939 \u092A\u0942\u091B\u0915\u0930 \u0926\u0947\u0916\u0947\u0902",
-  focusProduct: "\u0915\u093F\u0938\u0940 \u0909\u0924\u094D\u092A\u093E\u0926 \u092A\u0930 \u0927\u094D\u092F\u093E\u0928 \u0926\u0947\u0902",
-  allProducts: "\u0938\u092D\u0940 \u0909\u0924\u094D\u092A\u093E\u0926",
-  showAll: "\u0938\u092D\u0940",
-  showLess: "\u0915\u092E \u0926\u093F\u0916\u093E\u090F\u0901",
-  sources: "\u0938\u094D\u0930\u094B\u0924",
-  nextYouCouldAsk: "\u0906\u0917\u0947 \u0906\u092A \u092A\u0942\u091B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902",
-  placeholder: "\u0939\u092E\u093E\u0930\u0947 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u0915\u0941\u091B \u092D\u0940 \u092A\u0942\u091B\u0947\u0902\u2026",
-  placeholderProduct: "{product} \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902\u2026",
-  send: "\u092D\u0947\u091C\u0947\u0902",
-  stop: "\u0930\u094B\u0915\u0947\u0902",
-  newChat: "\u0928\u0908 \u092C\u093E\u0924\u091A\u0940\u0924",
-  history: "\u0907\u0924\u093F\u0939\u093E\u0938",
-  clearHistory: "\u0907\u0924\u093F\u0939\u093E\u0938 \u092E\u093F\u091F\u093E\u090F\u0901",
-  share: "\u0938\u093E\u091D\u093E \u0915\u0930\u0947\u0902",
-  copied: "\u0915\u0949\u092A\u0940 \u0939\u094B \u0917\u092F\u093E",
-  copying: "\u0915\u0949\u092A\u0940 \u0939\u094B \u0930\u0939\u093E \u0939\u0948\u2026",
-  shareUnavailable: "\u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902",
-  disclaimer: "\u0905\u0938\u094D\u0935\u0940\u0915\u0930\u0923",
-  disclaimerShort: "\u092F\u0939 \u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0939\u0948 \u2014 \u092E\u0939\u0924\u094D\u0935\u092A\u0942\u0930\u094D\u0923 \u092C\u093E\u0924\u0947\u0902 \u091C\u093C\u0930\u0942\u0930 \u091C\u093E\u0901\u091A \u0932\u0947\u0902\u0964",
-  dictate: "\u092C\u094B\u0932\u0915\u0930 \u092A\u0942\u091B\u0947\u0902",
-  stopDictating: "\u092C\u094B\u0932\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
-  attach: "\u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u091C\u094B\u0921\u093C\u0947\u0902",
-  attachHint: "\u0905\u0927\u093F\u0915\u0924\u092E {{max}} \u092B\u093C\u093E\u0907\u0932\u0947\u0902, \u092A\u094D\u0930\u0924\u094D\u092F\u0947\u0915 {{size}} MB \u0924\u0915",
-  removeAttachment: "{{name}} \u0939\u091F\u093E\u090F\u0901",
-  attachmentNameOnly: "\u0915\u0947\u0935\u0932 \u0928\u093E\u092E \u0914\u0930 \u092A\u094D\u0930\u0915\u093E\u0930",
-  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",
-  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",
-    "\u0938\u0940\u0927\u0947 \u0938\u0939\u0940 \u092A\u0947\u091C \u092A\u0930"
-  ],
-  prompts: [
-    "\u092F\u0939 \u0909\u0924\u094D\u092A\u093E\u0926 \u0905\u0938\u0932 \u092E\u0947\u0902 \u0915\u094D\u092F\u093E \u0915\u0930\u0924\u093E \u0939\u0948?",
-    "\u092E\u0947\u0930\u0940 \u091F\u0940\u092E \u0915\u0947 \u0932\u093F\u090F \u0915\u094C\u0928 \u0938\u093E \u0909\u0924\u094D\u092A\u093E\u0926 \u0938\u0939\u0940 \u0939\u0948?",
-    "\u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0948\u0938\u0947 \u0915\u0930\u0947\u0902, \u091A\u0930\u0923 \u0926\u0930 \u091A\u0930\u0923?",
-    "\u0907\u0938\u0915\u0940 \u0915\u0940\u092E\u0924 \u0915\u093F\u0924\u0928\u0940 \u0939\u0948?"
-  ]
-};
-var ES = {
-  badge: "Respuestas de IA basadas en nuestra documentaci\xF3n",
-  welcomeTitle: "Pregunta lo que quieras sobre nuestros productos",
-  welcomeBody: "Cu\xE9ntame qu\xE9 necesitas hacer y te indicar\xE9 el producto, la p\xE1gina y el siguiente paso.",
-  tryAsking: "Prueba a preguntar",
-  focusProduct: "Centrarse en un producto",
-  allProducts: "Todos los productos",
-  showAll: "Todos",
-  showLess: "Ver menos",
-  sources: "Fuentes",
-  nextYouCouldAsk: "Tambi\xE9n puedes preguntar",
-  placeholder: "Pregunta lo que quieras sobre nuestros productos\u2026",
-  placeholderProduct: "Pregunta sobre {product}\u2026",
-  send: "Enviar",
-  stop: "Detener",
-  newChat: "Nueva conversaci\xF3n",
+var META_DESCRIPTION_LIMIT = 160;
+var RELATED_LIMIT = 4;
+var HERO_FETCH_PRIORITY = Number.parseInt(React.version, 10) >= 19 ? { fetchPriority: "high" } : { fetchpriority: "high" };
+function normaliseSiteUrl(siteUrl) {
+  return siteUrl.trim().replace(/\/+$/, "");
+}
+function absoluteUrl(base, path) {
+  if (/^https?:\/\//i.test(path)) return path;
+  return `${base}${path.startsWith("/") ? path : `/${path}`}`;
+}
+function sortByOrder(concepts) {
+  return [...concepts].sort(
+    (a, b) => a.order - b.order || a.slug.localeCompare(b.slug)
+  );
+}
+function plural(count, singular, pluralForm) {
+  return `${count} ${count === 1 ? singular : pluralForm}`;
+}
+function illustrationCount(count) {
+  return plural(count, "illustration", "illustrations");
+}
+function listSentence(items) {
+  if (items.length <= 1) return items.join("");
+  return `${items.slice(0, -1).join(", ")} and ${items[items.length - 1]}`;
+}
+function clampText(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 defaultLandingDescription(productName, conceptTotal, imageTotal, categoryNames) {
+  if (conceptTotal === 0) {
+    return clampText(
+      `Concepts of how ${productName} works, each a feature or flow explained with illustrations.`,
+      META_DESCRIPTION_LIMIT
+    );
+  }
+  const head = `Explore ${plural(conceptTotal, `${productName} concept`, `${productName} concepts`)} with ${illustrationCount(imageTotal)}`;
+  for (let take = Math.min(categoryNames.length, 4); take >= 1; take -= 1) {
+    const more = categoryNames.length > take ? " and more" : "";
+    const text = `${head} across ${listSentence(categoryNames.slice(0, take))}${more}.`;
+    if (text.length <= META_DESCRIPTION_LIMIT) return text;
+  }
+  return clampText(`${head} of how the product works.`, META_DESCRIPTION_LIMIT);
+}
+function slugifyAnchor(value) {
+  return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function groupByCategory(ordered, categories) {
+  const byName = /* @__PURE__ */ new Map();
+  for (const concept of ordered) {
+    const list = byName.get(concept.category);
+    if (list) list.push(concept);
+    else byName.set(concept.category, [concept]);
+  }
+  const described = [];
+  for (const category of categories ?? []) {
+    const list = byName.get(category.name);
+    if (!list) continue;
+    described.push({
+      name: category.name,
+      description: category.description,
+      concepts: list
+    });
+    byName.delete(category.name);
+  }
+  for (const [name, list] of byName) {
+    described.push({ name, description: "", concepts: list });
+  }
+  const used = /* @__PURE__ */ new Set();
+  return described.map((group) => {
+    const base = `concepts-${slugifyAnchor(group.name) || "category"}`;
+    let anchor = base;
+    for (let n = 2; used.has(anchor); n += 1) anchor = `${base}-${n}`;
+    used.add(anchor);
+    return { ...group, anchor };
+  });
+}
+function searchTokens(query) {
+  return query.toLowerCase().split(/\s+/).filter(Boolean);
+}
+function matchesSearch(concept, tokens) {
+  if (tokens.length === 0) return true;
+  const haystack = [
+    concept.title,
+    concept.tagline,
+    concept.category,
+    ...concept.keywords
+  ].join(" ").toLowerCase();
+  return tokens.every((token) => haystack.includes(token));
+}
+function isPortrait(width, height) {
+  return height > width;
+}
+function copyKey(index, text) {
+  return `${index}-${text}`;
+}
+function DefaultConceptLink({
+  href,
+  className,
+  children,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, "aria-label": ariaLabel, children });
+}
+function IllustrationNotice({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "note",
+      "data-concepts": "notice",
+      "data-concepts-notice": "",
+      className: cn(
+        "flex items-start gap-3 rounded-xl border border-primary/30 bg-primary/10 px-4 py-3 text-sm leading-relaxed text-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Info,
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 h-4 w-4 shrink-0 text-primary"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: CONCEPT_ILLUSTRATION_NOTICE })
+      ]
+    }
+  );
+}
+function IllustrationBadge({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "pointer-events-none absolute left-2 top-2 inline-flex items-center rounded-full border border-border bg-background/90 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-foreground shadow-sm",
+        className
+      ),
+      children: "Illustration"
+    }
+  );
+}
+function ConceptCard({
+  concept,
+  Link
+}) {
+  const image = concept.images[0];
+  const portrait = image ? isPortrait(image.thumbWidth, image.thumbHeight) : false;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Link,
+    {
+      href: conceptPath(concept.slug),
+      className: "group flex h-full flex-col overflow-hidden rounded-2xl border border-border bg-card text-card-foreground shadow-sm transition hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transform-none motion-reduce:transition-none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative aspect-[16/10] overflow-hidden border-b border-border bg-muted", children: [
+          image ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: image.thumb,
+              alt: "",
+              width: image.thumbWidth,
+              height: image.thumbHeight,
+              loading: "lazy",
+              decoding: "async",
+              className: cn(
+                "h-full w-full",
+                portrait ? "object-contain p-3" : "object-cover object-top"
+              )
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(IllustrationBadge, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-2 p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold leading-snug text-card-foreground transition-colors group-hover:text-primary", children: concept.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-muted-foreground", children: concept.tagline }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-auto inline-flex items-center gap-1.5 pt-1 text-xs font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+            illustrationCount(concept.images.length)
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function FilterChip({
+  label,
+  count,
+  active,
+  category,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": active,
+      "data-category": category,
+      onClick: onSelect,
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        active ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-foreground hover:border-primary/40 hover:bg-muted"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "rounded-full px-1.5 text-xs tabular-nums",
+              active ? "bg-primary-foreground/20 text-primary-foreground" : "bg-muted text-muted-foreground"
+            ),
+            children: count
+          }
+        )
+      ]
+    }
+  );
+}
+function ConceptsPage({
+  productName,
+  siteUrl,
+  concepts,
+  categories,
+  cta,
+  linkComponent,
+  title,
+  description,
+  className
+}) {
+  const Link = linkComponent ?? DefaultConceptLink;
+  const base = normaliseSiteUrl(siteUrl);
+  const searchId = React.useId();
+  const ordered = React.useMemo(() => sortByOrder(concepts), [concepts]);
+  const groups = React.useMemo(
+    () => groupByCategory(ordered, categories),
+    [ordered, categories]
+  );
+  const imageTotal = React.useMemo(
+    () => ordered.reduce((sum, concept) => sum + concept.images.length, 0),
+    [ordered]
+  );
+  const [query, setQuery] = React.useState("");
+  const [activeCategory, setActiveCategory] = React.useState(null);
+  const hasConcepts = ordered.length > 0;
+  const tokens = React.useMemo(() => searchTokens(query), [query]);
+  const searched = React.useMemo(
+    () => ordered.filter((concept) => matchesSearch(concept, tokens)),
+    [ordered, tokens]
+  );
+  const countsByCategory = React.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const concept of searched) {
+      counts.set(concept.category, (counts.get(concept.category) ?? 0) + 1);
+    }
+    return counts;
+  }, [searched]);
+  const visibleGroups = React.useMemo(() => {
+    const visible = new Set(
+      searched.filter(
+        (concept) => activeCategory === null || concept.category === activeCategory
+      )
+    );
+    return groups.map((group) => ({
+      ...group,
+      concepts: group.concepts.filter((concept) => visible.has(concept))
+    })).filter((group) => group.concepts.length > 0);
+  }, [groups, searched, activeCategory]);
+  const visibleTotal = visibleGroups.reduce(
+    (sum, group) => sum + group.concepts.length,
+    0
+  );
+  const filtering = tokens.length > 0 || activeCategory !== null;
+  const clearFilters = React.useCallback(() => {
+    setQuery("");
+    setActiveCategory(null);
+  }, []);
+  const heading = title ?? `${productName} concepts`;
+  const metaDescription = description ?? defaultLandingDescription(
+    productName,
+    ordered.length,
+    imageTotal,
+    groups.map((group) => group.name)
+  );
+  const lead = description ?? `A guided tour of ${productName}, one concept at a time. Each concept groups the illustrations of a feature or flow and explains what it does, how it works and who it is for.`;
+  const canonical = `${base}${CONCEPTS_PATH}`;
+  const firstImage = ordered.find((concept) => concept.images[0])?.images[0];
+  const structuredData = React.useMemo(
+    () => [
+      {
+        "@context": "https://schema.org",
+        "@type": "CollectionPage",
+        name: heading,
+        description: metaDescription,
+        url: canonical,
+        isPartOf: { "@type": "WebSite", name: productName, url: `${base}/` },
+        mainEntity: {
+          "@type": "ItemList",
+          numberOfItems: ordered.length,
+          itemListElement: ordered.map((concept, index) => {
+            const image = concept.images[0];
+            return {
+              "@type": "ListItem",
+              position: index + 1,
+              url: absoluteUrl(base, conceptPath(concept.slug)),
+              name: concept.title,
+              ...image ? { image: absoluteUrl(base, image.src) } : {}
+            };
+          })
+        }
+      },
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        itemListElement: [
+          { "@type": "ListItem", position: 1, name: "Home", item: `${base}/` },
+          {
+            "@type": "ListItem",
+            position: 2,
+            name: "Concepts",
+            item: canonical
+          }
+        ]
+      }
+    ],
+    [base, canonical, heading, metaDescription, ordered, productName]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-concepts": "landing",
+      className: cn("bg-background text-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PageHead,
+          {
+            title: "Concepts",
+            description: metaDescription,
+            productName,
+            keywords: [
+              `${productName} concepts`,
+              `${productName} illustrations`,
+              ...groups.map((group) => group.name)
+            ].join(", "),
+            image: firstImage ? absoluteUrl(base, firstImage.src) : void 0,
+            url: canonical,
+            structuredData
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("section", { className: "border-b border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl px-4 py-14 sm:px-6 sm:py-20 lg:px-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-primary", children: "Concepts" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-3 max-w-3xl text-4xl font-bold tracking-tight text-foreground sm:text-5xl", children: heading }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 max-w-2xl text-lg leading-relaxed text-muted-foreground", children: lead }),
+          hasConcepts ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-6 flex flex-wrap gap-x-6 gap-y-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-lg font-semibold text-foreground", children: ordered.length }),
+              " ",
+              ordered.length === 1 ? "concept" : "concepts"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-lg font-semibold text-foreground", children: imageTotal }),
+              " ",
+              imageTotal === 1 ? "illustration" : "illustrations"
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(IllustrationNotice, { className: "mt-6 max-w-2xl" }),
+          cta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex flex-wrap gap-3", children: cta }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-6xl px-4 pb-20 sm:px-6 lg:px-8", children: hasConcepts ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "search",
+              "data-concepts": "filter",
+              className: "flex flex-col gap-4 py-8",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full max-w-md", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.Search,
+                    {
+                      "aria-hidden": "true",
+                      className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: searchId, className: "sr-only", children: "Search concepts" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      id: searchId,
+                      type: "search",
+                      value: query,
+                      onChange: (event) => setQuery(event.target.value),
+                      placeholder: "Search concepts",
+                      autoComplete: "off",
+                      className: "h-10 w-full rounded-lg border border-border bg-background pl-9 pr-3 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": "Filter by category",
+                    className: "flex flex-wrap gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        FilterChip,
+                        {
+                          label: "All",
+                          category: "all",
+                          count: searched.length,
+                          active: activeCategory === null,
+                          onSelect: () => setActiveCategory(null)
+                        }
+                      ),
+                      groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+                        FilterChip,
+                        {
+                          label: group.name,
+                          category: group.name,
+                          count: countsByCategory.get(group.name) ?? 0,
+                          active: activeCategory === group.name,
+                          onSelect: () => setActiveCategory(
+                            (current) => current === group.name ? null : group.name
+                          )
+                        },
+                        group.anchor
+                      ))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "p",
+                  {
+                    "aria-live": "polite",
+                    className: filtering ? "text-sm text-muted-foreground" : "sr-only",
+                    children: [
+                      "Showing ",
+                      visibleTotal,
+                      " of ",
+                      ordered.length,
+                      " ",
+                      ordered.length === 1 ? "concept" : "concepts"
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          visibleTotal === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-concepts": "empty",
+              className: "rounded-2xl border border-dashed border-border bg-muted/30 px-6 py-14 text-center",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.Search,
+                  {
+                    "aria-hidden": "true",
+                    className: "mx-auto h-8 w-8 text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-4 text-lg font-semibold text-foreground", children: "No concepts match your filters" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Try a different search, or show every category." }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: clearFilters,
+                    className: "mt-6 inline-flex items-center rounded-full border border-border bg-card px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: "Clear filters"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-14", children: visibleGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": group.anchor, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  id: group.anchor,
+                  className: "scroll-mt-24 text-2xl font-semibold tracking-tight text-foreground",
+                  children: group.name
+                }
+              ),
+              group.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 leading-relaxed text-muted-foreground", children: group.description }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "ul",
+              {
+                role: "list",
+                className: "mt-6 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3",
+                children: group.concepts.map((concept) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "li",
+                  {
+                    "data-concepts": "card",
+                    "data-slug": concept.slug,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ConceptCard, { concept, Link })
+                  },
+                  concept.slug
+                ))
+              }
+            )
+          ] }, group.anchor)) })
+        ] }) : (
+          // Nothing published yet: no filter bar with an "All 0" chip, and no empty state
+          // that blames filters the visitor never set.
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-concepts": "none",
+              className: "mt-10 rounded-2xl border border-dashed border-border bg-muted/30 px-6 py-14 text-center",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.ImageIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: "mx-auto h-8 w-8 text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-4 text-lg font-semibold text-foreground", children: "No concepts published yet" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+                  productName,
+                  " concepts will appear here as they are published."
+                ] })
+              ]
+            }
+          )
+        ) })
+      ]
+    }
+  );
+}
+var SECTION_HEADING = "scroll-mt-24 text-2xl font-semibold tracking-tight text-foreground";
+var CHIP = "inline-flex items-center rounded-full border border-border bg-muted/50 px-3 py-1 text-sm text-foreground";
+function IllustrationFigure({
+  image,
+  onOpen
+}) {
+  const portrait = isPortrait(image.width, image.height);
+  return (
+    // The block the llms extractor reads: title, image line, caption, description — in
+    // that order and with nothing in between. The description sits outside <figure>
+    // because a <figcaption> must be the figure's first or last child.
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("figure", { id: `illustration-${image.key}`, className: "scroll-mt-24", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground", children: image.title }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: (event) => onOpen(event.currentTarget),
+            "data-concepts": "illustration",
+            className: cn(
+              "group relative mt-3 block w-full overflow-hidden rounded-2xl border border-border shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              portrait ? "bg-muted p-4 sm:p-6" : "bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  "data-llms-image": "",
+                  src: image.src,
+                  alt: image.alt,
+                  width: image.width,
+                  height: image.height,
+                  loading: "lazy",
+                  decoding: "async",
+                  className: "mx-auto block h-auto max-h-[80vh] w-auto max-w-full"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(IllustrationBadge, { className: "left-3 top-3" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute bottom-3 right-3 inline-flex h-8 w-8 items-center justify-center rounded-full border border-border bg-background/90 text-foreground shadow-sm transition-opacity group-hover:opacity-100 sm:opacity-80",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Enlarge illustration" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "mt-3 text-sm font-medium text-foreground", children: image.caption })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-relaxed text-muted-foreground", children: image.description })
+    ] })
+  );
+}
+function ConceptDetailPage(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ConceptDetail, { ...props }, props.concept.slug);
+}
+function ConceptDetail({
+  productName,
+  siteUrl,
+  concept,
+  concepts,
+  categories,
+  cta,
+  linkComponent,
+  className
+}) {
+  const Link = linkComponent ?? DefaultConceptLink;
+  const base = normaliseSiteUrl(siteUrl);
+  const headingId = React.useId();
+  const ordered = React.useMemo(() => sortByOrder(concepts), [concepts]);
+  const position = ordered.findIndex((item) => item.slug === concept.slug);
+  const previous = position > 0 ? ordered[position - 1] : void 0;
+  const next = position >= 0 && position < ordered.length - 1 ? ordered[position + 1] : void 0;
+  const related = React.useMemo(() => {
+    const bySlug = new Map(ordered.map((item) => [item.slug, item]));
+    const curated = [...new Set(concept.related)].map((slug) => bySlug.get(slug)).filter(
+      (item) => item !== void 0 && item.slug !== concept.slug
+    );
+    const list = curated.length > 0 ? curated : ordered.filter(
+      (item) => item.category === concept.category && item.slug !== concept.slug
+    );
+    return list.slice(0, RELATED_LIMIT);
+  }, [concept, ordered]);
+  const relatedIsCurated = concept.related.some(
+    (slug) => related.some((item) => item.slug === slug)
+  );
+  const categoryDescription = categories?.find(
+    (category) => category.name === concept.category
+  )?.description;
+  const [lightboxIndex, setLightboxIndex] = React.useState(null);
+  const triggerRef = React.useRef(null);
+  const openLightbox = React.useCallback((index, trigger) => {
+    triggerRef.current = trigger;
+    setLightboxIndex(index);
+  }, []);
+  const closeLightbox = React.useCallback(() => setLightboxIndex(null), []);
+  React.useEffect(() => {
+    if (lightboxIndex !== null) return;
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    triggerRef.current = null;
+    if (trigger.isConnected) trigger.focus();
+  }, [lightboxIndex]);
+  const canonical = absoluteUrl(base, conceptPath(concept.slug));
+  const hero = concept.images[0];
+  const imageTotal = concept.images.length;
+  const structuredData = React.useMemo(
+    () => [
+      {
+        "@context": "https://schema.org",
+        "@type": "ImageGallery",
+        name: concept.title,
+        description: concept.metaDescription,
+        url: canonical,
+        keywords: concept.keywords.join(", "),
+        about: { "@type": "Thing", name: productName },
+        image: concept.images.map((image) => ({
+          "@type": "ImageObject",
+          contentUrl: absoluteUrl(base, image.src),
+          thumbnailUrl: absoluteUrl(base, image.thumb),
+          name: image.title,
+          caption: image.caption,
+          description: image.description,
+          width: image.width,
+          height: image.height
+        }))
+      },
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        itemListElement: [
+          { "@type": "ListItem", position: 1, name: "Home", item: `${base}/` },
+          {
+            "@type": "ListItem",
+            position: 2,
+            name: "Concepts",
+            item: `${base}${CONCEPTS_PATH}`
+          },
+          {
+            "@type": "ListItem",
+            position: 3,
+            name: concept.title,
+            item: canonical
+          }
+        ]
+      }
+    ],
+    [base, canonical, concept, productName]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      "data-concepts": "detail",
+      "data-slug": concept.slug,
+      "aria-labelledby": headingId,
+      className: cn("bg-background text-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PageHead,
+          {
+            title: `${concept.title} \u2014 Concept`,
+            description: concept.metaDescription,
+            productName,
+            keywords: concept.keywords.join(", "),
+            image: hero ? absoluteUrl(base, hero.src) : void 0,
+            url: canonical,
+            structuredData
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("header", { className: "border-b border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl px-4 pb-10 pt-8 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Link,
+                {
+                  href: "/",
+                  className: "rounded hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: "Home"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Link,
+                {
+                  href: CONCEPTS_PATH,
+                  className: "rounded hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: "Concepts"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "li",
+              {
+                "aria-current": "page",
+                className: "min-w-0 truncate text-foreground",
+                children: concept.title
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "data-concepts": "category",
+                title: categoryDescription,
+                className: "inline-flex items-center rounded-full border border-primary/30 bg-primary/10 px-3 py-1 text-xs font-semibold text-primary",
+                children: concept.category
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1 text-xs font-medium text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              illustrationCount(imageTotal)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              id: headingId,
+              className: "mt-4 max-w-4xl text-3xl font-bold tracking-tight text-foreground sm:text-4xl lg:text-5xl",
+              children: concept.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 max-w-3xl text-lg leading-relaxed text-muted-foreground", children: concept.tagline }),
+          /* @__PURE__ */ jsxRuntime.jsx(IllustrationNotice, { className: "mt-6 max-w-3xl" })
+        ] }) }),
+        hero ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-6xl px-4 pt-10 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("figure", { "data-concepts": "hero", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: (event) => openLightbox(0, event.currentTarget),
+            className: cn(
+              "group relative block w-full overflow-hidden rounded-2xl border border-border bg-muted shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              isPortrait(hero.width, hero.height) && "p-4 sm:p-6"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: hero.src,
+                  alt: hero.alt,
+                  width: hero.width,
+                  height: hero.height,
+                  loading: "eager",
+                  ...HERO_FETCH_PRIORITY,
+                  className: "mx-auto block h-auto max-h-[75vh] w-auto max-w-full"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(IllustrationBadge, { className: "left-3 top-3" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute bottom-3 right-3 inline-flex items-center gap-1.5 rounded-full border border-border bg-background/90 px-3 py-1 text-xs font-medium text-foreground shadow-sm",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-3.5 w-3.5" }),
+                    "Enlarge"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Enlarge illustration" })
+            ]
+          }
+        ) }) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl px-4 py-14 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl space-y-12", children: [
+            concept.overview.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": `${headingId}-overview`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-overview`, className: SECTION_HEADING, children: "Overview" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-4 text-base leading-relaxed text-foreground", children: concept.overview.map((paragraph, index) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: paragraph }, copyKey(index, paragraph))) })
+            ] }) : null,
+            concept.highlights.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": `${headingId}-highlights`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-highlights`, className: SECTION_HEADING, children: "What this concept shows" }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "mt-4 space-y-3", children: concept.highlights.map((highlight, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  className: "flex items-start gap-3 leading-relaxed text-foreground",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: highlight })
+                  ]
+                },
+                copyKey(index, highlight)
+              )) })
+            ] }) : null,
+            concept.workflow.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": `${headingId}-workflow`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-workflow`, className: SECTION_HEADING, children: "How it works" }),
+              /* @__PURE__ */ jsxRuntime.jsx("ol", { role: "list", className: "mt-4 space-y-4", children: concept.workflow.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  className: "flex items-start gap-4",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border bg-card text-sm font-semibold tabular-nums text-foreground",
+                        children: index + 1
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pt-0.5 leading-relaxed text-foreground", children: step })
+                  ]
+                },
+                copyKey(index, step)
+              )) })
+            ] }) : null,
+            concept.audience.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": `${headingId}-audience`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-audience`, className: SECTION_HEADING, children: "Who it's for" }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "mt-4 flex flex-wrap gap-2", children: concept.audience.map((who, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: CHIP, children: who }, copyKey(index, who))) })
+            ] }) : null
+          ] }),
+          imageTotal > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "section",
+            {
+              "aria-labelledby": `${headingId}-illustrations`,
+              className: "mt-16",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-illustrations`, className: SECTION_HEADING, children: "Illustrations" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-muted-foreground", children: [
+                    illustrationCount(imageTotal),
+                    " of this concept. Select one to view it full size."
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 space-y-14", children: concept.images.map((image, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  IllustrationFigure,
+                  {
+                    image,
+                    onOpen: (trigger) => openLightbox(index, trigger)
+                  },
+                  image.key
+                )) })
+              ]
+            }
+          ) : null,
+          concept.keywords.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": `${headingId}-topics`, className: "mt-16", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-topics`, className: SECTION_HEADING, children: "Topics" }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "mt-4 flex flex-wrap gap-2", children: concept.keywords.map((keyword, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: CHIP, children: keyword }, copyKey(index, keyword))) })
+          ] }) : null,
+          related.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "section",
+            {
+              "aria-labelledby": `${headingId}-related`,
+              "data-concepts": "related",
+              className: "mt-16",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { id: `${headingId}-related`, className: SECTION_HEADING, children: relatedIsCurated ? "Related concepts" : `More in ${concept.category}` }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    role: "list",
+                    className: cn(
+                      "mt-6 grid grid-cols-1 gap-5 sm:grid-cols-2",
+                      related.length >= 4 ? "lg:grid-cols-4" : "lg:grid-cols-3"
+                    ),
+                    children: related.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { "data-concepts": "card", "data-slug": item.slug, children: /* @__PURE__ */ jsxRuntime.jsx(ConceptCard, { concept: item, Link }) }, item.slug))
+                  }
+                )
+              ]
+            }
+          ) : null,
+          previous || next ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "nav",
+            {
+              "aria-label": "Previous and next concepts",
+              "data-concepts": "pager",
+              className: "mt-16 grid gap-4 sm:grid-cols-2",
+              children: [
+                previous ? /* @__PURE__ */ jsxRuntime.jsxs(
+                  Link,
+                  {
+                    href: conceptPath(previous.slug),
+                    className: "group flex items-center gap-3 rounded-2xl border border-border bg-card p-4 text-card-foreground transition-colors hover:border-primary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ArrowLeft,
+                        {
+                          "aria-hidden": "true",
+                          className: "h-5 w-5 shrink-0 text-muted-foreground transition-colors group-hover:text-primary"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Previous concept" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate font-semibold", children: previous.title })
+                      ] })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block" }),
+                next ? /* @__PURE__ */ jsxRuntime.jsxs(
+                  Link,
+                  {
+                    href: conceptPath(next.slug),
+                    className: "group flex items-center justify-end gap-3 rounded-2xl border border-border bg-card p-4 text-right text-card-foreground transition-colors hover:border-primary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Next concept" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate font-semibold", children: next.title })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ArrowRight,
+                        {
+                          "aria-hidden": "true",
+                          className: "h-5 w-5 shrink-0 text-muted-foreground transition-colors group-hover:text-primary"
+                        }
+                      )
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Link,
+            {
+              href: CONCEPTS_PATH,
+              className: "inline-flex items-center gap-2 rounded text-sm font-medium text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { "aria-hidden": "true", className: "h-4 w-4" }),
+                "All ",
+                productName,
+                " concepts"
+              ]
+            }
+          ) })
+        ] }),
+        cta ? /* @__PURE__ */ jsxRuntime.jsx(
+          "section",
+          {
+            "data-concepts": "cta",
+            className: "border-t border-border bg-muted/30",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center gap-4 px-4 py-12 sm:px-6 lg:px-8", children: cta })
+          }
+        ) : null,
+        lightboxIndex !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+          ConceptLightbox,
+          {
+            images: concept.images,
+            index: lightboxIndex,
+            conceptTitle: concept.title,
+            onIndexChange: setLightboxIndex,
+            onClose: closeLightbox
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/explore-i18n.ts
+var EXPLORE_LOCALES = ["en", "zh", "hi", "es", "ar", "ta"];
+var RTL_LOCALES = /* @__PURE__ */ new Set(["ar"]);
+function isRtlLocale(locale) {
+  return RTL_LOCALES.has(locale);
+}
+var EN = {
+  badge: "AI answers, grounded in our documentation",
+  welcomeTitle: "Ask anything about our products",
+  welcomeBody: "Describe what you are trying to do and I will point you at the product, the page and the next step.",
+  tryAsking: "Try asking",
+  focusProduct: "Focus on a product",
+  allProducts: "All products",
+  showAll: "All",
+  showLess: "Show less",
+  sources: "Sources",
+  nextYouCouldAsk: "Next you could ask",
+  placeholder: "Ask anything about our products\u2026",
+  placeholderProduct: "Ask about {product}\u2026",
+  send: "Send",
+  stop: "Stop",
+  newChat: "New chat",
+  history: "History",
+  clearHistory: "Clear history",
+  share: "Share",
+  copied: "Copied",
+  copying: "Copying\u2026",
+  shareUnavailable: "Unavailable",
+  disclaimer: "Disclaimer",
+  disclaimerShort: "Grounded in our docs \u2014 check anything important.",
+  dictate: "Dictate your question",
+  stopDictating: "Stop dictating",
+  attach: "Attach files",
+  attachHint: "Up to {{max}} files, {{size}} MB each",
+  removeAttachment: "Remove {{name}}",
+  attachmentNameOnly: "name and type only",
+  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",
+    "Straight to the right page"
+  ],
+  prompts: [
+    "What does this product actually do?",
+    "Which product fits my team?",
+    "How do I get started, step by step?",
+    "How much does it cost?"
+  ]
+};
+var ZH = {
+  badge: "\u57FA\u4E8E\u6211\u4EEC\u6587\u6863\u7684 AI \u56DE\u7B54",
+  welcomeTitle: "\u5173\u4E8E\u6211\u4EEC\u7684\u4EA7\u54C1\uFF0C\u968F\u4FBF\u95EE",
+  welcomeBody: "\u63CF\u8FF0\u4F60\u60F3\u505A\u7684\u4E8B\uFF0C\u6211\u4F1A\u4E3A\u4F60\u6307\u51FA\u5BF9\u5E94\u7684\u4EA7\u54C1\u3001\u9875\u9762\u548C\u4E0B\u4E00\u6B65\u3002",
+  tryAsking: "\u8BD5\u7740\u95EE",
+  focusProduct: "\u805A\u7126\u67D0\u4E2A\u4EA7\u54C1",
+  allProducts: "\u5168\u90E8\u4EA7\u54C1",
+  showAll: "\u5168\u90E8",
+  showLess: "\u6536\u8D77",
+  sources: "\u6765\u6E90",
+  nextYouCouldAsk: "\u4F60\u8FD8\u53EF\u4EE5\u95EE",
+  placeholder: "\u5173\u4E8E\u6211\u4EEC\u7684\u4EA7\u54C1\uFF0C\u968F\u4FBF\u95EE\u2026",
+  placeholderProduct: "\u8BE2\u95EE\u5173\u4E8E {product} \u7684\u95EE\u9898\u2026",
+  send: "\u53D1\u9001",
+  stop: "\u505C\u6B62",
+  newChat: "\u65B0\u5BF9\u8BDD",
+  history: "\u5386\u53F2",
+  clearHistory: "\u6E05\u9664\u5386\u53F2",
+  share: "\u5206\u4EAB",
+  copied: "\u5DF2\u590D\u5236",
+  copying: "\u590D\u5236\u4E2D\u2026",
+  shareUnavailable: "\u4E0D\u53EF\u7528",
+  disclaimer: "\u514D\u8D23\u58F0\u660E",
+  disclaimerShort: "\u5185\u5BB9\u57FA\u4E8E\u6211\u4EEC\u7684\u6587\u6863\uFF0C\u91CD\u8981\u4FE1\u606F\u8BF7\u81EA\u884C\u6838\u5BF9\u3002",
+  dictate: "\u8BED\u97F3\u8F93\u5165",
+  stopDictating: "\u505C\u6B62\u8BED\u97F3\u8F93\u5165",
+  attach: "\u6DFB\u52A0\u6587\u4EF6",
+  attachHint: "\u6700\u591A {{max}} \u4E2A\u6587\u4EF6\uFF0C\u6BCF\u4E2A\u4E0D\u8D85\u8FC7 {{size}} MB",
+  removeAttachment: "\u79FB\u9664 {{name}}",
+  attachmentNameOnly: "\u4EC5\u6587\u4EF6\u540D\u548C\u7C7B\u578B",
+  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",
+    "\u54EA\u4E2A\u4EA7\u54C1\u9002\u5408\u6211\u7684\u56E2\u961F\uFF1F",
+    "\u5982\u4F55\u4E00\u6B65\u6B65\u5F00\u59CB\u4F7F\u7528\uFF1F",
+    "\u4EF7\u683C\u662F\u591A\u5C11\uFF1F"
+  ]
+};
+var HI = {
+  badge: "\u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 AI \u0909\u0924\u094D\u0924\u0930",
+  welcomeTitle: "\u0939\u092E\u093E\u0930\u0947 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u0915\u0941\u091B \u092D\u0940 \u092A\u0942\u091B\u0947\u0902",
+  welcomeBody: "\u092C\u0924\u093E\u0907\u090F \u0906\u092A \u0915\u094D\u092F\u093E \u0915\u0930\u0928\u093E \u091A\u093E\u0939\u0924\u0947 \u0939\u0948\u0902, \u0914\u0930 \u092E\u0948\u0902 \u0906\u092A\u0915\u094B \u0938\u0939\u0940 \u0909\u0924\u094D\u092A\u093E\u0926, \u092A\u0947\u091C \u0914\u0930 \u0905\u0917\u0932\u093E \u0915\u0926\u092E \u092C\u0924\u093E\u090A\u0901\u0917\u093E\u0964",
+  tryAsking: "\u092F\u0939 \u092A\u0942\u091B\u0915\u0930 \u0926\u0947\u0916\u0947\u0902",
+  focusProduct: "\u0915\u093F\u0938\u0940 \u0909\u0924\u094D\u092A\u093E\u0926 \u092A\u0930 \u0927\u094D\u092F\u093E\u0928 \u0926\u0947\u0902",
+  allProducts: "\u0938\u092D\u0940 \u0909\u0924\u094D\u092A\u093E\u0926",
+  showAll: "\u0938\u092D\u0940",
+  showLess: "\u0915\u092E \u0926\u093F\u0916\u093E\u090F\u0901",
+  sources: "\u0938\u094D\u0930\u094B\u0924",
+  nextYouCouldAsk: "\u0906\u0917\u0947 \u0906\u092A \u092A\u0942\u091B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902",
+  placeholder: "\u0939\u092E\u093E\u0930\u0947 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u0915\u0941\u091B \u092D\u0940 \u092A\u0942\u091B\u0947\u0902\u2026",
+  placeholderProduct: "{product} \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902\u2026",
+  send: "\u092D\u0947\u091C\u0947\u0902",
+  stop: "\u0930\u094B\u0915\u0947\u0902",
+  newChat: "\u0928\u0908 \u092C\u093E\u0924\u091A\u0940\u0924",
+  history: "\u0907\u0924\u093F\u0939\u093E\u0938",
+  clearHistory: "\u0907\u0924\u093F\u0939\u093E\u0938 \u092E\u093F\u091F\u093E\u090F\u0901",
+  share: "\u0938\u093E\u091D\u093E \u0915\u0930\u0947\u0902",
+  copied: "\u0915\u0949\u092A\u0940 \u0939\u094B \u0917\u092F\u093E",
+  copying: "\u0915\u0949\u092A\u0940 \u0939\u094B \u0930\u0939\u093E \u0939\u0948\u2026",
+  shareUnavailable: "\u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902",
+  disclaimer: "\u0905\u0938\u094D\u0935\u0940\u0915\u0930\u0923",
+  disclaimerShort: "\u092F\u0939 \u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0939\u0948 \u2014 \u092E\u0939\u0924\u094D\u0935\u092A\u0942\u0930\u094D\u0923 \u092C\u093E\u0924\u0947\u0902 \u091C\u093C\u0930\u0942\u0930 \u091C\u093E\u0901\u091A \u0932\u0947\u0902\u0964",
+  dictate: "\u092C\u094B\u0932\u0915\u0930 \u092A\u0942\u091B\u0947\u0902",
+  stopDictating: "\u092C\u094B\u0932\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
+  attach: "\u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u091C\u094B\u0921\u093C\u0947\u0902",
+  attachHint: "\u0905\u0927\u093F\u0915\u0924\u092E {{max}} \u092B\u093C\u093E\u0907\u0932\u0947\u0902, \u092A\u094D\u0930\u0924\u094D\u092F\u0947\u0915 {{size}} MB \u0924\u0915",
+  removeAttachment: "{{name}} \u0939\u091F\u093E\u090F\u0901",
+  attachmentNameOnly: "\u0915\u0947\u0935\u0932 \u0928\u093E\u092E \u0914\u0930 \u092A\u094D\u0930\u0915\u093E\u0930",
+  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",
+    "\u0938\u0940\u0927\u0947 \u0938\u0939\u0940 \u092A\u0947\u091C \u092A\u0930"
+  ],
+  prompts: [
+    "\u092F\u0939 \u0909\u0924\u094D\u092A\u093E\u0926 \u0905\u0938\u0932 \u092E\u0947\u0902 \u0915\u094D\u092F\u093E \u0915\u0930\u0924\u093E \u0939\u0948?",
+    "\u092E\u0947\u0930\u0940 \u091F\u0940\u092E \u0915\u0947 \u0932\u093F\u090F \u0915\u094C\u0928 \u0938\u093E \u0909\u0924\u094D\u092A\u093E\u0926 \u0938\u0939\u0940 \u0939\u0948?",
+    "\u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0948\u0938\u0947 \u0915\u0930\u0947\u0902, \u091A\u0930\u0923 \u0926\u0930 \u091A\u0930\u0923?",
+    "\u0907\u0938\u0915\u0940 \u0915\u0940\u092E\u0924 \u0915\u093F\u0924\u0928\u0940 \u0939\u0948?"
+  ]
+};
+var ES = {
+  badge: "Respuestas de IA basadas en nuestra documentaci\xF3n",
+  welcomeTitle: "Pregunta lo que quieras sobre nuestros productos",
+  welcomeBody: "Cu\xE9ntame qu\xE9 necesitas hacer y te indicar\xE9 el producto, la p\xE1gina y el siguiente paso.",
+  tryAsking: "Prueba a preguntar",
+  focusProduct: "Centrarse en un producto",
+  allProducts: "Todos los productos",
+  showAll: "Todos",
+  showLess: "Ver menos",
+  sources: "Fuentes",
+  nextYouCouldAsk: "Tambi\xE9n puedes preguntar",
+  placeholder: "Pregunta lo que quieras sobre nuestros productos\u2026",
+  placeholderProduct: "Pregunta sobre {product}\u2026",
+  send: "Enviar",
+  stop: "Detener",
+  newChat: "Nueva conversaci\xF3n",
   history: "Historial",
   clearHistory: "Borrar historial",
   share: "Compartir",
@@ -4952,6 +6134,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",
@@ -5001,6 +6185,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",
@@ -5050,6 +6236,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",
@@ -5408,10 +6596,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" },
@@ -6838,6 +8029,7 @@ function toPayload(staged) {
     textContent
   }));
 }
+var SHORT_VIEWPORT_PX = 420;
 var EXPLORE_CSS = `
 @keyframes boff-explore-pulse {
   0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
@@ -6872,6 +8064,12 @@ var EXPLORE_CSS = `
 .boff-explore-scroll {
   scrollbar-width: thin;
   scrollbar-color: hsl(var(--border)) transparent;
+  /* Stop the transcript handing its scroll to the page. Without this, the first
+     swipe that exhausts the transcript chains to the document \u2014 and on a host site
+     that is 65-70% footer, which is how a phone ends up showing nothing but the
+     footer. Engines that do not support this property ignore the line and keep
+     today's behaviour; the scroll correction above covers them. */
+  overscroll-behavior: contain;
 }
 .boff-explore-scroll::-webkit-scrollbar { width: 10px; }
 .boff-explore-scroll::-webkit-scrollbar-track { background: transparent; }
@@ -6989,6 +8187,68 @@ var EXPLORE_CSS = `
   .boff-explore-busy::after { animation: none; }
   .boff-explore-rise { animation: none; opacity: 1; transform: none; }
 }
+
+/* ---- Pane height ----------------------------------------------------------------------
+   This used to be one inline declaration, \`height: calc(100dvh - 64px)\`, and it carried two
+   defects. An inline style cannot carry a fallback, so every engine without \`dvh\` (iOS
+   Safari < 15.4, Chrome/WebView < 108, Samsung Internet < 21, Firefox < 101) dropped it
+   whole; and the 64px came from a prop hard-coded to 64 on all 41 host pages that matches
+   none of them \u2014 the burdenoff/algoshred chrome is 80px, the sticky-header sites are 65.
+
+   A class plus custom properties lets the cascade do the work: \`vh\` is the floor and \`dvh\`
+   an upgrade where it exists, while the two measured values stay *lengths*, never a height.
+   That distinction is the whole prerender contract. The host sites snapshot \`/explore\` by
+   loading the built SPA in headless Chromium and writing the POST-HYDRATION DOM to
+   dist/explore/index.html, so every attribute and inline value this component sets after
+   mount IS the static HTML CloudFront serves. A measured pixel *height* would therefore
+   hand every phone the prerender viewport's height until the bundle executes; a measured
+   *offset* is a site-header height, which is the same on every device to within a few
+   pixels, and the height built from it stays viewport-relative on the visitor's own screen.
+
+   --boff-explore-offset  chrome above the pane (measured root top; the prop pre-measure)
+   --boff-explore-inset   the slice of the layout viewport hidden below the visible area \u2014
+                          the on-screen keyboard, which \`dvh\` does not track. Zero unless
+                          something is actually covering the bottom, so a snapshot taken
+                          with no keyboard open never carries it. */
+.boff-explore-viewport {
+  height: calc(100vh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
+}
+@supports (height: 100dvh) {
+  .boff-explore-viewport {
+    height: calc(100dvh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
+  }
+}
+
+/* Landscape phones and other short viewports: a one-screen pane leaves a ~124px transcript
+   sliver under ~610px of chrome and content. At or below the threshold the pane stops
+   pretending to be a window and lets the page's own scrolling carry the transcript. The
+   min-height is the available height rather than a fixed rem value, so the fallback can
+   never be taller than the screen it is rescuing. */
+@media (max-height: ${SHORT_VIEWPORT_PX}px) {
+  .boff-explore-viewport {
+    height: auto;
+    min-height: calc(100vh - var(--boff-explore-offset, 0px));
+  }
+}
+@supports (height: 100dvh) {
+  @media (max-height: ${SHORT_VIEWPORT_PX}px) {
+    .boff-explore-viewport {
+      min-height: calc(100dvh - var(--boff-explore-offset, 0px));
+    }
+  }
+}
+
+/* ---- Composer dock --------------------------------------------------------------------
+   Three declarations, each the fallback for the one after it: a plain 1rem where \`max()\`
+   is unknown, then the measured overlap of any FOREIGN fixed chrome sitting over the
+   composer (the host sites' cookie banner is 229px tall and lands exactly there), then the
+   same plus the home-indicator inset. \`--boff-explore-chrome\` is set on the root only once
+   an overlap has actually been measured, so everywhere else this collapses to 1rem. */
+.boff-explore-composer {
+  padding-bottom: 1rem;
+  padding-bottom: max(1rem, var(--boff-explore-chrome, 0px));
+  padding-bottom: max(1rem, env(safe-area-inset-bottom), var(--boff-explore-chrome, 0px));
+}
 `;
 function ExploreStyles() {
   return /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: EXPLORE_CSS } });
@@ -7010,6 +8270,8 @@ var CAPABILITIES = [
     body: "Get the sources and next steps \u2014 pricing, docs, a demo \u2014 without hunting."
   }
 ];
+var MIN_VISIBLE_FRACTION = 0.25;
+var SDK_OVERLAY_SELECTOR = "[data-boff-explore]";
 var CTA_VARIANTS = {
   CONTACT: "default",
   WAITLIST: "default",
@@ -7025,6 +8287,28 @@ function normalizeOffset(offset) {
   if (offset === void 0) return "0px";
   return typeof offset === "number" ? `${offset}px` : offset;
 }
+function isOwnElement(el, root) {
+  if (el === document.body || el === document.documentElement) return true;
+  if (root.contains(el)) return true;
+  return el.closest(SDK_OVERLAY_SELECTOR) !== null;
+}
+function visualViewportHeight() {
+  return window.visualViewport?.height ?? window.innerHeight;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function isRestoredNavigation() {
+  const entries = window.performance?.getEntriesByType?.("navigation");
+  const entry = entries?.[0];
+  if (!entry) return true;
+  const navigation = entry;
+  return navigation.type === "reload" || navigation.type === "back_forward";
+}
+function pageOwnsScrolling(el) {
+  if (window.innerHeight > SHORT_VIEWPORT_PX) return false;
+  return el.scrollHeight - el.clientHeight <= 1;
+}
 function isInternalPath(url) {
   return url.startsWith("/") && !url.startsWith("//");
 }
@@ -7048,6 +8332,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 = React.createContext(null);
+var InsideLinkContext = React.createContext(false);
+function AnswerLink(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(InsideLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.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 = React.useContext(InlineImageScopeContext);
+  const insideLink = React.useContext(InsideLinkContext);
+  if (!scope || !scope.enabled || !isInlineImageAllowed(src, scope.origins) || scope.failed.has(src)) {
+    return null;
+  }
+  const { strings: T, onFailed } = scope;
+  const picture = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { "data-boff-explore": "inline-image", className: "my-3 block", children: insideLink ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: INLINE_IMAGE_FRAME, children: picture }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+          "(",
+          T.opensInNewTab,
+          ")"
+        ] })
+      ]
+    }
+  ) });
+}
+var ANSWER_MARKDOWN_COMPONENTS = {
+  a: AnswerLink,
+  img: InlineConceptImage
+};
 function ReferenceCard({
   reference,
   onFollow
@@ -7230,6 +8601,7 @@ function AssistantBubble({
   strings: T,
   message,
   activity,
+  imageOrigins,
   onNavigate,
   anchorRef,
   onFollow,
@@ -7238,6 +8610,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] = React.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const markImageFailed = React.useCallback((src) => {
+    setFailedImages(
+      (current) => current.has(src) ? current : new Set(current).add(src)
+    );
+  }, []);
+  const imageScope = React.useMemo(
+    () => ({
+      strings: T,
+      enabled: completed,
+      origins: imageOrigins,
+      failed: failedImages,
+      onFailed: markImageFailed
+    }),
+    [T, completed, imageOrigins, failedImages, markImageFailed]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -7284,7 +8675,7 @@ function AssistantBubble({
             }
           ) : null,
           body ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl rounded-tl-md border border-border bg-card px-4 py-3 shadow-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { children: body }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(InlineImageScopeContext.Provider, { value: imageScope, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { components: ANSWER_MARKDOWN_COMPONENTS, children: body }) }) }),
             streaming ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "boff-explore-caret", "aria-hidden": "true" }) : null
           ] }) : null,
           streaming ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { activity }) : null,
@@ -7766,6 +9157,8 @@ function ExplorePage({
   const pickQueueRef = React.useRef(Promise.resolve());
   const [shareLabel, setShareLabel] = React.useState(T.share);
   const [shareUrl, setShareUrl] = React.useState(null);
+  const rootRef = React.useRef(null);
+  const composerRef = React.useRef(null);
   const scrollRef = React.useRef(null);
   const latestAssistantRef = React.useRef(null);
   const alignedForRef = React.useRef(null);
@@ -7783,17 +9176,206 @@ function ExplorePage({
     () => catalog.products.find((p) => p.slug === focusProduct)?.name ?? null,
     [catalog.products, focusProduct]
   );
+  const imageOrigins = React.useMemo(
+    () => inlineImageOrigins(catalog.products),
+    [catalog.products]
+  );
   React.useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
   }, [draft]);
+  const [paneOffset, setPaneOffset] = React.useState(null);
+  const [bottomInset, setBottomInset] = React.useState(0);
+  const paneOffsetRef = React.useRef(0);
+  const measurePane = React.useCallback(() => {
+    if (heightMode !== "viewport") return;
+    const el = rootRef.current;
+    if (!el) return;
+    const layoutHeight = window.innerHeight;
+    if (layoutHeight === 0) return;
+    const top = Math.round(
+      clamp(el.getBoundingClientRect().top, 0, layoutHeight)
+    );
+    const viewport = window.visualViewport;
+    const inset = viewport ? Math.round(
+      clamp(
+        layoutHeight - viewport.height - viewport.offsetTop,
+        0,
+        layoutHeight
+      )
+    ) : 0;
+    paneOffsetRef.current = top;
+    setPaneOffset((current) => current === top ? current : top);
+    setBottomInset((current) => current === inset ? current : inset);
+  }, [heightMode]);
+  const [chromeOverlap, setChromeOverlap] = React.useState(0);
+  const measureChrome = React.useCallback(() => {
+    const root = rootRef.current;
+    const dock = composerRef.current;
+    if (!root || !dock) return;
+    if (typeof document.elementFromPoint !== "function") return;
+    const viewportHeight = visualViewportHeight();
+    const rect = dock.getBoundingClientRect();
+    if (rect.width === 0 || viewportHeight === 0) return;
+    if (rect.bottom <= 0 || rect.top >= viewportHeight) return;
+    const edge = Math.min(rect.bottom, viewportHeight);
+    const hit = document.elementFromPoint(rect.left + rect.width / 2, edge - 1);
+    if (!hit || isOwnElement(hit, root)) {
+      setChromeOverlap(0);
+      return;
+    }
+    const overlap = Math.round(edge - hit.getBoundingClientRect().top);
+    setChromeOverlap(overlap > 0 && overlap < viewportHeight ? overlap : 0);
+  }, []);
+  const remeasure = React.useCallback(() => {
+    measurePane();
+    measureChrome();
+  }, [measurePane, measureChrome]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    let frame = 0;
+    const run = () => {
+      frame = 0;
+      remeasure();
+    };
+    const schedule = () => {
+      if (frame) return;
+      if (typeof window.requestAnimationFrame !== "function") {
+        remeasure();
+        return;
+      }
+      frame = window.requestAnimationFrame(run);
+    };
+    remeasure();
+    const viewport = window.visualViewport;
+    window.addEventListener("resize", schedule);
+    window.addEventListener("orientationchange", schedule);
+    viewport?.addEventListener("resize", schedule);
+    viewport?.addEventListener("scroll", schedule);
+    const observer = typeof MutationObserver === "function" ? new MutationObserver((records) => {
+      const el = rootRef.current;
+      if (el && records.every((record) => el.contains(record.target)))
+        return;
+      schedule();
+    }) : null;
+    observer?.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("resize", schedule);
+      window.removeEventListener("orientationchange", schedule);
+      viewport?.removeEventListener("resize", schedule);
+      viewport?.removeEventListener("scroll", schedule);
+      observer?.disconnect();
+      setPaneOffset(null);
+      setBottomInset(0);
+      setChromeOverlap(0);
+    };
+  }, [remeasure]);
+  React.useEffect(() => {
+    measureChrome();
+  }, [measureChrome, paneOffset, bottomInset]);
+  React.useEffect(() => {
+    if (heightMode !== "viewport" || typeof window === "undefined") return;
+    const { history: browserHistory } = window;
+    const previousRestoration = "scrollRestoration" in browserHistory ? browserHistory.scrollRestoration : null;
+    if (previousRestoration !== null)
+      browserHistory.scrollRestoration = "manual";
+    let frame = 0;
+    let visitorMoved = false;
+    const onVisitorMove = () => {
+      visitorMoved = true;
+    };
+    const align = () => {
+      if (visitorMoved) return;
+      const el = rootRef.current;
+      if (!el) return;
+      const viewportHeight = visualViewportHeight();
+      const rect = el.getBoundingClientRect();
+      if (rect.height === 0 || viewportHeight === 0) return;
+      const visible = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
+      const reachable = Math.min(rect.height, viewportHeight);
+      if (visible >= reachable * MIN_VISIBLE_FRACTION) return;
+      window.scrollTo({
+        top: Math.max(0, window.scrollY + rect.top),
+        left: window.scrollX,
+        behavior: "auto"
+      });
+      if (typeof document.elementFromPoint === "function") {
+        const probe = document.elementFromPoint(
+          Math.max(0, rect.left + rect.width / 2),
+          1
+        );
+        if (probe && !isOwnElement(probe, el)) {
+          const chrome = probe.getBoundingClientRect().bottom;
+          if (chrome > 0 && chrome < viewportHeight / 2) {
+            window.scrollBy({ top: -chrome, left: 0, behavior: "auto" });
+          }
+        }
+      }
+      remeasure();
+    };
+    const alignIfRestored = () => {
+      if (!isRestoredNavigation()) return;
+      align();
+    };
+    alignIfRestored();
+    if (typeof window.requestAnimationFrame === "function") {
+      frame = window.requestAnimationFrame(alignIfRestored);
+    }
+    const onPageShow = (event) => {
+      if (!event.persisted) {
+        alignIfRestored();
+        return;
+      }
+      visitorMoved = false;
+      align();
+    };
+    window.addEventListener("pageshow", onPageShow);
+    window.addEventListener("wheel", onVisitorMove, { passive: true });
+    window.addEventListener("touchmove", onVisitorMove, { passive: true });
+    window.addEventListener("keydown", onVisitorMove, { passive: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("pageshow", onPageShow);
+      window.removeEventListener("wheel", onVisitorMove);
+      window.removeEventListener("touchmove", onVisitorMove);
+      window.removeEventListener("keydown", onVisitorMove);
+      if (previousRestoration !== null)
+        browserHistory.scrollRestoration = previousRestoration;
+    };
+  }, [heightMode, remeasure]);
   const handleScroll = React.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     stickToBottomRef.current = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
   }, []);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    let frame = 0;
+    const run = () => {
+      frame = 0;
+      const el = scrollRef.current;
+      const dock = composerRef.current;
+      if (!el || !dock) return;
+      if (!pageOwnsScrolling(el)) return;
+      stickToBottomRef.current = dock.getBoundingClientRect().bottom - visualViewportHeight() < 80;
+    };
+    const schedule = () => {
+      if (frame) return;
+      if (typeof window.requestAnimationFrame !== "function") {
+        run();
+        return;
+      }
+      frame = window.requestAnimationFrame(run);
+    };
+    window.addEventListener("scroll", schedule, { passive: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", schedule);
+    };
+  }, []);
   const latestAssistantId = React.useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i -= 1) {
       const message = messages[i];
@@ -7809,16 +9391,32 @@ function ExplorePage({
     if (!stickToBottomRef.current) return;
     if (anchor.offsetHeight === 0) return;
     alignedForRef.current = latestAssistantId;
-    const delta = anchor.getBoundingClientRect().top - el.getBoundingClientRect().top;
-    el.scrollTop = Math.max(0, el.scrollTop + delta - 12);
+    if (!pageOwnsScrolling(el)) {
+      const delta2 = anchor.getBoundingClientRect().top - el.getBoundingClientRect().top;
+      el.scrollTop = Math.max(0, el.scrollTop + delta2 - 12);
+      return;
+    }
+    const delta = Math.round(
+      anchor.getBoundingClientRect().top - paneOffsetRef.current - 12
+    );
+    if (delta !== 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
   }, [latestAssistantId, messages]);
   React.useEffect(() => {
+    if (messages.length === 0) return;
     if (!stickToBottomRef.current) return;
     if (latestAssistantId && alignedForRef.current === latestAssistantId)
       return;
     const el = scrollRef.current;
     if (!el) return;
-    el.scrollTop = el.scrollHeight;
+    if (!pageOwnsScrolling(el)) {
+      el.scrollTop = el.scrollHeight;
+      return;
+    }
+    const dock = composerRef.current ?? el;
+    const delta = Math.round(
+      dock.getBoundingClientRect().bottom - visualViewportHeight()
+    );
+    if (delta > 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
   }, [activity, latestAssistantId, messages]);
   const handleShare = React.useCallback(async () => {
     setShareLabel(T.copying);
@@ -7916,16 +9514,27 @@ function ExplorePage({
   const captchaOn = Boolean(
     catalog.captchaRequired && catalog.recaptchaSiteKey
   );
-  const rootStyle = heightMode === "viewport" ? { height: `calc(100dvh - ${normalizeOffset(viewportOffset)})` } : void 0;
+  const rootStyle = {};
+  if (heightMode === "viewport") {
+    rootStyle["--boff-explore-offset"] = paneOffset === null ? normalizeOffset(viewportOffset) : `${paneOffset}px`;
+    if (bottomInset > 0) {
+      rootStyle["--boff-explore-inset"] = `${bottomInset}px`;
+    }
+  }
+  if (chromeOverlap > 0) {
+    rootStyle["--boff-explore-chrome"] = `${chromeOverlap}px`;
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ref: rootRef,
       "data-boff-explore": "page",
       "data-phase": phase,
       "data-locale": activeLocale,
       dir: rtl ? "rtl" : void 0,
       className: cn(
         "flex w-full min-w-0 flex-col overflow-x-hidden bg-background text-foreground",
+        heightMode === "viewport" && "boff-explore-viewport",
         heightMode === "auto" && "min-h-[70vh]",
         className
       ),
@@ -8113,6 +9722,7 @@ function ExplorePage({
                   strings: T,
                   message,
                   activity,
+                  imageOrigins,
                   onNavigate,
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
@@ -8158,249 +9768,257 @@ function ExplorePage({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border bg-background/85 px-4 pb-[max(1rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-md", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "form",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            "data-boff-explore": "composer",
-            className: "mx-auto w-full max-w-3xl",
-            onSubmit: (event) => {
-              event.preventDefault();
-              submitDraft();
-            },
-            children: [
-              error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
-              staged.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-                "ul",
-                {
-                  "data-boff-explore": "attachments",
-                  className: "mb-2 flex flex-wrap gap-1.5",
-                  "aria-label": T.attach,
-                  children: staged.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    "li",
+            ref: composerRef,
+            "data-boff-explore": "composer-dock",
+            className: "boff-explore-composer border-t border-border bg-background/85 px-4 pt-3 backdrop-blur-md",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "form",
+              {
+                "data-boff-explore": "composer",
+                className: "mx-auto w-full max-w-3xl",
+                onSubmit: (event) => {
+                  event.preventDefault();
+                  submitDraft();
+                },
+                children: [
+                  error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
+                  staged.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "ul",
+                    {
+                      "data-boff-explore": "attachments",
+                      className: "mb-2 flex flex-wrap gap-1.5",
+                      "aria-label": T.attach,
+                      children: staged.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        "li",
+                        {
+                          "data-boff-explore": "attachment",
+                          "data-text-extracted": entry.textExtracted ? "true" : "false",
+                          className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 py-1 pl-2.5 pr-1 text-xs",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", title: entry.name, children: entry.name }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
+                              formatBytes(entry.size),
+                              entry.textExtracted ? "" : ` \xB7 ${T.attachmentNameOnly}`
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "data-boff-explore": "attachment-remove",
+                                onClick: () => removeAttachment(entry.id),
+                                "aria-label": fill(T.removeAttachment, { name: entry.name }),
+                                className: "ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground",
+                                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ]
+                        },
+                        entry.id
+                      ))
+                    }
+                  ) : null,
+                  attachmentNotice !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      "data-boff-explore": "attachment-notice",
+                      role: "status",
+                      className: "mb-2 text-xs text-destructive",
+                      children: attachmentNotice
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
                     {
-                      "data-boff-explore": "attachment",
-                      "data-text-extracted": entry.textExtracted ? "true" : "false",
-                      className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 py-1 pl-2.5 pr-1 text-xs",
+                      className: cn(
+                        "flex min-w-0 items-end gap-2 rounded-2xl border bg-card p-2 shadow-sm transition-all",
+                        busy && "boff-explore-busy",
+                        overLimit ? "border-destructive/60" : "border-border focus-within:border-primary/40 focus-within:ring-1 focus-within:ring-ring"
+                      ),
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", title: entry.name, children: entry.name }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
-                          formatBytes(entry.size),
-                          entry.textExtracted ? "" : ` \xB7 ${T.attachmentNameOnly}`
-                        ] }),
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          "button",
+                          Textarea,
+                          {
+                            ref: textareaRef,
+                            value: draft,
+                            rows: 1,
+                            disabled: composerDisabled,
+                            onChange: (event) => setDraft(event.target.value),
+                            onKeyDown: handleKeyDown,
+                            onCompositionStart: () => {
+                              composingRef.current = true;
+                            },
+                            onCompositionEnd: () => {
+                              composingRef.current = false;
+                            },
+                            "aria-label": "Ask a question",
+                            placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? fill(T.placeholderProduct, {
+                              product: focusedProductName
+                            }) : T.placeholder,
+                            className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-base shadow-none focus-visible:ring-0 sm:text-sm"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            ref: fileInputRef,
+                            type: "file",
+                            multiple: true,
+                            className: "hidden",
+                            onChange: (event) => {
+                              void handleFilesPicked(event.target.files);
+                              event.target.value = "";
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "attach",
+                            type: "button",
+                            size: "icon",
+                            variant: "ghost",
+                            disabled: composerDisabled || staged.length >= MAX_ATTACHMENTS,
+                            "aria-label": T.attach,
+                            title: `${T.attach} \u2014 ${fill(T.attachHint, {
+                              max: String(MAX_ATTACHMENTS),
+                              size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
+                            })}`,
+                            onClick: () => fileInputRef.current?.click(),
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-4 w-4" })
+                          }
+                        ),
+                        speech.supported ? /* @__PURE__ */ jsxRuntime.jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "mic",
+                            "data-listening": speech.listening ? "true" : "false",
+                            type: "button",
+                            size: "icon",
+                            variant: speech.listening ? "default" : "ghost",
+                            disabled: composerDisabled,
+                            "aria-label": speech.listening ? T.stopDictating : T.dictate,
+                            "aria-pressed": speech.listening,
+                            title: speech.listening ? T.stopDictating : T.dictate,
+                            onClick: speech.toggle,
+                            className: cn(speech.listening && "animate-pulse"),
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "h-4 w-4" })
+                          }
+                        ) : null,
+                        busy ? /* @__PURE__ */ jsxRuntime.jsx(
+                          Button,
                           {
+                            "data-boff-explore": "stop",
                             type: "button",
-                            "data-boff-explore": "attachment-remove",
-                            onClick: () => removeAttachment(entry.id),
-                            "aria-label": fill(T.removeAttachment, { name: entry.name }),
-                            className: "ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground",
-                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+                            size: "icon",
+                            variant: "secondary",
+                            "aria-label": T.stop,
+                            onClick: stop,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "h-4 w-4" })
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "send",
+                            type: "submit",
+                            size: "icon",
+                            disabled: !canSubmit,
+                            "aria-label": T.send,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-4 w-4" })
                           }
                         )
                       ]
-                    },
-                    entry.id
-                  ))
-                }
-              ) : null,
-              attachmentNotice !== null ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  "data-boff-explore": "attachment-notice",
-                  role: "status",
-                  className: "mb-2 text-xs text-destructive",
-                  children: attachmentNotice
-                }
-              ) : null,
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cn(
-                    "flex min-w-0 items-end gap-2 rounded-2xl border bg-card p-2 shadow-sm transition-all",
-                    busy && "boff-explore-busy",
-                    overLimit ? "border-destructive/60" : "border-border focus-within:border-primary/40 focus-within:ring-1 focus-within:ring-ring"
+                    }
                   ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      Textarea,
+                  speech.listening || speech.interim !== "" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                    "p",
+                    {
+                      "data-boff-explore": "dictation",
+                      className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground",
+                      "aria-live": "polite",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-2 w-2 shrink-0", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: speech.interim !== "" ? speech.interim : "Listening\u2026" })
+                      ]
+                    }
+                  ) : null,
+                  speech.error !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      "data-boff-explore": "dictation-error",
+                      className: "mt-2 text-xs text-destructive",
+                      children: speech.error
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Enter to send \xB7 Shift + Enter for a new line" }),
+                    remainingToday !== null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-boff-explore": "remaining", children: [
+                      remainingToday,
+                      " message",
+                      remainingToday === 1 ? "" : "s",
+                      " left today"
+                    ] }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
                       {
-                        ref: textareaRef,
-                        value: draft,
-                        rows: 1,
-                        disabled: composerDisabled,
-                        onChange: (event) => setDraft(event.target.value),
-                        onKeyDown: handleKeyDown,
-                        onCompositionStart: () => {
-                          composingRef.current = true;
-                        },
-                        onCompositionEnd: () => {
-                          composingRef.current = false;
-                        },
-                        "aria-label": "Ask a question",
-                        placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? fill(T.placeholderProduct, {
-                          product: focusedProductName
-                        }) : T.placeholder,
-                        className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-base shadow-none focus-visible:ring-0 sm:text-sm"
+                        className: cn(
+                          "ml-auto tabular-nums",
+                          overLimit && "font-medium text-destructive"
+                        ),
+                        children: [
+                          draft.length.toLocaleString(),
+                          " / ",
+                          maxLength.toLocaleString()
+                        ]
                       }
-                    ),
+                    )
+                  ] }),
+                  shareUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "input",
                       {
-                        ref: fileInputRef,
-                        type: "file",
-                        multiple: true,
-                        className: "hidden",
-                        onChange: (event) => {
-                          void handleFilesPicked(event.target.files);
-                          event.target.value = "";
-                        }
+                        "data-boff-explore": "share-url",
+                        readOnly: true,
+                        value: shareUrl,
+                        "aria-label": "Read-only link to this conversation",
+                        onFocus: (event) => event.currentTarget.select(),
+                        className: "min-w-0 flex-1 rounded-md border border-border bg-muted px-2 py-1 text-xs text-muted-foreground"
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      Button,
-                      {
-                        "data-boff-explore": "attach",
-                        type: "button",
-                        size: "icon",
-                        variant: "ghost",
-                        disabled: composerDisabled || staged.length >= MAX_ATTACHMENTS,
-                        "aria-label": T.attach,
-                        title: `${T.attach} \u2014 ${fill(T.attachHint, {
-                          max: String(MAX_ATTACHMENTS),
-                          size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
-                        })}`,
-                        onClick: () => fileInputRef.current?.click(),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-4 w-4" })
-                      }
-                    ),
-                    speech.supported ? /* @__PURE__ */ jsxRuntime.jsx(
-                      Button,
+                      "button",
                       {
-                        "data-boff-explore": "mic",
-                        "data-listening": speech.listening ? "true" : "false",
                         type: "button",
-                        size: "icon",
-                        variant: speech.listening ? "default" : "ghost",
-                        disabled: composerDisabled,
-                        "aria-label": speech.listening ? T.stopDictating : T.dictate,
-                        "aria-pressed": speech.listening,
-                        title: speech.listening ? T.stopDictating : T.dictate,
-                        onClick: speech.toggle,
-                        className: cn(speech.listening && "animate-pulse"),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "h-4 w-4" })
+                        className: "shrink-0 text-xs underline underline-offset-2",
+                        onClick: () => setShareUrl(null),
+                        children: "Done"
                       }
-                    ) : null,
-                    busy ? /* @__PURE__ */ jsxRuntime.jsx(
-                      Button,
+                    )
+                  ] }) : null,
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: T.disclaimerShort }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
                       {
-                        "data-boff-explore": "stop",
                         type: "button",
-                        size: "icon",
-                        variant: "secondary",
-                        "aria-label": T.stop,
-                        onClick: stop,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "h-4 w-4" })
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      Button,
-                      {
-                        "data-boff-explore": "send",
-                        type: "submit",
-                        size: "icon",
-                        disabled: !canSubmit,
-                        "aria-label": T.send,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-4 w-4" })
+                        "data-boff-explore": "disclaimer",
+                        onClick: () => setDisclaimerOpen(true),
+                        className: "shrink-0 underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        children: T.disclaimer
                       }
                     )
-                  ]
-                }
-              ),
-              speech.listening || speech.interim !== "" ? /* @__PURE__ */ jsxRuntime.jsxs(
-                "p",
-                {
-                  "data-boff-explore": "dictation",
-                  className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground",
-                  "aria-live": "polite",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-2 w-2 shrink-0", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: speech.interim !== "" ? speech.interim : "Listening\u2026" })
-                  ]
-                }
-              ) : null,
-              speech.error !== null ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  "data-boff-explore": "dictation-error",
-                  className: "mt-2 text-xs text-destructive",
-                  children: speech.error
-                }
-              ) : null,
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Enter to send \xB7 Shift + Enter for a new line" }),
-                remainingToday !== null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-boff-explore": "remaining", children: [
-                  remainingToday,
-                  " message",
-                  remainingToday === 1 ? "" : "s",
-                  " left today"
-                ] }) : null,
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "span",
-                  {
-                    className: cn(
-                      "ml-auto tabular-nums",
-                      overLimit && "font-medium text-destructive"
-                    ),
-                    children: [
-                      draft.length.toLocaleString(),
-                      " / ",
-                      maxLength.toLocaleString()
-                    ]
-                  }
-                )
-              ] }),
-              shareUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    "data-boff-explore": "share-url",
-                    readOnly: true,
-                    value: shareUrl,
-                    "aria-label": "Read-only link to this conversation",
-                    onFocus: (event) => event.currentTarget.select(),
-                    className: "min-w-0 flex-1 rounded-md border border-border bg-muted px-2 py-1 text-xs text-muted-foreground"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "shrink-0 text-xs underline underline-offset-2",
-                    onClick: () => setShareUrl(null),
-                    children: "Done"
-                  }
-                )
-              ] }) : null,
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: T.disclaimerShort }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "data-boff-explore": "disclaimer",
-                    onClick: () => setDisclaimerOpen(true),
-                    className: "shrink-0 underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                    children: T.disclaimer
-                  }
-                )
-              ] })
-            ]
+                  ] })
+                ]
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );
@@ -13068,11 +14686,16 @@ function StoreProductDetailPage({
 exports.BlogListPage = BlogListPage;
 exports.BlogPostPage = BlogPostPage;
 exports.Button = Button;
+exports.CONCEPTS_PATH = CONCEPTS_PATH;
+exports.CONCEPT_ILLUSTRATION_NOTICE = CONCEPT_ILLUSTRATION_NOTICE;
+exports.CONCEPT_PATH_PREFIX = CONCEPT_PATH_PREFIX;
 exports.CareersApplyForm = CareersApplyForm;
 exports.CareersSubmissionForm = CareersSubmissionForm;
 exports.CaseStudiesListPage = CaseStudiesListPage;
 exports.CaseStudyPage = CaseStudyPage;
 exports.ChangelogPage = ChangelogPage;
+exports.ConceptDetailPage = ConceptDetailPage;
+exports.ConceptsPage = ConceptsPage;
 exports.ContactPage = ContactPage;
 exports.ContentRenderer = ContentRenderer;
 exports.ContractsPage = ContractsPage;
@@ -13121,12 +14744,14 @@ exports.WebsiteSwitcher = WebsiteSwitcher;
 exports.buttonVariants = buttonVariants;
 exports.classifyExploreError = classifyExploreError;
 exports.cn = cn;
+exports.conceptPath = conceptPath;
 exports.detectElectronPlatform = detectElectronPlatform;
 exports.fetchPublicJobPosting = fetchPublicJobPosting;
 exports.fetchPublicJobPostings = fetchPublicJobPostings;
 exports.fetchPublicJobPostingsForSubmission = fetchPublicJobPostingsForSubmission;
 exports.formatDownloads = formatDownloads;
 exports.formatPrice = formatPrice2;
+exports.getConceptBySlug = getConceptBySlug;
 exports.getRecaptchaV3Token = getRecaptchaV3Token;
 exports.isValidUrl = isValidUrl;
 exports.loadRecaptchaV3 = loadRecaptchaV3;