@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/lint/LintFilterBar.js

@@ -1,107 +1,79 @@
 import { cn } from "../../lib/utils.js";
-import { FilterPill } from "../FilterPill.js";
-import { cycleFilterState } from "../test-runner/filterState.js";
-import { formatCount } from "../test-runner/status.js";
 import { LINT_SEVERITIES, toolMark } from "../test-runner/marks.js";
 import { LintSeverityIcon, ToolIcon } from "../test-runner/MarkIcons.js";
 import { collectLintLinters, countLintByLinter, countLintBySeverity } from "./stats.js";
+import { ProblemFacet } from "../diagnostics/ProblemFacet.js";
+import { ProblemViewOptions } from "../diagnostics/ProblemViewOptions.js";
 import { LINT_GROUPING_OPTIONS } from "./grouping-options.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 // src/data/lint/LintFilterBar.tsx
 var SEVERITY_ORDER = [
 	"error",
 	"warning",
 	"info"
 ];
-var 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`;
+/** One pill per lint grouping; the active one is highlighted. */
+function LintGroupingPicker({ grouping, onGroupingChange, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-label": "Group by",
+		className: cn("space-y-1", className),
+		children: LINT_GROUPING_OPTIONS.map((opt) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-pressed": opt.key === grouping,
+			className: cn("block w-full rounded px-2 py-1 text-left text-xs hover:bg-muted", opt.key === grouping && "bg-muted font-medium"),
+			title: `Group by ${opt.label}`,
+			onClick: () => onGroupingChange(opt.key),
+			children: opt.label
+		}, opt.key))
+	});
 }
 /**
-* Grouping picker plus tri-state severity and linter filters for the lint
-* tree. Controlled: the host owns grouping and filters (typically in the URL).
-* Counts follow the other filter, so each pill shows what picking it would leave.
+* Severity and linter facets: compact triggers that each open a multi-select
+* with icons where every option is included, excluded or left neutral. Counts
+* follow the other facet, so each option shows what picking it would leave. A
+* severity nobody reported is offered only while a severity filter is active.
 */
-function LintFilterBar({ results, grouping, onGroupingChange, filters, onFiltersChange, className }) {
+function LintFilterFacets({ results, filters, onFiltersChange, className }) {
 	const severityCounts = countLintBySeverity(results, filters.linter);
 	const linterCounts = countLintByLinter(results, filters.severity);
-	const linters = collectLintLinters(results);
+	const linters = [.../* @__PURE__ */ new Set([...collectLintLinters(results), ...filters.linter.keys()])];
 	const hasActive = filters.severity.size > 0 || filters.linter.size > 0;
+	const severityOptions = SEVERITY_ORDER.filter((s) => severityCounts[s] > 0 || filters.severity.size > 0).map((s) => ({
+		value: s,
+		label: LINT_SEVERITIES[s].label,
+		icon: /* @__PURE__ */ jsx(LintSeverityIcon, { severity: s }),
+		count: severityCounts[s]
+	}));
+	const linterOptions = linters.map((linter) => ({
+		value: linter,
+		label: toolMark(linter)?.label ?? linter,
+		title: linter,
+		icon: /* @__PURE__ */ jsx(ToolIcon, { tool: linter }),
+		count: linterCounts[linter] ?? 0
+	}));
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-wrap items-center gap-1.5", className),
-		"data-lint-filter-bar": "",
+		className: cn("space-y-3", className),
+		"data-lint-filter-facets": "",
 		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(ProblemFacet, {
+				label: "Severity",
+				options: severityOptions,
+				state: filters.severity,
+				onChange: (severity) => onFiltersChange({
+					...filters,
+					severity
+				})
 			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "mx-0.5 text-border",
-				"aria-hidden": true,
-				children: "|"
+			(linters.length > 1 || filters.linter.size > 0) && /* @__PURE__ */ jsx(ProblemFacet, {
+				label: "Linter",
+				options: linterOptions,
+				state: filters.linter,
+				onChange: (linter) => onFiltersChange({
+					...filters,
+					linter
+				})
 			}),
-			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) => {
-				const mode = filters.linter.get(linter);
-				const name = toolMark(linter)?.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",
@@ -109,11 +81,32 @@ function LintFilterBar({ results, grouping, onGroupingChange, filters, onFilters
 					severity: /* @__PURE__ */ new Map(),
 					linter: /* @__PURE__ */ new Map()
 				}),
-				children: "Clear"
+				children: "Clear filters"
 			})
 		]
 	});
 }
-export { LintFilterBar };
+/**
+* Grouping picker plus severity and linter facets for the lint tree.
+* Controlled: the host owns grouping and filters (typically in the URL).
+*/
+function LintFilterBar({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center gap-1.5", className),
+		"data-lint-filter-bar": "",
+		children: /* @__PURE__ */ jsxs(ProblemViewOptions, {
+			active: props.filters.severity.size + props.filters.linter.size,
+			children: [/* @__PURE__ */ jsx(LintGroupingPicker, {
+				grouping: props.grouping,
+				onGroupingChange: props.onGroupingChange
+			}), /* @__PURE__ */ jsx(LintFilterFacets, {
+				results: props.results,
+				filters: props.filters,
+				onFiltersChange: props.onFiltersChange
+			})]
+		})
+	});
+}
+export { LintFilterBar, LintFilterFacets, LintGroupingPicker };
 
 //# sourceMappingURL=LintFilterBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LintFilterBar.js","names":["_Fragment"],"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"],"mappings":";;;;;;;;;;AAmBA,IAAM,iBAA0C;CAAC;CAAS;CAAW;AAAM;AAE3E,IAAM,iBAA+C;CACnD,OAAO;CACP,SAAS;CACT,MAAM;AACR;AAEA,SAAS,cAAc,OAAe,MAAsC;CAC1E,IAAI,SAAS,WAAW,OAAO,GAAG,MAAM;CACxC,IAAI,SAAS,WAAW,OAAO,GAAG,MAAM;CACxC,OAAO,GAAG,MAAM;AAClB;;;;;;AAOA,SAAgB,cAAc,EAC5B,SACA,UACA,kBACA,SACA,iBACA,aACqB;CACrB,MAAM,iBAAiB,oBAAoB,SAAS,QAAQ,MAAM;CAClE,MAAM,eAAe,kBAAkB,SAAS,QAAQ,QAAQ;CAChE,MAAM,UAAU,mBAAmB,OAAO;CAC1C,MAAM,YAAY,QAAQ,SAAS,OAAO,KAAK,QAAQ,OAAO,OAAO;CAErE,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,uCAAuC,SAAS;EAAG,wBAAqB;EAA3F,UAAA;GACE,oBAAC,OAAD;IAAK,MAAK;IAAQ,cAAW;IAAW,WAAU;IAC/C,UAAA,sBAAsB,KAAK,QAC1B,oBAAC,YAAD;KAEE,MAAM,IAAI,QAAQ,WAAW,WAAW;KACxC,OAAO,IAAI;KACX,MAAM,IAAI;KACV,OAAO,YAAY,IAAI;KACvB,eAAe,iBAAiB,IAAI,GAAG;IACxC,GANM,IAAI,GAMV,CACF;GACE,CAAA;GAEL,oBAAC,QAAD;IAAM,WAAU;IAAqB,eAAA;IAAY,UAAA;GAE3C,CAAA;GAEL,eAAe,KAAK,aAAa;IAChC,MAAM,QAAQ,eAAe;IAC7B,IAAI,UAAU,KAAK,QAAQ,SAAS,SAAS,GAAG,OAAO;IACvD,MAAM,OAAO,QAAQ,SAAS,IAAI,QAAQ;IAC1C,MAAM,QAAQ,gBAAgB,SAAS,CAAC;IACxC,OACE,oBAAC,YAAD;KAEE,MAAM,QAAQ;KACP;KACP,OAAO,eAAe;KACtB,OACE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACE,oBAAC,kBAAD,EAA4B,SAAW,CAAA,GACtC,KACG;;KAER,OAAO,cAAc,OAAO,IAAI;KAChC,eACE,gBAAgB;MAAE,GAAG;MAAS,UAAU,iBAAiB,QAAQ,UAAU,QAAQ;KAAE,CAAC;IAEzF,GAdM,QAcN;GAEL,CAAC;GAEA,QAAQ,SAAS,KAChB,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAAqB,eAAA;IAAY,UAAA;GAE3C,CAAA,GACL,QAAQ,KAAK,WAAW;IACvB,MAAM,OAAO,QAAQ,OAAO,IAAI,MAAM;IACtC,MAAM,OAAO,SAAS,MAAM,CAAC,EAAE,SAAS;IACxC,OACE,oBAAC,YAAD;KAEE,MAAM,QAAQ;KACd,OACE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,oBAAC,UAAD,EAAU,MAAM,OAAS,CAAA;OACxB;OACD,oBAAC,QAAD;QAAM,WAAU;QAAsC,OAAO,OAAO,aAAa,WAAW,CAAC;QAC1F,UAAA,YAAY,aAAa,WAAW,CAAC;OAClC,CAAA;MACF;;KAER,OAAO,cAAc,QAAQ,IAAI;KACjC,eACE,gBAAgB;MAAE,GAAG;MAAS,QAAQ,iBAAiB,QAAQ,QAAQ,MAAM;KAAE,CAAC;IAEnF,GAfM,MAeN;GAEL,CAAC,CACD,EAAA,CAAA;GAGH,aACC,oBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eAAe,gBAAgB;KAAE,0BAAU,IAAI,IAAI;KAAG,wBAAQ,IAAI,IAAI;IAAE,CAAC;IAC1E,UAAA;GAEO,CAAA;EAEP;;AAET"}
+{"version":3,"file":"LintFilterBar.js","names":[],"sources":["../../../src/data/lint/LintFilterBar.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport type { MultiSelectOption } from \"../../components/MultiSelect\";\nimport { ProblemFacet } from \"../diagnostics/ProblemFacet\";\nimport { ProblemViewOptions } from \"../diagnostics/ProblemViewOptions\";\nimport { LINT_GROUPING_OPTIONS } from \"./grouping-options\";\nimport { LINT_SEVERITIES, toolMark } from \"../test-runner/marks\";\nimport { LintSeverityIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { collectLintLinters, countLintByLinter, countLintBySeverity } from \"./stats\";\nimport type { LintFilters, LintGrouping, LintSeverity, LinterResult } from \"./types\";\n\ntype GroupingProps = {\n  grouping: LintGrouping;\n  onGroupingChange: (next: LintGrouping) => void;\n};\n\ntype FacetProps = {\n  results: readonly LinterResult[];\n  filters: LintFilters;\n  onFiltersChange: (next: LintFilters) => void;\n};\n\nexport type LintFilterBarProps = GroupingProps & FacetProps & { className?: string };\n\nconst SEVERITY_ORDER: readonly LintSeverity[] = [\"error\", \"warning\", \"info\"];\n\n/** One pill per lint grouping; the active one is highlighted. */\nexport function LintGroupingPicker({ grouping, onGroupingChange, className }: GroupingProps & { className?: string }) {\n  return (\n    <div role=\"group\" aria-label=\"Group by\" className={cn(\"space-y-1\", className)}>\n      {LINT_GROUPING_OPTIONS.map((opt) => (\n        <button type=\"button\"\n          key={opt.key}\n          aria-pressed={opt.key === grouping}\n          className={cn(\"block w-full rounded px-2 py-1 text-left text-xs hover:bg-muted\", opt.key === grouping && \"bg-muted font-medium\")}\n          title={`Group by ${opt.label}`}\n          onClick={() => onGroupingChange(opt.key)}\n        >{opt.label}</button>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Severity and linter facets: compact triggers that each open a multi-select\n * with icons where every option is included, excluded or left neutral. Counts\n * follow the other facet, so each option shows what picking it would leave. A\n * severity nobody reported is offered only while a severity filter is active.\n */\nexport function LintFilterFacets({ results, filters, onFiltersChange, className }: FacetProps & { className?: string }) {\n  const severityCounts = countLintBySeverity(results, filters.linter);\n  const linterCounts = countLintByLinter(results, filters.severity);\n  const linters = [...new Set([...collectLintLinters(results), ...filters.linter.keys()])];\n  const hasActive = filters.severity.size > 0 || filters.linter.size > 0;\n\n  const severityOptions: MultiSelectOption[] = SEVERITY_ORDER.filter(\n    (s) => severityCounts[s] > 0 || filters.severity.size > 0,\n  ).map((s) => ({\n    value: s,\n    label: LINT_SEVERITIES[s].label,\n    icon: <LintSeverityIcon severity={s} />,\n    count: severityCounts[s],\n  }));\n  const linterOptions: MultiSelectOption[] = linters.map((linter) => ({\n    value: linter,\n    label: toolMark(linter)?.label ?? linter,\n    title: linter,\n    icon: <ToolIcon tool={linter} />,\n    count: linterCounts[linter] ?? 0,\n  }));\n\n  return (\n    <div className={cn(\"space-y-3\", className)} data-lint-filter-facets=\"\">\n      <ProblemFacet\n        label=\"Severity\"\n        options={severityOptions}\n        state={filters.severity}\n        onChange={(severity) => onFiltersChange({ ...filters, severity: severity as LintFilters[\"severity\"] })}\n      />\n      {(linters.length > 1 || filters.linter.size > 0) && (\n        <ProblemFacet\n          label=\"Linter\"\n          options={linterOptions}\n          state={filters.linter}\n          onChange={(linter) => onFiltersChange({ ...filters, linter })}\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 filters\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Grouping picker plus severity and linter facets for the lint tree.\n * Controlled: the host owns grouping and filters (typically in the URL).\n */\nexport function LintFilterBar({ className, ...props }: LintFilterBarProps) {\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-1.5\", className)} data-lint-filter-bar=\"\">\n      <ProblemViewOptions active={props.filters.severity.size + props.filters.linter.size}>\n        <LintGroupingPicker grouping={props.grouping} onGroupingChange={props.onGroupingChange} />\n        <LintFilterFacets results={props.results} filters={props.filters} onFiltersChange={props.onFiltersChange} />\n      </ProblemViewOptions>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAuBA,IAAM,iBAA0C;CAAC;CAAS;CAAW;AAAM;;AAG3E,SAAgB,mBAAmB,EAAE,UAAU,kBAAkB,aAAqD;CACpH,OACE,oBAAC,OAAD;EAAK,MAAK;EAAQ,cAAW;EAAW,WAAW,GAAG,aAAa,SAAS;EACzE,UAAA,sBAAsB,KAAK,QAC1B,oBAAC,UAAD;GAAQ,MAAK;GAEX,gBAAc,IAAI,QAAQ;GAC1B,WAAW,GAAG,mEAAmE,IAAI,QAAQ,YAAY,sBAAsB;GAC/H,OAAO,YAAY,IAAI;GACvB,eAAe,iBAAiB,IAAI,GAAG;GACvC,UAAA,IAAI;EAAc,GALb,IAAI,GAKS,CACrB;CACE,CAAA;AAET;;;;;;;AAQA,SAAgB,iBAAiB,EAAE,SAAS,SAAS,iBAAiB,aAAkD;CACtH,MAAM,iBAAiB,oBAAoB,SAAS,QAAQ,MAAM;CAClE,MAAM,eAAe,kBAAkB,SAAS,QAAQ,QAAQ;CAChE,MAAM,UAAU,CAAC,mBAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,OAAO,GAAG,GAAG,QAAQ,OAAO,KAAK,CAAC,CAAC,CAAC;CACvF,MAAM,YAAY,QAAQ,SAAS,OAAO,KAAK,QAAQ,OAAO,OAAO;CAErE,MAAM,kBAAuC,eAAe,QACzD,MAAM,eAAe,KAAK,KAAK,QAAQ,SAAS,OAAO,CAC1D,CAAC,CAAC,KAAK,OAAO;EACZ,OAAO;EACP,OAAO,gBAAgB,EAAE,CAAC;EAC1B,MAAM,oBAAC,kBAAD,EAAkB,UAAU,EAAI,CAAA;EACtC,OAAO,eAAe;CACxB,EAAE;CACF,MAAM,gBAAqC,QAAQ,KAAK,YAAY;EAClE,OAAO;EACP,OAAO,SAAS,MAAM,CAAC,EAAE,SAAS;EAClC,OAAO;EACP,MAAM,oBAAC,UAAD,EAAU,MAAM,OAAS,CAAA;EAC/B,OAAO,aAAa,WAAW;CACjC,EAAE;CAEF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,SAAS;EAAG,2BAAwB;EAApE,UAAA;GACE,oBAAC,cAAD;IACE,OAAM;IACN,SAAS;IACT,OAAO,QAAQ;IACf,WAAW,aAAa,gBAAgB;KAAE,GAAG;KAAmB;IAAoC,CAAC;GACtG,CAAA;IACC,QAAQ,SAAS,KAAK,QAAQ,OAAO,OAAO,MAC5C,oBAAC,cAAD;IACE,OAAM;IACN,SAAS;IACT,OAAO,QAAQ;IACf,WAAW,WAAW,gBAAgB;KAAE,GAAG;KAAS;IAAO,CAAC;GAC7D,CAAA;GAEF,aACC,oBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eAAe,gBAAgB;KAAE,0BAAU,IAAI,IAAI;KAAG,wBAAQ,IAAI,IAAI;IAAE,CAAC;IAC1E,UAAA;GAEO,CAAA;EAEP;;AAET;;;;;AAMA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAA6B;CACzE,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,uCAAuC,SAAS;EAAG,wBAAqB;EACzF,UAAA,qBAAC,oBAAD;GAAoB,QAAQ,MAAM,QAAQ,SAAS,OAAO,MAAM,QAAQ,OAAO;GAA/E,UAAA,CACE,oBAAC,oBAAD;IAAoB,UAAU,MAAM;IAAU,kBAAkB,MAAM;GAAmB,CAAA,GACzF,oBAAC,kBAAD;IAAkB,SAAS,MAAM;IAAS,SAAS,MAAM;IAAS,iBAAiB,MAAM;GAAkB,CAAA,CACzF;;CACjB,CAAA;AAET"}

package/dist/data/lint/LintIgnoreMenu.cjs

@@ -0,0 +1,59 @@
+const require_UiEllipsis = require("../../icons/components/UiEllipsis.cjs");
+const require_Icon = require("../Icon.cjs");
+const require_button = require("../../components/button.cjs");
+const require_DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const require_ContextMenu = require("../../overlay/ContextMenu.cjs");
+const require_ignore_menu_items = require("./ignore-menu-items.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/lint/LintIgnoreMenu.tsx
+function IgnoreActionsMenu({ actions, onIgnore, busy, align = "left" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu, {
+		label: "Actions",
+		variant: "ghost",
+		align,
+		menuLabel: "Finding actions",
+		items: require_ignore_menu_items.ignoreMenuItems(actions, onIgnore, busy)
+	});
+}
+/**
+* Ignore actions for a tree row: a "⋯" menu at the row's end and the same
+* items on right-click anywhere in the row. Clicks inside never reach the row,
+* so choosing an action does not also select it.
+*/
+function LintRowIgnoreMenu({ actions, onIgnore, busy, label }) {
+	const [row, setRow] = (0, react.useState)(null);
+	const bindRow = (0, react.useCallback)((el) => setRow(el?.parentElement ?? null), []);
+	if (actions.length === 0) return null;
+	const items = require_ignore_menu_items.ignoreMenuItems(actions, onIgnore, busy);
+	const menuLabel = `Ignore options for ${label}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref: bindRow,
+		className: "flex shrink-0 opacity-0 focus-within:opacity-100 [:hover>&]:opacity-100 [[aria-selected=true]>div>&]:opacity-100",
+		onClick: (event) => event.stopPropagation(),
+		onKeyDown: (event) => event.stopPropagation(),
+		"data-lint-row-menu": "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu, {
+			items,
+			align: "right",
+			menuLabel,
+			trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: "h-5 w-5 text-muted-foreground",
+				"aria-label": menuLabel,
+				title: "Ignore options",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, { icon: require_UiEllipsis.UiEllipsis })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContextMenu.ContextMenu, {
+			contextTarget: row,
+			menuLabel,
+			menuItems: items
+		})]
+	});
+}
+exports.IgnoreActionsMenu = IgnoreActionsMenu;
+exports.LintRowIgnoreMenu = LintRowIgnoreMenu;
+
+//# sourceMappingURL=LintIgnoreMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LintIgnoreMenu.cjs","names":["DropdownMenu","ignoreMenuItems","useState","useCallback","Button","Icon","UiEllipsis","ContextMenu"],"sources":["../../../src/data/lint/LintIgnoreMenu.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { ContextMenu } from \"../../overlay/ContextMenu\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiEllipsis } from \"../../icons\";\nimport type { LintAction } from \"./types\";\nimport { ignoreMenuItems, type IgnoreHandler } from \"./ignore-menu-items\";\n\nexport function IgnoreActionsMenu({ actions, onIgnore, busy, align = \"left\" }: { actions: readonly LintAction[]; onIgnore: IgnoreHandler; busy: boolean; align?: \"left\" | \"right\" }) {\n  return <DropdownMenu label=\"Actions\" variant=\"ghost\" align={align} menuLabel=\"Finding actions\" items={ignoreMenuItems(actions, onIgnore, busy)} />;\n}\n\n/**\n * Ignore actions for a tree row: a \"⋯\" menu at the row's end and the same\n * items on right-click anywhere in the row. Clicks inside never reach the row,\n * so choosing an action does not also select it.\n */\nexport function LintRowIgnoreMenu({\n  actions,\n  onIgnore,\n  busy,\n  label,\n}: {\n  actions: readonly LintAction[];\n  onIgnore: IgnoreHandler;\n  busy: boolean;\n  label: string;\n}) {\n  const [row, setRow] = useState<HTMLElement | null>(null);\n  // The row element is TreeNode's; the right-click menu binds to it.\n  const bindRow = useCallback((el: HTMLElement | null) => setRow(el?.parentElement ?? null), []);\n  if (actions.length === 0) return null;\n  const items = ignoreMenuItems(actions, onIgnore, busy);\n  const menuLabel = `Ignore options for ${label}`;\n  return (\n    <span\n      ref={bindRow}\n      className=\"flex shrink-0 opacity-0 focus-within:opacity-100 [:hover>&]:opacity-100 [[aria-selected=true]>div>&]:opacity-100\"\n      onClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => event.stopPropagation()}\n      data-lint-row-menu=\"\"\n    >\n      <DropdownMenu\n        items={items}\n        align=\"right\"\n        menuLabel={menuLabel}\n        trigger={\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-5 w-5 text-muted-foreground\"\n            aria-label={menuLabel}\n            title=\"Ignore options\"\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n        }\n      />\n      <ContextMenu contextTarget={row} menuLabel={menuLabel} menuItems={items} />\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,kBAAkB,EAAE,SAAS,UAAU,MAAM,QAAQ,UAAgH;CACnL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,cAAD;EAAc,OAAM;EAAU,SAAQ;EAAe;EAAO,WAAU;EAAkB,OAAOC,0BAAAA,gBAAgB,SAAS,UAAU,IAAI;CAAI,CAAA;AACnJ;;;;;;AAOA,SAAgB,kBAAkB,EAChC,SACA,UACA,MACA,SAMC;CACD,MAAM,CAAC,KAAK,WAAA,GAAUC,MAAAA,SAAAA,CAA6B,IAAI;CAEvD,MAAM,WAAA,GAAUC,MAAAA,YAAAA,EAAa,OAA2B,OAAO,IAAI,iBAAiB,IAAI,GAAG,CAAC,CAAC;CAC7F,IAAI,QAAQ,WAAW,GAAG,OAAO;CACjC,MAAM,QAAQF,0BAAAA,gBAAgB,SAAS,UAAU,IAAI;CACrD,MAAM,YAAY,sBAAsB;CACxC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EACE,KAAK;EACL,WAAU;EACV,UAAU,UAAU,MAAM,gBAAgB;EAC1C,YAAY,UAAU,MAAM,gBAAgB;EAC5C,sBAAmB;EALrB,UAAA,CAOE,iBAAA,GAAA,kBAAA,IAAA,CAACD,qBAAAA,cAAD;GACS;GACP,OAAM;GACK;GACX,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,eAAAA,QAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAY;IACZ,OAAM;IAEN,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD,EAAM,MAAMC,mBAAAA,WAAa,CAAA;GACnB,CAAA;EAEX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;GAAa,eAAe;GAAgB;GAAW,WAAW;EAAQ,CAAA,CACtE;;AAEV"}

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

