for-humanity 0.6.0 → 0.7.1

package/dist/cli.js

@@ -4,7 +4,7 @@
 import { EventEmitter } from "node:events";
 import { existsSync as existsSync3, readFileSync as readFileSync3, watch } from "node:fs";
 import { copyFile, mkdir, rm, writeFile } from "node:fs/promises";
-import { basename as basename2, dirname as dirname4, extname as extname4, join as join4, relative as relative4, resolve as resolve3, sep as sep3 } from "node:path";
+import { dirname as dirname4, extname as extname4, join as join4, relative as relative4, resolve as resolve3, sep as sep3 } from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { serve } from "@hono/node-server";
 import { serveStatic } from "@hono/node-server/serve-static";
@@ -48,7 +48,6 @@ var copy_home_missing = "\uBB38\uC11C \uD3F4\uB354\uC5D0 README.md\uB97C \uCD94\
 var copy_nav_toc_label = "On this page";
 var copy_error_home_clash = "\uD648 README\uAC00 \uACB9\uCE5C\uB2E4";
 var copy_error_prefix = "for-humanity";
-var copy_error_font_preload = "Missing bundled font for preload";
 var copy_error_unknown_command = "\uBAA8\uB974\uB294 \uBA85\uB839\uC774\uB2E4";
 var copy_error_config = "\uC124\uC815\uC774 \uD2C0\uB838\uB2E4";
 var copy_error_site_url = "url\uC740 \uC0AC\uC6A9\uC790 \uC815\uBCF4\xB7\uD558\uC704 \uACBD\uB85C\xB7query\xB7hash\uAC00 \uC5C6\uB294 HTTP(S) \uC0AC\uC774\uD2B8 \uB8E8\uD2B8\uC5EC\uC57C \uD55C\uB2E4";
@@ -67,10 +66,9 @@ var copy_warn_unknown_status = "\uC124\uC815\uC5D0 \uC5C6\uB294 \uC0C1\uD0DC \uB
 var copy_error_asset = "\uC790\uC6D0\uC774 \uC62C\uBC14\uB974\uC9C0 \uC54A\uB2E4";
 
 // src/constant/font.ts
-var font_sans_css = "src/asset/font/pretendard/pretendardvariable-dynamic-subset.css";
-var font_mono_css = "src/asset/font/jetbrains-mono/jetbrains-mono.css";
+var font_mono_css = "src/asset/font/monoplex-kr/monoplex-kr.css";
+var font_body_css = "src/asset/font/ibm-plex-sans-kr/ibm-plex-sans-kr.css";
 var font_brand_css = "src/asset/font/architects-daughter/architects-daughter.css";
-var font_sans_preload_file = "PretendardVariable.subset.91.woff2";
 var font_display_strategy = "optional";
 var font_hash_length = 12;
 var font_cache_control = "public, max-age=31536000, immutable";
@@ -110,7 +108,7 @@ var WgProse = (props) => {
 };
 
 // src/component/widget/shell/wg-shell.tsx
-import clsx10 from "clsx";
+import clsx9 from "clsx";
 
 // src/component/widget/navigation/_constant/locale.ts
 var locale_doc_name = "en";
@@ -171,7 +169,6 @@ var toNavigationDocument = (options) => ({
   name: options.doc.data.name,
   label: options.doc.data.label,
   active: options.doc.id === options.current,
-  current: options.doc.id === options.current || options.ancestors.has(options.doc.id),
   children: options.doc.children === void 0 ? [] : options.doc.children.map((doc) => toNavigationDocument({ ...options, doc }))
 });
 
