@flanksource/clicky-ui 0.3.43 → 0.3.45

package/dist/data/call-graph/CallGraphParts.cjs

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../components/button.cjs");
+const Badge = require("../Badge.cjs");
+const KeyValueList = require("../KeyValueList.cjs");
+const utils = require("../../lib/utils.cjs");
+const callGraphLabels = require("./call-graph-labels.cjs");
+const callGraphModel = require("./call-graph-model.cjs");
+const callGraphVocabulary = require("./call-graph-vocabulary.cjs");
+const CallGraphGlyphs = require("./CallGraphGlyphs.cjs");
+const CallGraphMembers = require("./CallGraphMembers.cjs");
+const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
+function plainClick(event) {
+  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function ActionTarget({ action, className, label, children }) {
+  const { href, onSelect } = action;
+  if (href === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className, "aria-label": label, onClick: onSelect, children });
+  }
+  const onClick = onSelect && ((event) => {
+    if (!plainClick(event)) return;
+    event.preventDefault();
+    onSelect();
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, "aria-label": label, ...onClick ? { onClick } : {}, children });
+}
+function siteLocation(site) {
+  return `${site.path ?? "unknown file"}:${site.line ?? "?"}`;
+}
+function SiteGuards({ guards, known }) {
+  if (guards.length > 0) {
+    return guards.map((guard, index) => /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "outline", size: "sm", wrap: true, clickToCopy: false, className: "h-auto py-0.5 font-mono", children: guard }, `${index}-${guard}`));
+  }
+  if (known === "loading") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: known === "known" ? "Unconditional" : "Guards not loaded" });
+}
+function SiteBody({ site, known }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-mono text-xs text-primary", children: siteLocation(site) }),
+    site.text && /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block max-h-24 overflow-hidden whitespace-pre-wrap break-words rounded bg-muted px-1.5 py-1 font-mono text-xs", title: site.text, children: site.text }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(SiteGuards, { guards: site.guards ?? [], known }) })
+  ] });
+}
+function guardsKnown(lazy, guards) {
+  if (!lazy || (guards == null ? void 0 : guards.status) === "loaded") return "known";
+  return (guards == null ? void 0 : guards.status) === "failed" ? "failed" : "loading";
+}
+function EdgeTypeIcon({ type, labels }) {
+  const words = labels[type];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { title: words, className: "flex text-base leading-none", children: /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.EdgeTypeGlyph, { type, title: words }) });
+}
+function isAccess(type) {
+  return type === "read" || type === "write";
+}
+function edgeMembers(edge, graph) {
+  const own = new Set(callGraphLabels.memberAccess([edge]).map((member) => `${member.kind}:${member.name}`));
+  const siblings = graph.edges.filter((other) => other.id !== edge.id && other.from === edge.from && other.to === edge.to);
+  return callGraphLabels.memberAccess([edge, ...siblings]).filter((member) => own.has(`${member.kind}:${member.name}`));
+}
+function MemberLists({ members }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CallGraphMembers.MemberChips, { label: "Columns", members: members.filter((member) => member.kind === "column") }),
+    /* @__PURE__ */ jsxRuntime.jsx(CallGraphMembers.MemberChips, { label: "Fields", members: members.filter((member) => member.kind === "field") })
+  ] });
+}
+function GuardsStatus({ guards }) {
+  if ((guards == null ? void 0 : guards.status) === "loading") return /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-xs text-muted-foreground", children: "Loading guards…" });
+  if ((guards == null ? void 0 : guards.status) === "failed") return /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-xs text-destructive", children: guards.error });
+  return null;
+}
+function EdgeSites({ edge, graph, labels, guards, lazyGuards = false, siteAction }) {
+  const sites = (guards == null ? void 0 : guards.status) === "loaded" ? guards.sites : edge.sites;
+  const known = guardsKnown(lazyGuards, guards);
+  const properties = callGraphLabels.propertyLines(callGraphLabels.memberChips(edge.properties).rest);
+  const noun = isAccess(edge.type) ? "access" : "call";
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-2", "aria-label": `${callGraphLabels.capitalize(noun)} sites`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "break-words text-sm font-semibold", children: [
+        callGraphModel.requireNode(graph, edge.from).label,
+        " → ",
+        callGraphModel.requireNode(graph, edge.to).label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(EdgeTypeIcon, { type: edge.type, labels }),
+        edge.kind && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "outline", size: "sm", clickToCopy: false, children: edge.kind }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          sites.length,
+          " ",
+          noun,
+          " ",
+          sites.length === 1 ? "site" : "sites"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(MemberLists, { members: edgeMembers(edge, graph) }),
+      properties.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5 text-xs", "aria-label": "Edge properties", children: properties.map((line) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "break-words font-mono", children: line }, line)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(GuardsStatus, { guards }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "divide-y divide-border rounded-md border border-border", children: sites.map((site) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: siteAction ? /* @__PURE__ */ jsxRuntime.jsx(ActionTarget, { action: siteAction(site), className: "block w-full space-y-1.5 px-3 py-2.5 text-left hover:bg-muted", label: `Open ${siteLocation(site)}`, children: /* @__PURE__ */ jsxRuntime.jsx(SiteBody, { site, known }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5 px-3 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(SiteBody, { site, known }) }) }, `${siteLocation(site)}:${site.column ?? 0}`)) })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all font-mono text-xs", children });
+}
+function backingItem(node, vocabulary, onFocus) {
+  var _a;
+  const backing = (_a = vocabulary.backing) == null ? void 0 : _a.call(vocabulary, node);
+  if (!backing) return [];
+  const value = onFocus ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "break-all font-mono text-xs text-primary hover:underline", "aria-label": `Focus ${backing.label}`, onClick: () => onFocus(backing.id), children: backing.label }) : /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: backing.label });
+  return [{ key: "backing", label: "Column", value }];
+}
+function totalItems(totals) {
+  const labels = [["callers", "Callers"], ["callees", "Callees"]];
+  return labels.map(([key, label]) => ({ key, label, value: totals[key], hidden: totals[key] === void 0 }));
+}
+function accessItems(node, graph, vocabulary) {
+  if (!vocabulary.isData(node)) return [];
+  const into = graph.edges.filter((edge) => edge.to === node.id);
+  const members = callGraphLabels.memberAccess(into);
+  const memberItem = (kind, label) => {
+    const touched = members.filter((member) => member.kind === kind);
+    return { key: `members:${kind}`, label, value: /* @__PURE__ */ jsxRuntime.jsx(CallGraphMembers.MemberChipList, { label, members: touched }), hidden: touched.length === 0 };
+  };
+  const namesItem = (type, label) => {
+    const names = into.filter((edge) => edge.type === type).map((edge) => callGraphModel.requireNode(graph, edge.from).label);
+    return { key: type, label, value: /* @__PURE__ */ jsxRuntime.jsx(CallGraphMembers.NameList, { label, names }), hidden: names.length === 0 };
+  };
+  return [memberItem("column", "Columns"), memberItem("field", "Fields"), namesItem("read", "Readers"), namesItem("write", "Writers")];
+}
+function nodeItems(node, graph, vocabulary, onFocus) {
+  var _a, _b;
+  const { module: module2, package: pkg, type, method, signature } = node.identifier;
+  const kind = vocabulary.kindOf(graph, node);
+  const group = ((_b = (_a = graph.groups) == null ? void 0 : _a.find((candidate) => candidate.id === node.group)) == null ? void 0 : _b.label) ?? node.group;
+  const backing = backingItem(node, vocabulary, onFocus);
+  const properties = Object.entries(node.properties ?? {}).filter(([key]) => !(backing.length > 0 && key === "column"));
+  const location = node.location;
+  return [
+    {
+      key: "identifier",
+      label: "Identifier",
+      value: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { title: kind, className: "flex shrink-0 text-base leading-none", children: /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.NodeGlyphIcon, { vocabulary, glyph: vocabulary.glyphOf(graph, node), title: kind }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-words", children: [type, method].filter(Boolean).join(".") || node.label })
+      ] })
+    },
+    { key: "signature", label: "Signature", value: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: signature }), hidden: !signature },
+    { key: "package", label: "Package", value: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: pkg }), hidden: !pkg },
+    { key: "module", label: "Module", value: module2, hidden: !module2 },
+    { key: "group", label: callGraphLabels.capitalize(vocabulary.group.noun), value: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: group }), hidden: !group || group === pkg },
+    { key: "location", label: "Location", value: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: siteLocation(location ?? {}) }), hidden: !(location == null ? void 0 : location.path) },
+    ...backing,
+    ...properties.map(([key, value]) => ({ key: `property:${key}`, label: key, value: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: value }) })),
+    ...accessItems(node, graph, vocabulary),
+    ...totalItems(callGraphModel.walkedTotals(graph, node, vocabulary)),
+    { key: "status", label: "Status", value: vocabulary.status(node) }
+  ];
+}
+function NodeDetails({ node, graph, vocabulary, isRoot, opens, open, openLabel, onFocus }) {
+  const sourced = vocabulary.hasSource(node);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-2", "aria-label": "Node details", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "break-words text-sm font-semibold", children: node.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(KeyValueList.KeyValueList, { items: nodeItems(node, graph, vocabulary, onFocus), rowClassName: "grid-cols-[5.5rem_minmax(0,1fr)] gap-density-2", valueClassName: "text-xs" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      opens && ((open == null ? void 0 : open.href) !== void 0 && sourced ? /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsxRuntime.jsx(ActionTarget, { action: open, className: "", label: `${openLabel} ${node.label}`, children: openLabel }) }) : /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "outline", disabled: !sourced || !(open == null ? void 0 : open.onSelect), onClick: open == null ? void 0 : open.onSelect, children: openLabel })),
+      onFocus && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "outline", disabled: !vocabulary.canRoot(node) || isRoot, onClick: () => onFocus(node.id), children: "Focus" })
+    ] })
+  ] });
+}
+const EDGE_TYPES = ["call", "dispatch", "read", "write"];
+const EDGE_LINE = {
+  call: void 0,
+  dispatch: "border-sky-500",
+  read: "border-emerald-500",
+  write: "border-amber-500"
+};
+function LegendEntry({ mark, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1 text-base leading-none", children: mark }),
+    children
+  ] });
+}
+function Legend({ graph, vocabulary, labels }) {
+  const GroupIcon = vocabulary.group.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-muted-foreground", "aria-label": "Legend", children: [
+    callGraphVocabulary.usedGlyphs(graph, vocabulary).map((glyph) => /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.GlyphIcon, { glyph }), children: glyph.name }, glyph.id)),
+    (graph.groups ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx(GroupIcon, {}), children: vocabulary.group.noun }),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-3 w-5 rounded border border-sky-500/60 bg-sky-500/10" }), children: "root" }),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-3 w-5 rounded border border-dashed border-border bg-muted" }), children: "no source: not expandable" }),
+    EDGE_TYPES.filter((type) => graph.edges.some((edge) => edge.type === type)).map((type) => /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      EDGE_LINE[type] && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("inline-block w-6 border-t-2", EDGE_LINE[type]) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.EdgeTypeGlyph, { type })
+    ] }), children: labels[type] }, type)),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-6 border-t-2 border-dashed border-muted-foreground" }), children: "every site guarded" }),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold", children: "×N" }), children: "sites on one edge" }),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold", children: "+N" }), children: "more to load" }),
+    /* @__PURE__ */ jsxRuntime.jsx(LegendEntry, { mark: /* @__PURE__ */ jsxRuntime.jsx(UiWarningTriangle.UiWarningTriangle, {}), children: "not drawn" })
+  ] });
+}
+exports.EdgeSites = EdgeSites;
+exports.Legend = Legend;
+exports.NodeDetails = NodeDetails;
+//# sourceMappingURL=CallGraphParts.cjs.map

