@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/file-findings/file-review/ProblemsList.cjs

@@ -0,0 +1,164 @@
+const require_HighlightedTokens = require("../../data/HighlightedTokens.cjs");
+const require_filterState = require("../../data/test-runner/filterState.cjs");
+const require_use_problem_expansion = require("../../data/diagnostics/use-problem-expansion.cjs");
+const require_ProblemRow = require("../../data/diagnostics/ProblemRow.cjs");
+const require_diagnostic_identity = require("../../data/diagnostics/diagnostic-identity.cjs");
+const require_ProblemFacet = require("../../data/diagnostics/ProblemFacet.cjs");
+const require_ProblemViewOptions = require("../../data/diagnostics/ProblemViewOptions.cjs");
+const require_marks = require("./marks.cjs");
+const require_severity_counts = require("../severity-counts.cjs");
+const require_problem_filters = require("./problem-filters.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/file-review/ProblemsList.tsx
+var LABELS = {
+	error: "Errors",
+	warning: "Warnings",
+	info: "Info"
+};
+function count(findings, value) {
+	const counts = /* @__PURE__ */ new Map();
+	for (const finding of findings) counts.set(value(finding), (counts.get(value(finding)) ?? 0) + 1);
+	return counts;
+}
+function ProblemsList({ source, tokens, findings, filters, onFiltersChange, onOpen, openLabel, getFindingActions }) {
+	const lines = (0, react.useMemo)(() => source.split("\n"), [source]);
+	const entries = (0, react.useMemo)(() => {
+		const keys = require_diagnostic_identity.diagnosticKeys(findings.map((f) => [
+			f.workDir,
+			f.file,
+			f.source,
+			f.rule,
+			f.line,
+			f.column,
+			f.endLine,
+			f.endColumn,
+			f.message,
+			f.severity,
+			f.kind
+		]));
+		return findings.map((finding, index) => ({
+			finding,
+			key: keys[index]
+		}));
+	}, [findings]);
+	const keys = (0, react.useMemo)(() => entries.map((entry) => entry.key), [entries]);
+	const [expanded, setExpanded] = require_use_problem_expansion.useProblemExpansion(keys);
+	const shown = entries.filter(({ finding: f }) => require_filterState.matchesFilterState(f.severity, filters.severity) && require_filterState.matchesFilterState(require_problem_filters.problemType(f), filters.type)).sort((a, b) => require_marks.bySeverityThenLine(a.finding, b.finding));
+	const severityCounts = count(findings.filter((f) => require_filterState.matchesFilterState(require_problem_filters.problemType(f), filters.type)), (f) => f.severity);
+	const typeCounts = count(findings.filter((f) => require_filterState.matchesFilterState(f.severity, filters.severity)), require_problem_filters.problemType);
+	const types = [.../* @__PURE__ */ new Set([...findings.map(require_problem_filters.problemType), ...filters.type.keys()])].sort();
+	const active = filters.severity.size + filters.type.size;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center justify-between border-b border-border p-1 text-xs",
+		"data-problem-filters": "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "px-2 text-muted-foreground",
+			children: [
+				shown.length,
+				" of ",
+				findings.length,
+				" problems"
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ProblemViewOptions.ProblemViewOptions, {
+			active,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemFacet.ProblemFacet, {
+					label: "Severity",
+					options: require_severity_counts.FINDING_SEVERITIES.map((s) => ({
+						value: s,
+						label: LABELS[s],
+						count: severityCounts.get(s) ?? 0
+					})),
+					state: filters.severity,
+					onChange: (severity) => onFiltersChange({
+						...filters,
+						severity
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemFacet.ProblemFacet, {
+					label: "Issue Type",
+					options: types.map((type) => ({
+						value: type,
+						label: type,
+						count: typeCounts.get(type) ?? 0
+					})),
+					state: filters.type,
+					onChange: (type) => onFiltersChange({
+						...filters,
+						type
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "text-xs text-muted-foreground",
+					disabled: !active,
+					onClick: () => onFiltersChange(require_problem_filters.emptyProblemFilters()),
+					children: "Clear filters"
+				})
+			]
+		})]
+	}), shown.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "p-6 text-center text-xs text-muted-foreground",
+		children: findings.length ? "No problems match the current filters." : "No problems in this file."
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: shown.map(({ finding: f, key }) => {
+		const first = Math.max(1, f.line - 3);
+		const last = Math.min(lines.length, (f.endLine ?? f.line) + 3);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+			"data-problem-line": f.line,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemRow.ProblemRow, {
+				message: f.message,
+				severity: f.severity,
+				metadata: `${f.source} ${f.rule ?? ""}`,
+				location: `${f.line}${f.column ? `:${f.column}` : ""}`,
+				expanded: expanded.includes(key),
+				onExpandedChange: (open) => setExpanded((current) => {
+					const next = new Set([...current].filter((id) => entries.some((entry) => entry.key === id)));
+					if (open) next.add(key);
+					else next.delete(key);
+					return [...next];
+				}),
+				actions: [
+					{
+						label: openLabel,
+						onSelect: () => onOpen(f)
+					},
+					{
+						label: "Copy description",
+						onSelect: () => {
+							navigator.clipboard.writeText(f.message);
+						}
+					},
+					...getFindingActions?.(f) ?? []
+				],
+				children: f.line > lines.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "alert",
+					children: "Source location is outside this file."
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+					"data-problem-context": "block",
+					className: "overflow-x-auto border-l border-border bg-muted/20 py-1 font-mono text-xs leading-5",
+					children: lines.slice(first - 1, last).map((text, index) => {
+						const line = first + index;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: "grid min-w-max grid-cols-[2.5rem_1fr] gap-2 pr-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "select-none text-right text-muted-foreground",
+								children: line
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+								className: "whitespace-pre",
+								style: line >= f.line && line <= (f.endLine ?? f.line) ? require_marks.squiggleUnder(require_marks.SEVERITY_MARK[f.severity].stroke) : void 0,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HighlightedTokens.HighlightedTokens, {
+									tokens: tokens?.[line - 1],
+									content: text || " "
+								})
+							})]
+						}, line);
+					})
+				})
+			})
+		}, key);
+	}) })] });
+}
+exports.ProblemsList = ProblemsList;
+
+//# sourceMappingURL=ProblemsList.cjs.map

