@flanksource/clicky-ui 0.3.48 → 0.3.50

package/dist/data/lint/LintFilterBar.js

@@ -0,0 +1,103 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { FilterPill } from "../FilterPill.js";
+import { LINT_GROUPING_OPTIONS } from "./grouping-options.js";
+import { cycleFilterState } from "../test-runner/filterState.js";
+import { LINT_SEVERITIES, toolMark } from "../test-runner/marks.js";
+import { LintSeverityIcon, ToolIcon } from "../test-runner/MarkIcons.js";
+import { formatCount } from "../test-runner/status.js";
+import { countLintBySeverity, countLintByLinter, collectLintLinters } from "./stats.js";
+const SEVERITY_ORDER = ["error", "warning", "info"];
+const SEVERITY_BADGE = {
+  error: "bg-red-600",
+  warning: "bg-amber-600",
+  info: "bg-sky-600"
+};
+function triStateTitle(label, mode) {
+  if (mode === "include") return `${label}: included. Click to exclude`;
+  if (mode === "exclude") return `${label}: excluded. Click to clear`;
+  return `${label}: neutral. Click to include`;
+}
+function LintFilterBar({
+  results,
+  grouping,
+  onGroupingChange,
+  filters,
+  onFiltersChange,
+  className
+}) {
+  const severityCounts = countLintBySeverity(results, filters.linter);
+  const linterCounts = countLintByLinter(results, filters.severity);
+  const linters = collectLintLinters(results);
+  const hasActive = filters.severity.size > 0 || filters.linter.size > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-1.5", className), "data-lint-filter-bar": "", children: [
+    /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "Group by", className: "flex flex-wrap items-center gap-1.5", children: LINT_GROUPING_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+      FilterPill,
+      {
+        mode: opt.key === grouping ? "active" : "neutral",
+        label: opt.label,
+        icon: opt.icon,
+        title: `Group by ${opt.label}`,
+        onClick: () => onGroupingChange(opt.key)
+      },
+      opt.key
+    )) }),
+    /* @__PURE__ */ jsx("span", { className: "mx-0.5 text-border", "aria-hidden": true, children: "|" }),
+    SEVERITY_ORDER.map((severity) => {
+      const count = severityCounts[severity];
+      if (count === 0 && filters.severity.size === 0) return null;
+      const mode = filters.severity.get(severity);
+      const label = LINT_SEVERITIES[severity].label;
+      return /* @__PURE__ */ jsx(
+        FilterPill,
+        {
+          mode: mode ?? "neutral",
+          count,
+          badge: SEVERITY_BADGE[severity],
+          label: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(LintSeverityIcon, { severity }),
+            label
+          ] }),
+          title: triStateTitle(label, mode),
+          onClick: () => onFiltersChange({ ...filters, severity: cycleFilterState(filters.severity, severity) })
+        },
+        severity
+      );
+    }),
+    linters.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "mx-0.5 text-border", "aria-hidden": true, children: "|" }),
+      linters.map((linter) => {
+        var _a;
+        const mode = filters.linter.get(linter);
+        const name = ((_a = toolMark(linter)) == null ? void 0 : _a.label) ?? linter;
+        return /* @__PURE__ */ jsx(
+          FilterPill,
+          {
+            mode: mode ?? "neutral",
+            label: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(ToolIcon, { tool: linter }),
+              name,
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] tabular-nums opacity-70", title: String(linterCounts[linter] ?? 0), children: formatCount(linterCounts[linter] ?? 0) })
+            ] }),
+            title: triStateTitle(linter, mode),
+            onClick: () => onFiltersChange({ ...filters, linter: cycleFilterState(filters.linter, linter) })
+          },
+          linter
+        );
+      })
+    ] }),
+    hasActive && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ml-1 inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        onClick: () => onFiltersChange({ severity: /* @__PURE__ */ new Map(), linter: /* @__PURE__ */ new Map() }),
+        children: "Clear"
+      }
+    )
+  ] });
+}
+export {
+  LintFilterBar
+};
+//# sourceMappingURL=LintFilterBar.js.map

