@suzumiyaaoba/mdxr 0.4.0 → 0.5.0

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import { Ap as parseLineRange, Bp as urlScheme, Fp as isComponent, Gd as reportModel, Ip as isRecord, Jf as isStatus, Kd as comparisonModel, Kf as STATUSES, Lp as nonEmpty, Mp as SKIP_LANGS, Op as fenceFilename, Pp as langForPath, Rp as own, Tp as DocContext, V as shadcnModules, Vd as calculate, Wd as REPORT_SPECS, _l as PLOT_NAMES, _p as numOf, af as display, ap as numList, cf as parseJson, dc as queryPlanModel, df as tableRecords, fc as diagramModel, gp as attrTrue, if as columnsOf, jl as PlanHeader, jp as splitPathLines, kp as fenceLang, lc as bundleModel, lf as readRecords, of as isDataRecord, op as textList, pc as flameModel, qd as schemaRows, sf as numberValue, t as builtinComponents, uc as dependencyMatrixModel, uf as records, vl as plotModel, wp as takeUsedIcons, xf as parseDiff, zp as safeHref } from "./ui-D89i0Cq-.mjs";
-import { a as loadUserModule, c as srcDir, i as importBundledCode, n as loadConfig, o as resolveModuleEntry, r as SHARED_PACKAGES, s as pkgRoot } from "./config-DQeZaek7.mjs";
+import { $d as reportModel, Bp as splitPathLines, Cu as CLAIM_LABELS, Du as performanceDetails, Eu as RESEARCH_CLAIM_SCHEMA, Fp as parseProps, Gp as isRecord, Jp as safeHref, Kp as nonEmpty, Lp as fenceFilename, Ml as PlanHeader, Mp as takeUsedIcons, Np as DocContext, Ou as performanceResult, Qd as REPORT_SPECS, Rp as fenceLang, Tp as numOf, Tu as PERFORMANCE_TARGET_SCHEMA, Up as langForPath, V as shadcnModules, Vp as SKIP_LANGS, Wp as isComponent, Yd as calculate, Yp as urlScheme, _f as readRecords, dc as queryPlanModel, ef as comparisonModel, ep as STATUSES, fc as diagramModel, ff as columnsOf, gf as parseJson, hf as numberValue, kf as parseDiff, lc as bundleModel, mf as isDataRecord, mp as textList, np as isStatus, pc as flameModel, pf as display, pp as numList, qp as own, t as builtinComponents, tf as schemaRows, uc as dependencyMatrixModel, vf as records, vl as PLOT_NAMES, wp as attrTrue, wu as PERFORMANCE_LABELS, yf as tableRecords, yl as plotModel, zp as parseLineRange } from "./ui-k-VrmhPJ.mjs";
+import { a as loadUserModule, c as srcDir, i as importBundledCode, n as loadConfig, o as resolveModuleEntry, r as SHARED_PACKAGES, s as pkgRoot } from "./config-C-pcUAoU.mjs";
 import module from "node:module";
 import fsp, { access, readFile, readdir, writeFile } from "node:fs/promises";
 import path from "node:path";
@@ -23,18 +23,16 @@ import { visit } from "unist-util-visit";
 import fs, { existsSync, readFileSync, realpathSync } from "node:fs";
 import { visitParents } from "unist-util-visit-parents";
 import * as valibot from "valibot";
-import { Fragment, createContext, createElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, createElement } from "react";
 import { icons } from "@iconify-json/lucide";
 import { icons as icons$1 } from "@iconify-json/vscode-icons";
 import { differenceInCalendarDays, isValid, parseISO } from "date-fns";
-import { cn } from "cn";
 import { build } from "esbuild";
 import os from "node:os";
 import { spawn } from "node:child_process";
 import { once } from "node:events";
-import { renderToStaticMarkup, renderToString } from "react-dom/server";
 import { compile } from "@mdx-js/mdx";
+import { renderToStaticMarkup, renderToString } from "react-dom/server";
 import rehypeKatex from "rehype-katex";
 import { transformerMetaHighlight, transformerMetaWordHighlight, transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight, transformerRemoveNotationEscape } from "@shikijs/transformers";
 import { createHighlighter } from "shiki";