package/dist/file-findings/file-review/ProblemsList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemsList.cjs","names":["useMemo","diagnosticKeys","useProblemExpansion","matchesFilterState","problemType","bySeverityThenLine","_Fragment","ProblemViewOptions","ProblemFacet","FINDING_SEVERITIES","emptyProblemFilters","ProblemRow","squiggleUnder","SEVERITY_MARK","HighlightedTokens"],"sources":["../../../src/file-findings/file-review/ProblemsList.tsx"],"sourcesContent":["import { useProblemExpansion } from \"../../data/diagnostics/use-problem-expansion\";\nimport { useMemo } from \"react\";\nimport type { HighlightedLine } from \"../../data/code-highlight\";\nimport { HighlightedTokens } from \"../../data/HighlightedTokens\";\nimport { matchesFilterState } from \"../../data/test-runner/filterState\";\nimport { ProblemRow } from \"../../data/diagnostics/ProblemRow\";\nimport { ProblemViewOptions } from \"../../data/diagnostics/ProblemViewOptions\";\nimport { ProblemFacet } from \"../../data/diagnostics/ProblemFacet\";\nimport { diagnosticKeys } from \"../../data/diagnostics/diagnostic-identity\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { FINDING_SEVERITIES } from \"../severity-counts\";\nimport type { FileFinding } from \"../types\";\nimport { SEVERITY_MARK, bySeverityThenLine, squiggleUnder } from \"./marks\";\n\nimport {\n  emptyProblemFilters,\n  problemType,\n  type ProblemFilters,\n} from \"./problem-filters\";\nconst LABELS = { error: \"Errors\", warning: \"Warnings\", info: \"Info\" };\n\nfunction count(\n  findings: readonly FileFinding[],\n  value: (finding: FileFinding) => string,\n) {\n  const counts = new Map<string, number>();\n  for (const finding of findings)\n    counts.set(value(finding), (counts.get(value(finding)) ?? 0) + 1);\n  return counts;\n}\n\nexport function ProblemsList({\n  source,\n  tokens,\n  findings,\n  filters,\n  onFiltersChange,\n  onOpen,\n  openLabel,\n  getFindingActions,\n}: {\n  source: string;\n  tokens: readonly HighlightedLine[] | null;\n  findings: readonly FileFinding[];\n  filters: ProblemFilters;\n  onFiltersChange: (next: ProblemFilters) => void;\n  onOpen: (finding: FileFinding) => void;\n  openLabel: string;\n  getFindingActions?:\n    | ((finding: FileFinding) => DropdownMenuItem[])\n    | undefined;\n}) {\n  const lines = useMemo(() => source.split(\"\\n\"), [source]);\n  const entries = useMemo(() => {\n    const keys = diagnosticKeys(\n      findings.map((f) => [\n        f.workDir,\n        f.file,\n        f.source,\n        f.rule,\n        f.line,\n        f.column,\n        f.endLine,\n        f.endColumn,\n        f.message,\n        f.severity,\n        f.kind,\n      ]),\n    );\n    return findings.map((finding, index) => ({ finding, key: keys[index]! }));\n  }, [findings]);\n  const keys = useMemo(() => entries.map((entry) => entry.key), [entries]);\n  const [expanded, setExpanded] = useProblemExpansion(keys);\n  const shown = entries\n    .filter(\n      ({ finding: f }) =>\n        matchesFilterState(f.severity, filters.severity) &&\n        matchesFilterState(problemType(f), filters.type),\n    )\n    .sort((a, b) => bySeverityThenLine(a.finding, b.finding));\n  const severityCounts = count(\n    findings.filter((f) => matchesFilterState(problemType(f), filters.type)),\n    (f) => f.severity,\n  );\n  const typeCounts = count(\n    findings.filter((f) => matchesFilterState(f.severity, filters.severity)),\n    problemType,\n  );\n  const types = [\n    ...new Set([...findings.map(problemType), ...filters.type.keys()]),\n  ].sort();\n  const active = filters.severity.size + filters.type.size;\n  return (\n    <>\n      <div\n        className=\"flex items-center justify-between border-b border-border p-1 text-xs\"\n        data-problem-filters=\"\"\n      >\n        <span className=\"px-2 text-muted-foreground\">\n          {shown.length} of {findings.length} problems\n        </span>\n        <ProblemViewOptions active={active}>\n          <ProblemFacet\n            label=\"Severity\"\n            options={FINDING_SEVERITIES.map((s) => ({\n              value: s,\n              label: LABELS[s],\n              count: severityCounts.get(s) ?? 0,\n            }))}\n            state={filters.severity}\n            onChange={(severity) =>\n              onFiltersChange({\n                ...filters,\n                severity: severity as ProblemFilters[\"severity\"],\n              })\n            }\n          />\n          <ProblemFacet\n            label=\"Issue Type\"\n            options={types.map((type) => ({\n              value: type,\n              label: type,\n              count: typeCounts.get(type) ?? 0,\n            }))}\n            state={filters.type}\n            onChange={(type) => onFiltersChange({ ...filters, type })}\n          />\n          <button\n            type=\"button\"\n            className=\"text-xs text-muted-foreground\"\n            disabled={!active}\n            onClick={() => onFiltersChange(emptyProblemFilters())}\n          >\n            Clear filters\n          </button>\n        </ProblemViewOptions>\n      </div>\n      {shown.length === 0 ? (\n        <p className=\"p-6 text-center text-xs text-muted-foreground\">\n          {findings.length\n            ? \"No problems match the current filters.\"\n            : \"No problems in this file.\"}\n        </p>\n      ) : (\n        <ul>\n          {shown.map(({ finding: f, key }) => {\n            const first = Math.max(1, f.line - 3);\n            const last = Math.min(lines.length, (f.endLine ?? f.line) + 3);\n            return (\n              <li key={key} data-problem-line={f.line}>\n                <ProblemRow\n                  message={f.message}\n                  severity={f.severity}\n                  metadata={`${f.source} ${f.rule ?? \"\"}`}\n                  location={`${f.line}${f.column ? `:${f.column}` : \"\"}`}\n                  expanded={expanded.includes(key)}\n                  onExpandedChange={(open) =>\n                    setExpanded((current) => {\n                      const next = new Set(\n                        [...current].filter((id) =>\n                          entries.some((entry) => entry.key === id),\n                        ),\n                      );\n                      if (open) next.add(key);\n                      else next.delete(key);\n                      return [...next];\n                    })\n                  }\n                  actions={[\n                    { label: openLabel, onSelect: () => onOpen(f) },\n                    {\n                      label: \"Copy description\",\n                      onSelect: () => {\n                        void navigator.clipboard.writeText(f.message);\n                      },\n                    },\n                    ...(getFindingActions?.(f) ?? []),\n                  ]}\n                >\n                  {f.line > lines.length ? (\n                    <p role=\"alert\">Source location is outside this file.</p>\n                  ) : (\n                    <ol\n                      data-problem-context=\"block\"\n                      className=\"overflow-x-auto border-l border-border bg-muted/20 py-1 font-mono text-xs leading-5\"\n                    >\n                      {lines.slice(first - 1, last).map((text, index) => {\n                        const line = first + index;\n                        return (\n                          <li\n                            key={line}\n                            className=\"grid min-w-max grid-cols-[2.5rem_1fr] gap-2 pr-2\"\n                          >\n                            <span className=\"select-none text-right text-muted-foreground\">\n                              {line}\n                            </span>\n                            <code\n                              className=\"whitespace-pre\"\n                              style={\n                                line >= f.line && line <= (f.endLine ?? f.line)\n                                  ? squiggleUnder(\n                                      SEVERITY_MARK[f.severity].stroke,\n                                    )\n                                  : undefined\n                              }\n                            >\n                              <HighlightedTokens\n                                tokens={tokens?.[line - 1]}\n                                content={text || \" \"}\n                              />\n                            </code>\n                          </li>\n                        );\n                      })}\n                    </ol>\n                  )}\n                </ProblemRow>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/file-findings/file-review/ProblemsList.d.ts

