@flanksource/clicky-ui 0.3.54 → 0.3.56

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

@@ -0,0 +1 @@
+{"version":3,"file":"LintTable.js","names":[],"sources":["../../../src/data/lint/LintTable.tsx"],"sourcesContent":["import { useContainerWiderThan } from \"../../hooks/use-container-width\";\nimport { useProblemExpansion } from \"../diagnostics/use-problem-expansion\";\nimport { violationMenuItems } from \"./violation-menu-items\";\nimport { ProblemActions } from \"../diagnostics/ProblemActions\";\nimport { useMemo } from \"react\";\nimport { DataTable, type DataTableColumnInput } from \"../DataTable\";\nimport { toolMark } from \"../test-runner/marks\";\nimport { LintSeverityIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { ViolationCard, ViolationDetail, type HostActionProps } from \"./LintDetail\";\nimport { flattenLint, type FlatViolation } from \"./grouping\";\nimport { severityOf } from \"./stats\";\nimport { diagnosticKeys } from \"../diagnostics/diagnostic-identity\";\nimport { matchesFilterState } from \"../test-runner/filterState\";\nimport type { LintFilters, LintSeverity, LinterResult } from \"./types\";\n\ntype LintTableRow = {\n  id: string;\n  severity: LintSeverity;\n  linter: string;\n  rule: string;\n  location: string;\n  message: string;\n  flat: FlatViolation;\n};\n\nconst SEVERITY_RANK: Record<LintSeverity, number> = { error: 0, warning: 1, info: 2 };\n\nfunction tableRows(results: readonly LinterResult[], filters: LintFilters): LintTableRow[] {\n  const all = flattenLint(results, { severity: new Map(), linter: new Map() });\n  const keys = diagnosticKeys(all.map((f) => [f.workDir, f.rawFile, f.linter, f.v.rule?.method, f.v.line, f.v.column, f.v.end_line, f.v.end_column, f.v.message, f.v.severity]));\n  return all.map((flat, i) => ({\n    id: keys[i]!,\n    severity: severityOf(flat.v),\n    linter: flat.linter,\n    rule: flat.v.rule?.method ?? \"\",\n    location: flat.file ? `${flat.file}${flat.v.line ? `:${flat.v.line}` : \"\"}` : \"\",\n    message: flat.v.message ?? \"\",\n    flat,\n  })).filter(({ flat }) => matchesFilterState(flat.linter, filters.linter) && matchesFilterState(severityOf(flat.v), filters.severity));\n}\n\nconst COLUMNS: Array<DataTableColumnInput<LintTableRow>> = [\n  {\n    key: \"severity\",\n    label: \"Severity\",\n    sortable: true,\n    sortValue: (value) => SEVERITY_RANK[value as LintSeverity],\n    shrink: true,\n    render: (value) => (\n      <span className=\"inline-flex items-center gap-1\">\n        <LintSeverityIcon severity={value as LintSeverity} />\n        \n      </span>\n    ),\n  },\n  {\n    key: \"linter\",\n    label: \"Linter\",\n    sortable: true,\n    shrink: true,\n    render: (value) => (\n      <span className=\"inline-flex items-center gap-1\">\n        <ToolIcon tool={value as string} />\n        {toolMark(value as string)?.label ?? (value as string)}\n      </span>\n    ),\n  },\n  { key: \"rule\", label: \"Rule\", sortable: true, render: (value) => <span className=\"font-mono text-xs\">{value as string}</span> },\n  { key: \"location\", label: \"Location\", sortable: true, render: (value) => <span title={value as string} className=\"block max-w-40 truncate font-mono text-xs\">{value as string}</span> },\n  { key: \"message\", label: \"Message\", grow: true },\n];\n\nexport type LintTableProps = HostActionProps & {\n  results: readonly LinterResult[];\n  filters: LintFilters;\n  className?: string;\n};\n\n/**\n * Every violation the filters keep as one sortable table row; clicking a row\n * opens the same violation card the tree's detail pane shows beneath it.\n */\nexport function LintTable({ results, filters, className, ...host }: LintTableProps) {\n  const { ref, wider: roomy } = useContainerWiderThan(640);\n  const columns = useMemo<Array<DataTableColumnInput<LintTableRow>>>(() => [...COLUMNS, {\n    key: \"actions\", label: \"\", shrink: true,\n    render: (_value, row) => <ProblemActions items={violationMenuItems({ violation: row.flat.v, linter: row.flat.linter, file: row.flat.rawFile ?? \"\", workDir: row.flat.workDir ?? \"\", ...host })} />,\n  }], [host]);\n  const allKeys = useMemo(() => tableRows(results, { severity: new Map(), linter: new Map() }).map((row) => row.id), [results]);\n  const [expanded, setExpanded] = useProblemExpansion(allKeys);\n  const rows = useMemo(() => tableRows(results, filters), [results, filters]);\n  return (\n    <div ref={ref} className=\"min-w-0\">\n    {!roomy ? <div>{rows.slice().sort((a, b) => SEVERITY_RANK[a.severity] - SEVERITY_RANK[b.severity]).map(({ id, flat }) => <ViolationCard key={id} expanded={expanded.includes(id)} onExpandedChange={(open) => setExpanded((current) => open ? [...current, id] : current.filter((key) => key !== id))} violation={flat.v} linter={flat.linter} file={flat.rawFile ?? \"\"} workDir={flat.workDir ?? \"\"} showFile {...host} />)}</div> : <DataTable<LintTableRow>\n      data={rows}\n      columns={columns}\n      getRowId={(row) => row.id}\n      defaultSort={{ key: \"severity\", dir: \"asc\" }}\n      emptyMessage=\"No violations match the current filters\"\n      detailStyle=\"row\"\n      expandedRowIds={expanded}\n      onExpandedRowIdsChange={setExpanded}\n      renderExpandedRow={({ flat }) => (\n        <ViolationDetail\n          violation={flat.v}\n          linter={flat.linter}\n          file={flat.rawFile ?? \"\"}\n          workDir={flat.workDir ?? \"\"}\n          {...host}\n        />\n      )}\n      {...(className ? { className } : {})}\n    />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAM,gBAA8C;CAAE,OAAO;CAAG,SAAS;CAAG,MAAM;AAAE;AAEpF,SAAS,UAAU,SAAkC,SAAsC;CACzF,MAAM,MAAM,YAAY,SAAS;EAAE,0BAAU,IAAI,IAAI;EAAG,wBAAQ,IAAI,IAAI;CAAE,CAAC;CAC3E,MAAM,OAAO,eAAe,IAAI,KAAK,MAAM;EAAC,EAAE;EAAS,EAAE;EAAS,EAAE;EAAQ,EAAE,EAAE,MAAM;EAAQ,EAAE,EAAE;EAAM,EAAE,EAAE;EAAQ,EAAE,EAAE;EAAU,EAAE,EAAE;EAAY,EAAE,EAAE;EAAS,EAAE,EAAE;CAAQ,CAAC,CAAC;CAC7K,OAAO,IAAI,KAAK,MAAM,OAAO;EAC3B,IAAI,KAAK;EACT,UAAU,WAAW,KAAK,CAAC;EAC3B,QAAQ,KAAK;EACb,MAAM,KAAK,EAAE,MAAM,UAAU;EAC7B,UAAU,KAAK,OAAO,GAAG,KAAK,OAAO,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,OAAO;EAC9E,SAAS,KAAK,EAAE,WAAW;EAC3B;CACF,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,mBAAmB,KAAK,QAAQ,QAAQ,MAAM,KAAK,mBAAmB,WAAW,KAAK,CAAC,GAAG,QAAQ,QAAQ,CAAC;AACtI;AAEA,IAAM,UAAqD;CACzD;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACV,YAAY,UAAU,cAAc;EACpC,QAAQ;EACR,SAAS,UACP,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,kBAAD,EAAkB,UAAU,MAAwB,CAAA;EAEhD,CAAA;CAEV;CACA;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACV,QAAQ;EACR,SAAS,UACP,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,UAAD,EAAU,MAAM,MAAkB,CAAA,GACjC,SAAS,KAAe,CAAC,EAAE,SAAU,KAClC;;CAEV;CACA;EAAE,KAAK;EAAQ,OAAO;EAAQ,UAAU;EAAM,SAAS,UAAU,oBAAC,QAAD;GAAM,WAAU;GAAqB,UAAA;EAAsB,CAAA;CAAE;CAC9H;EAAE,KAAK;EAAY,OAAO;EAAY,UAAU;EAAM,SAAS,UAAU,oBAAC,QAAD;GAAM,OAAO;GAAiB,WAAU;GAA6C,UAAA;EAAsB,CAAA;CAAE;CACtL;EAAE,KAAK;EAAW,OAAO;EAAW,MAAM;CAAK;AACjD;;;;;AAYA,SAAgB,UAAU,EAAE,SAAS,SAAS,WAAW,GAAG,QAAwB;CAClF,MAAM,EAAE,KAAK,OAAO,UAAU,sBAAsB,GAAG;CACvD,MAAM,UAAU,cAAyD,CAAC,GAAG,SAAS;EACpF,KAAK;EAAW,OAAO;EAAI,QAAQ;EACnC,SAAS,QAAQ,QAAQ,oBAAC,gBAAD,EAAgB,OAAO,mBAAmB;GAAE,WAAW,IAAI,KAAK;GAAG,QAAQ,IAAI,KAAK;GAAQ,MAAM,IAAI,KAAK,WAAW;GAAI,SAAS,IAAI,KAAK,WAAW;GAAI,GAAG;EAAK,CAAC,EAAI,CAAA;CACnM,CAAC,GAAG,CAAC,IAAI,CAAC;CACV,MAAM,UAAU,cAAc,UAAU,SAAS;EAAE,0BAAU,IAAI,IAAI;EAAG,wBAAQ,IAAI,IAAI;CAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5H,MAAM,CAAC,UAAU,eAAe,oBAAoB,OAAO;CAC3D,MAAM,OAAO,cAAc,UAAU,SAAS,OAAO,GAAG,CAAC,SAAS,OAAO,CAAC;CAC1E,OACE,oBAAC,OAAD;EAAU;EAAK,WAAU;EACxB,UAAA,CAAC,QAAQ,oBAAC,OAAD,EAAA,UAAM,KAAK,MAAM,CAAC,CAAC,MAAM,GAAG,MAAM,cAAc,EAAE,YAAY,cAAc,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,WAAW,oBAAC,eAAD;GAAwB,UAAU,SAAS,SAAS,EAAE;GAAG,mBAAmB,SAAS,aAAa,YAAY,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,QAAQ,QAAQ,QAAQ,QAAQ,EAAE,CAAC;GAAG,WAAW,KAAK;GAAG,QAAQ,KAAK;GAAQ,MAAM,KAAK,WAAW;GAAI,SAAS,KAAK,WAAW;GAAI,UAAA;GAAS,GAAI;EAAO,GAA7Q,EAA6Q,CAAC,EAAO,CAAA,IAAI,oBAAC,WAAD;GACpa,MAAM;GACG;GACT,WAAW,QAAQ,IAAI;GACvB,aAAa;IAAE,KAAK;IAAY,KAAK;GAAM;GAC3C,cAAa;GACb,aAAY;GACZ,gBAAgB;GAChB,wBAAwB;GACxB,oBAAoB,EAAE,WACpB,oBAAC,iBAAD;IACE,WAAW,KAAK;IAChB,QAAQ,KAAK;IACb,MAAM,KAAK,WAAW;IACtB,SAAS,KAAK,WAAW;IACzB,GAAI;GACL,CAAA;GAEH,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;EACnC,CAAA;CACI,CAAA;AAET"}

package/dist/data/lint/LintTreeNode.cjs

@@ -3,24 +3,35 @@ const require_UiTag = require("../../icons/components/UiTag.cjs");
 const require_UiFileCode = require("../../icons/components/UiFileCode.cjs");
 const require_UiFolder = require("../../icons/components/UiFolder.cjs");
 const require_UiWrench = require("../../icons/components/UiWrench.cjs");
+const require_UiClock = require("../../icons/components/UiClock.cjs");
 const require_Icon = require("../Icon.cjs");
-const require_Badge = require("../Badge.cjs");
+const require_status = require("../test-runner/status.cjs");
 const require_marks = require("../test-runner/marks.cjs");
 const require_MarkIcons = require("../test-runner/MarkIcons.cjs");
 const require_stats = require("./stats.cjs");
+const require_LintIgnoreMenu = require("./LintIgnoreMenu.cjs");
+const require_types = require("./types.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/lint/LintTreeNode.tsx
-var COUNT_TONE = {
-	error: "danger",
-	warning: "warning",
-	info: "info"
-};
+/** The error of a linter that failed to run: its error leaf's text. */
+function failedToRunMessage(node) {
+	if (node.kind !== "linter") return void 0;
+	return node.children?.find((c) => c.kind === "linter-error")?.message;
+}
 function NodeIcon({ node }) {
 	switch (node.kind) {
-		case "linter": return require_marks.toolMark(node.linterName) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.ToolIcon, { tool: node.linterName }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-			icon: require_UiWrench.UiWrench,
-			className: "shrink-0 text-muted-foreground"
-		});
+		case "linter":
+			if (node.linter?.status === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.OutcomeIcon, { outcome: "running" });
+			if (node.linter?.status === "pending") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiClock.UiClock,
+				title: "Pending",
+				className: "shrink-0 text-muted-foreground"
+			});
+			if (failedToRunMessage(node) !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.LintSeverityIcon, { severity: "error" });
+			return require_marks.toolMark(require_stats.linterToolName(node)) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.ToolIcon, { tool: require_stats.linterToolName(node) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiWrench.UiWrench,
+				className: "shrink-0 text-muted-foreground"
+			});
 		case "lint-folder": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 			icon: require_UiFolder.UiFolder,
 			className: "shrink-0 text-muted-foreground"