@@ -1003,12 +1001,14 @@ const CONTAINER_COMPONENTS = {
 	package: "Package",
 	packages: "Packages",
 	pathway: "Pathway",
+	performancetarget: "PerformanceTarget",
 	phase: "Phase",
 	piechart: "PieChart",
 	plan: "Plan",
 	quadrant: "Quadrant",
 	radar: "Radar",
 	release: "Release",
+	researchclaim: "ResearchClaim",
 	review: "Review",
 	sankey: "Sankey",
 	scatter: "Scatter",
@@ -1180,11 +1180,8 @@ const toList = (items) => ({
 * 2. `<Toc>` elements (`:::toc` included) get a nested link list injected as
 *    children — `depth`/`min` attributes bound the heading levels included
 *    (defaults: h2–h3, i.e. min=2 depth=3).
-*
-* The flat heading list is also left on `file.data.mdxrHeadings` for the
-* page-level sidebar ToC.
 */
-const remarkMdxrHeadings = () => (tree, file) => {
+const remarkMdxrHeadings = () => (tree) => {
 	const counts = /* @__PURE__ */ new Map();
 	const used = /* @__PURE__ */ new Set();
 	const headings = [];
@@ -1215,11 +1212,6 @@ const remarkMdxrHeadings = () => (tree, file) => {
 		const items = headings.filter((h) => h.depth >= minDepth && h.depth <= maxDepth && h.text !== "");
 		node.children = items.length === 0 ? [] : [toList(nest(items))];
 	});
-	file.data.mdxrHeadings = headings.filter((h) => h.text !== "").map(({ depth, slug, text }) => ({
-		depth,
-		slug,
-		text
-	}));
 };
 //#endregion
 //#region src/remark/no-js.ts
@@ -1347,6 +1339,7 @@ const INLINE_REFERENCES = /* @__PURE__ */ new Set([
 const REFERENCE_FEATURES = /* @__PURE__ */ new Set([
 	...INLINE_REFERENCES,
 	"Source",
+	"ResearchClaim",
 	"TableOfFigures",
 	"NumberedEquation",
 	"Theorem"
@@ -1407,6 +1400,26 @@ const resolveCitation = (node, state) => {
 	ids.push(id);
 	state.backlinks.set(target, ids);
 };
+/** Claims reuse the bibliography's numbering and backlink contract. */
+const resolveClaimCitation = (node, state) => {
+	const source = jsxAttr(node, "source");
+	if (source === void 0) return;
+	const citation = {
+		attributes: [{
+			name: "source",
+			type: "mdxJsxAttribute",
+			value: source
+		}],
+		children: [],
+		name: "Cite",
+		position: node.position,
+		type: "mdxJsxTextElement"
+	};
+	resolveCitation(citation, state);
+	set(node, "citationId", jsxAttr(citation, "id") ?? "");
+	set(node, "sourceHref", jsxAttr(citation, "href") ?? "");
+	set(node, "sourceLabel", jsxAttr(citation, "label") ?? "");
+};
 const resolveCrossReference = (node, state) => {
 	const target = jsxAttr(node, "target") ?? (node.name === "TermRef" ? `term-${jsxAttr(node, "term") ?? ""}` : "");
 	const reference = state.references.get(target);
@@ -1453,6 +1466,13 @@ const addLegacyAnchor = (node) => {
 		type: "mdxJsxTextElement"
 	});
 };
+const resolveReference = (node, state) => {
+	if (node.name === "ResearchClaim") resolveClaimCitation(node, state);
+	if (node.name === "Cite") resolveCitation(node, state);
+	if (node.name === "CrossRef" || node.name === "TermRef") resolveCrossReference(node, state);
+	if (node.name === "TableOfFigures") listFigures(node, state.references);
+	addLegacyAnchor(node);
+};
 /** Two passes support forward references without changing older documents. */
 const remarkReferences = () => (tree, file) => {
 	const elements = [];
@@ -1469,12 +1489,7 @@ const remarkReferences = () => (tree, file) => {
 		sources: /* @__PURE__ */ new Map()
 	};
 	for (const node of elements) registerReference(node, state);
-	for (const node of elements) {
-		if (node.name === "Cite") resolveCitation(node, state);
-		if (node.name === "CrossRef" || node.name === "TermRef") resolveCrossReference(node, state);
-		if (node.name === "TableOfFigures") listFigures(node, state.references);
-		addLegacyAnchor(node);
-	}
+	for (const node of elements) resolveReference(node, state);
 	for (const [source, ids] of state.backlinks) {
 		const reference = state.sources.get(source);
 		if (reference) set(reference.node, "backlinks", ids.join(","));
@@ -3712,6 +3727,48 @@ const reportRenderers = {
 	]), ...ctx.children(n)] }
 };
 //#endregion
+//#region src/ascii/research.ts
+const attributes = (node, names) => Object.fromEntries(names.map((name) => [name, attr(node, name)]));
+const researchRenderers = {
+	PerformanceTarget: { flow: (node, ctx) => {
+		const props = parseProps(PERFORMANCE_TARGET_SCHEMA, attributes(node, [
+			"actual",
+			"better",
+			"conditions",
+			"measuredAt",
+			"name",
+			"statistic",
+			"status",
+			"target",
+			"unit"
+		]), "PerformanceTarget");
+		return [
+			...caption(props.name, ` — ${PERFORMANCE_LABELS[performanceResult(props)]}`),
+			table(["Field", "Value"], performanceDetails(props)),
+			...ctx.children(node)
+		];
+	} },
+	ResearchClaim: { flow: (node, ctx) => {
+		const props = parseProps(RESEARCH_CLAIM_SCHEMA, attributes(node, [
+			"checked",
+			"citationId",
+			"id",
+			"kind",
+			"source",
+			"sourceHref",
+			"sourceLabel",
+			"title"
+		]), "ResearchClaim");
+		return [
+			...caption(props.title, ` — ${CLAIM_LABELS[props.kind]}`),
+			...ctx.children(node),
+			...props.source === void 0 || props.citationId === void 0 ? [] : [html(`<a id="${props.citationId.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;")}"></a>`)],
+			...props.source === void 0 ? [] : [para([txt("Source: "), link(props.sourceHref ?? `#${props.source}`, [txt(props.sourceLabel ?? props.source)])])],
+			...props.checked === void 0 ? [] : [para([txt(`Checked: ${props.checked}`)])]
+		];
+	} }
+};
+//#endregion
 //#region src/ascii/shadcn.ts
 /** `ctx.inline` result wrapped so empty children fall back to `alt`. */
 const inlineOr = (node, ctx, alt) => {
@@ -4111,6 +4168,7 @@ const asciiRenderers = {
 	...investigationRenderers,
 	...outputRenderers,
 	...reportRenderers,
+	...researchRenderers,
 	...chartRenderers,
 	...layoutRenderers,
 	...formRenderers,
@@ -4551,7 +4609,7 @@ const openInBrowser = async (target) => {
 };
 //#endregion
 //#region src/client-js.ts
-let cache$1;
+let cache;
 const buildClientJs = async () => {
 	return (await build({
 		absWorkingDir: pkgRoot,
@@ -4579,11 +4637,11 @@ const buildClientJs = async () => {
 * bundle is identical for every render in a process.
 */
 const clientJs = async () => {
-	cache$1 ??= buildClientJs();
+	cache ??= buildClientJs();
 	try {
-		return await cache$1;
+		return await cache;
 	} catch (error) {
-		cache$1 = void 0;
+		cache = void 0;
 		throw error;
 	}
 };
@@ -4677,338 +4735,6 @@ addEventListener('DOMContentLoaded', function () {
 });
 `;
 //#endregion
-//#region src/components/ui/toc.tsx
-/**
-* Table of contents with active-anchor tracking and depth-aware line styling.
-* Adapted from the Crux UI / ABUI registry (`@abui/toc`), itself derived from
-* fumadocs' TOC. Two list variants: `TOCItems` (straight line) and
-* `ClerkTOCItems` (line that follows the heading hierarchy).
-*/
-const ActiveAnchorContext = createContext([]);
-const ScrollContext = createContext({ current: null });
-const TOCContext = createContext([]);
-/** The ids of visible anchors. */
-const useActiveAnchors = () => useContext(ActiveAnchorContext);
-const useTOCItems = () => useContext(TOCContext);
-const mergeRefs = (...refs) => (value) => {
-	for (const ref of refs) if (typeof ref === "function") ref(value);
-	else if (ref !== null && ref !== void 0) ref.current = value;
-};
-/** Track which of the `watch` heading ids are on screen. */
-const useAnchorObserver = (watch, single) => {
-	const observerRef = useRef(null);
-	const visibleRef = useRef(/* @__PURE__ */ new Set());
-	const [activeAnchor, setActiveAnchor] = useState([]);
-	const onChange = useCallback((entries) => {
-		const visible = visibleRef.current;
-		for (const entry of entries) if (entry.isIntersecting) visible.add(entry.target.id);
-		else visible.delete(entry.target.id);
-		if (visible.size > 0) {
-			const items = watch.filter((item) => visible.has(item));
-			setActiveAnchor(single ? items.slice(0, 1) : items);
-			return;
-		}
-		const viewTop = entries[0]?.rootBounds?.top ?? 0;
-		let fallback;
-		let min = -1;
-		for (const id of watch) {
-			const element = document.getElementById(id);
-			if (element === null) continue;
-			const d = Math.abs(viewTop - element.getBoundingClientRect().top);
-			if (min === -1 || d < min) {
-				fallback = element;
-				min = d;
-			}
-		}
-		setActiveAnchor(fallback === void 0 ? [] : [fallback.id]);
-	}, [watch, single]);
-	useEffect(() => {
-		if (observerRef.current !== null) return;
-		observerRef.current = new IntersectionObserver(onChange, {
-			rootMargin: "0px",
-			threshold: .98
-		});
-		return () => {
-			observerRef.current?.disconnect();
-			observerRef.current = null;
-		};
-	}, [onChange]);
-	useEffect(() => {
-		const observer = observerRef.current;
-		if (observer === null) return;
-		const elements = watch.flatMap((heading) => document.getElementById(heading) ?? []);
-		for (const element of elements) observer.observe(element);
-		return () => {
-			for (const element of elements) observer.unobserve(element);
-		};
-	}, [watch]);
-	return activeAnchor;
-};
-const TOCProvider = ({ toc, single = false, children }) => {
-	const headings = useMemo(() => toc.map((item) => item.url.split("#")[1] ?? ""), [toc]);
-	const activeAnchors = useAnchorObserver(headings, single);
-	return /* @__PURE__ */ jsx(TOCContext.Provider, {
-		value: toc,
-		children: /* @__PURE__ */ jsx(ActiveAnchorContext.Provider, {
-			value: activeAnchors,
-			children
-		})
-	});
-};
-/** Scrollable container; the first active item is kept in view. */
-const TOCScrollArea = ({ ref, className, children, ...props }) => {
-	const viewRef = useRef(null);
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("relative ms-px min-h-0 [scrollbar-width:none] overflow-auto [mask-image:linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3 text-sm", className),
-		ref: mergeRefs(viewRef, ref),
-		...props,
-		children: /* @__PURE__ */ jsx(ScrollContext.Provider, {
-			value: viewRef,
-			children
-		})
-	});
-};
-const calcThumb = (container, active) => {
-	if (active.length === 0 || container.clientHeight === 0) return [0, 0];
-	let upper = Number.MAX_VALUE;
-	let lower = 0;
-	for (const item of active) {
-		const element = container.querySelector(`a[href="#${CSS.escape(item)}"]`);
-		if (element === null) continue;
-		const styles = getComputedStyle(element);
-		upper = Math.min(upper, element.offsetTop + Number.parseFloat(styles.paddingTop));
-		lower = Math.max(lower, element.offsetTop + element.clientHeight - Number.parseFloat(styles.paddingBottom));
-	}
-	return [upper, lower - upper];
-};
-const updateThumb = (element, [top, height]) => {
-	element.style.setProperty("--toc-top", `${top}px`);
-	element.style.setProperty("--toc-height", `${height}px`);
-};
-/** Active indicator that slides alongside the visible entries. */
-const TocThumb = ({ containerRef, ...props }) => {
-	const thumbRef = useRef(null);
-	const active = useActiveAnchors();
-	useEffect(() => {
-		const container = containerRef.current;
-		if (container === null) return;
-		const onUpdate = () => {
-			if (thumbRef.current !== null) updateThumb(thumbRef.current, calcThumb(container, active));
-		};
-		const observer = new ResizeObserver(onUpdate);
-		observer.observe(container);
-		onUpdate();
-		return () => {
-			observer.disconnect();
-		};
-	}, [containerRef, active]);
-	return /* @__PURE__ */ jsx("div", {
-		ref: thumbRef,
-		role: "none",
-		...props
-	});
-};
-const TOCItem = ({ ref, onActiveChange, children, ...props }) => {
-	const containerRef = useContext(ScrollContext);
-	const anchorRef = useRef(null);
-	const activeOrder = useActiveAnchors().indexOf(props.href.slice(1));
-	const isActive = activeOrder !== -1;
-	const shouldScroll = activeOrder === 0;
-	useLayoutEffect(() => {
-		const anchor = anchorRef.current;
-		const container = containerRef.current;
-		if (container === null || anchor === null || !shouldScroll || !anchor.isConnected) return;
-		const containerRect = container.getBoundingClientRect();
-		const anchorRect = anchor.getBoundingClientRect();
-		if (!(anchorRect.top < containerRect.top || anchorRect.bottom > containerRect.bottom)) return;
-		const anchorCenter = anchor.offsetTop - container.offsetTop + anchor.offsetHeight / 2;
-		container.scrollTo({
-			behavior: "smooth",
-			top: Math.max(0, anchorCenter - container.clientHeight / 2)
-		});
-	}, [containerRef, shouldScroll]);
-	useEffect(() => {
-		onActiveChange?.(isActive);
-	}, [isActive, onActiveChange]);
-	return /* @__PURE__ */ jsx("a", {
-		"data-active": isActive,
-		ref: mergeRefs(anchorRef, ref),
-		...props,
-		children
-	});
-};
-const EMPTY_CLS = "rounded-lg border bg-card p-3 text-xs text-muted-foreground";
-const ITEM_CLS = "py-1.5 text-sm text-muted-foreground transition-colors [overflow-wrap:anywhere] first:pt-0 last:pb-0 hover:text-accent-foreground data-[active=true]:text-primary";
-const SimpleTOCItem = ({ item }) => /* @__PURE__ */ jsx(TOCItem, {
-	className: cn(ITEM_CLS, item.depth <= 2 && "ps-3", item.depth === 3 && "ps-6", item.depth >= 4 && "ps-8"),
-	href: item.url,
-	children: item.title
-});
-/** TOC list with a straight border line. */
-const TOCItems = ({ ref, className, emptyText = "No Headings", ...props }) => {
-	const containerRef = useRef(null);
-	const items = useTOCItems();
-	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: EMPTY_CLS,
-		children: emptyText
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TocThumb, {
-		className: "bg-primary absolute top-(--toc-top) h-(--toc-height) w-px transition-all",
-		containerRef
-	}), /* @__PURE__ */ jsx("div", {
-		className: cn("border-foreground/10 flex flex-col border-s", className),
-		ref: mergeRefs(ref, containerRef),
-		...props,
-		children: items.map((item) => /* @__PURE__ */ jsx(SimpleTOCItem, { item }, item.url))
-	})] });
-};
-const getItemOffset = (depth) => {
-	if (depth <= 2) return 14;
-	return depth === 3 ? 26 : 36;
-};
-const getLineOffset = (depth) => depth >= 3 ? 10 : 0;
-/** One vertical segment per entry, shifted right for nested headings. */
-const clerkLine = (container, items) => {
-	let width = 0;
-	let height = 0;
-	const d = [];
-	for (const [i, item] of items.entries()) {
-		const element = container.querySelector(`a[href="${CSS.escape(item.url)}"]`);
-		if (element === null) continue;
-		const styles = getComputedStyle(element);
-		const offset = getLineOffset(item.depth) + 1;
-		const top = element.offsetTop + Number.parseFloat(styles.paddingTop);
-		const bottom = element.offsetTop + element.clientHeight - Number.parseFloat(styles.paddingBottom);
-		width = Math.max(offset, width);
-		height = Math.max(height, bottom);
-		d.push(`${i === 0 ? "M" : "L"}${offset} ${top}`, `L${offset} ${bottom}`);
-	}
-	return {
-		height,
-		path: d.join(" "),
-		width: width + 1
-	};
-};
-const ClerkTOCItemElement = ({ item, upper = item.depth, lower = item.depth }) => {
-	const offset = getLineOffset(item.depth);
-	const upperOffset = getLineOffset(upper);
-	const lowerOffset = getLineOffset(lower);
-	return /* @__PURE__ */ jsxs(TOCItem, {
-		className: cn("relative", ITEM_CLS),
-		href: item.url,
-		style: { paddingInlineStart: getItemOffset(item.depth) },
-		children: [
-			offset === upperOffset ? null : /* @__PURE__ */ jsx("svg", {
-				"aria-hidden": "true",
-				className: "absolute start-0 -top-1.5 size-4 rtl:-scale-x-100",
-				viewBox: "0 0 16 16",
-				xmlns: "http://www.w3.org/2000/svg",
-				children: /* @__PURE__ */ jsx("line", {
-					className: "stroke-foreground/10",
-					strokeWidth: "1",
-					x1: upperOffset,
-					x2: offset,
-					y1: "0",
-					y2: "12"
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("bg-foreground/10 absolute inset-y-0 w-px", offset !== upperOffset && "top-1.5", offset !== lowerOffset && "bottom-1.5"),
-				style: { insetInlineStart: offset }
-			}),
-			item.title
-		]
-	});
-};
-/** TOC list whose line bends to follow the heading hierarchy. */
-const ClerkTOCItems = ({ ref, className, emptyText = "No Headings", ...props }) => {
-	const containerRef = useRef(null);
-	const items = useTOCItems();
-	const [svg, setSvg] = useState();
-	useEffect(() => {
-		const container = containerRef.current;
-		if (container === null) return;
-		const onResize = () => {
-			if (container.clientHeight > 0) setSvg(clerkLine(container, items));
-		};
-		const observer = new ResizeObserver(onResize);
-		onResize();
-		observer.observe(container);
-		return () => {
-			observer.disconnect();
-		};
-	}, [items]);
-	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: EMPTY_CLS,
-		children: emptyText
-	});
-	const mask = svg && {
-		height: svg.height,
-		maskImage: `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`)}")`,
-		width: svg.width
-	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [mask ? /* @__PURE__ */ jsx("div", {
-		className: "absolute start-0 top-0 rtl:-scale-x-100",
-		style: mask,
-		children: /* @__PURE__ */ jsx(TocThumb, {
-			className: "bg-primary mt-(--toc-top) h-(--toc-height) transition-all",
-			containerRef
-		})
-	}) : null, /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col", className),
-		ref: mergeRefs(containerRef, ref),
-		...props,
-		children: items.map((item, i) => /* @__PURE__ */ jsx(ClerkTOCItemElement, {
-			item,
-			lower: items[i + 1]?.depth,
-			upper: items[i - 1]?.depth
-		}, item.url))
-	})] });
-};
-const PageTOC = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex flex-col gap-3", className),
-	...props
-});
-const PageTOCItems = ({ variant = "default", ...props }) => /* @__PURE__ */ jsx(TOCScrollArea, { children: variant === "clerk" ? /* @__PURE__ */ jsx(ClerkTOCItems, { ...props }) : /* @__PURE__ */ jsx(TOCItems, { ...props }) });
-//#endregion
-//#region src/ui/page-toc.tsx
-/** `<aside>` holding the sidebar and the JSON island with its headings. */
-const PAGE_TOC_ID = "mdxr-page-toc";
-const PAGE_TOC_DATA_ID = "mdxr-page-toc-data";
-/** Heading levels listed in the sidebar (h2–h3, like `:::toc`). */
-const MIN_DEPTH = 2;
-const MAX_DEPTH = 3;
-/** A single entry isn't worth a sidebar. */
-const MIN_ENTRIES = 2;
-/** The headings the sidebar lists — empty when the page gets no sidebar. */
-const pageTocHeadings = (headings) => {
-	const items = headings.filter((h) => h.depth >= MIN_DEPTH && h.depth <= MAX_DEPTH);
-	return items.length < MIN_ENTRIES ? [] : items;
-};
-/**
-* Page-level "On this page" sidebar built on the Crux UI ToC: a clerk-style
-* outline whose thumb follows the headings currently on screen. Rendered next
-* to `<main>` by `htmlDocument` (not part of the MDX tree) and hydrated by its
-* own root, so it works with or without the document hydration bundle.
-*/
-const PageToc = ({ headings }) => {
-	const toc = useMemo(() => headings.map((h) => ({
-		depth: h.depth,
-		title: h.text,
-		url: `#${h.slug}`
-	})), [headings]);
-	return /* @__PURE__ */ jsx(TOCProvider, {
-		toc,
-		children: /* @__PURE__ */ jsxs(PageTOC, {
-			className: "min-h-0",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground m-0 text-xs font-semibold",
-				children: "On this page"
-			}), /* @__PURE__ */ jsx(PageTOCItems, { variant: "clerk" })]
-		})
-	});
-};
-//#endregion
 //#region src/html.ts
 /**
 * JS destined for an inline `<script>` element: neutralize the two byte
@@ -5044,10 +4770,6 @@ const iconSvg = (name) => {
 * `handleDocEvent`); THEME_JS restores the stored choice before paint.
 */
 const THEME_TOGGLE_HTML = `<button type="button" class="mdxr-theme" data-mdxr-theme data-mode="auto" title="Theme: auto" aria-label="Switch theme (current: auto)"><span class="mdxr-theme-i mdxr-theme-i-auto">${iconSvg("sun-moon")}</span><span class="mdxr-theme-i mdxr-theme-i-light">${iconSvg("sun")}</span><span class="mdxr-theme-i mdxr-theme-i-dark">${iconSvg("moon")}</span></button>`;
-/** JSON for an inline `<script type="application/json">` island. */
-const jsonIsland = (data) => JSON.stringify(data).replaceAll("<", String.raw`\u003c`);
-const pageTocHtml = (toc) => toc === void 0 ? "" : `<aside id="${PAGE_TOC_ID}" aria-label="On this page" class="fixed top-20 left-[calc(50%+25.5rem)] hidden max-h-[calc(100vh-7rem)] w-52 flex-col xl:flex print:hidden">${toc.html}</aside>
-<script type="application/json" id="${PAGE_TOC_DATA_ID}">${jsonIsland(toc.headings)}<\/script>`;
 const htmlDocument = (o) => `<!doctype html>
 <html lang="en">
 <head>
@@ -5062,12 +4784,10 @@ ${o.needsKatex === true ? `<link rel="stylesheet" href="${KATEX_CDN_URL}">` : ""
 <body class="bg-white text-neutral-900 antialiased dark:bg-neutral-950 dark:text-neutral-100">
 ${THEME_TOGGLE_HTML}
 <main id="mdxr-root" class="prose prose-neutral dark:prose-invert mx-auto max-w-3xl px-6 py-10">${o.body}</main>
-${pageTocHtml(o.pageToc)}
 <script>${inlineScript(o.clientJs)}<\/script>
 ${o.needsMermaid ? `<script type="module">${inlineScript(MERMAID_JS)}<\/script>` : ""}
 ${o.liveReload === true ? `<script>${inlineScript(LIVE_RELOAD_JS)}<\/script>` : ""}
 ${o.hydrateJs === void 0 ? "" : `<script>${inlineScript(o.hydrateJs)}<\/script>`}
-${o.pageTocJs === void 0 ? "" : `<script>${inlineScript(o.pageTocJs)}<\/script>`}
 </body>
 </html>
 `;
@@ -5428,8 +5148,7 @@ const scanMdxrImports = async (importer) => {
 const EXTRA_MODULES = {
 	builtinComponents: path.join(srcDir, "ui/index.js"),
 	defineConfig: path.join(srcDir, "config.js"),
-	mountDocument: path.join(srcDir, "hydrate-runtime.js"),
-	mountPageToc: path.join(srcDir, "page-toc-runtime.js")
+	mountDocument: path.join(srcDir, "hydrate-runtime.js")
 };
 /**
 * The virtual module's `v` export. `export * as v` would materialize the
@@ -5527,7 +5246,6 @@ const buildHydrateScript = async (spec) => {
 	};
 	const mountDocument = bind("mountDocument");
 	const planHeader = spec.header === void 0 ? "undefined" : bind("PlanHeader");
-	const mountPageToc = spec.pageToc === true ? `${bind("mountPageToc")}();` : "";
 	for (const name of spec.usedComponents) {
 		if (!Object.hasOwn(builtinComponents, name)) continue;
 		const exported = name === "pre" ? "Pre" : name;
@@ -5546,7 +5264,6 @@ ${mountDocument}({
   planHeader: ${planHeader},
   userModule: ${spec.componentsPath === void 0 ? "undefined" : "__mdxrUser"},
 });
-${mountPageToc}
 `;
 	const result = await build({
 		absWorkingDir: pkgRoot,
@@ -6048,7 +5765,6 @@ const mdxToHtml = async (source, components, filePath = "document.mdx", opts = {
 		context,
 		fileLinks: Object.fromEntries(fileLinks),
 		frontmatter,
-		headings: compiled.data.mdxrHeadings ?? [],
 		hydrated,
 		renderWithHeader: (header) => {
 			try {
@@ -6068,44 +5784,6 @@ const mdxToHtml = async (source, components, filePath = "document.mdx", opts = {
 	};
 };
 //#endregion
-//#region src/page-toc-js.ts
-let cache;
-const buildPageTocJs = async () => {
-	return (await build({
-		absWorkingDir: pkgRoot,
-		bundle: true,
-		define: { "process.env.NODE_ENV": "\"production\"" },
-		format: "iife",
-		jsx: "automatic",
-		jsxImportSource: "react",
-		logLevel: "silent",
-		minify: true,
-		platform: "browser",
-		stdin: {
-			contents: "import { mountPageToc } from \"./page-toc-runtime.js\"; mountPageToc();",
-			loader: "js",
-			resolveDir: path.join(pkgRoot, "src"),
-			sourcefile: "mdxr-page-toc.js"
-		},
-		target: "es2022",
-		write: false
-	})).outputFiles[0]?.text ?? "";
-};
-/**
-* Standalone bundle that hydrates the sidebar ToC — used only when the
-* document has no hydration bundle of its own (that one mounts the ToC with
-* the React copy it already ships). Memoized: identical for every render.
-*/
-const pageTocJs = async () => {
-	cache ??= buildPageTocJs();
-	try {
-		return await cache;
-	} catch (error) {
-		cache = void 0;
-		throw error;
-	}
-};
-//#endregion
 //#region src/assets/css.ts
 /** Base CSS appended after Tailwind utilities (covers what utilities can't). */
 const BASE_CSS = `
@@ -6115,6 +5793,20 @@ const BASE_CSS = `
 .task-list-item { list-style: none; }
 ul.contains-task-list { padding-left: 1.25rem; }
 .task-list-item input[type='checkbox'] { margin-right: 0.4em; }
+/* Graph fitting is native SVG sizing: readable minimum scale on screen,
+ * full-width containment in print, and a keyboard-operable actual-size toggle. */
+.mdxr-graph-view:has(.mdxr-graph-actual:checked) .mdxr-graph-image {
+  max-width: none !important;
+}
+.mdxr-graph-tools:focus-within { outline: 2px solid rgb(14 165 233); outline-offset: -2px; }
+@media print {
+  .mdxr-graph-tools { display: none; }
+  .mdxr-graph-scroll { overflow: visible; }
+  .mdxr-graph-view:has(.mdxr-graph-actual:checked) .mdxr-graph-image,
+  .mdxr-graph-view .mdxr-graph-image {
+    max-width: 100% !important; min-width: 0 !important; height: auto !important;
+  }
+}
 /* --- Interaction feedback -------------------------------------------
  * Every [data-copy] button carries an idle and a done icon
  * (.mdxr-copy-idle/.mdxr-copy-done); the delegated event handler
@@ -6391,7 +6083,7 @@ details[open] > summary .mdxr-chev { transform: rotate(90deg); }
 .dark .mdxr-toc-body > ul > li > a { color: rgb(212 212 212); }
 .mdxr-toc-body > ul > li > p > a::before,
 .mdxr-toc-body > ul > li > a::before {
-  content: counter(mdxr-toc); min-width: 1em;
+  content: counter(mdxr-toc); min-width: 1em; flex-shrink: 0; white-space: nowrap;
   font-size: 0.72rem; font-weight: 400; font-variant-numeric: tabular-nums;
   color: rgb(163 163 163);
 }
@@ -6403,6 +6095,27 @@ details[open] > summary .mdxr-chev { transform: rotate(90deg); }
 }
 .dark .mdxr-toc-body ul ul { border-color: rgb(64 64 64); }
 .mdxr-toc-body ul ul a { font-size: 0.8125rem; padding: 0.2rem 0.45rem; }
+/* A 64rem viewport fits the usual 45rem article, a 14rem ToC, a 2rem
+ * gap, and 1.5rem outer gutters. Only the first document-level ToC docks;
+ * additional or nested tables stay in the document flow. Print stays inline. */
+@media screen and (min-width: 64rem) {
+  #mdxr-root:has(> .mdxr-toc, > article:only-of-type > .mdxr-toc) {
+    max-width: 64rem;
+    padding-right: 17.5rem;
+  }
+  #mdxr-root > .mdxr-toc:nth-child(1 of .mdxr-toc),
+  #mdxr-root:not(:has(> .mdxr-toc)) > article:only-of-type > .mdxr-toc:nth-child(1 of .mdxr-toc) {
+    position: fixed;
+    top: 4rem;
+    right: max(1.5rem, calc((100vw - 64rem) / 2 + 1.5rem));
+    width: 14rem;
+    max-height: calc(100dvh - 5.5rem);
+    margin: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    overflow-wrap: anywhere;
+  }
+}
 /* Ask: native form controls stay interactive without hydration. The real
  * inputs are visually hidden; state is styled through :checked/~ siblings. */
 .mdxr-choice {
@@ -6613,7 +6326,6 @@ const buildHydrateBundle = async (args) => {
 			fileLinks: args.fileLinks,
 			header: args.headerProps,
 			now: args.now,
-			pageToc: args.pageToc,
 			usedComponents: args.usedComponents,
 			usedIcons: args.usedIcons
 		});