@@ -0,0 +1,15 @@
+import { HighlightedLine } from '../../data/code-highlight.js';
+import { DropdownMenuItem } from '../../overlay/DropdownMenu.js';
+import { FileFinding } from '../types.js';
+import { ProblemFilters } from './problem-filters.js';
+export declare function ProblemsList({ source, tokens, findings, filters, onFiltersChange, onOpen, openLabel, getFindingActions, }: {
+    source: string;
+    tokens: readonly HighlightedLine[] | null;
+    findings: readonly FileFinding[];
+    filters: ProblemFilters;
+    onFiltersChange: (next: ProblemFilters) => void;
+    onOpen: (finding: FileFinding) => void;
+    openLabel: string;
+    getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ProblemsList.d.ts.map

package/dist/file-findings/file-review/ProblemsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemsList.d.ts","sourceRoot":"","sources":["../../../src/file-findings/file-review/ProblemsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAOjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAa3B,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,eAAe,EACf,MAAM,EACN,SAAS,EACT,iBAAiB,GAClB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,SAAS,eAAe,EAAE,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EACd,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,gBAAgB,EAAE,CAAC,GAC9C,SAAS,CAAC;CACf,+BA6KA"}

package/dist/file-findings/file-review/ProblemsList.js

@@ -0,0 +1,164 @@
+import { HighlightedTokens } from "../../data/HighlightedTokens.js";
+import { matchesFilterState } from "../../data/test-runner/filterState.js";
+import { useProblemExpansion } from "../../data/diagnostics/use-problem-expansion.js";
+import { ProblemRow } from "../../data/diagnostics/ProblemRow.js";
+import { diagnosticKeys } from "../../data/diagnostics/diagnostic-identity.js";
+import { ProblemFacet } from "../../data/diagnostics/ProblemFacet.js";
+import { ProblemViewOptions } from "../../data/diagnostics/ProblemViewOptions.js";
+import { SEVERITY_MARK, bySeverityThenLine, squiggleUnder } from "./marks.js";
+import { FINDING_SEVERITIES } from "../severity-counts.js";
+import { emptyProblemFilters, problemType } from "./problem-filters.js";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/file-findings/file-review/ProblemsList.tsx
+var LABELS = {
+	error: "Errors",
+	warning: "Warnings",
+	info: "Info"
+};
+function count(findings, value) {
+	const counts = /* @__PURE__ */ new Map();
+	for (const finding of findings) counts.set(value(finding), (counts.get(value(finding)) ?? 0) + 1);
+	return counts;
+}
+function ProblemsList({ source, tokens, findings, filters, onFiltersChange, onOpen, openLabel, getFindingActions }) {
+	const lines = useMemo(() => source.split("\n"), [source]);
+	const entries = useMemo(() => {
+		const keys = diagnosticKeys(findings.map((f) => [
+			f.workDir,
+			f.file,
+			f.source,
+			f.rule,
+			f.line,
+			f.column,
+			f.endLine,
+			f.endColumn,
+			f.message,
+			f.severity,
+			f.kind
+		]));
+		return findings.map((finding, index) => ({
+			finding,
+			key: keys[index]
+		}));
+	}, [findings]);
+	const keys = useMemo(() => entries.map((entry) => entry.key), [entries]);
+	const [expanded, setExpanded] = useProblemExpansion(keys);
+	const shown = entries.filter(({ finding: f }) => matchesFilterState(f.severity, filters.severity) && matchesFilterState(problemType(f), filters.type)).sort((a, b) => bySeverityThenLine(a.finding, b.finding));
+	const severityCounts = count(findings.filter((f) => matchesFilterState(problemType(f), filters.type)), (f) => f.severity);
+	const typeCounts = count(findings.filter((f) => matchesFilterState(f.severity, filters.severity)), problemType);
+	const types = [.../* @__PURE__ */ new Set([...findings.map(problemType), ...filters.type.keys()])].sort();
+	const active = filters.severity.size + filters.type.size;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between border-b border-border p-1 text-xs",
+		"data-problem-filters": "",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "px-2 text-muted-foreground",
+			children: [
+				shown.length,
+				" of ",
+				findings.length,
+				" problems"
+			]
+		}), /* @__PURE__ */ jsxs(ProblemViewOptions, {
+			active,
+			children: [
+				/* @__PURE__ */ jsx(ProblemFacet, {
+					label: "Severity",
+					options: FINDING_SEVERITIES.map((s) => ({
+						value: s,
+						label: LABELS[s],
+						count: severityCounts.get(s) ?? 0
+					})),
+					state: filters.severity,
+					onChange: (severity) => onFiltersChange({
+						...filters,
+						severity
+					})
+				}),
+				/* @__PURE__ */ jsx(ProblemFacet, {
+					label: "Issue Type",
+					options: types.map((type) => ({
+						value: type,
+						label: type,
+						count: typeCounts.get(type) ?? 0
+					})),
+					state: filters.type,
+					onChange: (type) => onFiltersChange({
+						...filters,
+						type
+					})
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "text-xs text-muted-foreground",
+					disabled: !active,
+					onClick: () => onFiltersChange(emptyProblemFilters()),
+					children: "Clear filters"
+				})
+			]
+		})]
+	}), shown.length === 0 ? /* @__PURE__ */ jsx("p", {
+		className: "p-6 text-center text-xs text-muted-foreground",
+		children: findings.length ? "No problems match the current filters." : "No problems in this file."
+	}) : /* @__PURE__ */ jsx("ul", { children: shown.map(({ finding: f, key }) => {
+		const first = Math.max(1, f.line - 3);
+		const last = Math.min(lines.length, (f.endLine ?? f.line) + 3);
+		return /* @__PURE__ */ jsx("li", {
+			"data-problem-line": f.line,
+			children: /* @__PURE__ */ jsx(ProblemRow, {
+				message: f.message,
+				severity: f.severity,
+				metadata: `${f.source} ${f.rule ?? ""}`,
+				location: `${f.line}${f.column ? `:${f.column}` : ""}`,
+				expanded: expanded.includes(key),
+				onExpandedChange: (open) => setExpanded((current) => {
+					const next = new Set([...current].filter((id) => entries.some((entry) => entry.key === id)));
+					if (open) next.add(key);
+					else next.delete(key);
+					return [...next];
+				}),
+				actions: [
+					{
+						label: openLabel,
+						onSelect: () => onOpen(f)
+					},
+					{
+						label: "Copy description",
+						onSelect: () => {
+							navigator.clipboard.writeText(f.message);
+						}
+					},
+					...getFindingActions?.(f) ?? []
+				],
+				children: f.line > lines.length ? /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					children: "Source location is outside this file."
+				}) : /* @__PURE__ */ jsx("ol", {
+					"data-problem-context": "block",
+					className: "overflow-x-auto border-l border-border bg-muted/20 py-1 font-mono text-xs leading-5",
+					children: lines.slice(first - 1, last).map((text, index) => {
+						const line = first + index;
+						return /* @__PURE__ */ jsxs("li", {
+							className: "grid min-w-max grid-cols-[2.5rem_1fr] gap-2 pr-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "select-none text-right text-muted-foreground",
+								children: line
+							}), /* @__PURE__ */ jsx("code", {
+								className: "whitespace-pre",
+								style: line >= f.line && line <= (f.endLine ?? f.line) ? squiggleUnder(SEVERITY_MARK[f.severity].stroke) : void 0,
+								children: /* @__PURE__ */ jsx(HighlightedTokens, {
+									tokens: tokens?.[line - 1],
+									content: text || " "
+								})
+							})]
+						}, line);
+					})
+				})
+			})
+		}, key);
+	}) })] });
+}
+export { ProblemsList };
+
+//# sourceMappingURL=ProblemsList.js.map

