@takazudo/zudo-doc 8.0.0 → 8.1.1

package/eject/site-tree-nav-island/index.tsx

@@ -12,6 +12,7 @@ import type { ResolvedDateFormats } from "../settings.js";
 import {
   INDENT,
   connectorLeft,
+  connectorLabelStart,
   ConnectorLines,
   CategoryLinkIcon,
 } from "../tree-nav-shared/index.js";
@@ -30,9 +31,15 @@ import { initialCategoryOpenState, toggleCategoryOpenState } from "./state.js";
 // site-tree-nav uses wider padding than the narrow sidebar
 const SITE_BASE_PAD = "clamp(0.5rem, 0.8vw, 1rem)";
 
+// The homepage draws its connectors at twice the sidebar width, so on wide
+// viewports the branch endpoint passes the fixed label indent. The label starts
+// at whichever is further right: that indent, or the endpoint plus a gap.
+const CONNECTOR_WIDTH_SCALE = 2;
+const CONNECTOR_LABEL_GAP = "var(--spacing-hsp-xs)";
+
 function padLeft(depth: number): string {
   if (depth === 0) return SITE_BASE_PAD;
-  return `calc(${depth} * ${INDENT} + 1.25rem + 5px)`;
+  return `max(calc(${depth} * ${INDENT} + 1.25rem + 5px), ${connectorLabelStart(depth, CONNECTOR_WIDTH_SCALE, CONNECTOR_LABEL_GAP)})`;
 }
 
 function reorderTree(tree: SidebarNavNode[], order: string[]): SidebarNavNode[] {
@@ -223,7 +230,7 @@ function CategoryNode({
             <ConnectorLines
               depth={depth}
               isLast={true}
-              widthScale={2}
+              widthScale={CONNECTOR_WIDTH_SCALE}
               topPad="calc(0.15rem + var(--spacing-vsp-xs))"
             />
           )}
@@ -233,7 +240,7 @@ function CategoryNode({
             <ConnectorLines
               depth={depth}
               isLast={false}
-              widthScale={2}
+              widthScale={CONNECTOR_WIDTH_SCALE}
               topPad="calc(0.15rem + var(--spacing-vsp-xs))"
             />
           )}
@@ -436,13 +443,13 @@ function NoteTrayRow({
         <a
           href={computed(() => href.value ?? "")}
           data-note-tray-row
-          class="flex items-start gap-hsp-sm py-vsp-2xs text-small text-fg hover:text-accent hover:underline focus:underline focus-visible:text-accent"
+          class="group flex items-start gap-hsp-sm py-vsp-2xs text-small text-fg hover:text-accent hover:underline focus:underline focus-visible:text-accent"
         >
           <Show
             when={computed(() => Boolean(dateLabel.value))}
             fallback={() => (
               <span
-                class="shrink-0 font-mono tabular-nums text-caption text-muted"
+                class="shrink-0 font-mono tabular-nums text-caption text-muted group-hover:text-accent group-focus-visible:text-accent"
                 style={computed(() => ({ width: `${width.value}ch` }))}
               >
                 {rankLabel}
@@ -452,7 +459,7 @@ function NoteTrayRow({
             {() => (
               <time
                 datetime={computed(() => item.value.date ?? "")}
-                class="shrink-0 font-mono tabular-nums text-caption text-muted"
+                class="shrink-0 font-mono tabular-nums text-caption text-muted group-hover:text-accent group-focus-visible:text-accent"
               >
                 {computed(() => dateLabel.value ?? "")}
               </time>
@@ -495,7 +502,7 @@ function LeafNode({
                 <ConnectorLines
                   depth={depth}
                   isLast={true}
-                  widthScale={2}
+                  widthScale={CONNECTOR_WIDTH_SCALE}
                   topPad={topPad}
                 />
               )}
@@ -505,7 +512,7 @@ function LeafNode({
                 <ConnectorLines
                   depth={depth}
                   isLast={false}
-                  widthScale={2}
+                  widthScale={CONNECTOR_WIDTH_SCALE}
                   topPad={topPad}
                 />
               )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zudo-doc",
-  "version": "8.0.0",
+  "version": "8.1.1",
   "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",
@@ -206,6 +206,14 @@
       "types": "./dist/plugins/zdtp-loader.d.ts",
       "default": "./dist/plugins/zdtp-loader.js"
     },
+    "./plugins/katex-loader": {
+      "types": "./dist/plugins/katex-loader.d.ts",
+      "default": "./dist/plugins/katex-loader.js"
+    },
+    "./plugins/diff-loader": {
+      "types": "./dist/plugins/diff-loader.d.ts",
+      "default": "./dist/plugins/diff-loader.js"
+    },
     "./content-admonition": {
       "types": "./dist/content-admonition/index.d.ts",
       "default": "./dist/content-admonition/index.js"
@@ -712,6 +720,14 @@
     "./zdtp-loader": {
       "types": "./dist/zdtp-loader.d.ts",
       "default": "./dist/zdtp-loader.js"
+    },
+    "./katex-loader": {
+      "types": "./dist/katex-loader.d.ts",
+      "default": "./dist/katex-loader.js"
+    },
+    "./diff-loader": {
+      "types": "./dist/diff-loader.d.ts",
+      "default": "./dist/diff-loader.js"
     }
   },
   "bin": {
@@ -736,9 +752,9 @@
   "peerDependencies": {
     "@modelcontextprotocol/sdk": "1.32.2",
     "@takazudo/zdtp": "^0.5.2 || ^0.6.0 || ^0.7.0 || ^0.8.0",
-    "@takazudo/zfb": "^5.0.1",
-    "@takazudo/zfb-md-wasm": "^5.0.1",
-    "@takazudo/zfb-runtime": "^5.0.1",
+    "@takazudo/zfb": "^5.1.3",
+    "@takazudo/zfb-md-wasm": "^5.1.3",
+    "@takazudo/zfb-runtime": "^5.1.3",
     "@takazudo/zudo-doc-history-server": "^8.0.0",
     "diff": "^8.0.0",
     "katex": "^0.18.2 || ^0.19.0",
@@ -779,9 +795,9 @@
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.32.2",
     "@takazudo/mdx-formatter": "1.3.0",
-    "@takazudo/zfb": "5.0.1",
-    "@takazudo/zfb-md-wasm": "5.0.1",
-    "@takazudo/zfb-runtime": "5.0.1",
+    "@takazudo/zfb": "5.1.3",
+    "@takazudo/zfb-md-wasm": "5.1.3",
+    "@takazudo/zfb-runtime": "5.1.3",
     "@types/fs-extra": "^11.0.4",
     "@types/minimist": "^1.2.5",
     "@types/node": "^25.3.5",
@@ -791,7 +807,7 @@
     "typescript": "^5.0.0",
     "vitest": "^4.1.0",
     "zod": "^4.3.6",
-    "@takazudo/zudo-doc-history-server": "8.0.0"
+    "@takazudo/zudo-doc-history-server": "8.1.1"
   },
   "scripts": {
     "gen:search-widget-script": "node scripts/gen-search-widget-script.mjs",