deepspace 0.10.2 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # deepspace
 
+## 0.11.0
+
+### Minor Changes
+
+- Replace the base64 deploy asset transport with a content-addressed one. The CLI now hashes the build output locally, asks the platform which files it is missing, and streams only those into the app's release store; unchanged files are never re-uploaded, and no deploy ever serializes its assets into a JSON payload. This removes the "Worker exceeded memory limit" failure that surfaced as a misleading Cloudflare-incident 503 on asset-heavy deploys, and a deploy-service resource limit is now reported distinctly from a genuine Cloudflare API incident.
+
+  **This release requires an updated deploy service and is required to deploy.** The old grouped-upload endpoints are gone: an older CLI is answered with a clear "update to deploy" instruction, and this CLI refuses to start against a deploy service that does not advertise the new transport. Releases recorded before the cutover can no longer be rolled back to directly — redeploy that commit instead.
+
+## 0.10.3
+
+### Patch Changes
+
+- Documentation polish: Mintlify-parity UI pass (self-hosted fonts, type scale, sticky launcher, docked assistant, accessible syntax palette, heading-level search), navigation no longer fades over the assistant, MDX imports honor tsconfig path aliases, deploy quota errors name the apps holding slots, scaffolds install with the invoking package manager, and the retired community library publish command is removed.
+
 ## 0.10.2
 
 ### Patch Changes

package/dist/{chunk-T7V4GUIN.js → chunk-ZJ43EK3N.js}

@@ -12,6 +12,7 @@ import {
   useRef as useRef2,
   useState as useState2
 } from "react";
+import { createPortal } from "react-dom";
 
 // src/documentation/types.ts
 var DocumentationError = class extends Error {
@@ -237,6 +238,12 @@ function SendIcon(props) {
 function StopIcon(props) {
   return /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2", fill: "currentColor" }) });
 }
+function HashIcon(props) {
+  return /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M9.5 4 7.5 20M16.5 4l-2 16M4.5 9h15M3.5 15h15", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.6" }) });
+}
+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";
@@ -372,13 +379,15 @@ function PageActions({
 }
 
 // src/documentation/runtime/article.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Article({
   children,
   data,
+  launcher,
   onAssistantOpen
 }) {
   const articleRef = useRef2(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 }),
@@ -390,8 +399,24 @@ function Article({
       /* @__PURE__ */ jsx3("h1", { children: data.page.title }),
       data.page.description && /* @__PURE__ */ jsx3("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,
+        {
+          assistantEnabled: data.config.assistant.access !== "disabled",
+          onAsk: (code) => onAssistantOpen(`Explain this ${data.page.title} example and the important details:
+
+${code}`),
+          pre: mount.pre
+        }
+      ),
+      mount.host,
+      mount.key
+    )),
     data.page.openapi?.playground && /* @__PURE__ */ jsx3(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" }),
@@ -416,13 +441,38 @@ function Breadcrumbs({ items }) {
     item
   ] }, `${item}:${items.slice(0, index + 1).join("/")}`)) });
 }