package/dist/file-findings/file-review/ProblemsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemsList.js","names":["_Fragment"],"sources":["../../../src/file-findings/file-review/ProblemsList.tsx"],"sourcesContent":["import { useProblemExpansion } from \"../../data/diagnostics/use-problem-expansion\";\nimport { useMemo } from \"react\";\nimport type { HighlightedLine } from \"../../data/code-highlight\";\nimport { HighlightedTokens } from \"../../data/HighlightedTokens\";\nimport { matchesFilterState } from \"../../data/test-runner/filterState\";\nimport { ProblemRow } from \"../../data/diagnostics/ProblemRow\";\nimport { ProblemViewOptions } from \"../../data/diagnostics/ProblemViewOptions\";\nimport { ProblemFacet } from \"../../data/diagnostics/ProblemFacet\";\nimport { diagnosticKeys } from \"../../data/diagnostics/diagnostic-identity\";\nimport type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { FINDING_SEVERITIES } from \"../severity-counts\";\nimport type { FileFinding } from \"../types\";\nimport { SEVERITY_MARK, bySeverityThenLine, squiggleUnder } from \"./marks\";\n\nimport {\n  emptyProblemFilters,\n  problemType,\n  type ProblemFilters,\n} from \"./problem-filters\";\nconst LABELS = { error: \"Errors\", warning: \"Warnings\", info: \"Info\" };\n\nfunction count(\n  findings: readonly FileFinding[],\n  value: (finding: FileFinding) => string,\n) {\n  const counts = new Map<string, number>();\n  for (const finding of findings)\n    counts.set(value(finding), (counts.get(value(finding)) ?? 0) + 1);\n  return counts;\n}\n\nexport function ProblemsList({\n  source,\n  tokens,\n  findings,\n  filters,\n  onFiltersChange,\n  onOpen,\n  openLabel,\n  getFindingActions,\n}: {\n  source: string;\n  tokens: readonly HighlightedLine[] | null;\n  findings: readonly FileFinding[];\n  filters: ProblemFilters;\n  onFiltersChange: (next: ProblemFilters) => void;\n  onOpen: (finding: FileFinding) => void;\n  openLabel: string;\n  getFindingActions?:\n    | ((finding: FileFinding) => DropdownMenuItem[])\n    | undefined;\n}) {\n  const lines = useMemo(() => source.split(\"\\n\"), [source]);\n  const entries = useMemo(() => {\n    const keys = diagnosticKeys(\n      findings.map((f) => [\n        f.workDir,\n        f.file,\n        f.source,\n        f.rule,\n        f.line,\n        f.column,\n        f.endLine,\n        f.endColumn,\n        f.message,\n        f.severity,\n        f.kind,\n      ]),\n    );\n    return findings.map((finding, index) => ({ finding, key: keys[index]! }));\n  }, [findings]);\n  const keys = useMemo(() => entries.map((entry) => entry.key), [entries]);\n  const [expanded, setExpanded] = useProblemExpansion(keys);\n  const shown = entries\n    .filter(\n      ({ finding: f }) =>\n        matchesFilterState(f.severity, filters.severity) &&\n        matchesFilterState(problemType(f), filters.type),\n    )\n    .sort((a, b) => bySeverityThenLine(a.finding, b.finding));\n  const severityCounts = count(\n    findings.filter((f) => matchesFilterState(problemType(f), filters.type)),\n    (f) => f.severity,\n  );\n  const typeCounts = count(\n    findings.filter((f) => matchesFilterState(f.severity, filters.severity)),\n    problemType,\n  );\n  const types = [\n    ...new Set([...findings.map(problemType), ...filters.type.keys()]),\n  ].sort();\n  const active = filters.severity.size + filters.type.size;\n  return (\n    <>\n      <div\n        className=\"flex items-center justify-between border-b border-border p-1 text-xs\"\n        data-problem-filters=\"\"\n      >\n        <span className=\"px-2 text-muted-foreground\">\n          {shown.length} of {findings.length} problems\n        </span>\n        <ProblemViewOptions active={active}>\n          <ProblemFacet\n            label=\"Severity\"\n            options={FINDING_SEVERITIES.map((s) => ({\n              value: s,\n              label: LABELS[s],\n              count: severityCounts.get(s) ?? 0,\n            }))}\n            state={filters.severity}\n            onChange={(severity) =>\n              onFiltersChange({\n                ...filters,\n                severity: severity as ProblemFilters[\"severity\"],\n              })\n            }\n          />\n          <ProblemFacet\n            label=\"Issue Type\"\n            options={types.map((type) => ({\n              value: type,\n              label: type,\n              count: typeCounts.get(type) ?? 0,\n            }))}\n            state={filters.type}\n            onChange={(type) => onFiltersChange({ ...filters, type })}\n          />\n          <button\n            type=\"button\"\n            className=\"text-xs text-muted-foreground\"\n            disabled={!active}\n            onClick={() => onFiltersChange(emptyProblemFilters())}\n          >\n            Clear filters\n          </button>\n        </ProblemViewOptions>\n      </div>\n      {shown.length === 0 ? (\n        <p className=\"p-6 text-center text-xs text-muted-foreground\">\n          {findings.length\n            ? \"No problems match the current filters.\"\n            : \"No problems in this file.\"}\n        </p>\n      ) : (\n        <ul>\n          {shown.map(({ finding: f, key }) => {\n            const first = Math.max(1, f.line - 3);\n            const last = Math.min(lines.length, (f.endLine ?? f.line) + 3);\n            return (\n              <li key={key} data-problem-line={f.line}>\n                <ProblemRow\n                  message={f.message}\n                  severity={f.severity}\n                  metadata={`${f.source} ${f.rule ?? \"\"}`}\n                  location={`${f.line}${f.column ? `:${f.column}` : \"\"}`}\n                  expanded={expanded.includes(key)}\n                  onExpandedChange={(open) =>\n                    setExpanded((current) => {\n                      const next = new Set(\n                        [...current].filter((id) =>\n                          entries.some((entry) => entry.key === id),\n                        ),\n                      );\n                      if (open) next.add(key);\n                      else next.delete(key);\n                      return [...next];\n                    })\n                  }\n                  actions={[\n                    { label: openLabel, onSelect: () => onOpen(f) },\n                    {\n                      label: \"Copy description\",\n                      onSelect: () => {\n                        void navigator.clipboard.writeText(f.message);\n                      },\n                    },\n                    ...(getFindingActions?.(f) ?? []),\n                  ]}\n                >\n                  {f.line > lines.length ? (\n                    <p role=\"alert\">Source location is outside this file.</p>\n                  ) : (\n                    <ol\n                      data-problem-context=\"block\"\n                      className=\"overflow-x-auto border-l border-border bg-muted/20 py-1 font-mono text-xs leading-5\"\n                    >\n                      {lines.slice(first - 1, last).map((text, index) => {\n                        const line = first + index;\n                        return (\n                          <li\n                            key={line}\n                            className=\"grid min-w-max grid-cols-[2.5rem_1fr] gap-2 pr-2\"\n                          >\n                            <span className=\"select-none text-right text-muted-foreground\">\n                              {line}\n                            </span>\n                            <code\n                              className=\"whitespace-pre\"\n                              style={\n                                line >= f.line && line <= (f.endLine ?? f.line)\n                                  ? squiggleUnder(\n                                      SEVERITY_MARK[f.severity].stroke,\n                                    )\n                                  : undefined\n                              }\n                            >\n                              <HighlightedTokens\n                                tokens={tokens?.[line - 1]}\n                                content={text || \" \"}\n                              />\n                            </code>\n                          </li>\n                        );\n                      })}\n                    </ol>\n                  )}\n                </ProblemRow>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/file-findings/file-review/SourceView.cjs