@@ -179,8 +176,7 @@ var toNavigationDocument = (options) => ({
 var toNavigationGroup = (options) => ({
   name: options.group.name,
   path: options.group.path,
-  current: options.group.path.every((name, index) => name === options.currentGroup?.[index]),
-  docs: options.group.docs.map((doc) => toNavigationDocument({ doc, current: options.current, ancestors: options.ancestors })),
+  docs: options.group.docs.map((doc) => toNavigationDocument({ doc, current: options.current })),
   groups: options.group.groups.map((group) => toNavigationGroup({ ...options, group }))
 });
 
@@ -218,19 +214,12 @@ var toTocGroups = (outline) => {
 };
 
 // src/component/widget/navigation/_function/to-navigation-data/to-navigation-data.ts
-var toNavigationData = (options) => {
-  const currentDoc = options.docs.find((doc) => doc.id === options.current);
-  const ancestors = new Set(currentDoc?.ancestors);
-  return {
-    title: options.site.title,
-    groups: toDocGroups({ docs: options.docs, navigation: options.site.navigation }).map(
-      (group) => toNavigationGroup({ group, current: options.current, ancestors, currentGroup: currentDoc?.data.group })
-    ),
-    outline: options.outline === void 0 ? [] : toTocGroups(options.outline),
-    pageId: options.current === void 0 ? "/" : options.current,
-    home: options.current === void 0
-  };
-};
+var toNavigationData = (options) => ({
+  title: options.site.title,
+  groups: toDocGroups({ docs: options.docs, navigation: options.site.navigation }).map((group) => toNavigationGroup({ group, current: options.current })),
+  outline: options.outline === void 0 ? [] : toTocGroups(options.outline),
+  home: options.current === void 0
+});
 
 // src/component/widget/navigation/_function/to-navigation-json.ts
 var toNavigationJson = (data) => {
@@ -238,7 +227,7 @@ var toNavigationJson = (data) => {
 };
 
 // src/component/widget/shell-controls/wg-shell-controls.tsx
-import clsx9 from "clsx";
+import clsx8 from "clsx";
 import { Fragment as Fragment3, useEffect, useLayoutEffect as useLayoutEffect5, useRef as useRef4 } from "hono/jsx";
 
 // src/component/widget/cursor-face/wg-cursor-face.tsx
@@ -348,13 +337,13 @@ var WgCursorFace = (props) => {
 };
 
 // src/component/widget/navigation/wg-navigation.tsx
-import clsx8 from "clsx";
+import clsx7 from "clsx";
 import { Fragment as Fragment2, useLayoutEffect as useLayoutEffect4, useRef as useRef3, useState as useState3 } from "hono/jsx";
 import { flushSync } from "hono/jsx/dom";
 
 // src/component/widget/navigation/_constant/navigation.ts
 var navigation_mobile_query = "(width < 1024px)";
-var navigation_wide_query = "(width >= 1536px)";
+var navigation_wide_query = "(width >= 1360px)";
 
 // src/component/widget/navigation/_function/restore-navigation-scroll.ts
 var restoreNavigationScroll = (options) => {
@@ -379,119 +368,51 @@ var restoreNavigationScroll = (options) => {
 };
 
 // src/component/widget/navigation/_wg-navigation-nav.tsx
-import clsx5 from "clsx";
-
-// src/component/widget/navigation/_wg-navigation-branch-toggle.tsx
-import clsx3 from "clsx";
-
-// src/component/widget/navigation/_function/to-navigation-branch-id.ts
-var toNavigationBranchId = (key) => {
-  return `fh-branch-${encodeURIComponent(key)}`;
-};
-
-// src/component/widget/navigation/_wg-navigation-branch-toggle.tsx
-import { jsx as jsx3 } from "hono/jsx/jsx-runtime";
-var WgNavigationBranchToggle = (props) => {
-  const handleToggleClick = () => props.onToggle?.(props.branchKey);
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      className: clsx3("wg_navigationBranchToggle__root"),
-      type: "button",
-      "aria-label": `${props.collapsed[props.branchKey] === true ? "Expand" : "Collapse"} ${props.label}`,
-      "aria-expanded": String(props.collapsed[props.branchKey] !== true),
-      "aria-controls": toNavigationBranchId(props.branchKey),
-      "data-navigation-toggle": props.branchKey,
-      "data-navigation-label": props.label,
-      hidden: props.onToggle === void 0,
-      onClick: handleToggleClick,
-      children: props.collapsed[props.branchKey] === true ? "+" : "\u2212"
-    }
-  );
-};
+import clsx4 from "clsx";
 
 // src/component/widget/navigation/_wg-navigation-nav-list.tsx
-import clsx4 from "clsx";
+import clsx3 from "clsx";
 import { Fragment } from "hono/jsx";
-import { jsx as jsx4, jsxs as jsxs2 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "hono/jsx/jsx-runtime";
 var WgNavigationNavList = (props) => {
   const entries = [
-    ...props.group.docs.map((doc) => {
-      const active = doc.active;
-      return { kind: "document", key: `doc:${doc.id}`, doc, active, current: doc.current };
-    }),
-    ...props.group.groups.map((group) => ({
-      kind: "group",
-      key: `group:${JSON.stringify(group.path)}`,
-      group,
-      current: group.current
-    }))
+    ...props.group.docs.map((doc) => ({ kind: "document", key: `doc:${doc.id}`, doc })),
+    ...props.group.groups.map((group) => ({ kind: "group", key: `group:${JSON.stringify(group.path)}`, group }))
   ];
-  const currentIndex = entries.findIndex((entry) => entry.current);
-  return /* @__PURE__ */ jsx4(
-    "ul",
-    {
-      className: clsx4("wg_navigationNavList__root"),
-      "aria-label": props.group.name,
-      id: toNavigationBranchId(props.branchKey),
-      hidden: props.collapsed[props.branchKey] === true,
-      children: entries.map((entry, index) => /* @__PURE__ */ jsxs2(
-        "li",
+  return /* @__PURE__ */ jsx3("ul", { className: clsx3("wg_navigationNavList__root"), "aria-label": props.group.name, children: entries.map((entry) => /* @__PURE__ */ jsxs2("li", { className: clsx3("wg_navigationNavList__item"), children: [
+    entry.kind === "document" && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
+        "a",
         {
-          className: clsx4("wg_navigationNavList__item", {
-            "wg_navigationNavList__item--trail": index < currentIndex,
-            "wg_navigationNavList__item--current": entry.current
-          }),
-          children: [
-            entry.kind === "document" && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx4(
-                "a",
-                {
-                  className: clsx4("wg_navigationNavList__link", { "wg_navigationNavList__link--active": entry.active }),
-                  href: `/${entry.doc.id}/`,
-                  title: entry.doc.label,
-                  "aria-current": entry.active ? "page" : void 0,
-                  children: entry.doc.name
-                }
-              ),
-              entry.doc.children.length > 0 && /* @__PURE__ */ jsx4(WgNavigationBranchToggle, { branchKey: entry.key, label: entry.doc.name, collapsed: props.collapsed, onToggle: props.onToggle }),
-              entry.doc.children.length > 0 && /* @__PURE__ */ jsx4(
-                WgNavigationNavList,
-                {
-                  group: { name: entry.doc.name, path: props.group.path, current: entry.current, docs: entry.doc.children, groups: [] },
-                  collapsed: props.collapsed,
-                  onToggle: props.onToggle,
-                  branchKey: entry.key
-                }
-              )
-            ] }),
-            entry.kind === "group" && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx4("span", { className: clsx4("wg_navigationNavList__branch"), children: entry.group.name }),
-              /* @__PURE__ */ jsx4(WgNavigationBranchToggle, { branchKey: entry.key, label: entry.group.name, collapsed: props.collapsed, onToggle: props.onToggle }),
-              /* @__PURE__ */ jsx4(WgNavigationNavList, { group: entry.group, collapsed: props.collapsed, onToggle: props.onToggle, branchKey: entry.key })
-            ] })
-          ]
-        },
-        entry.key
-      ))
-    }
-  );
+          className: clsx3("wg_navigationNavList__link", { "wg_navigationNavList__link--active": entry.doc.active }),
+          href: `/${entry.doc.id}/`,
+          title: entry.doc.label,
+          "aria-current": entry.doc.active ? "page" : void 0,
+          children: entry.doc.name
+        }
+      ),
+      entry.doc.children.length > 0 && /* @__PURE__ */ jsx3(WgNavigationNavList, { group: { name: entry.doc.name, path: props.group.path, docs: entry.doc.children, groups: [] } })
+    ] }),
+    entry.kind === "group" && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3("span", { className: clsx3("wg_navigationNavList__branch"), children: entry.group.name }),
+      /* @__PURE__ */ jsx3(WgNavigationNavList, { group: entry.group })
+    ] })
+  ] }, entry.key)) });
 };
 
 // src/component/widget/navigation/_wg-navigation-nav.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "hono/jsx/jsx-runtime";
 var WgNavigationNav = (props) => {
-  return /* @__PURE__ */ jsx5("nav", { className: clsx5("wg_navigationNav__root"), "aria-label": copy_nav_aria_label, children: /* @__PURE__ */ jsx5("div", { className: clsx5("wg_navigationNav__docs"), children: props.groups.map((group) => /* @__PURE__ */ jsxs3("section", { className: clsx5("wg_navigationNav__docGroup"), "aria-label": group.name, children: [
-    /* @__PURE__ */ jsx5("div", { className: clsx5("wg_navigationNav__group"), children: group.name }),
-    /* @__PURE__ */ jsx5(WgNavigationBranchToggle, { branchKey: `group:${JSON.stringify(group.path)}`, label: group.name, collapsed: props.collapsed, onToggle: props.onToggle }),
-    /* @__PURE__ */ jsx5(WgNavigationNavList, { group, branchKey: `group:${JSON.stringify(group.path)}`, collapsed: props.collapsed, onToggle: props.onToggle })
+  return /* @__PURE__ */ jsx4("nav", { className: clsx4("wg_navigationNav__root"), "aria-label": copy_nav_aria_label, children: /* @__PURE__ */ jsx4("div", { className: clsx4("wg_navigationNav__docs"), children: props.groups.map((group) => /* @__PURE__ */ jsxs3("section", { className: clsx4("wg_navigationNav__docGroup"), "aria-label": group.name, children: [
+    /* @__PURE__ */ jsx4("div", { className: clsx4("wg_navigationNav__group"), children: group.name }),
+    /* @__PURE__ */ jsx4(WgNavigationNavList, { group })
   ] }, JSON.stringify(group.path))) }) });
 };
 
 // src/component/widget/navigation/_wg-navigation-scroll.tsx
-import clsx6 from "clsx";
+import clsx5 from "clsx";
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState } from "hono/jsx";
-import { jsx as jsx6 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx5 } from "hono/jsx/jsx-runtime";
 var WgNavigationScroll = (props) => {
   const [overflow, setOverflow] = useState({ above: false, below: false });
   const frameRef = useRef2(0);
@@ -536,11 +457,11 @@ var WgNavigationScroll = (props) => {
   }, [props.children, props.ready]);
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: 부모의 링크 이벤트 위임이며 자식 a·button의 네이티브 키보드 동작을 그대로 소비한다
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5(
       "div",
       {
         ref: props.ready ? props.portRef : void 0,
-        className: clsx6(
+        className: clsx5(
           "wg_navigation__scroll",
           props.kind === "documents" && "wg_navigation__documents",
           props.kind === "outline" && "wg_navigation__headings",
@@ -558,7 +479,7 @@ var WgNavigationScroll = (props) => {
 };
 
 // src/component/widget/navigation/_wg-navigation-toc.tsx
-import clsx7 from "clsx";
+import clsx6 from "clsx";
 import { useLayoutEffect as useLayoutEffect3, useState as useState2 } from "hono/jsx";
 
 // src/component/widget/navigation/_constant/reading-line.ts
@@ -580,7 +501,7 @@ var findHashTarget = (hash) => {
 };
 
 // src/component/widget/navigation/_wg-navigation-toc.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "hono/jsx/jsx-runtime";
 var WgNavigationToc = (props) => {
   const [currentSlug, setCurrentSlug] = useState2();
   useLayoutEffect3(() => {
@@ -613,75 +534,37 @@ var WgNavigationToc = (props) => {
       document.removeEventListener("DOMContentLoaded", handleReadingPositionChange);
     };
   }, [props.groups]);
-  return /* @__PURE__ */ jsxs4("nav", { className: clsx7("wg_navigationToc__root"), "aria-label": copy_nav_toc_label, children: [
-    /* @__PURE__ */ jsx7("div", { className: clsx7("wg_navigationToc__label"), children: copy_nav_toc_label }),
-    props.groups.map((group) => {
-      const currentIndex = group.sections.findIndex((section) => section.heading.slug === currentSlug || section.subs.some((sub) => sub.heading.slug === currentSlug));
-      const partKey = `outline:${props.pageId}:part:${group.sections[0].heading.slug}`;
-      return /* @__PURE__ */ jsxs4(
-        "div",
-        {
-          className: clsx7("wg_navigationToc__groupSection", { "wg_navigationToc__groupSection--named": group.part !== void 0 }),
-          children: [
-            group.part !== void 0 && /* @__PURE__ */ jsx7("div", { className: clsx7("wg_navigationToc__group"), children: group.part }),
-            group.part !== void 0 && /* @__PURE__ */ jsx7(WgNavigationBranchToggle, { branchKey: partKey, label: group.part, collapsed: props.collapsed, onToggle: props.onToggle }),
-            /* @__PURE__ */ jsx7("ul", { className: clsx7("wg_navigationToc__list"), id: toNavigationBranchId(partKey), hidden: props.collapsed[partKey] === true, children: group.sections.map((section, index) => {
-              const currentSubIndex = section.subs.findIndex((sub) => sub.heading.slug === currentSlug);
-              const sectionKey = `outline:${props.pageId}:heading:${section.heading.slug}`;
-              return /* @__PURE__ */ jsxs4(
-                "li",
-                {
-                  className: clsx7("wg_navigationToc__item", {
-                    "wg_navigationToc__item--trail": index < currentIndex,
-                    "wg_navigationToc__item--current": index === currentIndex
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsx7(
-                      "a",
-                      {
-                        className: clsx7("wg_navigationToc__link", { "wg_navigationToc__link--active": section.heading.slug === currentSlug }),
-                        href: `#${section.heading.slug}`,
-                        "data-toc-link": "",
-                        "aria-current": section.heading.slug === currentSlug ? "location" : void 0,
-                        children: section.heading.text
-                      }
-                    ),
-                    section.subs.length > 0 && /* @__PURE__ */ jsx7(WgNavigationBranchToggle, { branchKey: sectionKey, label: section.heading.text, collapsed: props.collapsed, onToggle: props.onToggle }),
-                    section.subs.length > 0 && /* @__PURE__ */ jsx7("ul", { className: clsx7("wg_navigationToc__sub"), id: toNavigationBranchId(sectionKey), hidden: props.collapsed[sectionKey] === true, children: section.subs.map((sub, subIndex) => /* @__PURE__ */ jsx7(
-                      "li",
-                      {
-                        className: clsx7("wg_navigationToc__subItem", {
-                          "wg_navigationToc__subItem--trail": subIndex < currentSubIndex,
-                          "wg_navigationToc__subItem--current": subIndex === currentSubIndex
-                        }),
-                        children: /* @__PURE__ */ jsx7(
-                          "a",
-                          {
-                            className: clsx7("wg_navigationToc__subLink", { "wg_navigationToc__subLink--active": sub.heading.slug === currentSlug }),
-                            href: `#${sub.heading.slug}`,
-                            "data-toc-sub-link": "",
-                            "aria-current": sub.heading.slug === currentSlug ? "location" : void 0,
-                            children: sub.heading.text
-                          }
-                        )
-                      },
-                      sub.heading.slug
-                    )) })
-                  ]
-                },
-                section.heading.slug
-              );
-            }) })
-          ]
-        },
-        group.sections[0].heading.slug
-      );
-    })
+  return /* @__PURE__ */ jsxs4("nav", { className: clsx6("wg_navigationToc__root"), "aria-label": copy_nav_toc_label, children: [
+    /* @__PURE__ */ jsx6("div", { className: clsx6("wg_navigationToc__label"), children: copy_nav_toc_label }),
+    props.groups.map((group) => /* @__PURE__ */ jsxs4("div", { className: clsx6("wg_navigationToc__groupSection", { "wg_navigationToc__groupSection--named": group.part !== void 0 }), children: [
+      group.part !== void 0 && /* @__PURE__ */ jsx6("div", { className: clsx6("wg_navigationToc__group"), children: group.part }),
+      /* @__PURE__ */ jsx6("ul", { className: clsx6("wg_navigationToc__list"), children: group.sections.map((section) => /* @__PURE__ */ jsxs4("li", { className: clsx6("wg_navigationToc__item"), children: [
+        /* @__PURE__ */ jsx6(
+          "a",
+          {
+            className: clsx6("wg_navigationToc__link", { "wg_navigationToc__link--active": section.heading.slug === currentSlug }),
+            href: `#${section.heading.slug}`,
+            "data-toc-link": "",
+            "aria-current": section.heading.slug === currentSlug ? "location" : void 0,
+            children: section.heading.text
+          }
+        ),
+        section.subs.length > 0 && /* @__PURE__ */ jsx6("ul", { className: clsx6("wg_navigationToc__sub"), children: section.subs.map((sub) => /* @__PURE__ */ jsx6("li", { className: clsx6("wg_navigationToc__subItem"), children: /* @__PURE__ */ jsx6(
+          "a",
+          {
+            className: clsx6("wg_navigationToc__subLink", { "wg_navigationToc__subLink--active": sub.heading.slug === currentSlug }),
+            href: `#${sub.heading.slug}`,
+            "data-toc-sub-link": "",
+            "aria-current": sub.heading.slug === currentSlug ? "location" : void 0,
+            children: sub.heading.text
+          }
+        ) }, sub.heading.slug)) })
+      ] }, section.heading.slug)) })
+    ] }, group.sections[0].heading.slug))
   ] });
 };
 
 // src/store/navigation/navigation-storage.ts
-var navigation_tree_storage_key = "for-humanity:navigation-tree";
 var navigation_storage_version = 1;
 var navigation_scroll_storage_key = "for-humanity:navigation-scroll";
 
@@ -704,20 +587,6 @@ var toNavigationScrollState = (value) => {
   return { positions: Object.fromEntries(Object.entries(positions).filter((entry) => entry[1] !== void 0)) };
 };
 
-// src/store/navigation/use-navigation-tree-store.ts
-import { useSyncExternalStore } from "hono/jsx";
-
-// src/store/navigation/_constant/tree.ts
-var tree_server_state = { collapsed: {} };
-
-// src/store/navigation/use-navigation-tree-store.ts
-var useNavigationTreeStore = (tree) => {
-  const subscribe = tree === void 0 ? () => () => {
-  } : tree.subscribe;
-  const getSnapshot = tree === void 0 ? () => tree_server_state : tree.getState;
-  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-};
-
 // src/util/dom/reveal-hash-target.ts
 var revealHashTarget = (hash) => {
   const target = findHashTarget(hash);
@@ -728,9 +597,8 @@ var revealHashTarget = (hash) => {
 };
 
 // src/component/widget/navigation/wg-navigation.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "hono/jsx/jsx-runtime";
 var WgNavigation = (props) => {
-  const navigationTreeStore = useNavigationTreeStore(props.stores?.tree);
   const [layout, setLayout] = useState3(() => {
     if (props.stores === void 0) return "desktop";
     if (matchMedia(navigation_mobile_query).matches) return "drawer";
@@ -809,9 +677,6 @@ var WgNavigation = (props) => {
     documents.dispatchEvent(new Event("scroll"));
     outlineRef.current.dispatchEvent(new Event("scroll"));
   };
-  const handleBranchToggle = (key) => {
-    props.stores?.tree.setState((state) => ({ collapsed: { ...state.collapsed, [key]: state.collapsed[key] !== true } }));
-  };
   const handleDrawerClose = (_event) => {
     if (dialogRef.current?.open === true) return;
     document.body.classList.remove("wg_shell__root--drawerOpen");
@@ -865,7 +730,6 @@ var WgNavigation = (props) => {
       focusRef.current = {
         navigation: document.activeElement.closest("[data-navigation]") !== null,
         drawer: document.activeElement === openButtonRef.current || document.activeElement.closest("[data-navigation-drawer]") !== null,
-        branch: document.activeElement.getAttribute("data-navigation-toggle"),
         href: document.activeElement.getAttribute("href")
       };
     }
@@ -877,28 +741,10 @@ var WgNavigation = (props) => {
   const handlePageShow = (event) => {
     if (!event.persisted || props.stores === void 0) return;
     restorePendingRef.current = true;
-    flushSync(() => {
-      props.stores?.tree.persist.rehydrate();
-      props.stores?.scroll.persist.rehydrate();
-    });
+    flushSync(() => props.stores?.scroll.persist.rehydrate());
     handleLayoutChange();
     restoreScroll();
   };
-  const handleStorageChange = (event) => {
-    if (event.key === navigation_tree_storage_key || event.key === null) {
-      flushSync(() => props.stores?.tree.persist.rehydrate());
-    }
-  };
-  const handleTreeChange = (state) => {
-    if (!(document.activeElement instanceof HTMLElement)) return;
-    for (const button of document.querySelectorAll("[data-navigation-toggle]")) {
-      const key = button.dataset.navigationToggle;
-      const controls = button.getAttribute("aria-controls");
-      if (key === void 0 || controls === null || state.collapsed[key] !== true) continue;
-      const branch = document.getElementById(controls);
-      if (branch?.contains(document.activeElement)) button.focus({ preventScroll: true });
-    }
-  };
   useLayoutEffect4(() => {
     if (props.stores === void 0) return;
     mobileRef.current = matchMedia(navigation_mobile_query);
@@ -907,8 +753,6 @@ var WgNavigation = (props) => {
     wideRef.current.addEventListener("change", handleLayoutChange);
     addEventListener("pagehide", saveScroll);
     addEventListener("pageshow", handlePageShow);
-    addEventListener("storage", handleStorageChange);
-    const unsubscribeTree = props.stores.tree.subscribe(handleTreeChange);
     return () => {
       mobileRef.current?.removeEventListener("change", handleLayoutChange);
       wideRef.current?.removeEventListener("change", handleLayoutChange);
@@ -916,8 +760,6 @@ var WgNavigation = (props) => {
       wideRef.current = null;
       removeEventListener("pagehide", saveScroll);
       removeEventListener("pageshow", handlePageShow);
-      removeEventListener("storage", handleStorageChange);
-      unsubscribeTree();
       document.body.classList.remove("wg_shell__root--drawerOpen");
     };
   }, [props.stores]);
@@ -932,10 +774,8 @@ var WgNavigation = (props) => {
       if (layout === "drawer") {
         if (focusRef.current.navigation) openButtonRef.current?.focus({ preventScroll: true });
       } else if (focusRef.current.navigation && navigation !== null) {
-        const target = [...navigation.querySelectorAll("a[href], button")].find((element) => {
-          if (focusRef.current === null) return false;
-          return focusRef.current.branch !== null ? element.getAttribute("data-navigation-toggle") === focusRef.current.branch : focusRef.current.href !== null && element.getAttribute("href") === focusRef.current.href;
-        });
+        const href = focusRef.current.href;
+        const target = [...navigation.querySelectorAll("a[href]")].find((element) => element.getAttribute("href") === href);
         target?.focus({ preventScroll: true });
       } else if (focusRef.current.drawer) {
         brandRef.current?.focus({ preventScroll: true });
@@ -952,56 +792,41 @@ var WgNavigation = (props) => {
     };
   }, [layout, props.stores]);
   return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5("div", { className: clsx8("wg_navigation__sidebar", props.stores !== void 0 && "wg_navigation__sidebar--navigationReady"), children: [
-      /* @__PURE__ */ jsxs5("div", { className: clsx8("wg_navigation__brandRow"), children: [
-        /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsxs5("div", { className: clsx7("wg_navigation__sidebar", props.stores !== void 0 && "wg_navigation__sidebar--navigationReady"), children: [
+      /* @__PURE__ */ jsxs5("div", { className: clsx7("wg_navigation__brandRow"), children: [
+        /* @__PURE__ */ jsx7(
           "a",
           {
             ref: props.stores === void 0 ? void 0 : brandRef,
-            className: clsx8("wg_navigation__brand"),
+            className: clsx7("wg_navigation__brand"),
             href: "/",
             "aria-current": props.data.home ? "page" : void 0,
             children: props.data.title
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "button",
           {
             ref: props.stores === void 0 ? void 0 : openButtonRef,
-            className: clsx8("wg_navigation__menuToggle", props.stores !== void 0 && layout === "drawer" && "wg_navigation__menuToggle--visible"),
+            className: clsx7("wg_navigation__menuToggle", props.stores !== void 0 && layout === "drawer" && "wg_navigation__menuToggle--visible"),
             type: "button",
             "aria-label": copy_nav_open,
             "aria-controls": "fh-navigation-drawer",
             "aria-expanded": String(drawerOpen),
             "data-navigation-open": "",
             onClick: handleOpenButtonClick,
-            children: /* @__PURE__ */ jsx8("svg", { className: clsx8("wg_navigation__menuIcon"), viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx8("path", { d: "M4 6h16M4 12h16M4 18h16" }) })
+            children: /* @__PURE__ */ jsx7("svg", { className: clsx7("wg_navigation__menuIcon"), viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx7("path", { d: "M4 6h16M4 12h16M4 18h16" }) })
           }
         )
       ] }),
-      layout !== "drawer" && /* @__PURE__ */ jsx8("div", { ref: props.stores === void 0 ? void 0 : navigationRef, className: clsx8("wg_navigation__navigation"), "data-navigation": "", children: /* @__PURE__ */ jsx8(WgNavigationScroll, { portRef: documentsRef, kind: "documents", ready: props.stores !== void 0, onScroll: saveScroll, onClick: handleNavigationClick, children: /* @__PURE__ */ jsx8(
-        WgNavigationNav,
-        {
-          groups: props.data.groups,
-          collapsed: navigationTreeStore.collapsed,
-          onToggle: props.stores === void 0 ? void 0 : handleBranchToggle
-        }
-      ) }) })
+      layout !== "drawer" && /* @__PURE__ */ jsx7("div", { ref: props.stores === void 0 ? void 0 : navigationRef, className: clsx7("wg_navigation__navigation"), "data-navigation": "", children: /* @__PURE__ */ jsx7(WgNavigationScroll, { portRef: documentsRef, kind: "documents", ready: props.stores !== void 0, onScroll: saveScroll, onClick: handleNavigationClick, children: /* @__PURE__ */ jsx7(WgNavigationNav, { groups: props.data.groups }) }) })
     ] }),
-    /* @__PURE__ */ jsx8("aside", { className: clsx8("wg_navigation__tocRail"), "data-navigation-rail": "", children: /* @__PURE__ */ jsx8("div", { className: clsx8("wg_navigation__outline"), "data-navigation-outline": "", children: /* @__PURE__ */ jsx8(WgNavigationScroll, { portRef: outlineRef, kind: "outline", ready: props.stores !== void 0, onScroll: saveScroll, onClick: handleNavigationClick, children: props.data.outline.length > 0 && /* @__PURE__ */ jsx8(
-      WgNavigationToc,
-      {
-        groups: props.data.outline,
-        pageId: props.data.pageId,
-        collapsed: navigationTreeStore.collapsed,
-        onToggle: props.stores === void 0 ? void 0 : handleBranchToggle
-      }
-    ) }) }) }),
+    /* @__PURE__ */ jsx7("aside", { className: clsx7("wg_navigation__tocRail"), "data-navigation-rail": "", children: /* @__PURE__ */ jsx7("div", { className: clsx7("wg_navigation__outline"), "data-navigation-outline": "", children: /* @__PURE__ */ jsx7(WgNavigationScroll, { portRef: outlineRef, kind: "outline", ready: props.stores !== void 0, onScroll: saveScroll, onClick: handleNavigationClick, children: props.data.outline.length > 0 && /* @__PURE__ */ jsx7(WgNavigationToc, { groups: props.data.outline }) }) }) }),
     /* @__PURE__ */ jsxs5(
       "dialog",
       {
         ref: props.stores === void 0 ? void 0 : dialogRef,
-        className: clsx8("wg_navigation__drawer"),
+        className: clsx7("wg_navigation__drawer"),
         id: "fh-navigation-drawer",
         "aria-labelledby": "fh-navigation-title",
         "data-navigation-drawer": "",
@@ -1009,11 +834,11 @@ var WgNavigation = (props) => {
         onCancel: handleDrawerCancel,
         onClick: handleDrawerClick,
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: clsx8("wg_navigation__drawerHeader"), children: [
-            /* @__PURE__ */ jsx8("h2", { className: clsx8("wg_navigation__drawerTitle"), id: "fh-navigation-title", children: copy_nav_title }),
-            /* @__PURE__ */ jsx8("button", { className: clsx8("wg_navigation__drawerClose"), type: "button", "aria-label": copy_nav_close, "data-navigation-close": "", onClick: handleCloseButtonClick, children: /* @__PURE__ */ jsx8("svg", { className: clsx8("wg_navigation__menuIcon"), viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx8("path", { d: "m6 6 12 12M18 6 6 18" }) }) })
+          /* @__PURE__ */ jsxs5("div", { className: clsx7("wg_navigation__drawerHeader"), children: [
+            /* @__PURE__ */ jsx7("h2", { className: clsx7("wg_navigation__drawerTitle"), id: "fh-navigation-title", children: copy_nav_title }),
+            /* @__PURE__ */ jsx7("button", { className: clsx7("wg_navigation__drawerClose"), type: "button", "aria-label": copy_nav_close, "data-navigation-close": "", onClick: handleCloseButtonClick, children: /* @__PURE__ */ jsx7("svg", { className: clsx7("wg_navigation__menuIcon"), viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx7("path", { d: "m6 6 12 12M18 6 6 18" }) }) })
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: clsx8("wg_navigation__drawerContent"), "data-navigation-content": "", children: layout === "drawer" && /* @__PURE__ */ jsx8("div", { ref: props.stores === void 0 ? void 0 : drawerNavigationRef, className: clsx8("wg_navigation__navigation"), "data-navigation": "", children: /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx7("div", { className: clsx7("wg_navigation__drawerContent"), "data-navigation-content": "", children: layout === "drawer" && /* @__PURE__ */ jsx7("div", { ref: props.stores === void 0 ? void 0 : drawerNavigationRef, className: clsx7("wg_navigation__navigation"), "data-navigation": "", children: /* @__PURE__ */ jsx7(
             WgNavigationScroll,
             {
               portRef: drawerDocumentsRef,
@@ -1021,14 +846,7 @@ var WgNavigation = (props) => {
               ready: props.stores !== void 0,
               onScroll: saveScroll,
               onClick: handleNavigationClick,
-              children: /* @__PURE__ */ jsx8(
-                WgNavigationNav,
-                {
-                  groups: props.data.groups,
-                  collapsed: navigationTreeStore.collapsed,
-                  onToggle: props.stores === void 0 ? void 0 : handleBranchToggle
-                }
-              )
+              children: /* @__PURE__ */ jsx7(WgNavigationNav, { groups: props.data.groups })
             }
           ) }) })
         ]
@@ -1041,7 +859,7 @@ var WgNavigation = (props) => {
 var heading_highlight_hold_ms = 3e3;
 
 // src/component/widget/shell-controls/wg-shell-controls.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "hono/jsx/jsx-runtime";
 var WgShellControls = (props) => {
   const headingRef = useRef4(null);
   const timerRef = useRef4(0);
@@ -1136,61 +954,61 @@ var WgShellControls = (props) => {
     return () => source.close();
   }, [props.reload]);
   return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("div", { className: clsx9("wg_shellControls__navigation"), children: /* @__PURE__ */ jsx9(WgNavigation, { data: props.data, stores: props.stores }) }),
-    /* @__PURE__ */ jsx9(WgCursorFace, { ready: props.stores !== void 0 })
+    /* @__PURE__ */ jsx8("div", { className: clsx8("wg_shellControls__navigation"), children: /* @__PURE__ */ jsx8(WgNavigation, { data: props.data, stores: props.stores }) }),
+    /* @__PURE__ */ jsx8(WgCursorFace, { ready: props.stores !== void 0 })
   ] });
 };
 
 // src/component/widget/shell/wg-shell.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "hono/jsx/jsx-runtime";
 var WgShell = (props) => {
   const navigationData = toNavigationData({ site: props.site, docs: props.docs, current: props.current, outline: props.outline });
   return /* @__PURE__ */ jsxs7("html", { lang: "ko", children: [
     /* @__PURE__ */ jsxs7("head", { children: [
-      /* @__PURE__ */ jsx10("meta", { charSet: "utf-8" }),
-      /* @__PURE__ */ jsx10("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-      props.site.description !== void 0 && /* @__PURE__ */ jsx10("meta", { name: "description", content: props.site.description }),
-      /* @__PURE__ */ jsx10("title", { children: props.title === void 0 ? props.site.title : `${props.title} \xB7 ${props.site.title}` }),
-      /* @__PURE__ */ jsx10("link", { rel: "icon", href: asset_favicon_path, type: "image/svg+xml" }),
-      /* @__PURE__ */ jsx10("style", { dangerouslySetInnerHTML: { __html: props.assets.fontCss } }),
-      props.assets.preload.map((href) => /* @__PURE__ */ jsx10("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "" }, href)),
-      /* @__PURE__ */ jsx10("link", { rel: "stylesheet", href: props.assets.stylePath })
+      /* @__PURE__ */ jsx9("meta", { charSet: "utf-8" }),
+      /* @__PURE__ */ jsx9("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+      props.site.description !== void 0 && /* @__PURE__ */ jsx9("meta", { name: "description", content: props.site.description }),
+      /* @__PURE__ */ jsx9("title", { children: props.title === void 0 ? props.site.title : `${props.title} \xB7 ${props.site.title}` }),
+      /* @__PURE__ */ jsx9("link", { rel: "icon", href: asset_favicon_path, type: "image/svg+xml" }),
+      /* @__PURE__ */ jsx9("style", { dangerouslySetInnerHTML: { __html: props.assets.fontCss } }),
+      props.assets.preload.map((href) => /* @__PURE__ */ jsx9("link", { rel: "preload", href, as: "font", type: "font/woff2", crossOrigin: "" }, href)),
+      /* @__PURE__ */ jsx9("link", { rel: "stylesheet", href: props.assets.stylePath })
     ] }),
-    /* @__PURE__ */ jsxs7("body", { className: clsx10("wg_shell__root"), children: [
-      /* @__PURE__ */ jsx10("div", { className: clsx10("wg_shell__browserRoot"), "data-shell-browser-root": "", "data-shell-reload": props.assets.reload ? "" : void 0, children: /* @__PURE__ */ jsx10(WgShellControls, { data: navigationData, reload: props.assets.reload }) }),
-      /* @__PURE__ */ jsx10("script", { type: "application/json", id: "fh-navigation-data", dangerouslySetInnerHTML: { __html: toNavigationJson(navigationData) } }),
-      /* @__PURE__ */ jsx10("script", { dangerouslySetInnerHTML: { __html: props.assets.browserScript } }),
-      /* @__PURE__ */ jsx10("main", { className: clsx10("wg_shell__main"), children: props.children })
+    /* @__PURE__ */ jsxs7("body", { className: clsx9("wg_shell__root"), children: [
+      /* @__PURE__ */ jsx9("div", { className: clsx9("wg_shell__browserRoot"), "data-shell-browser-root": "", "data-shell-reload": props.assets.reload ? "" : void 0, children: /* @__PURE__ */ jsx9(WgShellControls, { data: navigationData, reload: props.assets.reload }) }),
+      /* @__PURE__ */ jsx9("script", { type: "application/json", id: "fh-navigation-data", dangerouslySetInnerHTML: { __html: toNavigationJson(navigationData) } }),
+      /* @__PURE__ */ jsx9("script", { dangerouslySetInnerHTML: { __html: props.assets.browserScript } }),
+      /* @__PURE__ */ jsx9("main", { className: clsx9("wg_shell__main"), children: props.children })
     ] })
   ] });
 };
 
 // src/page/doc/pg-doc.tsx
-import { jsx as jsx11 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx10 } from "hono/jsx/jsx-runtime";
 var PgDoc = (props) => {
-  return /* @__PURE__ */ jsx11(WgShell, { site: props.site, docs: props.docs, assets: props.assets, title: props.doc.data.name, current: props.doc.id, outline: props.doc.outline, children: /* @__PURE__ */ jsx11(WgProse, { html: props.doc.html }) });
+  return /* @__PURE__ */ jsx10(WgShell, { site: props.site, docs: props.docs, assets: props.assets, title: props.doc.data.name, current: props.doc.id, outline: props.doc.outline, children: /* @__PURE__ */ jsx10(WgProse, { html: props.doc.html }) });
 };
 
 // src/page/home/pg-home.tsx
-import { jsx as jsx12 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx11 } from "hono/jsx/jsx-runtime";
 var PgHome = (props) => {
-  return /* @__PURE__ */ jsx12(WgShell, { site: props.site, docs: props.docs, assets: props.assets, outline: props.home?.outline, children: props.home === void 0 ? /* @__PURE__ */ jsx12(WgProse, { head: { title: props.site.title, lead: copy_home_missing } }) : /* @__PURE__ */ jsx12(WgProse, { html: props.home.html }) });
+  return /* @__PURE__ */ jsx11(WgShell, { site: props.site, docs: props.docs, assets: props.assets, outline: props.home?.outline, children: props.home === void 0 ? /* @__PURE__ */ jsx11(WgProse, { head: { title: props.site.title, lead: copy_home_missing } }) : /* @__PURE__ */ jsx11(WgProse, { html: props.home.html }) });
 };
 
 // src/entry/cli/_function/create-app.tsx
-import { jsx as jsx13 } from "hono/jsx/jsx-runtime";
+import { jsx as jsx12 } from "hono/jsx/jsx-runtime";
 var toHtml = (page) => {
   return html`<!DOCTYPE html>${page}`;
 };
 var createApp = (options) => {
   const app = new Hono();
-  app.get("/", (c) => c.html(toHtml(/* @__PURE__ */ jsx13(PgHome, { site: options.site, docs: options.store.docs, assets: options.assets, home: options.store.home }))));
+  app.get("/", (c) => c.html(toHtml(/* @__PURE__ */ jsx12(PgHome, { site: options.site, docs: options.store.docs, assets: options.assets, home: options.store.home }))));
   app.get(
     "/:slug{.+}/",
     ssgParams(() => options.store.docs.map((doc) => ({ slug: doc.id }))),
     (c) => {
       const doc = options.store.docs.find((entry) => entry.id === c.req.param("slug"));
-      return doc === void 0 ? c.notFound() : c.html(toHtml(/* @__PURE__ */ jsx13(PgDoc, { site: options.site, docs: options.store.docs, assets: options.assets, doc })));
+      return doc === void 0 ? c.notFound() : c.html(toHtml(/* @__PURE__ */ jsx12(PgDoc, { site: options.site, docs: options.store.docs, assets: options.assets, doc })));
     }
   );
   return app;
@@ -1506,14 +1324,14 @@ function widenLabelGaps(rows) {
   });
 }
 function gridToSvg(ascii) {
-  const cw = 7.2, ch = 17, fs = 12;
+  const cw = 6.336, ch = 17, fs = 12;
   const rows = widenLabelGaps(ascii.replace(/\s+$/, "").split("\n"));
   const cols = Math.max.apply(null, rows.map((r) => r.length));
   const f = (n) => n.toFixed(1);
   let path = "", bold = "", dashed = "", arcs = "", tris = "", marks = "", dots = "", texts = "";
   const isText = (chr) => chr !== void 0 && chr !== " " && chr !== ZW && LINES[chr] === void 0 && ARROWS[chr] === void 0 && chr !== "\u25C7";
   const center = (c) => c * cw + cw / 2;
-  const textWidth = (chars) => chars.reduce((w, chr) => w + (WIDE.test(chr) ? fs : cw), 0);
+  const textWidth = (chars) => chars.reduce((w, chr) => w + (WIDE.test(chr) ? cw * 2 : cw), 0);
   rows.forEach((row, r) => {
     const cy = r * ch + ch / 2, y0 = r * ch, y1 = y0 + ch;
     let run = null;
@@ -2237,21 +2055,17 @@ var main = async () => {
     throw new Error(`${copy_error_config}: ${parsedConfig.error.issues.map((issue) => `${issue.path.join(".")} ${issue.message}`).join(", ")}`);
   }
   const siteConfig = parsedConfig.data;
-  const sans = toFontCss({ css: join4(kitRoot, font_sans_css), fontDir: asset_font_dir });
   const mono = toFontCss({ css: join4(kitRoot, font_mono_css), fontDir: asset_font_dir });
+  const body = toFontCss({ css: join4(kitRoot, font_body_css), fontDir: asset_font_dir });
   const brand = toFontCss({ css: join4(kitRoot, font_brand_css), fontDir: asset_font_dir });
-  const sansPreload = [...sans.files].find((entry) => basename2(entry[1]) === font_sans_preload_file);
-  if (sansPreload === void 0) {
-    throw new Error(`${copy_error_font_preload}: ${font_sans_preload_file}`);
-  }
-  const fontCss = [sans.css, mono.css, brand.css].join("\n");
+  const fontCss = [mono.css, body.css, brand.css].join("\n");
   const stylePath = toAssetPath({ path: asset_style_path, file: join4(kitRoot, "dist/cli.css") });
   const browserScript = readFileSync3(join4(kitRoot, "dist/browser.js"), "utf8");
   const kitFiles = new Map([
     [stylePath, join4(kitRoot, "dist/cli.css")],
     [asset_favicon_path, join4(kitRoot, "src/asset/favicon.svg")],
-    ...sans.files,
     ...mono.files,
+    ...body.files,
     ...brand.files
   ]);
   const files = new Map(kitFiles);
@@ -2265,7 +2079,7 @@ var main = async () => {
   const app = createApp({
     site: siteConfig,
     store,
-    assets: { stylePath, browserScript, fontCss, preload: [...brand.files.keys(), sansPreload[0], ...mono.files.keys()], reload: command === "dev" }
+    assets: { stylePath, browserScript, fontCss, preload: [...brand.files.keys(), ...mono.files.keys(), ...body.files.keys()], reload: command === "dev" }
   });
   if (command === "build") {
     await rm(outDir, { recursive: true, force: true });