+function outlineHeadings(headings) {
+  return headings.filter((heading) => heading.depth === 2 || heading.depth === 3);
+}
+function OutlineLinks({
+  active,
+  headings
+}) {
+  return /* @__PURE__ */ jsx3(Fragment2, { children: headings.map((heading) => /* @__PURE__ */ jsx3(
+    "a",
+    {
+      "aria-current": active === heading.id ? "location" : void 0,
+      className: `${heading.depth === 3 ? "depth-3 " : ""}${active === heading.id ? "is-active" : ""}`,
+      href: `#${heading.id}`,
+      children: heading.text
+    },
+    heading.id
+  )) });
+}
+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, {}),
+      "On this page"
+    ] }),
+    /* @__PURE__ */ jsx3("nav", { className: "documentation-outline", "aria-label": "On this page", children: /* @__PURE__ */ jsx3(OutlineLinks, { active: "", headings }) })
+  ] });
+}
 function ContextRail({
   data
 }) {
-  const headings = useMemo(
-    () => data.page.headings.filter((heading) => heading.depth === 2 || heading.depth === 3),
-    [data.page.headings]
-  );
+  const headings = useMemo(() => outlineHeadings(data.page.headings), [data.page.headings]);
   const [active, setActive] = useState2(headings[0]?.id ?? "");
   useEffect2(() => setActive(headings[0]?.id ?? ""), [headings]);
   useEffect2(() => {
@@ -437,16 +487,7 @@ function ContextRail({
   }, [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" }),
-    headings.map((heading) => /* @__PURE__ */ jsx3(
-      "a",
-      {
-        "aria-current": active === heading.id ? "location" : void 0,
-        className: `${heading.depth === 3 ? "depth-3 " : ""}${active === heading.id ? "is-active" : ""}`,
-        href: `#${heading.id}`,
-        children: heading.text
-      },
-      heading.id
-    ))
+    /* @__PURE__ */ jsx3(OutlineLinks, { active, headings })
   ] }) });
 }
 function ApiPlayground({ operation }) {
@@ -499,49 +540,74 @@ ${text}`);
     /* @__PURE__ */ jsx3("pre", { "aria-live": "polite", children: responseText })
   ] });
 }
-function useArticleEnhancements(articleRef, data, onAssistantOpen) {
+function useCodeBlockMounts(articleRef, route) {
+  const [mounts, setMounts] = useState2([]);
   useEffect2(() => {
     const article = articleRef.current;
     if (!article) return;
-    const cleanups = [];
-    article.querySelectorAll(".documentation-prose pre").forEach((pre) => {
-      if (pre.querySelector(".documentation-code-actions")) return;
-      const controls = document.createElement("div");
-      controls.className = "documentation-code-actions";
-      const copy = document.createElement("button");
-      copy.type = "button";
-      copy.setAttribute("aria-label", "Copy code");
-      copy.textContent = "Copy";
-      const copyHandler = async () => {
-        await writeClipboardText(pre.querySelector("code")?.textContent ?? pre.textContent ?? "");
-        copy.textContent = "Copied";
-        window.setTimeout(() => {
-          copy.textContent = "Copy";
-        }, 1400);
-      };
-      copy.addEventListener("click", copyHandler);
-      controls.appendChild(copy);
-      if (data.config.assistant.access !== "disabled") {
-        const ask = document.createElement("button");
-        ask.type = "button";
-        ask.textContent = "Ask";
-        ask.setAttribute("aria-label", "Ask the documentation assistant about this code");
-        const askHandler = () => {
-          const code = pre.querySelector("code")?.textContent?.trim().slice(0, 1200) ?? "";
-          onAssistantOpen(`Explain this ${data.page.title} example and the important details:
-
-${code}`);
-        };
-        ask.addEventListener("click", askHandler);
-        controls.appendChild(ask);
-        cleanups.push(() => ask.removeEventListener("click", askHandler));
+    const created = [];
+    const next = [];
+    article.querySelectorAll(".documentation-prose pre").forEach((pre, index) => {
+      const block = document.createElement("div");
+      block.className = "documentation-code-block";
+      pre.replaceWith(block);
+      block.appendChild(pre);
+      const language = codeBlockLanguage(pre);
+      if (language) {
+        const label = document.createElement("span");
+        label.className = "documentation-code-language";
+        label.textContent = language;
+        block.appendChild(label);
       }
-      pre.appendChild(controls);
-      cleanups.push(() => {
-        copy.removeEventListener("click", copyHandler);
-        controls.remove();
-      });
+      const host = document.createElement("div");
+      host.className = "documentation-code-actions";
+      block.appendChild(host);
+      created.push({ block, pre });
+      next.push({ key: `${route}:${index}`, host, pre });
     });
+    setMounts(next);
+    return () => {
+      setMounts([]);
+      for (const { block, pre } of created) block.replaceWith(pre);
+    };
+  }, [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 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(() => {
+    const article = articleRef.current;
+    if (!article) return;
+    const cleanups = [];
     article.querySelectorAll("[data-tab-group]").forEach((group, groupIndex) => {
       if (group.querySelector(":scope > .documentation-tab-buttons")) return;
       const tabs = Array.from(group.querySelectorAll(":scope > [data-tab]"));
@@ -714,8 +780,7 @@ function AssistantLauncher({
   name,
   onInputChange,
   onOpen,
-  onSubmit,
-  open
+  onSubmit
 }) {
   const subject = documentationSubject(name);
   const submit = (event) => {
@@ -724,7 +789,6 @@ function AssistantLauncher({
     if (!question) return;
     onSubmit(question);
   };
-  if (open) return null;
   return /* @__PURE__ */ jsxs4(
     "form",
     {
@@ -734,7 +798,7 @@ function AssistantLauncher({
       children: [
         /* @__PURE__ */ jsxs4("button", { className: "documentation-launcher-agent", type: "button", onClick: onOpen, "aria-label": `Open the ${subject} agent`, children: [
           "Ask ",
-          name
+          /* @__PURE__ */ jsx4("span", { className: "documentation-launcher-agent-name", children: name })
         ] }),
         /* @__PURE__ */ jsx4(
           "input",
@@ -747,6 +811,10 @@ 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__ */ jsx4("button", { className: "documentation-launcher-send", type: "submit", disabled: !input.trim(), "aria-label": "Send question to documentation agent", children: /* @__PURE__ */ jsx4(SendIcon, {}) })
       ]
     }
@@ -1024,7 +1092,7 @@ function renderInlineMarkdown(value) {
 
 // src/documentation/runtime/navigation.tsx
 import { useEffect as useEffect5, useRef as useRef4, useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function DocumentationHeader({
   data,
   onMenuOpen,
@@ -1059,13 +1127,13 @@ function DocumentationHeader({
 function BrandLogo({ data }) {
   const { logo, logoDark } = data.config.theme;
   if (logo) {
-    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    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__ */ jsxs5(Fragment2, { children: [
+  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 })
   ] });
@@ -1086,7 +1154,7 @@ function NavigationTree({
   depth = 0,
   nodes
 }) {
-  return /* @__PURE__ */ jsx5(Fragment2, { children: nodes.map((node) => {
+  return /* @__PURE__ */ jsx5(Fragment3, { children: nodes.map((node) => {
     if (node.kind === "group") {
       const active2 = containsRoute(node, activeRoute);
       if (depth === 0) {
@@ -1190,7 +1258,7 @@ import {
   useRef as useRef5,
   useState as useState5
 } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function SearchCommand({
   assistantEnabled,
   basePath,
@@ -1201,6 +1269,7 @@ function SearchCommand({
   open
 }) {
   const dialogRef = useRef5(null);
+  const resultsRef = useRef5(null);
   const [index, setIndex] = useState5(null);
   const [loading, setLoading] = useState5(false);
   const [query, setQuery] = useState5("");
@@ -1217,6 +1286,9 @@ function SearchCommand({
       setActiveIndex(0);
     }
   }, [open]);
+  useEffect6(() => {
+    resultsRef.current?.querySelector(`#documentation-search-option-${activeIndex}`)?.scrollIntoView({ block: "nearest" });
+  }, [activeIndex, query]);
   const preparedIndex = useMemo2(() => prepareSearchIndex(index ?? []), [index]);
   const results = useMemo2(() => rankSearch(preparedIndex, query), [preparedIndex, query]);
   if (!open) return null;
