blume 2.0.2 → 2.0.3

package/src/components/islands/base-path.ts

@@ -13,20 +13,50 @@ export const withTrailingSlash = (base: string): string =>
 export const joinBase = (base: string, path: string): string =>
   `${withTrailingSlash(base)}${path}`;
 
+/** A root-relative internal target (`/x`) — never `//host` or a URL. */
+const isRootRelative = (route: string): boolean =>
+  route.startsWith("/") && !route.startsWith("//");
+
+/** A target's path, without its `?query` or `#fragment`. */
+const pathOf = (route: string): string => {
+  const at = route.search(/[#?]/u);
+  return at === -1 ? route : route.slice(0, at);
+};
+
 /**
- * Prefix a root-relative internal route with the deployment base
- * (`/guide` under base `/sub` -> `/sub/guide`), so a rendered link points at the
+ * Prefix a root-relative internal link an author wrote with the deployment
+ * base (`/guide` under base `/sub` -> `/sub/guide`), so it points at the
  * page's real served URL. External URLs, protocol-relative URLs, and fragments
- * pass through untouched, and it's idempotent (a route already under the base is
- * returned unchanged). This is applied only where a URL is *emitted* — the
- * navigation model and active-route matching stay in base-less logical space.
+ * pass through untouched, and it's idempotent: a link whose path is already
+ * under the base (`/sub/guide`, `/sub#install`) is returned unchanged, so a
+ * base written by hand isn't doubled. A route Blume generates takes
+ * {@link mountBase} instead. This is applied only where a URL is *emitted* —
+ * the navigation model and active-route matching stay in base-less logical
+ * space.
  */
 export const prefixBase = (base: string, route: string): string => {
-  if (!route.startsWith("/") || route.startsWith("//")) {
+  if (!isRootRelative(route)) {
     return route;
   }
   const trimmed = base.replace(/\/+$/u, "");
-  if (!trimmed || route === trimmed || route.startsWith(`${trimmed}/`)) {
+  const path = pathOf(route);
+  if (!trimmed || path === trimmed || path.startsWith(`${trimmed}/`)) {
+    return route;
+  }
+  return route === "/" ? trimmed : `${trimmed}${route}`;
+};
+
+/**
+ * Prefix a route Blume generates (a page, a sidebar entry, a Markdown mirror,
+ * an agent artifact) with the deployment base, unconditionally. Unlike
+ * {@link prefixBase}, a route whose first segment matches the base is still
+ * prefixed: under base `/guides`, the page `guides/setup.md` is served at
+ * `/guides/guides/setup`, not at `/guides/setup`. External and
+ * protocol-relative URLs pass through untouched.
+ */
+export const mountBase = (base: string, route: string): string => {
+  const trimmed = base.replace(/\/+$/u, "");
+  if (!(trimmed && isRootRelative(route))) {
     return route;
   }
   return route === "/" ? trimmed : `${trimmed}${route}`;
@@ -34,13 +64,20 @@ export const prefixBase = (base: string, route: string): string => {
 
 /**
  * {@link prefixBase} bound to the build-time `BASE_URL` (the resolved
- * `deployment.base`). The ergonomic form for `.astro` templates — `href={
- * withBase(route)}` — since `BASE_URL` is inlined by Vite wherever this module
- * is bundled into the site.
+ * `deployment.base`), for links an author wrote. The ergonomic form for
+ * `.astro` templates — `href={withBase(href)}` — since `BASE_URL` is inlined
+ * by Vite wherever this module is bundled into the site.
  */
 export const withBase = (route: string): string =>
   prefixBase(import.meta.env.BASE_URL ?? "/", route);
 
+/**
+ * {@link mountBase} bound to the build-time `BASE_URL`, for routes Blume
+ * generates: `href={withMountedBase(page.route)}`.
+ */
+export const withMountedBase = (route: string): string =>
+  mountBase(import.meta.env.BASE_URL ?? "/", route);
+
 /**
  * A pathname with the deployment base stripped (`/docs/guide` -> `/guide`),
  * for page-context lookups against base-less document routes.

package/src/components/islands/hooks.ts

@@ -23,27 +23,29 @@ import { joinBase, stripBase } from "./base-path.ts";
 
 export type { BlumeClientData } from "../../core/data.ts";
 
-let cachedData: BlumeClientData | null = null;
+/**
+ * The last parsed snapshot, keyed by the script text it came from. Each page
+ * renders its own snapshot (its route and title, its locale's navigation), and
+ * a client-router navigation swaps in the new page's tag, so the cache is only
+ * reused while the tag's text is unchanged.
+ */
+let cached: { data: BlumeClientData; text: string } | null = null;
 
-/** Read + parse the injected snapshot (memoized); null on the server. */
+/** Read + parse the current page's injected snapshot (memoized per text). */
 const readClientData = (): BlumeClientData | null => {
-  if (cachedData) {
-    return cachedData;
-  }
-  // `document` is undeclared on the server; probing `globalThis` avoids both
-  // the bare-reference ReferenceError and a `typeof` sniff.
-  if (!("document" in globalThis)) {
+  const text = document.querySelector("#blume-client-data")?.textContent;
+  if (!text) {
     return null;
   }
-  const element = document.querySelector("#blume-client-data");
-  if (!element?.textContent) {
-    return null;
+  if (cached?.text === text) {
+    return cached.data;
   }
   try {
     // SAFETY: the layout serialized this script tag's JSON from the same
     // `BlumeClientData` snapshot this reads back.
-    cachedData = JSON.parse(element.textContent) as BlumeClientData;
-    return cachedData;
+    const data = JSON.parse(text) as BlumeClientData;
+    cached = { data, text };
+    return data;
   } catch {
     return null;
   }
@@ -51,15 +53,29 @@ const readClientData = (): BlumeClientData | null => {
 
 /**
  * Read the injected snapshot after mount. `null` on the server and on the first
- * client render (so hydration matches), then the data once mounted.
+ * client render (so hydration matches), then the data once mounted, re-read
+ * after every client-router swap.
  */
 const useClientData = (): BlumeClientData | null => {
   const [data, setData] = useState<BlumeClientData | null>(null);
-  // Intentional post-mount hydration guard: `null` on the server and first
-  // client render so hydration matches, then the snapshot once mounted. The
-  // extra render is required; do not seed the initial value from the DOM.
-  // oxlint-disable-next-line react/react-compiler, react/set-state-in-effect, react-doctor/no-initialize-state -- deliberate SSR hydration guard
-  useEffect(() => setData(readClientData()), []);
+  useEffect(() => {
+    // `document` is undeclared on the server; probing `globalThis` avoids both
+    // the bare-reference ReferenceError and a `typeof` sniff.
+    if (!("document" in globalThis)) {
+      return;
+    }
+    const sync = () => setData(readClientData());
+    // Intentional post-mount hydration guard: `null` on the server and first
+    // client render so hydration matches, then the snapshot once mounted. The
+    // extra render is required; do not seed the initial value from the DOM.
+    // oxlint-disable-next-line react/react-compiler, react/set-state-in-effect, react-doctor/no-initialize-state -- deliberate SSR hydration guard
+    sync();
+    // An island kept across navigations (`transition:persist`) outlives the
+    // page it mounted on; the swap brings the next page's snapshot, so read
+    // it again or the hook keeps answering with the first page's data.
+    document.addEventListener("astro:after-swap", sync);
+    return () => document.removeEventListener("astro:after-swap", sync);
+  }, []);
   return data;
 };
 

package/src/components/islands/webmcp.ts

@@ -1,7 +1,7 @@
 import { unescape } from "html-escaper";
 
 import type { SearchFn } from "../layout/search/types.ts";
-import { joinBase, prefixBase } from "./base-path.ts";
+import { joinBase, mountBase, prefixBase } from "./base-path.ts";
 
 /**
  * WebMCP (W3C Web Machine Learning CG): in-page tools an agentic browser can
@@ -144,7 +144,7 @@ export const buildWebMcpTools = (options: WebMcpToolOptions): WebMcpTool[] => {
             hits
               .map(
                 (hit) =>
-                  `${plain(hit.title)} — ${prefixBase(options.base, hit.url)}\n${plain(hit.excerpt)}`
+                  `${plain(hit.title)} — ${mountBase(options.base, hit.url)}\n${plain(hit.excerpt)}`
               )
               .join("\n\n")
           );
@@ -175,6 +175,8 @@ export const buildWebMcpTools = (options: WebMcpToolOptions): WebMcpTool[] => {
       }
       const trimmed = route.length > 1 ? route.replace(/\/+$/u, "") : route;
       const target = trimmed === "/" ? "/index" : trimmed;
+      // The agent may hand back a served URL `search_docs` returned, base
+      // included, so a path already under the base keeps it (`prefixBase`).
       const response = await fetchFn(
         `${prefixBase(options.base, target)}.md`
       ).catch(() => null);

package/src/components/layout/Breadcrumbs.astro

@@ -1,7 +1,7 @@
 ---
 import { EN_UI } from "../../core/i18n-ui.ts";
 import type { UIStrings } from "../../core/i18n-ui.ts";
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 import type { Crumb } from "./nav-utils.ts";
 
 interface Props {
@@ -35,7 +35,10 @@ const eyebrowCrumb = crumbs.length > 1 ? crumbs[crumbs.length - 2] : null;
       ]}
     >
       {eyebrowCrumb.route ? (
-        <a class="hover:text-foreground" href={withBase(eyebrowCrumb.route)}>
+        <a
+          class="hover:text-foreground"
+          href={withMountedBase(eyebrowCrumb.route)}
+        >
           {eyebrowCrumb.label}
         </a>
       ) : (

package/src/components/layout/DiscoveryLinks.astro

@@ -1,6 +1,6 @@
 ---
 import type { DiscoveryHeadLinks } from "../../core/data.ts";
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 // Emits the agent-discovery <link>s for the document <head>, on every page and
 // not just the root: an agent that enters on a deep page (a search result, a
 // shared link) never sees the homepage HTTP `Link` header (see
@@ -32,7 +32,7 @@ const { discovery, markdownMirror } = Astro.props;
 {
   discovery?.agentReadability && (
     <link
-      href={withBase("/agent-readability.json")}
+      href={withMountedBase("/agent-readability.json")}
       rel="describedby"
       type="application/json"
     />
@@ -40,7 +40,11 @@ const { discovery, markdownMirror } = Astro.props;
 }
 {
   discovery?.llmsTxt && (
-    <link href={withBase("/llms.txt")} rel="describedby" type="text/plain" />
+    <link
+      href={withMountedBase("/llms.txt")}
+      rel="describedby"
+      type="text/plain"
+    />
   )
 }
 {/* The AI Catalog / ARD manifest under both relations its two specs define:
@@ -50,12 +54,12 @@ const { discovery, markdownMirror } = Astro.props;
   discovery?.aiCatalog && (
     <>
       <link
-        href={withBase("/.well-known/ai-catalog.json")}
+        href={withMountedBase("/.well-known/ai-catalog.json")}
         rel="ai-catalog"
         type="application/ai-catalog+json"
       />
       <link
-        href={withBase("/.well-known/ard.json")}
+        href={withMountedBase("/.well-known/ard.json")}
         rel="ard"
         type="application/json"
       />

package/src/components/layout/Header.astro

@@ -1,7 +1,7 @@
 ---
 import Ask from "blume:ask";
 import data from "blume:data";
-import { withBase } from "../islands/base-path.ts";
+import { withBase, withMountedBase } from "../islands/base-path.ts";
 import { NEW_TAB_ATTRS, newTabAttrs } from "../../core/new-tab.ts";
 import type { ComponentOverride } from "../../core/define-components.ts";
 import { EN_UI } from "../../core/i18n-ui.ts";
@@ -229,7 +229,7 @@ const clickScript = `(()=>{const dr=()=>{const h=document.querySelector("[data-b
             <a
               aria-current={tab === activeTab ? "page" : undefined}
               class="inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 font-medium text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground aria-[current=page]:text-foreground"
-              href={withBase(tab.href ?? tab.path)}
+              href={withMountedBase(tab.href ?? tab.path)}
             >
               {tab.icon && (
                 <Icon class="shrink-0" name={tab.icon} size={14} />

package/src/components/layout/LanguageSwitcher.astro

@@ -1,5 +1,5 @@
 ---
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 import type { LocaleSwitchOption } from "../../core/types.ts";
 import Icon from "../Icon.astro";
 
@@ -42,7 +42,7 @@ const menuRowClass =
           <a
             aria-current={option.current ? "true" : undefined}
             class={menuRowClass}
-            href={withBase(option.href)}
+            href={withMountedBase(option.href)}
             hreflang={option.code}
             lang={option.code}
           >

package/src/components/layout/NavSelector.astro

@@ -1,5 +1,5 @@
 ---
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 // A top-level navigation selector: a dropdown that switches
 // between partitions of the site — a product, a version, or any grouped set of
 // destinations (`navigation.selectors` in the config). Built on
@@ -73,7 +73,7 @@ const menuRowClass =
           <a
             aria-current={item.path === active?.path ? "true" : undefined}
             class={menuRowClass}
-            href={withBase(item.path)}
+            href={withMountedBase(item.path)}
           >
             {item.icon && <Icon class="mt-0.5" name={item.icon} size={16} />}
             <span class="flex-1">

package/src/components/layout/NavTabMenu.astro

@@ -10,7 +10,7 @@
 // delegate from `document`, so client-router swaps need no re-init.
 import type { NavTab } from "../../core/types.ts";
 import Icon from "../Icon.astro";
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 
 interface Props {
   tab: NavTab;
@@ -60,7 +60,7 @@ const drawerRowClass =
           <a
             aria-current={itemCurrent(item.path)}
             class={barRowClass}
-            href={withBase(item.path)}
+            href={withMountedBase(item.path)}
           >
             {item.icon && <Icon class="mt-0.5" name={item.icon} size={16} />}
             <span class="flex-1">
@@ -102,7 +102,7 @@ const drawerRowClass =
             <a
               aria-current={itemCurrent(item.path)}
               class={drawerRowClass}
-              href={withBase(item.path)}
+              href={withMountedBase(item.path)}
             >
               {item.icon && (
                 <Icon class="shrink-0" name={item.icon} size={14} />

package/src/components/layout/NavTree.astro

@@ -4,7 +4,7 @@ import type { UIStrings } from "../../core/i18n-ui.ts";
 import type { NavNode } from "../../core/types.ts";
 import { methodColor } from "../colors.ts";
 import Icon from "../Icon.astro";
-import { withBase } from "../islands/base-path.ts";
+import { withBase, withMountedBase } from "../islands/base-path.ts";
 import Self from "./NavTree.astro";
 import NavTreeCache from "./NavTreeCache.astro";
 import NavTreeScript from "./NavTreeScript.astro";
@@ -82,6 +82,16 @@ const n = { ...EN_UI.nav, ...strings };
 /** The DOM id of a drill-in panel, which its drill button controls. */
 const navPanelId = (id: string): string => `blume-nav-panel-${id}`;
 
+/**
+ * A page row's href. A row backed by a page links a route Blume generates, so
+ * the deployment base always goes on — even over a route that starts with the
+ * base's own name. A config `href` link (no backing page) is authored, and
+ * keeps a base written by hand. Group rows link their index page the same way
+ * a backed page row does.
+ */
+const pageHref = (item: Extract<NavNode, { kind: "page" }>): string =>
+  item.pageId ? withMountedBase(item.route) : withBase(item.route);
+
 const badgeBase =
   "shrink-0 rounded-full px-1.5 py-0.5 font-medium text-[0.65rem] leading-none";
 // HTTP-method, AsyncAPI-action, and GraphQL operation-kind badges (from a
@@ -191,7 +201,7 @@ const initialId =
                       : undefined
                   }
                   class="flex-1 truncate rounded-[0.65rem] px-1 py-1 font-semibold text-foreground text-sm transition-colors hover:bg-muted"
-                  href={withBase(panel.route)}
+                  href={withMountedBase(panel.route)}
                 >
                   {panel.label}
                 </a>
@@ -257,7 +267,7 @@ const initialId =
                 <a
                   aria-current={current}
                   class="blume-nav-link truncate"
-                  href={withBase(item.route)}
+                  href={pageHref(item)}
                 >
                   {item.label}
                 </a>
@@ -269,7 +279,7 @@ const initialId =
               <a
                 aria-current={current}
                 class="blume-nav-link"
-                href={withBase(item.route)}
+                href={pageHref(item)}
               >
                 <span class="flex items-center gap-2">
                   {item.icon && (
@@ -348,7 +358,7 @@ const initialId =
                           : undefined
                       }
                       class="blume-nav-summary-link"
-                      href={withBase(item.route)}
+                      href={withMountedBase(item.route)}
                     >
                       {item.icon && (
                         <Icon
@@ -432,7 +442,7 @@ const initialId =
                     isGroupRowCurrent(item, currentRoute) ? "page" : undefined
                   }
                   class="blume-nav-heading-link"
-                  href={withBase(item.route)}
+                  href={withMountedBase(item.route)}
                 >
                   {item.icon && (
                     <Icon

package/src/components/layout/PageActions.astro

@@ -262,7 +262,7 @@ const menuRowClass =
 <script>
   import { copyDeferredText, copyText, flashLabel } from "../copy-feedback.ts";
   import { installDropdownDismiss } from "../dropdown-dismiss.ts";
-  import { prefixBase } from "../islands/base-path.ts";
+  import { mountBase } from "../islands/base-path.ts";
   import { rafThrottle } from "../raf-throttle.ts";
 
   const CHAT_URLS: Record<string, (q: string) => string> = {
@@ -390,9 +390,10 @@ hr { border: 0; border-top: 1px solid #ddd; margin: 2em 0; }`;
 
     // `data-md` is the base-less logical route; the raw-markdown endpoint is a
     // generated page route, so it's served under the deployment base like any
-    // other page. Prefix at emit time (the Search-island pattern).
+    // other page, even when it starts with the base's own name. Mount it at
+    // emit time (the Search-island pattern).
     const mdRoute = root.getAttribute("data-md") ?? "";
-    const md = prefixBase(import.meta.env.BASE_URL, mdRoute);
+    const md = mountBase(import.meta.env.BASE_URL, mdRoute);
     const copiedLabel = root.getAttribute("data-i18n-copied") || "Copied!";
     const copyFailedLabel =
       root.getAttribute("data-i18n-copy-failed") || "Copy failed";

package/src/components/layout/PageLayout.astro

@@ -39,7 +39,7 @@ import {
 import { buildStructuredData } from "../../seo/jsonld.ts";
 import { normalizeXHandle } from "../../seo/x-handle.ts";
 import Icon from "../Icon.astro";
-import { stripBase, withBase } from "../islands/base-path.ts";
+import { stripBase, withBase, withMountedBase } from "../islands/base-path.ts";
 import { pageDirection, pageLocale } from "./page-locale.ts";
 import { searchLocaleFor } from "./search-locale.ts";
 import "blume:theme";
@@ -219,7 +219,7 @@ const activeTab = currentTabForRoute(navigation.tabs, route, navigation.root);
 // llms.txt index), and the homepage HTTP `Link` header already advertises it,
 // so the head is its HTML counterpart on hosts that can't set that header.
 // Advertising a mirror for any other custom route would 404.
-const markdownMirror = route === "/" ? withBase("/index.md") : null;
+const markdownMirror = route === "/" ? withMountedBase("/index.md") : null;
 
 // Derive canonical + og:image from the site URL the same way the catch-all does
 // for content pages, so a custom page gets both for free. The matching OG card
@@ -230,8 +230,9 @@ const markdownMirror = route === "/" ? withBase("/index.md") : null;
 const ogSlug = route === "/" ? "index" : route.slice(1);
 const ogCardGenerated = !Astro.routePattern.includes("[");
 // Absolute URLs carry the deployment base too (`site + base + route`), since the
-// page is served under it. `withBase` handles a root base as a no-op.
-const basedRoute = withBase(route);
+// page is served under it — even when the route starts with the base's own
+// name. `withMountedBase` handles a root base as a no-op.
+const basedRoute = withMountedBase(route);
 // The schema accepts a trailing-slash site URL (`https://docs.example.com/`);
 // strip it before joining with the root-relative route so canonical/og URLs
 // don't come out double-slashed — the catch-all strips it the same way.
@@ -253,7 +254,7 @@ const absolutizeOgImage = (value: string): string =>
 const resolvedOgImage = ogImage
   ? absolutizeOgImage(ogImage)
   : ogEnabled && ogCardGenerated && siteBase
-    ? `${siteBase}${encodeURI(withBase(`/og/${ogSlug}.png`))}`
+    ? `${siteBase}${encodeURI(withMountedBase(`/og/${ogSlug}.png`))}`
     : null;
 // Only the generated card has a known size and format, so its dimensions are
 // declared for crawlers; a user-supplied `ogImage` could be any image.
@@ -439,7 +440,7 @@ createIconSprite(Astro.locals);
                       <a
                         aria-current={tab === activeTab ? "page" : undefined}
                         class="flex items-center gap-2 rounded-[0.65rem] px-2.5 py-1.5 font-medium text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground aria-[current=page]:bg-muted aria-[current=page]:text-foreground"
-                        href={withBase(tab.href ?? tab.path)}
+                        href={withMountedBase(tab.href ?? tab.path)}
                       >
                         {tab.icon && (
                           <Icon class="shrink-0" name={tab.icon} size={14} />

package/src/components/layout/Pagination.astro

@@ -1,5 +1,5 @@
 ---
-import { withBase } from "../islands/base-path.ts";
+import { withMountedBase } from "../islands/base-path.ts";
 import { EN_UI } from "../../core/i18n-ui.ts";
 import type { UIStrings } from "../../core/i18n-ui.ts";
 import type { FlatPage } from "./nav-utils.ts";
@@ -31,7 +31,7 @@ const s = { ...EN_UI.page, ...strings };
       {prev ? (
         <a
           class="flex max-w-[48%] flex-1 items-center gap-2 rounded-blume border border-border px-4 py-3 text-foreground transition-colors hover:border-foreground"
-          href={withBase(prev.route)}
+          href={withMountedBase(prev.route)}
         >
           <Icon class="rtl:-scale-x-100" name="arrow-left" size={16} />
           <span class="min-w-0">
@@ -47,7 +47,7 @@ const s = { ...EN_UI.page, ...strings };
       {next && (
         <a
           class="ms-auto flex max-w-[48%] flex-1 items-center justify-end gap-2 rounded-blume border border-border px-4 py-3 text-end text-foreground transition-colors hover:border-foreground"
-          href={withBase(next.route)}
+          href={withMountedBase(next.route)}
         >
           <span class="min-w-0">
             <span class="block text-muted-foreground text-xs">

package/src/components/layout/RootLayout.astro

@@ -39,7 +39,7 @@ import {
 } from "../../og/dimensions.ts";
 import { buildStructuredData, toIso } from "../../seo/jsonld.ts";
 import { normalizeXHandle } from "../../seo/x-handle.ts";
-import { withBase } from "../islands/base-path.ts";
+import { withBase, withMountedBase } from "../islands/base-path.ts";
 import { isExternalUrl } from "../../core/base-path.ts";
 import { NEW_TAB_HINT_ID, newTabAttrs } from "../../core/new-tab.ts";
 import Analytics from "./Analytics.astro";
@@ -401,12 +401,12 @@ const formattedLastModified =
 // not a content route and has none.
 const markdownMirror = isBare
   ? null
-  : withBase(page.route === "/" ? "/index.md" : `${page.route}.md`);
+  : withMountedBase(page.route === "/" ? "/index.md" : `${page.route}.md`);
 
 // The hosted MCP server's absolute URL, used by the page-actions install menu.
 // Needs a configured site to be useful, so the menu is hidden without one.
 const mcpUrl =
-  mcp && siteUrl ? new URL(withBase(mcp.route), siteUrl).href : null;
+  mcp && siteUrl ? new URL(withMountedBase(mcp.route), siteUrl).href : null;
 
 // Scope the sidebar (and the breadcrumbs/pagination derived from it) to the
 // active tab's section, so a multi-section site drills each tab into its own
@@ -540,7 +540,7 @@ createIconSprite(Astro.locals);
     {
       feeds?.map((feed) => (
         <link
-          href={withBase(feed.href)}
+          href={withMountedBase(feed.href)}
           rel="alternate"
           title={feed.title}
           type="application/rss+xml"
@@ -689,7 +689,7 @@ createIconSprite(Astro.locals);
                       <a
                         aria-current={tab === activeTab ? "page" : undefined}
                         class="flex items-center gap-2 rounded-[0.65rem] px-2.5 py-1.5 font-medium text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground aria-[current=page]:bg-muted aria-[current=page]:text-foreground"
-                        href={withBase(tab.href ?? tab.path)}
+                        href={withMountedBase(tab.href ?? tab.path)}
                       >
                         {tab.icon && (
                           <Icon class="shrink-0" name={tab.icon} size={14} />