@@ -0,0 +1,179 @@
+const require_utils = require("../../lib/utils.cjs");
+const require_comment_utils = require("../../comments/comment-utils.cjs");
+const require_Icon = require("../../data/Icon.cjs");
+const require_token_style = require("../../data/token-style.cjs");
+const require_ProblemActions = require("../../data/diagnostics/ProblemActions.cjs");
+const require_CommentAuthor = require("../../comments/CommentAuthor.cjs");
+const require_findings_comments = require("../findings-comments.cjs");
+const require_marks = require("./marks.cjs");
+const require_blame = require("./blame.cjs");
+const require_source_marks = require("./source-marks.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/file-review/SourceView.tsx
+/** One line's blame cell: the commit where its range opens, and an age bar on every line of the range. */
+function BlameCell({ blame }) {
+	if (!blame) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {});
+	const { commit, first, recency } = blame;
+	const uncommitted = require_blame.isUncommitted(commit);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		"data-blame-sha": first ? commit.sha : void 0,
+		title: uncommitted ? "Not committed yet" : `${commit.sha.slice(0, 12)} · ${commit.author} · ${commit.date.slice(0, 10)}\n${commit.summary}`,
+		className: require_utils.cn("relative flex min-w-0 items-start gap-1.5 pl-2 pr-2 font-sans text-[11px] text-muted-foreground", first && "border-t border-border/60"),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": true,
+			className: require_utils.cn("absolute inset-y-0 left-0 w-[3px]", uncommitted ? "bg-amber-500" : "bg-sky-500"),
+			style: { opacity: uncommitted ? 1 : .15 + .85 * recency }
+		}), first && (uncommitted ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "italic",
+			children: "Uncommitted"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "shrink-0 font-mono text-foreground/70",
+				children: commit.sha.slice(0, 7)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: commit.author
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "shrink-0 tabular-nums",
+				children: require_blame.blameAge(commit.date)
+			})
+		] }))]
+	});
+}
+/**
+* The source with line numbers, syntax colours when `tokens` are given, and a
+* blame column when `blame` is; a line with findings carries its worst
+* severity's rail icon, squiggle and messages. Picking a message selects its
+* finding. With `showFindings` off only the selected line lists its messages,
+* and the rail icon picks a line, the way a comment highlight opens its thread.
+* People's comments highlight their quote and list under the line that ends
+* it; picking one opens its thread there.
+*/
+function SourceView({ source, tokens, blame, findings, showFindings, marks, comments, selected, onSelect, onFocus, getFindingActions }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		className: "py-2 font-mono text-xs leading-5",
+		children: source.split("\n").map((text, i) => {
+			const line = i + 1;
+			const here = findings.filter((f) => f.line === line).sort(require_marks.bySeverityThenLine);
+			const worst = here[0] ? require_marks.SEVERITY_MARK[require_marks.severityOf(here[0].severity)] : null;
+			const threads = marks.filter((m) => m.spans.at(-1)?.line === line);
+			const listed = showFindings || selected === require_findings_comments.lineAnchor(line) ? here : [];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				"data-source-line": line,
+				className: require_utils.cn("grid pr-3", blame ? "grid-cols-[13rem_1.25rem_2.5rem_1fr]" : "grid-cols-[1.25rem_2.5rem_1fr]"),
+				children: [
+					blame && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlameCell, { blame: blame.get(line) }),
+					worst && !showFindings ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-source-mark": line,
+						"aria-label": `${here.length} ${here.length === 1 ? "finding" : "findings"} on line ${line}`,
+						"aria-pressed": selected === require_findings_comments.lineAnchor(line),
+						onClick: () => selected === require_findings_comments.lineAnchor(line) ? onFocus(null) : onSelect(here[0]),
+						className: require_utils.cn("flex h-5 items-center justify-center rounded-sm hover:bg-muted", worst.tone),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+							icon: worst.icon,
+							className: "text-[13px]"
+						})
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_utils.cn("flex h-5 items-center justify-center", worst?.tone),
+						children: worst && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+							icon: worst.icon,
+							className: "text-[13px]"
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "select-none pr-3 text-right text-muted-foreground tabular-nums",
+						children: line
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "min-w-0 whitespace-pre-wrap break-words",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-source-text": line,
+								style: worst ? require_marks.squiggleUnder(worst.stroke) : void 0,
+								children: text ? require_source_marks.lineSegments(text, line, marks, tokens?.[i]).map((seg) => {
+									const style = seg.token ? require_token_style.tokenStyle(seg.token) : void 0;
+									return seg.anchors.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style,
+										children: seg.text
+									}, seg.start) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
+										"data-source-comment": JSON.stringify(seg.anchors),
+										onClick: () => window.getSelection()?.isCollapsed && onFocus(seg.anchors[0]),
+										style,
+										className: require_utils.cn("cursor-pointer rounded-sm text-inherit", seg.anchors.includes(selected ?? "") ? "bg-amber-300 [[data-theme=dark]_&]:bg-amber-400/50" : "bg-amber-200/60 [[data-theme=dark]_&]:bg-amber-400/25"),
+										children: seg.text
+									}, seg.start);
+								}) : " "
+							}),
+							threads.map(({ anchor }) => {
+								const thread = require_comment_utils.selectAnchorThreads(comments, anchor);
+								const root = require_comment_utils.getRoots(thread)[0];
+								if (!root) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									"data-source-thread": anchor,
+									onClick: () => onFocus(anchor),
+									className: "flex w-full items-center gap-1.5 text-left font-sans text-[11px] text-amber-600 hover:underline [[data-theme=dark]_&]:text-amber-400",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CommentAuthor.CommentAuthorAvatar, {
+											author: root.author ?? null,
+											size: "xs",
+											bare: true
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "shrink-0 font-medium text-foreground",
+											children: root.author?.name
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "truncate text-muted-foreground",
+											children: root.body
+										}),
+										thread.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "shrink-0 text-muted-foreground",
+											children: [
+												"· ",
+												thread.length - 1,
+												" ",
+												thread.length === 2 ? "reply" : "replies"
+											]
+										})
+									]
+								}, anchor);
+							}),
+							listed.map((f) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								"data-source-finding": f.line,
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									"aria-pressed": selected === require_findings_comments.lineAnchor(f.line),
+									onClick: () => onSelect(f),
+									className: require_utils.cn("flex min-w-0 flex-1 items-center gap-1.5 text-left font-sans text-[11px] hover:underline aria-pressed:font-semibold aria-pressed:underline", require_marks.SEVERITY_MARK[require_marks.severityOf(f.severity)].tone),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, { icon: require_marks.SEVERITY_MARK[require_marks.severityOf(f.severity)].icon }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "text-foreground",
+											children: f.message
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "text-muted-foreground",
+											children: [
+												f.source,
+												" ",
+												f.rule
+											]
+										})
+									]
+								}), getFindingActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemActions.ProblemActions, { items: getFindingActions(f) })]
+							}, `${f.rule}:${f.message}`))
+						]
+					})
+				]
+			}, line);
+		})
+	});
+}
+exports.SourceView = SourceView;
+
+//# sourceMappingURL=SourceView.cjs.map