@@ -1230,9 +1302,10 @@ function SearchCommand({
       setActiveIndex((current) => (current - 1 + selectableCount) % selectableCount);
     } else if (event.key === "Enter") {
       event.preventDefault();
-      if (activeIndex < results.length && results[activeIndex]) {
+      const result = activeIndex < results.length ? results[activeIndex] : void 0;
+      if (result) {
         onClose();
-        const href = documentationPublicPath(basePath, results[activeIndex].route);
+        const href = documentationPublicPath(basePath, result.href);
         if (onNavigate) onNavigate(href);
         else window.location.assign(href);
       } else if (assistantEnabled && query.trim()) {
@@ -1266,7 +1339,7 @@ function SearchCommand({
       ),
       /* @__PURE__ */ jsx6("kbd", { children: "Esc" })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "documentation-search-results", id: "documentation-search-results", role: "listbox", "aria-label": "Search results", children: [
+    /* @__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" }),
@@ -1283,20 +1356,25 @@ function SearchCommand({
         {
           "aria-selected": activeIndex === resultIndex,
           className: activeIndex === resultIndex ? "documentation-search-result is-active" : "documentation-search-result",
-          href: documentationPublicPath(basePath, result.route),
+          href: documentationPublicPath(basePath, result.href),
           id: `documentation-search-option-${resultIndex}`,
           onClick: onClose,
           onMouseEnter: () => setActiveIndex(resultIndex),
           role: "option",
           children: [
-            /* @__PURE__ */ jsxs6("span", { 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) }),
-              /* @__PURE__ */ jsx6("small", { children: result.description ?? result.headings[0] ?? result.text.slice(0, 150) })
+              result.kind === "section" ? /* @__PURE__ */ jsxs6("span", { className: "documentation-search-crumbs", children: [
+                result.context,
+                /* @__PURE__ */ jsx6(ChevronRightIcon, {}),
+                result.title
+              ] }) : /* @__PURE__ */ jsx6("small", { children: result.context })
             ] }),
             /* @__PURE__ */ jsx6(ChevronRightIcon, {})
           ]
         },
