@flanksource/clicky-ui 0.3.44 → 0.3.46

package/dist/data/ai/use-session-token-sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-token-sizing.d.ts","sourceRoot":"","sources":["../../../src/data/ai/use-session-token-sizing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEvF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAAG,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAClF,UAAU,kBAAkB;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,aAAa,GAAG,SAAS,CAAC;IAC1D,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;CACxE;AACD,eAAO,MAAM,mBAAmB,yDAA2D,CAAC;AAE5F,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,UAAU,CAAC,EAAE,iBAAiB;;uBAuD3E,YAAY;4BAlCX,MAAM,EAAE,UAAU,UAAU,GAAG,UAAU;;;;;EAuCjF"}

package/dist/data/ai/use-session-token-sizing.js

@@ -0,0 +1,73 @@
+import { useMemo, useState, useRef, useEffect, useCallback, createContext } from "react";
+const SessionTokenContext = createContext(void 0);
+function useSessionTokenSizing(session, events, sizeTokens) {
+  const identity = typeof session === "object" && !Array.isArray(session) && session !== null && "id" in session ? session : void 0;
+  const sessionId = identity == null ? void 0 : identity.id;
+  const revision = identity == null ? void 0 : identity.revision;
+  const scope = JSON.stringify([sessionId, revision, identity == null ? void 0 : identity.model, identity == null ? void 0 : identity.modelMode]);
+  const keys = useMemo(() => new Map(events.map((event) => [event.id, JSON.stringify([scope, event.id, event.model, event.text, event.toolInput, event.toolResponse, event.file, event.raw])])), [events, scope]);
+  const [values, setValues] = useState({});
+  const current = useRef({ scope, keys });
+  current.current = { scope, keys };
+  const inFlight = useRef(/* @__PURE__ */ new Map());
+  const controllers = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    const valid = new Set(keys.values());
+    for (const [key, controller] of inFlight.current) {
+      if (!valid.has(key)) {
+        controller.abort();
+        inFlight.current.delete(key);
+      }
+    }
+    setValues((old) => Object.keys(old).every((key) => valid.has(key)) ? old : Object.fromEntries(Object.entries(old).filter(([key]) => valid.has(key))));
+  }, [keys]);
+  useEffect(() => () => {
+    for (const controller of controllers.current) controller.abort();
+  }, []);
+  const calculate = useCallback((rowIds, method) => {
+    if (!sizeTokens || !sessionId) return;
+    const requested = rowIds.flatMap((rowId) => {
+      const key = keys.get(rowId);
+      if (!key || inFlight.current.has(key)) return [];
+      const value = values[key];
+      if ((value == null ? void 0 : value.size) && (method === "estimate" || value.size.source !== "local-estimate")) return [];
+      return [{ rowId, key }];
+    });
+    if (requested.length === 0) return;
+    const controller = new AbortController();
+    controllers.current.add(controller);
+    for (const { key } of requested) inFlight.current.set(key, controller);
+    setValues((old) => ({ ...old, ...Object.fromEntries(requested.map(({ rowId, key }) => [key, { ...old[key], rowId, attributed: false, pending: true }])) }));
+    void (async () => {
+      try {
+        const result = await sizeTokens({ sessionId, ...revision !== void 0 ? { revision } : {}, rowIds: requested.map(({ rowId }) => rowId), method }, controller.signal);
+        if (controller.signal.aborted || current.current.scope !== scope) return;
+        if (result.sessionId !== sessionId || revision !== void 0 && result.revision !== revision) throw new Error("Session changed while calculating tokens; retry on the current transcript.");
+        const returned = new Map(result.rows.map((row) => [row.rowId, row]));
+        setValues((old) => ({ ...old, ...Object.fromEntries(requested.filter(({ rowId, key }) => current.current.keys.get(rowId) === key).map(({ rowId, key }) => [key, returned.get(rowId) ?? { rowId, attributed: false, error: "No token sizing result returned for this row." }])) }));
+      } catch (error) {
+        if (controller.signal.aborted || current.current.scope !== scope) return;
+        const message = error instanceof Error ? error.message : String(error);
+        setValues((old) => ({ ...old, ...Object.fromEntries(requested.filter(({ rowId, key }) => current.current.keys.get(rowId) === key).map(({ rowId, key }) => [key, { rowId, attributed: false, error: message }])) }));
+      } finally {
+        controllers.current.delete(controller);
+        for (const { key } of requested) if (inFlight.current.get(key) === controller) inFlight.current.delete(key);
+      }
+    })();
+  }, [keys, revision, scope, sessionId, sizeTokens, values]);
+  const enabled = Boolean(sizeTokens && sessionId);
+  return {
+    context: enabled ? { state: (event) => {
+      const key = keys.get(event.id);
+      return key ? values[key] : void 0;
+    }, calculate } : void 0,
+    estimateAll: enabled ? () => calculate(events.filter((event) => !event.pending).map((event) => event.id), "estimate") : void 0,
+    calculateMissing: enabled ? () => calculate(events.filter((event) => !event.estimatedCost && !event.pending).map((event) => event.id), "provider") : void 0,
+    pending: Object.values(values).some((value) => value.pending)
+  };
+}
+export {
+  SessionTokenContext,
+  useSessionTokenSizing
+};
+//# sourceMappingURL=use-session-token-sizing.js.map

