blume 2.0.3 → 2.1.0

package/dist/cli/{chunk-e04dxsz1.js → chunk-4ejxbzee.js}

@@ -36,4 +36,4 @@ var parseTimeoutSeconds = (value, fallback) => {
 export { parsePort, parseTimeoutSeconds };
 
 //# debugId=02AD79A562BBAEE664756E2164756E21
-//# sourceMappingURL=chunk-e04dxsz1.js.map
+//# sourceMappingURL=chunk-4ejxbzee.js.map

package/dist/cli/{chunk-5m5nmvyq.js → chunk-4h8z9vv5.js}

@@ -4,19 +4,25 @@ import {
   resolveDocsCollection,
   TOC_HIDDEN_KEY,
   deployPassthrough,
+  RATE_LIMIT_BINDING,
   fontLocaleCodes,
   buildFontEntries,
+  isPatternPath,
+  compileRedirects,
+  hasVariables,
   SVG_ASSET_HEADERS,
   applyBaseToAstroRedirects,
   distDir,
   adapterRoot,
-  deployPlatform,
-  BLUME_IGNORE_DIRS
-} from "./chunk-pv29h0wf.js";
+  deployPlatform
+} from "./chunk-xkz5xbtv.js";
 import {
   trimChar,
   normalizeBasePath
-} from "./chunk-3em5wd2y.js";
+} from "./chunk-zccbjcj0.js";
+import {
+  BLUME_IGNORE_DIRS
+} from "./chunk-kwrg63tm.js";
 
 // src/deploy/adapter-output.ts
 import { existsSync } from "node:fs";