-        result.route
+        result.href
       )),
       assistantEnabled && query.trim() && /* @__PURE__ */ jsxs6(
         "button",
@@ -1340,7 +1418,8 @@ function prepareSearchIndex(index) {
   return index.map((entry) => ({
     entry,
     title: normalizeSearch(entry.title),
-    headings: normalizeSearch(entry.headings.join(" ")),
+    headings: entry.headings.map((heading) => ({ heading, normalized: normalizeSearch(heading.text) })),
+    headingText: normalizeSearch(entry.headings.map((heading) => heading.text).join(" ")),
     haystack: normalizeSearch(`${entry.description ?? ""} ${entry.text}`)
   }));
 }
@@ -1348,24 +1427,54 @@ function rankSearch(index, query) {
   const normalized = normalizeSearch(query);
   if (!normalized) return [];
   const tokens = normalized.split(" ").filter(Boolean);
-  return index.map(({ entry, title, headings, haystack }) => {
+  const scored = [];
+  for (const { entry, title, headings, headingText, haystack } of index) {
     let score = title === normalized ? 180 : title.startsWith(normalized) ? 110 : title.includes(normalized) ? 75 : 0;
-    if (headings.includes(normalized)) score += 55;
+    if (headingText.includes(normalized)) score += 55;
     for (const token of tokens) {
       if (title.includes(token)) score += 24;
-      else if (headings.includes(token)) score += 14;
+      else if (headingText.includes(token)) score += 14;
       else if (haystack.includes(token)) score += 5;
       else score -= 18;
     }
-    return { entry, score };
-  }).filter((item) => item.score > 0).sort((left, right) => right.score - left.score || left.entry.route.localeCompare(right.entry.route)).slice(0, 10).map((item) => item.entry);
+    if (score > 0) {
+      scored.push({
+        route: entry.route,
+        score,
+        result: {
+          href: entry.route,
+          kind: "page",
+          title: entry.title,
+          context: entry.description ?? entry.text.slice(0, 150)
+        }
+      });
+    }
+    for (const { heading, normalized: headingNormalized } of headings) {
+      let sectionScore = headingNormalized === normalized ? 120 : headingNormalized.startsWith(normalized) ? 80 : headingNormalized.includes(normalized) ? 60 : 0;
+      if (sectionScore === 0) {
+        for (const token of tokens) if (headingNormalized.includes(token)) sectionScore += 18;
+      }
+      if (sectionScore <= 0) continue;
+      scored.push({
+        route: `${entry.route}#${heading.id}`,
+        score: sectionScore,
+        result: {
+          href: `${entry.route}#${heading.id}`,
+          kind: "section",
+          title: heading.text,
+          context: entry.title
+        }
+      });
+    }
+  }
+  return scored.sort((left, right) => right.score - left.score || left.route.localeCompare(right.route)).slice(0, 10).map((item) => item.result);
 }
 function highlightMatch(value, query) {
   const normalizedQuery = query.trim();
   if (!normalizedQuery) return value;
   const index = value.toLowerCase().indexOf(normalizedQuery.toLowerCase());
   if (index < 0) return value;
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
     value.slice(0, index),
     /* @__PURE__ */ jsx6("mark", { children: value.slice(index, index + normalizedQuery.length) }),
     value.slice(index + normalizedQuery.length)
@@ -1376,7 +1485,7 @@ function normalizeSearch(value) {
 }
 
 // src/documentation/runtime/app.tsx
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function DocumentationApp({
   data,
   children,
@@ -1438,7 +1547,24 @@ function DocumentationApp({
         /* @__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(Article, { data, onAssistantOpen: openAssistant, children }),
+            /* @__PURE__ */ jsx7("div", { className: "documentation-reader-column", children: /* @__PURE__ */ jsx7(
+              Article,
+              {
+                data,
+                launcher: assistantAccess && !assistantOpen ? /* @__PURE__ */ jsx7("div", { className: "documentation-launcher-dock", children: /* @__PURE__ */ jsx7(
+                  AssistantLauncher,
+                  {
+                    input: assistantDraft,
+                    name: data.config.name,
+                    onOpen: () => openAssistant(),
+                    onInputChange: setAssistantDraft,
+                    onSubmit: (question) => openAssistant(question, true)
+                  }
+                ) }) : void 0,
+                onAssistantOpen: openAssistant,
+                children
+              }
+            ) }),
             /* @__PURE__ */ jsx7(ContextRail, { data })
           ] }) })
         ] }),