package/dist/data/lint/LintFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintFilterBar.js","sources":["../../../src/data/lint/LintFilterBar.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { FilterPill } from \"../FilterPill\";\nimport { LINT_GROUPING_OPTIONS } from \"./grouping-options\";\nimport { cycleFilterState, type FilterMode } from \"../test-runner/filterState\";\nimport { LINT_SEVERITIES, toolMark } from \"../test-runner/marks\";\nimport { LintSeverityIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { formatCount } from \"../test-runner/status\";\nimport { collectLintLinters, countLintByLinter, countLintBySeverity } from \"./stats\";\nimport type { LintFilters, LintGrouping, LintSeverity, LinterResult } from \"./types\";\n\nexport type LintFilterBarProps = {\n  results: readonly LinterResult[];\n  grouping: LintGrouping;\n  onGroupingChange: (next: LintGrouping) => void;\n  filters: LintFilters;\n  onFiltersChange: (next: LintFilters) => void;\n  className?: string;\n};\n\nconst SEVERITY_ORDER: readonly LintSeverity[] = [\"error\", \"warning\", \"info\"];\n\nconst SEVERITY_BADGE: Record<LintSeverity, string> = {\n  error: \"bg-red-600\",\n  warning: \"bg-amber-600\",\n  info: \"bg-sky-600\",\n};\n\nfunction triStateTitle(label: string, mode: FilterMode | undefined): string {\n  if (mode === \"include\") return `${label}: included. Click to exclude`;\n  if (mode === \"exclude\") return `${label}: excluded. Click to clear`;\n  return `${label}: neutral. Click to include`;\n}\n\n/**\n * Grouping picker plus tri-state severity and linter filters for the lint\n * tree. Controlled: the host owns grouping and filters (typically in the URL).\n * Counts follow the other filter, so each pill shows what picking it would leave.\n */\nexport function LintFilterBar({\n  results,\n  grouping,\n  onGroupingChange,\n  filters,\n  onFiltersChange,\n  className,\n}: LintFilterBarProps) {\n  const severityCounts = countLintBySeverity(results, filters.linter);\n  const linterCounts = countLintByLinter(results, filters.severity);\n  const linters = collectLintLinters(results);\n  const hasActive = filters.severity.size > 0 || filters.linter.size > 0;\n\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-1.5\", className)} data-lint-filter-bar=\"\">\n      <div role=\"group\" aria-label=\"Group by\" className=\"flex flex-wrap items-center gap-1.5\">\n        {LINT_GROUPING_OPTIONS.map((opt) => (\n          <FilterPill\n            key={opt.key}\n            mode={opt.key === grouping ? \"active\" : \"neutral\"}\n            label={opt.label}\n            icon={opt.icon}\n            title={`Group by ${opt.label}`}\n            onClick={() => onGroupingChange(opt.key)}\n          />\n        ))}\n      </div>\n\n      <span className=\"mx-0.5 text-border\" aria-hidden>\n        |\n      </span>\n\n      {SEVERITY_ORDER.map((severity) => {\n        const count = severityCounts[severity];\n        if (count === 0 && filters.severity.size === 0) return null;\n        const mode = filters.severity.get(severity);\n        const label = LINT_SEVERITIES[severity].label;\n        return (\n          <FilterPill\n            key={severity}\n            mode={mode ?? \"neutral\"}\n            count={count}\n            badge={SEVERITY_BADGE[severity]}\n            label={\n              <span className=\"inline-flex items-center gap-1\">\n                <LintSeverityIcon severity={severity} />\n                {label}\n              </span>\n            }\n            title={triStateTitle(label, mode)}\n            onClick={() =>\n              onFiltersChange({ ...filters, severity: cycleFilterState(filters.severity, severity) })\n            }\n          />\n        );\n      })}\n\n      {linters.length > 1 && (\n        <>\n          <span className=\"mx-0.5 text-border\" aria-hidden>\n            |\n          </span>\n          {linters.map((linter) => {\n            const mode = filters.linter.get(linter);\n            const name = toolMark(linter)?.label ?? linter;\n            return (\n              <FilterPill\n                key={linter}\n                mode={mode ?? \"neutral\"}\n                label={\n                  <span className=\"inline-flex items-center gap-1\">\n                    <ToolIcon tool={linter} />\n                    {name}\n                    <span className=\"text-[10px] tabular-nums opacity-70\" title={String(linterCounts[linter] ?? 0)}>\n                      {formatCount(linterCounts[linter] ?? 0)}\n                    </span>\n                  </span>\n                }\n                title={triStateTitle(linter, mode)}\n                onClick={() =>\n                  onFiltersChange({ ...filters, linter: cycleFilterState(filters.linter, linter) })\n                }\n              />\n            );\n          })}\n        </>\n      )}\n\n      {hasActive && (\n        <button\n          type=\"button\"\n          className=\"ml-1 inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          onClick={() => onFiltersChange({ severity: new Map(), linter: new Map() })}\n        >\n          Clear\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/lint/LintResults.cjs

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const Tree = require("../Tree.cjs");
+const SplitPane = require("../../layout/SplitPane.cjs");
+const useContainerWidth = require("../../hooks/use-container-width.cjs");
+const utils = require("../../lib/utils.cjs");
+const MarkIcons = require("../test-runner/MarkIcons.cjs");
+const LintDetail = require("./LintDetail.cjs");
+const LintFilterBar = require("./LintFilterBar.cjs");
+const LintTreeNode = require("./LintTreeNode.cjs");
+const grouping = require("./grouping.cjs");
+const stats = require("./stats.cjs");
+const UiListChecks = require("../../icons/components/UiListChecks.cjs");
+const UiArrowLeft = require("../../icons/components/UiArrowLeft.cjs");
+const SPLIT_MIN_WIDTH = 640;
+const SEVERITIES = ["error", "warning", "info"];
+function Summary({ results }) {
+  const counts = stats.countLintBySeverity(results, /* @__PURE__ */ new Map());
+  const failedToRun = results.filter(stats.isLinterErrored).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-3 text-xs text-muted-foreground", "data-lint-summary": "", children: [
+    SEVERITIES.filter((s) => counts[s] > 0).map((s) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.LintSeverityIcon, { severity: s }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: counts[s] })
+    ] }, s)),
+    failedToRun > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-red-600 dark:text-red-400", children: [
+      failedToRun,
+      " linter",
+      failedToRun === 1 ? "" : "s",
+      " failed to run"
+    ] })
+  ] });
+}
+function emptyMessage(results, filters) {
+  if (results.length === 0) return "No lint results";
+  if (filters.severity.size > 0 || filters.linter.size > 0) return "No violations match the current filters";
+  return "No lint violations";
+}
+function LintResults({
+  results,
+  grouping: grouping$1,
+  onGroupingChange,
+  filters,
+  onFiltersChange,
+  selected,
+  onSelect,
+  expandAll,
+  onExpandAllChange,
+  onIgnore,
+  ignoreBusy,
+  headerSlot,
+  title,
+  defaultSplit = 45,
+  className
+}) {
+  const tree = react.useMemo(() => grouping.buildLintTree({ results, grouping: grouping$1, filters }), [results, grouping$1, filters]);
+  const selectedNode = react.useMemo(() => selected ? grouping.findLintNode(tree, selected) : null, [tree, selected]);
+  const { ref, wider: roomy } = useContainerWidth.useContainerWiderThan(SPLIT_MIN_WIDTH);
+  const filterBar = results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    LintFilterBar.LintFilterBar,
+    {
+      results,
+      grouping: grouping$1,
+      onGroupingChange,
+      filters,
+      onFiltersChange,
+      className: "border-b border-border bg-card px-density-4 py-density-2"
+    }
+  ) : null;
+  const treePane = /* @__PURE__ */ jsxRuntime.jsx(
+    Tree.Tree,
+    {
+      className: "min-h-0",
+      roots: tree,
+      getKey: (node) => node.route_path,
+      getChildren: (node) => node.children,
+      selected: selectedNode,
+      onSelect: (node) => onSelect(node.route_path === selected ? null : node.route_path),
+      expandAll,
+      onExpandAllChange,
+      defaultOpen: (node, depth) => depth < 1 || node.failed,
+      showSearch: true,
+      searchLabel: "Filter findings",
+      getSearchText: (node) => `${node.name} ${node.linterName ?? ""} ${node.ruleName ?? ""}`,
+      empty: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: emptyMessage(results, filters) }),
+      renderRow: ({ node, selected: isSelected }) => /* @__PURE__ */ jsxRuntime.jsx(LintTreeNode.LintTreeNode, { node, selected: isSelected })
+    }
+  );
+  const detailPane = /* @__PURE__ */ jsxRuntime.jsx(LintDetail.LintDetailPanel, { node: selectedNode, results, onIgnore, ignoreBusy });
+  const showHeader = title !== null || results.length > 0 || headerSlot != null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: utils.cn("flex h-full min-h-0 flex-col bg-background", className), "data-lint-results": "", children: [
+    showHeader && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-card px-density-4 py-density-2",
+        "data-lint-header": "",
+        children: [
+          title === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "inline-flex shrink-0 items-center gap-1.5 text-base font-bold", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiListChecks.UiListChecks, className: "text-primary" }),
+            "Lint Results"
+          ] }) : title,
+          /* @__PURE__ */ jsxRuntime.jsx(Summary, { results }),
+          headerSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: headerSlot })
+        ]
+      }
+    ),
+    roomy ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      filterBar,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SplitPane.SplitPane,
+        {
+          className: "min-h-0 flex-1",
+          defaultSplit,
+          minLeft: 25,
+          minRight: 30,
+          leftClass: "border-r-2 border-border bg-muted/30",
+          left: treePane,
+          right: detailPane
+        }
+      )
+    ] }) : selectedNode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(null),
+          className: "inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowLeft.UiArrowLeft }),
+            "Back to results"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: detailPane })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      filterBar,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: treePane })
+    ] })
+  ] });
+}
+exports.LintResults = LintResults;
+//# sourceMappingURL=LintResults.cjs.map