@@ -0,0 +1,20 @@
+import { LintAction } from './types.js';
+import { IgnoreHandler } from './ignore-menu-items.js';
+export declare function IgnoreActionsMenu({ actions, onIgnore, busy, align }: {
+    actions: readonly LintAction[];
+    onIgnore: IgnoreHandler;
+    busy: boolean;
+    align?: "left" | "right";
+}): import("react").JSX.Element;
+/**
+ * Ignore actions for a tree row: a "⋯" menu at the row's end and the same
+ * items on right-click anywhere in the row. Clicks inside never reach the row,
+ * so choosing an action does not also select it.
+ */
+export declare function LintRowIgnoreMenu({ actions, onIgnore, busy, label, }: {
+    actions: readonly LintAction[];
+    onIgnore: IgnoreHandler;
+    busy: boolean;
+    label: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=LintIgnoreMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LintIgnoreMenu.d.ts","sourceRoot":"","sources":["../../../src/data/lint/LintIgnoreMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE1E,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAc,EAAE,EAAE;IAAE,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAAC,QAAQ,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,+BAElL;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,GACN,EAAE;IACD,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,sCAmCA"}

package/dist/data/lint/LintIgnoreMenu.js

@@ -0,0 +1,58 @@
+import { UiEllipsis } from "../../icons/components/UiEllipsis.js";
+import { Icon } from "../Icon.js";
+import { Button } from "../../components/button.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { ContextMenu } from "../../overlay/ContextMenu.js";
+import { ignoreMenuItems } from "./ignore-menu-items.js";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/lint/LintIgnoreMenu.tsx
+function IgnoreActionsMenu({ actions, onIgnore, busy, align = "left" }) {
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		label: "Actions",
+		variant: "ghost",
+		align,
+		menuLabel: "Finding actions",
+		items: ignoreMenuItems(actions, onIgnore, busy)
+	});
+}
+/**
+* Ignore actions for a tree row: a "⋯" menu at the row's end and the same
+* items on right-click anywhere in the row. Clicks inside never reach the row,
+* so choosing an action does not also select it.
+*/
+function LintRowIgnoreMenu({ actions, onIgnore, busy, label }) {
+	const [row, setRow] = useState(null);
+	const bindRow = useCallback((el) => setRow(el?.parentElement ?? null), []);
+	if (actions.length === 0) return null;
+	const items = ignoreMenuItems(actions, onIgnore, busy);
+	const menuLabel = `Ignore options for ${label}`;
+	return /* @__PURE__ */ jsxs("span", {
+		ref: bindRow,
+		className: "flex shrink-0 opacity-0 focus-within:opacity-100 [:hover>&]:opacity-100 [[aria-selected=true]>div>&]:opacity-100",
+		onClick: (event) => event.stopPropagation(),
+		onKeyDown: (event) => event.stopPropagation(),
+		"data-lint-row-menu": "",
+		children: [/* @__PURE__ */ jsx(DropdownMenu, {
+			items,
+			align: "right",
+			menuLabel,
+			trigger: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: "h-5 w-5 text-muted-foreground",
+				"aria-label": menuLabel,
+				title: "Ignore options",
+				children: /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis })
+			})
+		}), /* @__PURE__ */ jsx(ContextMenu, {
+			contextTarget: row,
+			menuLabel,
+			menuItems: items
+		})]
+	});
+}
+export { IgnoreActionsMenu, LintRowIgnoreMenu };
+
+//# sourceMappingURL=LintIgnoreMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LintIgnoreMenu.js","names":[],"sources":["../../../src/data/lint/LintIgnoreMenu.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { ContextMenu } from \"../../overlay/ContextMenu\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiEllipsis } from \"../../icons\";\nimport type { LintAction } from \"./types\";\nimport { ignoreMenuItems, type IgnoreHandler } from \"./ignore-menu-items\";\n\nexport function IgnoreActionsMenu({ actions, onIgnore, busy, align = \"left\" }: { actions: readonly LintAction[]; onIgnore: IgnoreHandler; busy: boolean; align?: \"left\" | \"right\" }) {\n  return <DropdownMenu label=\"Actions\" variant=\"ghost\" align={align} menuLabel=\"Finding actions\" items={ignoreMenuItems(actions, onIgnore, busy)} />;\n}\n\n/**\n * Ignore actions for a tree row: a \"⋯\" menu at the row's end and the same\n * items on right-click anywhere in the row. Clicks inside never reach the row,\n * so choosing an action does not also select it.\n */\nexport function LintRowIgnoreMenu({\n  actions,\n  onIgnore,\n  busy,\n  label,\n}: {\n  actions: readonly LintAction[];\n  onIgnore: IgnoreHandler;\n  busy: boolean;\n  label: string;\n}) {\n  const [row, setRow] = useState<HTMLElement | null>(null);\n  // The row element is TreeNode's; the right-click menu binds to it.\n  const bindRow = useCallback((el: HTMLElement | null) => setRow(el?.parentElement ?? null), []);\n  if (actions.length === 0) return null;\n  const items = ignoreMenuItems(actions, onIgnore, busy);\n  const menuLabel = `Ignore options for ${label}`;\n  return (\n    <span\n      ref={bindRow}\n      className=\"flex shrink-0 opacity-0 focus-within:opacity-100 [:hover>&]:opacity-100 [[aria-selected=true]>div>&]:opacity-100\"\n      onClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => event.stopPropagation()}\n      data-lint-row-menu=\"\"\n    >\n      <DropdownMenu\n        items={items}\n        align=\"right\"\n        menuLabel={menuLabel}\n        trigger={\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-5 w-5 text-muted-foreground\"\n            aria-label={menuLabel}\n            title=\"Ignore options\"\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n        }\n      />\n      <ContextMenu contextTarget={row} menuLabel={menuLabel} menuItems={items} />\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,kBAAkB,EAAE,SAAS,UAAU,MAAM,QAAQ,UAAgH;CACnL,OAAO,oBAAC,cAAD;EAAc,OAAM;EAAU,SAAQ;EAAe;EAAO,WAAU;EAAkB,OAAO,gBAAgB,SAAS,UAAU,IAAI;CAAI,CAAA;AACnJ;;;;;;AAOA,SAAgB,kBAAkB,EAChC,SACA,UACA,MACA,SAMC;CACD,MAAM,CAAC,KAAK,UAAU,SAA6B,IAAI;CAEvD,MAAM,UAAU,aAAa,OAA2B,OAAO,IAAI,iBAAiB,IAAI,GAAG,CAAC,CAAC;CAC7F,IAAI,QAAQ,WAAW,GAAG,OAAO;CACjC,MAAM,QAAQ,gBAAgB,SAAS,UAAU,IAAI;CACrD,MAAM,YAAY,sBAAsB;CACxC,OACE,qBAAC,QAAD;EACE,KAAK;EACL,WAAU;EACV,UAAU,UAAU,MAAM,gBAAgB;EAC1C,YAAY,UAAU,MAAM,gBAAgB;EAC5C,sBAAmB;EALrB,UAAA,CAOE,oBAAC,cAAD;GACS;GACP,OAAM;GACK;GACX,SACE,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAY;IACZ,OAAM;IAEN,UAAA,oBAAC,MAAD,EAAM,MAAM,WAAa,CAAA;GACnB,CAAA;EAEX,CAAA,GACD,oBAAC,aAAD;GAAa,eAAe;GAAgB;GAAW,WAAW;EAAQ,CAAA,CACtE;;AAEV"}