package/dist/data/ai/use-session-token-sizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-token-sizing.js","sources":["../../../src/data/ai/use-session-token-sizing.ts"],"sourcesContent":["import { createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { SessionEvent, SessionInput } from \"./SessionViewer.model\";\nimport type { SessionTokenRowResult, SessionTokenSizer } from \"./session-token-sizing\";\n\nexport interface RowTokenState extends SessionTokenRowResult { pending?: boolean }\ninterface TokenSizingContext {\n  state: (event: SessionEvent) => RowTokenState | undefined;\n  calculate: (rowIds: string[], method: \"estimate\" | \"provider\") => void;\n}\nexport const SessionTokenContext = createContext<TokenSizingContext | undefined>(undefined);\n\nexport function useSessionTokenSizing(session: SessionInput, events: SessionEvent[], sizeTokens?: SessionTokenSizer) {\n  const identity = typeof session === \"object\" && !Array.isArray(session) && session !== null && \"id\" in session ? session : undefined;\n  const sessionId = identity?.id;\n  const revision = identity?.revision;\n  const scope = JSON.stringify([sessionId, revision, identity?.model, identity?.modelMode]);\n  const keys = useMemo(() => new Map(events.map((event) => [event.id, JSON.stringify([scope, event.id, event.model, event.text, event.toolInput, event.toolResponse, event.file, event.raw])])), [events, scope]);\n  const [values, setValues] = useState<Record<string, RowTokenState>>({});\n  const current = useRef({ scope, keys });\n  current.current = { scope, keys };\n  const inFlight = useRef(new Map<string, AbortController>());\n  const controllers = useRef(new Set<AbortController>());\n\n  useEffect(() => {\n    const valid = new Set(keys.values());\n    for (const [key, controller] of inFlight.current) {\n      if (!valid.has(key)) { controller.abort(); inFlight.current.delete(key); }\n    }\n    setValues((old) => Object.keys(old).every((key) => valid.has(key)) ? old : Object.fromEntries(Object.entries(old).filter(([key]) => valid.has(key))));\n  }, [keys]);\n  useEffect(() => () => { for (const controller of controllers.current) controller.abort(); }, []);\n\n  const calculate = useCallback((rowIds: string[], method: \"estimate\" | \"provider\") => {\n    if (!sizeTokens || !sessionId) return;\n    const requested = rowIds.flatMap((rowId) => {\n      const key = keys.get(rowId);\n      if (!key || inFlight.current.has(key)) return [];\n      const value = values[key];\n      if (value?.size && (method === \"estimate\" || value.size.source !== \"local-estimate\")) return [];\n      return [{ rowId, key }];\n    });\n    if (requested.length === 0) return;\n    const controller = new AbortController();\n    controllers.current.add(controller);\n    for (const { key } of requested) inFlight.current.set(key, controller);\n    setValues((old) => ({ ...old, ...Object.fromEntries(requested.map(({ rowId, key }) => [key, { ...old[key], rowId, attributed: false, pending: true }])) }));\n    void (async () => {\n      try {\n        const result = await sizeTokens({ sessionId, ...(revision !== undefined ? { revision } : {}), rowIds: requested.map(({ rowId }) => rowId), method }, controller.signal);\n        if (controller.signal.aborted || current.current.scope !== scope) return;\n        if (result.sessionId !== sessionId || (revision !== undefined && result.revision !== revision)) throw new Error(\"Session changed while calculating tokens; retry on the current transcript.\");\n        const returned = new Map(result.rows.map((row) => [row.rowId, row]));\n        setValues((old) => ({ ...old, ...Object.fromEntries(requested.filter(({ rowId, key }) => current.current.keys.get(rowId) === key).map(({ rowId, key }) => [key, returned.get(rowId) ?? { rowId, attributed: false, error: \"No token sizing result returned for this row.\" }])) }));\n      } catch (error) {\n        if (controller.signal.aborted || current.current.scope !== scope) return;\n        const message = error instanceof Error ? error.message : String(error);\n        setValues((old) => ({ ...old, ...Object.fromEntries(requested.filter(({ rowId, key }) => current.current.keys.get(rowId) === key).map(({ rowId, key }) => [key, { rowId, attributed: false, error: message }])) }));\n      } finally {\n        controllers.current.delete(controller);\n        for (const { key } of requested) if (inFlight.current.get(key) === controller) inFlight.current.delete(key);\n      }\n    })();\n  }, [keys, revision, scope, sessionId, sizeTokens, values]);\n\n  const enabled = Boolean(sizeTokens && sessionId);\n  return {\n    context: enabled ? { state: (event: SessionEvent) => { const key = keys.get(event.id); return key ? values[key] : undefined; }, calculate } : undefined,\n    estimateAll: enabled ? () => calculate(events.filter((event) => !event.pending).map((event) => event.id), \"estimate\") : undefined,\n    calculateMissing: enabled ? () => calculate(events.filter((event) => !event.estimatedCost && !event.pending).map((event) => event.id), \"provider\") : undefined,\n    pending: Object.values(values).some((value) => value.pending),\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,269 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const utils = require("../../lib/utils.cjs");
+const AccessMark = require("../AccessMark.cjs");
+const GraphDiagram = require("../GraphDiagram.cjs");
+const callGraphExclude = require("./call-graph-exclude.cjs");
+const callGraphModel = require("./call-graph-model.cjs");
+const callGraphVocabulary = require("./call-graph-vocabulary.cjs");
+const CallGraphGlyphs = require("./CallGraphGlyphs.cjs");
+const CallGraphParts = require("./CallGraphParts.cjs");
+const CallGraphToolbar = require("./CallGraphToolbar.cjs");
+const types = require("./types.cjs");
+const useCallGraph = require("./use-call-graph.cjs");
+const NODE_WIDTH = 188;
+const NODE_HEIGHT = 32;
+const COMPACT_NODE_HEIGHT = 22;
+const ROW_GAP = 14;
+const READABLE_SCALE = 0.6;
+const OPTIONS = { truncateAt: 32, grouped: true };
+function Notice({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children }) });
+}
+function Alert({ message }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "whitespace-pre-wrap rounded-md border border-destructive p-3 text-sm text-destructive", children: message });
+}
+const ACCESS_WORDS = { call: "Calls", read: "Reads", write: "Writes", variable: "Variables" };
+function accessWords(access) {
+  return access.map((type) => ACCESS_WORDS[type]).join(" and ");
+}
+function action(href, onSelect) {
+  if (href === void 0 && onSelect === void 0) return void 0;
+  return { ...href !== void 0 ? { href } : {}, ...onSelect ? { onSelect } : {} };
+}
+function CallGraph(props) {
+  var _a, _b;
+  const { root, fetchGraph, vocabulary = callGraphVocabulary.UIR_CALL_GRAPH_VOCABULARY, maxDepth = callGraphModel.CALL_GRAPH_MAX_DEPTH } = props;
+  const labels = { ...callGraphModel.DEFAULT_EDGE_LABELS, ...props.edgeLabels };
+  const [direction, setDirection] = useCallGraph.useHeld(props.direction ?? "both", props.onDirectionChange);
+  const [depth, setDepth] = useCallGraph.useHeld(props.depth ?? callGraphModel.CALL_GRAPH_DEFAULT_DEPTH, props.onDepthChange);
+  const [exclude, setExclude] = useCallGraph.useHeld(props.exclude, props.onExcludeChange);
+  const [access, setAccess] = useCallGraph.useHeld(props.access ?? [...types.CALL_GRAPH_ACCESS], props.onAccessChange);
+  const [columns, setColumns] = useCallGraph.useHeld(props.columns ?? false, props.onColumnsChange);
+  const [collapsedGroups, setCollapsedGroups] = useCallGraph.useHeld(props.collapsedGroups ?? [], props.onCollapsedGroupsChange);
+  if (callGraphModel.baseAccess(access).length === 0) throw new Error("call graph: access must name at least one of call, read and write");
+  if (access.includes("variable") && !(props.dataAccess && props.variableAccess)) {
+    throw new Error("call graph: access names variable, but the host does not offer variableAccess");
+  }
+  const [ownSelection, setOwnSelection] = react.useState();
+  const request = root === void 0 ? void 0 : { root, direction, depth, exclude, access, columns, purpose: "load" };
+  const key = `call-graph:${JSON.stringify([request ?? null, props.fetchKey ?? null])}`;
+  const load = useCallGraph.useGraphLoad(fetchGraph, request, key);
+  const [expanded, setExpanded] = react.useState();
+  const [expanding, setExpanding] = react.useState();
+  const pendingExpansion = react.useRef(void 0);
+  const activeKey = react.useRef(key);
+  activeKey.current = key;
+  react.useEffect(() => {
+    setExpanding((current) => (current == null ? void 0 : current.request.key) === key && !current.request.controller.signal.aborted ? current : void 0);
+    return () => {
+      var _a2;
+      if (((_a2 = pendingExpansion.current) == null ? void 0 : _a2.key) === key) {
+        pendingExpansion.current.controller.abort();
+        pendingExpansion.current = void 0;
+      }
+    };
+  }, [key]);
+  const [opening, setOpening] = react.useState({ nonce: 0, fit: false });
+  const fresh = react.useMemo(
+    () => load.fresh && ((expanded == null ? void 0 : expanded.key) === key ? expanded : { key, graph: load.fresh, revealed: [] }),
+    [load.fresh, expanded, key]
+  );
+  const [last, setLast] = react.useState();
+  if (fresh && fresh !== last) setLast(fresh);
+  const shown = root === void 0 ? void 0 : fresh ?? last;
+  const graph = shown == null ? void 0 : shown.graph;
+  const visible = react.useMemo(() => shown && callGraphModel.visibleGraph(shown.graph, { direction, depth, revealed: shown.revealed }), [shown, direction, depth]);
+  const glyphs = react.useMemo(() => ({
+    node: (glyph, words) => /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.NodeGlyphIcon, { vocabulary, glyph, title: words }),
+    edge: (type) => type === "call" ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.EdgeTypeGlyph, { type, title: labels[type] }),
+    group: (caption, glyph) => /* @__PURE__ */ jsxRuntime.jsx(CallGraphGlyphs.GroupCaption, { icon: glyph === void 0 ? vocabulary.group.icon : callGraphVocabulary.requireGlyph(vocabulary, glyph).icon, caption }),
+    access: (access2) => /* @__PURE__ */ jsxRuntime.jsx(AccessMark.AccessMark, { access: access2 })
+  }), [vocabulary, labels.dispatch, labels.read, labels.write]);
+  const guardLabel = props.guardLabel ?? "innermost";
+  const diagram = react.useMemo(
+    () => graph && visible && callGraphModel.toDiagram({ graph, visible, direction, options: { ...OPTIONS, guardLabel }, glyphs, vocabulary, edgeLabels: labels, collapsed: collapsedGroups }),
+    [graph, visible, direction, guardLabel, glyphs, vocabulary, labels.call, labels.dispatch, labels.read, labels.write, collapsedGroups]
+  );
+  const drawn = diagram == null ? void 0 : diagram.drawn;
+  const collapsible = react.useMemo(() => graph && visible ? callGraphModel.collapsibleGroups(graph, visible) : [], [graph, visible]);
+  const toggleGroup = (id) => setCollapsedGroups(collapsedGroups.includes(id) ? collapsedGroups.filter((entry) => entry !== id) : [...collapsedGroups, id]);
+  const rootId = graph == null ? void 0 : graph.roots[0];
+  const selection = props.onSelectedChange ? props.selected : (ownSelection == null ? void 0 : ownSelection.key) === (shown == null ? void 0 : shown.key) ? ownSelection == null ? void 0 : ownSelection.selected : void 0;
+  const select = (next) => {
+    if (props.onSelectedChange) props.onSelectedChange(next);
+    else setOwnSelection(next && shown ? { key: shown.key, selected: next } : void 0);
+  };
+  const openAction = (node, drawn2) => {
+    var _a2;
+    const { onOpenNode, canOpenNode } = props;
+    const accepted = onOpenNode && ((canOpenNode == null ? void 0 : canOpenNode(node, drawn2)) ?? true) ? () => onOpenNode(node, drawn2) : void 0;
+    return action((_a2 = props.nodeHref) == null ? void 0 : _a2.call(props, node, drawn2), accepted);
+  };
+  const selectedNode = (selection == null ? void 0 : selection.kind) === "node" ? drawn == null ? void 0 : drawn.visible.nodes.find((node) => node.id === selection.id) : void 0;
+  const selectedEdge = (selection == null ? void 0 : selection.kind) === "edge" ? drawn == null ? void 0 : drawn.visible.edges.find((edge) => edge.id === selection.id) : void 0;
+  const mergedEdge = selectedEdge !== void 0 && (drawn == null ? void 0 : drawn.merged.has(selectedEdge.id)) === true;
+  const standIn = selectedNode !== void 0 && (drawn == null ? void 0 : drawn.folds.has(selectedNode.id)) === true;
+  const guards = useCallGraph.useSiteGuards(props.loadSiteGuards, shown == null ? void 0 : shown.key, mergedEdge ? void 0 : selectedEdge, graph);
+  const expansion = (expanding == null ? void 0 : expanding.request.key) === key ? expanding : void 0;
+  const expand = async (drawn2, id) => {
+    var _a2, _b2;
+    if (drawn2.key !== activeKey.current) return;
+    if (((_a2 = pendingExpansion.current) == null ? void 0 : _a2.key) === drawn2.key && pendingExpansion.current.nodeId === id) return;
+    (_b2 = pendingExpansion.current) == null ? void 0 : _b2.controller.abort();
+    const node = callGraphModel.requireNode(drawn2.graph, id);
+    const request2 = { key: drawn2.key, nodeId: id, label: node.label, controller: new AbortController() };
+    pendingExpansion.current = request2;
+    setExpanding({ request: request2 });
+    try {
+      const data = await fetchGraph({
+        root: id,
+        direction: callGraphModel.expansionDirection(node),
+        depth: 1,
+        exclude,
+        access,
+        columns,
+        purpose: "expand",
+        signal: request2.controller.signal
+      });
+      if (request2.controller.signal.aborted || activeKey.current !== drawn2.key || pendingExpansion.current !== request2) return;
+      setExpanded((held) => {
+        if (request2.controller.signal.aborted || activeKey.current !== drawn2.key) return held;
+        const base = (held == null ? void 0 : held.key) === drawn2.key ? held : drawn2;
+        return { key: drawn2.key, graph: callGraphModel.mergeGraph(base.graph, data), revealed: [...base.revealed, ...data.nodes.map((entry) => entry.id)] };
+      });
+      setExpanding((current) => (current == null ? void 0 : current.request) === request2 ? void 0 : current);
+    } catch (error) {
+      if (request2.controller.signal.aborted || activeKey.current !== drawn2.key || pendingExpansion.current !== request2) return;
+      setExpanding((current) => (current == null ? void 0 : current.request) === request2 ? { request: request2, error: `Cannot expand ${node.label}: ${useCallGraph.errorMessage(error)}` } : current);
+    } finally {
+      if (pendingExpansion.current === request2) pendingExpansion.current = void 0;
+    }
+  };
+  const groups = graph && ((_a = props.groupFacts) == null ? void 0 : _a.call(props, graph));
+  const effectiveExclude = exclude ?? (graph && props.defaultExclude ? props.defaultExclude(graph) : []);
+  const { onPinnedChange } = props;
+  const toolbar = /* @__PURE__ */ jsxRuntime.jsx(
+    CallGraphToolbar.CallGraphToolbar,
+    {
+      direction,
+      depth,
+      maxDepth,
+      omitted: graph == null ? void 0 : graph.omitted,
+      end: props.toolbarEnd,
+      vocabulary,
+      ...onPinnedChange ? { pin: { pinned: props.pinned ?? false, canPin: rootId !== void 0, onPin: (pinned) => onPinnedChange(pinned, rootId) } } : {},
+      ...groups ? { exclusions: {
+        exclude: effectiveExclude,
+        groups,
+        matches: props.excludeMatcher ?? callGraphExclude.matchesExclude,
+        busy: load.loading,
+        vocabulary,
+        onExclude: (patterns) => setExclude(patterns),
+        onDefaults: () => setExclude(void 0)
+      } } : {},
+      ...props.dataAccess ? { data: { access, onAccess: setAccess, columns, onColumns: setColumns, variables: props.variableAccess ?? false } } : {},
+      ...collapsible.length > 0 ? { groupCollapse: {
+        anyCollapsed: collapsedGroups.some((id) => collapsible.includes(id)),
+        anyExpanded: collapsible.some((id) => !collapsedGroups.includes(id)),
+        onExpandAll: () => setCollapsedGroups([]),
+        onCollapseAll: () => setCollapsedGroups(collapsible)
+      } } : {},
+      onDirection: setDirection,
+      onDepth: setDepth,
+      onFit: () => setOpening({ nonce: opening.nonce + 1, fit: true }),
+      onReset: () => setOpening({ nonce: opening.nonce + 1, fit: false })
+    }
+  );
+  const frame = utils.cn("flex h-full min-h-0 flex-col gap-2 p-2", props.className);
+  if (root === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: frame, children: [
+      toolbar,
+      /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: props.emptyMessage ?? "Select a node to draw its call graph." })
+    ] });
+  }
+  const loadError = load.error && `Cannot draw the call graph: ${load.error}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: frame, "aria-busy": load.loading, children: [
+    toolbar,
+    /* @__PURE__ */ jsxRuntime.jsx(Alert, { message: loadError }),
+    graph && ((_b = props.renderHeader) == null ? void 0 : _b.call(props, graph)),
+    !shown && load.loading && /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: "Loading call graph…" }),
+    graph && !rootId && /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: "The root resolved to no node in this scope." }),
+    graph && rootId && graph.edges.length === 0 && callGraphModel.baseAccess(access).length < types.CALL_GRAPH_ACCESS.length && /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: `Nothing is reachable with ${accessWords(callGraphModel.baseAccess(access))} only.` }),
+    graph && rootId && graph.edges.length > 0 && !selectedEdge && !selectedNode && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Select an edge to list its sites, or a node to see its details." }),
+    shown && graph && rootId && diagram && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("relative min-h-64 min-w-0 flex-1 rounded-lg border border-border bg-background", load.loading && "opacity-60"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        GraphDiagram.GraphDiagram,
+        {
+          nodes: diagram.nodes,
+          edges: diagram.edges,
+          groups: diagram.groups,
+          layout: "columns",
+          zoomable: true,
+          wheelZoom: "zoom",
+          edgeFocus: "auto",
+          focusId: rootId,
+          ...opening.fit ? {} : { fitMinScale: READABLE_SCALE },
+          nodeWidth: NODE_WIDTH,
+          nodeHeight: NODE_HEIGHT,
+          compactNodeHeight: COMPACT_NODE_HEIGHT,
+          recordHeaderHeight: 24,
+          columnGap: callGraphModel.columnGap(diagram),
+          rowGap: ROW_GAP,
+          className: "h-full",
+          ariaLabel: `Call graph of ${callGraphModel.requireNode(graph, rootId).label}`,
+          onGroupToggle: toggleGroup,
+          onNodeSelect: (id) => select({ kind: "node", id }),
+          onEdgeSelect: (id) => select({ kind: "edge", id }),
+          ...fresh ? { onNodeExpand: (id) => void expand(fresh, id) } : {},
+          ...selectedNode ? { selectedId: selectedNode.id } : {},
+          ...selectedEdge ? { selectedEdgeId: selectedEdge.id } : {}
+        },
+        `${shown.key}:${opening.nonce}`
+      ) }),
+      (selectedEdge || selectedNode || expansion) && /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "w-80 max-w-[45%] shrink-0 overflow-y-auto rounded-lg border border-border bg-card p-3", "aria-label": "Selection", children: [
+        expansion && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "mb-2 text-xs text-muted-foreground", children: expansion.error ?? `Loading more around ${expansion.request.label}…` }),
+        (selectedEdge || selectedNode) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", "aria-label": "Close selection", onClick: () => select(void 0), children: "×" }) }),
+        selectedEdge && drawn ? /* @__PURE__ */ jsxRuntime.jsx(
+          CallGraphParts.EdgeSites,
+          {
+            edge: selectedEdge,
+            graph: drawn.graph,
+            labels,
+            guards,
+            lazyGuards: props.loadSiteGuards !== void 0,
+            siteAction: (props.siteHref || props.onRevealSite) && !drawn.folds.has(selectedEdge.from) && vocabulary.hasSource(callGraphModel.requireNode(graph, selectedEdge.from)) ? (site) => {
+              var _a2;
+              return action((_a2 = props.siteHref) == null ? void 0 : _a2.call(props, site, selectedEdge, graph), props.onRevealSite && (() => {
+                var _a3;
+                return (_a3 = props.onRevealSite) == null ? void 0 : _a3.call(props, site, selectedEdge, graph);
+              })) ?? {};
+            } : void 0
+          }
+        ) : selectedNode && drawn && /* @__PURE__ */ jsxRuntime.jsx(
+          CallGraphParts.NodeDetails,
+          {
+            node: selectedNode,
+            graph: drawn.graph,
+            vocabulary,
+            isRoot: selectedNode.id === rootId,
+            openLabel: props.openLabel ?? "Open",
+            opens: !standIn && (props.nodeHref !== void 0 || props.onOpenNode !== void 0),
+            open: standIn ? void 0 : openAction(selectedNode, graph),
+            onFocus: standIn ? void 0 : props.onFocusNode && ((id) => {
+              var _a2;
+              return (_a2 = props.onFocusNode) == null ? void 0 : _a2.call(props, id, graph);
+            })
+          }
+        )
+      ] })
+    ] }),
+    graph && rootId && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(CallGraphParts.Legend, { graph, vocabulary, labels }) })
+  ] });
+}
+exports.CallGraph = CallGraph;
+//# sourceMappingURL=CallGraph.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraph.cjs","sources":["../../../src/data/call-graph/CallGraph.tsx"],"sourcesContent":["// A call graph around one root: fetched through the host, with `+N` expansions merged in, the call\n// sites of a selected edge (guards fetched on selection when the host's graph leaves them out) and the\n// details of a selected node. It knows no language: the host's vocabulary names and draws node kinds,\n// and the host's callbacks open nodes and sites.\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { cn } from \"../../lib/utils\";\nimport { AccessMark } from \"../AccessMark\";\nimport { GraphDiagram } from \"../GraphDiagram\";\nimport { matchesExclude, type ExcludeMatcher } from \"./call-graph-exclude\";\nimport type { GuardLabel } from \"./call-graph-labels\";\nimport {\n  baseAccess,\n  CALL_GRAPH_DEFAULT_DEPTH,\n  CALL_GRAPH_MAX_DEPTH,\n  collapsibleGroups,\n  columnGap,\n  DEFAULT_EDGE_LABELS,\n  expansionDirection,\n  mergeGraph,\n  requireNode,\n  toDiagram,\n  visibleGraph,\n  type DiagramGlyphs,\n  type DiagramOptions,\n} from \"./call-graph-model\";\nimport { requireGlyph, UIR_CALL_GRAPH_VOCABULARY, type CallGraphVocabulary } from \"./call-graph-vocabulary\";\nimport { EdgeTypeGlyph, GroupCaption, NodeGlyphIcon } from \"./CallGraphGlyphs\";\nimport { EdgeSites, Legend, NodeDetails, type CallGraphAction } from \"./CallGraphParts\";\nimport { CallGraphToolbar } from \"./CallGraphToolbar\";\nimport {\n  CALL_GRAPH_ACCESS,\n  type CallGraph as Graph,\n  type CallGraphAccess,\n  type CallGraphDirection,\n  type CallGraphEdge,\n  type CallGraphEdgeLabels,\n  type CallGraphFetchParams,\n  type CallGraphGroupFact,\n  type CallGraphNode,\n  type CallGraphSelection,\n  type CallGraphSite,\n} from \"./types\";\nimport { errorMessage, useGraphLoad, useHeld, useSiteGuards, type GraphRequest } from \"./use-call-graph\";\n\nexport interface CallGraphProps<G extends Graph = Graph> {\n  /** What the graph is drawn around, in the host's terms. Undefined shows `emptyMessage`. */\n  root: string | undefined;\n  /** Loads the graph around `params.root`, and one hop around a node for its `+N`. */\n  fetchGraph: (params: CallGraphFetchParams) => Promise<G>;\n  /** What else `fetchGraph` reads, such as the host's scope: part of the request's key, so a change refetches. */\n  fetchKey?: string;\n  /** Pass `onDirectionChange` to control it; without one the component holds it, starting here. */\n  direction?: CallGraphDirection;\n  onDirectionChange?: (direction: CallGraphDirection) => void;\n  depth?: number;\n  onDepthChange?: (depth: number) => void;\n  /** The exclusion patterns; undefined takes the host's defaults. Controlled with `onExcludeChange`. */\n  exclude?: string[] | undefined;\n  onExcludeChange?: (exclude: string[] | undefined) => void;\n  selected?: CallGraphSelection | undefined;\n  onSelectedChange?: (selected: CallGraphSelection | undefined) => void;\n  /** The source reports reads and writes of data: shows the Access toggles and the Columns switch. */\n  dataAccess?: boolean;\n  /** The source can follow the variables a body reads and writes: shows a Variables toggle beside the Access ones. Needs `dataAccess`. */\n  variableAccess?: boolean;\n  /** The edge types the host follows, at least one of call, read and write; all three by default. Controlled with `onAccessChange`. */\n  access?: CallGraphAccess[];\n  onAccessChange?: (access: CallGraphAccess[]) => void;\n  /** Columns and fields as nodes of their own; collapsed into tables and entities by default. */\n  columns?: boolean;\n  onColumnsChange?: (columns: boolean) => void;\n  /**\n   * The groups drawn as their header alone, by `graph.groups` id: each folds into one node, and its\n   * members' edges merge onto it, counting the members. The root's group never folds. Controlled with\n   * `onCollapsedGroupsChange`; without one the component holds it, starting here, none by default.\n   */\n  collapsedGroups?: string[];\n  onCollapsedGroupsChange?: (ids: string[]) => void;\n  /** The groups the graph reached, drawn or excluded. Without it the graph offers no exclusions. */\n  groupFacts?: (graph: G) => CallGraphGroupFact[];\n  /** The patterns in force when `exclude` is undefined: the host's defaults, as its response reports them. */\n  defaultExclude?: (graph: G) => string[];\n  /** How a pattern matches a group, for a host with keywords of its own. */\n  excludeMatcher?: ExcludeMatcher;\n  /**\n   * Where a node opens. A node the vocabulary gives no source is never opened, and Open is disabled on\n   * a node with no href that `onOpenNode` does not accept.\n   */\n  nodeHref?: (node: CallGraphNode, graph: G) => string | undefined;\n  /** Opens a node; with `nodeHref` it handles a plain click on the link. */\n  onOpenNode?: (node: CallGraphNode, graph: G) => void;\n  /** Whether `onOpenNode` opens a node; every node by default. */\n  canOpenNode?: (node: CallGraphNode, graph: G) => boolean;\n  openLabel?: string;\n  /** Re-roots the graph on a node, by id: a drawn node the vocabulary can root, or the column behind a field. */\n  onFocusNode?: (nodeId: string, graph: G) => void;\n  /** Where a call site opens; a site opens only when its caller has a source. */\n  siteHref?: (site: CallGraphSite, edge: CallGraphEdge, graph: G) => string | undefined;\n  onRevealSite?: (site: CallGraphSite, edge: CallGraphEdge, graph: G) => void;\n  /** Fetches the guards of a selected edge's sites, for a host whose graph leaves them out. */\n  loadSiteGuards?: (edge: CallGraphEdge, graph: G, signal: AbortSignal) => Promise<CallGraphSite[]>;\n  edgeLabels?: Partial<CallGraphEdgeLabels>;\n  /** What a conditional edge's pill says of its guards; \"innermost\" by default. The edge's tooltip always lists them. */\n  guardLabel?: GuardLabel;\n  vocabulary?: CallGraphVocabulary;\n  /** Shows a Pin root toggle; the host keeps `root` while pinned. */\n  pinned?: boolean;\n  onPinnedChange?: (pinned: boolean, rootId: string | undefined) => void;\n  /** Host facts above the diagram, such as how the root was resolved. */\n  renderHeader?: (graph: G) => ReactNode;\n  toolbarEnd?: ReactNode;\n  emptyMessage?: ReactNode;\n  maxDepth?: number;\n  className?: string;\n}\n\ntype Held<G> = { key: string; graph: G; revealed: string[] };\ntype PendingExpansion = { key: string; nodeId: string; label: string; controller: AbortController };\n\nconst NODE_WIDTH = 188;\nconst NODE_HEIGHT = 32;\nconst COMPACT_NODE_HEIGHT = 22;\nconst ROW_GAP = 14;\n/** Node labels are 12px: at this scale they are 7.2px, the smallest that still reads. */\nconst READABLE_SCALE = 0.6;\nconst OPTIONS: Omit<DiagramOptions, \"guardLabel\"> = { truncateAt: 32, grouped: true };\n\nfunction Notice({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"flex h-full items-center justify-center p-6 text-center\">\n      <span className=\"text-sm text-muted-foreground\">{children}</span>\n    </div>\n  );\n}\n\nfunction Alert({ message }: { message: string | undefined }) {\n  if (!message) return null;\n  return <div role=\"alert\" className=\"whitespace-pre-wrap rounded-md border border-destructive p-3 text-sm text-destructive\">{message}</div>;\n}\n\nconst ACCESS_WORDS: Record<CallGraphAccess, string> = { call: \"Calls\", read: \"Reads\", write: \"Writes\", variable: \"Variables\" };\n\nfunction accessWords(access: readonly CallGraphAccess[]): string {\n  return access.map((type) => ACCESS_WORDS[type]).join(\" and \");\n}\n\nfunction action(href: string | undefined, onSelect: (() => void) | undefined): CallGraphAction | undefined {\n  if (href === undefined && onSelect === undefined) return undefined;\n  return { ...(href !== undefined ? { href } : {}), ...(onSelect ? { onSelect } : {}) };\n}\n\nexport function CallGraph<G extends Graph = Graph>(props: CallGraphProps<G>) {\n  const { root, fetchGraph, vocabulary = UIR_CALL_GRAPH_VOCABULARY, maxDepth = CALL_GRAPH_MAX_DEPTH } = props;\n  const labels: CallGraphEdgeLabels = { ...DEFAULT_EDGE_LABELS, ...props.edgeLabels };\n  const [direction, setDirection] = useHeld(props.direction ?? \"both\", props.onDirectionChange);\n  const [depth, setDepth] = useHeld(props.depth ?? CALL_GRAPH_DEFAULT_DEPTH, props.onDepthChange);\n  const [exclude, setExclude] = useHeld(props.exclude, props.onExcludeChange);\n  const [access, setAccess] = useHeld(props.access ?? [...CALL_GRAPH_ACCESS], props.onAccessChange);\n  const [columns, setColumns] = useHeld(props.columns ?? false, props.onColumnsChange);\n  const [collapsedGroups, setCollapsedGroups] = useHeld(props.collapsedGroups ?? [], props.onCollapsedGroupsChange);\n  if (baseAccess(access).length === 0) throw new Error(\"call graph: access must name at least one of call, read and write\");\n  if (access.includes(\"variable\") && !(props.dataAccess && props.variableAccess)) {\n    throw new Error(\"call graph: access names variable, but the host does not offer variableAccess\");\n  }\n  const [ownSelection, setOwnSelection] = useState<{ key: string; selected: CallGraphSelection }>();\n\n  const request: GraphRequest | undefined = root === undefined ? undefined : { root, direction, depth, exclude, access, columns, purpose: \"load\" };\n  const key = `call-graph:${JSON.stringify([request ?? null, props.fetchKey ?? null])}`;\n  const load = useGraphLoad(fetchGraph, request, key);\n\n  const [expanded, setExpanded] = useState<Held<G>>();\n  const [expanding, setExpanding] = useState<{ request: PendingExpansion; error?: string }>();\n  const pendingExpansion = useRef<PendingExpansion | undefined>(undefined);\n  const activeKey = useRef(key);\n  activeKey.current = key;\n  useEffect(() => {\n    setExpanding((current) => current?.request.key === key && !current.request.controller.signal.aborted ? current : undefined);\n    return () => {\n      if (pendingExpansion.current?.key === key) {\n        pendingExpansion.current.controller.abort();\n        pendingExpansion.current = undefined;\n      }\n    };\n  }, [key]);\n  const [opening, setOpening] = useState({ nonce: 0, fit: false });\n  const fresh = useMemo<Held<G> | undefined>(\n    () => load.fresh && (expanded?.key === key ? expanded : { key, graph: load.fresh, revealed: [] }),\n    [load.fresh, expanded, key],\n  );\n  const [last, setLast] = useState<Held<G>>();\n  if (fresh && fresh !== last) setLast(fresh);\n  const shown = root === undefined ? undefined : (fresh ?? last);\n  const graph = shown?.graph;\n\n  const visible = useMemo(() => shown && visibleGraph(shown.graph, { direction, depth, revealed: shown.revealed }), [shown, direction, depth]);\n  const glyphs = useMemo<DiagramGlyphs>(() => ({\n    node: (glyph, words) => <NodeGlyphIcon vocabulary={vocabulary} glyph={glyph} title={words} />,\n    edge: (type) => (type === \"call\" ? undefined : <EdgeTypeGlyph type={type} title={labels[type]} />),\n    group: (caption, glyph) => <GroupCaption icon={glyph === undefined ? vocabulary.group.icon : requireGlyph(vocabulary, glyph).icon} caption={caption} />,\n    access: (access) => <AccessMark access={access} />,\n  }), [vocabulary, labels.dispatch, labels.read, labels.write]);\n  const guardLabel = props.guardLabel ?? \"innermost\";\n  const diagram = useMemo(\n    () => graph && visible && toDiagram({ graph, visible, direction, options: { ...OPTIONS, guardLabel }, glyphs, vocabulary, edgeLabels: labels, collapsed: collapsedGroups }),\n    [graph, visible, direction, guardLabel, glyphs, vocabulary, labels.call, labels.dispatch, labels.read, labels.write, collapsedGroups],\n  );\n  // What a selection is looked up in: the graph as drawn, collapsed groups folded into their stand-ins.\n  const drawn = diagram?.drawn;\n  const collapsible = useMemo(() => (graph && visible ? collapsibleGroups(graph, visible) : []), [graph, visible]);\n  const toggleGroup = (id: string) => setCollapsedGroups(collapsedGroups.includes(id) ? collapsedGroups.filter((entry) => entry !== id) : [...collapsedGroups, id]);\n\n  const rootId = graph?.roots[0];\n  const selection = props.onSelectedChange ? props.selected : ownSelection?.key === shown?.key ? ownSelection?.selected : undefined;\n  const select = (next: CallGraphSelection | undefined) => {\n    if (props.onSelectedChange) props.onSelectedChange(next);\n    else setOwnSelection(next && shown ? { key: shown.key, selected: next } : undefined);\n  };\n  const openAction = (node: CallGraphNode, drawn: G) => {\n    const { onOpenNode, canOpenNode } = props;\n    const accepted = onOpenNode && (canOpenNode?.(node, drawn) ?? true) ? () => onOpenNode(node, drawn) : undefined;\n    return action(props.nodeHref?.(node, drawn), accepted);\n  };\n  const selectedNode = selection?.kind === \"node\" ? drawn?.visible.nodes.find((node) => node.id === selection.id) : undefined;\n  const selectedEdge = selection?.kind === \"edge\" ? drawn?.visible.edges.find((edge) => edge.id === selection.id) : undefined;\n  // A merged edge stands for several the host knows: it has no guards of its own to load.\n  const mergedEdge = selectedEdge !== undefined && drawn?.merged.has(selectedEdge.id) === true;\n  const standIn = selectedNode !== undefined && drawn?.folds.has(selectedNode.id) === true;\n  const guards = useSiteGuards(props.loadSiteGuards, shown?.key, mergedEdge ? undefined : selectedEdge, graph);\n  const expansion = expanding?.request.key === key ? expanding : undefined;\n\n  // A `+N` loads one more hop on the node's outer side and merges it into the graph this request drew.\n  const expand = async (drawn: Held<G>, id: string) => {\n    if (drawn.key !== activeKey.current) return;\n    if (pendingExpansion.current?.key === drawn.key && pendingExpansion.current.nodeId === id) return;\n    pendingExpansion.current?.controller.abort();\n    const node = requireNode(drawn.graph, id);\n    const request: PendingExpansion = { key: drawn.key, nodeId: id, label: node.label, controller: new AbortController() };\n    pendingExpansion.current = request;\n    setExpanding({ request });\n    try {\n      const data = await fetchGraph({\n        root: id, direction: expansionDirection(node), depth: 1, exclude, access, columns, purpose: \"expand\", signal: request.controller.signal,\n      });\n      if (request.controller.signal.aborted || activeKey.current !== drawn.key || pendingExpansion.current !== request) return;\n      setExpanded((held) => {\n        if (request.controller.signal.aborted || activeKey.current !== drawn.key) return held;\n        const base = held?.key === drawn.key ? held : drawn;\n        return { key: drawn.key, graph: mergeGraph(base.graph, data), revealed: [...base.revealed, ...data.nodes.map((entry) => entry.id)] };\n      });\n      setExpanding((current) => current?.request === request ? undefined : current);\n    } catch (error) {\n      if (request.controller.signal.aborted || activeKey.current !== drawn.key || pendingExpansion.current !== request) return;\n      setExpanding((current) => current?.request === request\n        ? { request, error: `Cannot expand ${node.label}: ${errorMessage(error)}` } : current);\n    } finally {\n      if (pendingExpansion.current === request) pendingExpansion.current = undefined;\n    }\n  };\n\n  const groups = graph && props.groupFacts?.(graph);\n  const effectiveExclude = exclude ?? (graph && props.defaultExclude ? props.defaultExclude(graph) : []);\n  const { onPinnedChange } = props;\n  const toolbar = (\n    <CallGraphToolbar direction={direction} depth={depth} maxDepth={maxDepth} omitted={graph?.omitted} end={props.toolbarEnd} vocabulary={vocabulary}\n      {...(onPinnedChange ? { pin: { pinned: props.pinned ?? false, canPin: rootId !== undefined, onPin: (pinned: boolean) => onPinnedChange(pinned, rootId) } } : {})}\n      {...(groups ? { exclusions: { exclude: effectiveExclude, groups, matches: props.excludeMatcher ?? matchesExclude, busy: load.loading, vocabulary,\n        onExclude: (patterns: string[]) => setExclude(patterns), onDefaults: () => setExclude(undefined) } } : {})}\n      {...(props.dataAccess ? { data: { access, onAccess: setAccess, columns, onColumns: setColumns, variables: props.variableAccess ?? false } } : {})}\n      {...(collapsible.length > 0 ? { groupCollapse: {\n        anyCollapsed: collapsedGroups.some((id) => collapsible.includes(id)),\n        anyExpanded: collapsible.some((id) => !collapsedGroups.includes(id)),\n        onExpandAll: () => setCollapsedGroups([]),\n        onCollapseAll: () => setCollapsedGroups(collapsible),\n      } } : {})}\n      onDirection={setDirection} onDepth={setDepth}\n      onFit={() => setOpening({ nonce: opening.nonce + 1, fit: true })} onReset={() => setOpening({ nonce: opening.nonce + 1, fit: false })} />\n  );\n\n  const frame = cn(\"flex h-full min-h-0 flex-col gap-2 p-2\", props.className);\n  if (root === undefined) {\n    return <div className={frame}>{toolbar}<Notice>{props.emptyMessage ?? \"Select a node to draw its call graph.\"}</Notice></div>;\n  }\n  const loadError = load.error && `Cannot draw the call graph: ${load.error}`;\n  return (\n    <div className={frame} aria-busy={load.loading}>\n      {toolbar}\n      <Alert message={loadError} />\n      {graph && props.renderHeader?.(graph)}\n      {!shown && load.loading && <Notice>Loading call graph…</Notice>}\n      {graph && !rootId && <Notice>The root resolved to no node in this scope.</Notice>}\n      {graph && rootId && graph.edges.length === 0 && baseAccess(access).length < CALL_GRAPH_ACCESS.length && (\n        <Notice>{`Nothing is reachable with ${accessWords(baseAccess(access))} only.`}</Notice>\n      )}\n      {graph && rootId && graph.edges.length > 0 && !selectedEdge && !selectedNode && (\n        <p className=\"text-xs text-muted-foreground\">Select an edge to list its sites, or a node to see its details.</p>\n      )}\n      {shown && graph && rootId && diagram && (\n        <div className=\"flex min-h-0 flex-1 gap-3\">\n          <div className={cn(\"relative min-h-64 min-w-0 flex-1 rounded-lg border border-border bg-background\", load.loading && \"opacity-60\")}>\n            <GraphDiagram key={`${shown.key}:${opening.nonce}`} nodes={diagram.nodes} edges={diagram.edges} groups={diagram.groups} layout=\"columns\" zoomable wheelZoom=\"zoom\" edgeFocus=\"auto\"\n              focusId={rootId} {...(opening.fit ? {} : { fitMinScale: READABLE_SCALE })} nodeWidth={NODE_WIDTH} nodeHeight={NODE_HEIGHT} compactNodeHeight={COMPACT_NODE_HEIGHT} recordHeaderHeight={24} columnGap={columnGap(diagram)} rowGap={ROW_GAP}\n              className=\"h-full\" ariaLabel={`Call graph of ${requireNode(graph, rootId).label}`} onGroupToggle={toggleGroup}\n              onNodeSelect={(id: string) => select({ kind: \"node\", id })} onEdgeSelect={(id: string) => select({ kind: \"edge\", id })}\n              {...(fresh ? { onNodeExpand: (id: string) => void expand(fresh, id) } : {})}\n              {...(selectedNode ? { selectedId: selectedNode.id } : {})} {...(selectedEdge ? { selectedEdgeId: selectedEdge.id } : {})} />\n          </div>\n          {(selectedEdge || selectedNode || expansion) && (\n            <aside className=\"w-80 max-w-[45%] shrink-0 overflow-y-auto rounded-lg border border-border bg-card p-3\" aria-label=\"Selection\">\n              {expansion && <p role=\"status\" className=\"mb-2 text-xs text-muted-foreground\">{expansion.error ?? `Loading more around ${expansion.request.label}…`}</p>}\n              {(selectedEdge || selectedNode) && (\n                <div className=\"mb-1 flex justify-end\">\n                  <Button type=\"button\" size=\"sm\" variant=\"ghost\" aria-label=\"Close selection\" onClick={() => select(undefined)}>×</Button>\n                </div>\n              )}\n              {selectedEdge && drawn ? (\n                <EdgeSites edge={selectedEdge} graph={drawn.graph} labels={labels} guards={guards} lazyGuards={props.loadSiteGuards !== undefined}\n                  siteAction={(props.siteHref || props.onRevealSite) && !drawn.folds.has(selectedEdge.from) && vocabulary.hasSource(requireNode(graph, selectedEdge.from))\n                    ? (site) => action(props.siteHref?.(site, selectedEdge, graph), props.onRevealSite && (() => props.onRevealSite?.(site, selectedEdge, graph))) ?? {}\n                    : undefined} />\n              ) : selectedNode && drawn && (\n                <NodeDetails node={selectedNode} graph={drawn.graph} vocabulary={vocabulary} isRoot={selectedNode.id === rootId} openLabel={props.openLabel ?? \"Open\"}\n                  opens={!standIn && (props.nodeHref !== undefined || props.onOpenNode !== undefined)} open={standIn ? undefined : openAction(selectedNode, graph)}\n                  onFocus={standIn ? undefined : props.onFocusNode && ((id: string) => props.onFocusNode?.(id, graph))} />\n              )}\n            </aside>\n          )}\n        </div>\n      )}\n      {graph && rootId && <div className=\"shrink-0\"><Legend graph={graph} vocabulary={vocabulary} labels={labels} /></div>}\n    </div>\n  );\n}\n"],"names":["jsx","UIR_CALL_GRAPH_VOCABULARY","CALL_GRAPH_MAX_DEPTH","DEFAULT_EDGE_LABELS","useHeld","CALL_GRAPH_DEFAULT_DEPTH","CALL_GRAPH_ACCESS","baseAccess","useState","useGraphLoad","useRef","useEffect","_a","useMemo","visibleGraph","NodeGlyphIcon","EdgeTypeGlyph","GroupCaption","requireGlyph","access","AccessMark","toDiagram","collapsibleGroups","drawn","useSiteGuards","_b","requireNode","request","expansionDirection","mergeGraph","errorMessage","CallGraphToolbar","matchesExclude","cn","jsxs","GraphDiagram","columnGap","Button","EdgeSites","NodeDetails","Legend"],"mappings":"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"}

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

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+import { ExcludeMatcher } from './call-graph-exclude.js';
+import { GuardLabel } from './call-graph-labels.js';
+import { CallGraphVocabulary } from './call-graph-vocabulary.js';
+import { CallGraph as Graph, CallGraphAccess, CallGraphDirection, CallGraphEdge, CallGraphEdgeLabels, CallGraphFetchParams, CallGraphGroupFact, CallGraphNode, CallGraphSelection, CallGraphSite } from './types.js';
+export interface CallGraphProps<G extends Graph = Graph> {
+    /** What the graph is drawn around, in the host's terms. Undefined shows `emptyMessage`. */
+    root: string | undefined;
+    /** Loads the graph around `params.root`, and one hop around a node for its `+N`. */
+    fetchGraph: (params: CallGraphFetchParams) => Promise<G>;
+    /** What else `fetchGraph` reads, such as the host's scope: part of the request's key, so a change refetches. */
+    fetchKey?: string;
+    /** Pass `onDirectionChange` to control it; without one the component holds it, starting here. */
+    direction?: CallGraphDirection;
+    onDirectionChange?: (direction: CallGraphDirection) => void;
+    depth?: number;
+    onDepthChange?: (depth: number) => void;
+    /** The exclusion patterns; undefined takes the host's defaults. Controlled with `onExcludeChange`. */
+    exclude?: string[] | undefined;
+    onExcludeChange?: (exclude: string[] | undefined) => void;
+    selected?: CallGraphSelection | undefined;
+    onSelectedChange?: (selected: CallGraphSelection | undefined) => void;
+    /** The source reports reads and writes of data: shows the Access toggles and the Columns switch. */
+    dataAccess?: boolean;
+    /** The source can follow the variables a body reads and writes: shows a Variables toggle beside the Access ones. Needs `dataAccess`. */
+    variableAccess?: boolean;
+    /** The edge types the host follows, at least one of call, read and write; all three by default. Controlled with `onAccessChange`. */
+    access?: CallGraphAccess[];
+    onAccessChange?: (access: CallGraphAccess[]) => void;
+    /** Columns and fields as nodes of their own; collapsed into tables and entities by default. */
+    columns?: boolean;
+    onColumnsChange?: (columns: boolean) => void;
+    /**
+     * The groups drawn as their header alone, by `graph.groups` id: each folds into one node, and its
+     * members' edges merge onto it, counting the members. The root's group never folds. Controlled with
+     * `onCollapsedGroupsChange`; without one the component holds it, starting here, none by default.
+     */
+    collapsedGroups?: string[];
+    onCollapsedGroupsChange?: (ids: string[]) => void;
+    /** The groups the graph reached, drawn or excluded. Without it the graph offers no exclusions. */
+    groupFacts?: (graph: G) => CallGraphGroupFact[];
+    /** The patterns in force when `exclude` is undefined: the host's defaults, as its response reports them. */
+    defaultExclude?: (graph: G) => string[];
+    /** How a pattern matches a group, for a host with keywords of its own. */
+    excludeMatcher?: ExcludeMatcher;
+    /**
+     * Where a node opens. A node the vocabulary gives no source is never opened, and Open is disabled on
+     * a node with no href that `onOpenNode` does not accept.
+     */
+    nodeHref?: (node: CallGraphNode, graph: G) => string | undefined;
+    /** Opens a node; with `nodeHref` it handles a plain click on the link. */
+    onOpenNode?: (node: CallGraphNode, graph: G) => void;
+    /** Whether `onOpenNode` opens a node; every node by default. */
+    canOpenNode?: (node: CallGraphNode, graph: G) => boolean;
+    openLabel?: string;
+    /** Re-roots the graph on a node, by id: a drawn node the vocabulary can root, or the column behind a field. */
+    onFocusNode?: (nodeId: string, graph: G) => void;
+    /** Where a call site opens; a site opens only when its caller has a source. */
+    siteHref?: (site: CallGraphSite, edge: CallGraphEdge, graph: G) => string | undefined;
+    onRevealSite?: (site: CallGraphSite, edge: CallGraphEdge, graph: G) => void;
+    /** Fetches the guards of a selected edge's sites, for a host whose graph leaves them out. */
+    loadSiteGuards?: (edge: CallGraphEdge, graph: G, signal: AbortSignal) => Promise<CallGraphSite[]>;
+    edgeLabels?: Partial<CallGraphEdgeLabels>;
+    /** What a conditional edge's pill says of its guards; "innermost" by default. The edge's tooltip always lists them. */
+    guardLabel?: GuardLabel;
+    vocabulary?: CallGraphVocabulary;
+    /** Shows a Pin root toggle; the host keeps `root` while pinned. */
+    pinned?: boolean;
+    onPinnedChange?: (pinned: boolean, rootId: string | undefined) => void;
+    /** Host facts above the diagram, such as how the root was resolved. */
+    renderHeader?: (graph: G) => ReactNode;
+    toolbarEnd?: ReactNode;
+    emptyMessage?: ReactNode;
+    maxDepth?: number;
+    className?: string;
+}
+export declare function CallGraph<G extends Graph = Graph>(props: CallGraphProps<G>): import("react").JSX.Element;
+//# sourceMappingURL=CallGraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraph.d.ts","sourceRoot":"","sources":["../../../src/data/call-graph/CallGraph.tsx"],"names":[],"mappings":"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"}