package/dist/data/lint/LintResults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintResults.cjs","sources":["../../../src/data/lint/LintResults.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { useContainerWiderThan } from \"../../hooks/use-container-width\";\nimport { cn } from \"../../lib/utils\";\nimport { UiArrowLeft, UiListChecks } from \"../../icons\";\nimport { LintSeverityIcon } from \"../test-runner/MarkIcons\";\nimport { LintDetailPanel } from \"./LintDetail\";\nimport { LintFilterBar } from \"./LintFilterBar\";\nimport { LintTreeNode } from \"./LintTreeNode\";\nimport { buildLintTree, findLintNode } from \"./grouping\";\nimport { countLintBySeverity, isLinterErrored } from \"./stats\";\nimport type { LintAction, LintFilters, LintGrouping, LintNode, LinterResult, LintSeverity } from \"./types\";\n\nexport type LintResultsProps = {\n  results: readonly LinterResult[];\n  grouping: LintGrouping;\n  onGroupingChange: (next: LintGrouping) => void;\n  /** Tri-state severity and linter filters; the host owns them (typically in the URL). */\n  filters: LintFilters;\n  onFiltersChange: (next: LintFilters) => void;\n  /** The selected node's `route_path`, or null. Paths are stable across rebuilds, so they can live in a URL. */\n  selected: string | null;\n  onSelect: (routePath: string | null) => void;\n  /** Tri-state expand-all: true (all open), false (all closed), null (default). */\n  expandAll: boolean | null;\n  onExpandAllChange: (next: boolean | null) => void;\n  /**\n   * Called with the chosen ignore action; `action.req` is the entry to add to\n   * `.gavel.yaml`. Omit to hide every ignore button.\n   */\n  onIgnore?: (action: LintAction) => void | Promise<void>;\n  /** Disables the ignore buttons while the host applies an action. */\n  ignoreBusy?: boolean;\n  /** Actions at the right end of the header bar (e.g. re-run, export). */\n  headerSlot?: ReactNode;\n  /** Header title. Defaults to a \"Lint Results\" heading; pass `null` for none. */\n  title?: ReactNode;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\nconst SPLIT_MIN_WIDTH = 640;\nconst SEVERITIES: readonly LintSeverity[] = [\"error\", \"warning\", \"info\"];\n\nfunction Summary({ results }: { results: readonly LinterResult[] }) {\n  const counts = countLintBySeverity(results, new Map());\n  const failedToRun = results.filter(isLinterErrored).length;\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-3 text-xs text-muted-foreground\" data-lint-summary=\"\">\n      {SEVERITIES.filter((s) => counts[s] > 0).map((s) => (\n        <span key={s} className=\"inline-flex items-center gap-1\">\n          <LintSeverityIcon severity={s} />\n          <span className=\"tabular-nums\">{counts[s]}</span>\n        </span>\n      ))}\n      {failedToRun > 0 && (\n        <span className=\"text-red-600 dark:text-red-400\">\n          {failedToRun} linter{failedToRun === 1 ? \"\" : \"s\"} failed to run\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction emptyMessage(results: readonly LinterResult[], filters: LintFilters): string {\n  if (results.length === 0) return \"No lint results\";\n  if (filters.severity.size > 0 || filters.linter.size > 0) return \"No violations match the current filters\";\n  return \"No lint violations\";\n}\n\n/**\n * Lint results as a filterable, groupable tree beside a detail pane, with\n * optional ignore actions. Pure presentation: results, grouping, filters,\n * selection and expand state all flow in through props, so the host can keep\n * them in its URL. A linter that failed to run is shown under its name rather\n * than dropped.\n */\nexport function LintResults({\n  results,\n  grouping,\n  onGroupingChange,\n  filters,\n  onFiltersChange,\n  selected,\n  onSelect,\n  expandAll,\n  onExpandAllChange,\n  onIgnore,\n  ignoreBusy,\n  headerSlot,\n  title,\n  defaultSplit = 45,\n  className,\n}: LintResultsProps) {\n  const tree = useMemo(() => buildLintTree({ results, grouping, filters }), [results, grouping, filters]);\n  const selectedNode = useMemo(() => (selected ? findLintNode(tree, selected) : null), [tree, selected]);\n  const { ref, wider: roomy } = useContainerWiderThan(SPLIT_MIN_WIDTH);\n\n  const filterBar =\n    results.length > 0 ? (\n      <LintFilterBar\n        results={results}\n        grouping={grouping}\n        onGroupingChange={onGroupingChange}\n        filters={filters}\n        onFiltersChange={onFiltersChange}\n        className=\"border-b border-border bg-card px-density-4 py-density-2\"\n      />\n    ) : null;\n\n  const treePane = (\n    <Tree<LintNode>\n      className=\"min-h-0\"\n      roots={tree}\n      getKey={(node) => node.route_path}\n      getChildren={(node) => node.children}\n      selected={selectedNode}\n      onSelect={(node) => onSelect(node.route_path === selected ? null : node.route_path)}\n      expandAll={expandAll}\n      onExpandAllChange={onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || node.failed}\n      showSearch\n      searchLabel=\"Filter findings\"\n      getSearchText={(node) => `${node.name} ${node.linterName ?? \"\"} ${node.ruleName ?? \"\"}`}\n      empty={<div className=\"p-8 text-center text-sm text-muted-foreground\">{emptyMessage(results, filters)}</div>}\n      renderRow={({ node, selected: isSelected }) => <LintTreeNode node={node} selected={isSelected} />}\n    />\n  );\n  const detailPane = (\n    <LintDetailPanel node={selectedNode} results={results} onIgnore={onIgnore} ignoreBusy={ignoreBusy} />\n  );\n  const showHeader = title !== null || results.length > 0 || headerSlot != null;\n\n  return (\n    <div ref={ref} className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)} data-lint-results=\"\">\n      {showHeader && (\n        <div\n          className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-card px-density-4 py-density-2\"\n          data-lint-header=\"\"\n        >\n          {title === undefined ? (\n            <h1 className=\"inline-flex shrink-0 items-center gap-1.5 text-base font-bold\">\n              <Icon icon={UiListChecks} className=\"text-primary\" />\n              Lint Results\n            </h1>\n          ) : (\n            title\n          )}\n          <Summary results={results} />\n          {headerSlot && <div className=\"flex shrink-0 items-center gap-1\">{headerSlot}</div>}\n        </div>\n      )}\n\n      {roomy ? (\n        <>\n          {filterBar}\n          <SplitPane\n            className=\"min-h-0 flex-1\"\n            defaultSplit={defaultSplit}\n            minLeft={25}\n            minRight={30}\n            leftClass=\"border-r-2 border-border bg-muted/30\"\n            left={treePane}\n            right={detailPane}\n          />\n        </>\n      ) : selectedNode ? (\n        <div className=\"flex min-h-0 flex-1 flex-col\">\n          <button\n            type=\"button\"\n            onClick={() => onSelect(null)}\n            className=\"inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <Icon icon={UiArrowLeft} />\n            Back to results\n          </button>\n          <div className=\"min-h-0 flex-1 overflow-hidden\">{detailPane}</div>\n        </div>\n      ) : (\n        <>\n          {filterBar}\n          <div className=\"min-h-0 flex-1 overflow-y-auto\">{treePane}</div>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["countLintBySeverity","isLinterErrored","jsxs","jsx","LintSeverityIcon","grouping","useMemo","buildLintTree","findLintNode","useContainerWiderThan","LintFilterBar","Tree","LintTreeNode","LintDetailPanel","cn","Icon","UiListChecks","Fragment","SplitPane","UiArrowLeft"],"mappings":";;;;;;;;;;;;;;;;;AA4CA,MAAM,kBAAkB;AACxB,MAAM,aAAsC,CAAC,SAAS,WAAW,MAAM;AAEvE,SAAS,QAAQ,EAAE,WAAiD;AAClE,QAAM,SAASA,MAAAA,oBAAoB,SAAS,oBAAI,KAAK;AACrD,QAAM,cAAc,QAAQ,OAAOC,MAAAA,eAAe,EAAE;AACpD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0EAAyE,qBAAkB,IACvG,UAAA;AAAA,IAAA,WAAW,OAAO,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,MAC5CA,2BAAAA,KAAC,QAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,MAAAC,2BAAAA,IAACC,UAAAA,kBAAA,EAAiB,UAAU,EAAA,CAAG;AAAA,qCAC9B,QAAA,EAAK,WAAU,gBAAgB,UAAA,OAAO,CAAC,EAAA,CAAE;AAAA,IAAA,EAAA,GAFjC,CAGX,CACD;AAAA,IACA,cAAc,KACbF,gCAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,MAAA;AAAA,MAAY;AAAA,MAAQ,gBAAgB,IAAI,KAAK;AAAA,MAAI;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,aAAa,SAAkC,SAA8B;AACpF,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,MAAI,QAAQ,SAAS,OAAO,KAAK,QAAQ,OAAO,OAAO,EAAG,QAAO;AACjE,SAAO;AACT;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAA,UACAG;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAAqB;AACnB,QAAM,OAAOC,MAAAA,QAAQ,MAAMC,SAAAA,cAAc,EAAE,SAAA,UAASF,YAAU,QAAA,CAAS,GAAG,CAAC,SAASA,YAAU,OAAO,CAAC;AACtG,QAAM,eAAeC,MAAAA,QAAQ,MAAO,WAAWE,SAAAA,aAAa,MAAM,QAAQ,IAAI,MAAO,CAAC,MAAM,QAAQ,CAAC;AACrG,QAAM,EAAE,KAAK,OAAO,MAAA,IAAUC,kBAAAA,sBAAsB,eAAe;AAEnE,QAAM,YACJ,QAAQ,SAAS,IACfN,2BAAAA;AAAAA,IAACO,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MAAA,UACAL;AAAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,IAEV;AAEN,QAAM,WACJF,2BAAAA;AAAAA,IAACQ,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,CAAC,SAAS,KAAK;AAAA,MACvB,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU;AAAA,MACV,UAAU,CAAC,SAAS,SAAS,KAAK,eAAe,WAAW,OAAO,KAAK,UAAU;AAAA,MAClF;AAAA,MACA;AAAA,MACA,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAK,KAAK;AAAA,MAChD,YAAU;AAAA,MACV,aAAY;AAAA,MACZ,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,cAAc,EAAE,IAAI,KAAK,YAAY,EAAE;AAAA,MACrF,sCAAQ,OAAA,EAAI,WAAU,iDAAiD,UAAA,aAAa,SAAS,OAAO,GAAE;AAAA,MACtG,WAAW,CAAC,EAAE,MAAM,UAAU,WAAA,MAAiBR,2BAAAA,IAACS,2BAAA,EAAa,MAAY,UAAU,WAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGnG,QAAM,aACJT,+BAACU,WAAAA,iBAAA,EAAgB,MAAM,cAAc,SAAkB,UAAoB,YAAwB;AAErG,QAAM,aAAa,UAAU,QAAQ,QAAQ,SAAS,KAAK,cAAc;AAEzE,SACEX,gCAAC,SAAI,KAAU,WAAWY,MAAAA,GAAG,8CAA8C,SAAS,GAAG,qBAAkB,IACtG,UAAA;AAAA,IAAA,cACCZ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,oBAAiB;AAAA,QAEhB,UAAA;AAAA,UAAA,UAAU,SACTA,gCAAC,MAAA,EAAG,WAAU,iEACZ,UAAA;AAAA,YAAAC,2BAAAA,IAACY,KAAAA,MAAA,EAAK,MAAMC,aAAAA,cAAc,WAAU,gBAAe;AAAA,YAAE;AAAA,UAAA,EAAA,CAEvD,IAEA;AAAA,UAEFb,+BAAC,WAAQ,SAAkB;AAAA,UAC1B,cAAcA,2BAAAA,IAAC,OAAA,EAAI,WAAU,oCAAoC,UAAA,WAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhF,QACCD,2BAAAA,KAAAe,qBAAA,EACG,UAAA;AAAA,MAAA;AAAA,MACDd,2BAAAA;AAAAA,QAACe,UAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,EAAA,CACF,IACE,eACFhB,2BAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,2BAAAA,IAACY,KAAAA,MAAA,EAAK,MAAMI,YAAAA,YAAA,CAAa;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7BhB,2BAAAA,IAAC,OAAA,EAAI,WAAU,kCAAkC,UAAA,WAAA,CAAW;AAAA,IAAA,EAAA,CAC9D,IAEAD,2BAAAA,KAAAe,WAAAA,UAAA,EACG,UAAA;AAAA,MAAA;AAAA,MACDd,2BAAAA,IAAC,OAAA,EAAI,WAAU,kCAAkC,UAAA,SAAA,CAAS;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/lint/LintResults.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { LintAction, LintFilters, LintGrouping, LinterResult } from './types.js';
+export type LintResultsProps = {
+    results: readonly LinterResult[];
+    grouping: LintGrouping;
+    onGroupingChange: (next: LintGrouping) => void;
+    /** Tri-state severity and linter filters; the host owns them (typically in the URL). */
+    filters: LintFilters;
+    onFiltersChange: (next: LintFilters) => void;
+    /** The selected node's `route_path`, or null. Paths are stable across rebuilds, so they can live in a URL. */
+    selected: string | null;
+    onSelect: (routePath: string | null) => void;
+    /** Tri-state expand-all: true (all open), false (all closed), null (default). */
+    expandAll: boolean | null;
+    onExpandAllChange: (next: boolean | null) => void;
+    /**
+     * Called with the chosen ignore action; `action.req` is the entry to add to
+     * `.gavel.yaml`. Omit to hide every ignore button.
+     */
+    onIgnore?: (action: LintAction) => void | Promise<void>;
+    /** Disables the ignore buttons while the host applies an action. */
+    ignoreBusy?: boolean;
+    /** Actions at the right end of the header bar (e.g. re-run, export). */
+    headerSlot?: ReactNode;
+    /** Header title. Defaults to a "Lint Results" heading; pass `null` for none. */
+    title?: ReactNode;
+    /** Initial left-pane width percentage. */
+    defaultSplit?: number;
+    className?: string;
+};
+/**
+ * Lint results as a filterable, groupable tree beside a detail pane, with
+ * optional ignore actions. Pure presentation: results, grouping, filters,
+ * selection and expand state all flow in through props, so the host can keep
+ * them in its URL. A linter that failed to run is shown under its name rather
+ * than dropped.
+ */
+export declare function LintResults({ results, grouping, onGroupingChange, filters, onFiltersChange, selected, onSelect, expandAll, onExpandAllChange, onIgnore, ignoreBusy, headerSlot, title, defaultSplit, className, }: LintResultsProps): import("react").JSX.Element;
+//# sourceMappingURL=LintResults.d.ts.map