package/dist/data/lint/LintResults.cjs

@@ -1,19 +1,34 @@
 const require_utils = require("../../lib/utils.cjs");
 const require_UiArrowLeft = require("../../icons/components/UiArrowLeft.cjs");
+const require_UiListTree = require("../../icons/components/UiListTree.cjs");
+const require_UiTable = require("../../icons/components/UiTable.cjs");
 const require_UiListChecks = require("../../icons/components/UiListChecks.cjs");
 const require_use_container_width = require("../../hooks/use-container-width.cjs");
 const require_Icon = require("../Icon.cjs");
 const require_Tree = require("../Tree.cjs");
+const require_SegmentedControl = require("../../components/SegmentedControl.cjs");
 const require_SplitPane = require("../../layout/SplitPane.cjs");
 const require_MarkIcons = require("../test-runner/MarkIcons.cjs");
+const require_actions = require("./actions.cjs");
 const require_stats = require("./stats.cjs");
 const require_LintDetail = require("./LintDetail.cjs");
+const require_grouping = require("./grouping.cjs");
+const require_LintTable = require("./LintTable.cjs");
+const require_ProblemViewOptions = require("../diagnostics/ProblemViewOptions.cjs");
 const require_LintFilterBar = require("./LintFilterBar.cjs");
 const require_LintTreeNode = require("./LintTreeNode.cjs");
