modviz 0.1.2

package/dist/server/assets/setup-view-DjI49Iqr.js

@@ -0,0 +1,91 @@
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, ArrowLeftRight, FolderClock, Terminal } from "lucide-react";
+//#region src/components/modviz/setup-view.tsx
+function SetupView(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsx("section", {
+			className: `rounded-[24px] border p-6 shadow-[0_16px_50px_-32px_rgba(15,23,42,0.55)] ${props.bundle.setup.status === "invalid" ? "border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-500/30 dark:bg-rose-500/10 dark:text-rose-200" : "border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-500/30 dark:bg-sky-500/10 dark:text-sky-200"}`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "rounded-2xl bg-white/70 p-3 dark:bg-slate-950/30",
+					children: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-5" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-lg font-semibold",
+							children: "No active modviz snapshot"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "mt-2 text-sm leading-6 opacity-90",
+							children: props.bundle.setup.message
+						})] }),
+						/* @__PURE__ */ jsx("div", {
+							className: "rounded-2xl border border-current/15 bg-white/70 px-4 py-3 font-mono text-xs dark:bg-slate-950/30",
+							children: "pnpm exec modviz analyze ./src/index.ts --ui --snapshot-name=first-run"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap gap-2",
+							children: [/* @__PURE__ */ jsxs(Link, {
+								to: "/configure",
+								className: "inline-flex items-center gap-2 rounded-full border border-current/20 bg-white/80 px-4 py-2 text-sm font-medium dark:bg-slate-950/30",
+								children: [/* @__PURE__ */ jsx(Terminal, { className: "size-4" }), "Open command builder"]
+							}), props.bundle.history.length > 0 ? /* @__PURE__ */ jsxs(Link, {
+								to: "/compare",
+								search: { baselineSnapshot: "" },
+								className: "inline-flex items-center gap-2 rounded-full border border-current/20 bg-white/80 px-4 py-2 text-sm font-medium dark:bg-slate-950/30",
+								children: [/* @__PURE__ */ jsx(ArrowLeftRight, { className: "size-4" }), "Open compare with history"]
+							}) : null]
+						})
+					]
+				})]
+			})
+		}), /* @__PURE__ */ jsxs("section", {
+			className: "rounded-[24px] border border-slate-200/70 bg-white/90 p-6 shadow-[0_16px_50px_-32px_rgba(15,23,42,0.55)] dark:border-slate-800 dark:bg-slate-950/70",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "rounded-2xl bg-slate-100 p-3 text-slate-700 dark:bg-slate-900 dark:text-slate-200",
+					children: /* @__PURE__ */ jsx(FolderClock, { className: "size-5" })
+				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-lg font-semibold text-slate-900 dark:text-slate-100",
+					children: "Named snapshot history"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-sm text-slate-500 dark:text-slate-400",
+					children: "Saved runs can be loaded in Compare even before a current graph is active."
+				})] })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-4 space-y-2",
+				children: props.bundle.history.length === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-slate-500 dark:text-slate-400",
+					children: "No named snapshots saved yet."
+				}) : props.bundle.history.slice(0, 12).map((snapshot) => /* @__PURE__ */ jsx("div", {
+					className: "rounded-2xl bg-slate-50/90 px-4 py-3 dark:bg-slate-900/70",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center justify-between gap-3",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "font-medium text-slate-900 dark:text-slate-100",
+							children: snapshot.id
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "mt-1 text-xs text-slate-500 dark:text-slate-400",
+							children: [
+								snapshot.totalNodes,
+								" nodes",
+								snapshot.generatedAt ? ` • ${new Date(snapshot.generatedAt).toLocaleString()}` : ""
+							]
+						})] }), /* @__PURE__ */ jsx(Link, {
+							to: "/compare",
+							search: { baselineSnapshot: snapshot.id },
+							className: "text-sm font-medium text-sky-700 dark:text-sky-300",
+							children: "Use in compare"
+						})]
+					})
+				}, snapshot.id))
+			})]
+		})]
+	});
+}
+//#endregion
+export { SetupView as t };

package/dist/server/assets/start-Ba3KII43.js

@@ -0,0 +1,4 @@
+//#region node_modules/.pnpm/@tanstack+react-start@1.167.35_react-dom@19.2.5_react@19.2.5__react@19.2.5_vite@8.0.8_@_fb73f0827e410b8796146e2e1bb1ff1b/node_modules/@tanstack/react-start/dist/plugin/default-entry/start.ts
+var startInstance = void 0;
+//#endregion
+export { startInstance };