package/dist/data/lint/LintResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintResults.d.ts","sourceRoot":"","sources":["../../../src/data/lint/LintResults.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAahD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAY,YAAY,EAAgB,MAAM,SAAS,CAAC;AAE3G,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IACjC,QAAQ,EAAE,YAAY,CAAC;IACvB,gBAAgB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,wFAAwF;IACxF,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,8GAA8G;IAC9G,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,iFAAiF;IACjF,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+BF;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,YAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,+BA6FlB"}

package/dist/data/lint/LintResults.fixtures.d.ts

@@ -0,0 +1,10 @@
+import { LinterResult } from './types.js';
+export declare const golangci: LinterResult;
+export declare const eslint: LinterResult;
+export declare const betterleaks: LinterResult;
+/** The linter binary exited with a config error: no violations, only an error. */
+export declare const pyrightFailed: LinterResult;
+export declare const valeSkipped: LinterResult;
+export declare const markdownlintClean: LinterResult;
+export declare const allLintResults: LinterResult[];
+//# sourceMappingURL=LintResults.fixtures.d.ts.map

package/dist/data/lint/LintResults.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintResults.fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/lint/LintResults.fixtures.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,QAAQ,EAAE,YAyCtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAyBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAazB,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,aAAa,EAAE,YAS3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAQzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAM/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,YAAY,EAOxC,CAAC"}