-const require_grouping = require("./grouping.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/lint/LintResults.tsx
+var VIEW_OPTIONS = [{
+	id: "tree",
+	label: "Tree",
+	icon: require_UiListTree.UiListTree
+}, {
+	id: "table",
+	label: "Table",
+	icon: require_UiTable.UiTable
+}];
 var SPLIT_MIN_WIDTH = 640;
 var SEVERITIES = [
 	"error",
@@ -55,7 +70,7 @@ function emptyMessage(results, filters) {
 * them in its URL. A linter that failed to run is shown under its name rather
 * than dropped.
 */
-function LintResults({ results, grouping, onGroupingChange, filters, onFiltersChange, selected, onSelect, expandAll, onExpandAllChange, onIgnore, ignoreBusy, headerSlot, title, defaultSplit = 45, className }) {
+function LintResults({ results, grouping, onGroupingChange, filters, onFiltersChange, selected, onSelect, expandAll, onExpandAllChange, onIgnore, ignoreBusy, onOpenFile, loadSource, renderRun, headerSlot, title, view = "tree", onViewChange, defaultSplit = 45, className }) {
 	const tree = (0, react.useMemo)(() => require_grouping.buildLintTree({
 		results,
 		grouping,
@@ -67,21 +82,34 @@ function LintResults({ results, grouping, onGroupingChange, filters, onFiltersCh
 	]);
 	const selectedNode = (0, react.useMemo)(() => selected ? require_grouping.findLintNode(tree, selected) : null, [tree, selected]);
 	const { ref, wider: roomy } = require_use_container_width.useContainerWiderThan(SPLIT_MIN_WIDTH);
-	const filterBar = results.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintFilterBar.LintFilterBar, {
-		results,
-		grouping,
-		onGroupingChange,
-		filters,
-		onFiltersChange,
-		className: "border-b border-border bg-card px-density-4 py-density-2"
-	}) : null;
+	const filterBar = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-wrap items-center gap-2 border-b border-border bg-card px-density-4 py-density-2",
+		"data-lint-filter-bar": "",
+		children: [onViewChange && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SegmentedControl.SegmentedControl, {
+			size: "sm",
+			"aria-label": "View",
+			value: view,
+			options: VIEW_OPTIONS,
+			onChange: onViewChange
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ProblemViewOptions.ProblemViewOptions, {
+			active: filters.severity.size + filters.linter.size,
+			children: [view === "tree" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintFilterBar.LintGroupingPicker, {
+				grouping,
+				onGroupingChange
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintFilterBar.LintFilterFacets, {
+				results,
+				filters,
+				onFiltersChange
+			})]
+		})]
+	});
 	const treePane = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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),
+		onSelect: (node) => onSelect(node.route_path),
 		expandAll,
 		onExpandAllChange,
 		defaultOpen: (node, depth) => depth < 1 || node.failed,
@@ -94,14 +122,20 @@ function LintResults({ results, grouping, onGroupingChange, filters, onFiltersCh
 		}),
 		renderRow: ({ node, selected: isSelected }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintTreeNode.LintTreeNode, {
 			node,
-			selected: isSelected
+			selected: isSelected,
+			actions: onIgnore ? require_actions.lintNodeActions(node, results) : [],
+			onIgnore,
+			ignoreBusy
 		})
 	});
 	const detailPane = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintDetail.LintDetailPanel, {
 		node: selectedNode,
 		results,
 		onIgnore,
-		ignoreBusy
+		ignoreBusy,
+		onOpenFile,
+		loadSource,
+		renderRun
 	});
 	const showHeader = title !== null || results.length > 0 || headerSlot != null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -125,7 +159,18 @@ function LintResults({ results, grouping, onGroupingChange, filters, onFiltersCh
 					children: headerSlot
 				})
 			]
