@takazudo/zudo-doc 4.2.1 → 4.3.0

package/CHANGELOG.md

@@ -4,6 +4,26 @@ All notable changes to `@takazudo/zudo-doc` are documented in this file.
 
 The format is based on Keep a Changelog, and release notes are generated from the changelog MDX pages.
 
+## [4.3.0] - 2026-07-19
+
+### Features
+
+- Syntax highlighting is now driven by semantic design tokens across document code fences and `HtmlPreview`. Browser previews lazily load the public zfb WASM highlighter, existing color schemes inherit compatible semantic aliases, and project-owned Shiki dependencies and theme-name configuration are no longer required (178f23321)
+- Home pages can opt into the wide content layout with `home.wide`; the setting applies consistently to package-owned root and localized home routes (d068ac346)
+- Doc history can exclude selected pages through configuration, with matching behavior threaded through rendering, history generation, package settings, and generated-project configuration (e18c2e528)
+- The Hearth theme now provides complete admonition icon coverage (736c6c5e1)
+
+### Bug Fixes
+
+- Frontmatter status pills now meet WCAG contrast requirements across every shipped theme pack, light/dark mode, and semantic role while preserving their tinted backgrounds (2986d87c4)
+- The showcase now consumes the package-owned theme contract correctly and emits literal semantic z-index utilities (2ca79ca6b, 8fb517df6)
+- Theme-pack font validation is stricter, and the generated setup skill resolves main-worktree paths reliably (f9dd94d53, 4c2a508bb)
+
+### Other Changes
+
+- Expanded English and Japanese documentation for syntax-token migration, wide home layouts, doc-history exclusions, theme development, and network exposure caveats
+- Added browser-level highlighting coverage, exact pill contrast checks, settings parity tests, and compatibility-contract guards
+
 ## [4.2.1] - 2026-07-19
 
 ### Other Changes

package/README.md

@@ -18,12 +18,12 @@ This package provides the missing-by-design framework concerns:
 - **Head injection** (`./head`) — canonical, og:\*, twitter:\*, robots, preload hints, RSS link, sitemap link, and theme-color output.
 - **SSR-skip wrappers** (`./ssr-skip`) — `<AiChatModalIsland>`, `<ImageEnlargeIsland>`, `<DesignTokenTweakPanelIsland>`, `<MockInitIsland>` — wrap zfb's `<Island ssrFallback>` with the right fallback markup so doc pages don't have to re-implement the SSR-skip pattern.
 
-## Optional peer dependency: shiki
+## Optional peer dependency: `@takazudo/zfb-md-wasm`
 
-`./html-preview-wrapper`'s `<HighlightedCode>` lazily `import("shiki")`s at runtime for client-side syntax highlighting. `shiki` is declared as an **optional peerDependency** — install it in your project if you use that subpath:
+`./html-preview-wrapper`'s `<HighlightedCode>` lazily imports the package root and calls `highlightCode()` for client-side semantic syntax highlighting. `@takazudo/zfb-md-wasm` is declared as an **optional peerDependency** — install the same prerelease version as the rest of your zfb packages if you use that subpath:
 
 ```sh
-pnpm add shiki
+pnpm add @takazudo/zfb-md-wasm
 ```
 
 Projects scaffolded by `create-zudo-doc` already include it. If you never render `<HtmlPreview>` / `<HighlightedCode>`, you can omit it.

package/dist/color-scheme-utils.d.ts