package/dist/data/lint/LintResults.js

@@ -0,0 +1,144 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Icon } from "../Icon.js";
+import { Tree } from "../Tree.js";
+import { SplitPane } from "../../layout/SplitPane.js";
+import { useContainerWiderThan } from "../../hooks/use-container-width.js";
+import { cn } from "../../lib/utils.js";
+import { LintSeverityIcon } from "../test-runner/MarkIcons.js";
+import { LintDetailPanel } from "./LintDetail.js";
+import { LintFilterBar } from "./LintFilterBar.js";
+import { LintTreeNode } from "./LintTreeNode.js";
+import { buildLintTree, findLintNode } from "./grouping.js";
+import { countLintBySeverity, isLinterErrored } from "./stats.js";
+import { UiListChecks } from "../../icons/components/UiListChecks.js";
+import { UiArrowLeft } from "../../icons/components/UiArrowLeft.js";
+const SPLIT_MIN_WIDTH = 640;
+const SEVERITIES = ["error", "warning", "info"];
+function Summary({ results }) {
+  const counts = countLintBySeverity(results, /* @__PURE__ */ new Map());
+  const failedToRun = results.filter(isLinterErrored).length;
+  return /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-3 text-xs text-muted-foreground", "data-lint-summary": "", children: [
+    SEVERITIES.filter((s) => counts[s] > 0).map((s) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(LintSeverityIcon, { severity: s }),
+      /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: counts[s] })
+    ] }, s)),
+    failedToRun > 0 && /* @__PURE__ */ jsxs("span", { className: "text-red-600 dark:text-red-400", children: [
+      failedToRun,
+      " linter",
+      failedToRun === 1 ? "" : "s",
+      " failed to run"
+    ] })
+  ] });
+}
+function emptyMessage(results, filters) {
+  if (results.length === 0) return "No lint results";
+  if (filters.severity.size > 0 || filters.linter.size > 0) return "No violations match the current filters";
+  return "No lint violations";
+}
+function LintResults({
+  results,
+  grouping,
+  onGroupingChange,
+  filters,
+  onFiltersChange,
+  selected,
+  onSelect,
+  expandAll,
+  onExpandAllChange,
+  onIgnore,
+  ignoreBusy,
+  headerSlot,
+  title,
+  defaultSplit = 45,
+  className
+}) {
+  const tree = useMemo(() => buildLintTree({ results, grouping, filters }), [results, grouping, filters]);
+  const selectedNode = useMemo(() => selected ? findLintNode(tree, selected) : null, [tree, selected]);
+  const { ref, wider: roomy } = useContainerWiderThan(SPLIT_MIN_WIDTH);
+  const filterBar = results.length > 0 ? /* @__PURE__ */ jsx(
+    LintFilterBar,
+    {
+      results,
+      grouping,
+      onGroupingChange,
+      filters,
+      onFiltersChange,
+      className: "border-b border-border bg-card px-density-4 py-density-2"
+    }
+  ) : null;
+  const treePane = /* @__PURE__ */ jsx(
+    Tree,
+    {
+      className: "min-h-0",
+      roots: tree,
+      getKey: (node) => node.route_path,
+      getChildren: (node) => node.children,
+      selected: selectedNode,
+      onSelect: (node) => onSelect(node.route_path === selected ? null : node.route_path),
+      expandAll,
+      onExpandAllChange,
+      defaultOpen: (node, depth) => depth < 1 || node.failed,
+      showSearch: true,
+      searchLabel: "Filter findings",
+      getSearchText: (node) => `${node.name} ${node.linterName ?? ""} ${node.ruleName ?? ""}`,
+      empty: /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: emptyMessage(results, filters) }),
+      renderRow: ({ node, selected: isSelected }) => /* @__PURE__ */ jsx(LintTreeNode, { node, selected: isSelected })
+    }
+  );
+  const detailPane = /* @__PURE__ */ jsx(LintDetailPanel, { node: selectedNode, results, onIgnore, ignoreBusy });
+  const showHeader = title !== null || results.length > 0 || headerSlot != null;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex h-full min-h-0 flex-col bg-background", className), "data-lint-results": "", children: [
+    showHeader && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-card px-density-4 py-density-2",
+        "data-lint-header": "",
+        children: [
+          title === void 0 ? /* @__PURE__ */ jsxs("h1", { className: "inline-flex shrink-0 items-center gap-1.5 text-base font-bold", children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiListChecks, className: "text-primary" }),
+            "Lint Results"
+          ] }) : title,
+          /* @__PURE__ */ jsx(Summary, { results }),
+          headerSlot && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: headerSlot })
+        ]
+      }
+    ),
+    roomy ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      filterBar,
+      /* @__PURE__ */ jsx(
+        SplitPane,
+        {
+          className: "min-h-0 flex-1",
+          defaultSplit,
+          minLeft: 25,
+          minRight: 30,
+          leftClass: "border-r-2 border-border bg-muted/30",
+          left: treePane,
+          right: detailPane
+        }
+      )
+    ] }) : selectedNode ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(null),
+          className: "inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiArrowLeft }),
+            "Back to results"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: detailPane })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      filterBar,
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: treePane })
+    ] })
+  ] });
+}
+export {
+  LintResults
+};
+//# sourceMappingURL=LintResults.js.map

