@flanksource/clicky-ui 0.3.44 → 0.3.45

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

@@ -0,0 +1,186 @@
+"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 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 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" };
+function DataAccessControls({ access, onAccess, columns, onColumns }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Access", children: types.CALL_GRAPH_ACCESS.map((type) => {
+      const on = access.includes(type);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: on ? "secondary" : "outline",
+          "aria-pressed": on,
+          disabled: on && access.length === 1,
+          title: on && access.length === 1 ? "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 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"
+    ] }),
+    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 { InputField } from \"../../components/InputField\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { Switch } from \"../../components/Switch\";\nimport { 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 { 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\" };\n\nexport interface DataAccessProps {\n  access: CallGraphAccess[];\n  onAccess: (access: CallGraphAccess[]) => void;\n  columns: boolean;\n  onColumns: (columns: boolean) => void;\n}\n\n/** Which edge types the graph follows, at least one, and whether columns and fields are nodes of their own. */\nfunction DataAccessControls({ access, onAccess, columns, onColumns }: DataAccessProps) {\n  return (\n    <>\n      <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Access\">\n        {CALL_GRAPH_ACCESS.map((type) => {\n          const on = access.includes(type);\n          return (\n            <Button key={type} type=\"button\" size=\"sm\" variant={on ? \"secondary\" : \"outline\"} aria-pressed={on} disabled={on && access.length === 1}\n              title={on && access.length === 1 ? \"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 CallGraphToolbarProps {\n  /** Shown only when the host's graph has reads and writes. */\n  data?: DataAccessProps | 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      {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","Fragment","CALL_GRAPH_ACCESS","toggleAccess","SegmentedControl","UiHome","EXCLUDE_EXTERNAL","setExternalHidden","DropdownMenu","UiFilter","capitalize"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+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;
+}
+export interface CallGraphToolbarProps {
+    /** Shown only when the host's graph has reads and writes. */
+    data?: DataAccessProps | 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;AAQjE,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;CACvC;AAsBD,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,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,+BAkC5D"}

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

@@ -0,0 +1,186 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../components/button.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 { 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 { 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" };
+function DataAccessControls({ access, onAccess, columns, onColumns }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", role: "group", "aria-label": "Access", children: CALL_GRAPH_ACCESS.map((type) => {
+      const on = access.includes(type);
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: on ? "secondary" : "outline",
+          "aria-pressed": on,
+          disabled: on && access.length === 1,
+          title: on && access.length === 1 ? "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 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"
+    ] }),
+    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 { InputField } from \"../../components/InputField\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { Switch } from \"../../components/Switch\";\nimport { 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 { 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\" };\n\nexport interface DataAccessProps {\n  access: CallGraphAccess[];\n  onAccess: (access: CallGraphAccess[]) => void;\n  columns: boolean;\n  onColumns: (columns: boolean) => void;\n}\n\n/** Which edge types the graph follows, at least one, and whether columns and fields are nodes of their own. */\nfunction DataAccessControls({ access, onAccess, columns, onColumns }: DataAccessProps) {\n  return (\n    <>\n      <div className=\"flex items-center gap-1\" role=\"group\" aria-label=\"Access\">\n        {CALL_GRAPH_ACCESS.map((type) => {\n          const on = access.includes(type);\n          return (\n            <Button key={type} type=\"button\" size=\"sm\" variant={on ? \"secondary\" : \"outline\"} aria-pressed={on} disabled={on && access.length === 1}\n              title={on && access.length === 1 ? \"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 CallGraphToolbarProps {\n  /** Shown only when the host's graph has reads and writes. */\n  data?: DataAccessProps | 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      {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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"}

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

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EXCLUDE_EXTERNAL = "external";
+const EXCLUDE_NONE = "none";
+const matchesExclude = (pattern, group) => {
+  if (pattern === EXCLUDE_EXTERNAL) return group.external === true;
+  if (pattern.endsWith("/...")) {
+    const base = pattern.slice(0, -"/...".length);
+    return group.name === base || group.name.startsWith(`${base}/`);
+  }
+  return group.name === pattern;
+};
+function parseExclude(text) {
+  if (text === "") return void 0;
+  return text === EXCLUDE_NONE ? [] : text.split(",");
+}
+function formatExclude(patterns) {
+  if (patterns === void 0) return "";
+  return patterns.length === 0 ? EXCLUDE_NONE : patterns.join(",");
+}
+function excludeGroup(patterns, name) {
+  return [...patterns, name];
+}
+function includeGroup(patterns, target, groups, matches = matchesExclude) {
+  if (!target.excluded) throw new Error(`Group ${target.name} is not excluded`);
+  const covering = patterns.filter((pattern) => matches(pattern, target));
+  if (covering.length === 0) throw new Error(`Group ${target.name} is reported excluded, but none of ${patterns.join(", ")} matches it`);
+  const rest = patterns.filter((pattern) => !covering.includes(pattern));
+  const replacements = groups.filter(
+    (group) => group.name !== target.name && covering.some((pattern) => matches(pattern, group)) && !rest.some((pattern) => matches(pattern, group))
+  );
+  return [...rest, ...replacements.map((group) => group.name)];
+}
+function setExternalHidden(patterns, hidden) {
+  const others = patterns.filter((pattern) => pattern !== EXCLUDE_EXTERNAL);
+  return hidden ? [...others, EXCLUDE_EXTERNAL] : others;
+}
+function excludePatternError(patterns, pattern) {
+  if (pattern === "") return "Enter a name or a name ending in /...";
+  if (/[\s,]/.test(pattern)) return `One pattern at a time: ${pattern} has a comma or a space`;
+  if (pattern === EXCLUDE_NONE) return "Use Show all to exclude nothing";
+  if (patterns.includes(pattern)) return `${pattern} is already excluded`;
+  return void 0;
+}
+function addExcludePattern(patterns, pattern) {
+  return [...patterns, pattern];
+}
+function removeExcludePattern(patterns, pattern) {
+  return patterns.filter((candidate) => candidate !== pattern);
+}
+function callGraphGroupFacts(graph) {
+  const drawn = /* @__PURE__ */ new Map();
+  for (const node of graph.nodes) if (node.group !== void 0) drawn.set(node.group, (drawn.get(node.group) ?? 0) + 1);
+  const excluded = graph.omitted.excluded ?? {};
+  const names = [.../* @__PURE__ */ new Set([...drawn.keys(), ...Object.keys(excluded)])];
+  return names.map((name) => {
+    var _a, _b;
+    const label = (_b = (_a = graph.groups) == null ? void 0 : _a.find((group) => group.id === name)) == null ? void 0 : _b.label;
+    const shown = drawn.get(name) ?? 0;
+    return { name, ...label !== void 0 && label !== name ? { label } : {}, nodes: shown + (excluded[name] ?? 0), excluded: shown === 0 };
+  });
+}
+exports.EXCLUDE_EXTERNAL = EXCLUDE_EXTERNAL;
+exports.EXCLUDE_NONE = EXCLUDE_NONE;
+exports.addExcludePattern = addExcludePattern;
+exports.callGraphGroupFacts = callGraphGroupFacts;
+exports.excludeGroup = excludeGroup;
+exports.excludePatternError = excludePatternError;
+exports.formatExclude = formatExclude;
+exports.includeGroup = includeGroup;
+exports.matchesExclude = matchesExclude;
+exports.parseExclude = parseExclude;
+exports.removeExcludePattern = removeExcludePattern;
+exports.setExternalHidden = setExternalHidden;
+//# sourceMappingURL=call-graph-exclude.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"call-graph-exclude.cjs","sources":["../../../src/data/call-graph/call-graph-exclude.ts"],"sourcesContent":["// Editing the call graph's group exclusions. A pattern is a group name, a name ending in /... (that\n// group and every group below it), or `external` (every group outside the indexed scope). A host\n// whose source knows more keywords passes a matcher that understands them and falls back to this one.\n// No patterns excludes nothing; the host's defaults are asked for with `undefined`, never with [].\nimport type { CallGraph, CallGraphGroupFact } from \"./types\";\n\nexport const EXCLUDE_EXTERNAL = \"external\";\n/** The URL token for \"exclude nothing\", since an empty URL value stands for the host's defaults. */\nexport const EXCLUDE_NONE = \"none\";\n\n/** Whether one pattern excludes the group. */\nexport type ExcludeMatcher = (pattern: string, group: CallGraphGroupFact) => boolean;\n\nexport const matchesExclude: ExcludeMatcher = (pattern, group) => {\n  if (pattern === EXCLUDE_EXTERNAL) return group.external === true;\n  if (pattern.endsWith(\"/...\")) {\n    const base = pattern.slice(0, -\"/...\".length);\n    return group.name === base || group.name.startsWith(`${base}/`);\n  }\n  return group.name === pattern;\n};\n\n/** A URL value as patterns: empty is undefined, the host's defaults; `none` is no patterns. */\nexport function parseExclude(text: string): string[] | undefined {\n  if (text === \"\") return undefined;\n  return text === EXCLUDE_NONE ? [] : text.split(\",\");\n}\n\n/** The URL value for these patterns: undefined (the defaults) is empty, and no patterns is `none`. */\nexport function formatExclude(patterns: readonly string[] | undefined): string {\n  if (patterns === undefined) return \"\";\n  return patterns.length === 0 ? EXCLUDE_NONE : patterns.join(\",\");\n}\n\n/** Excludes one group by its exact name. */\nexport function excludeGroup(patterns: readonly string[], name: string): string[] {\n  return [...patterns, name];\n}\n\n/**\n * Brings a group back. Every pattern that excludes it goes; a keyword or a /... pattern that also\n * covered other reached groups is replaced by their exact names, so they stay excluded.\n */\nexport function includeGroup(\n  patterns: readonly string[],\n  target: CallGraphGroupFact,\n  groups: readonly CallGraphGroupFact[],\n  matches: ExcludeMatcher = matchesExclude,\n): string[] {\n  if (!target.excluded) throw new Error(`Group ${target.name} is not excluded`);\n  const covering = patterns.filter((pattern) => matches(pattern, target));\n  if (covering.length === 0) throw new Error(`Group ${target.name} is reported excluded, but none of ${patterns.join(\", \")} matches it`);\n  const rest = patterns.filter((pattern) => !covering.includes(pattern));\n  const replacements = groups.filter(\n    (group) =>\n      group.name !== target.name && covering.some((pattern) => matches(pattern, group)) && !rest.some((pattern) => matches(pattern, group)),\n  );\n  return [...rest, ...replacements.map((group) => group.name)];\n}\n\n/** Adds or removes the `external` keyword behind \"Hide all external\". */\nexport function setExternalHidden(patterns: readonly string[], hidden: boolean): string[] {\n  const others = patterns.filter((pattern) => pattern !== EXCLUDE_EXTERNAL);\n  return hidden ? [...others, EXCLUDE_EXTERNAL] : others;\n}\n\n/** Why a typed pattern cannot be added, or undefined when it can. The host checks the name itself. */\nexport function excludePatternError(patterns: readonly string[], pattern: string): string | undefined {\n  if (pattern === \"\") return \"Enter a name or a name ending in /...\";\n  if (/[\\s,]/.test(pattern)) return `One pattern at a time: ${pattern} has a comma or a space`;\n  if (pattern === EXCLUDE_NONE) return \"Use Show all to exclude nothing\";\n  if (patterns.includes(pattern)) return `${pattern} is already excluded`;\n  return undefined;\n}\n\nexport function addExcludePattern(patterns: readonly string[], pattern: string): string[] {\n  return [...patterns, pattern];\n}\n\nexport function removeExcludePattern(patterns: readonly string[], pattern: string): string[] {\n  return patterns.filter((candidate) => candidate !== pattern);\n}\n\n/**\n * The groups a graph reached, for a host whose responses carry no group facts of their own: each\n * drawn group with its node count, and each group `omitted.excluded` tallies, which is excluded when\n * none of its nodes is drawn.\n */\nexport function callGraphGroupFacts(graph: CallGraph): CallGraphGroupFact[] {\n  const drawn = new Map<string, number>();\n  for (const node of graph.nodes) if (node.group !== undefined) drawn.set(node.group, (drawn.get(node.group) ?? 0) + 1);\n  const excluded = graph.omitted.excluded ?? {};\n  const names = [...new Set([...drawn.keys(), ...Object.keys(excluded)])];\n  return names.map((name) => {\n    const label = graph.groups?.find((group) => group.id === name)?.label;\n    const shown = drawn.get(name) ?? 0;\n    return { name, ...(label !== undefined && label !== name ? { label } : {}), nodes: shown + (excluded[name] ?? 0), excluded: shown === 0 };\n  });\n}\n"],"names":[],"mappings":"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"}