@@ -6650,23 +6362,6 @@ const frontmatterHeader = (fm, body) => {
 		version: fm("version")
 	};
 };
-/** Sidebar ToC entries — frontmatter `toc: false` opts the page out. */
-const sidebarHeadings = (frontmatter, headings) => frontmatter.toc === false || frontmatter.toc === "false" ? [] : pageTocHeadings(headings);
-/**
-* SSR markup for the sidebar ToC plus the script that hydrates it. The
-* document bundle mounts the ToC itself when there is one; otherwise the
-* standalone bundle does. Without JS the sidebar stays plain anchor links.
-*/
-const renderPageToc = async (headings, interactive, hasDocumentBundle) => {
-	if (headings.length === 0) return {};
-	return {
-		pageToc: {
-			headings,
-			html: (interactive ? renderToString : renderToStaticMarkup)(createElement(PageToc, { headings }))
-		},
-		pageTocJs: interactive && !hasDocumentBundle ? await pageTocJs() : void 0
-	};
-};
 /** Render MDX source text to a standalone HTML document. */
 const render = async (source, opts = {}) => {
 	const dir = path.resolve(opts.dir ?? process.cwd());
@@ -6679,7 +6374,7 @@ const render = async (source, opts = {}) => {
 		...builtinComponents,
 		...user.components
 	};
-	const { body, code, fileLinks, frontmatter, headings, renderedAt, renderWithHeader, usedComponents, usedIcons } = await mdxToHtml(source, components, filePath, {
+	const { body, code, fileLinks, frontmatter, renderedAt, renderWithHeader, usedComponents, usedIcons } = await mdxToHtml(source, components, filePath, {
 		editor: config.editor,
 		hydrate: opts.hydrate
 	});
@@ -6728,7 +6423,6 @@ const render = async (source, opts = {}) => {
 	];
 	const { css, dependencies } = await buildCss(sources, config.themePath);
 	opts.onDependencies?.(dependencies);
-	const tocHeadings = sidebarHeadings(frontmatter, headings);
 	const [js, hydrateJs] = await Promise.all([clientJs(), buildHydrateBundle({
 		code,
 		config,
@@ -6736,11 +6430,9 @@ const render = async (source, opts = {}) => {
 		headerProps,
 		hydrate: opts.hydrate,
 		now: renderedAt,
-		pageToc: tocHeadings.length > 0,
 		usedComponents,
 		usedIcons: docIcons
 	})]);
-	const { pageToc, pageTocJs: tocJs } = await renderPageToc(tocHeadings, opts.hydrate ?? true, hydrateJs !== void 0);
 	return htmlDocument({
 		body: docBody,
 		clientJs: js,
@@ -6749,8 +6441,6 @@ const render = async (source, opts = {}) => {
 		liveReload: opts.liveReload,
 		needsKatex: /class="[^"]*katex/u.test(docBody),
 		needsMermaid: /class="[^"]*mermaid/u.test(docBody),
-		pageToc,
-		pageTocJs: tocJs,
 		title
 	});
 };