@@ -38,32 +49,44 @@ function NodeIcon({ node }) {
 	}
 }
 /** One lint tree row: kind glyph, name, trailing note, and a violation count coloured by worst severity. */
-function LintTreeNode({ node, selected }) {
+function LintTreeNode({ node, selected, actions = [], onIgnore, ignoreBusy = false }) {
 	const count = node.kind === "linter-error" ? 0 : require_stats.lintNodeCount(node);
-	const failedToRun = node.kind === "linter" && node.children?.some((c) => c.kind === "linter-error");
+	const failedMessage = failedToRunMessage(node);
+	const failedToRun = failedMessage !== void 0;
 	const note = node.skipped ? node.message : failedToRun ? "failed to run" : void 0;
+	const noteTitle = failedToRun ? failedMessage : note;
+	const cached = node.kind === "linter" ? require_types.cachedAge(node.linter) : void 0;
+	const duration = cached ? `cached · ${cached.replace(/ ago$/, "")}` : node.kind === "linter" && !node.linter?.status && node.linter?.duration ? require_status.formatTestDuration(node.linter.duration) : "";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeIcon, { node }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_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"),
+			className: require_utils.cn("min-w-0 truncate", selected ? "font-semibold" : "font-medium", node.kind === "linter-error" || failedToRun ? "text-red-600 dark:text-red-400" : "text-foreground", (node.skipped || node.kind === "linter" && node.linter?.status === "pending") && "text-muted-foreground"),
 			title: node.name,
 			children: node.name
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
 		note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: require_utils.cn("min-w-0 shrink-[100] truncate text-xs", failedToRun ? "text-red-600 dark:text-red-400" : "text-muted-foreground"),
-			title: note,
+			title: noteTitle,
 			children: note
 		}),