@@ -1462,34 +1588,21 @@ function DocumentationApp({
             open: searchOpen
           }
         ),
-        assistantAccess && /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx7(
-            AssistantLauncher,
-            {
-              input: assistantDraft,
-              name: data.config.name,
-              onOpen: () => openAssistant(),
-              onInputChange: setAssistantDraft,
-              onSubmit: (question) => openAssistant(question, true),
-              open: assistantOpen
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            DocumentationAssistant,
-            {
-              access: assistantAccess,
-              basePath: data.basePath,
-              input: assistantDraft,
-              name: data.config.name,
-              onClose: () => setAssistantOpen(false),
-              onInputChange: setAssistantDraft,
-              open: assistantOpen,
-              route: data.page.route,
-              seed: assistantSeed,
-              suggestions: data.config.assistant.suggestions
-            }
-          )
-        ] })
+        assistantAccess && /* @__PURE__ */ jsx7(
+          DocumentationAssistant,
+          {
+            access: assistantAccess,
+            basePath: data.basePath,
+            input: assistantDraft,
+            name: data.config.name,
+            onClose: () => setAssistantOpen(false),
+            onInputChange: setAssistantDraft,
+            open: assistantOpen,
+            route: data.page.route,
+            seed: assistantSeed,
+            suggestions: data.config.assistant.suggestions
+          }
+        )
       ]
     }
   );
@@ -1635,4 +1748,4 @@ export {
   DefaultDocumentation,
   DocumentationContent
 };
-//# sourceMappingURL=chunk-T7V4GUIN.js.map
+//# sourceMappingURL=chunk-ZJ43EK3N.js.map