package/dist/data/lint/LintResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintResults.js","sources":["../../../src/data/lint/LintResults.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { useContainerWiderThan } from \"../../hooks/use-container-width\";\nimport { cn } from \"../../lib/utils\";\nimport { UiArrowLeft, UiListChecks } from \"../../icons\";\nimport { LintSeverityIcon } from \"../test-runner/MarkIcons\";\nimport { LintDetailPanel } from \"./LintDetail\";\nimport { LintFilterBar } from \"./LintFilterBar\";\nimport { LintTreeNode } from \"./LintTreeNode\";\nimport { buildLintTree, findLintNode } from \"./grouping\";\nimport { countLintBySeverity, isLinterErrored } from \"./stats\";\nimport type { LintAction, LintFilters, LintGrouping, LintNode, LinterResult, LintSeverity } from \"./types\";\n\nexport type LintResultsProps = {\n  results: readonly LinterResult[];\n  grouping: LintGrouping;\n  onGroupingChange: (next: LintGrouping) => void;\n  /** Tri-state severity and linter filters; the host owns them (typically in the URL). */\n  filters: LintFilters;\n  onFiltersChange: (next: LintFilters) => void;\n  /** The selected node's `route_path`, or null. Paths are stable across rebuilds, so they can live in a URL. */\n  selected: string | null;\n  onSelect: (routePath: string | null) => void;\n  /** Tri-state expand-all: true (all open), false (all closed), null (default). */\n  expandAll: boolean | null;\n  onExpandAllChange: (next: boolean | null) => void;\n  /**\n   * Called with the chosen ignore action; `action.req` is the entry to add to\n   * `.gavel.yaml`. Omit to hide every ignore button.\n   */\n  onIgnore?: (action: LintAction) => void | Promise<void>;\n  /** Disables the ignore buttons while the host applies an action. */\n  ignoreBusy?: boolean;\n  /** Actions at the right end of the header bar (e.g. re-run, export). */\n  headerSlot?: ReactNode;\n  /** Header title. Defaults to a \"Lint Results\" heading; pass `null` for none. */\n  title?: ReactNode;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\nconst SPLIT_MIN_WIDTH = 640;\nconst SEVERITIES: readonly LintSeverity[] = [\"error\", \"warning\", \"info\"];\n\nfunction Summary({ results }: { results: readonly LinterResult[] }) {\n  const counts = countLintBySeverity(results, new Map());\n  const failedToRun = results.filter(isLinterErrored).length;\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-3 text-xs text-muted-foreground\" data-lint-summary=\"\">\n      {SEVERITIES.filter((s) => counts[s] > 0).map((s) => (\n        <span key={s} className=\"inline-flex items-center gap-1\">\n          <LintSeverityIcon severity={s} />\n          <span className=\"tabular-nums\">{counts[s]}</span>\n        </span>\n      ))}\n      {failedToRun > 0 && (\n        <span className=\"text-red-600 dark:text-red-400\">\n          {failedToRun} linter{failedToRun === 1 ? \"\" : \"s\"} failed to run\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction emptyMessage(results: readonly LinterResult[], filters: LintFilters): string {\n  if (results.length === 0) return \"No lint results\";\n  if (filters.severity.size > 0 || filters.linter.size > 0) return \"No violations match the current filters\";\n  return \"No lint violations\";\n}\n\n/**\n * Lint results as a filterable, groupable tree beside a detail pane, with\n * optional ignore actions. Pure presentation: results, grouping, filters,\n * selection and expand state all flow in through props, so the host can keep\n * them in its URL. A linter that failed to run is shown under its name rather\n * than dropped.\n */\nexport function LintResults({\n  results,\n  grouping,\n  onGroupingChange,\n  filters,\n  onFiltersChange,\n  selected,\n  onSelect,\n  expandAll,\n  onExpandAllChange,\n  onIgnore,\n  ignoreBusy,\n  headerSlot,\n  title,\n  defaultSplit = 45,\n  className,\n}: LintResultsProps) {\n  const tree = useMemo(() => buildLintTree({ results, grouping, filters }), [results, grouping, filters]);\n  const selectedNode = useMemo(() => (selected ? findLintNode(tree, selected) : null), [tree, selected]);\n  const { ref, wider: roomy } = useContainerWiderThan(SPLIT_MIN_WIDTH);\n\n  const filterBar =\n    results.length > 0 ? (\n      <LintFilterBar\n        results={results}\n        grouping={grouping}\n        onGroupingChange={onGroupingChange}\n        filters={filters}\n        onFiltersChange={onFiltersChange}\n        className=\"border-b border-border bg-card px-density-4 py-density-2\"\n      />\n    ) : null;\n\n  const treePane = (\n    <Tree<LintNode>\n      className=\"min-h-0\"\n      roots={tree}\n      getKey={(node) => node.route_path}\n      getChildren={(node) => node.children}\n      selected={selectedNode}\n      onSelect={(node) => onSelect(node.route_path === selected ? null : node.route_path)}\n      expandAll={expandAll}\n      onExpandAllChange={onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || node.failed}\n      showSearch\n      searchLabel=\"Filter findings\"\n      getSearchText={(node) => `${node.name} ${node.linterName ?? \"\"} ${node.ruleName ?? \"\"}`}\n      empty={<div className=\"p-8 text-center text-sm text-muted-foreground\">{emptyMessage(results, filters)}</div>}\n      renderRow={({ node, selected: isSelected }) => <LintTreeNode node={node} selected={isSelected} />}\n    />\n  );\n  const detailPane = (\n    <LintDetailPanel node={selectedNode} results={results} onIgnore={onIgnore} ignoreBusy={ignoreBusy} />\n  );\n  const showHeader = title !== null || results.length > 0 || headerSlot != null;\n\n  return (\n    <div ref={ref} className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)} data-lint-results=\"\">\n      {showHeader && (\n        <div\n          className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-card px-density-4 py-density-2\"\n          data-lint-header=\"\"\n        >\n          {title === undefined ? (\n            <h1 className=\"inline-flex shrink-0 items-center gap-1.5 text-base font-bold\">\n              <Icon icon={UiListChecks} className=\"text-primary\" />\n              Lint Results\n            </h1>\n          ) : (\n            title\n          )}\n          <Summary results={results} />\n          {headerSlot && <div className=\"flex shrink-0 items-center gap-1\">{headerSlot}</div>}\n        </div>\n      )}\n\n      {roomy ? (\n        <>\n          {filterBar}\n          <SplitPane\n            className=\"min-h-0 flex-1\"\n            defaultSplit={defaultSplit}\n            minLeft={25}\n            minRight={30}\n            leftClass=\"border-r-2 border-border bg-muted/30\"\n            left={treePane}\n            right={detailPane}\n          />\n        </>\n      ) : selectedNode ? (\n        <div className=\"flex min-h-0 flex-1 flex-col\">\n          <button\n            type=\"button\"\n            onClick={() => onSelect(null)}\n            className=\"inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <Icon icon={UiArrowLeft} />\n            Back to results\n          </button>\n          <div className=\"min-h-0 flex-1 overflow-hidden\">{detailPane}</div>\n        </div>\n      ) : (\n        <>\n          {filterBar}\n          <div className=\"min-h-0 flex-1 overflow-y-auto\">{treePane}</div>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAM,kBAAkB;AACxB,MAAM,aAAsC,CAAC,SAAS,WAAW,MAAM;AAEvE,SAAS,QAAQ,EAAE,WAAiD;AAClE,QAAM,SAAS,oBAAoB,SAAS,oBAAI,KAAK;AACrD,QAAM,cAAc,QAAQ,OAAO,eAAe,EAAE;AACpD,SACE,qBAAC,OAAA,EAAI,WAAU,0EAAyE,qBAAkB,IACvG,UAAA;AAAA,IAAA,WAAW,OAAO,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,MAC5C,qBAAC,QAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB,UAAU,EAAA,CAAG;AAAA,0BAC9B,QAAA,EAAK,WAAU,gBAAgB,UAAA,OAAO,CAAC,EAAA,CAAE;AAAA,IAAA,EAAA,GAFjC,CAGX,CACD;AAAA,IACA,cAAc,KACb,qBAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,MAAA;AAAA,MAAY;AAAA,MAAQ,gBAAgB,IAAI,KAAK;AAAA,MAAI;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,aAAa,SAAkC,SAA8B;AACpF,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,MAAI,QAAQ,SAAS,OAAO,KAAK,QAAQ,OAAO,OAAO,EAAG,QAAO;AACjE,SAAO;AACT;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAAqB;AACnB,QAAM,OAAO,QAAQ,MAAM,cAAc,EAAE,SAAS,UAAU,QAAA,CAAS,GAAG,CAAC,SAAS,UAAU,OAAO,CAAC;AACtG,QAAM,eAAe,QAAQ,MAAO,WAAW,aAAa,MAAM,QAAQ,IAAI,MAAO,CAAC,MAAM,QAAQ,CAAC;AACrG,QAAM,EAAE,KAAK,OAAO,MAAA,IAAU,sBAAsB,eAAe;AAEnE,QAAM,YACJ,QAAQ,SAAS,IACf;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,IAEV;AAEN,QAAM,WACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,CAAC,SAAS,KAAK;AAAA,MACvB,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU;AAAA,MACV,UAAU,CAAC,SAAS,SAAS,KAAK,eAAe,WAAW,OAAO,KAAK,UAAU;AAAA,MAClF;AAAA,MACA;AAAA,MACA,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAK,KAAK;AAAA,MAChD,YAAU;AAAA,MACV,aAAY;AAAA,MACZ,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,cAAc,EAAE,IAAI,KAAK,YAAY,EAAE;AAAA,MACrF,2BAAQ,OAAA,EAAI,WAAU,iDAAiD,UAAA,aAAa,SAAS,OAAO,GAAE;AAAA,MACtG,WAAW,CAAC,EAAE,MAAM,UAAU,WAAA,MAAiB,oBAAC,cAAA,EAAa,MAAY,UAAU,WAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGnG,QAAM,aACJ,oBAAC,iBAAA,EAAgB,MAAM,cAAc,SAAkB,UAAoB,YAAwB;AAErG,QAAM,aAAa,UAAU,QAAQ,QAAQ,SAAS,KAAK,cAAc;AAEzE,SACE,qBAAC,SAAI,KAAU,WAAW,GAAG,8CAA8C,SAAS,GAAG,qBAAkB,IACtG,UAAA;AAAA,IAAA,cACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,oBAAiB;AAAA,QAEhB,UAAA;AAAA,UAAA,UAAU,SACT,qBAAC,MAAA,EAAG,WAAU,iEACZ,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,cAAc,WAAU,gBAAe;AAAA,YAAE;AAAA,UAAA,EAAA,CAEvD,IAEA;AAAA,UAEF,oBAAC,WAAQ,SAAkB;AAAA,UAC1B,cAAc,oBAAC,OAAA,EAAI,WAAU,oCAAoC,UAAA,WAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhF,QACC,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,EAAA,CACF,IACE,eACF,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,YAAA,CAAa;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,oBAAC,OAAA,EAAI,WAAU,kCAAkC,UAAA,WAAA,CAAW;AAAA,IAAA,EAAA,CAC9D,IAEA,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA;AAAA,MACD,oBAAC,OAAA,EAAI,WAAU,kCAAkC,UAAA,SAAA,CAAS;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/data/lint/LintTreeNode.cjs

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const Badge = require("../Badge.cjs");
+const utils = require("../../lib/utils.cjs");
+const MarkIcons = require("../test-runner/MarkIcons.cjs");
+const marks = require("../test-runner/marks.cjs");
+const stats = require("./stats.cjs");
+const UiTag = require("../../icons/components/UiTag.cjs");
+const UiFileCode = require("../../icons/components/UiFileCode.cjs");
+const UiFolder = require("../../icons/components/UiFolder.cjs");
+const UiWrench = require("../../icons/components/UiWrench.cjs");
+const COUNT_TONE = { error: "danger", warning: "warning", info: "info" };
+function NodeIcon({ node }) {
+  switch (node.kind) {
+    case "linter":
+      return marks.toolMark(node.linterName) ? /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.ToolIcon, { tool: node.linterName }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWrench.UiWrench, className: "shrink-0 text-muted-foreground" });
+    case "lint-folder":
+      return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFolder.UiFolder, className: "shrink-0 text-muted-foreground" });
+    case "lint-file":
+      return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFileCode.UiFileCode, className: "shrink-0 text-muted-foreground" });
+    case "lint-rule":
+    case "lint-rule-group":
+      return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTag.UiTag, className: "shrink-0 text-muted-foreground" });
+    case "linter-error":
+      return /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.LintSeverityIcon, { severity: "error" });
+  }
+}
+function LintTreeNode({ node, selected }) {
+  var _a;
+  const count = node.kind === "linter-error" ? 0 : stats.lintNodeCount(node);
+  const failedToRun = node.kind === "linter" && ((_a = node.children) == null ? void 0 : _a.some((c) => c.kind === "linter-error"));
+  const note = node.skipped ? node.message : failedToRun ? "failed to run" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NodeIcon, { node }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "min-w-0 truncate",
+          selected ? "font-semibold" : "font-medium",
+          node.kind === "linter-error" ? "text-red-600 dark:text-red-400" : "text-foreground",
+          node.skipped && "text-muted-foreground"
+        ),
+        title: node.name,
+        children: node.name
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+    note && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "min-w-0 shrink-[100] truncate text-xs",
+          failedToRun ? "text-red-600 dark:text-red-400" : "text-muted-foreground"
+        ),
+        title: note,
+        children: note
+      }
+    ),
+    count > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0", title: `${count} violation${count === 1 ? "" : "s"}`, children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: COUNT_TONE[stats.lintNodeSeverity(node)], variant: "solid", size: "xxs", count }) })
+  ] });
+}
+exports.LintTreeNode = LintTreeNode;
+//# sourceMappingURL=LintTreeNode.cjs.map