package/dist/file-findings/file-review/SourceView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceView.cjs","names":["isUncommitted","cn","_Fragment","blameAge","bySeverityThenLine","SEVERITY_MARK","severityOf","lineAnchor","Icon","squiggleUnder","lineSegments","tokenStyle","selectAnchorThreads","getRoots","CommentAuthorAvatar","ProblemActions"],"sources":["../../../src/file-findings/file-review/SourceView.tsx"],"sourcesContent":["import type { DropdownMenuItem } from \"../../overlay/DropdownMenu\";\nimport { ProblemActions } from \"../../data/diagnostics/ProblemActions\";\nimport type { HighlightedLine } from \"../../data/code-highlight\";\nimport { Icon } from \"../../data/Icon\";\nimport { tokenStyle } from \"../../data/token-style\";\nimport { cn } from \"../../lib/utils\";\nimport { CommentAuthorAvatar } from \"../../comments/CommentAuthor\";\nimport type { Comment } from \"../../comments/comment-types\";\nimport { getRoots, selectAnchorThreads } from \"../../comments/comment-utils\";\nimport { lineAnchor } from \"../findings-comments\";\nimport type { FileFinding } from \"../types\";\nimport { blameAge, isUncommitted, type BlameLine } from \"./blame\";\nimport { SEVERITY_MARK, bySeverityThenLine, severityOf, squiggleUnder } from \"./marks\";\nimport { lineSegments, type SourceMark } from \"./source-marks\";\n\n/** One line's blame cell: the commit where its range opens, and an age bar on every line of the range. */\nfunction BlameCell({ blame }: { blame: BlameLine | undefined }) {\n  if (!blame) return <span />;\n  const { commit, first, recency } = blame;\n  const uncommitted = isUncommitted(commit);\n  return (\n    <span\n      data-blame-sha={first ? commit.sha : undefined}\n      title={uncommitted ? \"Not committed yet\" : `${commit.sha.slice(0, 12)} · ${commit.author} · ${commit.date.slice(0, 10)}\\n${commit.summary}`}\n      className={cn(\"relative flex min-w-0 items-start gap-1.5 pl-2 pr-2 font-sans text-[11px] text-muted-foreground\", first && \"border-t border-border/60\")}\n    >\n      <span\n        aria-hidden\n        className={cn(\"absolute inset-y-0 left-0 w-[3px]\", uncommitted ? \"bg-amber-500\" : \"bg-sky-500\")}\n        style={{ opacity: uncommitted ? 1 : 0.15 + 0.85 * recency }}\n      />\n      {first &&\n        (uncommitted ? (\n          <span className=\"italic\">Uncommitted</span>\n        ) : (\n          <>\n            <span className=\"shrink-0 font-mono text-foreground/70\">{commit.sha.slice(0, 7)}</span>\n            <span className=\"min-w-0 flex-1 truncate\">{commit.author}</span>\n            <span className=\"shrink-0 tabular-nums\">{blameAge(commit.date)}</span>\n          </>\n        ))}\n    </span>\n  );\n}\n\n/**\n * The source with line numbers, syntax colours when `tokens` are given, and a\n * blame column when `blame` is; a line with findings carries its worst\n * severity's rail icon, squiggle and messages. Picking a message selects its\n * finding. With `showFindings` off only the selected line lists its messages,\n * and the rail icon picks a line, the way a comment highlight opens its thread.\n * People's comments highlight their quote and list under the line that ends\n * it; picking one opens its thread there.\n */\nexport function SourceView({\n  source,\n  tokens,\n  blame,\n  findings,\n  showFindings,\n  marks,\n  comments,\n  selected,\n  onSelect,\n  onFocus,\n  getFindingActions,\n}: {\n  source: string;\n  tokens: readonly HighlightedLine[] | null;\n  blame: ReadonlyMap<number, BlameLine> | null;\n  findings: readonly FileFinding[];\n  showFindings: boolean;\n  marks: readonly SourceMark[];\n  comments: Comment[];\n  selected: string | null;\n  onSelect: (finding: FileFinding) => void;\n  onFocus: (anchor: string | null) => void;\n  getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;\n}) {\n  return (\n    <ol className=\"py-2 font-mono text-xs leading-5\">\n      {source.split(\"\\n\").map((text, i) => {\n        const line = i + 1;\n        const here = findings.filter((f) => f.line === line).sort(bySeverityThenLine);\n        const worst = here[0] ? SEVERITY_MARK[severityOf(here[0].severity)] : null;\n        const threads = marks.filter((m) => m.spans.at(-1)?.line === line);\n        const listed = showFindings || selected === lineAnchor(line) ? here : [];\n        return (\n          <li\n            key={line}\n            data-source-line={line}\n            className={cn(\"grid pr-3\", blame ? \"grid-cols-[13rem_1.25rem_2.5rem_1fr]\" : \"grid-cols-[1.25rem_2.5rem_1fr]\")}\n          >\n            {blame && <BlameCell blame={blame.get(line)} />}\n            {worst && !showFindings ? (\n              <button\n                type=\"button\"\n                data-source-mark={line}\n                aria-label={`${here.length} ${here.length === 1 ? \"finding\" : \"findings\"} on line ${line}`}\n                aria-pressed={selected === lineAnchor(line)}\n                onClick={() => (selected === lineAnchor(line) ? onFocus(null) : onSelect(here[0]!))}\n                className={cn(\"flex h-5 items-center justify-center rounded-sm hover:bg-muted\", worst.tone)}\n              >\n                <Icon icon={worst.icon} className=\"text-[13px]\" />\n              </button>\n            ) : (\n              <span className={cn(\"flex h-5 items-center justify-center\", worst?.tone)}>{worst && <Icon icon={worst.icon} className=\"text-[13px]\" />}</span>\n            )}\n            <span className=\"select-none pr-3 text-right text-muted-foreground tabular-nums\">{line}</span>\n            <span className=\"min-w-0 whitespace-pre-wrap break-words\">\n              <span data-source-text={line} style={worst ? squiggleUnder(worst.stroke) : undefined}>\n                {text\n                  ? lineSegments(text, line, marks, tokens?.[i]).map((seg) => {\n                      const style = seg.token ? tokenStyle(seg.token) : undefined;\n                      return seg.anchors.length === 0 ? (\n                        <span key={seg.start} style={style}>\n                          {seg.text}\n                        </span>\n                      ) : (\n                        <mark\n                          key={seg.start}\n                          data-source-comment={JSON.stringify(seg.anchors)}\n                          onClick={() => window.getSelection()?.isCollapsed && onFocus(seg.anchors[0]!)}\n                          style={style}\n                          className={cn(\n                            \"cursor-pointer rounded-sm text-inherit\",\n                            seg.anchors.includes(selected ?? \"\")\n                              ? \"bg-amber-300 [[data-theme=dark]_&]:bg-amber-400/50\"\n                              : \"bg-amber-200/60 [[data-theme=dark]_&]:bg-amber-400/25\",\n                          )}\n                        >\n                          {seg.text}\n                        </mark>\n                      );\n                    })\n                  : \" \"}\n              </span>\n              {threads.map(({ anchor }) => {\n                const thread = selectAnchorThreads(comments, anchor);\n                const root = getRoots(thread)[0];\n                if (!root) return null;\n                return (\n                  <button\n                    key={anchor}\n                    type=\"button\"\n                    data-source-thread={anchor}\n                    onClick={() => onFocus(anchor)}\n                    className=\"flex w-full items-center gap-1.5 text-left font-sans text-[11px] text-amber-600 hover:underline [[data-theme=dark]_&]:text-amber-400\"\n                  >\n                    <CommentAuthorAvatar author={root.author ?? null} size=\"xs\" bare />\n                    <span className=\"shrink-0 font-medium text-foreground\">{root.author?.name}</span>\n                    <span className=\"truncate text-muted-foreground\">{root.body}</span>\n                    {thread.length > 1 && <span className=\"shrink-0 text-muted-foreground\">· {thread.length - 1} {thread.length === 2 ? \"reply\" : \"replies\"}</span>}\n                  </button>\n                );\n              })}\n              {listed.map((f) => (\n                <span key={`${f.rule}:${f.message}`} data-source-finding={f.line} className=\"flex items-center gap-2\">\n                  <button\n                    type=\"button\"\n                    aria-pressed={selected === lineAnchor(f.line)}\n                    onClick={() => onSelect(f)}\n                    className={cn(\n                      \"flex min-w-0 flex-1 items-center gap-1.5 text-left font-sans text-[11px] hover:underline aria-pressed:font-semibold aria-pressed:underline\",\n                      SEVERITY_MARK[severityOf(f.severity)].tone,\n                    )}\n                  >\n                    <Icon icon={SEVERITY_MARK[severityOf(f.severity)].icon} />\n                    <span className=\"text-foreground\">{f.message}</span>\n                    <span className=\"text-muted-foreground\">{f.source} {f.rule}</span>\n                  </button>\n                  {getFindingActions && <ProblemActions items={getFindingActions(f)} />}\n                </span>\n              ))}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":"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"}