+		duration && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "shrink-0 text-xs tabular-nums text-muted-foreground",
+			children: duration
+		}),
 		count > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "flex shrink-0",
 			title: `${count} violation${count === 1 ? "" : "s"}`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
-				tone: COUNT_TONE[require_stats.lintNodeSeverity(node)],
-				variant: "solid",
-				size: "xxs",
-				count
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-xs tabular-nums text-muted-foreground",
+				children: count
 			})
+		}),
+		onIgnore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintIgnoreMenu.LintRowIgnoreMenu, {
+			actions,
+			onIgnore,
+			busy: ignoreBusy,
+			label: node.name
 		})
 	] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LintTreeNode.cjs","names":["toolMark","ToolIcon","Icon","UiWrench","UiFolder","UiFileCode","UiTag","LintSeverityIcon","lintNodeCount","_Fragment","cn","Badge","lintNodeSeverity"],"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"],"mappings":";;;;;;;;;;;;AASA,IAAM,aAAa;CAAE,OAAO;CAAU,SAAS;CAAW,MAAM;AAAO;AAKvE,SAAS,SAAS,EAAE,QAA4B;CAC9C,QAAQ,KAAK,MAAb;EACE,KAAK,UACH,OAAOA,cAAAA,SAAS,KAAK,UAAU,IAC7B,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,UAAD,EAAU,MAAM,KAAK,WAAa,CAAA,IAElC,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;GAAM,MAAMC,iBAAAA;GAAU,WAAU;EAAkC,CAAA;EAEtE,KAAK,eACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;GAAM,MAAME,iBAAAA;GAAU,WAAU;EAAkC,CAAA;EAC3E,KAAK,aACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;GAAM,MAAMG,mBAAAA;GAAY,WAAU;EAAkC,CAAA;EAC7E,KAAK;EACL,KAAK,mBACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,MAAD;GAAM,MAAMI,cAAAA;GAAO,WAAU;EAAkC,CAAA;EACxE,KAAK,gBACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,kBAAD,EAAkB,UAAS,QAAS,CAAA;CAC/C;AACF;;AAGA,SAAgB,aAAa,EAAE,MAAM,YAAmD;CACtF,MAAM,QAAQ,KAAK,SAAS,iBAAiB,IAAIC,cAAAA,cAAc,IAAI;CACnE,MAAM,cAAc,KAAK,SAAS,YAAY,KAAK,UAAU,MAAM,MAAM,EAAE,SAAS,cAAc;CAClG,MAAM,OAAO,KAAK,UAAU,KAAK,UAAU,cAAc,kBAAkB,KAAA;CAC3E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAgB,KAAO,CAAA;EACvB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,WAAWC,cAAAA,GACT,oBACA,WAAW,kBAAkB,eAC7B,KAAK,SAAS,iBAAiB,mCAAmC,mBAClE,KAAK,WAAW,uBAClB;GACA,OAAO,KAAK;GAEX,UAAA,KAAK;EACF,CAAA;EACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,SAAU,CAAA;EACzB,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,WAAWA,cAAAA,GACT,yCACA,cAAc,mCAAmC,uBACnD;GACA,OAAO;GAEN,UAAA;EACG,CAAA;EAEP,QAAQ,KACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAgB,OAAO,GAAG,MAAM,YAAY,UAAU,IAAI,KAAK;GAC7E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,MAAM,WAAWC,cAAAA,iBAAiB,IAAI;IAAI,SAAQ;IAAQ,MAAK;IAAa;GAAQ,CAAA;EACvF,CAAA;CAER,EAAA,CAAA;AAEN"}