package/dist/server/assets/summary-z3lXkLCQ.js

@@ -0,0 +1,208 @@
+import { f as isModvizBundleReady, m as useModvizBundle } from "./modviz-data-CUyTorv0.js";
+import { t as formatNumber } from "./formatting-iDlL4tA-.js";
+import { t as ModvizLayout } from "./modviz-layout-BAH2ogse.js";
+import { t as SetupView } from "./setup-view-DjI49Iqr.js";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/modviz/summary-view.tsx
+function MetricCard(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-[24px] border border-slate-200/70 bg-white/90 p-5 shadow-[0_16px_50px_-32px_rgba(15,23,42,0.55)] dark:border-slate-800 dark:bg-slate-950/70",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-xs font-semibold uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400",
+				children: props.label
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-3 text-3xl font-semibold text-slate-900 dark:text-slate-100",
+				children: formatNumber.format(props.value)
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm leading-6 text-slate-500 dark:text-slate-400",
+				children: props.note
+			})
+		]
+	});
+}
+function SummaryTable(props) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-[24px] border border-slate-200/70 bg-white/90 p-5 shadow-[0_16px_50px_-32px_rgba(15,23,42,0.55)] dark:border-slate-800 dark:bg-slate-950/70",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-lg font-semibold text-slate-900 dark:text-slate-100",
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-slate-500 dark:text-slate-400",
+				children: props.description
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-4 overflow-hidden rounded-2xl border border-slate-200/70 dark:border-slate-800",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "min-w-full divide-y divide-slate-200 dark:divide-slate-800",
+					children: [/* @__PURE__ */ jsx("thead", {
+						className: "bg-slate-50/90 dark:bg-slate-900/80",
+						children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", {
+								className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-400",
+								children: "Target"
+							}),
+							/* @__PURE__ */ jsx("th", {
+								className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-400",
+								children: "Path"
+							}),
+							/* @__PURE__ */ jsx("th", {
+								className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-400",
+								children: props.valueLabel
+							})
+						] })
+					}), /* @__PURE__ */ jsx("tbody", {
+						className: "divide-y divide-slate-200 bg-white dark:divide-slate-800 dark:bg-slate-950/60",
+						children: props.rows.map((row, index) => /* @__PURE__ */ jsxs("tr", {
+							className: "transition hover:bg-sky-50/70 dark:hover:bg-sky-500/10",
+							children: [
+								/* @__PURE__ */ jsxs("td", {
+									className: "px-4 py-3 text-sm font-medium text-slate-800 dark:text-slate-100",
+									children: [/* @__PURE__ */ jsx(Link, {
+										to: props.getLink(row).to,
+										search: props.getLink(row).search,
+										className: "hover:text-sky-700 dark:hover:text-sky-300",
+										children: row.label
+									}), row.description ? /* @__PURE__ */ jsx("p", {
+										className: "mt-1 text-xs font-normal text-slate-500 dark:text-slate-400",
+										children: row.description
+									}) : null]
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "max-w-[24rem] truncate px-4 py-3 text-sm text-slate-500 dark:text-slate-400",
+									children: row.path
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3 text-right text-sm font-semibold text-slate-900 dark:text-slate-100",
+									children: formatNumber.format(row.value)
+								})
+							]
+						}, `${row.path}-${index}`))
+					})]
+				})
+			})
+		]
+	});
+}
+function SummaryView(props) {
+	const { graph, summary } = props.bundle;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs("section", {
+				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Total nodes",
+						value: summary.overview.totalNodes,
+						note: `${formatNumber.format(summary.overview.workspaceNodes)} workspace nodes and ${formatNumber.format(summary.overview.externalNodes)} external nodes are available in the loaded graph.`
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Entrypoints",
+						value: summary.overview.entrypoints,
+						note: graph.metadata.entrypoints.join(" • ") || "No entrypoint metadata present."
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Workspace packages",
+						value: summary.overview.workspacePackages,
+						note: "Monorepo packages discovered in metadata and reused by the filters in the import-search view."
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Barrel files",
+						value: summary.overview.barrelFiles,
+						note: summary.hasLlm ? "The LLM companion report is available, so hotspot tables use companion-report reachability." : "No LLM companion report was found, so hotspot tables use graph-derived reachable-module counts."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "grid gap-4 xl:grid-cols-2",
+				children: [/* @__PURE__ */ jsx(SummaryTable, {
+					title: "Most transitive imports",
+					description: summary.hasLlm ? "Approximate hotspots ranked by reachable modules from the companion report." : "Graph-derived ranking based on how many unique modules each file can reach through its import chain.",
+					rows: summary.hotspots,
+					valueLabel: "Reachable",
+					getLink: (row) => ({
+						to: "/trace",
+						search: {
+							node: row.path,
+							package: "",
+							limit: 10
+						}
+					})
+				}), /* @__PURE__ */ jsx(SummaryTable, {
+					title: "Most imported by",
+					description: "Files or modules with the highest number of direct importers.",
+					rows: summary.topImportedBy,
+					valueLabel: "Inbound",
+					getLink: (row) => ({
+						to: "/explorer",
+						search: {
+							selected: row.path,
+							scope: row.path.includes("node_modules") ? "external" : "workspace"
+						}
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "grid gap-4 xl:grid-cols-2",
+				children: [/* @__PURE__ */ jsx(SummaryTable, {
+					title: "Top importers",
+					description: "Files or modules with the highest number of direct outgoing imports.",
+					rows: summary.topImporters,
+					valueLabel: "Outgoing",
+					getLink: (row) => ({
+						to: "/explorer",
+						search: {
+							selected: row.path,
+							scope: row.path.includes("node_modules") ? "external" : "workspace"
+						}
+					})
+				}), /* @__PURE__ */ jsx(SummaryTable, {
+					title: "External packages",
+					description: "Distinct external package presence in the current graph.",
+					rows: summary.topExternalPackages,
+					valueLabel: "Nodes",
+					getLink: (row) => ({
+						to: "/trace",
+						search: {
+							package: row.label,
+							node: "",
+							limit: 10
+						}
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(SummaryTable, {
+				title: "Largest clusters",
+				description: "Useful when deciding where to zoom first in the bubble graph or what to scope in import search.",
+				rows: summary.topClusters,
+				valueLabel: "Nodes",
+				getLink: (row) => ({
+					to: "/graph",
+					search: {
+						cluster: row.label,
+						externalGrouping: "package"
+					}
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/summary.tsx?tsr-split=component
+function SummaryRoute() {
+	const bundle = useModvizBundle();
+	return /* @__PURE__ */ jsx(ModvizLayout, {
+		projectTitle: bundle.projectTitle,
+		title: "Summary",
+		description: "Tabular views for hotspots, direct import fan-in and fan-out, cluster sizes, and package-level distribution.",
+		children: isModvizBundleReady(bundle) ? /* @__PURE__ */ jsx(SummaryView, { bundle }) : /* @__PURE__ */ jsx(SetupView, { bundle })
+	});
+}
+//#endregion
+export { SummaryRoute as component };

package/dist/server/assets/tooltip-Ck0DDfF7.js

@@ -0,0 +1,24 @@
+import { t as cn } from "./utils-BQZm0uva.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@ark-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+var Tooltip$1 = Tooltip.Root;
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tooltip.Arrow, {
+	ref,
+	className: cn("[--arrow-background:var(--popover)] [--arrow-size:calc(var(--spacing)*2)]", className),
+	...props,
+	children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, { className: "border-t border-l" })
+}));
+TooltipArrow.displayName = "TooltipArrow";
+var TooltipContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, {
+	ref,
+	className: cn("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-70 animate-in rounded-md border bg-popover px-3 py-1.5 text-popover-foreground text-sm data-[state=closed]:animate-out", className),
+	...props
+}) }));
+TooltipContent.displayName = "TooltipContent";
+Tooltip.Context;
+Tooltip.RootProvider;
+var TooltipTrigger = Tooltip.Trigger;
+//#endregion
+export { TooltipTrigger as i, TooltipArrow as n, TooltipContent as r, Tooltip$1 as t };

package/dist/server/assets/trace-ColKOf9g.js

@@ -0,0 +1,16 @@
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { z } from "zod";
+//#region src/routes/trace.tsx
+var $$splitComponentImporter = () => import("./trace-eVs-hIZO.js");
+var traceSearchSchema = z.object({
+	limit: z.coerce.number().catch(25),
+	node: z.string().catch(""),
+	package: z.string().catch("")
+});
+var Route = createFileRoute("/trace")({
+	ssr: false,
+	validateSearch: (search) => traceSearchSchema.parse(search),
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { Route as t };