-		}), roomy ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [filterBar, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SplitPane.SplitPane, {
+		}), view === "table" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [filterBar, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "min-h-0 flex-1 overflow-y-auto",
+			"data-lint-table": "",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintTable.LintTable, {
+				results,
+				filters,
+				onIgnore,
+				ignoreBusy,
+				onOpenFile,
+				loadSource
+			})
+		})] }) : roomy ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [filterBar, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SplitPane.SplitPane, {
 			className: "min-h-0 flex-1",
 			defaultSplit,
 			minLeft: 25,

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

@@ -1 +1 @@
-{"version":3,"file":"LintResults.cjs","names":["countLintBySeverity","isLinterErrored","LintSeverityIcon","useMemo","buildLintTree","findLintNode","useContainerWiderThan","LintFilterBar","Tree","LintTreeNode","LintDetailPanel","cn","Icon","UiListChecks","_Fragment","SplitPane","UiArrowLeft"],"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"],"mappings":"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"}
+{"version":3,"file":"LintResults.cjs","names":["UiListTree","UiTable","countLintBySeverity","isLinterErrored","LintSeverityIcon","useMemo","buildLintTree","findLintNode","useContainerWiderThan","SegmentedControl","ProblemViewOptions","LintGroupingPicker","LintFilterFacets","Tree","LintTreeNode","lintNodeActions","LintDetailPanel","cn","Icon","UiListChecks","_Fragment","LintTable","SplitPane","UiArrowLeft"],"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, UiListTree, UiTable } from \"../../icons\";\nimport { SegmentedControl, type SegmentedOption } from \"../../components/SegmentedControl\";\nimport { LintTable } from \"./LintTable\";\nimport type { OpenFileTarget } from \"../OpenInFilesLink\";\nimport { LintSeverityIcon } from \"../test-runner/MarkIcons\";\nimport { LintDetailPanel, type LintDetailPanelProps } from \"./LintDetail\";\nimport { LintFilterFacets, LintGroupingPicker } from \"./LintFilterBar\";\nimport { ProblemViewOptions } from \"../diagnostics/ProblemViewOptions\";\nimport { LintTreeNode } from \"./LintTreeNode\";\nimport type { LintSourceLoader } from \"./ViolationSnippet\";\nimport { lintNodeActions } from \"./actions\";\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  /**\n   * Called with a violation's file, work dir and line when the reader asks to\n   * open it in the host's annotated file view. Omit to hide the \"Open in Files\" links.\n   */\n  onOpenFile?: (target: OpenFileTarget) => void;\n  /**\n   * Loads a violation's file (work-dir-relative, as `onOpenFile` receives it) so\n   * each violation shows its flagged lines with context. Omit to show only the\n   * snippet the linter reported.\n   */\n  loadSource?: LintSourceLoader;\n  /** Renders the prompt run behind a linter in its detail pane (see LintDetailPanelProps.renderRun). */\n  renderRun?: LintDetailPanelProps[\"renderRun\"];\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  /**\n   * \"tree\" (the default) shows the grouped tree beside a detail pane; \"table\"\n   * lists every violation as a row whose detail opens beneath it.\n   */\n  view?: LintView;\n  /** Called by the Tree / Table toggle. Omit to hide the toggle. */\n  onViewChange?: (next: LintView) => void;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\nexport type LintView = \"tree\" | \"table\";\n\nconst VIEW_OPTIONS: SegmentedOption<LintView>[] = [\n  { id: \"tree\", label: \"Tree\", icon: UiListTree },\n  { id: \"table\", label: \"Table\", icon: UiTable },\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  onOpenFile,\n  loadSource,\n  renderRun,\n  headerSlot,\n  title,\n  view = \"tree\",\n  onViewChange,\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    (\n      <div\n        className=\"flex flex-wrap items-center gap-2 border-b border-border bg-card px-density-4 py-density-2\"\n        data-lint-filter-bar=\"\"\n      >\n        {onViewChange && (\n          <SegmentedControl<LintView>\n            size=\"sm\"\n            aria-label=\"View\"\n            value={view}\n            options={VIEW_OPTIONS}\n            onChange={onViewChange}\n          />\n        )}\n        <ProblemViewOptions active={filters.severity.size + filters.linter.size}>\n          {view === \"tree\" && <LintGroupingPicker grouping={grouping} onGroupingChange={onGroupingChange} />}\n          <LintFilterFacets results={results} filters={filters} onFiltersChange={onFiltersChange} />\n        </ProblemViewOptions>\n      </div>\n    );\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)}\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 }) => (\n        <LintTreeNode\n          node={node}\n          selected={isSelected}\n          actions={onIgnore ? lintNodeActions(node, results) : []}\n          onIgnore={onIgnore}\n          ignoreBusy={ignoreBusy}\n        />\n      )}\n    />\n  );\n  const detailPane = (\n    <LintDetailPanel\n      node={selectedNode}\n      results={results}\n      onIgnore={onIgnore}\n      ignoreBusy={ignoreBusy}\n      onOpenFile={onOpenFile}\n      loadSource={loadSource}\n      renderRun={renderRun}\n    />\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      {view === \"table\" ? (\n        <>\n          {filterBar}\n          <div className=\"min-h-0 flex-1 overflow-y-auto\" data-lint-table=\"\">\n            <LintTable\n              results={results}\n              filters={filters}\n              onIgnore={onIgnore}\n              ignoreBusy={ignoreBusy}\n              onOpenFile={onOpenFile}\n              loadSource={loadSource}\n            />\n          </div>\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"],"mappings":"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"}