package/dist/data/call-graph/CallGraphParts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphParts.cjs","sources":["../../../src/data/call-graph/CallGraphParts.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiWarningTriangle } from \"../../icons\";\nimport { Badge } from \"../Badge\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport { cn } from \"../../lib/utils\";\nimport { capitalize, memberAccess, memberChips, propertyLines, type MemberAccess } from \"./call-graph-labels\";\nimport { requireNode, walkedTotals, type NodeTotals } from \"./call-graph-model\";\nimport { usedGlyphs, type CallGraphVocabulary } from \"./call-graph-vocabulary\";\nimport { EdgeTypeGlyph, GlyphIcon, NodeGlyphIcon } from \"./CallGraphGlyphs\";\nimport { MemberChipList, MemberChips, NameList } from \"./CallGraphMembers\";\nimport type { CallGraph, CallGraphEdge, CallGraphEdgeLabels, CallGraphEdgeType, CallGraphNode, CallGraphSite, SiteGuardsState } from \"./types\";\n\n/** Where an action goes: a link, a handler, or a link a host router intercepts on a plain click. */\nexport interface CallGraphAction {\n  href?: string;\n  onSelect?: () => void;\n}\n\nfunction plainClick(event: MouseEvent): boolean {\n  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;\n}\n\nfunction ActionTarget({ action, className, label, children }: { action: CallGraphAction; className: string; label: string; children: ReactNode }) {\n  const { href, onSelect } = action;\n  if (href === undefined) {\n    return <button type=\"button\" className={className} aria-label={label} onClick={onSelect}>{children}</button>;\n  }\n  const onClick = onSelect && ((event: MouseEvent) => {\n    if (!plainClick(event)) return;\n    event.preventDefault();\n    onSelect();\n  });\n  return <a href={href} className={className} aria-label={label} {...(onClick ? { onClick } : {})}>{children}</a>;\n}\n\nfunction siteLocation(site: CallGraphSite): string {\n  return `${site.path ?? \"unknown file\"}:${site.line ?? \"?\"}`;\n}\n\n/**\n * What a site's guards say: its guards, or \"Unconditional\" once they are known to be none. A site whose\n * guards the host has yet to load says nothing while they load, and that they are not loaded if that failed.\n */\nfunction SiteGuards({ guards, known }: { guards: string[]; known: GuardsKnown }) {\n  if (guards.length > 0) {\n    return guards.map((guard, index) => (\n      <Badge key={`${index}-${guard}`} variant=\"outline\" size=\"sm\" wrap clickToCopy={false} className=\"h-auto py-0.5 font-mono\">{guard}</Badge>\n    ));\n  }\n  if (known === \"loading\") return null;\n  return <span className=\"text-xs text-muted-foreground\">{known === \"known\" ? \"Unconditional\" : \"Guards not loaded\"}</span>;\n}\n\ntype GuardsKnown = \"known\" | \"loading\" | \"failed\";\n\nfunction SiteBody({ site, known }: { site: CallGraphSite; known: GuardsKnown }) {\n  return (\n    <>\n      <span className=\"block font-mono text-xs text-primary\">{siteLocation(site)}</span>\n      {site.text && (\n        <code className=\"block max-h-24 overflow-hidden whitespace-pre-wrap break-words rounded bg-muted px-1.5 py-1 font-mono text-xs\" title={site.text}>\n          {site.text}\n        </code>\n      )}\n      <span className=\"flex flex-wrap items-center gap-1\">\n        <SiteGuards guards={site.guards ?? []} known={known} />\n      </span>\n    </>\n  );\n}\n\n/** Whether a site without guards has none: always, unless the host loads them, and then once they loaded. */\nfunction guardsKnown(lazy: boolean, guards: SiteGuardsState | undefined): GuardsKnown {\n  if (!lazy || guards?.status === \"loaded\") return \"known\";\n  return guards?.status === \"failed\" ? \"failed\" : \"loading\";\n}\n\n/** The edge's type as its icon, with its words as the tooltip. */\nfunction EdgeTypeIcon({ type, labels }: { type: CallGraphEdgeType; labels: CallGraphEdgeLabels }) {\n  const words = labels[type];\n  return <span title={words} className=\"flex text-base leading-none\"><EdgeTypeGlyph type={type} title={words} /></span>;\n}\n\nfunction isAccess(type: CallGraphEdgeType): boolean {\n  return type === \"read\" || type === \"write\";\n}\n\n/**\n * The columns and fields a collapsed read or write touches, each marked \"both\" when the edge of the\n * other access type between the same nodes touches it too.\n */\nfunction edgeMembers(edge: CallGraphEdge, graph: CallGraph): MemberAccess[] {\n  const own = new Set(memberAccess([edge]).map((member) => `${member.kind}:${member.name}`));\n  const siblings = graph.edges.filter((other) => other.id !== edge.id && other.from === edge.from && other.to === edge.to);\n  return memberAccess([edge, ...siblings]).filter((member) => own.has(`${member.kind}:${member.name}`));\n}\n\nfunction MemberLists({ members }: { members: readonly MemberAccess[] }) {\n  return (\n    <>\n      <MemberChips label=\"Columns\" members={members.filter((member) => member.kind === \"column\")} />\n      <MemberChips label=\"Fields\" members={members.filter((member) => member.kind === \"field\")} />\n    </>\n  );\n}\n\nfunction GuardsStatus({ guards }: { guards: SiteGuardsState | undefined }) {\n  if (guards?.status === \"loading\") return <p role=\"status\" className=\"text-xs text-muted-foreground\">Loading guards…</p>;\n  if (guards?.status === \"failed\") return <p role=\"alert\" className=\"text-xs text-destructive\">{guards.error}</p>;\n  return null;\n}\n\n/**\n * The call or access sites behind the selected edge: where, the construct as written, and every guard\n * outermost first, after the edge's kind, the columns or fields a collapsed read or write touches, and\n * its other properties. Lazily fetched guards replace the response's sites once they arrive. With\n * `siteAction` each site opens where it is written.\n */\nexport function EdgeSites({ edge, graph, labels, guards, lazyGuards = false, siteAction }: {\n  edge: CallGraphEdge;\n  graph: CallGraph;\n  labels: CallGraphEdgeLabels;\n  guards?: SiteGuardsState | undefined;\n  /** The host loads the guards on selection: until `guards` has them, a site is not called unconditional. */\n  lazyGuards?: boolean;\n  siteAction?: ((site: CallGraphSite) => CallGraphAction) | undefined;\n}) {\n  const sites = guards?.status === \"loaded\" ? guards.sites : edge.sites;\n  const known = guardsKnown(lazyGuards, guards);\n  const properties = propertyLines(memberChips(edge.properties).rest);\n  const noun = isAccess(edge.type) ? \"access\" : \"call\";\n  return (\n    <section className=\"space-y-2\" aria-label={`${capitalize(noun)} sites`}>\n      <header className=\"space-y-1\">\n        <h3 className=\"break-words text-sm font-semibold\">{requireNode(graph, edge.from).label} → {requireNode(graph, edge.to).label}</h3>\n        <div className=\"flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n          <EdgeTypeIcon type={edge.type} labels={labels} />\n          {edge.kind && <Badge variant=\"outline\" size=\"sm\" clickToCopy={false}>{edge.kind}</Badge>}\n          <span>{sites.length} {noun} {sites.length === 1 ? \"site\" : \"sites\"}</span>\n        </div>\n        <MemberLists members={edgeMembers(edge, graph)} />\n        {properties.length > 0 && (\n          <ul className=\"space-y-0.5 text-xs\" aria-label=\"Edge properties\">\n            {properties.map((line) => <li key={line} className=\"break-words font-mono\">{line}</li>)}\n          </ul>\n        )}\n      </header>\n      <GuardsStatus guards={guards} />\n      <ol className=\"divide-y divide-border rounded-md border border-border\">\n        {sites.map((site) => (\n          <li key={`${siteLocation(site)}:${site.column ?? 0}`}>\n            {siteAction ? (\n              <ActionTarget action={siteAction(site)} className=\"block w-full space-y-1.5 px-3 py-2.5 text-left hover:bg-muted\" label={`Open ${siteLocation(site)}`}>\n                <SiteBody site={site} known={known} />\n              </ActionTarget>\n            ) : (\n              <div className=\"space-y-1.5 px-3 py-2.5\"><SiteBody site={site} known={known} /></div>\n            )}\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <span className=\"break-all font-mono text-xs\">{children}</span>;\n}\n\n/** The node behind a data node, such as a field's column: a Focus link when the host can re-root. */\nfunction backingItem(node: CallGraphNode, vocabulary: CallGraphVocabulary, onFocus: ((id: string) => void) | undefined): KeyValueListItem[] {\n  const backing = vocabulary.backing?.(node);\n  if (!backing) return [];\n  const value = onFocus\n    ? <button type=\"button\" className=\"break-all font-mono text-xs text-primary hover:underline\" aria-label={`Focus ${backing.label}`} onClick={() => onFocus(backing.id)}>{backing.label}</button>\n    : <Mono>{backing.label}</Mono>;\n  return [{ key: \"backing\", label: \"Column\", value }];\n}\n\nfunction totalItems(totals: NodeTotals): KeyValueListItem[] {\n  const labels: [keyof NodeTotals, string][] = [[\"callers\", \"Callers\"], [\"callees\", \"Callees\"]];\n  return labels.map(([key, label]) => ({ key, label, value: totals[key], hidden: totals[key] === undefined }));\n}\n\n/**\n * What a data node's readers and writers touch of it, and who they are: the columns or fields of a\n * collapsed table or entity, each marked read, written or both, then the readers' and writers' names.\n */\nfunction accessItems(node: CallGraphNode, graph: CallGraph, vocabulary: CallGraphVocabulary): KeyValueListItem[] {\n  if (!vocabulary.isData(node)) return [];\n  const into = graph.edges.filter((edge) => edge.to === node.id);\n  const members = memberAccess(into);\n  const memberItem = (kind: MemberAccess[\"kind\"], label: string): KeyValueListItem => {\n    const touched = members.filter((member) => member.kind === kind);\n    return { key: `members:${kind}`, label, value: <MemberChipList label={label} members={touched} />, hidden: touched.length === 0 };\n  };\n  const namesItem = (type: CallGraphEdgeType, label: string): KeyValueListItem => {\n    const names = into.filter((edge) => edge.type === type).map((edge) => requireNode(graph, edge.from).label);\n    return { key: type, label, value: <NameList label={label} names={names} />, hidden: names.length === 0 };\n  };\n  return [memberItem(\"column\", \"Columns\"), memberItem(\"field\", \"Fields\"), namesItem(\"read\", \"Readers\"), namesItem(\"write\", \"Writers\")];\n}\n\nfunction nodeItems(node: CallGraphNode, graph: CallGraph, vocabulary: CallGraphVocabulary, onFocus: ((id: string) => void) | undefined): KeyValueListItem[] {\n  const { module, package: pkg, type, method, signature } = node.identifier;\n  const kind = vocabulary.kindOf(graph, node);\n  const group = graph.groups?.find((candidate) => candidate.id === node.group)?.label ?? node.group;\n  const backing = backingItem(node, vocabulary, onFocus);\n  const properties = Object.entries(node.properties ?? {}).filter(([key]) => !(backing.length > 0 && key === \"column\"));\n  const location = node.location;\n  return [\n    {\n      key: \"identifier\",\n      label: \"Identifier\",\n      value: (\n        <span className=\"flex items-center gap-1.5\">\n          <span title={kind} className=\"flex shrink-0 text-base leading-none\">\n            <NodeGlyphIcon vocabulary={vocabulary} glyph={vocabulary.glyphOf(graph, node)} title={kind} />\n          </span>\n          <span className=\"min-w-0 break-words\">{[type, method].filter(Boolean).join(\".\") || node.label}</span>\n        </span>\n      ),\n    },\n    { key: \"signature\", label: \"Signature\", value: <Mono>{signature}</Mono>, hidden: !signature },\n    { key: \"package\", label: \"Package\", value: <Mono>{pkg}</Mono>, hidden: !pkg },\n    { key: \"module\", label: \"Module\", value: module, hidden: !module },\n    { key: \"group\", label: capitalize(vocabulary.group.noun), value: <Mono>{group}</Mono>, hidden: !group || group === pkg },\n    { key: \"location\", label: \"Location\", value: <Mono>{siteLocation(location ?? {})}</Mono>, hidden: !location?.path },\n    ...backing,\n    ...properties.map(([key, value]) => ({ key: `property:${key}`, label: key, value: <Mono>{value}</Mono> })),\n    ...accessItems(node, graph, vocabulary),\n    ...totalItems(walkedTotals(graph, node, vocabulary)),\n    { key: \"status\", label: \"Status\", value: vocabulary.status(node) },\n  ];\n}\n\n/**\n * What a node is and where it is declared, with the actions that open it or re-root the graph on it.\n * When the host `opens` nodes, Open shows on every node, disabled on one with no source or no `open`.\n */\nexport function NodeDetails({ node, graph, vocabulary, isRoot, opens, open, openLabel, onFocus }: {\n  node: CallGraphNode;\n  graph: CallGraph;\n  vocabulary: CallGraphVocabulary;\n  isRoot: boolean;\n  opens: boolean;\n  open?: CallGraphAction | undefined;\n  openLabel: string;\n  /** Re-roots the graph on a node, by id: this one, or the one behind it. */\n  onFocus?: ((id: string) => void) | undefined;\n}) {\n  const sourced = vocabulary.hasSource(node);\n  return (\n    <section className=\"space-y-2\" aria-label=\"Node details\">\n      <h3 className=\"break-words text-sm font-semibold\">{node.label}</h3>\n      <KeyValueList items={nodeItems(node, graph, vocabulary, onFocus)} rowClassName=\"grid-cols-[5.5rem_minmax(0,1fr)] gap-density-2\" valueClassName=\"text-xs\" />\n      <div className=\"flex flex-wrap gap-2\">\n        {opens && (open?.href !== undefined && sourced ? (\n          <Button asChild size=\"sm\" variant=\"outline\">\n            <ActionTarget action={open} className=\"\" label={`${openLabel} ${node.label}`}>{openLabel}</ActionTarget>\n          </Button>\n        ) : (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={!sourced || !open?.onSelect} onClick={open?.onSelect}>{openLabel}</Button>\n        ))}\n        {onFocus && <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={!vocabulary.canRoot(node) || isRoot} onClick={() => onFocus(node.id)}>Focus</Button>}\n      </div>\n    </section>\n  );\n}\n\nconst EDGE_TYPES: readonly CallGraphEdgeType[] = [\"call\", \"dispatch\", \"read\", \"write\"];\n\n/** The line colour each edge type but a plain call is drawn in, matching its tone in the diagram. */\nconst EDGE_LINE: Record<CallGraphEdgeType, string | undefined> = {\n  call: undefined,\n  dispatch: \"border-sky-500\",\n  read: \"border-emerald-500\",\n  write: \"border-amber-500\",\n};\n\nfunction LegendEntry({ mark, children }: { mark: ReactNode; children: ReactNode }) {\n  return (\n    <li className=\"flex items-center gap-1.5\">\n      <span className=\"flex shrink-0 items-center gap-1 text-base leading-none\">{mark}</span>\n      {children}\n    </li>\n  );\n}\n\n/** The key to the icons: one entry per icon this graph draws, then the box and line styles. */\nexport function Legend({ graph, vocabulary, labels }: { graph: CallGraph; vocabulary: CallGraphVocabulary; labels: CallGraphEdgeLabels }) {\n  const GroupIcon = vocabulary.group.icon;\n  return (\n    <ul className=\"flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-muted-foreground\" aria-label=\"Legend\">\n      {usedGlyphs(graph, vocabulary).map((glyph) => <LegendEntry key={glyph.id} mark={<GlyphIcon glyph={glyph} />}>{glyph.name}</LegendEntry>)}\n      {(graph.groups ?? []).length > 0 && <LegendEntry mark={<GroupIcon />}>{vocabulary.group.noun}</LegendEntry>}\n      <LegendEntry mark={<span className=\"inline-block h-3 w-5 rounded border border-sky-500/60 bg-sky-500/10\" />}>root</LegendEntry>\n      <LegendEntry mark={<span className=\"inline-block h-3 w-5 rounded border border-dashed border-border bg-muted\" />}>no source: not expandable</LegendEntry>\n      {EDGE_TYPES.filter((type) => graph.edges.some((edge) => edge.type === type)).map((type) => (\n        <LegendEntry key={type} mark={<>{EDGE_LINE[type] && <span className={cn(\"inline-block w-6 border-t-2\", EDGE_LINE[type])} />}<EdgeTypeGlyph type={type} /></>}>\n          {labels[type]}\n        </LegendEntry>\n      ))}\n      <LegendEntry mark={<span className=\"inline-block w-6 border-t-2 border-dashed border-muted-foreground\" />}>every site guarded</LegendEntry>\n      <LegendEntry mark={<span className=\"text-xs font-semibold\">×N</span>}>sites on one edge</LegendEntry>\n      <LegendEntry mark={<span className=\"text-xs font-semibold\">+N</span>}>more to load</LegendEntry>\n      <LegendEntry mark={<UiWarningTriangle />}>not drawn</LegendEntry>\n    </ul>\n  );\n}\n"],"names":["jsx","Badge","jsxs","Fragment","EdgeTypeGlyph","memberAccess","MemberChips","propertyLines","memberChips","capitalize","requireNode","MemberChipList","NameList","module","NodeGlyphIcon","walkedTotals","KeyValueList","Button","usedGlyphs","GlyphIcon","cn","UiWarningTriangle"],"mappings":"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"}

