deepspace 0.11.0 → 0.13.0

package/dist/{chunk-ZJ43EK3N.js → chunk-233GQU2H.js}

@@ -1,16 +1,16 @@
 // src/documentation/runtime/app.tsx
 import {
   useCallback,
-  useEffect as useEffect7,
-  useState as useState6
+  useEffect as useEffect8,
+  useState as useState7
 } from "react";
 
 // src/documentation/runtime/article.tsx
 import {
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo,
-  useRef as useRef2,
-  useState as useState2
+  useRef as useRef3,
+  useState as useState3
 } from "react";
 import { createPortal } from "react-dom";
 
@@ -131,6 +131,16 @@ function errorMessage(error) {
   return error instanceof Error ? error.message : String(error);
 }
 
+// src/documentation/runtime/code-block.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+
 // src/documentation/runtime/icons.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function Icon({ children, ...props }) {
@@ -245,15 +255,134 @@ function ListIcon(props) {
   return /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M4 6h16M4 12h11M4 18h7", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" }) });
 }
 
-// src/documentation/runtime/page-actions.tsx
-import { useEffect, useRef, useState } from "react";
+// src/documentation/runtime/code-block.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CodeBlockContext = createContext({
+  assistantEnabled: false,
+  onAsk: () => {
+  }
+});
+var CodeBlockControlsProvider = CodeBlockContext.Provider;
+function CodeBlockActions({ readCode }) {
+  const { assistantEnabled, onAsk } = useContext(CodeBlockContext);
+  const [copied, setCopied] = useState(false);
+  const copy = async () => {
+    await writeClipboardText(readCode());
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 1400);
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("button", { "aria-label": copied ? "Code copied" : "Copy code", onClick: () => {
+      void copy();
+    }, type: "button", children: copied ? /* @__PURE__ */ jsx2(CheckIcon, {}) : /* @__PURE__ */ jsx2(CopyIcon, {}) }),
+    assistantEnabled && /* @__PURE__ */ jsx2(
+      "button",
+      {
+        "aria-label": "Ask the documentation assistant about this code",
+        onClick: () => onAsk(readCode().trim().slice(0, 1200)),
+        type: "button",
+        children: /* @__PURE__ */ jsx2(SparkIcon, {})
+      }
+    )
+  ] });
+}
+function codeBlockLanguage(className) {
+  return /(?:^|\s)(?:language|lang)-([a-z0-9+#-]{1,20})/i.exec(className)?.[1] ?? "";
+}
+function childCodeClassName(children) {
+  const code = children;
+  return typeof code?.props?.className === "string" ? code.props.className : "";
+}
+function CodeBlock({ children, ...props }) {
+  const preRef = useRef(null);
+  const language = codeBlockLanguage(childCodeClassName(children));
+  const readCode = () => preRef.current?.querySelector("code")?.textContent ?? preRef.current?.textContent ?? "";
+  return /* @__PURE__ */ jsxs2("div", { className: "documentation-code-block", children: [
+    /* @__PURE__ */ jsx2("pre", { ...props, ref: preRef, children }),
+    language ? /* @__PURE__ */ jsx2("span", { className: "documentation-code-language", children: language }) : null,
+    /* @__PURE__ */ jsx2("div", { className: "documentation-code-actions", children: /* @__PURE__ */ jsx2(CodeBlockActions, { readCode }) })
+  ] });
+}
+var TAB_SELECTION_KEY = "deepspace-documentation-tab-selection";
+var TAB_CHANGE_EVENT = "deepspace-documentation-tab-change";
+function TabGroup({
+  className,
+  panels,
+  title
+}) {
+  const groupId = useId();
+  const [active, setActive] = useState(0);
+  const controlsRef = useRef(null);
+  useEffect(() => {
+    const stored = safeStorageGet(TAB_SELECTION_KEY);
+    const index = stored ? panels.findIndex((panel) => panel.label === stored) : -1;
+    if (index >= 0) setActive(index);
+  }, [panels]);
+  useEffect(() => {
+    const sync = (event) => {
+      const detail = event.detail;
+      if (!detail?.label || detail.source === groupId) return;
+      const index = panels.findIndex((panel) => panel.label === detail.label);
+      if (index >= 0) setActive(index);
+    };
+    document.addEventListener(TAB_CHANGE_EVENT, sync);
+    return () => document.removeEventListener(TAB_CHANGE_EVENT, sync);
+  }, [groupId, panels]);
+  const select = (index, broadcast) => {
+    setActive(index);
+    const label = panels[index]?.label;
+    if (!broadcast || !label) return;
+    safeStorageSet(TAB_SELECTION_KEY, label);
+    document.dispatchEvent(new CustomEvent(TAB_CHANGE_EVENT, { detail: { label, source: groupId } }));
+  };
+  const onKeyDown = (event, index) => {
+    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
+    event.preventDefault();
+    const next = event.key === "Home" ? 0 : event.key === "End" ? panels.length - 1 : (index + (event.key === "ArrowRight" ? 1 : -1) + panels.length) % panels.length;
+    select(next, true);
+    controlsRef.current?.querySelectorAll("button")[next]?.focus();
+  };
+  return /* @__PURE__ */ jsxs2("div", { className, "data-tab-group": true, children: [
+    title,
+    /* @__PURE__ */ jsx2("div", { className: "documentation-tab-buttons", ref: controlsRef, role: "tablist", children: panels.map((panel, index) => /* @__PURE__ */ jsx2(
+      "button",
+      {
+        "aria-selected": index === active,
+        id: `documentation-tab-${groupId}-${index}`,
+        onClick: () => select(index, true),
+        onKeyDown: (event) => onKeyDown(event, index),
+        role: "tab",
+        tabIndex: index === active ? 0 : -1,
+        type: "button",
+        children: panel.label
+      },
+      panel.label
+    )) }),
+    panels.map((panel, index) => /* @__PURE__ */ jsx2(
+      "section",
+      {
+        "aria-labelledby": `documentation-tab-${groupId}-${index}`,
+        className: "documentation-tab",
+        "data-tab": true,
+        "data-tab-title": panel.label,
+        hidden: index !== active,
+        role: "tabpanel",
+        children: panel.content
+      },
+      panel.label
+    ))
+  ] });
+}
+
+// src/documentation/runtime/page-actions.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function PageActions({
   data,
   onAssistantOpen
 }) {
-  const [copied, setCopied] = useState(null);
-  const detailsRef = useRef(null);
+  const [copied, setCopied] = useState2(null);
+  const detailsRef = useRef2(null);
   const actions = data.config.contextual.actions.filter((action) => {
     if (data.page.route === "/404") return false;
     if (action === "assistant" && data.config.assistant.access === "disabled") return false;
@@ -261,7 +390,7 @@ function PageActions({
     return true;
   });
   const primary = actions[0];
-  useEffect(() => {
+  useEffect2(() => {
     const closeOnPointerDown = (event) => {
       const details = detailsRef.current;
       if (details && !details.contains(event.target)) details.open = false;
@@ -328,116 +457,123 @@ function PageActions({
     }
     closeMenu();
   };
-  const content = (icon, label, description, menuItem, external = false) => menuItem ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2("span", { className: "documentation-contextual-action-icon", children: icon }),
-    /* @__PURE__ */ jsxs2("span", { className: "documentation-contextual-action-copy", children: [
-      /* @__PURE__ */ jsx2("strong", { children: label }),
-      /* @__PURE__ */ jsx2("small", { children: description })
+  const content = (icon, label, description, menuItem, external = false) => menuItem ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3("span", { className: "documentation-contextual-action-icon", children: icon }),
+    /* @__PURE__ */ jsxs3("span", { className: "documentation-contextual-action-copy", children: [
+      /* @__PURE__ */ jsx3("strong", { children: label }),
+      /* @__PURE__ */ jsx3("small", { children: description })
     ] }),
-    external && /* @__PURE__ */ jsx2(ExternalIcon, { className: "documentation-contextual-action-external" })
-  ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    external && /* @__PURE__ */ jsx3(ExternalIcon, { className: "documentation-contextual-action-external" })
+  ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
     icon,
     label
   ] });
   const renderAction = (action, menuItem = false) => {
     const role = menuItem ? "menuitem" : void 0;
     if (action === "view") {
-      return /* @__PURE__ */ jsx2("a", { href: data.page.markdownUrl, onClick: closeMenu, role, children: content(/* @__PURE__ */ jsx2(FileIcon, {}), "View as Markdown", "Open the raw Markdown page", menuItem) }, action);
+      return /* @__PURE__ */ jsx3("a", { href: data.page.markdownUrl, onClick: closeMenu, role, children: content(/* @__PURE__ */ jsx3(FileIcon, {}), "View as Markdown", "Open the raw Markdown page", menuItem) }, action);
     }
     if (action === "assistant") {
-      return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: () => {
+      return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: () => {
         closeMenu();
         onAssistantOpen(`Explain the key ideas on ${data.page.title}.`);
-      }, children: content(/* @__PURE__ */ jsx2(OrbitMark, {}), "Ask about this page", "Use the DeepSpace agent with page context", menuItem) }, action);
+      }, children: content(/* @__PURE__ */ jsx3(OrbitMark, {}), "Ask about this page", "Use the DeepSpace agent with page context", menuItem) }, action);
     }
     if (action === "chatgpt" || action === "claude") {
       const label2 = action === "chatgpt" ? "Open in ChatGPT" : "Open in Claude";
-      return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: () => openAiContext(action), children: content(/* @__PURE__ */ jsx2(MessageIcon, {}), label2, "Ask questions about this page", menuItem, true) }, action);
+      return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: () => openAiContext(action), children: content(/* @__PURE__ */ jsx3(MessageIcon, {}), label2, "Ask questions about this page", menuItem, true) }, action);
     }
     if (action === "mcp") {
       const label2 = copied === action ? "MCP URL copied" : "Copy MCP server URL";
-      return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: copyMcp, children: content(copied === action ? /* @__PURE__ */ jsx2(CheckIcon, {}) : /* @__PURE__ */ jsx2(CopyIcon, {}), label2, "Copy the same-release documentation endpoint", menuItem) }, action);
+      return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: copyMcp, children: content(copied === action ? /* @__PURE__ */ jsx3(CheckIcon, {}) : /* @__PURE__ */ jsx3(CopyIcon, {}), label2, "Copy the same-release documentation endpoint", menuItem) }, action);
     }
     if (action === "add-mcp") {
       const label2 = copied === action ? "Install command copied" : "Copy MCP install command";
-      return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: copyMcpInstall, children: content(copied === action ? /* @__PURE__ */ jsx2(CheckIcon, {}) : /* @__PURE__ */ jsx2(TerminalIcon, {}), label2, "Copy npx command to install MCP server", menuItem) }, action);
+      return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: copyMcpInstall, children: content(copied === action ? /* @__PURE__ */ jsx3(CheckIcon, {}) : /* @__PURE__ */ jsx3(TerminalIcon, {}), label2, "Copy npx command to install MCP server", menuItem) }, action);
     }
     if (action === "cursor" || action === "vscode") {
       const label2 = action === "cursor" ? "Connect to Cursor" : "Connect to VS Code";
-      return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: () => openMcpEditor(action), children: content(/* @__PURE__ */ jsx2(EditorIcon, {}), label2, `Install MCP server in ${action === "cursor" ? "Cursor" : "VS Code"}`, menuItem, true) }, action);
+      return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: () => openMcpEditor(action), children: content(/* @__PURE__ */ jsx3(EditorIcon, {}), label2, `Install MCP server in ${action === "cursor" ? "Cursor" : "VS Code"}`, menuItem, true) }, action);
     }
     const label = copied === action ? "Page copied" : "Copy page";