@@ -212,6 +218,19 @@ var publishRuntimeModules = (modules) => {
 import { existsSync as existsSync2, readFileSync } from "node:fs";
 import { pathToFileURL } from "node:url";
 import { dirname as dirname2, isAbsolute as isAbsolute2, join as join3, relative as relative2 } from "pathe";
+
+// src/consent/clients.ts
+var CONSENT_CLIENT_MODULES = new Map([
+  ["native", "blume/components/layout/consent/native.ts"]
+]);
+
+// src/markdown/api-rail.ts
+var API_RAIL_KEY = "blumeApiRail";
+
+// src/markdown/views.ts
+var VIEWS_KEY = "blumeViews";
+
+// src/astro/templates.ts
 var WORKSPACE_MARKERS = [
   ".git",
   "bun.lock",
@@ -288,7 +307,7 @@ var runtimeDependencies = (options) => {
   if (needsSvelte) {
     deps.push("@astrojs/svelte");
   }
-  deps.push(...new Set(config.reference.flatMap((adapter) => adapter.runtimeDeps)), ...config.search.provider.runtimeDeps, ...config.analytics.flatMap((adapter) => adapter.runtimeDeps));
+  deps.push(...new Set(config.reference.flatMap((adapter) => adapter.runtimeDeps)), ...config.search.provider.runtimeDeps, ...config.analytics.flatMap((adapter) => adapter.runtimeDeps), ...config.consent?.runtimeDeps ?? []);
   for (const source of config.content.sources) {
     for (const dep of source.runtimeDeps) {
       if (!deps.includes(dep)) {
@@ -404,17 +423,24 @@ var renderRuntimeModuleWiring = (generatedModulesDir) => {
         ${JSON.stringify(id)}: ${configPath(`${generatedModulesDir}/${file}`, true)},`).join("");
   return { aliasLines, imports: [], pluginEntry: "" };
 };
-var blumeIntegrationOptions = (options) => options.ejected ? {
-  buildArtifactsRoot: ".",
-  contentRoutes: options.contentRoutes,
-  homeLinkHeader: buildHomeLinkHeader(options.config, options.contentRoutes, "dev") ?? undefined,
-  pages: options.pages
-} : { pages: options.pages };
+var blumeIntegrationOptions = (options) => {
+  const shared = { pages: options.pages };
+  if (options.redirects.length > 0) {
+    shared.redirects = options.redirects;
+  }
+  return options.ejected ? {
+    ...shared,
+    buildArtifactsRoot: ".",
+    contentRoutes: options.contentRoutes,
+    homeLinkHeader: buildHomeLinkHeader(options.config, options.contentRoutes, "dev") ?? undefined
+  } : shared;
+};
 var astroConfigTemplate = (options) => {
   const { context, config, needsReact, pages, themePath } = options;
   const { astro: cacheOptions, vite: viteCacheOption } = runtimeCacheOptions(context, options.generatedModulesDir);
   const {
     askPath,
+    consentClientPath,
     contentRoutes,
     examplesPath,
     examplesThemePath,
@@ -461,8 +487,9 @@ var astroConfigTemplate = (options) => {
     }
   })},` : "";
   const basedRedirects = applyBaseToAstroRedirects(config.redirects, config.basePath, deployment.options.base ?? "", new Set(contentRoutes));
-  const redirectsOption = basedRedirects.length > 0 ? `
-  redirects: ${JSON.stringify(Object.fromEntries(basedRedirects.map((redirect) => [
+  const exactRedirects = basedRedirects.filter((redirect) => !isPatternPath(redirect.from));
+  const redirectsOption = exactRedirects.length > 0 ? `
+  redirects: ${JSON.stringify(Object.fromEntries(exactRedirects.map((redirect) => [
     redirect.from,
     { destination: redirect.to, status: redirect.status }
   ])))},` : "";
@@ -492,12 +519,15 @@ var astroConfigTemplate = (options) => {
 ` : "";
   const svelteImport = needsSvelte ? `import svelte from "@astrojs/svelte";
 ` : "";
+  const substitutesVariables = hasVariables(config.variables);
+  const variablesPluginEntry = substitutesVariables ? `variablesVitePlugin(${JSON.stringify(config.variables)}), ` : "";
   const blumeImports = [
     "blumeIntegration",
     "includeHmrPlugin",
     "prerenderDepsPlugin",
     ...runtimeModuleImports,
-    ...adapterOption.includes("withAdapterRoot") ? ["withAdapterRoot"] : []
+    ...adapterOption.includes("withAdapterRoot") ? ["withAdapterRoot"] : [],
+    ...substitutesVariables ? ["variablesVitePlugin"] : []
   ];
   const blumeImport = `import { ${blumeImports.join(", ")} } from "blume/astro";
 `;
@@ -509,7 +539,8 @@ var astroConfigTemplate = (options) => {
     contentRoot: options.contentRoot,
     deployBase,
     externalLinks: config.markdown.externalLinks,
-    headingAnchors: config.markdown.headingAnchors
+    headingAnchors: config.markdown.headingAnchors,
+    variables: config.variables
   });
   const processorOptions = options.generatedModulesDir === undefined ? processorLiteral : `{ ...${processorLiteral}, dataFile: ${configPath(`${options.generatedModulesDir}/data.json`, true)} }`;
   const integrations = [
@@ -528,7 +559,8 @@ var astroConfigTemplate = (options) => {
     config,
     contentRoutes,
     ejected,
-    pages
+    pages,
+    redirects: compileRedirects(basedRedirects)
   }))})`);
   const {
     configSourceMarker,
@@ -584,7 +616,7 @@ ${userConfigSetup}export default defineConfig({
   // the overlap only adds memory.
   build: { concurrency: Math.min(8, availableParallelism()) },
   vite: {${viteCacheOption}
-    plugins: [${runtimeModulesPluginEntry}tailwindcss(), includeHmrPlugin(${configPath(`${context.outDir}/src/generated/includes.json`, ejected)}), prerenderDepsPlugin()],
+    plugins: [${runtimeModulesPluginEntry}${variablesPluginEntry}tailwindcss(), includeHmrPlugin(${configPath(`${context.outDir}/src/generated/includes.json`, ejected)}), prerenderDepsPlugin()],
     build: {${features.mermaid ? MERMAID_CHUNK_LIMIT : ""}
       rolldownOptions: {
         ${ROLLDOWN_ON_LOG},
@@ -640,6 +672,7 @@ ${userConfigSetup}export default defineConfig({
     resolve: {
       alias: {
         "blume:ask": ${configPath(askPath, ejected)},
+        "blume:consent-client": ${configPath(consentClientPath, ejected)},
         "blume:examples": ${configPath(examplesPath, ejected)},
         "blume:examples-theme": ${configPath(examplesThemePath, ejected)},
         "blume:features": ${configPath(featuresPath, ejected)},
@@ -719,18 +752,73 @@ var askCorsTemplate = (cors = []) => cors.length > 0 ? {
   imports: [
     'import { preflightResponse, withCors } from "blume/ai/cors.ts";'
   ],
-  open: "withCors(ALLOWED_ORIGINS, async ({ request }) => {",
+  open: "withCors(ALLOWED_ORIGINS, async (context) => {",
   setup: `
 const ALLOWED_ORIGINS = ${JSON.stringify(cors)};
 
 export const OPTIONS: APIRoute = ({ request }) =>
   preflightResponse(request, ALLOWED_ORIGINS);
 `
-} : { close: "};", imports: [], open: "async ({ request }) => {", setup: "" };
+} : { close: "};", imports: [], open: "async (context) => {", setup: "" };
+var rateLimitTemplate = (adapter, scope) => {
+  if (!adapter) {
+    return { check: "", imports: [], setup: "" };
+  }
+  const imports = [
+    'import { createLimiter, rateLimited } from "blume/ratelimit/runtime.ts";'
+  ];
+  let runtime = "";
+  if (adapter.kind === "upstash") {
+    imports.push('import { getSecret } from "astro:env/server";');
+    runtime = ", { secret: getSecret }";
+  } else if (adapter.kind === "cloudflare") {
+    imports.push("// @ts-ignore `cloudflare:workers` is typed once `wrangler types` has run.", 'import { env } from "cloudflare:workers";');
+    runtime = `, { binding: Reflect.get(env, ${JSON.stringify(RATE_LIMIT_BINDING)}) }`;
+  }
+  return {
+    check: `  const limited = await rateLimited(limiter, context, ${JSON.stringify(scope)});
+  if (limited) {
+    return limited;
+  }
+`,
+    imports,
+    setup: `
+const limiter = createLimiter(${JSON.stringify(adapter)}${runtime});
+`
+  };
+};
+var askCaptchaTemplate = (adapter) => {
+  if (!adapter) {
+    return { check: "", imports: [], setup: "" };
+  }
+  const [secret = ""] = adapter.requiredSecrets;
+  return {
+    check: `  const captchaSecret = getSecret(${JSON.stringify(secret)});
+  if (!captchaSecret) {
+    return new Response(
+      ${JSON.stringify(`The assistant is not configured: set ${secret}.`)},
+      { status: 503 }
+    );
+  }
+  const captchaToken =
+    typeof body.captcha === "string" ? body.captcha : undefined;
+  if (!(await verifyCaptcha(CAPTCHA, captchaToken, context, { secret: captchaSecret }))) {
+    return new Response("Verification failed: the bot check didn't pass.", {
+      status: 403,
+    });
+  }
+`,
+    imports: ['import { verifyCaptcha } from "blume/captcha/verify.ts";'],
+    setup: `
+const CAPTCHA = ${JSON.stringify(adapter)};
+`
+  };
+};
 var ASK_BODY_LIMIT_BYTES = 65536;
 var askEndpointTemplate = (backend, options) => {
   const { instructions, retrieval } = options ?? {};
   const { grounded } = backend;
+  const tools = grounded && Boolean(options?.tools);
   const fallbackPrompt = instructions ? `${ASK_FALLBACK_PROMPT}
 
 ${instructions}` : ASK_FALLBACK_PROMPT;
@@ -750,14 +838,33 @@ ${instructions}` : ASK_FALLBACK_PROMPT;
     if (retrieval) {
       groundFields.push(`retrieval: ${JSON.stringify(retrieval)}`);
     }
+    if (tools) {
+      groundFields.push("tools: true");
+    }
     const groundOptions = groundFields.length > 0 ? `, { ${groundFields.join(", ")} }` : "";
     setup += `
 const ground = createAskContext(askData${groundOptions});
 `;
+    if (tools) {
+      imports.push('import { stepCountIs } from "ai";', 'import { ASK_MAX_STEPS, createAskTools } from "blume/ai/ask-tools.ts";');
+      setup += `const askTools = createAskTools(askData);
+`;
+    }
   }
   const cors = askCorsTemplate(options?.cors);
   imports.push(...cors.imports);
-  const validate = `  const text = await readCappedText(request, ${ASK_BODY_LIMIT_BYTES});
+  const limit = rateLimitTemplate(options?.rateLimit, "ask");
+  for (const line of limit.imports) {
+    if (!imports.includes(line)) {
+      imports.push(line);
+    }
+  }
+  setup += limit.setup;
+  const captcha = askCaptchaTemplate(options?.captcha);
+  imports.push(...captcha.imports);
+  setup += captcha.setup;
+  const validate = `  const { request } = context;
+${limit.check}  const text = await readCappedText(request, ${ASK_BODY_LIMIT_BYTES});
   if (text === undefined) {
     return new Response("Request too large: the body must be at most 64 KB.", {
       status: 413,
@@ -802,6 +909,7 @@ const ground = createAskContext(askData${groundOptions});
     grounded ? "instructions" : `instructions:
         ${JSON.stringify(fallbackPrompt)}`,
     "messages",
+    ...tools ? ["tools: askTools(body.page)", "stopWhen: stepCountIs(ASK_MAX_STEPS)"] : [],
     ...backend.template.fields
   ];
   const call = `    const result = streamText({
@@ -817,7 +925,7 @@ ${call}` : call;
   const handler = `export const POST: APIRoute = ${cors.open}
 ${validate}
 ${keyCheck}
-  try {
+${captcha.check}  try {
 ${stream}
     return createTextStreamResponse({
       stream: toTextStream({ stream: result.stream }),
@@ -844,9 +952,11 @@ const { strings } = Astro.props;
 ---
 
 <Assistant
+  captcha={data.config.assistant?.captcha ?? undefined}
   endpoint={data.config.assistant?.endpoint ?? undefined}
   strings={strings ?? data.ui.assistant}
   suggestions={data.config.assistant?.suggestions ?? []}
+  support={data.config.assistant?.support ?? undefined}
 />
 ` : `---
 // Generated by Blume. Do not edit.
@@ -894,6 +1004,25 @@ ${features.epub ? `export const loadEpub:
   | (() => Promise<typeof import("epub-gen-memory/bundle")>)
   | null = () => import("epub-gen-memory/bundle");` : "export const loadEpub: (() => Promise<unknown>) | null = null;"}
 `;
+var consentClientTemplate = (consent) => {
+  const module = consent ? CONSENT_CLIENT_MODULES.get(consent.kind) : undefined;
+  if (!(consent && module)) {
+    return `// Generated by Blume. Do not edit.
+// The consent adapter has no browser module, or consent is off.
+export const startConsentClient = (): void => {};
+`;
+  }
+  return `// Generated by Blume. Do not edit.
+// The \`${consent.kind}\` consent adapter's browser module, with its options.
+import { start } from ${JSON.stringify(module)};
+
+export const startConsentClient = (
+  consent: Parameters<typeof start>[0]
+): void => {
+  start(consent, ${JSON.stringify(consent.options)});
+};
+`;
+};
 var searchClientTemplate = (config) => {
   const { provider } = config.search;
   switch (provider.mode) {
@@ -925,11 +1054,18 @@ export const createSearch = () => create({ url });
     }
   }
 };
-var mixedbreadSearchEndpointTemplate = (options) => `// Generated by Blume. Do not edit.
-import type { APIRoute } from "astro";
-import { getSecret } from "astro:env/server";
-import Mixedbread from "@mixedbread/sdk";
-import { readCappedText } from "blume/core/request-body.ts";
+var mixedbreadSearchEndpointTemplate = (options, rateLimit) => {
+  const limit = rateLimitTemplate(rateLimit, "search");
+  const imports = [
+    'import type { APIRoute } from "astro";',
+    'import { getSecret } from "astro:env/server";',
+    'import Mixedbread from "@mixedbread/sdk";',
+    'import { readCappedText } from "blume/core/request-body.ts";',
+    ...limit.imports.filter((line) => !line.includes('"astro:env/server"'))
+  ];
+  return `// Generated by Blume. Do not edit.
+${imports.join(`
+`)}
 
 export const prerender = false;
 
@@ -937,9 +1073,10 @@ const client = new Mixedbread({ apiKey: getSecret("MIXEDBREAD_API_KEY") ?? "" })
 const OPTIONS = ${JSON.stringify(options)};
 // Every option besides the store reaches the search call verbatim.
 const { storeId: STORE_ID, ...SEARCH_OPTIONS } = OPTIONS;
-
-export const POST: APIRoute = async ({ request }) => {
-  // A search body is one short query: read it under a 16 KB cap, so a
+${limit.setup}
+export const POST: APIRoute = async (context) => {
+  const { request } = context;
+${limit.check}  // A search body is one short query: read it under a 16 KB cap, so a
   // self-hosted server never buffers an arbitrarily large POST first.
   const text = await readCappedText(request, 16_384);
   if (text === undefined) {
@@ -984,6 +1121,7 @@ export const POST: APIRoute = async ({ request }) => {
   });
 };
 `;
+};
 var rawMarkdownEndpointTemplate = (kind) => `// Generated by Blume. Do not edit.
 import raw from "blume:raw-markdown";
 
@@ -1128,16 +1266,22 @@ const handler = createMcpFetchHandler(data);
 
 export const ALL: APIRoute = ({ request }) => handler(request);
 `;
-var playgroundProxyTemplate = (origins) => `// Generated by Blume. Do not edit.
-import type { APIRoute } from "astro";
-import { createPlaygroundProxyHandler } from "blume/openapi/proxy.ts";
+var playgroundProxyTemplate = (origins, rateLimit) => {
+  const limit = rateLimitTemplate(rateLimit, "api-proxy");
+  const route = limit.check ? `export const ALL: APIRoute = async (context) => {
+${limit.check}  return handler(context.request);
+};` : "export const ALL: APIRoute = ({ request }) => handler(request);";
+  return `// Generated by Blume. Do not edit.
+${['import type { APIRoute } from "astro";', 'import { createPlaygroundProxyHandler } from "blume/openapi/proxy.ts";', ...limit.imports].join(`
+`)}
 
 export const prerender = false;
 
 const handler = createPlaygroundProxyHandler(${JSON.stringify(origins)});
-
-export const ALL: APIRoute = ({ request }) => handler(request);
+${limit.setup}
+${route}
 `;
+};
 var staticJsonEndpointTemplate = (payload) => `// Generated by Blume. Do not edit.
 export const prerender = true;
 
@@ -1378,6 +1522,9 @@ var contentComponentsSource = (mathEnabled) => {
   return {
     imports: `import Accordion from "blume/components/content/Accordion.astro";
 import AccordionItem from "blume/components/content/AccordionItem.astro";
+import ApiEndpoint from "blume/components/content/ApiEndpoint.astro";
+import ApiPlayground from "blume/components/content/ApiPlayground.astro";
+import ApiRail from "blume/components/content/ApiRail.astro";
 import AutoTypeTable from "blume/components/content/AutoTypeTable.astro";
 import Badge from "blume/components/content/Badge.astro";
 import Callout from "blume/components/content/Callout.astro";
@@ -1397,7 +1544,11 @@ import FileTree from "blume/components/content/FileTree.astro";
 import Frame from "blume/components/content/Frame.astro";
 import GithubInfo from "blume/components/content/GithubInfo.astro";
 import Panel from "blume/components/content/Panel.astro";
+import ParamField from "blume/components/content/ParamField.astro";
 import Prompt from "blume/components/content/Prompt.astro";
+import RequestExample from "blume/components/content/RequestExample.astro";
+import ResponseExample from "blume/components/content/ResponseExample.astro";
+import ResponseField from "blume/components/content/ResponseField.astro";
 import Step from "blume/components/content/Step.astro";
 import Steps from "blume/components/content/Steps.astro";
 import Tab from "blume/components/content/Tab.astro";
@@ -1408,10 +1559,13 @@ import TreeRoot from "blume/components/content/Tree.astro";
 import TreeFile from "blume/components/content/TreeFile.astro";
 import TreeFolder from "blume/components/content/TreeFolder.astro";
 import TypeTable from "blume/components/content/TypeTable.astro";
+import View from "blume/components/content/View.astro";
 import Visibility from "blume/components/content/Visibility.astro";
 import YouTube from "blume/components/content/YouTube.astro";
 import Icon from "blume/components/Icon.astro";
 import LocaleLinks from "blume/components/layout/LocaleLinks.astro";
+import NarrationPlayer from "blume/components/layout/NarrationPlayer.astro";
+import ViewSwitcher from "blume/components/content/ViewSwitcher.astro";
 import ApiOverview from "blume/components/openapi/ApiOverview.astro";
 import ApiTagOperations from "blume/components/openapi/ApiTagOperations.astro";
 import Operation from "blume/components/openapi/Operation.astro";
@@ -1419,7 +1573,10 @@ ${mathImport}import { mdxComponents as userMdx, layoutOverrides } from "../gener
     map: `{
   Accordion,
   AccordionItem,
+  ApiEndpoint,
   ApiOverview,
+  ApiPlayground,
+  ApiRail,
   ApiTagOperations,
   AutoTypeTable,
   Badge,
@@ -1440,7 +1597,11 @@ ${mathImport}import { mdxComponents as userMdx, layoutOverrides } from "../gener
   Icon,
   Operation,
   Panel,
+  ParamField,
   Prompt,
+  RequestExample,
+  ResponseExample,
+  ResponseField,
   Step,
   Steps,
   Tab,
@@ -1449,6 +1610,7 @@ ${mathImport}import { mdxComponents as userMdx, layoutOverrides } from "../gener
   Tooltip,
   Tree,
   TypeTable,
+  View,
   Visibility,
   YouTube,
   ${mathEntry}...userMdx,
@@ -1462,6 +1624,7 @@ var catchAllPageTemplate = (options) => {
   return `---
 // Generated by Blume. Do not edit.
 import { getEntry, render } from "astro:content";
+import { pageModeLayout } from "blume/core/page-modes.ts";
 import type { CollectionKey } from "astro:content";
 import RootLayout from "blume/components/layout/RootLayout.astro";
 import { withBase, withMountedBase } from "blume/components/islands/base-path.ts";
@@ -1513,6 +1676,13 @@ const { Content, headings: allHeadings, remarkPluginFrontmatter } = await render
 // frontmatter (see markdown/heading-anchors.ts). Only the plugin's array
 // counts: \`frontmatter.extend\` can declare the same key, and on a page with
 // no headings that user-supplied value would pass straight through.
+// A page written in \`<View>\` blocks gets their picker above the content;
+// the views plugin lists them through the render's frontmatter (see
+// markdown/views.ts), and only a list of titled entries counts.
+const viewsRaw = remarkPluginFrontmatter?.${VIEWS_KEY};
+const views = Array.isArray(viewsRaw)
+  ? viewsRaw.filter((view) => typeof view?.title === "string")
+  : [];
 const tocHiddenRaw = remarkPluginFrontmatter?.${TOC_HIDDEN_KEY};
 const tocHidden = new Set(Array.isArray(tocHiddenRaw) ? tocHiddenRaw : []);
 const headings =
@@ -1591,6 +1761,14 @@ const htmlLang = i18n ? locale : "en";
 // follows that language — not the (mirrored) page locale.
 const contentLocale =
   fallback && i18n?.fallbackLocale ? i18n.fallbackLocale : locale;
+// "Listen to this page", unless the page opts out. The spoken cues are read
+// between the content's own sentences, so they come from the content's
+// language (a fallback page's), while the player's labels follow the page.
+// A \`custom\` or \`frame\` page brings its own heading: no title, description,
+// or narration player above its content.
+const pageChrome = pageModeLayout(frontmatter.mode).chrome;
+const narration = pageChrome && frontmatter.narration ? data.config.narration : null;
+const narrationCues = (i18n ? (data.uiByLocale[contentLocale] ?? data.ui) : data.ui).narration;
 const contentDir = i18n
   ? (i18n.locales.find((l) => l.code === contentLocale)?.dir ?? "ltr")
   : "ltr";
@@ -1774,6 +1952,10 @@ const LayoutComponent = resolveSlot(layoutOverrides.Layout, RootLayout);
   canonical={canonical}
   editUrl={editUrl}
   feedback={data.config.feedback}
+  feedbackComments={data.config.feedbackComments}
+  pagination={frontmatter.pagination}
+  related={frontmatter.related}
+  search={frontmatter.search}
   exportPdf={${options.exportPdf}}
   exportEpub={${options.exportEpub}}${options.navFragments ? `
   navFragmentBase={withMountedBase(\`/blume-nav/\${version || "current"}/\${i18n && localePrefix(locale) ? locale : "default"}\`)}` : ""}
@@ -1782,13 +1964,25 @@ const LayoutComponent = resolveSlot(layoutOverrides.Layout, RootLayout);
   discovery={data.config.discovery}
   siteUrl={data.config.site}
   pageType={frontmatter.type}
+  apiRail={remarkPluginFrontmatter?.${API_RAIL_KEY} === true}
+  pageMode={frontmatter.mode}
   published={frontmatter.date ?? frontmatter.changelog?.date ?? null}
   lastModified={lastModified}
   noindex={effectiveNoindex}
   structuredDataEnabled={data.config.structuredData}
 >
-  <h1>{title}</h1>
-  {frontmatter.description && <p class="text-lg text-muted-foreground">{frontmatter.description}</p>}
+  {pageChrome && <h1>{title}</h1>}
+  {pageChrome && frontmatter.description && <p class="text-lg text-muted-foreground">{frontmatter.description}</p>}
+  {narration && (
+    <NarrationPlayer
+      audioBase={narration.generated ? withMountedBase("/blume-narration/audio/") : undefined}
+      cues={narrationCues}
+      lang={i18n ? contentLocale : htmlLang}
+      manifest={narration.generated ? withMountedBase(encodeURI(\`/blume-narration/\${route === "/" ? "index" : route.slice(1)}.json\`)) : undefined}
+      strings={ui.narration}
+    />
+  )}
+  {views.length > 1 && <ViewSwitcher label={ui.content.selectView} views={views} />}
   <LocaleLinks locale={locale}>
     <Content components={components} />
   </LocaleLinks>
@@ -2559,7 +2753,7 @@ var runtimeTsconfigTemplate = () => `${JSON.stringify({
 }, null, 2)}
 `;
 
-export { deployOutputDir, deployStaticDir, surfaceAdapterOutput, planComponentSlots, publishRuntimeModules, runtimeDependencies, EJECTED_CONFIG_HEADER, astroConfigTemplate, stagedContentDir, contentConfigTemplate, askEndpointTemplate, askComponentTemplate, searchEndpointTemplate, featuresTemplate, searchClientTemplate, mixedbreadSearchEndpointTemplate, rawMarkdownEndpointTemplate, contentAssetsEndpointTemplate, mcpPageFile, mcpEndpointTemplate, playgroundProxyTemplate, staticJsonEndpointTemplate, rssEndpointTemplate, navFragmentTemplate, ogEndpointTemplate, scalarReferenceTemplate, catchAllPageTemplate, changelogIndexTemplate, notFoundPageTemplate, notFoundMarkdownTemplate, notFoundJsonTemplate, apiPagesIndexTemplate, apiPageTemplate, apiNavigationTemplate, apiSearchTemplate, apiNotFoundTemplate, exampleSlug, exampleWrapperTemplate, examplesRouteBase, exampleMapTemplate, examplesPageTemplate, runtimePackageTemplate, runtimeTsconfigTemplate };
+export { deployOutputDir, deployStaticDir, surfaceAdapterOutput, planComponentSlots, publishRuntimeModules, runtimeDependencies, EJECTED_CONFIG_HEADER, astroConfigTemplate, stagedContentDir, contentConfigTemplate, askEndpointTemplate, askComponentTemplate, searchEndpointTemplate, featuresTemplate, consentClientTemplate, searchClientTemplate, mixedbreadSearchEndpointTemplate, rawMarkdownEndpointTemplate, contentAssetsEndpointTemplate, mcpPageFile, mcpEndpointTemplate, playgroundProxyTemplate, staticJsonEndpointTemplate, rssEndpointTemplate, navFragmentTemplate, ogEndpointTemplate, scalarReferenceTemplate, catchAllPageTemplate, changelogIndexTemplate, notFoundPageTemplate, notFoundMarkdownTemplate, notFoundJsonTemplate, apiPagesIndexTemplate, apiPageTemplate, apiNavigationTemplate, apiSearchTemplate, apiNotFoundTemplate, exampleSlug, exampleWrapperTemplate, examplesRouteBase, exampleMapTemplate, examplesPageTemplate, runtimePackageTemplate, runtimeTsconfigTemplate };
 
-//# debugId=D53DB1B1EA2E6A3764756E2164756E21
-//# sourceMappingURL=chunk-5m5nmvyq.js.map
+//# debugId=F21B5F971981289464756E2164756E21
+//# sourceMappingURL=chunk-4h8z9vv5.js.map