package/dist/data/call-graph/CallGraphParts.d.ts

@@ -0,0 +1,44 @@
+import { CallGraphVocabulary } from './call-graph-vocabulary.js';
+import { CallGraph, CallGraphEdge, CallGraphEdgeLabels, CallGraphNode, CallGraphSite, SiteGuardsState } from './types.js';
+/** Where an action goes: a link, a handler, or a link a host router intercepts on a plain click. */
+export interface CallGraphAction {
+    href?: string;
+    onSelect?: () => void;
+}
+/**
+ * The call or access sites behind the selected edge: where, the construct as written, and every guard
+ * outermost first, after the edge's kind, the columns or fields a collapsed read or write touches, and
+ * its other properties. Lazily fetched guards replace the response's sites once they arrive. With
+ * `siteAction` each site opens where it is written.
+ */
+export declare function EdgeSites({ edge, graph, labels, guards, lazyGuards, siteAction }: {
+    edge: CallGraphEdge;
+    graph: CallGraph;
+    labels: CallGraphEdgeLabels;
+    guards?: SiteGuardsState | undefined;
+    /** The host loads the guards on selection: until `guards` has them, a site is not called unconditional. */
+    lazyGuards?: boolean;
+    siteAction?: ((site: CallGraphSite) => CallGraphAction) | undefined;
+}): import("react").JSX.Element;
+/**
+ * What a node is and where it is declared, with the actions that open it or re-root the graph on it.
+ * When the host `opens` nodes, Open shows on every node, disabled on one with no source or no `open`.
+ */
+export declare function NodeDetails({ node, graph, vocabulary, isRoot, opens, open, openLabel, onFocus }: {
+    node: CallGraphNode;
+    graph: CallGraph;
+    vocabulary: CallGraphVocabulary;
+    isRoot: boolean;
+    opens: boolean;
+    open?: CallGraphAction | undefined;
+    openLabel: string;
+    /** Re-roots the graph on a node, by id: this one, or the one behind it. */
+    onFocus?: ((id: string) => void) | undefined;
+}): import("react").JSX.Element;
+/** The key to the icons: one entry per icon this graph draws, then the box and line styles. */
+export declare function Legend({ graph, vocabulary, labels }: {
+    graph: CallGraph;
+    vocabulary: CallGraphVocabulary;
+    labels: CallGraphEdgeLabels;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CallGraphParts.d.ts.map

package/dist/data/call-graph/CallGraphParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphParts.d.ts","sourceRoot":"","sources":["../../../src/data/call-graph/CallGraphParts.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAqB,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/I,oGAAoG;AACpG,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAgGD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAkB,EAAE,UAAU,EAAE,EAAE;IACzF,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,2GAA2G;IAC3G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,aAAa,KAAK,eAAe,CAAC,GAAG,SAAS,CAAC;CACrE,+BAqCA;AAyED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;IAChG,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9C,+BAkBA;AAqBD,+FAA+F;AAC/F,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,UAAU,EAAE,mBAAmB,CAAC;IAAC,MAAM,EAAE,mBAAmB,CAAA;CAAE,+BAmBvI"}

package/dist/data/call-graph/CallGraphParts.js

@@ -0,0 +1,204 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Button } from "../../components/button.js";
+import { Badge } from "../Badge.js";
+import { KeyValueList } from "../KeyValueList.js";
+import { cn } from "../../lib/utils.js";
+import { propertyLines, memberChips, capitalize, memberAccess } from "./call-graph-labels.js";
+import { requireNode, walkedTotals } from "./call-graph-model.js";
+import { usedGlyphs } from "./call-graph-vocabulary.js";
+import { GlyphIcon, EdgeTypeGlyph, NodeGlyphIcon } from "./CallGraphGlyphs.js";
+import { MemberChips, MemberChipList, NameList } from "./CallGraphMembers.js";
+import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
+function plainClick(event) {
+  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function ActionTarget({ action, className, label, children }) {
+  const { href, onSelect } = action;
+  if (href === void 0) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className, "aria-label": label, onClick: onSelect, children });
+  }
+  const onClick = onSelect && ((event) => {
+    if (!plainClick(event)) return;
+    event.preventDefault();
+    onSelect();
+  });
+  return /* @__PURE__ */ jsx("a", { href, className, "aria-label": label, ...onClick ? { onClick } : {}, children });
+}
+function siteLocation(site) {
+  return `${site.path ?? "unknown file"}:${site.line ?? "?"}`;
+}
+function SiteGuards({ guards, known }) {
+  if (guards.length > 0) {
+    return guards.map((guard, index) => /* @__PURE__ */ jsx(Badge, { variant: "outline", size: "sm", wrap: true, clickToCopy: false, className: "h-auto py-0.5 font-mono", children: guard }, `${index}-${guard}`));
+  }
+  if (known === "loading") return null;
+  return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: known === "known" ? "Unconditional" : "Guards not loaded" });
+}
+function SiteBody({ site, known }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs text-primary", children: siteLocation(site) }),
+    site.text && /* @__PURE__ */ jsx("code", { className: "block max-h-24 overflow-hidden whitespace-pre-wrap break-words rounded bg-muted px-1.5 py-1 font-mono text-xs", title: site.text, children: site.text }),
+    /* @__PURE__ */ jsx("span", { className: "flex flex-wrap items-center gap-1", children: /* @__PURE__ */ jsx(SiteGuards, { guards: site.guards ?? [], known }) })
+  ] });
+}
+function guardsKnown(lazy, guards) {
+  if (!lazy || (guards == null ? void 0 : guards.status) === "loaded") return "known";
+  return (guards == null ? void 0 : guards.status) === "failed" ? "failed" : "loading";
+}
+function EdgeTypeIcon({ type, labels }) {
+  const words = labels[type];
+  return /* @__PURE__ */ jsx("span", { title: words, className: "flex text-base leading-none", children: /* @__PURE__ */ jsx(EdgeTypeGlyph, { type, title: words }) });
+}
+function isAccess(type) {
+  return type === "read" || type === "write";
+}
+function edgeMembers(edge, graph) {
+  const own = new Set(memberAccess([edge]).map((member) => `${member.kind}:${member.name}`));
+  const siblings = graph.edges.filter((other) => other.id !== edge.id && other.from === edge.from && other.to === edge.to);
+  return memberAccess([edge, ...siblings]).filter((member) => own.has(`${member.kind}:${member.name}`));
+}
+function MemberLists({ members }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MemberChips, { label: "Columns", members: members.filter((member) => member.kind === "column") }),
+    /* @__PURE__ */ jsx(MemberChips, { label: "Fields", members: members.filter((member) => member.kind === "field") })
+  ] });
+}
+function GuardsStatus({ guards }) {
+  if ((guards == null ? void 0 : guards.status) === "loading") return /* @__PURE__ */ jsx("p", { role: "status", className: "text-xs text-muted-foreground", children: "Loading guards…" });
+  if ((guards == null ? void 0 : guards.status) === "failed") return /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: guards.error });
+  return null;
+}
+function EdgeSites({ edge, graph, labels, guards, lazyGuards = false, siteAction }) {
+  const sites = (guards == null ? void 0 : guards.status) === "loaded" ? guards.sites : edge.sites;
+  const known = guardsKnown(lazyGuards, guards);
+  const properties = propertyLines(memberChips(edge.properties).rest);
+  const noun = isAccess(edge.type) ? "access" : "call";
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-2", "aria-label": `${capitalize(noun)} sites`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "break-words text-sm font-semibold", children: [
+        requireNode(graph, edge.from).label,
+        " → ",
+        requireNode(graph, edge.to).label
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(EdgeTypeIcon, { type: edge.type, labels }),
+        edge.kind && /* @__PURE__ */ jsx(Badge, { variant: "outline", size: "sm", clickToCopy: false, children: edge.kind }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          sites.length,
+          " ",
+          noun,
+          " ",
+          sites.length === 1 ? "site" : "sites"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(MemberLists, { members: edgeMembers(edge, graph) }),
+      properties.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-0.5 text-xs", "aria-label": "Edge properties", children: properties.map((line) => /* @__PURE__ */ jsx("li", { className: "break-words font-mono", children: line }, line)) })
+    ] }),
+    /* @__PURE__ */ jsx(GuardsStatus, { guards }),
+    /* @__PURE__ */ jsx("ol", { className: "divide-y divide-border rounded-md border border-border", children: sites.map((site) => /* @__PURE__ */ jsx("li", { children: siteAction ? /* @__PURE__ */ jsx(ActionTarget, { action: siteAction(site), className: "block w-full space-y-1.5 px-3 py-2.5 text-left hover:bg-muted", label: `Open ${siteLocation(site)}`, children: /* @__PURE__ */ jsx(SiteBody, { site, known }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5 px-3 py-2.5", children: /* @__PURE__ */ jsx(SiteBody, { site, known }) }) }, `${siteLocation(site)}:${site.column ?? 0}`)) })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "break-all font-mono text-xs", children });
+}
+function backingItem(node, vocabulary, onFocus) {
+  var _a;
+  const backing = (_a = vocabulary.backing) == null ? void 0 : _a.call(vocabulary, node);
+  if (!backing) return [];
+  const value = onFocus ? /* @__PURE__ */ jsx("button", { type: "button", className: "break-all font-mono text-xs text-primary hover:underline", "aria-label": `Focus ${backing.label}`, onClick: () => onFocus(backing.id), children: backing.label }) : /* @__PURE__ */ jsx(Mono, { children: backing.label });
+  return [{ key: "backing", label: "Column", value }];
+}
+function totalItems(totals) {
+  const labels = [["callers", "Callers"], ["callees", "Callees"]];
+  return labels.map(([key, label]) => ({ key, label, value: totals[key], hidden: totals[key] === void 0 }));
+}
+function accessItems(node, graph, vocabulary) {
+  if (!vocabulary.isData(node)) return [];
+  const into = graph.edges.filter((edge) => edge.to === node.id);
+  const members = memberAccess(into);
+  const memberItem = (kind, label) => {
+    const touched = members.filter((member) => member.kind === kind);
+    return { key: `members:${kind}`, label, value: /* @__PURE__ */ jsx(MemberChipList, { label, members: touched }), hidden: touched.length === 0 };
+  };
+  const namesItem = (type, label) => {
+    const names = into.filter((edge) => edge.type === type).map((edge) => requireNode(graph, edge.from).label);
+    return { key: type, label, value: /* @__PURE__ */ jsx(NameList, { label, names }), hidden: names.length === 0 };
+  };
+  return [memberItem("column", "Columns"), memberItem("field", "Fields"), namesItem("read", "Readers"), namesItem("write", "Writers")];
+}
+function nodeItems(node, graph, vocabulary, onFocus) {
+  var _a, _b;
+  const { module, package: pkg, type, method, signature } = node.identifier;
+  const kind = vocabulary.kindOf(graph, node);
+  const group = ((_b = (_a = graph.groups) == null ? void 0 : _a.find((candidate) => candidate.id === node.group)) == null ? void 0 : _b.label) ?? node.group;
+  const backing = backingItem(node, vocabulary, onFocus);
+  const properties = Object.entries(node.properties ?? {}).filter(([key]) => !(backing.length > 0 && key === "column"));
+  const location = node.location;
+  return [
+    {
+      key: "identifier",
+      label: "Identifier",
+      value: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { title: kind, className: "flex shrink-0 text-base leading-none", children: /* @__PURE__ */ jsx(NodeGlyphIcon, { vocabulary, glyph: vocabulary.glyphOf(graph, node), title: kind }) }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: [type, method].filter(Boolean).join(".") || node.label })
+      ] })
+    },
+    { key: "signature", label: "Signature", value: /* @__PURE__ */ jsx(Mono, { children: signature }), hidden: !signature },
+    { key: "package", label: "Package", value: /* @__PURE__ */ jsx(Mono, { children: pkg }), hidden: !pkg },
+    { key: "module", label: "Module", value: module, hidden: !module },
+    { key: "group", label: capitalize(vocabulary.group.noun), value: /* @__PURE__ */ jsx(Mono, { children: group }), hidden: !group || group === pkg },
+    { key: "location", label: "Location", value: /* @__PURE__ */ jsx(Mono, { children: siteLocation(location ?? {}) }), hidden: !(location == null ? void 0 : location.path) },
+    ...backing,
+    ...properties.map(([key, value]) => ({ key: `property:${key}`, label: key, value: /* @__PURE__ */ jsx(Mono, { children: value }) })),
+    ...accessItems(node, graph, vocabulary),
+    ...totalItems(walkedTotals(graph, node, vocabulary)),
+    { key: "status", label: "Status", value: vocabulary.status(node) }
+  ];
+}
+function NodeDetails({ node, graph, vocabulary, isRoot, opens, open, openLabel, onFocus }) {
+  const sourced = vocabulary.hasSource(node);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-2", "aria-label": "Node details", children: [
+    /* @__PURE__ */ jsx("h3", { className: "break-words text-sm font-semibold", children: node.label }),
+    /* @__PURE__ */ jsx(KeyValueList, { items: nodeItems(node, graph, vocabulary, onFocus), rowClassName: "grid-cols-[5.5rem_minmax(0,1fr)] gap-density-2", valueClassName: "text-xs" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      opens && ((open == null ? void 0 : open.href) !== void 0 && sourced ? /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsx(ActionTarget, { action: open, className: "", label: `${openLabel} ${node.label}`, children: openLabel }) }) : /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", disabled: !sourced || !(open == null ? void 0 : open.onSelect), onClick: open == null ? void 0 : open.onSelect, children: openLabel })),
+      onFocus && /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", disabled: !vocabulary.canRoot(node) || isRoot, onClick: () => onFocus(node.id), children: "Focus" })
+    ] })
+  ] });
+}
+const EDGE_TYPES = ["call", "dispatch", "read", "write"];
+const EDGE_LINE = {
+  call: void 0,
+  dispatch: "border-sky-500",
+  read: "border-emerald-500",
+  write: "border-amber-500"
+};
+function LegendEntry({ mark, children }) {
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center gap-1 text-base leading-none", children: mark }),
+    children
+  ] });
+}
+function Legend({ graph, vocabulary, labels }) {
+  const GroupIcon = vocabulary.group.icon;
+  return /* @__PURE__ */ jsxs("ul", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-muted-foreground", "aria-label": "Legend", children: [
+    usedGlyphs(graph, vocabulary).map((glyph) => /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx(GlyphIcon, { glyph }), children: glyph.name }, glyph.id)),
+    (graph.groups ?? []).length > 0 && /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx(GroupIcon, {}), children: vocabulary.group.noun }),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx("span", { className: "inline-block h-3 w-5 rounded border border-sky-500/60 bg-sky-500/10" }), children: "root" }),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx("span", { className: "inline-block h-3 w-5 rounded border border-dashed border-border bg-muted" }), children: "no source: not expandable" }),
+    EDGE_TYPES.filter((type) => graph.edges.some((edge) => edge.type === type)).map((type) => /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsxs(Fragment, { children: [
+      EDGE_LINE[type] && /* @__PURE__ */ jsx("span", { className: cn("inline-block w-6 border-t-2", EDGE_LINE[type]) }),
+      /* @__PURE__ */ jsx(EdgeTypeGlyph, { type })
+    ] }), children: labels[type] }, type)),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx("span", { className: "inline-block w-6 border-t-2 border-dashed border-muted-foreground" }), children: "every site guarded" }),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: "×N" }), children: "sites on one edge" }),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: "+N" }), children: "more to load" }),
+    /* @__PURE__ */ jsx(LegendEntry, { mark: /* @__PURE__ */ jsx(UiWarningTriangle, {}), children: "not drawn" })
+  ] });
+}
+export {
+  EdgeSites,
+  Legend,
+  NodeDetails
+};
+//# sourceMappingURL=CallGraphParts.js.map