+{"version":3,"file":"LintTreeNode.cjs","names":["OutcomeIcon","Icon","UiClock","LintSeverityIcon","toolMark","linterToolName","ToolIcon","UiWrench","UiFolder","UiFileCode","UiTag","lintNodeCount","cachedAge","formatTestDuration","_Fragment","cn","LintRowIgnoreMenu"],"sources":["../../../src/data/lint/LintTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClock, UiFileCode, UiFolder, UiTag, UiWrench } from \"../../icons\";\nimport { LintSeverityIcon, OutcomeIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { toolMark } from \"../test-runner/marks\";\nimport { formatTestDuration } from \"../test-runner/status\";\nimport { linterToolName, lintNodeCount } from \"./stats\";\nimport { cachedAge, type LintAction, type LintNode } from \"./types\";\nimport { LintRowIgnoreMenu } from \"./LintIgnoreMenu\";\nimport type { IgnoreHandler } from \"./ignore-menu-items\";\n\n/** The error of a linter that failed to run: its error leaf's text. */\nfunction failedToRunMessage(node: LintNode): string | undefined {\n  if (node.kind !== \"linter\") return undefined;\n  return node.children?.find((c) => c.kind === \"linter-error\")?.message;\n}\n\nfunction NodeIcon({ node }: { node: LintNode }) {\n  switch (node.kind) {\n    case \"linter\":\n      if (node.linter?.status === \"running\") return <OutcomeIcon outcome=\"running\" />;\n      if (node.linter?.status === \"pending\") {\n        return <Icon icon={UiClock} title=\"Pending\" className=\"shrink-0 text-muted-foreground\" />;\n      }\n      if (failedToRunMessage(node) !== undefined) return <LintSeverityIcon severity=\"error\" />;\n      return toolMark(linterToolName(node)) ? (\n        <ToolIcon tool={linterToolName(node)} />\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({\n  node,\n  selected,\n  actions = [],\n  onIgnore,\n  ignoreBusy = false,\n}: {\n  node: LintNode;\n  selected: boolean;\n  /** Ignore actions offered from the row's \"⋯\" and right-click menus; needs `onIgnore`. */\n  actions?: readonly LintAction[];\n  onIgnore?: IgnoreHandler | undefined;\n  ignoreBusy?: boolean | undefined;\n}) {\n  const count = node.kind === \"linter-error\" ? 0 : lintNodeCount(node);\n  const failedMessage = failedToRunMessage(node);\n  const failedToRun = failedMessage !== undefined;\n  const note = node.skipped ? node.message : failedToRun ? \"failed to run\" : undefined;\n  const noteTitle = failedToRun ? failedMessage : note;\n  const cached = node.kind === \"linter\" ? cachedAge(node.linter) : undefined;\n  const duration = cached\n    ? `cached · ${cached.replace(/ ago$/, \"\")}`\n    : node.kind === \"linter\" && !node.linter?.status && node.linter?.duration\n      ? formatTestDuration(node.linter.duration)\n      : \"\";\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\" || failedToRun ? \"text-red-600 dark:text-red-400\" : \"text-foreground\",\n          (node.skipped || (node.kind === \"linter\" && node.linter?.status === \"pending\")) && \"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={noteTitle}\n        >\n          {note}\n        </span>\n      )}\n      {duration && <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">{duration}</span>}\n      {count > 0 && (\n        <span className=\"flex shrink-0\" title={`${count} violation${count === 1 ? \"\" : \"s\"}`}>\n          <span className=\"text-xs tabular-nums text-muted-foreground\">{count}</span>\n        </span>\n      )}\n      {onIgnore && <LintRowIgnoreMenu actions={actions} onIgnore={onIgnore} busy={ignoreBusy} label={node.name} />}\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,12 @@
-import { LintNode } from './types.js';
+import { LintAction, LintNode } from './types.js';
+import { IgnoreHandler } from './ignore-menu-items.js';
 /** One lint tree row: kind glyph, name, trailing note, and a violation count coloured by worst severity. */
-export declare function LintTreeNode({ node, selected }: {
+export declare function LintTreeNode({ node, selected, actions, onIgnore, ignoreBusy, }: {
     node: LintNode;
     selected: boolean;
+    /** Ignore actions offered from the row's "⋯" and right-click menus; needs `onIgnore`. */
+    actions?: readonly LintAction[];
+    onIgnore?: IgnoreHandler | undefined;
+    ignoreBusy?: boolean | undefined;
 }): import("react").JSX.Element;
 //# sourceMappingURL=LintTreeNode.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"LintTreeNode.d.ts","sourceRoot":"","sources":["../../../src/data/lint/LintTreeNode.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAiCzD,4GAA4G;AAC5G,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,OAAY,EACZ,QAAQ,EACR,UAAkB,GACnB,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,+BA+CA"}

package/dist/data/lint/LintTreeNode.js

@@ -3,24 +3,35 @@ import { UiTag } from "../../icons/components/UiTag.js";
 import { UiFileCode } from "../../icons/components/UiFileCode.js";
 import { UiFolder } from "../../icons/components/UiFolder.js";
 import { UiWrench } from "../../icons/components/UiWrench.js";
+import { UiClock } from "../../icons/components/UiClock.js";
 import { Icon } from "../Icon.js";
-import { Badge } from "../Badge.js";
+import { formatTestDuration } from "../test-runner/status.js";
 import { toolMark } from "../test-runner/marks.js";
-import { LintSeverityIcon, ToolIcon } from "../test-runner/MarkIcons.js";
-import { lintNodeCount, lintNodeSeverity } from "./stats.js";
+import { LintSeverityIcon, OutcomeIcon, ToolIcon } from "../test-runner/MarkIcons.js";
+import { lintNodeCount, linterToolName } from "./stats.js";
+import { LintRowIgnoreMenu } from "./LintIgnoreMenu.js";
+import { cachedAge } from "./types.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/data/lint/LintTreeNode.tsx
-var COUNT_TONE = {
-	error: "danger",
-	warning: "warning",
-	info: "info"
-};
+/** The error of a linter that failed to run: its error leaf's text. */
+function failedToRunMessage(node) {
+	if (node.kind !== "linter") return void 0;
+	return node.children?.find((c) => c.kind === "linter-error")?.message;
+}
 function NodeIcon({ node }) {
 	switch (node.kind) {
-		case "linter": return toolMark(node.linterName) ? /* @__PURE__ */ jsx(ToolIcon, { tool: node.linterName }) : /* @__PURE__ */ jsx(Icon, {
-			icon: UiWrench,
-			className: "shrink-0 text-muted-foreground"
-		});
+		case "linter":
+			if (node.linter?.status === "running") return /* @__PURE__ */ jsx(OutcomeIcon, { outcome: "running" });
+			if (node.linter?.status === "pending") return /* @__PURE__ */ jsx(Icon, {
+				icon: UiClock,
+				title: "Pending",
+				className: "shrink-0 text-muted-foreground"
+			});
+			if (failedToRunMessage(node) !== void 0) return /* @__PURE__ */ jsx(LintSeverityIcon, { severity: "error" });
+			return toolMark(linterToolName(node)) ? /* @__PURE__ */ jsx(ToolIcon, { tool: linterToolName(node) }) : /* @__PURE__ */ jsx(Icon, {
+				icon: UiWrench,
+				className: "shrink-0 text-muted-foreground"
+			});
 		case "lint-folder": return /* @__PURE__ */ jsx(Icon, {
 			icon: UiFolder,
 			className: "shrink-0 text-muted-foreground"
@@ -38,32 +49,44 @@ function NodeIcon({ node }) {
 	}
 }
 /** One lint tree row: kind glyph, name, trailing note, and a violation count coloured by worst severity. */
-function LintTreeNode({ node, selected }) {
+function LintTreeNode({ node, selected, actions = [], onIgnore, ignoreBusy = false }) {
 	const count = node.kind === "linter-error" ? 0 : lintNodeCount(node);
-	const failedToRun = node.kind === "linter" && node.children?.some((c) => c.kind === "linter-error");
+	const failedMessage = failedToRunMessage(node);
+	const failedToRun = failedMessage !== void 0;
 	const note = node.skipped ? node.message : failedToRun ? "failed to run" : void 0;
+	const noteTitle = failedToRun ? failedMessage : note;
+	const cached = node.kind === "linter" ? cachedAge(node.linter) : void 0;
+	const duration = cached ? `cached · ${cached.replace(/ ago$/, "")}` : node.kind === "linter" && !node.linter?.status && node.linter?.duration ? formatTestDuration(node.linter.duration) : "";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(NodeIcon, { node }),
 		/* @__PURE__ */ jsx("span", {
-			className: 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"),
+			className: cn("min-w-0 truncate", selected ? "font-semibold" : "font-medium", node.kind === "linter-error" || failedToRun ? "text-red-600 dark:text-red-400" : "text-foreground", (node.skipped || node.kind === "linter" && node.linter?.status === "pending") && "text-muted-foreground"),
 			title: node.name,
 			children: node.name
 		}),
 		/* @__PURE__ */ jsx("span", { className: "flex-1" }),
 		note && /* @__PURE__ */ jsx("span", {
 			className: cn("min-w-0 shrink-[100] truncate text-xs", failedToRun ? "text-red-600 dark:text-red-400" : "text-muted-foreground"),
-			title: note,
+			title: noteTitle,
 			children: note
 		}),
+		duration && /* @__PURE__ */ jsx("span", {
+			className: "shrink-0 text-xs tabular-nums text-muted-foreground",
+			children: duration
+		}),
 		count > 0 && /* @__PURE__ */ jsx("span", {
 			className: "flex shrink-0",
 			title: `${count} violation${count === 1 ? "" : "s"}`,
-			children: /* @__PURE__ */ jsx(Badge, {
-				tone: COUNT_TONE[lintNodeSeverity(node)],
-				variant: "solid",
-				size: "xxs",
-				count
+			children: /* @__PURE__ */ jsx("span", {
+				className: "text-xs tabular-nums text-muted-foreground",
+				children: count
 			})
+		}),
+		onIgnore && /* @__PURE__ */ jsx(LintRowIgnoreMenu, {
+			actions,
+			onIgnore,
+			busy: ignoreBusy,
+			label: node.name
 		})
 	] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LintTreeNode.js","names":["_Fragment"],"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"],"mappings":";;;;;;;;;;;;AASA,IAAM,aAAa;CAAE,OAAO;CAAU,SAAS;CAAW,MAAM;AAAO;AAKvE,SAAS,SAAS,EAAE,QAA4B;CAC9C,QAAQ,KAAK,MAAb;EACE,KAAK,UACH,OAAO,SAAS,KAAK,UAAU,IAC7B,oBAAC,UAAD,EAAU,MAAM,KAAK,WAAa,CAAA,IAElC,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAU;EAAkC,CAAA;EAEtE,KAAK,eACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAU;EAAkC,CAAA;EAC3E,KAAK,aACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAY,WAAU;EAAkC,CAAA;EAC7E,KAAK;EACL,KAAK,mBACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAO,WAAU;EAAkC,CAAA;EACxE,KAAK,gBACH,OAAO,oBAAC,kBAAD,EAAkB,UAAS,QAAS,CAAA;CAC/C;AACF;;AAGA,SAAgB,aAAa,EAAE,MAAM,YAAmD;CACtF,MAAM,QAAQ,KAAK,SAAS,iBAAiB,IAAI,cAAc,IAAI;CACnE,MAAM,cAAc,KAAK,SAAS,YAAY,KAAK,UAAU,MAAM,MAAM,EAAE,SAAS,cAAc;CAClG,MAAM,OAAO,KAAK,UAAU,KAAK,UAAU,cAAc,kBAAkB,KAAA;CAC3E,OACE,qBAAAA,UAAA,EAAA,UAAA;EACE,oBAAC,UAAD,EAAgB,KAAO,CAAA;EACvB,oBAAC,QAAD;GACE,WAAW,GACT,oBACA,WAAW,kBAAkB,eAC7B,KAAK,SAAS,iBAAiB,mCAAmC,mBAClE,KAAK,WAAW,uBAClB;GACA,OAAO,KAAK;GAEX,UAAA,KAAK;EACF,CAAA;EACN,oBAAC,QAAD,EAAM,WAAU,SAAU,CAAA;EACzB,QACC,oBAAC,QAAD;GACE,WAAW,GACT,yCACA,cAAc,mCAAmC,uBACnD;GACA,OAAO;GAEN,UAAA;EACG,CAAA;EAEP,QAAQ,KACP,oBAAC,QAAD;GAAM,WAAU;GAAgB,OAAO,GAAG,MAAM,YAAY,UAAU,IAAI,KAAK;GAC7E,UAAA,oBAAC,OAAD;IAAO,MAAM,WAAW,iBAAiB,IAAI;IAAI,SAAQ;IAAQ,MAAK;IAAa;GAAQ,CAAA;EACvF,CAAA;CAER,EAAA,CAAA;AAEN"}
+{"version":3,"file":"LintTreeNode.js","names":["_Fragment"],"sources":["../../../src/data/lint/LintTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClock, UiFileCode, UiFolder, UiTag, UiWrench } from \"../../icons\";\nimport { LintSeverityIcon, OutcomeIcon, ToolIcon } from \"../test-runner/MarkIcons\";\nimport { toolMark } from \"../test-runner/marks\";\nimport { formatTestDuration } from \"../test-runner/status\";\nimport { linterToolName, lintNodeCount } from \"./stats\";\nimport { cachedAge, type LintAction, type LintNode } from \"./types\";\nimport { LintRowIgnoreMenu } from \"./LintIgnoreMenu\";\nimport type { IgnoreHandler } from \"./ignore-menu-items\";\n\n/** The error of a linter that failed to run: its error leaf's text. */\nfunction failedToRunMessage(node: LintNode): string | undefined {\n  if (node.kind !== \"linter\") return undefined;\n  return node.children?.find((c) => c.kind === \"linter-error\")?.message;\n}\n\nfunction NodeIcon({ node }: { node: LintNode }) {\n  switch (node.kind) {\n    case \"linter\":\n      if (node.linter?.status === \"running\") return <OutcomeIcon outcome=\"running\" />;\n      if (node.linter?.status === \"pending\") {\n        return <Icon icon={UiClock} title=\"Pending\" className=\"shrink-0 text-muted-foreground\" />;\n      }\n      if (failedToRunMessage(node) !== undefined) return <LintSeverityIcon severity=\"error\" />;\n      return toolMark(linterToolName(node)) ? (\n        <ToolIcon tool={linterToolName(node)} />\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({\n  node,\n  selected,\n  actions = [],\n  onIgnore,\n  ignoreBusy = false,\n}: {\n  node: LintNode;\n  selected: boolean;\n  /** Ignore actions offered from the row's \"⋯\" and right-click menus; needs `onIgnore`. */\n  actions?: readonly LintAction[];\n  onIgnore?: IgnoreHandler | undefined;\n  ignoreBusy?: boolean | undefined;\n}) {\n  const count = node.kind === \"linter-error\" ? 0 : lintNodeCount(node);\n  const failedMessage = failedToRunMessage(node);\n  const failedToRun = failedMessage !== undefined;\n  const note = node.skipped ? node.message : failedToRun ? \"failed to run\" : undefined;\n  const noteTitle = failedToRun ? failedMessage : note;\n  const cached = node.kind === \"linter\" ? cachedAge(node.linter) : undefined;\n  const duration = cached\n    ? `cached · ${cached.replace(/ ago$/, \"\")}`\n    : node.kind === \"linter\" && !node.linter?.status && node.linter?.duration\n      ? formatTestDuration(node.linter.duration)\n      : \"\";\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\" || failedToRun ? \"text-red-600 dark:text-red-400\" : \"text-foreground\",\n          (node.skipped || (node.kind === \"linter\" && node.linter?.status === \"pending\")) && \"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={noteTitle}\n        >\n          {note}\n        </span>\n      )}\n      {duration && <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">{duration}</span>}\n      {count > 0 && (\n        <span className=\"flex shrink-0\" title={`${count} violation${count === 1 ? \"\" : \"s\"}`}>\n          <span className=\"text-xs tabular-nums text-muted-foreground\">{count}</span>\n        </span>\n      )}\n      {onIgnore && <LintRowIgnoreMenu actions={actions} onIgnore={onIgnore} busy={ignoreBusy} label={node.name} />}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,SAAS,mBAAmB,MAAoC;CAC9D,IAAI,KAAK,SAAS,UAAU,OAAO,KAAA;CACnC,OAAO,KAAK,UAAU,MAAM,MAAM,EAAE,SAAS,cAAc,CAAC,EAAE;AAChE;AAEA,SAAS,SAAS,EAAE,QAA4B;CAC9C,QAAQ,KAAK,MAAb;EACE,KAAK;GACH,IAAI,KAAK,QAAQ,WAAW,WAAW,OAAO,oBAAC,aAAD,EAAa,SAAQ,UAAW,CAAA;GAC9E,IAAI,KAAK,QAAQ,WAAW,WAC1B,OAAO,oBAAC,MAAD;IAAM,MAAM;IAAS,OAAM;IAAU,WAAU;GAAkC,CAAA;GAE1F,IAAI,mBAAmB,IAAI,MAAM,KAAA,GAAW,OAAO,oBAAC,kBAAD,EAAkB,UAAS,QAAS,CAAA;GACvF,OAAO,SAAS,eAAe,IAAI,CAAC,IAClC,oBAAC,UAAD,EAAU,MAAM,eAAe,IAAI,EAAI,CAAA,IAEvC,oBAAC,MAAD;IAAM,MAAM;IAAU,WAAU;GAAkC,CAAA;EAEtE,KAAK,eACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAU;EAAkC,CAAA;EAC3E,KAAK,aACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAY,WAAU;EAAkC,CAAA;EAC7E,KAAK;EACL,KAAK,mBACH,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAO,WAAU;EAAkC,CAAA;EACxE,KAAK,gBACH,OAAO,oBAAC,kBAAD,EAAkB,UAAS,QAAS,CAAA;CAC/C;AACF;;AAGA,SAAgB,aAAa,EAC3B,MACA,UACA,UAAU,CAAC,GACX,UACA,aAAa,SAQZ;CACD,MAAM,QAAQ,KAAK,SAAS,iBAAiB,IAAI,cAAc,IAAI;CACnE,MAAM,gBAAgB,mBAAmB,IAAI;CAC7C,MAAM,cAAc,kBAAkB,KAAA;CACtC,MAAM,OAAO,KAAK,UAAU,KAAK,UAAU,cAAc,kBAAkB,KAAA;CAC3E,MAAM,YAAY,cAAc,gBAAgB;CAChD,MAAM,SAAS,KAAK,SAAS,WAAW,UAAU,KAAK,MAAM,IAAI,KAAA;CACjE,MAAM,WAAW,SACb,YAAY,OAAO,QAAQ,SAAS,EAAE,MACtC,KAAK,SAAS,YAAY,CAAC,KAAK,QAAQ,UAAU,KAAK,QAAQ,WAC7D,mBAAmB,KAAK,OAAO,QAAQ,IACvC;CACN,OACE,qBAAAA,UAAA,EAAA,UAAA;EACE,oBAAC,UAAD,EAAgB,KAAO,CAAA;EACvB,oBAAC,QAAD;GACE,WAAW,GACT,oBACA,WAAW,kBAAkB,eAC7B,KAAK,SAAS,kBAAkB,cAAc,mCAAmC,oBAChF,KAAK,WAAY,KAAK,SAAS,YAAY,KAAK,QAAQ,WAAW,cAAe,uBACrF;GACA,OAAO,KAAK;GAEX,UAAA,KAAK;EACF,CAAA;EACN,oBAAC,QAAD,EAAM,WAAU,SAAU,CAAA;EACzB,QACC,oBAAC,QAAD;GACE,WAAW,GACT,yCACA,cAAc,mCAAmC,uBACnD;GACA,OAAO;GAEN,UAAA;EACG,CAAA;EAEP,YAAY,oBAAC,QAAD;GAAM,WAAU;GAAuD,UAAA;EAAe,CAAA;EAClG,QAAQ,KACP,oBAAC,QAAD;GAAM,WAAU;GAAgB,OAAO,GAAG,MAAM,YAAY,UAAU,IAAI,KAAK;GAC7E,UAAA,oBAAC,QAAD;IAAM,WAAU;IAA8C,UAAA;GAAY,CAAA;EACtE,CAAA;EAEP,YAAY,oBAAC,mBAAD;GAA4B;GAAmB;GAAU,MAAM;GAAY,OAAO,KAAK;EAAO,CAAA;CAC3G,EAAA,CAAA;AAEN"}

package/dist/data/lint/ViolationSnippet.cjs

@@ -0,0 +1,113 @@
+const require_code_highlight = require("../code-highlight.cjs");
+const require_FrameSourceWindow = require("../diagnostics/FrameSourceWindow.cjs");
+const require_stats = require("./stats.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/lint/ViolationSnippet.tsx
+/** Lines shown above and below the flagged range. */
+var VIOLATION_CONTEXT_LINES = 3;
+var loads = /* @__PURE__ */ new WeakMap();
+function loadOnce(loader, file, workDir) {
+	const byFile = loads.get(loader) ?? /* @__PURE__ */ new Map();
+	loads.set(loader, byFile);
+	const key = `${workDir}\u0000${file}`;
+	let load = byFile.get(key);
+	if (!load) {
+		load = loader({
+			file,
+			...workDir ? { workDir } : {}
+		});
+		byFile.set(key, load);
+		load.catch(() => byFile.delete(key));
+	}
+	return load;
+}
+function useSource(loader, file, workDir) {
+	const [snippet, setSnippet] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (!loader || !file) {
+			setSnippet(null);
+			return;
+		}
+		let cancelled = false;
+		setSnippet({ status: "loading" });
+		loadOnce(loader, file, workDir).then((text) => !cancelled && setSnippet({
+			status: "ready",
+			text
+		}), (error) => !cancelled && setSnippet({
+			status: "error",
+			message: error instanceof Error ? error.message : String(error)
+		}));
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		loader,
+		file,
+		workDir
+	]);
+	return snippet;
+}
+function Message({ text }) {
+	return text ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mt-0.5 whitespace-pre-wrap text-sm",
+		children: text
+	}) : null;
+}
+/**
+* The flagged lines of a violation with a few lines of context either side,
+* numbered and syntax-highlighted, with the full message above the scrolling
+* source. Without a loader (or a line) it shows the message and the
+* snippet the linter reported in `code`, if any.
+*/
+function ViolationSnippet({ violation, file, workDir, loadSource, showMessage = true }) {
+	const line = violation.line ?? 0;
+	const snippet = useSource(line > 0 ? loadSource : void 0, file, workDir);
+	if (!snippet || snippet.status !== "ready") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		showMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Message, { text: violation.message }),
+		snippet?.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: "Loading source…"
+		}),
+		snippet?.status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mt-1 text-xs text-red-700 dark:text-red-300",
+			role: "alert",
+			children: [
+				"Could not load ",
+				file,
+				": ",
+				snippet.message
+			]
+		}),
+		!snippet && violation.code && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+			className: "mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-xs",
+			children: violation.code
+		})
+	] });
+	const lines = snippet.text.split("\n");
+	const first = Math.max(1, line - 3);
+	const last = Math.min(lines.length, Math.max(line, violation.end_line ?? line) + 3);
+	const language = require_code_highlight.languageFromPath(file);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		showMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Message, { text: violation.message }),
+		line > lines.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: "Source location is outside this file."
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FrameSourceWindow.FrameSourceWindow, {
+			focalTone: require_stats.severityOf(violation),
+			className: "m-0 mt-1.5 max-sm:ml-0",
+			frame: {
+				sourceLines: lines.slice(first - 1, last),
+				sourceStartLine: first,
+				line,
+				...language ? { sourceLanguage: language } : {}
+			}
+		})
+	] });
+}
+exports.VIOLATION_CONTEXT_LINES = VIOLATION_CONTEXT_LINES;
+exports.ViolationSnippet = ViolationSnippet;
+
+//# sourceMappingURL=ViolationSnippet.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViolationSnippet.cjs","names":["useState","_Fragment","languageFromPath","FrameSourceWindow","severityOf"],"sources":["../../../src/data/lint/ViolationSnippet.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { languageFromPath } from \"../code-highlight\";\nimport { FrameSourceWindow } from \"../diagnostics/FrameSourceWindow\";\nimport type { OpenFileTarget } from \"../OpenInFilesLink\";\nimport type { Violation } from \"./types\";\nimport { severityOf } from \"./stats\";\n\n/** Loads a file's text, given the same work-dir-relative target \"Open in Files\" receives. */\nexport type LintSourceLoader = (target: Pick<OpenFileTarget, \"file\" | \"workDir\">) => Promise<string>;\n\n/** Lines shown above and below the flagged range. */\nexport const VIOLATION_CONTEXT_LINES = 3;\n\n// One load per file per loader: a file with many violations renders many cards.\nconst loads = new WeakMap<LintSourceLoader, Map<string, Promise<string>>>();\n\nfunction loadOnce(loader: LintSourceLoader, file: string, workDir: string): Promise<string> {\n  const byFile = loads.get(loader) ?? new Map<string, Promise<string>>();\n  loads.set(loader, byFile);\n  const key = `${workDir}\\u0000${file}`;\n  let load = byFile.get(key);\n  if (!load) {\n    load = loader({ file, ...(workDir ? { workDir } : {}) });\n    byFile.set(key, load);\n    load.catch(() => byFile.delete(key));\n  }\n  return load;\n}\n\ntype Snippet = { status: \"loading\" } | { status: \"ready\"; text: string } | { status: \"error\"; message: string };\n\nfunction useSource(loader: LintSourceLoader | undefined, file: string, workDir: string): Snippet | null {\n  const [snippet, setSnippet] = useState<Snippet | null>(null);\n  useEffect(() => {\n    if (!loader || !file) {\n      setSnippet(null);\n      return;\n    }\n    let cancelled = false;\n    setSnippet({ status: \"loading\" });\n    loadOnce(loader, file, workDir).then(\n      (text) => !cancelled && setSnippet({ status: \"ready\", text }),\n      (error: unknown) =>\n        !cancelled && setSnippet({ status: \"error\", message: error instanceof Error ? error.message : String(error) }),\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [loader, file, workDir]);\n  return snippet;\n}\n\nfunction Message({ text }: { text: string | undefined }) {\n  return text ? <div className=\"mt-0.5 whitespace-pre-wrap text-sm\">{text}</div> : null;\n}\n\n/**\n * The flagged lines of a violation with a few lines of context either side,\n * numbered and syntax-highlighted, with the full message above the scrolling\n * source. Without a loader (or a line) it shows the message and the\n * snippet the linter reported in `code`, if any.\n */\nexport function ViolationSnippet({\n  violation,\n  file,\n  workDir,\n  loadSource,\n  showMessage = true,\n}: {\n  violation: Violation;\n  showMessage?: boolean;\n  file: string;\n  workDir: string;\n  loadSource?: LintSourceLoader | undefined;\n}) {\n  const line = violation.line ?? 0;\n  const snippet = useSource(line > 0 ? loadSource : undefined, file, workDir);\n\n  if (!snippet || snippet.status !== \"ready\") {\n    return (\n      <>\n        {showMessage && <Message text={violation.message} />}\n        {snippet?.status === \"loading\" && <div className=\"mt-1 text-xs text-muted-foreground\">Loading source…</div>}\n        {snippet?.status === \"error\" && (\n          <div className=\"mt-1 text-xs text-red-700 dark:text-red-300\" role=\"alert\">\n            Could not load {file}: {snippet.message}\n          </div>\n        )}\n        {!snippet && violation.code && (\n          <pre className=\"mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-xs\">{violation.code}</pre>\n        )}\n      </>\n    );\n  }\n\n  const lines = snippet.text.split(\"\\n\");\n  const first = Math.max(1, line - VIOLATION_CONTEXT_LINES);\n  const last = Math.min(lines.length, Math.max(line, violation.end_line ?? line) + VIOLATION_CONTEXT_LINES);\n  const language = languageFromPath(file);\n  return (\n    <>\n      {showMessage && <Message text={violation.message} />}\n      {line > lines.length && <p role=\"alert\" className=\"text-xs text-destructive\">Source location is outside this file.</p>}\n      <FrameSourceWindow\n        focalTone={severityOf(violation)}\n        className=\"m-0 mt-1.5 max-sm:ml-0\"\n        frame={{\n          sourceLines: lines.slice(first - 1, last),\n          sourceStartLine: first,\n          line,\n          ...(language ? { sourceLanguage: language } : {}),\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { OpenFileTarget } from '../OpenInFilesLink.js';
+import { Violation } from './types.js';
+/** Loads a file's text, given the same work-dir-relative target "Open in Files" receives. */
+export type LintSourceLoader = (target: Pick<OpenFileTarget, "file" | "workDir">) => Promise<string>;
+/** Lines shown above and below the flagged range. */
+export declare const VIOLATION_CONTEXT_LINES = 3;
+/**
+ * The flagged lines of a violation with a few lines of context either side,
+ * numbered and syntax-highlighted, with the full message above the scrolling
+ * source. Without a loader (or a line) it shows the message and the
+ * snippet the linter reported in `code`, if any.
+ */
+export declare function ViolationSnippet({ violation, file, workDir, loadSource, showMessage, }: {
+    violation: Violation;
+    showMessage?: boolean;
+    file: string;
+    workDir: string;
+    loadSource?: LintSourceLoader | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ViolationSnippet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViolationSnippet.d.ts","sourceRoot":"","sources":["../../../src/data/lint/ViolationSnippet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,6FAA6F;AAC7F,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAErG,qDAAqD;AACrD,eAAO,MAAM,uBAAuB,IAAI,CAAC;AA6CzC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAkB,GACnB,EAAE;IACD,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC3C,+BAyCA"}

package/dist/data/lint/ViolationSnippet.js

@@ -0,0 +1,112 @@
+import { languageFromPath } from "../code-highlight.js";
+import { FrameSourceWindow } from "../diagnostics/FrameSourceWindow.js";
+import { severityOf } from "./stats.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/data/lint/ViolationSnippet.tsx
+/** Lines shown above and below the flagged range. */
+var VIOLATION_CONTEXT_LINES = 3;
+var loads = /* @__PURE__ */ new WeakMap();
+function loadOnce(loader, file, workDir) {
+	const byFile = loads.get(loader) ?? /* @__PURE__ */ new Map();
+	loads.set(loader, byFile);
+	const key = `${workDir}\u0000${file}`;
+	let load = byFile.get(key);
+	if (!load) {
+		load = loader({
+			file,
+			...workDir ? { workDir } : {}
+		});
+		byFile.set(key, load);
+		load.catch(() => byFile.delete(key));
+	}
+	return load;
+}
+function useSource(loader, file, workDir) {
+	const [snippet, setSnippet] = useState(null);
+	useEffect(() => {
+		if (!loader || !file) {
+			setSnippet(null);
+			return;
+		}
+		let cancelled = false;
+		setSnippet({ status: "loading" });
+		loadOnce(loader, file, workDir).then((text) => !cancelled && setSnippet({
+			status: "ready",
+			text
+		}), (error) => !cancelled && setSnippet({
+			status: "error",
+			message: error instanceof Error ? error.message : String(error)
+		}));
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		loader,
+		file,
+		workDir
+	]);
+	return snippet;
+}
+function Message({ text }) {
+	return text ? /* @__PURE__ */ jsx("div", {
+		className: "mt-0.5 whitespace-pre-wrap text-sm",
+		children: text
+	}) : null;
+}
+/**
+* The flagged lines of a violation with a few lines of context either side,
+* numbered and syntax-highlighted, with the full message above the scrolling
+* source. Without a loader (or a line) it shows the message and the
+* snippet the linter reported in `code`, if any.
+*/
+function ViolationSnippet({ violation, file, workDir, loadSource, showMessage = true }) {
+	const line = violation.line ?? 0;
+	const snippet = useSource(line > 0 ? loadSource : void 0, file, workDir);
+	if (!snippet || snippet.status !== "ready") return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		showMessage && /* @__PURE__ */ jsx(Message, { text: violation.message }),
+		snippet?.status === "loading" && /* @__PURE__ */ jsx("div", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: "Loading source…"
+		}),
+		snippet?.status === "error" && /* @__PURE__ */ jsxs("div", {
+			className: "mt-1 text-xs text-red-700 dark:text-red-300",
+			role: "alert",
+			children: [
+				"Could not load ",
+				file,
+				": ",
+				snippet.message
+			]
+		}),
+		!snippet && violation.code && /* @__PURE__ */ jsx("pre", {
+			className: "mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-xs",
+			children: violation.code
+		})
+	] });
+	const lines = snippet.text.split("\n");
+	const first = Math.max(1, line - 3);
+	const last = Math.min(lines.length, Math.max(line, violation.end_line ?? line) + 3);
+	const language = languageFromPath(file);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		showMessage && /* @__PURE__ */ jsx(Message, { text: violation.message }),
+		line > lines.length && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: "Source location is outside this file."
+		}),
+		/* @__PURE__ */ jsx(FrameSourceWindow, {
+			focalTone: severityOf(violation),
+			className: "m-0 mt-1.5 max-sm:ml-0",
+			frame: {
+				sourceLines: lines.slice(first - 1, last),
+				sourceStartLine: first,
+				line,
+				...language ? { sourceLanguage: language } : {}
+			}
+		})
+	] });
+}
+export { VIOLATION_CONTEXT_LINES, ViolationSnippet };
+
+//# sourceMappingURL=ViolationSnippet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViolationSnippet.js","names":["_Fragment"],"sources":["../../../src/data/lint/ViolationSnippet.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { languageFromPath } from \"../code-highlight\";\nimport { FrameSourceWindow } from \"../diagnostics/FrameSourceWindow\";\nimport type { OpenFileTarget } from \"../OpenInFilesLink\";\nimport type { Violation } from \"./types\";\nimport { severityOf } from \"./stats\";\n\n/** Loads a file's text, given the same work-dir-relative target \"Open in Files\" receives. */\nexport type LintSourceLoader = (target: Pick<OpenFileTarget, \"file\" | \"workDir\">) => Promise<string>;\n\n/** Lines shown above and below the flagged range. */\nexport const VIOLATION_CONTEXT_LINES = 3;\n\n// One load per file per loader: a file with many violations renders many cards.\nconst loads = new WeakMap<LintSourceLoader, Map<string, Promise<string>>>();\n\nfunction loadOnce(loader: LintSourceLoader, file: string, workDir: string): Promise<string> {\n  const byFile = loads.get(loader) ?? new Map<string, Promise<string>>();\n  loads.set(loader, byFile);\n  const key = `${workDir}\\u0000${file}`;\n  let load = byFile.get(key);\n  if (!load) {\n    load = loader({ file, ...(workDir ? { workDir } : {}) });\n    byFile.set(key, load);\n    load.catch(() => byFile.delete(key));\n  }\n  return load;\n}\n\ntype Snippet = { status: \"loading\" } | { status: \"ready\"; text: string } | { status: \"error\"; message: string };\n\nfunction useSource(loader: LintSourceLoader | undefined, file: string, workDir: string): Snippet | null {\n  const [snippet, setSnippet] = useState<Snippet | null>(null);\n  useEffect(() => {\n    if (!loader || !file) {\n      setSnippet(null);\n      return;\n    }\n    let cancelled = false;\n    setSnippet({ status: \"loading\" });\n    loadOnce(loader, file, workDir).then(\n      (text) => !cancelled && setSnippet({ status: \"ready\", text }),\n      (error: unknown) =>\n        !cancelled && setSnippet({ status: \"error\", message: error instanceof Error ? error.message : String(error) }),\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [loader, file, workDir]);\n  return snippet;\n}\n\nfunction Message({ text }: { text: string | undefined }) {\n  return text ? <div className=\"mt-0.5 whitespace-pre-wrap text-sm\">{text}</div> : null;\n}\n\n/**\n * The flagged lines of a violation with a few lines of context either side,\n * numbered and syntax-highlighted, with the full message above the scrolling\n * source. Without a loader (or a line) it shows the message and the\n * snippet the linter reported in `code`, if any.\n */\nexport function ViolationSnippet({\n  violation,\n  file,\n  workDir,\n  loadSource,\n  showMessage = true,\n}: {\n  violation: Violation;\n  showMessage?: boolean;\n  file: string;\n  workDir: string;\n  loadSource?: LintSourceLoader | undefined;\n}) {\n  const line = violation.line ?? 0;\n  const snippet = useSource(line > 0 ? loadSource : undefined, file, workDir);\n\n  if (!snippet || snippet.status !== \"ready\") {\n    return (\n      <>\n        {showMessage && <Message text={violation.message} />}\n        {snippet?.status === \"loading\" && <div className=\"mt-1 text-xs text-muted-foreground\">Loading source…</div>}\n        {snippet?.status === \"error\" && (\n          <div className=\"mt-1 text-xs text-red-700 dark:text-red-300\" role=\"alert\">\n            Could not load {file}: {snippet.message}\n          </div>\n        )}\n        {!snippet && violation.code && (\n          <pre className=\"mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-xs\">{violation.code}</pre>\n        )}\n      </>\n    );\n  }\n\n  const lines = snippet.text.split(\"\\n\");\n  const first = Math.max(1, line - VIOLATION_CONTEXT_LINES);\n  const last = Math.min(lines.length, Math.max(line, violation.end_line ?? line) + VIOLATION_CONTEXT_LINES);\n  const language = languageFromPath(file);\n  return (\n    <>\n      {showMessage && <Message text={violation.message} />}\n      {line > lines.length && <p role=\"alert\" className=\"text-xs text-destructive\">Source location is outside this file.</p>}\n      <FrameSourceWindow\n        focalTone={severityOf(violation)}\n        className=\"m-0 mt-1.5 max-sm:ml-0\"\n        frame={{\n          sourceLines: lines.slice(first - 1, last),\n          sourceStartLine: first,\n          line,\n          ...(language ? { sourceLanguage: language } : {}),\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAWA,IAAa,0BAA0B;AAGvC,IAAM,wBAAQ,IAAI,QAAwD;AAE1E,SAAS,SAAS,QAA0B,MAAc,SAAkC;CAC1F,MAAM,SAAS,MAAM,IAAI,MAAM,qBAAK,IAAI,IAA6B;CACrE,MAAM,IAAI,QAAQ,MAAM;CACxB,MAAM,MAAM,GAAG,QAAQ,QAAQ;CAC/B,IAAI,OAAO,OAAO,IAAI,GAAG;CACzB,IAAI,CAAC,MAAM;EACT,OAAO,OAAO;GAAE;GAAM,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAAG,CAAC;EACvD,OAAO,IAAI,KAAK,IAAI;EACpB,KAAK,YAAY,OAAO,OAAO,GAAG,CAAC;CACrC;CACA,OAAO;AACT;AAIA,SAAS,UAAU,QAAsC,MAAc,SAAiC;CACtG,MAAM,CAAC,SAAS,cAAc,SAAyB,IAAI;CAC3D,gBAAgB;EACd,IAAI,CAAC,UAAU,CAAC,MAAM;GACpB,WAAW,IAAI;GACf;EACF;EACA,IAAI,YAAY;EAChB,WAAW,EAAE,QAAQ,UAAU,CAAC;EAChC,SAAS,QAAQ,MAAM,OAAO,CAAC,CAAC,MAC7B,SAAS,CAAC,aAAa,WAAW;GAAE,QAAQ;GAAS;EAAK,CAAC,IAC3D,UACC,CAAC,aAAa,WAAW;GAAE,QAAQ;GAAS,SAAS,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;EAAE,CAAC,CACjH;EACA,aAAa;GACX,YAAY;EACd;CACF,GAAG;EAAC;EAAQ;EAAM;CAAO,CAAC;CAC1B,OAAO;AACT;AAEA,SAAS,QAAQ,EAAE,QAAsC;CACvD,OAAO,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAsC,UAAA;CAAU,CAAA,IAAI;AACnF;;;;;;;AAQA,SAAgB,iBAAiB,EAC/B,WACA,MACA,SACA,YACA,cAAc,QAOb;CACD,MAAM,OAAO,UAAU,QAAQ;CAC/B,MAAM,UAAU,UAAU,OAAO,IAAI,aAAa,KAAA,GAAW,MAAM,OAAO;CAE1E,IAAI,CAAC,WAAW,QAAQ,WAAW,SACjC,OACE,qBAAAA,YAAA,EAAA,UAAA;EACG,eAAe,oBAAC,SAAD,EAAS,MAAM,UAAU,QAAU,CAAA;EAClD,SAAS,WAAW,aAAa,oBAAC,OAAD;GAAK,WAAU;GAAqC,UAAA;EAAoB,CAAA;EACzG,SAAS,WAAW,WACnB,qBAAC,OAAD;GAAK,WAAU;GAA8C,MAAK;GAAlE,UAAA;IAA0E;IACxD;IAAK;IAAG,QAAQ;GAC7B;;EAEN,CAAC,WAAW,UAAU,QACrB,oBAAC,OAAD;GAAK,WAAU;GAA+D,UAAA,UAAU;EAAU,CAAA;CAEpG,EAAA,CAAA;CAIN,MAAM,QAAQ,QAAQ,KAAK,MAAM,IAAI;CACrC,MAAM,QAAQ,KAAK,IAAI,GAAG,OAAA,CAA8B;CACxD,MAAM,OAAO,KAAK,IAAI,MAAM,QAAQ,KAAK,IAAI,MAAM,UAAU,YAAY,IAAI,IAAA,CAA2B;CACxG,MAAM,WAAW,iBAAiB,IAAI;CACtC,OACE,qBAAAA,YAAA,EAAA,UAAA;EACG,eAAe,oBAAC,SAAD,EAAS,MAAM,UAAU,QAAU,CAAA;EAClD,OAAO,MAAM,UAAU,oBAAC,KAAD;GAAG,MAAK;GAAQ,WAAU;GAA2B,UAAA;EAAwC,CAAA;EACrH,oBAAC,mBAAD;GACE,WAAW,WAAW,SAAS;GAC/B,WAAU;GACV,OAAO;IACL,aAAa,MAAM,MAAM,QAAQ,GAAG,IAAI;IACxC,iBAAiB;IACjB;IACA,GAAI,WAAW,EAAE,gBAAgB,SAAS,IAAI,CAAC;GACjD;EACD,CAAA;CACD,EAAA,CAAA;AAEN"}