@flanksource/clicky-ui 0.3.44 → 0.3.46

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

@@ -0,0 +1,198 @@
+"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 IconButton = require("../../components/IconButton.cjs");
+const InputField = require("../../components/InputField.cjs");
+const SegmentedControl = require("../../components/SegmentedControl.cjs");
+const Switch = require("../../components/Switch.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const Badge = require("../Badge.cjs");
+const callGraphExclude = require("./call-graph-exclude.cjs");
+const callGraphLabels = require("./call-graph-labels.cjs");
+const callGraphModel = require("./call-graph-model.cjs");
+const types = require("./types.cjs");
+const UiHome = require("../../icons/components/UiHome.cjs");
+const UiFilter = require("../../icons/components/UiFilter.cjs");
+const UiExpandAll = require("../../icons/components/UiExpandAll.cjs");
+const UiCollapseAll = require("../../icons/components/UiCollapseAll.cjs");
+const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
+const DIRECTIONS = [
+  { id: "callers", label: "Callers" },
+  { id: "both", label: "Both" },
+  { id: "callees", label: "Callees" }
+];
+function DepthStepper({ depth, maxDepth, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Depth", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Depth" }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "sm", className: "size-8 px-0", "aria-label": "Decrease depth", disabled: depth <= 1, onClick: () => onChange(depth - 1), children: "−" }),
+    /* @__PURE__ */ jsxRuntime.jsx("output", { className: "w-5 text-center text-sm font-medium tabular-nums", "aria-live": "polite", "aria-label": "Graph depth", children: depth }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "sm", className: "size-8 px-0", "aria-label": "Increase depth", disabled: depth >= maxDepth, onClick: () => onChange(depth + 1), children: "+" })
+  ] });
+}
+function OmittedChip({ omitted, noun }) {
+  const parts = callGraphLabels.omittedParts(omitted);
+  if (parts.length === 0) return null;
+  const tally = callGraphLabels.excludedTally(omitted).map(({ group, count }) => `${group}: ${count}`);
+  const title = [`Not drawn: ${parts.join(", ")}`, ...tally.length ? [`Excluded per ${noun}:`, ...tally] : []].join("\n");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { title, "data-testid": "graph-omitted", children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", size: "md", icon: UiWarningTriangle.UiWarningTriangle, clickToCopy: false, children: parts.join(" · ") }) });
+}
+function GroupRow({ group, onToggle }) {
+  const name = group.label ?? group.name;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Switch.Switch, { checked: !group.excluded, onChange: onToggle, "aria-label": `Show ${name}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs", title: group.name, children: name }),
+    group.external && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "outline", size: "sm", clickToCopy: false, children: "external" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-8 shrink-0 text-right text-xs tabular-nums text-muted-foreground", title: `${group.nodes} nodes`, children: group.nodes })
+  ] });
+}
+function GroupFacets({ exclude, groups, matches, onExclude, onDefaults, busy, vocabulary }) {
+  const [filter, setFilter] = react.useState("");
+  const [pattern, setPattern] = react.useState("");
+  const [error, setError] = react.useState();
+  const { plural, patternHint } = vocabulary.group;
+  const needle = filter.trim().toLowerCase();
+  const shown = groups.filter((group) => `${group.name} ${group.label ?? ""}`.toLowerCase().includes(needle));
+  const submit = (event) => {
+    event.preventDefault();
+    const typed = pattern.trim();
+    const problem = callGraphExclude.excludePatternError(exclude, typed);
+    setError(problem);
+    if (problem) return;
+    setPattern("");
+    onExclude(callGraphExclude.addExcludePattern(exclude, typed));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: busy, "aria-busy": busy, className: "flex w-96 min-w-0 max-w-[90vw] flex-col gap-2 p-2 text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(InputField.InputField, { "aria-label": `Filter ${plural}`, placeholder: `Filter ${plural}`, value: filter, onChange: setFilter }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1", "aria-label": "Exclusion patterns", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Excluding" }),
+      exclude.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "nothing" }),
+      exclude.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "rounded border border-border px-1.5 font-mono text-xs hover:bg-muted",
+          "aria-label": `Stop excluding ${entry}`,
+          title: `Stop excluding ${entry}`,
+          onClick: () => onExclude(callGraphExclude.removeExcludePattern(exclude, entry)),
+          children: [
+            entry,
+            " ×"
+          ]
+        },
+        entry
+      ))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "max-h-72 overflow-y-auto pr-1", "aria-label": plural, children: [
+      shown.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+        GroupRow,
+        {
+          group,
+          onToggle: () => onExclude(group.excluded ? callGraphExclude.includeGroup(exclude, group, groups, matches) : callGraphExclude.excludeGroup(exclude, group.name))
+        },
+        group.name
+      )),
+      shown.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "py-1 text-xs text-muted-foreground", children: groups.length ? `No ${vocabulary.group.noun} matches the filter.` : `The graph reached no ${vocabulary.group.noun}.` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex items-start gap-2", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InputField.InputField, { "aria-label": "Exclude pattern", placeholder: patternHint, value: pattern, onChange: setPattern }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-xs text-destructive", children: error })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", size: "sm", variant: "outline", children: "Exclude" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-2 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", onClick: onDefaults, children: "Reset to defaults" }),
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onExclude([]), children: "Show all" })
+    ] })
+  ] });
+}
+const ACCESS_LABELS = { call: "Calls", read: "Reads", write: "Writes", variable: "Variables" };
+function DataAccessControls({ access, onAccess, columns, onColumns, variables }) {
+  const lastOn = callGraphModel.baseAccess(access).length === 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Access", children: (variables ? [...types.CALL_GRAPH_ACCESS, "variable"] : types.CALL_GRAPH_ACCESS).map((type) => {
+      const on = access.includes(type);
+      const kept = on && lastOn && type !== "variable";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: on ? "secondary" : "outline",
+          "aria-pressed": on,
+          disabled: kept,
+          title: kept ? "At least one kind of access stays on" : void 0,
+          onClick: () => onAccess(callGraphModel.toggleAccess(access, type)),
+          children: ACCESS_LABELS[type]
+        },
+        type
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Switch.Switch, { checked: columns, label: "Columns", onChange: onColumns })
+  ] });
+}
+function GroupCollapseControls({ anyCollapsed, anyExpanded, onExpandAll, onCollapseAll }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Groups", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(IconButton.IconButton, { icon: UiExpandAll.UiExpandAll, label: "Expand all groups", className: "size-7", disabled: !anyCollapsed, onClick: onExpandAll }),
+    /* @__PURE__ */ jsxRuntime.jsx(IconButton.IconButton, { icon: UiCollapseAll.UiCollapseAll, label: "Collapse all groups", className: "size-7", disabled: !anyExpanded, onClick: onCollapseAll })
+  ] });
+}
+function CallGraphToolbar(props) {
+  const { exclusions, pin, vocabulary } = props;
+  const excludedCount = (exclusions == null ? void 0 : exclusions.groups.filter((group) => group.excluded).length) ?? 0;
+  const hasExternal = (exclusions == null ? void 0 : exclusions.groups.some((group) => group.external)) ?? false;
+  const { noun, plural } = vocabulary.group;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SegmentedControl.SegmentedControl, { value: props.direction, options: DIRECTIONS, onChange: props.onDirection, size: "sm", "aria-label": "Direction" }),
+    /* @__PURE__ */ jsxRuntime.jsx(DepthStepper, { depth: props.depth, maxDepth: props.maxDepth, onChange: props.onDepth }),
+    props.data && /* @__PURE__ */ jsxRuntime.jsx(DataAccessControls, { ...props.data }),
+    pin && /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        type: "button",
+        variant: pin.pinned ? "secondary" : "outline",
+        size: "sm",
+        disabled: !pin.pinned && !pin.canPin,
+        "aria-pressed": pin.pinned,
+        title: pin.pinned ? "The graph keeps this root while the selection changes" : "Keep this root while the selection changes",
+        onClick: () => pin.onPin(!pin.pinned),
+        children: pin.pinned ? "Unpin root" : "Pin root"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "sm", onClick: props.onFit, children: "Fit" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { type: "button", variant: "outline", size: "sm", onClick: props.onReset, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UiHome.UiHome, {}),
+      "Reset"
+    ] }),
+    props.groupCollapse && /* @__PURE__ */ jsxRuntime.jsx(GroupCollapseControls, { ...props.groupCollapse }),
+    exclusions && hasExternal && /* @__PURE__ */ jsxRuntime.jsx(
+      Switch.Switch,
+      {
+        checked: exclusions.exclude.includes(callGraphExclude.EXCLUDE_EXTERNAL),
+        disabled: exclusions.busy,
+        label: "Hide all external",
+        onChange: (hidden) => exclusions.onExclude(callGraphExclude.setExternalHidden(exclusions.exclude, hidden))
+      }
+    ),
+    exclusions && /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenu.DropdownMenu,
+      {
+        icon: UiFilter.UiFilter,
+        label: `${callGraphLabels.capitalize(plural)}${excludedCount ? ` (${excludedCount} excluded)` : ""}`,
+        variant: "outline",
+        size: "sm",
+        menuLabel: `${callGraphLabels.capitalize(noun)} exclusions`,
+        title: `Choose the ${plural} the graph leaves out`,
+        children: () => /* @__PURE__ */ jsxRuntime.jsx(GroupFacets, { ...exclusions })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+      props.omitted && /* @__PURE__ */ jsxRuntime.jsx(OmittedChip, { omitted: props.omitted, noun }),
+      props.end
+    ] })
+  ] });
+}
+exports.CallGraphToolbar = CallGraphToolbar;
+//# sourceMappingURL=CallGraphToolbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphToolbar.cjs","sources":["../../../src/data/call-graph/CallGraphToolbar.tsx"],"sourcesContent":["import { useState, type FormEvent, type ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { InputField } from \"../../components/InputField\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { Switch } from \"../../components/Switch\";\nimport { UiCollapseAll, UiExpandAll, UiFilter, UiHome, UiWarningTriangle } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Badge } from \"../Badge\";\nimport {\n  addExcludePattern,\n  EXCLUDE_EXTERNAL,\n  excludeGroup,\n  excludePatternError,\n  includeGroup,\n  removeExcludePattern,\n  setExternalHidden,\n  type ExcludeMatcher,\n} from \"./call-graph-exclude\";\nimport { capitalize, excludedTally, omittedParts } from \"./call-graph-labels\";\nimport { baseAccess, toggleAccess } from \"./call-graph-model\";\nimport type { CallGraphVocabulary } from \"./call-graph-vocabulary\";\nimport { CALL_GRAPH_ACCESS, type CallGraphAccess, type CallGraphDirection, type CallGraphGroupFact, type CallGraphOmitted } from \"./types\";\n\nconst DIRECTIONS: { id: CallGraphDirection; label: string }[] = [\n  { id: \"callers\", label: \"Callers\" },\n  { id: \"both\", label: \"Both\" },\n  { id: \"callees\", label: \"Callees\" },\n];\n\nfunction DepthStepper({ depth, maxDepth, onChange }: { depth: number; maxDepth: number; onChange: (depth: number) => void }) {\n  return (\n    <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Depth\">\n      <span className=\"text-xs text-muted-foreground\">Depth</span>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"size-8 px-0\" aria-label=\"Decrease depth\" disabled={depth <= 1} onClick={() => onChange(depth - 1)}>−</Button>\n      <output className=\"w-5 text-center text-sm font-medium tabular-nums\" aria-live=\"polite\" aria-label=\"Graph depth\">{depth}</output>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"size-8 px-0\" aria-label=\"Increase depth\" disabled={depth >= maxDepth} onClick={() => onChange(depth + 1)}>+</Button>\n    </div>\n  );\n}\n\nfunction OmittedChip({ omitted, noun }: { omitted: CallGraphOmitted; noun: string }) {\n  const parts = omittedParts(omitted);\n  if (parts.length === 0) return null;\n  const tally = excludedTally(omitted).map(({ group, count }) => `${group}: ${count}`);\n  const title = [`Not drawn: ${parts.join(\", \")}`, ...(tally.length ? [`Excluded per ${noun}:`, ...tally] : [])].join(\"\\n\");\n  return (\n    <span title={title} data-testid=\"graph-omitted\">\n      <Badge tone=\"warning\" size=\"md\" icon={UiWarningTriangle} clickToCopy={false}>{parts.join(\" · \")}</Badge>\n    </span>\n  );\n}\n\nexport interface ExclusionsProps {\n  /** The patterns in force. */\n  exclude: string[];\n  groups: CallGraphGroupFact[];\n  matches: ExcludeMatcher;\n  onExclude: (patterns: string[]) => void;\n  onDefaults: () => void;\n  /** A graph for the last edit is loading: the facts describe the one before it, so editing waits. */\n  busy: boolean;\n  vocabulary: CallGraphVocabulary;\n}\n\nfunction GroupRow({ group, onToggle }: { group: CallGraphGroupFact; onToggle: () => void }) {\n  const name = group.label ?? group.name;\n  return (\n    <li className=\"flex items-center gap-2 py-1\">\n      <Switch checked={!group.excluded} onChange={onToggle} aria-label={`Show ${name}`} />\n      <span className=\"min-w-0 flex-1 truncate font-mono text-xs\" title={group.name}>{name}</span>\n      {group.external && <Badge variant=\"outline\" size=\"sm\" clickToCopy={false}>external</Badge>}\n      <span className=\"w-8 shrink-0 text-right text-xs tabular-nums text-muted-foreground\" title={`${group.nodes} nodes`}>{group.nodes}</span>\n    </li>\n  );\n}\n\n/** The group facets: one switch per group the walk reached, the patterns in force, and free-text patterns. */\nfunction GroupFacets({ exclude, groups, matches, onExclude, onDefaults, busy, vocabulary }: ExclusionsProps) {\n  const [filter, setFilter] = useState(\"\");\n  const [pattern, setPattern] = useState(\"\");\n  const [error, setError] = useState<string>();\n  const { plural, patternHint } = vocabulary.group;\n  const needle = filter.trim().toLowerCase();\n  const shown = groups.filter((group) => `${group.name} ${group.label ?? \"\"}`.toLowerCase().includes(needle));\n  const submit = (event: FormEvent) => {\n    event.preventDefault();\n    const typed = pattern.trim();\n    const problem = excludePatternError(exclude, typed);\n    setError(problem);\n    if (problem) return;\n    setPattern(\"\");\n    onExclude(addExcludePattern(exclude, typed));\n  };\n  // The filter box comes first: the menu focuses its first control on opening, which must not be one that drops an exclusion.\n  return (\n    <fieldset disabled={busy} aria-busy={busy} className=\"flex w-96 min-w-0 max-w-[90vw] flex-col gap-2 p-2 text-sm\">\n      <InputField aria-label={`Filter ${plural}`} placeholder={`Filter ${plural}`} value={filter} onChange={setFilter} />\n      <div className=\"flex flex-wrap items-center gap-1\" aria-label=\"Exclusion patterns\">\n        <span className=\"text-xs text-muted-foreground\">Excluding</span>\n        {exclude.length === 0 && <span className=\"text-xs text-muted-foreground\">nothing</span>}\n        {exclude.map((entry) => (\n          <button key={entry} type=\"button\" className=\"rounded border border-border px-1.5 font-mono text-xs hover:bg-muted\"\n            aria-label={`Stop excluding ${entry}`} title={`Stop excluding ${entry}`} onClick={() => onExclude(removeExcludePattern(exclude, entry))}>\n            {entry} ×\n          </button>\n        ))}\n      </div>\n      <ul className=\"max-h-72 overflow-y-auto pr-1\" aria-label={plural}>\n        {shown.map((group) => (\n          <GroupRow key={group.name} group={group}\n            onToggle={() => onExclude(group.excluded ? includeGroup(exclude, group, groups, matches) : excludeGroup(exclude, group.name))} />\n        ))}\n        {shown.length === 0 && (\n          <li className=\"py-1 text-xs text-muted-foreground\">{groups.length ? `No ${vocabulary.group.noun} matches the filter.` : `The graph reached no ${vocabulary.group.noun}.`}</li>\n        )}\n      </ul>\n      <form className=\"flex items-start gap-2\" onSubmit={submit}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <InputField aria-label=\"Exclude pattern\" placeholder={patternHint} value={pattern} onChange={setPattern} />\n          {error && <span role=\"alert\" className=\"text-xs text-destructive\">{error}</span>}\n        </div>\n        <Button type=\"submit\" size=\"sm\" variant=\"outline\">Exclude</Button>\n      </form>\n      <div className=\"flex justify-between gap-2 border-t border-border pt-2\">\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onDefaults}>Reset to defaults</Button>\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => onExclude([])}>Show all</Button>\n      </div>\n    </fieldset>\n  );\n}\n\nconst ACCESS_LABELS: Record<CallGraphAccess, string> = { call: \"Calls\", read: \"Reads\", write: \"Writes\", variable: \"Variables\" };\n\nexport interface DataAccessProps {\n  access: CallGraphAccess[];\n  onAccess: (access: CallGraphAccess[]) => void;\n  columns: boolean;\n  onColumns: (columns: boolean) => void;\n  /** Offers the Variables toggle, on top of the access types. */\n  variables?: boolean;\n}\n\n/** Which edge types the graph follows, at least one of calls, reads and writes, and whether columns and fields are nodes of their own. */\nfunction DataAccessControls({ access, onAccess, columns, onColumns, variables }: DataAccessProps) {\n  const lastOn = baseAccess(access).length === 1;\n  return (\n    <>\n      <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Access\">\n        {(variables ? [...CALL_GRAPH_ACCESS, \"variable\" as const] : CALL_GRAPH_ACCESS).map((type) => {\n          const on = access.includes(type);\n          const kept = on && lastOn && type !== \"variable\";\n          return (\n            <Button key={type} type=\"button\" size=\"sm\" variant={on ? \"secondary\" : \"outline\"} aria-pressed={on} disabled={kept}\n              title={kept ? \"At least one kind of access stays on\" : undefined} onClick={() => onAccess(toggleAccess(access, type))}>\n              {ACCESS_LABELS[type]}\n            </Button>\n          );\n        })}\n      </div>\n      <Switch checked={columns} label=\"Columns\" onChange={onColumns} />\n    </>\n  );\n}\n\nexport interface GroupCollapseProps {\n  anyCollapsed: boolean;\n  anyExpanded: boolean;\n  onExpandAll: () => void;\n  onCollapseAll: () => void;\n}\n\n/** Expand or collapse every group the graph draws at once. */\nfunction GroupCollapseControls({ anyCollapsed, anyExpanded, onExpandAll, onCollapseAll }: GroupCollapseProps) {\n  return (\n    <div className=\"flex items-center gap-0.5\" role=\"group\" aria-label=\"Groups\">\n      <IconButton icon={UiExpandAll} label=\"Expand all groups\" className=\"size-7\" disabled={!anyCollapsed} onClick={onExpandAll} />\n      <IconButton icon={UiCollapseAll} label=\"Collapse all groups\" className=\"size-7\" disabled={!anyExpanded} onClick={onCollapseAll} />\n    </div>\n  );\n}\n\nexport interface CallGraphToolbarProps {\n  /** Shown only when the host's graph has reads and writes. */\n  data?: DataAccessProps | undefined;\n  /** Shown only when the graph draws a group that can collapse. */\n  groupCollapse?: GroupCollapseProps | undefined;\n  direction: CallGraphDirection;\n  depth: number;\n  maxDepth: number;\n  /** Shown only when the host keeps a root across selection changes. */\n  pin?: { pinned: boolean; canPin: boolean; onPin: (pinned: boolean) => void } | undefined;\n  exclusions?: ExclusionsProps | undefined;\n  omitted?: CallGraphOmitted | undefined;\n  /** Host content at the toolbar's end, such as server timing. */\n  end?: ReactNode;\n  onDirection: (direction: CallGraphDirection) => void;\n  onDepth: (depth: number) => void;\n  onFit: () => void;\n  onReset: () => void;\n  vocabulary: CallGraphVocabulary;\n}\n\nexport function CallGraphToolbar(props: CallGraphToolbarProps) {\n  const { exclusions, pin, vocabulary } = props;\n  const excludedCount = exclusions?.groups.filter((group) => group.excluded).length ?? 0;\n  const hasExternal = exclusions?.groups.some((group) => group.external) ?? false;\n  const { noun, plural } = vocabulary.group;\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <SegmentedControl value={props.direction} options={DIRECTIONS} onChange={props.onDirection} size=\"sm\" aria-label=\"Direction\" />\n      <DepthStepper depth={props.depth} maxDepth={props.maxDepth} onChange={props.onDepth} />\n      {props.data && <DataAccessControls {...props.data} />}\n      {pin && (\n        <Button type=\"button\" variant={pin.pinned ? \"secondary\" : \"outline\"} size=\"sm\" disabled={!pin.pinned && !pin.canPin} aria-pressed={pin.pinned}\n          title={pin.pinned ? \"The graph keeps this root while the selection changes\" : \"Keep this root while the selection changes\"} onClick={() => pin.onPin(!pin.pinned)}>\n          {pin.pinned ? \"Unpin root\" : \"Pin root\"}\n        </Button>\n      )}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={props.onFit}>Fit</Button>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={props.onReset}><UiHome />Reset</Button>\n      {props.groupCollapse && <GroupCollapseControls {...props.groupCollapse} />}\n      {exclusions && hasExternal && (\n        <Switch checked={exclusions.exclude.includes(EXCLUDE_EXTERNAL)} disabled={exclusions.busy} label=\"Hide all external\"\n          onChange={(hidden) => exclusions.onExclude(setExternalHidden(exclusions.exclude, hidden))} />\n      )}\n      {exclusions && (\n        <DropdownMenu icon={UiFilter} label={`${capitalize(plural)}${excludedCount ? ` (${excludedCount} excluded)` : \"\"}`} variant=\"outline\" size=\"sm\"\n          menuLabel={`${capitalize(noun)} exclusions`} title={`Choose the ${plural} the graph leaves out`}>\n          {() => <GroupFacets {...exclusions} />}\n        </DropdownMenu>\n      )}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {props.omitted && <OmittedChip omitted={props.omitted} noun={noun} />}\n        {props.end}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Button","omittedParts","excludedTally","Badge","UiWarningTriangle","jsxs","Switch","useState","excludePatternError","addExcludePattern","InputField","removeExcludePattern","includeGroup","excludeGroup","baseAccess","Fragment","CALL_GRAPH_ACCESS","toggleAccess","IconButton","UiExpandAll","UiCollapseAll","SegmentedControl","UiHome","EXCLUDE_EXTERNAL","setExternalHidden","DropdownMenu","UiFilter","capitalize"],"mappings":"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"}

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

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { ExcludeMatcher } from './call-graph-exclude.js';
+import { CallGraphVocabulary } from './call-graph-vocabulary.js';
+import { CallGraphAccess, CallGraphDirection, CallGraphGroupFact, CallGraphOmitted } from './types.js';
+export interface ExclusionsProps {
+    /** The patterns in force. */
+    exclude: string[];
+    groups: CallGraphGroupFact[];
+    matches: ExcludeMatcher;
+    onExclude: (patterns: string[]) => void;
+    onDefaults: () => void;
+    /** A graph for the last edit is loading: the facts describe the one before it, so editing waits. */
+    busy: boolean;
+    vocabulary: CallGraphVocabulary;
+}
+export interface DataAccessProps {
+    access: CallGraphAccess[];
+    onAccess: (access: CallGraphAccess[]) => void;
+    columns: boolean;
+    onColumns: (columns: boolean) => void;
+    /** Offers the Variables toggle, on top of the access types. */
+    variables?: boolean;
+}
+export interface GroupCollapseProps {
+    anyCollapsed: boolean;
+    anyExpanded: boolean;
+    onExpandAll: () => void;
+    onCollapseAll: () => void;
+}
+export interface CallGraphToolbarProps {
+    /** Shown only when the host's graph has reads and writes. */
+    data?: DataAccessProps | undefined;
+    /** Shown only when the graph draws a group that can collapse. */
+    groupCollapse?: GroupCollapseProps | undefined;
+    direction: CallGraphDirection;
+    depth: number;
+    maxDepth: number;
+    /** Shown only when the host keeps a root across selection changes. */
+    pin?: {
+        pinned: boolean;
+        canPin: boolean;
+        onPin: (pinned: boolean) => void;
+    } | undefined;
+    exclusions?: ExclusionsProps | undefined;
+    omitted?: CallGraphOmitted | undefined;
+    /** Host content at the toolbar's end, such as server timing. */
+    end?: ReactNode;
+    onDirection: (direction: CallGraphDirection) => void;
+    onDepth: (depth: number) => void;
+    onFit: () => void;
+    onReset: () => void;
+    vocabulary: CallGraphVocabulary;
+}
+export declare function CallGraphToolbar(props: CallGraphToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=CallGraphToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphToolbar.d.ts","sourceRoot":"","sources":["../../../src/data/call-graph/CallGraphToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjE,OAAO,EAQL,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAqB,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+B3I,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oGAAoG;IACpG,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,mBAAmB,CAAC;CACjC;AAuED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwBD,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAYD,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,iEAAiE;IACjE,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,GAAG,CAAC,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,GAAG,SAAS,CAAC;IACzF,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,gEAAgE;IAChE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,mBAAmB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAmC5D"}

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

@@ -0,0 +1,198 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../components/button.js";
+import { IconButton } from "../../components/IconButton.js";
+import { InputField } from "../../components/InputField.js";
+import { SegmentedControl } from "../../components/SegmentedControl.js";
+import { Switch } from "../../components/Switch.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { Badge } from "../Badge.js";
+import { setExternalHidden, EXCLUDE_EXTERNAL, removeExcludePattern, includeGroup, excludeGroup, excludePatternError, addExcludePattern } from "./call-graph-exclude.js";
+import { capitalize, omittedParts, excludedTally } from "./call-graph-labels.js";
+import { baseAccess, toggleAccess } from "./call-graph-model.js";
+import { CALL_GRAPH_ACCESS } from "./types.js";
+import { UiHome } from "../../icons/components/UiHome.js";
+import { UiFilter } from "../../icons/components/UiFilter.js";
+import { UiExpandAll } from "../../icons/components/UiExpandAll.js";
+import { UiCollapseAll } from "../../icons/components/UiCollapseAll.js";
+import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
+const DIRECTIONS = [
+  { id: "callers", label: "Callers" },
+  { id: "both", label: "Both" },
+  { id: "callees", label: "Callees" }
+];
+function DepthStepper({ depth, maxDepth, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Depth", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Depth" }),
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "size-8 px-0", "aria-label": "Decrease depth", disabled: depth <= 1, onClick: () => onChange(depth - 1), children: "−" }),
+    /* @__PURE__ */ jsx("output", { className: "w-5 text-center text-sm font-medium tabular-nums", "aria-live": "polite", "aria-label": "Graph depth", children: depth }),
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "size-8 px-0", "aria-label": "Increase depth", disabled: depth >= maxDepth, onClick: () => onChange(depth + 1), children: "+" })
+  ] });
+}
+function OmittedChip({ omitted, noun }) {
+  const parts = omittedParts(omitted);
+  if (parts.length === 0) return null;
+  const tally = excludedTally(omitted).map(({ group, count }) => `${group}: ${count}`);
+  const title = [`Not drawn: ${parts.join(", ")}`, ...tally.length ? [`Excluded per ${noun}:`, ...tally] : []].join("\n");
+  return /* @__PURE__ */ jsx("span", { title, "data-testid": "graph-omitted", children: /* @__PURE__ */ jsx(Badge, { tone: "warning", size: "md", icon: UiWarningTriangle, clickToCopy: false, children: parts.join(" · ") }) });
+}
+function GroupRow({ group, onToggle }) {
+  const name = group.label ?? group.name;
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx(Switch, { checked: !group.excluded, onChange: onToggle, "aria-label": `Show ${name}` }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs", title: group.name, children: name }),
+    group.external && /* @__PURE__ */ jsx(Badge, { variant: "outline", size: "sm", clickToCopy: false, children: "external" }),
+    /* @__PURE__ */ jsx("span", { className: "w-8 shrink-0 text-right text-xs tabular-nums text-muted-foreground", title: `${group.nodes} nodes`, children: group.nodes })
+  ] });
+}
+function GroupFacets({ exclude, groups, matches, onExclude, onDefaults, busy, vocabulary }) {
+  const [filter, setFilter] = useState("");
+  const [pattern, setPattern] = useState("");
+  const [error, setError] = useState();
+  const { plural, patternHint } = vocabulary.group;
+  const needle = filter.trim().toLowerCase();
+  const shown = groups.filter((group) => `${group.name} ${group.label ?? ""}`.toLowerCase().includes(needle));
+  const submit = (event) => {
+    event.preventDefault();
+    const typed = pattern.trim();
+    const problem = excludePatternError(exclude, typed);
+    setError(problem);
+    if (problem) return;
+    setPattern("");
+    onExclude(addExcludePattern(exclude, typed));
+  };
+  return /* @__PURE__ */ jsxs("fieldset", { disabled: busy, "aria-busy": busy, className: "flex w-96 min-w-0 max-w-[90vw] flex-col gap-2 p-2 text-sm", children: [
+    /* @__PURE__ */ jsx(InputField, { "aria-label": `Filter ${plural}`, placeholder: `Filter ${plural}`, value: filter, onChange: setFilter }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", "aria-label": "Exclusion patterns", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Excluding" }),
+      exclude.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "nothing" }),
+      exclude.map((entry) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "rounded border border-border px-1.5 font-mono text-xs hover:bg-muted",
+          "aria-label": `Stop excluding ${entry}`,
+          title: `Stop excluding ${entry}`,
+          onClick: () => onExclude(removeExcludePattern(exclude, entry)),
+          children: [
+            entry,
+            " ×"
+          ]
+        },
+        entry
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs("ul", { className: "max-h-72 overflow-y-auto pr-1", "aria-label": plural, children: [
+      shown.map((group) => /* @__PURE__ */ jsx(
+        GroupRow,
+        {
+          group,
+          onToggle: () => onExclude(group.excluded ? includeGroup(exclude, group, groups, matches) : excludeGroup(exclude, group.name))
+        },
+        group.name
+      )),
+      shown.length === 0 && /* @__PURE__ */ jsx("li", { className: "py-1 text-xs text-muted-foreground", children: groups.length ? `No ${vocabulary.group.noun} matches the filter.` : `The graph reached no ${vocabulary.group.noun}.` })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: "flex items-start gap-2", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(InputField, { "aria-label": "Exclude pattern", placeholder: patternHint, value: pattern, onChange: setPattern }),
+        error && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-xs text-destructive", children: error })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", variant: "outline", children: "Exclude" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: onDefaults, children: "Reset to defaults" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onExclude([]), children: "Show all" })
+    ] })
+  ] });
+}
+const ACCESS_LABELS = { call: "Calls", read: "Reads", write: "Writes", variable: "Variables" };
+function DataAccessControls({ access, onAccess, columns, onColumns, variables }) {
+  const lastOn = baseAccess(access).length === 1;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Access", children: (variables ? [...CALL_GRAPH_ACCESS, "variable"] : CALL_GRAPH_ACCESS).map((type) => {
+      const on = access.includes(type);
+      const kept = on && lastOn && type !== "variable";
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: on ? "secondary" : "outline",
+          "aria-pressed": on,
+          disabled: kept,
+          title: kept ? "At least one kind of access stays on" : void 0,
+          onClick: () => onAccess(toggleAccess(access, type)),
+          children: ACCESS_LABELS[type]
+        },
+        type
+      );
+    }) }),
+    /* @__PURE__ */ jsx(Switch, { checked: columns, label: "Columns", onChange: onColumns })
+  ] });
+}
+function GroupCollapseControls({ anyCollapsed, anyExpanded, onExpandAll, onCollapseAll }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Groups", children: [
+    /* @__PURE__ */ jsx(IconButton, { icon: UiExpandAll, label: "Expand all groups", className: "size-7", disabled: !anyCollapsed, onClick: onExpandAll }),
+    /* @__PURE__ */ jsx(IconButton, { icon: UiCollapseAll, label: "Collapse all groups", className: "size-7", disabled: !anyExpanded, onClick: onCollapseAll })
+  ] });
+}
+function CallGraphToolbar(props) {
+  const { exclusions, pin, vocabulary } = props;
+  const excludedCount = (exclusions == null ? void 0 : exclusions.groups.filter((group) => group.excluded).length) ?? 0;
+  const hasExternal = (exclusions == null ? void 0 : exclusions.groups.some((group) => group.external)) ?? false;
+  const { noun, plural } = vocabulary.group;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+    /* @__PURE__ */ jsx(SegmentedControl, { value: props.direction, options: DIRECTIONS, onChange: props.onDirection, size: "sm", "aria-label": "Direction" }),
+    /* @__PURE__ */ jsx(DepthStepper, { depth: props.depth, maxDepth: props.maxDepth, onChange: props.onDepth }),
+    props.data && /* @__PURE__ */ jsx(DataAccessControls, { ...props.data }),
+    pin && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: pin.pinned ? "secondary" : "outline",
+        size: "sm",
+        disabled: !pin.pinned && !pin.canPin,
+        "aria-pressed": pin.pinned,
+        title: pin.pinned ? "The graph keeps this root while the selection changes" : "Keep this root while the selection changes",
+        onClick: () => pin.onPin(!pin.pinned),
+        children: pin.pinned ? "Unpin root" : "Pin root"
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: props.onFit, children: "Fit" }),
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: props.onReset, children: [
+      /* @__PURE__ */ jsx(UiHome, {}),
+      "Reset"
+    ] }),
+    props.groupCollapse && /* @__PURE__ */ jsx(GroupCollapseControls, { ...props.groupCollapse }),
+    exclusions && hasExternal && /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: exclusions.exclude.includes(EXCLUDE_EXTERNAL),
+        disabled: exclusions.busy,
+        label: "Hide all external",
+        onChange: (hidden) => exclusions.onExclude(setExternalHidden(exclusions.exclude, hidden))
+      }
+    ),
+    exclusions && /* @__PURE__ */ jsx(
+      DropdownMenu,
+      {
+        icon: UiFilter,
+        label: `${capitalize(plural)}${excludedCount ? ` (${excludedCount} excluded)` : ""}`,
+        variant: "outline",
+        size: "sm",
+        menuLabel: `${capitalize(noun)} exclusions`,
+        title: `Choose the ${plural} the graph leaves out`,
+        children: () => /* @__PURE__ */ jsx(GroupFacets, { ...exclusions })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+      props.omitted && /* @__PURE__ */ jsx(OmittedChip, { omitted: props.omitted, noun }),
+      props.end
+    ] })
+  ] });
+}
+export {
+  CallGraphToolbar
+};
+//# sourceMappingURL=CallGraphToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallGraphToolbar.js","sources":["../../../src/data/call-graph/CallGraphToolbar.tsx"],"sourcesContent":["import { useState, type FormEvent, type ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { InputField } from \"../../components/InputField\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { Switch } from \"../../components/Switch\";\nimport { UiCollapseAll, UiExpandAll, UiFilter, UiHome, UiWarningTriangle } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Badge } from \"../Badge\";\nimport {\n  addExcludePattern,\n  EXCLUDE_EXTERNAL,\n  excludeGroup,\n  excludePatternError,\n  includeGroup,\n  removeExcludePattern,\n  setExternalHidden,\n  type ExcludeMatcher,\n} from \"./call-graph-exclude\";\nimport { capitalize, excludedTally, omittedParts } from \"./call-graph-labels\";\nimport { baseAccess, toggleAccess } from \"./call-graph-model\";\nimport type { CallGraphVocabulary } from \"./call-graph-vocabulary\";\nimport { CALL_GRAPH_ACCESS, type CallGraphAccess, type CallGraphDirection, type CallGraphGroupFact, type CallGraphOmitted } from \"./types\";\n\nconst DIRECTIONS: { id: CallGraphDirection; label: string }[] = [\n  { id: \"callers\", label: \"Callers\" },\n  { id: \"both\", label: \"Both\" },\n  { id: \"callees\", label: \"Callees\" },\n];\n\nfunction DepthStepper({ depth, maxDepth, onChange }: { depth: number; maxDepth: number; onChange: (depth: number) => void }) {\n  return (\n    <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Depth\">\n      <span className=\"text-xs text-muted-foreground\">Depth</span>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"size-8 px-0\" aria-label=\"Decrease depth\" disabled={depth <= 1} onClick={() => onChange(depth - 1)}>−</Button>\n      <output className=\"w-5 text-center text-sm font-medium tabular-nums\" aria-live=\"polite\" aria-label=\"Graph depth\">{depth}</output>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"size-8 px-0\" aria-label=\"Increase depth\" disabled={depth >= maxDepth} onClick={() => onChange(depth + 1)}>+</Button>\n    </div>\n  );\n}\n\nfunction OmittedChip({ omitted, noun }: { omitted: CallGraphOmitted; noun: string }) {\n  const parts = omittedParts(omitted);\n  if (parts.length === 0) return null;\n  const tally = excludedTally(omitted).map(({ group, count }) => `${group}: ${count}`);\n  const title = [`Not drawn: ${parts.join(\", \")}`, ...(tally.length ? [`Excluded per ${noun}:`, ...tally] : [])].join(\"\\n\");\n  return (\n    <span title={title} data-testid=\"graph-omitted\">\n      <Badge tone=\"warning\" size=\"md\" icon={UiWarningTriangle} clickToCopy={false}>{parts.join(\" · \")}</Badge>\n    </span>\n  );\n}\n\nexport interface ExclusionsProps {\n  /** The patterns in force. */\n  exclude: string[];\n  groups: CallGraphGroupFact[];\n  matches: ExcludeMatcher;\n  onExclude: (patterns: string[]) => void;\n  onDefaults: () => void;\n  /** A graph for the last edit is loading: the facts describe the one before it, so editing waits. */\n  busy: boolean;\n  vocabulary: CallGraphVocabulary;\n}\n\nfunction GroupRow({ group, onToggle }: { group: CallGraphGroupFact; onToggle: () => void }) {\n  const name = group.label ?? group.name;\n  return (\n    <li className=\"flex items-center gap-2 py-1\">\n      <Switch checked={!group.excluded} onChange={onToggle} aria-label={`Show ${name}`} />\n      <span className=\"min-w-0 flex-1 truncate font-mono text-xs\" title={group.name}>{name}</span>\n      {group.external && <Badge variant=\"outline\" size=\"sm\" clickToCopy={false}>external</Badge>}\n      <span className=\"w-8 shrink-0 text-right text-xs tabular-nums text-muted-foreground\" title={`${group.nodes} nodes`}>{group.nodes}</span>\n    </li>\n  );\n}\n\n/** The group facets: one switch per group the walk reached, the patterns in force, and free-text patterns. */\nfunction GroupFacets({ exclude, groups, matches, onExclude, onDefaults, busy, vocabulary }: ExclusionsProps) {\n  const [filter, setFilter] = useState(\"\");\n  const [pattern, setPattern] = useState(\"\");\n  const [error, setError] = useState<string>();\n  const { plural, patternHint } = vocabulary.group;\n  const needle = filter.trim().toLowerCase();\n  const shown = groups.filter((group) => `${group.name} ${group.label ?? \"\"}`.toLowerCase().includes(needle));\n  const submit = (event: FormEvent) => {\n    event.preventDefault();\n    const typed = pattern.trim();\n    const problem = excludePatternError(exclude, typed);\n    setError(problem);\n    if (problem) return;\n    setPattern(\"\");\n    onExclude(addExcludePattern(exclude, typed));\n  };\n  // The filter box comes first: the menu focuses its first control on opening, which must not be one that drops an exclusion.\n  return (\n    <fieldset disabled={busy} aria-busy={busy} className=\"flex w-96 min-w-0 max-w-[90vw] flex-col gap-2 p-2 text-sm\">\n      <InputField aria-label={`Filter ${plural}`} placeholder={`Filter ${plural}`} value={filter} onChange={setFilter} />\n      <div className=\"flex flex-wrap items-center gap-1\" aria-label=\"Exclusion patterns\">\n        <span className=\"text-xs text-muted-foreground\">Excluding</span>\n        {exclude.length === 0 && <span className=\"text-xs text-muted-foreground\">nothing</span>}\n        {exclude.map((entry) => (\n          <button key={entry} type=\"button\" className=\"rounded border border-border px-1.5 font-mono text-xs hover:bg-muted\"\n            aria-label={`Stop excluding ${entry}`} title={`Stop excluding ${entry}`} onClick={() => onExclude(removeExcludePattern(exclude, entry))}>\n            {entry} ×\n          </button>\n        ))}\n      </div>\n      <ul className=\"max-h-72 overflow-y-auto pr-1\" aria-label={plural}>\n        {shown.map((group) => (\n          <GroupRow key={group.name} group={group}\n            onToggle={() => onExclude(group.excluded ? includeGroup(exclude, group, groups, matches) : excludeGroup(exclude, group.name))} />\n        ))}\n        {shown.length === 0 && (\n          <li className=\"py-1 text-xs text-muted-foreground\">{groups.length ? `No ${vocabulary.group.noun} matches the filter.` : `The graph reached no ${vocabulary.group.noun}.`}</li>\n        )}\n      </ul>\n      <form className=\"flex items-start gap-2\" onSubmit={submit}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <InputField aria-label=\"Exclude pattern\" placeholder={patternHint} value={pattern} onChange={setPattern} />\n          {error && <span role=\"alert\" className=\"text-xs text-destructive\">{error}</span>}\n        </div>\n        <Button type=\"submit\" size=\"sm\" variant=\"outline\">Exclude</Button>\n      </form>\n      <div className=\"flex justify-between gap-2 border-t border-border pt-2\">\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onDefaults}>Reset to defaults</Button>\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => onExclude([])}>Show all</Button>\n      </div>\n    </fieldset>\n  );\n}\n\nconst ACCESS_LABELS: Record<CallGraphAccess, string> = { call: \"Calls\", read: \"Reads\", write: \"Writes\", variable: \"Variables\" };\n\nexport interface DataAccessProps {\n  access: CallGraphAccess[];\n  onAccess: (access: CallGraphAccess[]) => void;\n  columns: boolean;\n  onColumns: (columns: boolean) => void;\n  /** Offers the Variables toggle, on top of the access types. */\n  variables?: boolean;\n}\n\n/** Which edge types the graph follows, at least one of calls, reads and writes, and whether columns and fields are nodes of their own. */\nfunction DataAccessControls({ access, onAccess, columns, onColumns, variables }: DataAccessProps) {\n  const lastOn = baseAccess(access).length === 1;\n  return (\n    <>\n      <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Access\">\n        {(variables ? [...CALL_GRAPH_ACCESS, \"variable\" as const] : CALL_GRAPH_ACCESS).map((type) => {\n          const on = access.includes(type);\n          const kept = on && lastOn && type !== \"variable\";\n          return (\n            <Button key={type} type=\"button\" size=\"sm\" variant={on ? \"secondary\" : \"outline\"} aria-pressed={on} disabled={kept}\n              title={kept ? \"At least one kind of access stays on\" : undefined} onClick={() => onAccess(toggleAccess(access, type))}>\n              {ACCESS_LABELS[type]}\n            </Button>\n          );\n        })}\n      </div>\n      <Switch checked={columns} label=\"Columns\" onChange={onColumns} />\n    </>\n  );\n}\n\nexport interface GroupCollapseProps {\n  anyCollapsed: boolean;\n  anyExpanded: boolean;\n  onExpandAll: () => void;\n  onCollapseAll: () => void;\n}\n\n/** Expand or collapse every group the graph draws at once. */\nfunction GroupCollapseControls({ anyCollapsed, anyExpanded, onExpandAll, onCollapseAll }: GroupCollapseProps) {\n  return (\n    <div className=\"flex items-center gap-0.5\" role=\"group\" aria-label=\"Groups\">\n      <IconButton icon={UiExpandAll} label=\"Expand all groups\" className=\"size-7\" disabled={!anyCollapsed} onClick={onExpandAll} />\n      <IconButton icon={UiCollapseAll} label=\"Collapse all groups\" className=\"size-7\" disabled={!anyExpanded} onClick={onCollapseAll} />\n    </div>\n  );\n}\n\nexport interface CallGraphToolbarProps {\n  /** Shown only when the host's graph has reads and writes. */\n  data?: DataAccessProps | undefined;\n  /** Shown only when the graph draws a group that can collapse. */\n  groupCollapse?: GroupCollapseProps | undefined;\n  direction: CallGraphDirection;\n  depth: number;\n  maxDepth: number;\n  /** Shown only when the host keeps a root across selection changes. */\n  pin?: { pinned: boolean; canPin: boolean; onPin: (pinned: boolean) => void } | undefined;\n  exclusions?: ExclusionsProps | undefined;\n  omitted?: CallGraphOmitted | undefined;\n  /** Host content at the toolbar's end, such as server timing. */\n  end?: ReactNode;\n  onDirection: (direction: CallGraphDirection) => void;\n  onDepth: (depth: number) => void;\n  onFit: () => void;\n  onReset: () => void;\n  vocabulary: CallGraphVocabulary;\n}\n\nexport function CallGraphToolbar(props: CallGraphToolbarProps) {\n  const { exclusions, pin, vocabulary } = props;\n  const excludedCount = exclusions?.groups.filter((group) => group.excluded).length ?? 0;\n  const hasExternal = exclusions?.groups.some((group) => group.external) ?? false;\n  const { noun, plural } = vocabulary.group;\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <SegmentedControl value={props.direction} options={DIRECTIONS} onChange={props.onDirection} size=\"sm\" aria-label=\"Direction\" />\n      <DepthStepper depth={props.depth} maxDepth={props.maxDepth} onChange={props.onDepth} />\n      {props.data && <DataAccessControls {...props.data} />}\n      {pin && (\n        <Button type=\"button\" variant={pin.pinned ? \"secondary\" : \"outline\"} size=\"sm\" disabled={!pin.pinned && !pin.canPin} aria-pressed={pin.pinned}\n          title={pin.pinned ? \"The graph keeps this root while the selection changes\" : \"Keep this root while the selection changes\"} onClick={() => pin.onPin(!pin.pinned)}>\n          {pin.pinned ? \"Unpin root\" : \"Pin root\"}\n        </Button>\n      )}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={props.onFit}>Fit</Button>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={props.onReset}><UiHome />Reset</Button>\n      {props.groupCollapse && <GroupCollapseControls {...props.groupCollapse} />}\n      {exclusions && hasExternal && (\n        <Switch checked={exclusions.exclude.includes(EXCLUDE_EXTERNAL)} disabled={exclusions.busy} label=\"Hide all external\"\n          onChange={(hidden) => exclusions.onExclude(setExternalHidden(exclusions.exclude, hidden))} />\n      )}\n      {exclusions && (\n        <DropdownMenu icon={UiFilter} label={`${capitalize(plural)}${excludedCount ? ` (${excludedCount} excluded)` : \"\"}`} variant=\"outline\" size=\"sm\"\n          menuLabel={`${capitalize(noun)} exclusions`} title={`Choose the ${plural} the graph leaves out`}>\n          {() => <GroupFacets {...exclusions} />}\n        </DropdownMenu>\n      )}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {props.omitted && <OmittedChip omitted={props.omitted} noun={noun} />}\n        {props.end}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}