package/dist/data/call-graph/CallGraphParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphParts.js","sources":["../../../src/data/call-graph/CallGraphParts.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiWarningTriangle } from \"../../icons\";\nimport { Badge } from \"../Badge\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport { cn } from \"../../lib/utils\";\nimport { capitalize, memberAccess, memberChips, propertyLines, type MemberAccess } from \"./call-graph-labels\";\nimport { requireNode, walkedTotals, type NodeTotals } from \"./call-graph-model\";\nimport { usedGlyphs, type CallGraphVocabulary } from \"./call-graph-vocabulary\";\nimport { EdgeTypeGlyph, GlyphIcon, NodeGlyphIcon } from \"./CallGraphGlyphs\";\nimport { MemberChipList, MemberChips, NameList } from \"./CallGraphMembers\";\nimport type { CallGraph, CallGraphEdge, CallGraphEdgeLabels, CallGraphEdgeType, CallGraphNode, CallGraphSite, SiteGuardsState } from \"./types\";\n\n/** Where an action goes: a link, a handler, or a link a host router intercepts on a plain click. */\nexport interface CallGraphAction {\n  href?: string;\n  onSelect?: () => void;\n}\n\nfunction plainClick(event: MouseEvent): boolean {\n  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;\n}\n\nfunction ActionTarget({ action, className, label, children }: { action: CallGraphAction; className: string; label: string; children: ReactNode }) {\n  const { href, onSelect } = action;\n  if (href === undefined) {\n    return <button type=\"button\" className={className} aria-label={label} onClick={onSelect}>{children}</button>;\n  }\n  const onClick = onSelect && ((event: MouseEvent) => {\n    if (!plainClick(event)) return;\n    event.preventDefault();\n    onSelect();\n  });\n  return <a href={href} className={className} aria-label={label} {...(onClick ? { onClick } : {})}>{children}</a>;\n}\n\nfunction siteLocation(site: CallGraphSite): string {\n  return `${site.path ?? \"unknown file\"}:${site.line ?? \"?\"}`;\n}\n\n/**\n * What a site's guards say: its guards, or \"Unconditional\" once they are known to be none. A site whose\n * guards the host has yet to load says nothing while they load, and that they are not loaded if that failed.\n */\nfunction SiteGuards({ guards, known }: { guards: string[]; known: GuardsKnown }) {\n  if (guards.length > 0) {\n    return guards.map((guard, index) => (\n      <Badge key={`${index}-${guard}`} variant=\"outline\" size=\"sm\" wrap clickToCopy={false} className=\"h-auto py-0.5 font-mono\">{guard}</Badge>\n    ));\n  }\n  if (known === \"loading\") return null;\n  return <span className=\"text-xs text-muted-foreground\">{known === \"known\" ? \"Unconditional\" : \"Guards not loaded\"}</span>;\n}\n\ntype GuardsKnown = \"known\" | \"loading\" | \"failed\";\n\nfunction SiteBody({ site, known }: { site: CallGraphSite; known: GuardsKnown }) {\n  return (\n    <>\n      <span className=\"block font-mono text-xs text-primary\">{siteLocation(site)}</span>\n      {site.text && (\n        <code className=\"block max-h-24 overflow-hidden whitespace-pre-wrap break-words rounded bg-muted px-1.5 py-1 font-mono text-xs\" title={site.text}>\n          {site.text}\n        </code>\n      )}\n      <span className=\"flex flex-wrap items-center gap-1\">\n        <SiteGuards guards={site.guards ?? []} known={known} />\n      </span>\n    </>\n  );\n}\n\n/** Whether a site without guards has none: always, unless the host loads them, and then once they loaded. */\nfunction guardsKnown(lazy: boolean, guards: SiteGuardsState | undefined): GuardsKnown {\n  if (!lazy || guards?.status === \"loaded\") return \"known\";\n  return guards?.status === \"failed\" ? \"failed\" : \"loading\";\n}\n\n/** The edge's type as its icon, with its words as the tooltip. */\nfunction EdgeTypeIcon({ type, labels }: { type: CallGraphEdgeType; labels: CallGraphEdgeLabels }) {\n  const words = labels[type];\n  return <span title={words} className=\"flex text-base leading-none\"><EdgeTypeGlyph type={type} title={words} /></span>;\n}\n\nfunction isAccess(type: CallGraphEdgeType): boolean {\n  return type === \"read\" || type === \"write\";\n}\n\n/**\n * The columns and fields a collapsed read or write touches, each marked \"both\" when the edge of the\n * other access type between the same nodes touches it too.\n */\nfunction edgeMembers(edge: CallGraphEdge, graph: CallGraph): MemberAccess[] {\n  const own = new Set(memberAccess([edge]).map((member) => `${member.kind}:${member.name}`));\n  const siblings = graph.edges.filter((other) => other.id !== edge.id && other.from === edge.from && other.to === edge.to);\n  return memberAccess([edge, ...siblings]).filter((member) => own.has(`${member.kind}:${member.name}`));\n}\n\nfunction MemberLists({ members }: { members: readonly MemberAccess[] }) {\n  return (\n    <>\n      <MemberChips label=\"Columns\" members={members.filter((member) => member.kind === \"column\")} />\n      <MemberChips label=\"Fields\" members={members.filter((member) => member.kind === \"field\")} />\n    </>\n  );\n}\n\nfunction GuardsStatus({ guards }: { guards: SiteGuardsState | undefined }) {\n  if (guards?.status === \"loading\") return <p role=\"status\" className=\"text-xs text-muted-foreground\">Loading guards…</p>;\n  if (guards?.status === \"failed\") return <p role=\"alert\" className=\"text-xs text-destructive\">{guards.error}</p>;\n  return null;\n}\n\n/**\n * The call or access sites behind the selected edge: where, the construct as written, and every guard\n * outermost first, after the edge's kind, the columns or fields a collapsed read or write touches, and\n * its other properties. Lazily fetched guards replace the response's sites once they arrive. With\n * `siteAction` each site opens where it is written.\n */\nexport function EdgeSites({ edge, graph, labels, guards, lazyGuards = false, siteAction }: {\n  edge: CallGraphEdge;\n  graph: CallGraph;\n  labels: CallGraphEdgeLabels;\n  guards?: SiteGuardsState | undefined;\n  /** The host loads the guards on selection: until `guards` has them, a site is not called unconditional. */\n  lazyGuards?: boolean;\n  siteAction?: ((site: CallGraphSite) => CallGraphAction) | undefined;\n}) {\n  const sites = guards?.status === \"loaded\" ? guards.sites : edge.sites;\n  const known = guardsKnown(lazyGuards, guards);\n  const properties = propertyLines(memberChips(edge.properties).rest);\n  const noun = isAccess(edge.type) ? \"access\" : \"call\";\n  return (\n    <section className=\"space-y-2\" aria-label={`${capitalize(noun)} sites`}>\n      <header className=\"space-y-1\">\n        <h3 className=\"break-words text-sm font-semibold\">{requireNode(graph, edge.from).label} → {requireNode(graph, edge.to).label}</h3>\n        <div className=\"flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n          <EdgeTypeIcon type={edge.type} labels={labels} />\n          {edge.kind && <Badge variant=\"outline\" size=\"sm\" clickToCopy={false}>{edge.kind}</Badge>}\n          <span>{sites.length} {noun} {sites.length === 1 ? \"site\" : \"sites\"}</span>\n        </div>\n        <MemberLists members={edgeMembers(edge, graph)} />\n        {properties.length > 0 && (\n          <ul className=\"space-y-0.5 text-xs\" aria-label=\"Edge properties\">\n            {properties.map((line) => <li key={line} className=\"break-words font-mono\">{line}</li>)}\n          </ul>\n        )}\n      </header>\n      <GuardsStatus guards={guards} />\n      <ol className=\"divide-y divide-border rounded-md border border-border\">\n        {sites.map((site) => (\n          <li key={`${siteLocation(site)}:${site.column ?? 0}`}>\n            {siteAction ? (\n              <ActionTarget action={siteAction(site)} className=\"block w-full space-y-1.5 px-3 py-2.5 text-left hover:bg-muted\" label={`Open ${siteLocation(site)}`}>\n                <SiteBody site={site} known={known} />\n              </ActionTarget>\n            ) : (\n              <div className=\"space-y-1.5 px-3 py-2.5\"><SiteBody site={site} known={known} /></div>\n            )}\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <span className=\"break-all font-mono text-xs\">{children}</span>;\n}\n\n/** The node behind a data node, such as a field's column: a Focus link when the host can re-root. */\nfunction backingItem(node: CallGraphNode, vocabulary: CallGraphVocabulary, onFocus: ((id: string) => void) | undefined): KeyValueListItem[] {\n  const backing = vocabulary.backing?.(node);\n  if (!backing) return [];\n  const value = onFocus\n    ? <button type=\"button\" className=\"break-all font-mono text-xs text-primary hover:underline\" aria-label={`Focus ${backing.label}`} onClick={() => onFocus(backing.id)}>{backing.label}</button>\n    : <Mono>{backing.label}</Mono>;\n  return [{ key: \"backing\", label: \"Column\", value }];\n}\n\nfunction totalItems(totals: NodeTotals): KeyValueListItem[] {\n  const labels: [keyof NodeTotals, string][] = [[\"callers\", \"Callers\"], [\"callees\", \"Callees\"]];\n  return labels.map(([key, label]) => ({ key, label, value: totals[key], hidden: totals[key] === undefined }));\n}\n\n/**\n * What a data node's readers and writers touch of it, and who they are: the columns or fields of a\n * collapsed table or entity, each marked read, written or both, then the readers' and writers' names.\n */\nfunction accessItems(node: CallGraphNode, graph: CallGraph, vocabulary: CallGraphVocabulary): KeyValueListItem[] {\n  if (!vocabulary.isData(node)) return [];\n  const into = graph.edges.filter((edge) => edge.to === node.id);\n  const members = memberAccess(into);\n  const memberItem = (kind: MemberAccess[\"kind\"], label: string): KeyValueListItem => {\n    const touched = members.filter((member) => member.kind === kind);\n    return { key: `members:${kind}`, label, value: <MemberChipList label={label} members={touched} />, hidden: touched.length === 0 };\n  };\n  const namesItem = (type: CallGraphEdgeType, label: string): KeyValueListItem => {\n    const names = into.filter((edge) => edge.type === type).map((edge) => requireNode(graph, edge.from).label);\n    return { key: type, label, value: <NameList label={label} names={names} />, hidden: names.length === 0 };\n  };\n  return [memberItem(\"column\", \"Columns\"), memberItem(\"field\", \"Fields\"), namesItem(\"read\", \"Readers\"), namesItem(\"write\", \"Writers\")];\n}\n\nfunction nodeItems(node: CallGraphNode, graph: CallGraph, vocabulary: CallGraphVocabulary, onFocus: ((id: string) => void) | undefined): KeyValueListItem[] {\n  const { module, package: pkg, type, method, signature } = node.identifier;\n  const kind = vocabulary.kindOf(graph, node);\n  const group = graph.groups?.find((candidate) => candidate.id === node.group)?.label ?? node.group;\n  const backing = backingItem(node, vocabulary, onFocus);\n  const properties = Object.entries(node.properties ?? {}).filter(([key]) => !(backing.length > 0 && key === \"column\"));\n  const location = node.location;\n  return [\n    {\n      key: \"identifier\",\n      label: \"Identifier\",\n      value: (\n        <span className=\"flex items-center gap-1.5\">\n          <span title={kind} className=\"flex shrink-0 text-base leading-none\">\n            <NodeGlyphIcon vocabulary={vocabulary} glyph={vocabulary.glyphOf(graph, node)} title={kind} />\n          </span>\n          <span className=\"min-w-0 break-words\">{[type, method].filter(Boolean).join(\".\") || node.label}</span>\n        </span>\n      ),\n    },\n    { key: \"signature\", label: \"Signature\", value: <Mono>{signature}</Mono>, hidden: !signature },\n    { key: \"package\", label: \"Package\", value: <Mono>{pkg}</Mono>, hidden: !pkg },\n    { key: \"module\", label: \"Module\", value: module, hidden: !module },\n    { key: \"group\", label: capitalize(vocabulary.group.noun), value: <Mono>{group}</Mono>, hidden: !group || group === pkg },\n    { key: \"location\", label: \"Location\", value: <Mono>{siteLocation(location ?? {})}</Mono>, hidden: !location?.path },\n    ...backing,\n    ...properties.map(([key, value]) => ({ key: `property:${key}`, label: key, value: <Mono>{value}</Mono> })),\n    ...accessItems(node, graph, vocabulary),\n    ...totalItems(walkedTotals(graph, node, vocabulary)),\n    { key: \"status\", label: \"Status\", value: vocabulary.status(node) },\n  ];\n}\n\n/**\n * What a node is and where it is declared, with the actions that open it or re-root the graph on it.\n * When the host `opens` nodes, Open shows on every node, disabled on one with no source or no `open`.\n */\nexport function NodeDetails({ node, graph, vocabulary, isRoot, opens, open, openLabel, onFocus }: {\n  node: CallGraphNode;\n  graph: CallGraph;\n  vocabulary: CallGraphVocabulary;\n  isRoot: boolean;\n  opens: boolean;\n  open?: CallGraphAction | undefined;\n  openLabel: string;\n  /** Re-roots the graph on a node, by id: this one, or the one behind it. */\n  onFocus?: ((id: string) => void) | undefined;\n}) {\n  const sourced = vocabulary.hasSource(node);\n  return (\n    <section className=\"space-y-2\" aria-label=\"Node details\">\n      <h3 className=\"break-words text-sm font-semibold\">{node.label}</h3>\n      <KeyValueList items={nodeItems(node, graph, vocabulary, onFocus)} rowClassName=\"grid-cols-[5.5rem_minmax(0,1fr)] gap-density-2\" valueClassName=\"text-xs\" />\n      <div className=\"flex flex-wrap gap-2\">\n        {opens && (open?.href !== undefined && sourced ? (\n          <Button asChild size=\"sm\" variant=\"outline\">\n            <ActionTarget action={open} className=\"\" label={`${openLabel} ${node.label}`}>{openLabel}</ActionTarget>\n          </Button>\n        ) : (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={!sourced || !open?.onSelect} onClick={open?.onSelect}>{openLabel}</Button>\n        ))}\n        {onFocus && <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={!vocabulary.canRoot(node) || isRoot} onClick={() => onFocus(node.id)}>Focus</Button>}\n      </div>\n    </section>\n  );\n}\n\nconst EDGE_TYPES: readonly CallGraphEdgeType[] = [\"call\", \"dispatch\", \"read\", \"write\"];\n\n/** The line colour each edge type but a plain call is drawn in, matching its tone in the diagram. */\nconst EDGE_LINE: Record<CallGraphEdgeType, string | undefined> = {\n  call: undefined,\n  dispatch: \"border-sky-500\",\n  read: \"border-emerald-500\",\n  write: \"border-amber-500\",\n};\n\nfunction LegendEntry({ mark, children }: { mark: ReactNode; children: ReactNode }) {\n  return (\n    <li className=\"flex items-center gap-1.5\">\n      <span className=\"flex shrink-0 items-center gap-1 text-base leading-none\">{mark}</span>\n      {children}\n    </li>\n  );\n}\n\n/** The key to the icons: one entry per icon this graph draws, then the box and line styles. */\nexport function Legend({ graph, vocabulary, labels }: { graph: CallGraph; vocabulary: CallGraphVocabulary; labels: CallGraphEdgeLabels }) {\n  const GroupIcon = vocabulary.group.icon;\n  return (\n    <ul className=\"flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-muted-foreground\" aria-label=\"Legend\">\n      {usedGlyphs(graph, vocabulary).map((glyph) => <LegendEntry key={glyph.id} mark={<GlyphIcon glyph={glyph} />}>{glyph.name}</LegendEntry>)}\n      {(graph.groups ?? []).length > 0 && <LegendEntry mark={<GroupIcon />}>{vocabulary.group.noun}</LegendEntry>}\n      <LegendEntry mark={<span className=\"inline-block h-3 w-5 rounded border border-sky-500/60 bg-sky-500/10\" />}>root</LegendEntry>\n      <LegendEntry mark={<span className=\"inline-block h-3 w-5 rounded border border-dashed border-border bg-muted\" />}>no source: not expandable</LegendEntry>\n      {EDGE_TYPES.filter((type) => graph.edges.some((edge) => edge.type === type)).map((type) => (\n        <LegendEntry key={type} mark={<>{EDGE_LINE[type] && <span className={cn(\"inline-block w-6 border-t-2\", EDGE_LINE[type])} />}<EdgeTypeGlyph type={type} /></>}>\n          {labels[type]}\n        </LegendEntry>\n      ))}\n      <LegendEntry mark={<span className=\"inline-block w-6 border-t-2 border-dashed border-muted-foreground\" />}>every site guarded</LegendEntry>\n      <LegendEntry mark={<span className=\"text-xs font-semibold\">×N</span>}>sites on one edge</LegendEntry>\n      <LegendEntry mark={<span className=\"text-xs font-semibold\">+N</span>}>more to load</LegendEntry>\n      <LegendEntry mark={<UiWarningTriangle />}>not drawn</LegendEntry>\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}