-    return /* @__PURE__ */ jsx2("button", { role, type: "button", onClick: copyPage, children: content(copied === action ? /* @__PURE__ */ jsx2(CheckIcon, {}) : /* @__PURE__ */ jsx2(CopyIcon, {}), label, "Copy page as Markdown for LLMs", menuItem) }, action);
+    return /* @__PURE__ */ jsx3("button", { role, type: "button", onClick: copyPage, children: content(copied === action ? /* @__PURE__ */ jsx3(CheckIcon, {}) : /* @__PURE__ */ jsx3(CopyIcon, {}), label, "Copy page as Markdown for LLMs", menuItem) }, action);
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "documentation-contextual-actions", "aria-label": "Page actions", children: [
-    /* @__PURE__ */ jsx2("div", { className: "documentation-contextual-primary", "aria-live": "polite", children: renderAction(primary) }),
-    actions.length > 0 && /* @__PURE__ */ jsxs2("details", { ref: detailsRef, children: [
-      /* @__PURE__ */ jsx2("summary", { "aria-label": "More page actions", children: /* @__PURE__ */ jsx2(ChevronDownIcon, {}) }),
-      /* @__PURE__ */ jsx2("div", { "aria-label": "More page actions", className: "documentation-contextual-menu", role: "menu", children: actions.map((action) => renderAction(action, true)) })
+  return /* @__PURE__ */ jsxs3("div", { className: "documentation-contextual-actions", "aria-label": "Page actions", children: [
+    /* @__PURE__ */ jsx3("div", { className: "documentation-contextual-primary", "aria-live": "polite", children: renderAction(primary) }),
+    actions.length > 0 && /* @__PURE__ */ jsxs3("details", { ref: detailsRef, children: [
+      /* @__PURE__ */ jsx3("summary", { "aria-label": "More page actions", children: /* @__PURE__ */ jsx3(ChevronDownIcon, {}) }),
+      /* @__PURE__ */ jsx3("div", { "aria-label": "More page actions", className: "documentation-contextual-menu", role: "menu", children: actions.map((action) => renderAction(action, true)) })
     ] })
   ] });
 }
 
 // src/documentation/runtime/article.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var HTML_PROSE_SCOPE = '.documentation-prose[data-prose="html"]';
 function Article({
   children,
   data,
   launcher,
   onAssistantOpen
 }) {
-  const articleRef = useRef2(null);
+  const articleRef = useRef3(null);
   const codeBlocks = useCodeBlockMounts(articleRef, data.page.route);
-  useArticleEnhancements(articleRef, data, onAssistantOpen);
-  return /* @__PURE__ */ jsxs3("article", { className: "documentation-article", ref: articleRef, children: [
-    /* @__PURE__ */ jsx3(Breadcrumbs, { items: data.breadcrumbs }),
-    /* @__PURE__ */ jsxs3("header", { className: "documentation-article-header", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "documentation-article-meta", children: [
-        data.config.theme.eyebrowStyle !== "none" && /* @__PURE__ */ jsx3("div", { className: "documentation-eyebrow", children: data.page.kind === "openapi" ? "API reference" : data.config.theme.eyebrowStyle === "breadcrumbs" ? data.breadcrumbs.join(" / ") : data.breadcrumbs[0] ?? "Documentation" }),
-        /* @__PURE__ */ jsx3(PageActions, { data, onAssistantOpen })
+  useArticleEnhancements(articleRef, data);
+  const controls = useMemo(() => ({
+    assistantEnabled: data.config.assistant.access !== "disabled",
+    onAsk: (code) => onAssistantOpen(`Explain this ${data.page.title} example and the important details:
+
+${code}`)
+  }), [data.config.assistant.access, data.page.title, onAssistantOpen]);
+  return /* @__PURE__ */ jsxs4("article", { className: "documentation-article", ref: articleRef, children: [
+    /* @__PURE__ */ jsx4(Breadcrumbs, { items: data.breadcrumbs }),
+    /* @__PURE__ */ jsxs4("header", { className: "documentation-article-header", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "documentation-article-meta", children: [
+        data.config.theme.eyebrowStyle !== "none" && /* @__PURE__ */ jsx4("div", { className: "documentation-eyebrow", children: data.page.kind === "openapi" ? "API reference" : data.config.theme.eyebrowStyle === "breadcrumbs" ? data.breadcrumbs.join(" / ") : data.breadcrumbs[0] ?? "Documentation" }),
+        /* @__PURE__ */ jsx4(PageActions, { data, onAssistantOpen })
       ] }),
-      /* @__PURE__ */ jsx3("h1", { children: data.page.title }),
-      data.page.description && /* @__PURE__ */ jsx3("p", { className: "documentation-lede", children: data.page.description })
+      /* @__PURE__ */ jsx4("h1", { children: data.page.title }),
+      data.page.description && /* @__PURE__ */ jsx4("p", { className: "documentation-lede", children: data.page.description })
     ] }),
-    /* @__PURE__ */ jsx3(OutlineDisclosure, { headings: outlineHeadings(data.page.headings) }),
-    children ?? /* @__PURE__ */ jsx3("div", { className: "documentation-prose", dangerouslySetInnerHTML: { __html: data.page.html } }),
-    codeBlocks.map((mount) => createPortal(
-      /* @__PURE__ */ jsx3(
-        CodeBlockActions,
+    /* @__PURE__ */ jsx4(OutlineDisclosure, { headings: outlineHeadings(data.page.headings) }),
+    /* @__PURE__ */ jsxs4(CodeBlockControlsProvider, { value: controls, children: [
+      children ?? /* @__PURE__ */ jsx4(
+        "div",
         {
-          assistantEnabled: data.config.assistant.access !== "disabled",
-          onAsk: (code) => onAssistantOpen(`Explain this ${data.page.title} example and the important details:
-
-${code}`),
-          pre: mount.pre
+          className: "documentation-prose",
+          "data-prose": "html",
+          dangerouslySetInnerHTML: { __html: data.page.html }
         }
       ),
-      mount.host,
-      mount.key
-    )),
-    data.page.openapi?.playground && /* @__PURE__ */ jsx3(ApiPlayground, { operation: data.page.openapi }),
+      codeBlocks.map((mount) => createPortal(
+        /* @__PURE__ */ jsx4(CodeBlockActions, { readCode: () => readPreText(mount.pre) }),
+        mount.host,
+        mount.key
+      ))
+    ] }),
+    data.page.openapi?.playground && /* @__PURE__ */ jsx4(ApiPlayground, { operation: data.page.openapi }),
     launcher,
-    /* @__PURE__ */ jsxs3("nav", { className: "documentation-pagination", "aria-label": "Page navigation", children: [
-      data.previous ? /* @__PURE__ */ jsxs3("a", { rel: "prev", href: documentationPublicPath(data.basePath, data.previous.route), children: [
-        /* @__PURE__ */ jsx3("small", { children: "Previous" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
-          /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "is-back" }),
+    /* @__PURE__ */ jsxs4("nav", { className: "documentation-pagination", "aria-label": "Page navigation", children: [
+      data.previous ? /* @__PURE__ */ jsxs4("a", { rel: "prev", href: documentationPublicPath(data.basePath, data.previous.route), children: [
+        /* @__PURE__ */ jsx4("small", { children: "Previous" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "is-back" }),
           data.previous.title
         ] })
-      ] }) : /* @__PURE__ */ jsx3("span", {}),
-      data.next ? /* @__PURE__ */ jsxs3("a", { rel: "next", href: documentationPublicPath(data.basePath, data.next.route), children: [
-        /* @__PURE__ */ jsx3("small", { children: "Next" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+      ] }) : /* @__PURE__ */ jsx4("span", {}),
+      data.next ? /* @__PURE__ */ jsxs4("a", { rel: "next", href: documentationPublicPath(data.basePath, data.next.route), children: [
+        /* @__PURE__ */ jsx4("small", { children: "Next" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
           data.next.title,
-          /* @__PURE__ */ jsx3(ChevronRightIcon, {})
+          /* @__PURE__ */ jsx4(ChevronRightIcon, {})
         ] })
-      ] }) : /* @__PURE__ */ jsx3("span", {})
+      ] }) : /* @__PURE__ */ jsx4("span", {})
     ] })
   ] });
 }
 function Breadcrumbs({ items }) {
-  return /* @__PURE__ */ jsx3("nav", { className: "documentation-breadcrumbs", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ jsxs3("span", { children: [
-    index > 0 && /* @__PURE__ */ jsx3(ChevronRightIcon, {}),
+  return /* @__PURE__ */ jsx4("nav", { className: "documentation-breadcrumbs", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ jsxs4("span", { children: [
+    index > 0 && /* @__PURE__ */ jsx4(ChevronRightIcon, {}),
     item
   ] }, `${item}:${items.slice(0, index + 1).join("/")}`)) });
 }
@@ -448,7 +584,7 @@ function OutlineLinks({
   active,
   headings
 }) {
-  return /* @__PURE__ */ jsx3(Fragment2, { children: headings.map((heading) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(Fragment3, { children: headings.map((heading) => /* @__PURE__ */ jsx4(
     "a",
     {
       "aria-current": active === heading.id ? "location" : void 0,
@@ -461,21 +597,21 @@ function OutlineLinks({
 }
 function OutlineDisclosure({ headings }) {
   if (headings.length === 0) return null;
-  return /* @__PURE__ */ jsxs3("details", { className: "documentation-outline-disclosure", children: [
-    /* @__PURE__ */ jsxs3("summary", { children: [
-      /* @__PURE__ */ jsx3(ListIcon, {}),
+  return /* @__PURE__ */ jsxs4("details", { className: "documentation-outline-disclosure", children: [
+    /* @__PURE__ */ jsxs4("summary", { children: [
+      /* @__PURE__ */ jsx4(ListIcon, {}),
       "On this page"
     ] }),
-    /* @__PURE__ */ jsx3("nav", { className: "documentation-outline", "aria-label": "On this page", children: /* @__PURE__ */ jsx3(OutlineLinks, { active: "", headings }) })
+    /* @__PURE__ */ jsx4("nav", { className: "documentation-outline", "aria-label": "On this page", children: /* @__PURE__ */ jsx4(OutlineLinks, { active: "", headings }) })
   ] });
 }
 function ContextRail({
   data
 }) {
   const headings = useMemo(() => outlineHeadings(data.page.headings), [data.page.headings]);
-  const [active, setActive] = useState2(headings[0]?.id ?? "");
-  useEffect2(() => setActive(headings[0]?.id ?? ""), [headings]);
-  useEffect2(() => {
+  const [active, setActive] = useState3(headings[0]?.id ?? "");
+  useEffect3(() => setActive(headings[0]?.id ?? ""), [headings]);
+  useEffect3(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const elements = headings.map((heading) => document.getElementById(heading.id)).filter(Boolean);
     const observer = new IntersectionObserver((entries) => {
@@ -485,16 +621,16 @@ function ContextRail({
     elements.forEach((element) => observer.observe(element));
     return () => observer.disconnect();
   }, [headings]);
-  return /* @__PURE__ */ jsx3("aside", { className: "documentation-context-rail", "aria-label": "Page context", children: headings.length > 0 && /* @__PURE__ */ jsxs3("nav", { className: "documentation-outline", "aria-label": "On this page", children: [
-    /* @__PURE__ */ jsx3("h2", { children: "On this page" }),
-    /* @__PURE__ */ jsx3(OutlineLinks, { active, headings })
+  return /* @__PURE__ */ jsx4("aside", { className: "documentation-context-rail", "aria-label": "Page context", children: headings.length > 0 && /* @__PURE__ */ jsxs4("nav", { className: "documentation-outline", "aria-label": "On this page", children: [
+    /* @__PURE__ */ jsx4("h2", { children: "On this page" }),
+    /* @__PURE__ */ jsx4(OutlineLinks, { active, headings })
   ] }) });
 }
 function ApiPlayground({ operation }) {
-  const [body, setBody] = useState2("");
-  const [token, setToken] = useState2("");
-  const [responseText, setResponseText] = useState2("No request sent.");
-  const [sending, setSending] = useState2(false);
+  const [body, setBody] = useState3("");
+  const [token, setToken] = useState3("");
+  const [responseText, setResponseText] = useState3("No request sent.");
+  const [sending, setSending] = useState3(false);
   if (!operation.baseUrl) return null;
   const url = `${operation.baseUrl.replace(/\/$/, "")}${operation.path}`;
   const send = async () => {
@@ -519,40 +655,40 @@ ${text}`);
       setSending(false);
     }
   };
-  return /* @__PURE__ */ jsxs3("section", { className: "documentation-playground", "data-playground": true, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "documentation-playground-title", children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("span", { className: `method method-${operation.method.toLowerCase()}`, children: operation.method }),
-        /* @__PURE__ */ jsx3("strong", { children: "Try this operation" })
+  return /* @__PURE__ */ jsxs4("section", { className: "documentation-playground", "data-playground": true, children: [
+    /* @__PURE__ */ jsxs4("div", { className: "documentation-playground-title", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("span", { className: `method method-${operation.method.toLowerCase()}`, children: operation.method }),
+        /* @__PURE__ */ jsx4("strong", { children: "Try this operation" })
       ] }),
-      /* @__PURE__ */ jsx3("code", { children: url })
+      /* @__PURE__ */ jsx4("code", { children: url })
     ] }),
-    /* @__PURE__ */ jsx3("p", { children: "Requests run in your browser. Tokens stay in memory and never enter search or assistant context." }),
-    /* @__PURE__ */ jsxs3("label", { children: [
-      /* @__PURE__ */ jsx3("span", { children: "Bearer token" }),
-      /* @__PURE__ */ jsx3("input", { type: "password", autoComplete: "off", value: token, onChange: (event) => setToken(event.target.value), placeholder: "Optional" })
+    /* @__PURE__ */ jsx4("p", { children: "Requests run in your browser. Tokens stay in memory and never enter search or assistant context." }),
+    /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsx4("span", { children: "Bearer token" }),
+      /* @__PURE__ */ jsx4("input", { type: "password", autoComplete: "off", value: token, onChange: (event) => setToken(event.target.value), placeholder: "Optional" })
     ] }),
-    /* @__PURE__ */ jsxs3("label", { children: [
-      /* @__PURE__ */ jsx3("span", { children: "JSON body" }),
-      /* @__PURE__ */ jsx3("textarea", { rows: 7, spellCheck: "false", value: body, onChange: (event) => setBody(event.target.value), placeholder: "{}" })
+    /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsx4("span", { children: "JSON body" }),
+      /* @__PURE__ */ jsx4("textarea", { rows: 7, spellCheck: "false", value: body, onChange: (event) => setBody(event.target.value), placeholder: "{}" })
     ] }),
-    /* @__PURE__ */ jsx3("button", { type: "button", disabled: sending, onClick: send, children: sending ? "Sending\u2026" : `Send ${operation.method} request` }),
-    /* @__PURE__ */ jsx3("pre", { "aria-live": "polite", children: responseText })
+    /* @__PURE__ */ jsx4("button", { type: "button", disabled: sending, onClick: send, children: sending ? "Sending\u2026" : `Send ${operation.method} request` }),
+    /* @__PURE__ */ jsx4("pre", { "aria-live": "polite", children: responseText })
   ] });
 }
 function useCodeBlockMounts(articleRef, route) {
-  const [mounts, setMounts] = useState2([]);
-  useEffect2(() => {
+  const [mounts, setMounts] = useState3([]);
+  useEffect3(() => {
     const article = articleRef.current;
     if (!article) return;
     const created = [];
     const next = [];
-    article.querySelectorAll(".documentation-prose pre").forEach((pre, index) => {
+    article.querySelectorAll(HTML_PROSE_SCOPE + " pre").forEach((pre, index) => {
       const block = document.createElement("div");
       block.className = "documentation-code-block";
       pre.replaceWith(block);
       block.appendChild(pre);
-      const language = codeBlockLanguage(pre);
+      const language = codeBlockLanguage(pre.querySelector("code")?.className ?? "");
       if (language) {
         const label = document.createElement("span");
         label.className = "documentation-code-language";
@@ -573,42 +709,15 @@ function useCodeBlockMounts(articleRef, route) {
   }, [articleRef, route]);
   return mounts;
 }
-function codeBlockLanguage(pre) {
-  const className = pre.querySelector("code")?.className ?? "";
-  return /(?:^|\s)(?:language|lang)-([a-z0-9+#-]{1,20})/i.exec(className)?.[1] ?? "";
+function readPreText(pre) {
+  return pre.querySelector("code")?.textContent ?? pre.textContent ?? "";
 }
-function CodeBlockActions({
-  assistantEnabled,
-  onAsk,
-  pre
-}) {
-  const [copied, setCopied] = useState2(false);
-  const copy = async () => {
-    await writeClipboardText(pre.querySelector("code")?.textContent ?? pre.textContent ?? "");
-    setCopied(true);
-    window.setTimeout(() => setCopied(false), 1400);
-  };
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3("button", { "aria-label": copied ? "Code copied" : "Copy code", onClick: () => {
-      void copy();
-    }, type: "button", children: copied ? /* @__PURE__ */ jsx3(CheckIcon, {}) : /* @__PURE__ */ jsx3(CopyIcon, {}) }),
-    assistantEnabled && /* @__PURE__ */ jsx3(
-      "button",
-      {
-        "aria-label": "Ask the documentation assistant about this code",
-        onClick: () => onAsk(pre.querySelector("code")?.textContent?.trim().slice(0, 1200) ?? ""),
-        type: "button",
-        children: /* @__PURE__ */ jsx3(SparkIcon, {})
-      }
-    )
-  ] });
-}
-function useArticleEnhancements(articleRef, data, onAssistantOpen) {
-  useEffect2(() => {
+function useArticleEnhancements(articleRef, data) {
+  useEffect3(() => {
     const article = articleRef.current;
     if (!article) return;
     const cleanups = [];
-    article.querySelectorAll("[data-tab-group]").forEach((group, groupIndex) => {
+    article.querySelectorAll(`${HTML_PROSE_SCOPE} [data-tab-group]`).forEach((group, groupIndex) => {
       if (group.querySelector(":scope > .documentation-tab-buttons")) return;
       const tabs = Array.from(group.querySelectorAll(":scope > [data-tab]"));
       if (tabs.length === 0) return;
@@ -677,14 +786,14 @@ function useArticleEnhancements(articleRef, data, onAssistantOpen) {
       });
     });
     return () => cleanups.reverse().forEach((cleanup) => cleanup());
-  }, [articleRef, data.config.assistant.access, data.page.route, data.page.title, onAssistantOpen]);
+  }, [articleRef, data.page.route]);
 }
 
 // src/documentation/runtime/assistant.tsx
 import {
-  useEffect as useEffect4,
-  useRef as useRef3,
-  useState as useState3
+  useEffect as useEffect5,
+  useRef as useRef4,
+  useState as useState4
 } from "react";
 
 // src/client/ai-stream.ts
@@ -732,9 +841,9 @@ function completedDocumentationAssistantTranscript(messages, maxMessages = 12) {
 }
 
 // src/documentation/runtime/dialog.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 function useDialogFocus(open, ref, onClose, trap = true, restoreId) {
-  useEffect3(() => {
+  useEffect4(() => {
     if (!open) return;
     const previous = document.activeElement;
     const element = ref.current;
@@ -774,7 +883,7 @@ function useDialogFocus(open, ref, onClose, trap = true, restoreId) {
 }
 
 // src/documentation/runtime/assistant.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function AssistantLauncher({
   input,
   name,
@@ -789,18 +898,18 @@ function AssistantLauncher({
     if (!question) return;
     onSubmit(question);
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "form",
     {
       className: "documentation-assistant-launcher",
       id: "deepspace-documentation-assistant-launcher",
       onSubmit: submit,
       children: [
-        /* @__PURE__ */ jsxs4("button", { className: "documentation-launcher-agent", type: "button", onClick: onOpen, "aria-label": `Open the ${subject} agent`, children: [
+        /* @__PURE__ */ jsxs5("button", { className: "documentation-launcher-agent", type: "button", onClick: onOpen, "aria-label": `Open the ${subject} agent`, children: [
           "Ask ",
-          /* @__PURE__ */ jsx4("span", { className: "documentation-launcher-agent-name", children: name })
+          /* @__PURE__ */ jsx5("span", { className: "documentation-launcher-agent-name", children: "AI" })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "input",
           {
             "aria-label": `Ask the ${subject} agent`,
@@ -811,11 +920,11 @@ function AssistantLauncher({
             value: input
           }
         ),
-        /* @__PURE__ */ jsxs4("span", { "aria-hidden": "true", className: "documentation-launcher-hint", children: [
-          /* @__PURE__ */ jsx4("kbd", { children: "\u2318" }),
-          /* @__PURE__ */ jsx4("kbd", { children: "I" })
+        /* @__PURE__ */ jsxs5("span", { "aria-hidden": "true", className: "documentation-launcher-hint", children: [
+          /* @__PURE__ */ jsx5("kbd", { children: "\u2318" }),
+          /* @__PURE__ */ jsx5("kbd", { children: "I" })
         ] }),
-        /* @__PURE__ */ jsx4("button", { className: "documentation-launcher-send", type: "submit", disabled: !input.trim(), "aria-label": "Send question to documentation agent", children: /* @__PURE__ */ jsx4(SendIcon, {}) })
+        /* @__PURE__ */ jsx5("button", { className: "documentation-launcher-send", type: "submit", disabled: !input.trim(), "aria-label": "Send question to documentation agent", children: /* @__PURE__ */ jsx5(SendIcon, {}) })
       ]
     }
   );
@@ -832,18 +941,18 @@ function DocumentationAssistant({
   seed,
   suggestions
 }) {
-  const panelRef = useRef3(null);
-  const formRef = useRef3(null);
-  const messagesRef = useRef3(null);
-  const abortRef = useRef3(null);
-  const queuedQuestionRef = useRef3(null);
-  const handledSeedRef = useRef3(0);
-  const [messages, setMessages] = useState3([
+  const panelRef = useRef4(null);
+  const formRef = useRef4(null);
+  const messagesRef = useRef4(null);
+  const abortRef = useRef4(null);
+  const queuedQuestionRef = useRef4(null);
+  const handledSeedRef = useRef4(0);
+  const [messages, setMessages] = useState4([
     { id: "welcome", role: "assistant", text: `I can search the ${documentationSubject(name)} and cite the exact pages I use.` }
   ]);
-  const [sending, setSending] = useState3(false);
+  const [sending, setSending] = useState4(false);
   useDialogFocus(open, panelRef, onClose, false, "deepspace-documentation-assistant-launcher-input");
-  useEffect4(() => {
+  useEffect5(() => {
     if (!open || seed.id === 0 || handledSeedRef.current === seed.id) return;
     handledSeedRef.current = seed.id;
     if (!seed.submit || !seed.value?.trim()) return;
@@ -851,11 +960,11 @@ function DocumentationAssistant({
     const frame = window.requestAnimationFrame(() => formRef.current?.requestSubmit());
     return () => window.cancelAnimationFrame(frame);
   }, [open, seed]);
-  useEffect4(() => {
+  useEffect5(() => {
     const element = messagesRef.current;
     if (element) element.scrollTop = element.scrollHeight;
   }, [messages]);
-  useEffect4(() => () => abortRef.current?.abort(), []);
+  useEffect5(() => () => abortRef.current?.abort(), []);
   if (!open) return null;
   const submit = async (event) => {
     event?.preventDefault();
@@ -939,7 +1048,7 @@ function DocumentationAssistant({
     }
   };
   const defaults = suggestions ?? ["How do I get started?", "Show me a complete example", "What should I understand first?"];
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "aside",
     {
       "aria-label": "Documentation assistant",
@@ -948,31 +1057,31 @@ function DocumentationAssistant({
       ref: panelRef,
       role: "complementary",
       children: [
-        /* @__PURE__ */ jsxs4("header", { children: [
-          /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsxs4("span", { children: [
-            /* @__PURE__ */ jsxs4("strong", { id: "deepspace-documentation-assistant-title", children: [
+        /* @__PURE__ */ jsxs5("header", { children: [
+          /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsxs5("span", { children: [
+            /* @__PURE__ */ jsxs5("strong", { id: "deepspace-documentation-assistant-title", children: [
               "Ask ",
               name
             ] }),
-            /* @__PURE__ */ jsx4("small", { children: "Answers from this documentation build" })
+            /* @__PURE__ */ jsx5("small", { children: "Answers from this documentation build" })
           ] }) }),
-          /* @__PURE__ */ jsx4("button", { type: "button", onClick: onClose, "aria-label": "Close documentation assistant", children: /* @__PURE__ */ jsx4(CloseIcon, {}) })
+          /* @__PURE__ */ jsx5("button", { type: "button", onClick: onClose, "aria-label": "Close documentation assistant", children: /* @__PURE__ */ jsx5(CloseIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "documentation-assistant-messages", ref: messagesRef, "aria-live": "polite", children: [
-          messages.map((message) => /* @__PURE__ */ jsx4("div", { className: `documentation-assistant-message is-${message.role}${message.state ? ` is-${message.state}` : ""}`, children: /* @__PURE__ */ jsxs4("div", { children: [
-            message.role === "assistant" ? /* @__PURE__ */ jsx4(AssistantMarkdown, { value: message.text }) : message.text,
-            message.state === "streaming" && !message.text && /* @__PURE__ */ jsxs4("span", { className: "documentation-assistant-activity", role: "status", children: [
-              /* @__PURE__ */ jsx4("span", { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs5("div", { className: "documentation-assistant-messages", ref: messagesRef, "aria-live": "polite", children: [
+          messages.map((message) => /* @__PURE__ */ jsx5("div", { className: `documentation-assistant-message is-${message.role}${message.state ? ` is-${message.state}` : ""}`, children: /* @__PURE__ */ jsxs5("div", { children: [
+            message.role === "assistant" ? /* @__PURE__ */ jsx5(AssistantMarkdown, { value: message.text }) : message.text,
+            message.state === "streaming" && !message.text && /* @__PURE__ */ jsxs5("span", { className: "documentation-assistant-activity", role: "status", children: [
+              /* @__PURE__ */ jsx5("span", { "aria-hidden": "true" }),
               message.status ?? "Working\u2026"
             ] })
           ] }) }, message.id)),
-          messages.length === 1 && /* @__PURE__ */ jsxs4("div", { className: "documentation-assistant-suggestions", children: [
-            /* @__PURE__ */ jsx4("p", { children: "Try asking" }),
-            defaults.map((suggestion) => /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => onInputChange(suggestion), children: suggestion }, suggestion))
+          messages.length === 1 && /* @__PURE__ */ jsxs5("div", { className: "documentation-assistant-suggestions", children: [
+            /* @__PURE__ */ jsx5("p", { children: "Try asking" }),
+            defaults.map((suggestion) => /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => onInputChange(suggestion), children: suggestion }, suggestion))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs4("form", { className: "documentation-assistant-composer", onSubmit: submit, ref: formRef, children: [
-          /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs5("form", { className: "documentation-assistant-composer", onSubmit: submit, ref: formRef, children: [
+          /* @__PURE__ */ jsx5(
             "textarea",
             {
               "aria-label": "Ask a documentation question",
@@ -990,9 +1099,9 @@ function DocumentationAssistant({
               value: input
             }
           ),
-          sending ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => abortRef.current?.abort(), "aria-label": "Stop response", children: /* @__PURE__ */ jsx4(StopIcon, {}) }) : /* @__PURE__ */ jsx4("button", { type: "submit", disabled: !input.trim(), "aria-label": "Send question", children: /* @__PURE__ */ jsx4(SendIcon, {}) })
+          sending ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => abortRef.current?.abort(), "aria-label": "Stop response", children: /* @__PURE__ */ jsx5(StopIcon, {}) }) : /* @__PURE__ */ jsx5("button", { type: "submit", disabled: !input.trim(), "aria-label": "Send question", children: /* @__PURE__ */ jsx5(SendIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsx4("footer", { children: "Responses cite this deployment and may still contain mistakes." })
+        /* @__PURE__ */ jsx5("footer", { children: "Responses cite this deployment and may still contain mistakes." })
       ]
     }
   );
@@ -1005,7 +1114,7 @@ function AssistantMarkdown({ value }) {
     const index = match.index ?? 0;
     if (index > cursor) blocks.push(...renderAssistantText(value.slice(cursor, index), `text-${cursor}`));
     blocks.push(
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         AssistantCodeBlock,
         {
           code: (match[2] ?? "").replace(/\n$/, ""),
@@ -1017,21 +1126,21 @@ function AssistantMarkdown({ value }) {
     cursor = index + match[0].length;
   }
   if (cursor < value.length) blocks.push(...renderAssistantText(value.slice(cursor), `text-${cursor}`));
-  return /* @__PURE__ */ jsx4("div", { className: "documentation-assistant-markdown", children: blocks });
+  return /* @__PURE__ */ jsx5("div", { className: "documentation-assistant-markdown", children: blocks });
 }
 function AssistantCodeBlock({ code, language }) {
-  const [copied, setCopied] = useState3(false);
+  const [copied, setCopied] = useState4(false);
   const copy = async () => {
     await writeClipboardText(code);
     setCopied(true);
     window.setTimeout(() => setCopied(false), 1400);
   };
-  return /* @__PURE__ */ jsxs4("figure", { className: "documentation-assistant-code", children: [
-    /* @__PURE__ */ jsxs4("figcaption", { children: [
-      /* @__PURE__ */ jsx4("span", { children: language || "Code" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", onClick: copy, children: copied ? "Copied" : "Copy" })
+  return /* @__PURE__ */ jsxs5("figure", { className: "documentation-assistant-code", children: [
+    /* @__PURE__ */ jsxs5("figcaption", { children: [
+      /* @__PURE__ */ jsx5("span", { children: language || "Code" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", onClick: copy, children: copied ? "Copied" : "Copy" })
     ] }),
-    /* @__PURE__ */ jsx4("pre", { children: /* @__PURE__ */ jsx4("code", { children: code }) })
+    /* @__PURE__ */ jsx5("pre", { children: /* @__PURE__ */ jsx5("code", { children: code }) })
   ] });
 }
 function renderAssistantText(value, keyPrefix) {
@@ -1046,7 +1155,7 @@ function renderAssistantText(value, keyPrefix) {
     }
     const heading = line.match(/^(#{1,4})\s+(.+)$/);
     if (heading) {
-      blocks.push(/* @__PURE__ */ jsx4("strong", { className: "documentation-assistant-heading", children: renderInlineMarkdown(heading[2]) }, `${keyPrefix}-heading-${index}`));
+      blocks.push(/* @__PURE__ */ jsx5("strong", { className: "documentation-assistant-heading", children: renderInlineMarkdown(heading[2]) }, `${keyPrefix}-heading-${index}`));
       index += 1;
       continue;
     }
@@ -1058,10 +1167,10 @@ function renderAssistantText(value, keyPrefix) {
         const candidate = lines[index]?.trim() ?? "";
         const match = unordered ? candidate.match(/^[-*]\s+(.+)$/) : candidate.match(/^\d+[.)]\s+(.+)$/);
         if (!match) break;
-        items.push(/* @__PURE__ */ jsx4("li", { children: renderInlineMarkdown(match[1]) }, `${keyPrefix}-item-${index}`));
+        items.push(/* @__PURE__ */ jsx5("li", { children: renderInlineMarkdown(match[1]) }, `${keyPrefix}-item-${index}`));
         index += 1;
       }
-      blocks.push(unordered ? /* @__PURE__ */ jsx4("ul", { children: items }, `${keyPrefix}-list-${index}`) : /* @__PURE__ */ jsx4("ol", { children: items }, `${keyPrefix}-list-${index}`));
+      blocks.push(unordered ? /* @__PURE__ */ jsx5("ul", { children: items }, `${keyPrefix}-list-${index}`) : /* @__PURE__ */ jsx5("ol", { children: items }, `${keyPrefix}-list-${index}`));
       continue;
     }
     const paragraph = [line];
@@ -1072,7 +1181,7 @@ function renderAssistantText(value, keyPrefix) {
       paragraph.push(candidate);
       index += 1;
     }
-    blocks.push(/* @__PURE__ */ jsx4("p", { children: paragraph.map((part, partIndex) => /* @__PURE__ */ jsxs4("span", { children: [
+    blocks.push(/* @__PURE__ */ jsx5("p", { children: paragraph.map((part, partIndex) => /* @__PURE__ */ jsxs5("span", { children: [
       renderInlineMarkdown(part),
       partIndex < paragraph.length - 1 && " "
     ] }, `${partIndex}:${part.slice(0, 18)}`)) }, `${keyPrefix}-paragraph-${index}`));
@@ -1083,68 +1192,68 @@ function renderInlineMarkdown(value) {
   const pattern = /(\[[^\]]+\]\((?:https?:\/\/|\/)[^)]+\)|`[^`]+`|\*\*[^*]+\*\*)/g;
   return value.split(pattern).filter(Boolean).map((part, index) => {
     const link = part.match(/^\[([^\]]+)\]\(((?:https?:\/\/|\/)[^)]+)\)$/);
-    if (link) return /* @__PURE__ */ jsx4("a", { href: link[2], ...externalProps(link[2]), children: link[1] }, `${index}:${part}`);
-    if (part.startsWith("`") && part.endsWith("`")) return /* @__PURE__ */ jsx4("code", { children: part.slice(1, -1) }, `${index}:${part}`);
-    if (part.startsWith("**") && part.endsWith("**")) return /* @__PURE__ */ jsx4("strong", { children: part.slice(2, -2) }, `${index}:${part}`);
-    return /* @__PURE__ */ jsx4("span", { children: part }, `${index}:${part}`);
+    if (link) return /* @__PURE__ */ jsx5("a", { href: link[2], ...externalProps(link[2]), children: link[1] }, `${index}:${part}`);
+    if (part.startsWith("`") && part.endsWith("`")) return /* @__PURE__ */ jsx5("code", { children: part.slice(1, -1) }, `${index}:${part}`);
+    if (part.startsWith("**") && part.endsWith("**")) return /* @__PURE__ */ jsx5("strong", { children: part.slice(2, -2) }, `${index}:${part}`);
+    return /* @__PURE__ */ jsx5("span", { children: part }, `${index}:${part}`);
   });
 }
 
 // src/documentation/runtime/navigation.tsx
-import { useEffect as useEffect5, useRef as useRef4, useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef5, useState as useState5 } from "react";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function DocumentationHeader({
   data,
   onMenuOpen,
   onSearchOpen
 }) {
-  return /* @__PURE__ */ jsxs5("header", { className: "documentation-header", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6("header", { className: "documentation-header", children: [
+    /* @__PURE__ */ jsx6(
       "a",
       {
         className: "documentation-brand",
         href: data.config.theme.logoHref ?? documentationPublicPath(data.basePath, "/"),
         "aria-label": `${documentationSubject(data.config.name)} home`,
         ...externalProps(data.config.theme.logoHref ?? documentationPublicPath(data.basePath, "/")),
-        children: /* @__PURE__ */ jsx5(BrandLogo, { data })
+        children: /* @__PURE__ */ jsx6(BrandLogo, { data })
       }
     ),
-    /* @__PURE__ */ jsx5("div", { className: "documentation-header-center", children: /* @__PURE__ */ jsxs5("button", { className: "documentation-search-trigger", type: "button", onClick: onSearchOpen, "aria-label": "Search documentation", children: [
-      /* @__PURE__ */ jsx5(SearchIcon, {}),
-      /* @__PURE__ */ jsx5("span", { children: "Search documentation" }),
-      /* @__PURE__ */ jsx5("kbd", { children: "\u2318K" })
+    /* @__PURE__ */ jsx6("div", { className: "documentation-header-center", children: /* @__PURE__ */ jsxs6("button", { className: "documentation-search-trigger", type: "button", onClick: onSearchOpen, "aria-label": "Search documentation", children: [
+      /* @__PURE__ */ jsx6(SearchIcon, {}),
+      /* @__PURE__ */ jsx6("span", { children: "Search documentation" }),
+      /* @__PURE__ */ jsx6("kbd", { children: "\u2318K" })
     ] }) }),
-    /* @__PURE__ */ jsx5("nav", { className: "documentation-top-links", "aria-label": "Product navigation", children: data.config.links.map((link) => /* @__PURE__ */ jsxs5("a", { href: link.href, ...externalProps(link.href), children: [
+    /* @__PURE__ */ jsx6("nav", { className: "documentation-top-links", "aria-label": "Product navigation", children: data.config.links.map((link) => /* @__PURE__ */ jsxs6("a", { href: link.href, ...externalProps(link.href), children: [
       link.label,
-      isExternal(link.href) && /* @__PURE__ */ jsx5(ExternalIcon, {})
+      isExternal(link.href) && /* @__PURE__ */ jsx6(ExternalIcon, {})
     ] }, `${link.label}:${link.href}`)) }),
-    /* @__PURE__ */ jsxs5("div", { className: "documentation-mobile-actions", children: [
-      /* @__PURE__ */ jsx5("button", { className: "documentation-icon-button", type: "button", onClick: onSearchOpen, "aria-label": "Search documentation", children: /* @__PURE__ */ jsx5(SearchIcon, {}) }),
-      /* @__PURE__ */ jsx5("button", { className: "documentation-icon-button", type: "button", onClick: onMenuOpen, "aria-label": "Open documentation navigation", children: /* @__PURE__ */ jsx5(MenuIcon, {}) })
+    /* @__PURE__ */ jsxs6("div", { className: "documentation-mobile-actions", children: [
+      /* @__PURE__ */ jsx6("button", { className: "documentation-icon-button", type: "button", onClick: onSearchOpen, "aria-label": "Search documentation", children: /* @__PURE__ */ jsx6(SearchIcon, {}) }),
+      /* @__PURE__ */ jsx6("button", { className: "documentation-icon-button", type: "button", onClick: onMenuOpen, "aria-label": "Open documentation navigation", children: /* @__PURE__ */ jsx6(MenuIcon, {}) })
     ] })
   ] });
 }
 function BrandLogo({ data }) {
   const { logo, logoDark } = data.config.theme;
   if (logo) {
-    return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx5("img", { className: "documentation-brand-logo documentation-brand-logo-light", src: logo, alt: "" }),
-      /* @__PURE__ */ jsx5("img", { className: "documentation-brand-logo documentation-brand-logo-dark", src: logoDark ?? logo, alt: "" }),
-      /* @__PURE__ */ jsx5("span", { className: "documentation-brand-product", children: "Documentation" })
+    return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx6("img", { className: "documentation-brand-logo documentation-brand-logo-light", src: logo, alt: "" }),
+      /* @__PURE__ */ jsx6("img", { className: "documentation-brand-logo documentation-brand-logo-dark", src: logoDark ?? logo, alt: "" }),
+      /* @__PURE__ */ jsx6("span", { className: "documentation-brand-product", children: "Documentation" })
     ] });
   }
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx5("span", { className: "documentation-brand-mark", children: /* @__PURE__ */ jsx5(OrbitMark, {}) }),
-    /* @__PURE__ */ jsx5("span", { className: "documentation-brand-name", children: data.config.name })
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx6("span", { className: "documentation-brand-mark", children: /* @__PURE__ */ jsx6(OrbitMark, {}) }),
+    /* @__PURE__ */ jsx6("span", { className: "documentation-brand-name", children: data.config.name })
   ] });
 }
 function DesktopSidebar({ data }) {
-  return /* @__PURE__ */ jsxs5("aside", { className: "documentation-sidebar", "aria-label": "Documentation navigation", children: [
-    /* @__PURE__ */ jsx5("nav", { className: "documentation-page-tree", children: /* @__PURE__ */ jsx5(NavigationTree, { activeRoute: data.page.route, basePath: data.basePath, nodes: data.navigation }) }),
-    /* @__PURE__ */ jsxs5("div", { className: "documentation-sidebar-footer", children: [
-      !data.config.theme.strictMode && /* @__PURE__ */ jsx5(ThemeControls, { defaultMode: data.config.theme.defaultMode ?? "system" }),
-      data.config.footer.length > 0 && /* @__PURE__ */ jsx5("nav", { "aria-label": "Documentation footer", children: data.config.footer.map((link) => /* @__PURE__ */ jsx5("a", { href: link.href, ...externalProps(link.href), children: link.label }, `${link.label}:${link.href}`)) }),
-      /* @__PURE__ */ jsx5("span", { children: "Built on DeepSpace" })
+  return /* @__PURE__ */ jsxs6("aside", { className: "documentation-sidebar", "aria-label": "Documentation navigation", children: [
+    /* @__PURE__ */ jsx6("nav", { className: "documentation-page-tree", children: /* @__PURE__ */ jsx6(NavigationTree, { activeRoute: data.page.route, basePath: data.basePath, nodes: data.navigation }) }),
+    /* @__PURE__ */ jsxs6("div", { className: "documentation-sidebar-footer", children: [
+      !data.config.theme.strictMode && /* @__PURE__ */ jsx6(ThemeControls, { defaultMode: data.config.theme.defaultMode ?? "system" }),
+      data.config.footer.length > 0 && /* @__PURE__ */ jsx6("nav", { "aria-label": "Documentation footer", children: data.config.footer.map((link) => /* @__PURE__ */ jsx6("a", { href: link.href, ...externalProps(link.href), children: link.label }, `${link.label}:${link.href}`)) }),
+      /* @__PURE__ */ jsx6("span", { children: "Built on DeepSpace" })
     ] })
   ] });
 }
@@ -1154,26 +1263,26 @@ function NavigationTree({
   depth = 0,
   nodes
 }) {
-  return /* @__PURE__ */ jsx5(Fragment3, { children: nodes.map((node) => {
+  return /* @__PURE__ */ jsx6(Fragment4, { children: nodes.map((node) => {
     if (node.kind === "group") {
       const active2 = containsRoute(node, activeRoute);
       if (depth === 0) {
-        return /* @__PURE__ */ jsxs5("section", { className: "documentation-nav-section", children: [
-          /* @__PURE__ */ jsx5("h2", { children: node.label }),
-          /* @__PURE__ */ jsx5(NavigationTree, { activeRoute, basePath, depth: depth + 1, nodes: node.items })
+        return /* @__PURE__ */ jsxs6("section", { className: "documentation-nav-section", children: [
+          /* @__PURE__ */ jsx6("h2", { children: node.label }),
+          /* @__PURE__ */ jsx6(NavigationTree, { activeRoute, basePath, depth: depth + 1, nodes: node.items })
         ] }, `group:${node.label}`);
       }
-      return /* @__PURE__ */ jsxs5("details", { className: "documentation-nav-folder", open: active2, children: [
-        /* @__PURE__ */ jsxs5("summary", { children: [
-          /* @__PURE__ */ jsx5("span", { children: node.label }),
-          /* @__PURE__ */ jsx5(ChevronDownIcon, {})
+      return /* @__PURE__ */ jsxs6("details", { className: "documentation-nav-folder", open: active2, children: [
+        /* @__PURE__ */ jsxs6("summary", { children: [
+          /* @__PURE__ */ jsx6("span", { children: node.label }),
+          /* @__PURE__ */ jsx6(ChevronDownIcon, {})
         ] }),
-        /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(NavigationTree, { activeRoute, basePath, depth: depth + 1, nodes: node.items }) })
+        /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6(NavigationTree, { activeRoute, basePath, depth: depth + 1, nodes: node.items }) })
       ] }, `group:${node.label}`);
     }
     const href = node.kind === "page" ? documentationPublicPath(basePath, node.route) : node.href;
     const active = node.kind === "page" && node.route === activeRoute;
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       "a",
       {
         "aria-current": active ? "page" : void 0,
@@ -1181,8 +1290,8 @@ function NavigationTree({
         href,
         ...externalProps(href),
         children: [
-          /* @__PURE__ */ jsx5("span", { children: node.label }),
-          isExternal(href) && /* @__PURE__ */ jsx5(ExternalIcon, {})
+          /* @__PURE__ */ jsx6("span", { children: node.label }),
+          isExternal(href) && /* @__PURE__ */ jsx6(ExternalIcon, {})
         ]
       },
       `${node.kind}:${href}`
@@ -1194,47 +1303,47 @@ function MobileNavigation({
   onClose,
   open
 }) {
-  const dialogRef = useRef4(null);
+  const dialogRef = useRef5(null);
   useDialogFocus(open, dialogRef, onClose);
   if (!open) return null;
-  return /* @__PURE__ */ jsx5("div", { className: "documentation-modal-layer", role: "presentation", onMouseDown: (event) => {
+  return /* @__PURE__ */ jsx6("div", { className: "documentation-modal-layer", role: "presentation", onMouseDown: (event) => {
     if (event.currentTarget === event.target) onClose();
-  }, children: /* @__PURE__ */ jsxs5("div", { className: "documentation-mobile-nav", role: "dialog", "aria-modal": "true", "aria-label": "Documentation navigation", ref: dialogRef, children: [
-    /* @__PURE__ */ jsxs5("header", { children: [
-      /* @__PURE__ */ jsx5(
+  }, children: /* @__PURE__ */ jsxs6("div", { className: "documentation-mobile-nav", role: "dialog", "aria-modal": "true", "aria-label": "Documentation navigation", ref: dialogRef, children: [
+    /* @__PURE__ */ jsxs6("header", { children: [
+      /* @__PURE__ */ jsx6(
         "a",
         {
           "aria-label": `${documentationSubject(data.config.name)} home`,
           className: "documentation-brand",
           href: data.config.theme.logoHref ?? documentationPublicPath(data.basePath, "/"),
           ...externalProps(data.config.theme.logoHref ?? documentationPublicPath(data.basePath, "/")),
-          children: /* @__PURE__ */ jsx5(BrandLogo, { data })
+          children: /* @__PURE__ */ jsx6(BrandLogo, { data })
         }
       ),
-      /* @__PURE__ */ jsx5("button", { className: "documentation-icon-button", type: "button", onClick: onClose, "aria-label": "Close documentation navigation", "data-autofocus": true, children: /* @__PURE__ */ jsx5(CloseIcon, {}) })
+      /* @__PURE__ */ jsx6("button", { className: "documentation-icon-button", type: "button", onClick: onClose, "aria-label": "Close documentation navigation", "data-autofocus": true, children: /* @__PURE__ */ jsx6(CloseIcon, {}) })
     ] }),
-    /* @__PURE__ */ jsx5("nav", { className: "documentation-page-tree", children: /* @__PURE__ */ jsx5(NavigationTree, { activeRoute: data.page.route, basePath: data.basePath, nodes: data.navigation }) }),
-    /* @__PURE__ */ jsxs5("footer", { children: [
-      !data.config.theme.strictMode && /* @__PURE__ */ jsx5(ThemeControls, { defaultMode: data.config.theme.defaultMode ?? "system" }),
-      data.config.footer.map((link) => /* @__PURE__ */ jsx5("a", { href: link.href, ...externalProps(link.href), children: link.label }, `${link.label}:${link.href}`))
+    /* @__PURE__ */ jsx6("nav", { className: "documentation-page-tree", children: /* @__PURE__ */ jsx6(NavigationTree, { activeRoute: data.page.route, basePath: data.basePath, nodes: data.navigation }) }),
+    /* @__PURE__ */ jsxs6("footer", { children: [
+      !data.config.theme.strictMode && /* @__PURE__ */ jsx6(ThemeControls, { defaultMode: data.config.theme.defaultMode ?? "system" }),
+      data.config.footer.map((link) => /* @__PURE__ */ jsx6("a", { href: link.href, ...externalProps(link.href), children: link.label }, `${link.label}:${link.href}`))
     ] })
   ] }) });
 }
 function ThemeControls({ defaultMode }) {
-  const [mode, setMode] = useState4(defaultMode);
-  useEffect5(() => {
+  const [mode, setMode] = useState5(defaultMode);
+  useEffect6(() => {
     const saved = safeStorageGet("deepspace-documentation-theme");
     if (saved === "light" || saved === "dark" || saved === "system") setMode(saved);
   }, []);
-  useEffect5(() => applyThemeMode(mode), [mode]);
+  useEffect6(() => applyThemeMode(mode), [mode]);
   const choose = (next) => {
     setMode(next);
     safeStorageSet("deepspace-documentation-theme", next);
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "documentation-theme-controls", role: "group", "aria-label": "Theme preference", children: [
-    /* @__PURE__ */ jsx5("button", { "aria-pressed": mode === "system", "aria-label": "Use system theme", onClick: () => choose("system"), type: "button", children: /* @__PURE__ */ jsx5(SystemIcon, {}) }),
-    /* @__PURE__ */ jsx5("button", { "aria-pressed": mode === "light", "aria-label": "Use light theme", onClick: () => choose("light"), type: "button", children: /* @__PURE__ */ jsx5(SunIcon, {}) }),
-    /* @__PURE__ */ jsx5("button", { "aria-pressed": mode === "dark", "aria-label": "Use dark theme", onClick: () => choose("dark"), type: "button", children: /* @__PURE__ */ jsx5(MoonIcon, {}) })
+  return /* @__PURE__ */ jsxs6("div", { className: "documentation-theme-controls", role: "group", "aria-label": "Theme preference", children: [
+    /* @__PURE__ */ jsx6("button", { "aria-pressed": mode === "system", "aria-label": "Use system theme", onClick: () => choose("system"), type: "button", children: /* @__PURE__ */ jsx6(SystemIcon, {}) }),
+    /* @__PURE__ */ jsx6("button", { "aria-pressed": mode === "light", "aria-label": "Use light theme", onClick: () => choose("light"), type: "button", children: /* @__PURE__ */ jsx6(SunIcon, {}) }),
+    /* @__PURE__ */ jsx6("button", { "aria-pressed": mode === "dark", "aria-label": "Use dark theme", onClick: () => choose("dark"), type: "button", children: /* @__PURE__ */ jsx6(MoonIcon, {}) })
   ] });
 }
 function containsRoute(node, route) {
@@ -1253,12 +1362,12 @@ function applyThemeMode(mode) {
 
 // src/documentation/runtime/search.tsx
 import {
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useMemo as useMemo2,
-  useRef as useRef5,
-  useState as useState5
+  useRef as useRef6,
+  useState as useState6
 } from "react";
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function SearchCommand({
   assistantEnabled,
   basePath,
@@ -1268,25 +1377,25 @@ function SearchCommand({
   onNavigate,
   open
 }) {
-  const dialogRef = useRef5(null);
-  const resultsRef = useRef5(null);
-  const [index, setIndex] = useState5(null);
-  const [loading, setLoading] = useState5(false);
-  const [query, setQuery] = useState5("");
-  const [activeIndex, setActiveIndex] = useState5(0);
+  const dialogRef = useRef6(null);
+  const resultsRef = useRef6(null);
+  const [index, setIndex] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [query, setQuery] = useState6("");
+  const [activeIndex, setActiveIndex] = useState6(0);
   useDialogFocus(open, dialogRef, onClose);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!open || index || loading) return;
     setLoading(true);
     fetch(documentationPublicPath(basePath, "/search.json")).then((response) => response.ok ? response.json() : []).then(setIndex).catch(() => setIndex([])).finally(() => setLoading(false));
   }, [basePath, index, loading, open]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!open) {
       setQuery("");
       setActiveIndex(0);
     }
   }, [open]);
-  useEffect6(() => {
+  useEffect7(() => {
     resultsRef.current?.querySelector(`#documentation-search-option-${activeIndex}`)?.scrollIntoView({ block: "nearest" });
   }, [activeIndex, query]);
   const preparedIndex = useMemo2(() => prepareSearchIndex(index ?? []), [index]);
@@ -1313,12 +1422,12 @@ function SearchCommand({
       }
     }
   };
-  return /* @__PURE__ */ jsx6("div", { className: "documentation-modal-layer documentation-search-layer", role: "presentation", onMouseDown: (event) => {
+  return /* @__PURE__ */ jsx7("div", { className: "documentation-modal-layer documentation-search-layer", role: "presentation", onMouseDown: (event) => {
     if (event.currentTarget === event.target) onClose();
-  }, children: /* @__PURE__ */ jsxs6("div", { className: "documentation-search-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Search documentation", ref: dialogRef, children: [
-    /* @__PURE__ */ jsxs6("label", { className: "documentation-search-input", children: [
-      /* @__PURE__ */ jsx6(SearchIcon, {}),
-      /* @__PURE__ */ jsx6(
+  }, children: /* @__PURE__ */ jsxs7("div", { className: "documentation-search-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Search documentation", ref: dialogRef, children: [
+    /* @__PURE__ */ jsxs7("label", { className: "documentation-search-input", children: [
+      /* @__PURE__ */ jsx7(SearchIcon, {}),
+      /* @__PURE__ */ jsx7(
         "input",
         {
           "aria-activedescendant": selectableCount > 0 ? `documentation-search-option-${activeIndex}` : void 0,
@@ -1337,21 +1446,21 @@ function SearchCommand({
           value: query
         }
       ),
-      /* @__PURE__ */ jsx6("kbd", { children: "Esc" })
+      /* @__PURE__ */ jsx7("kbd", { children: "Esc" })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "documentation-search-results", id: "documentation-search-results", ref: resultsRef, role: "listbox", "aria-label": "Search results", children: [
-      !query.trim() && /* @__PURE__ */ jsxs6("div", { className: "documentation-search-empty", children: [
-        /* @__PURE__ */ jsx6(OrbitMark, {}),
-        /* @__PURE__ */ jsx6("strong", { children: "Find an answer in this commit" }),
-        /* @__PURE__ */ jsx6("span", { children: "Search pages, headings, APIs, and examples." })
+    /* @__PURE__ */ jsxs7("div", { className: "documentation-search-results", id: "documentation-search-results", ref: resultsRef, role: "listbox", "aria-label": "Search results", children: [
+      !query.trim() && /* @__PURE__ */ jsxs7("div", { className: "documentation-search-empty", children: [
+        /* @__PURE__ */ jsx7(OrbitMark, {}),
+        /* @__PURE__ */ jsx7("strong", { children: "Find an answer in this commit" }),
+        /* @__PURE__ */ jsx7("span", { children: "Search pages, headings, APIs, and examples." })
       ] }),
-      query.trim() && loading && /* @__PURE__ */ jsx6("div", { className: "documentation-search-state", children: "Searching this documentation\u2026" }),
-      query.trim() && !loading && results.length === 0 && /* @__PURE__ */ jsxs6("div", { className: "documentation-search-state", children: [
+      query.trim() && loading && /* @__PURE__ */ jsx7("div", { className: "documentation-search-state", children: "Searching this documentation\u2026" }),
+      query.trim() && !loading && results.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "documentation-search-state", children: [
         "No documentation matched \u201C",
         query.trim(),
         "\u201D."
       ] }),
-      results.map((result, resultIndex) => /* @__PURE__ */ jsxs6(
+      results.map((result, resultIndex) => /* @__PURE__ */ jsxs7(
         "a",
         {
           "aria-selected": activeIndex === resultIndex,
@@ -1362,21 +1471,21 @@ function SearchCommand({
           onMouseEnter: () => setActiveIndex(resultIndex),
           role: "option",
           children: [
-            /* @__PURE__ */ jsx6("span", { className: "documentation-search-kind", children: result.kind === "section" ? /* @__PURE__ */ jsx6(HashIcon, {}) : /* @__PURE__ */ jsx6(FileIcon, {}) }),
-            /* @__PURE__ */ jsxs6("span", { className: "documentation-search-copy", children: [
-              /* @__PURE__ */ jsx6("strong", { children: highlightMatch(result.title, query) }),
-              result.kind === "section" ? /* @__PURE__ */ jsxs6("span", { className: "documentation-search-crumbs", children: [
+            /* @__PURE__ */ jsx7("span", { className: "documentation-search-kind", children: result.kind === "section" ? /* @__PURE__ */ jsx7(HashIcon, {}) : /* @__PURE__ */ jsx7(FileIcon, {}) }),
+            /* @__PURE__ */ jsxs7("span", { className: "documentation-search-copy", children: [
+              /* @__PURE__ */ jsx7("strong", { children: highlightMatch(result.title, query) }),
+              result.kind === "section" ? /* @__PURE__ */ jsxs7("span", { className: "documentation-search-crumbs", children: [
                 result.context,
-                /* @__PURE__ */ jsx6(ChevronRightIcon, {}),
+                /* @__PURE__ */ jsx7(ChevronRightIcon, {}),
                 result.title
-              ] }) : /* @__PURE__ */ jsx6("small", { children: result.context })
+              ] }) : /* @__PURE__ */ jsx7("small", { children: result.context })
             ] }),
-            /* @__PURE__ */ jsx6(ChevronRightIcon, {})
+            /* @__PURE__ */ jsx7(ChevronRightIcon, {})
           ]
         },
         result.href
       )),
-      assistantEnabled && query.trim() && /* @__PURE__ */ jsxs6(
+      assistantEnabled && query.trim() && /* @__PURE__ */ jsxs7(
         "button",
         {
           "aria-selected": activeIndex === results.length,
@@ -1387,28 +1496,28 @@ function SearchCommand({
           role: "option",
           type: "button",
           children: [
-            /* @__PURE__ */ jsx6(SparkIcon, {}),
-            /* @__PURE__ */ jsxs6("span", { children: [
-              /* @__PURE__ */ jsx6("strong", { children: "Ask DeepSpace" }),
-              /* @__PURE__ */ jsx6("small", { children: "Answer from the current documentation with citations" })
+            /* @__PURE__ */ jsx7(SparkIcon, {}),
+            /* @__PURE__ */ jsxs7("span", { children: [
+              /* @__PURE__ */ jsx7("strong", { children: "Ask DeepSpace" }),
+              /* @__PURE__ */ jsx7("small", { children: "Answer from the current documentation with citations" })
             ] }),
-            /* @__PURE__ */ jsx6(ChevronRightIcon, {})
+            /* @__PURE__ */ jsx7(ChevronRightIcon, {})
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs6("footer", { children: [
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("kbd", { children: "\u2191" }),
-        /* @__PURE__ */ jsx6("kbd", { children: "\u2193" }),
+    /* @__PURE__ */ jsxs7("footer", { children: [
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("kbd", { children: "\u2191" }),
+        /* @__PURE__ */ jsx7("kbd", { children: "\u2193" }),
         " select"
       ] }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("kbd", { children: "\u21B5" }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("kbd", { children: "\u21B5" }),
         " open"
       ] }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("kbd", { children: "esc" }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("kbd", { children: "esc" }),
         " close"
       ] })
     ] })
@@ -1474,9 +1583,9 @@ function highlightMatch(value, query) {
   if (!normalizedQuery) return value;
   const index = value.toLowerCase().indexOf(normalizedQuery.toLowerCase());
   if (index < 0) return value;
-  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
     value.slice(0, index),
-    /* @__PURE__ */ jsx6("mark", { children: value.slice(index, index + normalizedQuery.length) }),
+    /* @__PURE__ */ jsx7("mark", { children: value.slice(index, index + normalizedQuery.length) }),
     value.slice(index + normalizedQuery.length)
   ] });
 }
@@ -1485,18 +1594,18 @@ function normalizeSearch(value) {
 }
 
 // src/documentation/runtime/app.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function DocumentationApp({
   data,
   children,
   navigating = false,
   onNavigate
 }) {
-  const [mobileNavOpen, setMobileNavOpen] = useState6(false);
-  const [searchOpen, setSearchOpen] = useState6(false);
-  const [assistantOpen, setAssistantOpen] = useState6(false);
-  const [assistantDraft, setAssistantDraft] = useState6("");
-  const [assistantSeed, setAssistantSeed] = useState6({ id: 0, submit: false });
+  const [mobileNavOpen, setMobileNavOpen] = useState7(false);
+  const [searchOpen, setSearchOpen] = useState7(false);
+  const [assistantOpen, setAssistantOpen] = useState7(false);
+  const [assistantDraft, setAssistantDraft] = useState7("");
+  const [assistantSeed, setAssistantSeed] = useState7({ id: 0, submit: false });
   const assistantAccess = data.config.assistant.access === "disabled" ? null : data.config.assistant.access;
   const assistantEnabled = assistantAccess !== null;
   const appClassName = [
@@ -1511,7 +1620,7 @@ function DocumentationApp({
     setSearchOpen(false);
     setAssistantOpen(true);
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     const handleKeydown = (event) => {
       if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
         event.preventDefault();
@@ -1525,18 +1634,18 @@ function DocumentationApp({
     document.addEventListener("keydown", handleKeydown);
     return () => document.removeEventListener("keydown", handleKeydown);
   }, [data.config.assistant.access, openAssistant]);
-  useEffect7(() => {
+  useEffect8(() => {
     setMobileNavOpen(false);
     setSearchOpen(false);
   }, [data.page.route]);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       "aria-busy": navigating || void 0,
       className: appClassName,
       children: [
-        /* @__PURE__ */ jsx7("a", { className: "documentation-skip-link", href: "#documentation-content", children: "Skip to main content" }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("a", { className: "documentation-skip-link", href: "#documentation-content", children: "Skip to main content" }),
+        /* @__PURE__ */ jsx8(
           DocumentationHeader,
           {
             data,
@@ -1544,14 +1653,14 @@ function DocumentationApp({
             onSearchOpen: () => setSearchOpen(true)
           }
         ),
-        /* @__PURE__ */ jsxs7("div", { className: "documentation-frame", children: [
-          /* @__PURE__ */ jsx7(DesktopSidebar, { data }),
-          /* @__PURE__ */ jsx7("main", { className: "documentation-main", id: "documentation-content", children: /* @__PURE__ */ jsxs7("div", { className: "documentation-reader-grid", children: [
-            /* @__PURE__ */ jsx7("div", { className: "documentation-reader-column", children: /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs8("div", { className: "documentation-frame", children: [
+          /* @__PURE__ */ jsx8(DesktopSidebar, { data }),
+          /* @__PURE__ */ jsx8("main", { className: "documentation-main", id: "documentation-content", children: /* @__PURE__ */ jsxs8("div", { className: "documentation-reader-grid", children: [
+            /* @__PURE__ */ jsx8("div", { className: "documentation-reader-column", children: /* @__PURE__ */ jsx8(
               Article,
               {
                 data,
-                launcher: assistantAccess && !assistantOpen ? /* @__PURE__ */ jsx7("div", { className: "documentation-launcher-dock", children: /* @__PURE__ */ jsx7(
+                launcher: assistantAccess && !assistantOpen ? /* @__PURE__ */ jsx8("div", { className: "documentation-launcher-dock", children: /* @__PURE__ */ jsx8(
                   AssistantLauncher,
                   {
                     input: assistantDraft,
@@ -1565,10 +1674,10 @@ function DocumentationApp({
                 children
               }
             ) }),
-            /* @__PURE__ */ jsx7(ContextRail, { data })
+            /* @__PURE__ */ jsx8(ContextRail, { data })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           MobileNavigation,
           {
             data,
@@ -1576,7 +1685,7 @@ function DocumentationApp({
             open: mobileNavOpen
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           SearchCommand,
           {
             assistantEnabled,
@@ -1588,7 +1697,7 @@ function DocumentationApp({
             open: searchOpen
           }
         ),
-        assistantAccess && /* @__PURE__ */ jsx7(
+        assistantAccess && /* @__PURE__ */ jsx8(
           DocumentationAssistant,
           {
             access: assistantAccess,
@@ -1610,74 +1719,82 @@ function DocumentationApp({
 
 // src/documentation/runtime/mdx-components.tsx
 import { Children, createElement, isValidElement } from "react";
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function Callout({ children, title, kind }) {
   const label = title ?? kind.charAt(0).toUpperCase() + kind.slice(1);
-  return /* @__PURE__ */ jsxs8("aside", { className: `documentation-callout documentation-callout-${kind}`, children: [
-    /* @__PURE__ */ jsx8("strong", { children: label }),
+  return /* @__PURE__ */ jsxs9("aside", { className: `documentation-callout documentation-callout-${kind}`, children: [
+    /* @__PURE__ */ jsx9("strong", { children: label }),
     children
   ] });
 }
 function Note(props) {
-  return /* @__PURE__ */ jsx8(Callout, { ...props, kind: "note" });
+  return /* @__PURE__ */ jsx9(Callout, { ...props, kind: "note" });
 }
 function Tip(props) {
-  return /* @__PURE__ */ jsx8(Callout, { ...props, kind: "tip" });
+  return /* @__PURE__ */ jsx9(Callout, { ...props, kind: "tip" });
 }
 function Warning(props) {
-  return /* @__PURE__ */ jsx8(Callout, { ...props, kind: "warning" });
+  return /* @__PURE__ */ jsx9(Callout, { ...props, kind: "warning" });
 }
 function Info(props) {
-  return /* @__PURE__ */ jsx8(Callout, { ...props, kind: "info" });
+  return /* @__PURE__ */ jsx9(Callout, { ...props, kind: "info" });
 }
 function Card({ children, href, label, title }) {
-  const content = /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    title ?? label ? /* @__PURE__ */ jsx8("strong", { children: title ?? label }) : null,
+  const content = /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    title ?? label ? /* @__PURE__ */ jsx9("strong", { children: title ?? label }) : null,
     children
   ] });
-  return href ? /* @__PURE__ */ jsxs8("a", { className: "documentation-card", href, children: [
+  return href ? /* @__PURE__ */ jsxs9("a", { className: "documentation-card", href, children: [
     content,
-    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2192" })
-  ] }) : /* @__PURE__ */ jsx8("div", { className: "documentation-card", children: content });
+    /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2192" })
+  ] }) : /* @__PURE__ */ jsx9("div", { className: "documentation-card", children: content });
 }
 function Accordion({ children, label, title }) {
-  return /* @__PURE__ */ jsxs8("details", { className: "documentation-accordion", children: [
-    /* @__PURE__ */ jsx8("summary", { children: title ?? label ?? "Details" }),
+  return /* @__PURE__ */ jsxs9("details", { className: "documentation-accordion", children: [
+    /* @__PURE__ */ jsx9("summary", { children: title ?? label ?? "Details" }),
     children
   ] });
 }
 function AccordionGroup({ children }) {
-  return /* @__PURE__ */ jsx8("div", { className: "documentation-accordion-group", children });
+  return /* @__PURE__ */ jsx9("div", { className: "documentation-accordion-group", children });
 }
 function Step({ children, label, title }) {
-  return /* @__PURE__ */ jsxs8("section", { className: "documentation-step", children: [
-    title ?? label ? /* @__PURE__ */ jsx8("h3", { children: title ?? label }) : null,
+  return /* @__PURE__ */ jsxs9("section", { className: "documentation-step", children: [
+    title ?? label ? /* @__PURE__ */ jsx9("h3", { children: title ?? label }) : null,
     children
   ] });
 }
 function Steps({ children }) {
-  return /* @__PURE__ */ jsx8("div", { className: "documentation-steps", children });
+  return /* @__PURE__ */ jsx9("div", { className: "documentation-steps", children });
 }
 function Tab({ children, label, title }) {
-  return /* @__PURE__ */ jsx8("section", { className: "documentation-tab", "data-tab": true, "data-tab-title": title ?? label ?? "Tab", children });
+  return /* @__PURE__ */ jsx9("section", { className: "documentation-tab", "data-tab": true, "data-tab-title": title ?? label ?? "Tab", children });
 }
 function Tabs({ children }) {
-  return /* @__PURE__ */ jsx8("div", { className: "documentation-tabs", "data-tab-group": true, children });
+  return /* @__PURE__ */ jsx9(TabGroup, { className: "documentation-tabs", panels: tabPanels(children) });
 }
 function CodeGroup({ children, label, title }) {
-  return /* @__PURE__ */ jsxs8("div", { className: "documentation-code-group", "data-tab-group": true, children: [
-    title ?? label ? /* @__PURE__ */ jsx8("div", { className: "documentation-code-group-title", children: title ?? label }) : null,
-    Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx8(
-      "section",
-      {
-        className: "documentation-tab",
-        "data-tab": true,
-        "data-tab-title": codeBlockTitle(child) ?? `Example ${index + 1}`,
-        children: child
-      },
-      index
-    ))
-  ] });
+  const panels = Children.toArray(children).map((child, index) => ({
+    label: codeBlockTitle(child) ?? `Example ${index + 1}`,
+    content: child
+  }));
+  return /* @__PURE__ */ jsx9(
+    TabGroup,
+    {
+      className: "documentation-code-group",
+      panels,
+      title: title ?? label ? /* @__PURE__ */ jsx9("div", { className: "documentation-code-group-title", children: title ?? label }) : void 0
+    }
+  );
+}
+function tabPanels(children) {
+  return Children.toArray(children).map((child, index) => {
+    const props = isValidElement(child) ? child.props : void 0;
+    return {
+      label: props?.title ?? props?.label ?? `Tab ${index + 1}`,
+      content: props && "children" in props ? props.children : child
+    };
+  });
 }
 function codeBlockTitle(node) {
   if (!isValidElement(node)) return void 0;
@@ -1692,10 +1809,13 @@ function Heading({ level, ...props }) {
     `h${level}`,
     props,
     props.children,
-    id ? /* @__PURE__ */ jsx8("a", { "aria-label": "Link to this section", className: "documentation-heading-anchor", href: `#${id}`, children: "#" }) : null
+    id ? /* @__PURE__ */ jsx9("a", { "aria-label": "Link to this section", className: "documentation-heading-anchor", href: `#${id}`, children: "#" }) : null
   );
 }
 var documentationMdxComponents = {
+  /** React renders the code-block wrapper so nothing has to move a `pre` that
+   * the reconciler already owns. */
+  pre: CodeBlock,
   Accordion,
   AccordionGroup,
   Card,
@@ -1708,25 +1828,32 @@ var documentationMdxComponents = {
   Tabs,
   Tip,
   Warning,
-  h1: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 1 }),
-  h2: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 2 }),
-  h3: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 3 }),
-  h4: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 4 }),
-  h5: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 5 }),
-  h6: (props) => /* @__PURE__ */ jsx8(Heading, { ...props, level: 6 })
+  h1: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 1 }),
+  h2: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 2 }),
+  h3: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 3 }),
+  h4: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 4 }),
+  h5: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 5 }),
+  h6: (props) => /* @__PURE__ */ jsx9(Heading, { ...props, level: 6 })
 };
 
 // src/documentation/runtime/public.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var DefaultDocumentation = DocumentationApp;
 function DocumentationContent({
   data,
   Page
 }) {
   if (!Page) {
-    return /* @__PURE__ */ jsx9("div", { className: "documentation-prose", dangerouslySetInnerHTML: { __html: data.page.html } });
+    return /* @__PURE__ */ jsx10(
+      "div",
+      {
+        className: "documentation-prose",
+        "data-prose": "html",
+        dangerouslySetInnerHTML: { __html: data.page.html }
+      }
+    );
   }
-  return /* @__PURE__ */ jsx9("div", { className: "documentation-prose", children: /* @__PURE__ */ jsx9(Page, { components: documentationMdxComponents }) });
+  return /* @__PURE__ */ jsx10("div", { className: "documentation-prose", "data-prose": "react", children: /* @__PURE__ */ jsx10(Page, { components: documentationMdxComponents }) });
 }
 
 export {
@@ -1748,4 +1875,4 @@ export {
   DefaultDocumentation,
   DocumentationContent
 };
-//# sourceMappingURL=chunk-ZJ43EK3N.js.map
+//# sourceMappingURL=chunk-233GQU2H.js.map