@@ -74,9 +74,10 @@ export interface ModeMap {
     selectionBg: RampRef;
     selectionFg: RampRef;
     semantic: Record<SemanticKey, RampRef>;
-    /** Syntax-specific overrides. The map is required, while omitted roles
-     *  inherit the aliases in `SYNTAX_SEMANTIC_ALIASES`. */
-    syntax: Partial<Record<SyntaxSemanticKey, RampRef>>;
+    /** Optional syntax-specific overrides. An absent map and omitted roles
+     *  inherit the aliases in `SYNTAX_SEMANTIC_ALIASES`, preserving schemes
+     *  authored before syntax tokens existed. */
+    syntax?: Partial<Record<SyntaxSemanticKey, RampRef>>;
 }
 /** A complete color scheme — shared Tier-1 ramps + per-mode Tier-2 wiring. */
 export interface ColorScheme {

package/dist/color-scheme-utils.js

@@ -207,7 +207,7 @@ function resolveSyntaxPalette(scheme) {
   );
   const emergencyColor = tryResolveRampRef(emergencyRef, ramps) ?? "currentColor";
   for (const key of SYNTAX_SEMANTIC_KEYS) {
-    const explicitRef = map.syntax[key];
+    const explicitRef = map.syntax?.[key];
     const explicitColor = tryResolveRampRef(explicitRef, ramps);
     const inheritedRef = map.semantic[SYNTAX_SEMANTIC_ALIASES[key]];
     const inheritedColor = tryResolveRampRef(inheritedRef, ramps);

package/dist/config/component-tokens.js

@@ -343,7 +343,7 @@ const COMPONENT_TOKENS = [
     component: "sidebar",
     surface: "chrome",
     category: "typography",
-    description: "Font family of the navigation sidebar \u2014 covers BOTH the desktop `#desktop-sidebar` rail and the mobile drawer, so one override styles both viewports and neither drifts onto a different face. Defaults to the `--zdc-chrome-font` seam (a no-op until redefined)."
+    description: "Font family of the navigation sidebar \u2014 covers BOTH the desktop `#desktop-sidebar` rail and the mobile drawer, so one override styles both viewports and neither drifts onto a different face. Defaults to the `--zdc-chrome-font` seam (a no-op until redefined). Verify granular MOBILE chrome-font overrides with `zfb build`/preview, not `pnpm dev`: the current zfb dev server strips island-root `data-*` attributes, so the mobile selector silently does not match."
   },
   {
     cssVar: "--zdc-toc-font",
@@ -353,7 +353,7 @@ const COMPONENT_TOKENS = [
     component: "toc",
     surface: "chrome",
     category: "typography",
-    description: "Font family of the table of contents \u2014 covers BOTH the desktop right rail and the mobile collapsible TOC, so one override styles both viewports. Defaults to the `--zdc-chrome-font` seam (a no-op until redefined), which also keeps the mobile TOC on the chrome font rather than the prose font of the `.zd-content` it renders inside."
+    description: "Font family of the table of contents \u2014 covers BOTH the desktop right rail and the mobile collapsible TOC, so one override styles both viewports. Defaults to the `--zdc-chrome-font` seam (a no-op until redefined), which also keeps the mobile TOC on the chrome font rather than the prose font of the `.zd-content` it renders inside. Verify granular MOBILE chrome-font overrides with `zfb build`/preview, not `pnpm dev`: the current zfb dev server strips island-root `data-*` attributes, so the mobile selector silently does not match."
   }
 ];
 export {

package/dist/config.d.ts

@@ -62,7 +62,7 @@ import type { ZfbConfig, BundleConfig } from "@takazudo/zfb/config";
 import type { ZodType } from "zod";
 import type { DirectiveVocabulary, PresetTranslations, PresetTagVocabularyEntry } from "./preset.js";
 import type { ColorScheme } from "./color-scheme-utils.js";
-import type { Settings, ColorModeConfig, LocaleConfig, MetaTagsConfig, SiteHeadConfig, TagPlacement, TagGovernanceMode, VersionConfig, FooterConfig, HeaderNavItem, HeaderRightItem, FrontmatterPreviewConfig, BodyFootUtilAreaConfig, HtmlPreviewConfig } from "./settings.js";
+import type { Settings, ColorModeConfig, LocaleConfig, MetaTagsConfig, SiteHeadConfig, TagPlacement, TagGovernanceMode, VersionConfig, FooterConfig, HeaderNavItem, HeaderRightItem, HomeConfig, FrontmatterPreviewConfig, BodyFootUtilAreaConfig, HtmlPreviewConfig } from "./settings.js";
 /** The `settings.claudeResources` block (or `false` when disabled). */
 type ClaudeResourcesConfig = {
     claudeDir: string;
@@ -103,6 +103,12 @@ export interface ZudoDocConfig {
      * @default false
      */
     trailingSlash?: boolean;
+    /**
+     * Package-owned home-page layout. Set `wide: true` to let the category grid
+     * fill most of the viewport on both `/` and locale home routes.
+     * @default { wide: false }
+     */
+    home?: HomeConfig;
     /**
      * Minify production HTML output from `zfb build`.
      * @default true
@@ -300,6 +306,14 @@ export interface ZudoDocConfig {
      * @default false
      */
     docHistory?: boolean;
+    /**
+     * Glob patterns matched against the doc slug (path minus extension, `/index`
+     * stripped, root = `index`) that exclude matching pages from git-history
+     * capture entirely. Excluded pages have no dropdown JSON or
+     * Created/Updated/Author block; matching is locale/version-independent.
+     * @default []
+     */
+    docHistoryExclude?: string[];
     /**
      * Body-foot utility area (doc-history / view-source), or `false` to disable.
      * @default false

package/dist/config.js

@@ -15,6 +15,7 @@ const DEFAULT_SETTINGS = {
   siteDescription: "",
   base: "/",
   trailingSlash: false,
+  home: { wide: false },
   minifyHtml: true,
   docsDir: "src/content/docs",
   defaultLocale: "en",
@@ -58,6 +59,7 @@ const DEFAULT_SETTINGS = {
   dynamicPageTransition: false,
   frontmatterPreview: false,
   docHistory: false,
+  docHistoryExclude: [],
   bodyFootUtilArea: false,
   htmlPreview: void 0,
   versions: false,

package/dist/doc-history-area/index.d.ts

@@ -14,6 +14,7 @@ export interface DocHistoryMetaEntry {
 /** Settings subset read by the DocHistoryArea factory. */
 export interface DocHistoryAreaSettings {
     docHistory: boolean;
+    docHistoryExclude?: string[];
     bodyFootUtilArea: {
         viewSourceLink?: boolean;
     } | false | undefined;

package/dist/doc-history-area/index.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { Island } from "@takazudo/zfb";
+import { compileExclude } from "@takazudo/zudo-doc-history-server/exclude";
 import { BodyFootUtilArea } from "../body-foot-util/index.js";
 import { toHistorySlug } from "../slug/index.js";
 import { buildGitHubSourceUrl as buildGitHubSourceUrlBase } from "../github-helpers/index.js";
@@ -8,6 +9,7 @@ import { assertChromeContext } from "../chrome/assert-chrome-context.js";
 function createDocHistoryArea(ctx) {
   assertChromeContext(ctx, "createDocHistoryArea");
   const settings = ctx.settings;
+  const isHistoryExcluded = compileExclude(settings.docHistoryExclude ?? []);
   const defaultLocale = ctx.defaultLocale;
   const docHistoryMeta = ctx.hostBindings.docHistoryMeta ?? {};
   const t = ctx.t;
@@ -28,6 +30,7 @@ function createDocHistoryArea(ctx) {
   }) {
     if (!settings.docHistory) return null;
     const historySlug = toHistorySlug(slug);
+    if (isHistoryExcluded(historySlug)) return null;
     const effectiveHistoryLocale = isFallback ? defaultLocale : locale;
     const composedSlug = effectiveHistoryLocale === defaultLocale ? historySlug : `${effectiveHistoryLocale}/${historySlug}`;
     const meta = docHistoryMeta[composedSlug];

package/dist/features.css

@@ -179,31 +179,10 @@ header[data-header] {
   --zfb-hi-hd: var(--zd-syntax-keyword);
 }
 
-/* HTML Preview remains on Shiki until #2742. Its dual-theme variables resolve
- * through color-scheme. These selectors intentionally exclude `.hi-root`,
- * whose colors come from the semantic bridge above. */
-[data-theme] .shiki,
-[data-theme] .shiki span {
-  color: light-dark(var(--shiki-light), var(--shiki-dark));
-  font-style: light-dark(
-    var(--shiki-light-font-style, inherit),
-    var(--shiki-dark-font-style, inherit)
-  );
-}
-
-/* Background only on the <pre> wrapper — deliberately NOT on token spans. The
- * --shiki-*-bg vars are set inline on the <pre> and inherit down to spans;
- * painting them per-span would lay an opaque base background over the
- * translucent line-/word-highlight backgrounds that sit on the enclosing
- * .line span (see .line.highlighted below). */
-[data-theme] .shiki {
-  background-color: light-dark(var(--shiki-light-bg), var(--shiki-dark-bg));
-}
-
-/* HtmlPreview component — Shiki code blocks
- * Token colors inherit from the global [data-theme] .shiki rule above.
- * These rules only adjust layout and background for the preview context. */
-.zd-html-preview-code pre.shiki {
+/* HtmlPreview component — zfb semantic code blocks. Token colors and the root
+ * surface resolve through the shared class-mode bridge above; these rules only
+ * adjust layout for the preview context. */
+.zd-html-preview-code pre.hi-root {
   margin: 0;
   padding: var(--spacing-hsp-md);
   font-size: var(--text-caption);
@@ -211,7 +190,7 @@ header[data-header] {
   overflow-x: auto;
 }
 
-.zd-html-preview-code pre.shiki code {
+.zd-html-preview-code pre.hi-root code {
   font-family: var(--font-mono);
   white-space: pre;
 }
@@ -266,9 +245,9 @@ pre.hi-root .line .highlighted-word {
  * zfb's :::code-group emits <CodeGroup tabs={[...]}> with one
  * <pre data-lang="…">{RAW text}</pre> child per fence. These <pre> elements
  * are NOT syntax-highlighted (the Rust pipeline doesn't highlight inside
- * code-group fences), so they get no `.hi-root` class. Apply explicit
- * code-block visual treatment via tokens to match the highlighted code blocks
- * surrounding them.
+ * code-group fences), so they get no `.hi-root` class.
+ * Apply explicit code-block visual treatment via tokens to match the
+ * highlighted code blocks surrounding them.
  * ======================================== */
 
 .code-group-panel pre[data-lang] {

package/dist/html-preview-wrapper/highlight-runtime.d.ts

@@ -0,0 +1,40 @@
+import type { HighlightCodeOptions, HighlightCodeResult } from "@takazudo/zfb-md-wasm";
+type HighlightModule = Pick<typeof import("@takazudo/zfb-md-wasm"), "highlightCode">;
+export type HighlightModuleImporter = () => Promise<HighlightModule>;
+export interface HtmlPreviewHighlightRuntime {
+    highlightCode(code: string, options: HighlightCodeOptions): Promise<HighlightCodeResult>;
+}
+/**
+ * Build the HTML Preview's lazy zfb highlighting adapter.
+ *
+ * The cached value is only the public package-root module import. A rejected
+ * import is evicted so a later source-panel mount can retry a transient chunk
+ * load. Calls to `highlightCode` are deliberately not cached: the upstream
+ * package owns WASM initialization and trap recovery, while the component owns
+ * request cancellation and stale-result protection.
+ */
+export declare function createHighlightRuntime(importModule: HighlightModuleImporter): HtmlPreviewHighlightRuntime;
+/**
+ * Return markup only when zfb produced a usable result.
+ *
+ * An unknown non-empty language is a supported outcome: zfb returns safely
+ * escaped `hi-root` markup plus a warning. Error diagnostics and `html: null`
+ * represent invalid options/internal failure and must retain the JSX-escaped
+ * fallback instead.
+ */
+export declare function getUsableHighlightHtml(result: HighlightCodeResult): string | null;
+export interface HighlightRequestOptions {
+    code: string;
+    language: string;
+    onSettled: (html: string | null) => void;
+    runtime?: HtmlPreviewHighlightRuntime;
+}
+/**
+ * Start one highlight request and return its effect cleanup.
+ *
+ * Rejections are expected at this boundary (missing optional peer, resource
+ * load failure, or a current-call WASM trap). They resolve the UI to its plain
+ * fallback. Cleanup suppresses both successful and failed late completions.
+ */
+export declare function startHighlightRequest({ code, language, onSettled, runtime, }: HighlightRequestOptions): () => void;
+export {};

package/dist/html-preview-wrapper/highlight-runtime.js

@@ -0,0 +1,58 @@
+function createHighlightRuntime(importModule) {
+  let modulePromise = null;
+  function loadModule() {
+    if (!modulePromise) {
+      const pending = importModule().catch((error) => {
+        if (modulePromise === pending) {
+          modulePromise = null;
+        }
+        throw error;
+      });
+      modulePromise = pending;
+    }
+    return modulePromise;
+  }
+  return {
+    async highlightCode(code, options) {
+      const { highlightCode } = await loadModule();
+      return highlightCode(code, options);
+    }
+  };
+}
+const defaultRuntime = createHighlightRuntime(
+  () => import("@takazudo/zfb-md-wasm")
+);
+function getUsableHighlightHtml(result) {
+  if (result.html == null || result.diagnostics.some((diagnostic) => diagnostic.severity === "error")) {
+    return null;
+  }
+  return result.html;
+}
+function startHighlightRequest({
+  code,
+  language,
+  onSettled,
+  runtime = defaultRuntime
+}) {
+  let cancelled = false;
+  void Promise.resolve().then(() => runtime.highlightCode(code, { language })).then(
+    (result) => {
+      if (!cancelled) {
+        onSettled(getUsableHighlightHtml(result));
+      }
+    },
+    () => {
+      if (!cancelled) {
+        onSettled(null);
+      }
+    }
+  );
+  return () => {
+    cancelled = true;
+  };
+}
+export {
+  createHighlightRuntime,
+  getUsableHighlightHtml,
+  startHighlightRequest
+};

package/dist/html-preview-wrapper/highlighted-code.d.ts

@@ -6,8 +6,9 @@ export interface HighlightedCodeProps {
     language: string;
 }
 /**
- * Syntax-highlighted code block backed by Shiki. Falls back to a
- * plain `<pre><code>` block while Shiki is loading or if it fails.
+ * Syntax-highlighted code block backed by zfb's semantic-class WASM API.
+ * Falls back to a plain `<pre><code>` block while the runtime is loading or
+ * when the current request cannot produce safe markup.
  *
  * JSX port of src/components/html-preview/highlighted-code.tsx.
  */

package/dist/html-preview-wrapper/highlighted-code.js

@@ -1,41 +1,22 @@
 import { jsx } from "preact/jsx-runtime";
 import { useEffect, useState } from "preact/hooks";
-let highlighterPromise = null;
-function getHighlighter() {
-  if (!highlighterPromise) {
-    highlighterPromise = import("shiki").then(
-      ({ createHighlighter }) => createHighlighter({
-        themes: ["catppuccin-latte", "vitesse-dark"],
-        langs: ["html", "css", "javascript"]
-      })
-    ).catch((err) => {
-      highlighterPromise = null;
-      throw err;
-    });
-  }
-  return highlighterPromise;
-}
+import { startHighlightRequest } from "./highlight-runtime.js";
 function HighlightedCode({
   code,
   language
 }) {
-  const [html, setHtml] = useState(null);
+  const [highlighted, setHighlighted] = useState(null);
+  const html = highlighted?.code === code && highlighted.language === language ? highlighted.html : null;
   useEffect(() => {
-    let cancelled = false;
-    getHighlighter().then((highlighter) => {
-      if (cancelled) return;
-      const lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
-      const result = highlighter.codeToHtml(code, {
-        lang,
-        themes: { light: "catppuccin-latte", dark: "vitesse-dark" },
-        defaultColor: false
-      });
-      setHtml(result);
-    }).catch(() => {
+    return startHighlightRequest({
+      code,
+      language,
+      onSettled(nextHtml) {
+        setHighlighted(
+          nextHtml == null ? null : { code, language, html: nextHtml }
+        );
+      }
     });
-    return () => {
-      cancelled = true;
-    };
   }, [code, language]);
   if (!html) {
     return /* @__PURE__ */ jsx("pre", { class: "m-0 p-hsp-md bg-code-bg text-caption leading-relaxed overflow-x-auto", children: /* @__PURE__ */ jsx("code", { class: "font-mono whitespace-pre", children: code }) });

package/dist/plugins/doc-history.js

@@ -8,7 +8,7 @@ import { getBasePrefix } from "./plugin-utils.js";
 const plugin = {
   name: "doc-history",
   async preBuild(ctx) {
-    const { docsDir, locales } = ctx.options;
+    const { docsDir, locales, exclude } = ctx.options;
     if (locales != null) {
       for (const [key, entry] of Object.entries(locales)) {
         if (entry == null || typeof entry !== "object" || typeof entry["dir"] !== "string" || entry["dir"].length === 0) {
@@ -18,10 +18,14 @@ const plugin = {
         }
       }
     }
+    if (exclude != null && (!Array.isArray(exclude) || exclude.some((pattern) => typeof pattern !== "string"))) {
+      throw new Error("[doc-history] invalid exclude: expected string[]");
+    }
     await runDocHistoryMetaStep({
       projectRoot: ctx.projectRoot,
       docsDir: typeof docsDir === "string" ? docsDir : "src/content/docs",
-      locales: locales != null ? locales : void 0
+      locales: locales != null ? locales : void 0,
+      exclude
     });
   },
   async postBuild(ctx) {

package/dist/plugins/internal/doc-history/index.d.ts

@@ -11,6 +11,8 @@ export interface DocHistoryOptions {
     docsDir: string;
     /** Optional non-default locales, keyed by locale code (e.g. `{ ja: { dir: "src/content/docs-ja" } }`). */
     locales?: Record<string, DocHistoryLocaleConfig>;
+    /** Slug globs excluded from pre-build metadata and post-build history JSON. */
+    exclude?: string[];
     /**
      * Port the standalone `@takazudo/zudo-doc-history-server` listens on.
      * Defaults to `4322` to match the server's CLI default. Only used by

package/dist/plugins/internal/doc-history/index.js

@@ -92,6 +92,11 @@ function buildGenerateCliArgs(options, outDir) {
       args.push("--locale", `${key}:${locale.dir}`);
     }
   }
+  if (options.exclude) {
+    for (const pattern of options.exclude) {
+      args.push("--exclude", pattern);
+    }
+  }
   if (options.maxEntries != null) {
     args.push("--max-entries", String(options.maxEntries));
   }

package/dist/plugins/internal/doc-history/pre-build.d.ts

@@ -20,6 +20,8 @@ export interface RunDocHistoryMetaOptions {
     docsDir: string;
     /** Optional non-default locales, keyed by locale code. */
     locales?: Record<string, DocHistoryMetaLocaleConfig>;
+    /** Slug globs excluded from the emitted metadata manifest. */
+    exclude?: string[];
     /**
      * Optional versioned docs (e.g. legacy `1.0`). Each version produces
      * its own default-locale collection plus per-locale variants.

package/dist/plugins/internal/doc-history/pre-build.js

@@ -4,6 +4,7 @@ import {
   collectContentFiles,
   getAllFilesFirstLastMetaAsync
 } from "@takazudo/zudo-doc-history-server/git-history";
+import { compileExclude } from "@takazudo/zudo-doc-history-server/exclude";
 const META_OUT_RELATIVE_DIR = ".zfb";
 const META_OUT_FILENAME = "doc-history-meta.json";
 function deriveSourceExt(filePath) {
@@ -31,9 +32,11 @@ async function runDocHistoryMetaStep(options) {
     }
   }
   const jobs = [];
+  const isExcluded = compileExclude(options.exclude ?? []);
   for (const [localeKey, contentDir] of dirEntries) {
     const files = collectContentFiles(contentDir);
     for (const { filePath, slug } of files) {
+      if (isExcluded(slug)) continue;
       const composedSlug = localeKey ? `${localeKey}/${slug}` : slug;
       jobs.push({ composedSlug, filePath });
     }

package/dist/preset.d.ts

@@ -83,6 +83,7 @@ export interface PresetSettings {
     llmsTxt?: boolean;
     changelogs?: PresetChangelogConfig[] | false;
     docHistory?: boolean;
+    docHistoryExclude?: string[];
     claudeResources?: PresetClaudeResourcesConfig | false;
     /** "owner/repo" — when set, enables `#123` / SHA autolinks in markdown. Omit to disable entirely. */
     githubAutolinksRepo?: string;

package/dist/preset.js

@@ -182,7 +182,8 @@ function buildPlugins(settings, routeContext) {
         options: {
           docsDir: settings.docsDir,
           locales: localeRecord,
-          base: settings.base
+          base: settings.base,
+          exclude: settings.docHistoryExclude ?? []
         }
       }
     ] : [],

package/dist/routes/index.js

@@ -1,12 +1,21 @@
 import { jsx } from "preact/jsx-runtime";
-import { defaultLocale, routeCtx } from "./_context.js";
+import { defaultLocale, routeCtx, settings } from "./_context.js";
 import { prepareHomeData } from "../home-page/prepare-home-data.js";
 import { HomePageView } from "./_chrome.js";
 const frontmatter = { title: "Home" };
 function IndexPage() {
   const locale = defaultLocale;
   const { tree, categoryOrder, tagCount } = prepareHomeData(routeCtx, locale);
-  return /* @__PURE__ */ jsx(HomePageView, { locale, tree, categoryOrder, tagCount });
+  return /* @__PURE__ */ jsx(
+    HomePageView,
+    {
+      locale,
+      tree,
+      categoryOrder,
+      tagCount,
+      wide: settings.home?.wide ?? false
+    }
+  );
 }
 export {
   IndexPage as default,

package/dist/routes/locale-index.js

@@ -12,7 +12,16 @@ function paths() {
 function LocaleIndexPage({ params }) {
   const locale = params.locale;
   const { tree, categoryOrder, tagCount } = prepareHomeData(routeCtx, locale);
-  return /* @__PURE__ */ jsx(HomePageView, { locale, tree, categoryOrder, tagCount });
+  return /* @__PURE__ */ jsx(
+    HomePageView,
+    {
+      locale,
+      tree,
+      categoryOrder,
+      tagCount,
+      wide: settings.home?.wide ?? false
+    }
+  );
 }
 export {
   LocaleIndexPage as default,

package/dist/safelist.css

@@ -1,2 +1,2 @@
 /* generated by gen-safelist.mjs — do not edit by hand */
-@source inline("-link -mb-px -ml-hsp-sm -noscript -open -translate-x-full 2xl:w-[24px] [&::-webkit-details-marker]:hidden [&_a]:text-accent [&_a]:underline [&_nav]:mb-0 [data-admonition] [data-kbd-shortcut] [data-switcher-launcher] [doc-history-meta] [doc-history] [doc-layout] [llms-txt] [zudo-doc] a a2 abbr about above absent absolute accent accent- accent:accent- across activated active actual added admonition admonition- admonition-body admonition-title admonition/callout after after-breadcrumb after-content after-navigate after-sidebar after-title against agent agents ai-chat ai-chat-md ai-chat-trigger alert align-top all allow-same-origin allow-scripts allowed alone already already-executed already-multiline already-picked also always an anchor and and/or animate-pulse animate-spin announce ansehen antialiased any anywhere anzeigen app appear application/json application/xml applied applies apply approach are area arg argument aria-atomic aria-busy aria-controls aria-current aria-disabled aria-expanded aria-haspopup aria-hidden aria-label aria-labelledby aria-live aria-orientation aria-pressed aria-selected aria-valuemax aria-valuemin aria-valuenow arm arms arrows article as asc aside aspect-[1200/630] aspect-square asset- assets assistant async at attach attribute attributes auf authored auto autogenerated available avoid await away b back backdrop:bg-bg/30 backdrop:bg-bg/80 backdrop:bg-overlay/60 backdrop:z-modal-backdrop background background-color backtick backticks baked banner bare base base- base64 base:base- based batch be bearbeiten because been before below best between bg bg-[#fff] bg-accent bg-bg bg-chat-assistant-bg bg-chat-user-bg bg-code-bg bg-fg bg-info/10 bg-info/5 bg-muted bg-overlay/30 bg-surface bg-surface/50 bg-transparent bg-warning/10 bg-warning/5 bi bigint bin binaries bind blank blanks block blockquote blocks blur body body-end-components body-end-scripts bold boolean bootstrap border border-accent border-b border-b-2 border-b-[5px] border-bg/30 border-collapse border-danger border-dashed border-fg border-image border-info/30 border-l border-l-0 border-l-[3px] border-left-width border-muted border-none border-r border-radius border-solid border-t border-t-[2px] border-t-[3px] border-transparent border-warning/30 border-width border-y both bottom-hsp-lg bottom-vsp-xl boundaries box-border br brackets brand breadcrumb:end breadcrumb:start break-words brown browser browsers btn budget bug build built built-in bundler but button buttons by bypassed byte-identical bytes cached call callable called caller calls can cancellation cannot canonical canvas caption card card-grid carry cases cat-nav- catch category catppuccin-latte caught caution center center/contain ch chains change changed changelog changelogs changes child choose chrome ci circle cite class class-less class-mode claude claude-agents claude-commands claude-md claude-skills cleaned clear clearing click client client-router client-side clip clobbering close closed closing code code-block-sr-announce code-group code-group-panel col col-resize colgroup collapses collapsible collision color color-scheme color-scheme-changed color-scheme-provider color-tweak colorization colors column comma command commands comment commercial commercial-font-denylist commit compare component component:github-link component:language-switcher component:search component:theme-toggle component:version-switcher composition compute computed concrete config configuration configure configured confuse connect const construction consumer consumes container containers containing contains content content-admonition content-layer content-link content-type content-wrapper:end content-wrapper:start contents context contract controller controls converts copied copy corners correct correctly corrupt could count covered covers cp crashes created cross-component crumb- cs css css-presence ctx cur current cursor-not-allowed cursor-pointer custom danger dark data data-active data-admonition data-base data-close-search data-current-locale data-default-locale data-doc-description data-doc-pager data-find-active data-find-match data-footer data-group-id data-header data-header-logo data-header-nav data-header-right data-kbd-shortcut data-language-switcher data-loading-index data-mermaid-enlarge-ready data-mermaid-rendered data-mermaid-src data-nav-active data-nav-item data-nav-item-dropdown data-nav-more data-nav-more-menu data-nav-more-toggle data-no-results data-open-search data-pan-active data-processed data-result-count-template data-search-count data-search-count-narrow data-search-dialog data-search-input data-search-placeholder data-search-results data-search-unavailable data-sidebar-hidden data-sidebar-resizer data-site-nav data-switcher-card data-switcher-launcher data-tab-btn data-tab-default data-tab-label data-tab-value data-tabs data-taglist-group data-testid data-theme data-theme-pack data-theme-pack-switcher data-theme/style data-trailing-slash data-variant data-version-banner data-version-latest data-version-menu data-version-rewire data-version-slug data-version-switcher data-version-toggle data-version-trigger-label data-zd-mobile-sidebar data-zd-mobile-toc data-zd-nosidebar data-zd-theme-pack-css data-zd-theme-pack-css-loading data-zd-toc data-zd-wide data-zfb-transition-persist dd decimal declaration declare declares decoration decoration-muted default default-transition-duration defaults del delegated delete dependency depth der desc description design design-token-panel design-token-trigger desktop desktop-sidebar desktop-sidebar-toggle desktop-sidebar-toggle-island destructive detach detached details determine deterministic develop dfn diagram diagrams dialog die dieser diff diff-line-added diff-line-content diff-line-empty diff-line-num diff-line-removed diff-row different dir directly directories directory disabled disabled:opacity-50 disabled:pointer-events-none disc display display:none dist distinct div dl do doc doc-card- doc-content-band doc-history doc-history-generate doc-history-panel doc-history-trigger doc-page doc-pager doc-prose doc-title docs docs- docs-v- document document-level documentation documented does dog double-registration draft drag draggable drawer drifts drop dropdown dropdown-child dropdown-parent dropdowns dt duplicate duration-150 duration-200 during dynamically e2e each ease-in-out edge einer eject ejectable ejectables ejected el element elements els else em embedded emit emitting empty empty/undefined en enable enabled end enlarged entire entities entries entry equal error escape escaped even eventually every exactly exceeds excerpt excludes exclusively existing exists exit expected export extends f factories failed fall fallback fallbacks falling falls false family fast feature fg field fields fieldset figcaption figure file fill fills finally find find-match find-match-active fire fires first fixed fixed-width fixtures flag flash flat flex flex-1 flex-col flex-wrap flip flipping flips flush-left focus focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:underline focus:border-accent focus:outline-none focus:underline font font-bold font-face-parity font-family font-medium font-mono font-sans font-scale font-semibold font-size font-weight font-weight-bold font-weight-medium font-weight-normal font-weight-semibold font/woff2 fonts footer footer- for form format found fox free fresh from frontmatter frontmatter-preview frozen fs-extra full fully function further g gap-[0.3em] gap-[clamp(1.5rem,3vw,4rem)] gap-hsp-2xs gap-hsp-lg gap-hsp-md gap-hsp-sm gap-hsp-xl gap-hsp-xs gap-vsp-2xs gap-vsp-3xs gap-vsp-lg gap-vsp-md gap-vsp-xs gap-x-hsp-2xs gap-x-hsp-lg gap-x-hsp-md gap-x-hsp-sm gap-x-hsp-xs gap-y-vsp-2xs gap-y-vsp-lg gap-y-vsp-md gap-y-vsp-xs gaps gate geladen2026 generate generated generation genuine geometry get github github-dark github-link give go got gradient graph gray-matter grid grid-cols-1 grid-cols-2 group group-focus-visible:text-accent group-focus-visible:underline group-focus-within:block group-hover:bg-fg group-hover:block group-hover:text-accent group-hover:text-bg group-hover:underline group-open:rotate-90 guard h-10 h-40 h-[0.5rem] h-[0.625rem] h-[0.875rem] h-[1.125rem] h-[1.25rem] h-[1.575rem] h-[14px] h-[1em] h-[1lh] h-[2rem] h-[3.5rem] h-[3rem] h-[90vh] h-[calc(100%-3rem)] h-[calc(100vh-3.5rem)] h-dvh h-full h-icon-lg h-icon-md h-icon-sm h-icon-xs h1 h1s h2 h22013h4 h2s h3 h4 h5 h6 half hand-copied hand-editable handle handled handler handlers hardcoded has hash-link have head head-links head-scripts header header- header-call:end header-call:start header-right heading heading-h2 heading-h3 heading-h4 heading-rule headings height here hex hidden hierarchical highlight history hit home horizontal host hover:bg-[color-mix(in_srgb,var(--color-surface)_80%,var(--color-fg)_20%)] hover:bg-accent-hover hover:bg-accent/10 hover:bg-danger/10 hover:bg-surface hover:border-accent hover:border-accent-hover hover:border-fg hover:text-accent hover:text-accent-hover hover:text-fg hover:underline hr href hrefs hsp hsp-2xl hsp-2xs hsp-lg hsp-md hsp-sm hsp-xl hsp-xs html i i18n/theme. i2 i3 i4 icon icon-lg icon-md icon-sm icon-xs identical idle idx if iframe image image-enlarge image-overlay-inset image/png img implementation import important important-allowlist imports in inactive inbox includes incomplete independently index index2026 info inherit inherited initial initialised injected inline inline-block inline-flex inner input input-clear ins inserted-after-color-mode inserted-after-color-scheme inserted-first inset-0 inside install installation installed instance instanceof instead instructions intended intent internal interpolation into invalid inverse inversion invoke is issues it italic item item- items items-baseline items-center items-end items-start its itself javascript jumps justify-between justify-center justify-end justify-start katex kbd keep keeping keeps keyboard keyboard-shortcut keydown keys keystroke keyword keywords khroma known-token-names kopieren label landing language-switcher last:border-b-0 later latest launch layout lazy leading-normal leading-relaxed leading-snug leading-tight leaf- leak leaves left left-0 left:calc legend legitimate length lets letter-spacing lg lg:block lg:border lg:border-fg lg:border-solid lg:flex lg:flex-col lg:flex-row lg:gap-hsp-xl lg:grid-cols-3 lg:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] lg:h-[90vh] lg:hidden lg:justify-start lg:m-auto lg:max-h-[90vh] lg:max-w-[52.5rem] lg:ml-[var(--zd-sidebar-w)] lg:pt-vsp-2xl lg:px-hsp-2xl lg:py-vsp-2xl lg:text-left lg:w-[90vw] lg:w-[clamp(16rem,25%,22rem)] li li2 library license light light/dark like likely line line-height line/statement linger link link- links list list-disc list-none listener lists literal literals lives llms llms-txt load loaded loading local local-1 local-2 local-3 locale locales log longer longest-match look lostpointercapture lower luminance m m-0 m-auto m21 m6 machinery main major make malformed malicious manually maps mark marks match matches matching math math-display math-inline max max-h-[85vh] max-h-[90vh] max-h-full max-h-none max-w-[64rem] max-w-[85%] max-w-[85vw] max-w-[90vw] max-w-[calc(100vw-2rem)] max-w-[clamp(50rem,75vw,90rem)] max-w-full max-w-none max-w-sm max-width may mb-0 mb-vsp-2xs mb-vsp-lg mb-vsp-md mb-vsp-sm mb-vsp-xl mb-vsp-xs measures measuring mechanism menu mermaid message messages meta meta-knob meta-schema metadata migration min-h-0 min-h-[60vh] min-h-[calc(100vh-3.5rem)] min-h-screen min-w-0 min-w-[10rem] min-w-[3rem] min-w-[8rem] minifier minor mirror mirrors missing mit ml-auto ml-hsp-2xl ml-hsp-lg ml-hsp-sm ml-hsp-xl mobile mod modal modal-backdrop mode modify module monospace more most mounted mouseenter mouseleave move mr-hsp-sm ms mt-0 mt-vsp-2xl mt-vsp-2xs mt-vsp-3xs mt-vsp-lg mt-vsp-md mt-vsp-xl must mutates mutation mutations muted mx-auto my-vsp-lg my-vsp-md n name named names native nav nav-active nav-card- nav/doc navigating navigation navigations near needs neither nested neutral new newly-swapped next nicht no no-color-scheme no-data-theme-selector no-enlarge no-op no-repeat no-underline noch node node:buffer node:fs node:fs/promises node:module node:path node:url nodes nofollow noindex non-empty non-light-dark non-literal non-persisted none noopener noreferrer normal noscript not notable note notes now null number numeric object object-contain observe observer occurred of off ofl-required og:description og:image og:image:alt og:image:height og:image:width og:title og:type og:url oklch ol old older on once one only onto opacity-60 open open/close option or original other others out outgoing outline-none over overflow overflow-auto overflow-hidden overflow-x-auto overflow-y-auto overflow-y:auto override overrides overscroll-contain overwrite own owned p p-0 p-hsp-2xs p-hsp-lg p-hsp-md p-hsp-sm pack package package-owned packages packs padding page page-loading page-loading-overlay page-loading-spinner page-navigate-end page-title pages pages/. paint paint-and-read palette pan panel panels paren-balance-aware parent parse parsed parser parses part pass passed passes patch path paths pattern payload payload-budget pb-[50vh] pb-vsp-md pb-vsp-xl pb-vsp-xs per per-link permanently persisted pi pick picked picks picocolors pins pipelines pl-[1.25rem] pl-hsp-lg pl-hsp-sm pl-hsp-xl place placeholder placeholder:text-muted plain plural plus pnpm point pointer-events-none pointercancel pointerdown pointermove pointerup polite polygon polyline popover populates port position position:fixed pr-[4px] pr-hsp-lg pr-hsp-md pr-hsp-sm pr-hsp-xl pre pre-lowercased preact preact/compat preact/hooks preact/jsx-runtime preconnect prefix preload pres preserving preview preview-swatch-color previews2026 previously primary print produce produced produces producing production project project-owned project-root-relative properties property props prose provided proxy pt-[0.15rem] pt-[2px] pt-vsp-3xs pt-vsp-md pt-vsp-sm pt-vsp-xl pt-vsp-xs ptag- public purely px px-hsp-2xl px-hsp-2xs px-hsp-lg px-hsp-md px-hsp-sm px-hsp-xl px-hsp-xs py-0 py-[2px] py-[4px] py-[calc(var(--spacing-vsp-xs)+0.15rem)] py-hsp-2xs py-hsp-3xs py-hsp-sm py-hsp-xs py-vsp-2xs py-vsp-3xs py-vsp-lg py-vsp-md py-vsp-sm py-vsp-xl py-vsp-xs q query question quick r radius radius-full radius-lg rail ramp range rather raw re-encode/decode re-querying re-render re-renders re-run re-running re-selects reach reached reaches read reading real real-value received receives recorded recovers rect redefine redistribution ref- referenced references refetch refreshes regenerate regenerates regex registry reinit reinits rel relative release released reload relying rem remove removed render rendered renderer renderers renders reorder repaint repair repeated repeating replace replaced replacement replaces repopulate repository required requires reserved resize resize-x resolve resolved resolves responded response restore restores restyle result result-click results results-area retry return returns revision revisions rewrite rewrites right right- right-0 right-hsp-lg ring-2 ring-accent risking ro robots role roles root rotate-180 rotate-90 round round-trip rounded rounded-[0.75rem] rounded-bl-[0.25rem] rounded-bl-[1rem] rounded-bl-lg rounded-br-[0.25rem] rounded-br-[1rem] rounded-full rounded-lg rounded-md rounded-t-[1rem] rounds route router routes routes-src running runs runtime s safe safely safer same same-locale samp sans sans-serif scale scanned scanning scheme scoped scoping scored script script- script-eval script-evaluation script-injection scripts scroll scrollbar scrolled scrollend seam search search-index section section- see sehen select select-none selection-bg selection-fg selector self self-hosted self-start semantic semibold semver sentinel separator serialised serialize server server-rendered set sets setting setup shadow-[0_1px_3px_color-mix(in_srgb,var(--color-fg)_8%,transparent)] shadow-lg shadow-md shape share shared sharing shell shiki ship shipped ships short shortcut should show shown shrink-0 sidebar sidebar- sidebar-toggle-island sidebar-tree-island sidebar-w signal similarity simple single single-line single-object-literal singular site site-search site-tree-nav-island sitemap- sites size skill skills skipping skips slash slug slug-dir-parity sm:border sm:border-muted sm:flex-row sm:grid-cols-2 sm:h-auto sm:items-center sm:justify-between sm:max-h-[80vh] sm:max-w-[52rem] sm:mx-auto sm:my-[10vh] sm:rounded-lg small smooth snapshot snapshots so soft soft-nav solid some somehow source sources space-y-vsp-2xs spacing spacing-0 spacing-px span spans spec specifiers splitter spread spurious square sr-only src stable stack stale standalone start state state- state:state- status stay staying sticky still stock stop stored stray strict string strings strip stripe strips stroke-linecap stroke-linejoin stroke-width strong stronger style style-attribute styled styles stylesheet sub subagents subsequent substitute success successful summary sup supported surface surfaces survives svg swap swapped swaps switcher synchronous synchronously syntactically syntax t tab tab-item tab-panel tabindex table tablist tabpanel tabs tabs-container tabs-content tabs-nav tag tag- tag-item- tagged tags tags:audit take tbody td temp-element template temporary temporary-element terminal terms test-results tested text text-accent text-bg text-body text-caption text-center text-chat-assistant-text text-chat-user-text text-code-fg text-danger text-decoration text-display text-fg text-fg/60 text-heading text-info text-left text-micro text-muted text-muted/50 text-right text-scale-2xl text-scale-2xs text-scale-lg text-scale-md text-scale-sm text-scale-xl text-scale-xs text-small text-title text-warning text/css text/plain textarea tfoot th than that the thead their them theme theme-color theme-pack theme-pack-changed theme-packs theme-packs/index.json theme-toggle theme/token then there these they this those threw through throw tighten time tip title to toast toc toggle toggle-ai-chat toggle-design-token-panel toggles token tokens tolerates too toolbar tooltip top-0 top-[3.5rem] top-full top-level total touches tp tr tracked tracking-wide tracking-wider trade-off trailing transition transition-[background,color,border-color] transition-[left,color] transition-colors transition-transform translate-x-0 translated translations transparent treats tree tree-child- tree-item- tree-top- trigger trigger:ai-chat trigger:design-token-panel triggers true truncate truncated try turn twitter:card twitter:creator twitter:description twitter:image twitter:site twitter:title two type typeface typography u ul umschalten unavailable unbalanced unchanged und undefined under underline underlines understand unit-tested unknown unlike unlisted unmaintained unobserve unreadable unrelated unreleased unset unterminated until up up-to-date uppercase use used user uses usual utf-8 utf8 utilities utility v v2 val value value-reader values var variable variant verbatim version version- version-menu version-switcher versions vertical via video viewing viewport viewports virtual:zudo-doc-chrome-bindings virtual:zudo-doc-design-token-panel-config virtual:zudo-doc-route-context visible vitesse-dark vocabulary von vsp vsp-2xl vsp-2xs vsp-3xs vsp-lg vsp-md vsp-sm vsp-xl vsp-xs w w-1/2 w-10 w-48 w-72 w-[0.5rem] w-[0.625rem] w-[0.875rem] w-[1.125rem] w-[1.575rem] w-[1.5rem] w-[1.75rem] w-[14px] w-[16px] w-[16rem] w-[18px] w-[1em] w-[280px] w-[2rem] w-[320px] w-[90vw] w-[calc(100vw-2rem)] w-[var(--zd-sidebar-w)] w-dvw w-full w-icon-lg w-icon-md w-icon-sm w-icon-xs want warn warning was watching wbr wbr- we website weight went were what when where whereas whether which while whitespace-nowrap whitespace-pre whole wide wide-gamut width will wird wired with without word wordmark working worktrees would wrap wrapper wrappers written wrong wrote wurde xl:flex xl:hidden y-scrollbar yet you your z-dropdown z-local-1 z-modal z-modal-backdrop z-popover z-sidebar z-toolbar zd-content zd-desktop-sidebar-toggle zd-doc-content-band zd-enlarge-btn zd-enlarge-dialog zd-enlarge-dialog-close zd-enlargeable zd-html-preview-code zd-mermaid-dialog zd-mermaid-enlargeable zd-mermaid-tool-btn zd-mermaid-toolbar zd-mermaid-transform zd-mermaid-viewport zd-sidebar-content-wrapper zd-sidebar-open zd-theme-pack-dialog-title zfb zfb:after-swap zfb:before-preparation zod zoom zudo-design-tokens/v3 zudo-doc zudo-doc-design-token-panel-modal zudo-doc-design-tokens zudo-doc-sidebar-visible zudo-doc-sidebar-width zudo-doc-theme zudo-doc-theme-pack zudo-doc-tweak zum");
+@source inline("-link -mb-px -ml-hsp-sm -noscript -open -translate-x-full 2xl:w-[24px] [&::-webkit-details-marker]:hidden [&_a]:text-accent [&_a]:underline [&_nav]:mb-0 [data-admonition] [data-kbd-shortcut] [data-switcher-launcher] [doc-history-meta] [doc-history] [doc-layout] [llms-txt] [zudo-doc] a a2 abbr about above absent absolute accent accent- accent:accent- across activated active actual added admonition admonition- admonition-body admonition-title admonition/callout after after-breadcrumb after-content after-navigate after-sidebar after-title against agent agents ai-chat ai-chat-md ai-chat-trigger alert align-top all allow-same-origin allow-scripts allowed alone already already-executed already-multiline already-picked also always an anchor and and/or animate-pulse animate-spin announce ansehen antialiased any anywhere anzeigen app appear application/json application/xml applied applies apply approach are area arg argument aria-atomic aria-busy aria-controls aria-current aria-disabled aria-expanded aria-haspopup aria-hidden aria-label aria-labelledby aria-live aria-orientation aria-pressed aria-selected aria-valuemax aria-valuemin aria-valuenow arm arms arrows article as asc aside aspect-[1200/630] aspect-square asset- assets assistant async at attach attribute attributes auf authored auto autogenerated available avoid await away b back backdrop:bg-bg/30 backdrop:bg-bg/80 backdrop:bg-overlay/60 backdrop:z-modal-backdrop background background-color backtick backticks baked banner bare base base- base64 base:base- based batch be bearbeiten because been before below best between bg bg-[#fff] bg-accent bg-bg bg-chat-assistant-bg bg-chat-user-bg bg-code-bg bg-fg bg-info/10 bg-info/5 bg-muted bg-overlay/30 bg-surface bg-surface/50 bg-transparent bg-warning/10 bg-warning/5 bi bigint bin binaries bind blank blanks block blockquote blocks blur body body-end-components body-end-scripts bold boolean bootstrap border border-accent border-b border-b-2 border-b-[5px] border-bg/30 border-collapse border-danger border-dashed border-fg border-image border-info/30 border-l border-l-0 border-l-[3px] border-left-width border-muted border-none border-r border-radius border-solid border-t border-t-[2px] border-t-[3px] border-transparent border-warning/30 border-width border-y both bottom-hsp-lg bottom-vsp-xl boundaries box-border br brackets brand breadcrumb:end breadcrumb:start break-words brown browser browsers btn budget bug build built built-in bundler but button buttons by bypassed byte-identical bytes cached call callable called caller calls can cancellation cannot canonical canvas caption card card-grid carry cases cat-nav- catch category caught caution center center/contain ch chains change changed changelog changelogs changes child choose chrome chrome-font ci circle cite class class-less class-mode claude claude-agents claude-commands claude-md claude-skills cleaned clear clearing click client client-router client-side clip clobbering close closed closing code code-block-sr-announce code-group code-group-panel col col-resize colgroup collapses collapsible collision color color-scheme color-scheme-changed color-scheme-provider color-tweak colorization colors column comma command commands comment commercial commercial-font-denylist commit compare component component:github-link component:language-switcher component:search component:theme-toggle component:version-switcher composition compute computed concrete config configuration configure configured confuse connect const construction consumer consumes container containers containing contains content content-admonition content-layer content-link content-type content-wrapper:end content-wrapper:start contents context contract controller controls converts copied copy corners correct correctly corrupt could count covered covers cp crashes created cross-component crumb- cs css css-presence ctx cur current cursor-not-allowed cursor-pointer custom danger dark data data-active data-admonition data-base data-close-search data-current-locale data-default-locale data-doc-description data-doc-pager data-find-active data-find-match data-footer data-group-id data-header data-header-logo data-header-nav data-header-right data-kbd-shortcut data-language-switcher data-loading-index data-mermaid-enlarge-ready data-mermaid-rendered data-mermaid-src data-nav-active data-nav-item data-nav-item-dropdown data-nav-more data-nav-more-menu data-nav-more-toggle data-no-results data-open-search data-pan-active data-processed data-result-count-template data-search-count data-search-count-narrow data-search-dialog data-search-input data-search-placeholder data-search-results data-search-unavailable data-sidebar-hidden data-sidebar-resizer data-site-nav data-switcher-card data-switcher-launcher data-tab-btn data-tab-default data-tab-label data-tab-value data-tabs data-taglist-group data-testid data-theme data-theme-pack data-theme-pack-switcher data-theme/style data-trailing-slash data-variant data-version-banner data-version-latest data-version-menu data-version-rewire data-version-slug data-version-switcher data-version-toggle data-version-trigger-label data-zd-mobile-sidebar data-zd-mobile-toc data-zd-nosidebar data-zd-theme-pack-css data-zd-theme-pack-css-loading data-zd-toc data-zd-wide data-zfb-transition-persist dd decimal declaration declare declares decoration decoration-muted default default-transition-duration defaults del delegated delete dependency depth der desc description design design-token-panel design-token-trigger desktop desktop-sidebar desktop-sidebar-toggle desktop-sidebar-toggle-island destructive detach detached details determine deterministic dev develop dfn diagram diagrams dialog die dieser diff diff-line-added diff-line-content diff-line-empty diff-line-num diff-line-removed diff-row different dir directly directories directory disabled disabled:opacity-50 disabled:pointer-events-none disc display display:none dist distinct div dl do doc doc-card- doc-content-band doc-history doc-history-generate doc-history-panel doc-history-trigger doc-page doc-pager doc-prose doc-title docs docs- docs-v- document document-level documentation documented does dog double-registration draft drag draggable drawer drifts drop dropdown dropdown-child dropdown-parent dropdowns dt duplicate duration-150 duration-200 during dynamically e2e each ease-in-out edge einer eject ejectable ejectables ejected el element elements els else em embedded emit emitting empty empty/undefined en enable enabled end enlarged entire entities entries entry equal error escape escaped even eventually every exactly exceeds excerpt excludes exclusively existing exists exit expected export extends f factories failed fall fallback fallbacks falling falls false family fast feature fg field fields fieldset figcaption figure file fill fills finally find find-match find-match-active fire fires first fixed fixed-width fixtures flag flash flat flex flex-1 flex-col flex-wrap flip flipping flips flush-left focus focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:underline focus:border-accent focus:outline-none focus:underline font font-bold font-face-parity font-family font-file-missing font-medium font-mono font-sans font-scale font-semibold font-size font-weight font-weight-bold font-weight-medium font-weight-normal font-weight-semibold font/woff2 fonts footer footer- for form format found fox free fresh from frontmatter frontmatter-preview frozen fs-extra full fully function further g gap-[0.3em] gap-[clamp(1.5rem,3vw,4rem)] gap-hsp-2xs gap-hsp-lg gap-hsp-md gap-hsp-sm gap-hsp-xl gap-hsp-xs gap-vsp-2xs gap-vsp-3xs gap-vsp-lg gap-vsp-md gap-vsp-xs gap-x-hsp-2xs gap-x-hsp-lg gap-x-hsp-md gap-x-hsp-sm gap-x-hsp-xs gap-y-vsp-2xs gap-y-vsp-lg gap-y-vsp-md gap-y-vsp-xs gaps gate geladen2026 generate generated generation genuine geometry get github github-dark github-link give go got gradient granular graph gray-matter grid grid-cols-1 grid-cols-2 group group-focus-visible:text-accent group-focus-visible:underline group-focus-within:block group-hover:bg-fg group-hover:block group-hover:text-accent group-hover:text-bg group-hover:underline group-open:rotate-90 guard h-10 h-40 h-[0.5rem] h-[0.625rem] h-[0.875rem] h-[1.125rem] h-[1.25rem] h-[1.575rem] h-[14px] h-[1em] h-[1lh] h-[2rem] h-[3.5rem] h-[3rem] h-[90vh] h-[calc(100%-3rem)] h-[calc(100vh-3.5rem)] h-dvh h-full h-icon-lg h-icon-md h-icon-sm h-icon-xs h1 h1s h2 h22013h4 h2s h3 h4 h5 h6 half hand-copied hand-editable handle handled handler handlers hardcoded has hash-link have head head-links head-scripts header header- header-call:end header-call:start header-right heading heading-h2 heading-h3 heading-h4 heading-rule headings height here hex hidden hierarchical highlight history hit home horizontal host hover:bg-[color-mix(in_srgb,var(--color-surface)_80%,var(--color-fg)_20%)] hover:bg-accent-hover hover:bg-accent/10 hover:bg-danger/10 hover:bg-surface hover:border-accent hover:border-accent-hover hover:border-fg hover:text-accent hover:text-accent-hover hover:text-fg hover:underline hr href hrefs hsp hsp-2xl hsp-2xs hsp-lg hsp-md hsp-sm hsp-xl hsp-xs html i i18n/theme. i2 i3 i4 icon icon-lg icon-md icon-sm icon-xs identical idle idx if iframe image image-enlarge image-overlay-inset image/png img implementation import important important-allowlist imports in inactive inbox includes incomplete independently index index2026 info inherit inherited initial initialised injected inline inline-block inline-flex inner input input-clear ins inserted-after-color-mode inserted-after-color-scheme inserted-first inset-0 inside install installation installed instance instanceof instead instructions intended intent internal interpolation into invalid inverse inversion invoke is island-root issues it italic item item- items items-baseline items-center items-end items-start its itself javascript jumps justify-between justify-center justify-end justify-start katex kbd keep keeping keeps keyboard keyboard-shortcut keydown keys keystroke keyword keywords khroma known-token-names kopieren label landing language-switcher last:border-b-0 later latest launch layout lazy leading-normal leading-relaxed leading-snug leading-tight leaf- leak leaves left left-0 left:calc legend legitimate length lets letter-spacing lg lg:block lg:border lg:border-fg lg:border-solid lg:flex lg:flex-col lg:flex-row lg:gap-hsp-xl lg:grid-cols-3 lg:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] lg:h-[90vh] lg:hidden lg:justify-start lg:m-auto lg:max-h-[90vh] lg:max-w-[52.5rem] lg:ml-[var(--zd-sidebar-w)] lg:pt-vsp-2xl lg:px-hsp-2xl lg:py-vsp-2xl lg:text-left lg:w-[90vw] lg:w-[clamp(16rem,25%,22rem)] li li2 library license light light/dark like likely line line-height line/statement linger link link- links list list-disc list-none listener lists literal literals lives llms llms-txt load loaded loading local local-1 local-2 local-3 locale locales log longer longest-match look lostpointercapture lower luminance m m-0 m-auto m21 m6 machinery main major make malformed malicious manually maps mark marks match matches matching math math-display math-inline max max-h-[85vh] max-h-[90vh] max-h-full max-h-none max-w-[64rem] max-w-[85%] max-w-[85vw] max-w-[90vw] max-w-[calc(100vw-2rem)] max-w-[clamp(50rem,75vw,90rem)] max-w-full max-w-none max-w-sm max-width may mb-0 mb-vsp-2xs mb-vsp-lg mb-vsp-md mb-vsp-sm mb-vsp-xl mb-vsp-xs measures measuring mechanism menu mermaid message messages meta meta-knob meta-schema metadata migration min-h-0 min-h-[60vh] min-h-[calc(100vh-3.5rem)] min-h-screen min-w-0 min-w-[10rem] min-w-[3rem] min-w-[8rem] minifier minor mirror mirrors missing mit ml-auto ml-hsp-2xl ml-hsp-lg ml-hsp-sm ml-hsp-xl mobile mod modal modal-backdrop mode modify module monospace more most mounted mouseenter mouseleave move mr-hsp-sm ms mt-0 mt-vsp-2xl mt-vsp-2xs mt-vsp-3xs mt-vsp-lg mt-vsp-md mt-vsp-xl must mutates mutation mutations muted mx-auto my-vsp-lg my-vsp-md n name named names native nav nav-active nav-card- nav/doc navigating navigation navigations near needs neither nested neutral new newly-swapped next nicht no no-color-scheme no-data-theme-selector no-enlarge no-op no-repeat no-underline noch node node:buffer node:fs node:fs/promises node:module node:path node:url nodes nofollow noindex non-empty non-light-dark non-literal non-persisted none noopener noreferrer normal noscript not notable note notes now null number numeric object object-contain observe observer occurred of off ofl-required og:description og:image og:image:alt og:image:height og:image:width og:title og:type og:url oklch ol old older on once one only onto opacity-60 open open/close option or original other others out outgoing outline-none over overflow overflow-auto overflow-hidden overflow-x-auto overflow-y-auto overflow-y:auto override overrides overscroll-contain overwrite own owned p p-0 p-hsp-2xs p-hsp-lg p-hsp-md p-hsp-sm pack package package-owned packages packs padding page page-loading page-loading-overlay page-loading-spinner page-navigate-end page-title pages pages/. paint paint-and-read palette pan panel panels paren-balance-aware parent parse parsed parser parses part pass passed passes patch path paths pattern payload payload-budget pb-[50vh] pb-vsp-md pb-vsp-xl pb-vsp-xs per per-link permanently persisted pi pick picked picks picocolors pins pipelines pl-[1.25rem] pl-hsp-lg pl-hsp-sm pl-hsp-xl place placeholder placeholder:text-muted plain plural plus pnpm point pointer-events-none pointercancel pointerdown pointermove pointerup polite polygon polyline popover populates port position position:fixed pr-[4px] pr-hsp-lg pr-hsp-md pr-hsp-sm pr-hsp-xl pre pre-lowercased preact preact/compat preact/hooks preact/jsx-runtime preconnect prefix preload pres present preserving preview preview-swatch-color previews2026 previously primary print produce produced produces producing production project project-owned project-root-relative properties property props prose provided proxy pt-[0.15rem] pt-[2px] pt-vsp-3xs pt-vsp-md pt-vsp-sm pt-vsp-xl pt-vsp-xs ptag- public purely px px-hsp-2xl px-hsp-2xs px-hsp-lg px-hsp-md px-hsp-sm px-hsp-xl px-hsp-xs py-0 py-[2px] py-[4px] py-[calc(var(--spacing-vsp-xs)+0.15rem)] py-hsp-2xs py-hsp-3xs py-hsp-sm py-hsp-xs py-vsp-2xs py-vsp-3xs py-vsp-lg py-vsp-md py-vsp-sm py-vsp-xl py-vsp-xs q query question quick r radius radius-full radius-lg rail ramp range rather raw re-encode/decode re-querying re-render re-renders re-run re-running re-selects reach reached reaches read reading real real-value received receives recorded recovers rect redefine redistribution ref- referenced references refetch refreshes regenerate regenerates regex registry reinit reinits rel relative release released reload relying rem remove removed render rendered renderer renderers renders reorder repaint repair repeated repeating replace replaced replacement replaces repopulate repository required requires reserved resize resize-x resolve resolved resolves responded response restore restores restyle result result-click results results-area retry return returns revision revisions rewrite rewrites right right- right-0 right-hsp-lg ring-2 ring-accent risking ro robots role roles root rotate-180 rotate-90 round round-trip rounded rounded-[0.75rem] rounded-bl-[0.25rem] rounded-bl-[1rem] rounded-bl-lg rounded-br-[0.25rem] rounded-br-[1rem] rounded-full rounded-lg rounded-md rounded-t-[1rem] rounds route router routes routes-src running runs runtime s safe safely safer same same-locale samp sans sans-serif scale scanned scanning scheme scoped scoping scored script script- script-eval script-evaluation script-injection scripts scroll scrollbar scrolled scrollend seam search search-index section section- see sehen select select-none selection-bg selection-fg selector self self-hosted self-start semantic semibold semver sentinel separator serialised serialize server server-rendered set sets setting setup shadow-[0_1px_3px_color-mix(in_srgb,var(--color-fg)_8%,transparent)] shadow-lg shadow-md shape share shared sharing shell ship shipped ships short shortcut should show shown shrink-0 sidebar sidebar- sidebar-toggle-island sidebar-tree-island sidebar-w signal silently similarity simple single single-line single-object-literal singular site site-search site-tree-nav-island sitemap- sites size skill skills skipping skips slash slug slug-dir-parity sm:border sm:border-muted sm:flex-row sm:grid-cols-2 sm:h-auto sm:items-center sm:justify-between sm:max-h-[80vh] sm:max-w-[52rem] sm:mx-auto sm:my-[10vh] sm:rounded-lg small smooth snapshot snapshots so soft soft-nav solid some somehow source sources space-y-vsp-2xs spacing spacing-0 spacing-px span spans spec specifiers splitter spread spurious square sr-only src stable stack stale standalone start state state- state:state- status stay staying sticky still stock stop stored stray strict string strings strip stripe strips stroke-linecap stroke-linejoin stroke-width strong stronger style style-attribute styled styles stylesheet sub subagents subsequent substitute success successful summary sup supported surface surfaces survives svg swap swapped swaps switcher synchronous synchronously syntactically syntax t tab tab-item tab-panel tabindex table tablist tabpanel tabs tabs-container tabs-content tabs-nav tag tag- tag-item- tagged tags tags:audit take tbody td temp-element template temporary temporary-element terminal terms test-results tested text text-accent text-bg text-body text-caption text-center text-chat-assistant-text text-chat-user-text text-code-fg text-danger text-decoration text-display text-fg text-fg/60 text-heading text-info text-left text-micro text-muted text-muted/50 text-right text-scale-2xl text-scale-2xs text-scale-lg text-scale-md text-scale-sm text-scale-xl text-scale-xs text-small text-title text-warning text/css text/plain textarea tfoot th than that the thead their them theme theme-color theme-pack theme-pack-changed theme-packs theme-packs/index.json theme-toggle theme/token then there these they this those threw through throw tighten time tip title to toast toc toggle toggle-ai-chat toggle-design-token-panel toggles token tokens tolerates too toolbar tooltip top-0 top-[3.5rem] top-full top-level total touches tp tr tracked tracking-wide tracking-wider trade-off trailing transition transition-[background,color,border-color] transition-[left,color] transition-colors transition-transform translate-x-0 translated translations transparent treats tree tree-child- tree-item- tree-top- trigger trigger:ai-chat trigger:design-token-panel triggers true truncate truncated try turn twitter:card twitter:creator twitter:description twitter:image twitter:site twitter:title two type typeface typography u ul umschalten unavailable unbalanced unchanged und undefined under underline underlines understand unit-tested unknown unlike unlisted unmaintained unobserve unreadable unrelated unreleased unset unterminated until up up-to-date uppercase use used user uses usual utf-8 utf8 utilities utility v v2 val value value-reader values var variable variant verbatim version version- version-menu version-switcher versions vertical via video viewing viewport viewports virtual:zudo-doc-chrome-bindings virtual:zudo-doc-design-token-panel-config virtual:zudo-doc-route-context visible vocabulary von vsp vsp-2xl vsp-2xs vsp-3xs vsp-lg vsp-md vsp-sm vsp-xl vsp-xs w w-1/2 w-10 w-48 w-72 w-[0.5rem] w-[0.625rem] w-[0.875rem] w-[1.125rem] w-[1.575rem] w-[1.5rem] w-[1.75rem] w-[14px] w-[16px] w-[16rem] w-[18px] w-[1em] w-[280px] w-[2rem] w-[320px] w-[90vw] w-[calc(100vw-2rem)] w-[var(--zd-sidebar-w)] w-dvw w-full w-icon-lg w-icon-md w-icon-sm w-icon-xs want warn warning was watching wbr wbr- we website weight went were what when where whereas whether which while whitespace-nowrap whitespace-pre whole wide wide-gamut width will wird wired with without word wordmark working worktrees would wrap wrapper wrappers written wrong wrote wurde xl:flex xl:hidden y-scrollbar yet you your z-dropdown z-local-1 z-modal z-modal-backdrop z-popover z-sidebar z-toolbar zd-content zd-desktop-sidebar-toggle zd-doc-content-band zd-enlarge-btn zd-enlarge-dialog zd-enlarge-dialog-close zd-enlargeable zd-html-preview-code zd-mermaid-dialog zd-mermaid-enlargeable zd-mermaid-tool-btn zd-mermaid-toolbar zd-mermaid-transform zd-mermaid-viewport zd-sidebar-content-wrapper zd-sidebar-open zd-theme-pack-dialog-title zfb zfb:after-swap zfb:before-preparation zod zoom zudo-design-tokens/v3 zudo-doc zudo-doc-design-token-panel-modal zudo-doc-design-tokens zudo-doc-sidebar-visible zudo-doc-sidebar-width zudo-doc-theme zudo-doc-theme-pack zudo-doc-tweak zum");

package/dist/settings.d.ts

@@ -154,6 +154,11 @@ export interface FrontmatterPreviewConfig {
      */
     extraIgnoreKeys?: string[];
 }
+/** Home-page layout options used by the package-owned root and locale routes. */
+export interface HomeConfig {
+    /** Widen the home content band for larger multi-column navigation grids. */
+    wide?: boolean;
+}
 export type TagPlacement = "after-title" | "before-pager";
 export interface VersionConfig {
     /** Version identifier, used in URL path (e.g., "1.0", "v1") */
@@ -256,6 +261,8 @@ export interface Settings {
     siteDescription: string;
     base: string;
     trailingSlash: boolean;
+    /** Package-owned home-page layout. Narrow when omitted. */
+    home?: HomeConfig;
     /** Minify production HTML output from `zfb build`. Defaults to `true` when omitted. */
     minifyHtml?: boolean;
     docsDir: string;
@@ -310,6 +317,7 @@ export interface Settings {
     dynamicPageTransition: boolean;
     frontmatterPreview: FrontmatterPreviewConfig | false;
     docHistory: boolean;
+    docHistoryExclude: string[];
     bodyFootUtilArea: BodyFootUtilAreaConfig | false;
     htmlPreview: HtmlPreviewConfig | undefined;
     versions: VersionConfig[] | false;

package/dist/theme-packs/hearth/pack.css

@@ -292,9 +292,8 @@ html[data-theme-pack="hearth"] .zd-content blockquote {
   color: light-dark(oklch(0.38 0.052 42), oklch(0.83 0.032 70));
 }
 
-/* admonitions: soft-cornered, warm-shadowed, hearth icon swaps on
-   the prototype's three variants (candle / coffee / fire); the other
-   four variants keep the stock icons */
+/* admonitions: soft-cornered, warm-shadowed, with a distinct icon
+   from the hearth and fireside vocabulary for every variant */
 html[data-theme-pack="hearth"] [data-admonition] {
   box-shadow: 0 8px 18px -14px light-dark(oklch(0.42 0.09 45 / 0.2), oklch(0.05 0.01 45 / 0.6));
 }
@@ -304,9 +303,21 @@ html[data-theme-pack="hearth"] [data-admonition="note"] .admonition-title::befor
 html[data-theme-pack="hearth"] [data-admonition="tip"] .admonition-title::before {
   content: "☕ ";
 }
+html[data-theme-pack="hearth"] [data-admonition="info"] .admonition-title::before {
+  content: "📜 ";
+}
 html[data-theme-pack="hearth"] [data-admonition="warning"] .admonition-title::before {
   content: "🔥 ";
 }
+html[data-theme-pack="hearth"] [data-admonition="important"] .admonition-title::before {
+  content: "🔔 ";
+}
+html[data-theme-pack="hearth"] [data-admonition="danger"] .admonition-title::before {
+  content: "🧯 ";
+}
+html[data-theme-pack="hearth"] [data-admonition="caution"] .admonition-title::before {
+  content: "♨️ ";
+}
 
 /* table: brick Fraunces header over an accent rule, warm row hover */
 html[data-theme-pack="hearth"] .zd-content th {

package/dist/theme-packs-registry/validator.js

@@ -174,6 +174,25 @@ function checkFontFaceParity(cssContent, meta, issues) {
     }
   }
 }
+function checkFontFileExistence(cssContent, fontFiles, issues) {
+  const availableFiles = new Set(fontFiles);
+  const urlRe = /url\(\s*(?:"([^"]*)"|'([^']*)'|([^)]*))\s*\)/gi;
+  for (const rule of parseTopLevelRules(cssContent)) {
+    if (!isFontFaceRule(rule)) continue;
+    let match;
+    while ((match = urlRe.exec(rule.body)) !== null) {
+      const url = (match[1] ?? match[2] ?? match[3] ?? "").trim();
+      if (!url.startsWith("./fonts/") || /[?#]/.test(url)) continue;
+      const basename = url.slice("./fonts/".length).split("/").pop();
+      if (!basename || availableFiles.has(basename)) continue;
+      issues.push({
+        rule: "font-file-missing",
+        severity: "error",
+        message: `@font-face references "${url}" but "${basename}" is not present in fonts/`
+      });
+    }
+  }
+}
 function isPlainColorValue(value) {
   const v = value.trim();
   if (/var\(|light-dark\(/i.test(v)) return false;
@@ -206,7 +225,10 @@ function checkPreviewSwatches(meta, issues) {
   }
 }
 function checkCommercialDenylist(cssContent, meta, issues) {
-  const scannedCss = (cssContent ?? "").replace(/\[data-theme-pack="[^"]*"\]/g, "");
+  const scannedCss = stripComments(cssContent ?? "").replace(
+    /\[data-theme-pack="[^"]*"\]/g,
+    ""
+  );
   const haystack = [
     scannedCss,
     meta.fonts.sans,
@@ -268,6 +290,7 @@ function validateThemePack(input) {
     checkImportantAllowlist(input.cssContent, issues);
     checkNoColorScheme(input.cssContent, issues);
     checkNoDataThemeSelector(input.cssContent, issues);
+    checkFontFileExistence(input.cssContent, input.fontFiles, issues);
   }
   if (meta) {
     checkFontFaceParity(input.cssContent, meta, issues);

package/dist/theme.css

@@ -211,7 +211,7 @@
  * GENERATED:Z_INDEX block that used to live in every project's global.css is
  * now opt-in customization only, not a mandatory per-project artifact.
  * ======================================== */
-@theme {
+@theme inline {
   --z-index-content: 0;
   --z-index-local-1: 1;
   --z-index-local-2: 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zudo-doc",
-  "version": "4.2.1",
+  "version": "4.3.0",
   "type": "module",
   "description": "zudo-doc framework primitives layer that sits on top of zfb's engine — sidebar, theme, TOC, breadcrumb, layouts, head injection, View Transitions, SSR-skip wrappers (per ADR-003).",
   "license": "MIT",
@@ -596,7 +596,6 @@
     "diff": "^8.0.0",
     "katex": "^0.16.0",
     "preact": "^10.29.1",
-    "shiki": "^4.0.2",
     "zod": "^4.3.6"
   },
   "peerDependenciesMeta": {
@@ -609,9 +608,6 @@
     "@takazudo/zfb-md-wasm": {
       "optional": true
     },
-    "shiki": {
-      "optional": true
-    },
     "katex": {
       "optional": true
     },
@@ -642,12 +638,11 @@
     "happy-dom": "^20.10.6",
     "preact": "^10.29.1",
     "preact-render-to-string": "^6.6.6",
-    "shiki": "^4.0.2",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
     "vitest": "^4.1.0",
     "zod": "^4.3.6",
-    "@takazudo/zudo-doc-history-server": "4.2.1"
+    "@takazudo/zudo-doc-history-server": "4.3.0"
   },
   "scripts": {
     "build": "tsup && tsc -p tsconfig.build.json",

package/routes-src/index.tsx

@@ -11,7 +11,7 @@
 // the result to the shared home body factory.
 
 import type { JSX } from "preact";
-import { defaultLocale, routeCtx } from "./_context.js";
+import { defaultLocale, routeCtx, settings } from "./_context.js";
 import { prepareHomeData } from "@takazudo/zudo-doc/home-page";
 import { HomePageView } from "./_chrome.js";
 
@@ -23,6 +23,12 @@ export default function IndexPage(): JSX.Element {
   const { tree, categoryOrder, tagCount } = prepareHomeData(routeCtx, locale);
 
   return (
-    <HomePageView locale={locale} tree={tree} categoryOrder={categoryOrder} tagCount={tagCount} />
+    <HomePageView
+      locale={locale}
+      tree={tree}
+      categoryOrder={categoryOrder}
+      tagCount={tagCount}
+      wide={settings.home?.wide ?? false}
+    />
   );
 }

package/routes-src/locale-index.tsx

@@ -37,6 +37,12 @@ export default function LocaleIndexPage({ params }: PageArgs): JSX.Element {
   const { tree, categoryOrder, tagCount } = prepareHomeData(routeCtx, locale);
 
   return (
-    <HomePageView locale={locale} tree={tree} categoryOrder={categoryOrder} tagCount={tagCount} />
+    <HomePageView
+      locale={locale}
+      tree={tree}
+      categoryOrder={categoryOrder}
+      tagCount={tagCount}
+      wide={settings.home?.wide ?? false}
+    />
   );
 }