package/dist/data/lint/LintTreeNode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintTreeNode.cjs","sources":["../../../src/data/lint/LintTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { Badge } from \"../Badge\";\nimport { cn } from \"../../lib/utils\";\nimport { UiFileCode, UiFolder, UiTag, UiWrench } from \"../../icons\";\nimport { LintSeverityIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { toolMark } from \"../test-runner/marks\";\nimport { lintNodeCount, lintNodeSeverity } from \"./stats\";\nimport type { LintNode, LintSeverity } from \"./types\";\n\nconst COUNT_TONE = { error: \"danger\", warning: \"warning\", info: \"info\" } as const satisfies Record<\n  LintSeverity,\n  \"danger\" | \"warning\" | \"info\"\n>;\n\nfunction NodeIcon({ node }: { node: LintNode }) {\n  switch (node.kind) {\n    case \"linter\":\n      return toolMark(node.linterName) ? (\n        <ToolIcon tool={node.linterName} />\n      ) : (\n        <Icon icon={UiWrench} className=\"shrink-0 text-muted-foreground\" />\n      );\n    case \"lint-folder\":\n      return <Icon icon={UiFolder} className=\"shrink-0 text-muted-foreground\" />;\n    case \"lint-file\":\n      return <Icon icon={UiFileCode} className=\"shrink-0 text-muted-foreground\" />;\n    case \"lint-rule\":\n    case \"lint-rule-group\":\n      return <Icon icon={UiTag} className=\"shrink-0 text-muted-foreground\" />;\n    case \"linter-error\":\n      return <LintSeverityIcon severity=\"error\" />;\n  }\n}\n\n/** One lint tree row: kind glyph, name, trailing note, and a violation count coloured by worst severity. */\nexport function LintTreeNode({ node, selected }: { node: LintNode; selected: boolean }) {\n  const count = node.kind === \"linter-error\" ? 0 : lintNodeCount(node);\n  const failedToRun = node.kind === \"linter\" && node.children?.some((c) => c.kind === \"linter-error\");\n  const note = node.skipped ? node.message : failedToRun ? \"failed to run\" : undefined;\n  return (\n    <>\n      <NodeIcon node={node} />\n      <span\n        className={cn(\n          \"min-w-0 truncate\",\n          selected ? \"font-semibold\" : \"font-medium\",\n          node.kind === \"linter-error\" ? \"text-red-600 dark:text-red-400\" : \"text-foreground\",\n          node.skipped && \"text-muted-foreground\",\n        )}\n        title={node.name}\n      >\n        {node.name}\n      </span>\n      <span className=\"flex-1\" />\n      {note && (\n        <span\n          className={cn(\n            \"min-w-0 shrink-[100] truncate text-xs\",\n            failedToRun ? \"text-red-600 dark:text-red-400\" : \"text-muted-foreground\",\n          )}\n          title={note}\n        >\n          {note}\n        </span>\n      )}\n      {count > 0 && (\n        <span className=\"flex shrink-0\" title={`${count} violation${count === 1 ? \"\" : \"s\"}`}>\n          <Badge tone={COUNT_TONE[lintNodeSeverity(node)]} variant=\"solid\" size=\"xxs\" count={count} />\n        </span>\n      )}\n    </>\n  );\n}\n"],"names":["toolMark","ToolIcon","jsx","Icon","UiWrench","UiFolder","UiFileCode","UiTag","LintSeverityIcon","lintNodeCount","jsxs","Fragment","cn","Badge","lintNodeSeverity"],"mappings":";;;;;;;;;;;;;AASA,MAAM,aAAa,EAAE,OAAO,UAAU,SAAS,WAAW,MAAM,OAAA;AAKhE,SAAS,SAAS,EAAE,QAA4B;AAC9C,UAAQ,KAAK,MAAA;AAAA,IACX,KAAK;AACH,aAAOA,MAAAA,SAAS,KAAK,UAAU,mCAC5BC,UAAAA,UAAA,EAAS,MAAM,KAAK,WAAA,CAAY,IAEjCC,2BAAAA,IAACC,WAAA,EAAK,MAAMC,mBAAU,WAAU,kCAAiC;AAAA,IAErE,KAAK;AACH,aAAOF,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAME,SAAAA,UAAU,WAAU,kCAAiC;AAAA,IAC1E,KAAK;AACH,aAAOH,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,WAAAA,YAAY,WAAU,kCAAiC;AAAA,IAC5E,KAAK;AAAA,IACL,KAAK;AACH,aAAOJ,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMI,MAAAA,OAAO,WAAU,kCAAiC;AAAA,IACvE,KAAK;AACH,aAAOL,2BAAAA,IAACM,UAAAA,kBAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,EAAA;AAEhD;AAGO,SAAS,aAAa,EAAE,MAAM,YAAmD;;AACtF,QAAM,QAAQ,KAAK,SAAS,iBAAiB,IAAIC,MAAAA,cAAc,IAAI;AACnE,QAAM,cAAc,KAAK,SAAS,cAAY,UAAK,aAAL,mBAAe,KAAK,CAAC,MAAM,EAAE,SAAS;AACpF,QAAM,OAAO,KAAK,UAAU,KAAK,UAAU,cAAc,kBAAkB;AAC3E,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAT,+BAAC,YAAS,MAAY;AAAA,IACtBA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWU,MAAAA;AAAAA,UACT;AAAA,UACA,WAAW,kBAAkB;AAAA,UAC7B,KAAK,SAAS,iBAAiB,mCAAmC;AAAA,UAClE,KAAK,WAAW;AAAA,QAAA;AAAA,QAElB,OAAO,KAAK;AAAA,QAEX,UAAA,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAERV,2BAAAA,IAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,IACxB,QACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWU,MAAAA;AAAAA,UACT;AAAA,UACA,cAAc,mCAAmC;AAAA,QAAA;AAAA,QAEnD,OAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,QAAQ,KACPV,2BAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,OAAO,GAAG,KAAK,aAAa,UAAU,IAAI,KAAK,GAAG,IAChF,UAAAA,2BAAAA,IAACW,MAAAA,OAAA,EAAM,MAAM,WAAWC,MAAAA,iBAAiB,IAAI,CAAC,GAAG,SAAQ,SAAQ,MAAK,OAAM,MAAA,CAAc,EAAA,CAC5F;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/lint/LintTreeNode.d.ts

@@ -0,0 +1,7 @@
+import { LintNode } from './types.js';
+/** One lint tree row: kind glyph, name, trailing note, and a violation count coloured by worst severity. */
+export declare function LintTreeNode({ node, selected }: {
+    node: LintNode;
+    selected: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=LintTreeNode.d.ts.map

package/dist/data/lint/LintTreeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LintTreeNode.d.ts","sourceRoot":"","sources":["../../../src/data/lint/LintTreeNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AA2BtD,4GAA4G;AAC5G,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,+BAqCrF"}