@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/git/pickers/ReferencePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferencePicker.js","names":[],"sources":["../../../../src/data/git/pickers/ReferencePicker.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Combobox } from \"../../../components/Combobox\";\nimport type { ComboboxOption } from \"../../../components/combobox-types\";\nimport { Button } from \"../../../components/button\";\nimport { cn } from \"../../../lib/utils\";\nimport { Avatar } from \"../../Avatar\";\nimport type { GitPickerProps } from \"./types\";\nimport { usePickerItems } from \"./use-picker-items\";\n\nexport interface ReferenceChoice extends ComboboxOption { author?: string; date?: string; detail?: string }\n\nexport function ReferencePicker<T>({ label, plural, option, custom, ...props }: GitPickerProps<T> & {\n  label: string;\n  plural: string;\n  option: (item: T) => ReferenceChoice;\n  custom?: (value: string) => ComboboxOption | null;\n}) {\n  const id = useId();\n  const data = usePickerItems(props);\n  const options = data.items.map((item) => {\n    const choice = option(item);\n    return { ...choice, descriptionLayout: \"inline\" as const,\n      title: [choice.title ?? choice.label, choice.description].filter(Boolean).join(\"\\n\"),\n      ...(props.optionTrailing ? { trailing: props.optionTrailing(item) } : {}) };\n  });\n  const selected = options.find((item) => item.value === props.value);\n  const error = props.error ?? data.error;\n  const loading = props.loading || data.loading;\n  return <div className={cn(\"min-w-0 space-y-1.5\", props.className)}>\n    <label htmlFor={id} className=\"block text-sm font-medium text-foreground\">{label}</label>\n    {props.help && <p id={`${id}-help`} className=\"text-xs text-muted-foreground\">{props.help}</p>}\n    <Combobox id={id} ariaLabel={label} value={props.value} options={options}\n      menuWidth={720}\n      onChange={(value) => props.onChange(value, data.items.find((item) => option(item).value === value))}\n      allowCustomValue={Boolean(custom)} {...(custom ? { onNew: custom } : {})}\n      placeholder={props.placeholder ?? `Search ${plural}…`} loading={loading} disabled={props.disabled ?? false}\n      {...(props.size ? { size: props.size } : {})} invalid={Boolean(error)} describedBy={error ? `${id}-error` : props.help ? `${id}-help` : `${id}-status`}\n      footer={`${options.length} ${plural} · Search by name, author or revision`} />\n    {error ? <div id={`${id}-error`} role=\"alert\" className=\"text-xs text-destructive\">\n      <p>{error.message}</p>{(props.load || props.onRetry) && <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={props.onRetry ?? data.retry} aria-label={`Retry ${plural}`}>Retry</Button>}\n    </div> : <p id={`${id}-status`} role=\"status\" className=\"text-xs text-muted-foreground\">{loading ? `Loading ${plural}…` : options.length === 0 ? `No ${plural} found.` : null}</p>}\n    {data.hasMore && <Button type=\"button\" variant=\"ghost\" size=\"sm\" loading={loading} onClick={data.loadMore} aria-label={`Load more ${plural}`}>Load more</Button>}\n    {selected && (selected.author || selected.detail) && <div aria-live=\"polite\" className=\"space-y-1 text-sm\">\n      {selected.author && <div className=\"flex items-center gap-2 text-xs text-muted-foreground\"><Avatar alt={selected.author} size=\"xs\" variant=\"mono\" /><span>{selected.author}{selected.date ? ` · ${selected.date}` : \"\"}</span></div>}\n      {selected.detail && <p className=\"break-words text-xs text-foreground\">{selected.detail}</p>}\n    </div>}\n  </div>;\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,gBAAmB,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SAKpE;CACD,MAAM,KAAK,MAAM;CACjB,MAAM,OAAO,eAAe,KAAK;CACjC,MAAM,UAAU,KAAK,MAAM,KAAK,SAAS;EACvC,MAAM,SAAS,OAAO,IAAI;EAC1B,OAAO;GAAE,GAAG;GAAQ,mBAAmB;GACrC,OAAO,CAAC,OAAO,SAAS,OAAO,OAAO,OAAO,WAAW,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI;GACnF,GAAI,MAAM,iBAAiB,EAAE,UAAU,MAAM,eAAe,IAAI,EAAE,IAAI,CAAC;EAAG;CAC9E,CAAC;CACD,MAAM,WAAW,QAAQ,MAAM,SAAS,KAAK,UAAU,MAAM,KAAK;CAClE,MAAM,QAAQ,MAAM,SAAS,KAAK;CAClC,MAAM,UAAU,MAAM,WAAW,KAAK;CACtC,OAAO,qBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,MAAM,SAAS;EAAzD,UAAA;GACL,oBAAC,SAAD;IAAO,SAAS;IAAI,WAAU;IAA6C,UAAA;GAAa,CAAA;GACvF,MAAM,QAAQ,oBAAC,KAAD;IAAG,IAAI,GAAG,GAAG;IAAQ,WAAU;IAAiC,UAAA,MAAM;GAAQ,CAAA;GAC7F,oBAAC,UAAD;IAAc;IAAI,WAAW;IAAO,OAAO,MAAM;IAAgB;IAC/D,WAAW;IACX,WAAW,UAAU,MAAM,SAAS,OAAO,KAAK,MAAM,MAAM,SAAS,OAAO,IAAI,CAAC,CAAC,UAAU,KAAK,CAAC;IAClG,kBAAkB,QAAQ,MAAM;IAAG,GAAK,SAAS,EAAE,OAAO,OAAO,IAAI,CAAC;IACtE,aAAa,MAAM,eAAe,UAAU,OAAO;IAAa;IAAS,UAAU,MAAM,YAAY;IACrG,GAAK,MAAM,OAAO,EAAE,MAAM,MAAM,KAAK,IAAI,CAAC;IAAI,SAAS,QAAQ,KAAK;IAAG,aAAa,QAAQ,GAAG,GAAG,UAAU,MAAM,OAAO,GAAG,GAAG,SAAS,GAAG,GAAG;IAC9I,QAAQ,GAAG,QAAQ,OAAO,GAAG,OAAO;GAAyC,CAAA;GAC9E,QAAQ,qBAAC,OAAD;IAAK,IAAI,GAAG,GAAG;IAAS,MAAK;IAAQ,WAAU;IAA/C,UAAA,CACP,oBAAC,KAAD,EAAA,UAAI,MAAM,QAAW,CAAA,IAAG,MAAM,QAAQ,MAAM,YAAY,oBAAC,QAAD;KAAQ,MAAK;KAAS,SAAQ;KAAQ,MAAK;KAAK,SAAS,MAAM,WAAW,KAAK;KAAO,cAAY,SAAS;KAAU,UAAA;IAAa,CAAA,CACvL;GAAI,CAAA,IAAA,oBAAC,KAAD;IAAG,IAAI,GAAG,GAAG;IAAU,MAAK;IAAS,WAAU;IAAiC,UAAA,UAAU,WAAW,OAAO,KAAK,QAAQ,WAAW,IAAI,MAAM,OAAO,WAAW;GAAQ,CAAA;GAChL,KAAK,WAAW,oBAAC,QAAD;IAAQ,MAAK;IAAS,SAAQ;IAAQ,MAAK;IAAc;IAAS,SAAS,KAAK;IAAU,cAAY,aAAa;IAAU,UAAA;GAAiB,CAAA;GAC9J,aAAa,SAAS,UAAU,SAAS,WAAW,qBAAC,OAAD;IAAK,aAAU;IAAS,WAAU;IAAlC,UAAA,CAClD,SAAS,UAAU,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CAAuE,oBAAC,QAAD;MAAQ,KAAK,SAAS;MAAQ,MAAK;MAAK,SAAQ;KAAQ,CAAA,GAAC,qBAAC,QAAD,EAAA,UAAA,CAAO,SAAS,QAAQ,SAAS,OAAO,MAAM,SAAS,SAAS,EAAS,EAAA,CAAA,CAAM;IAClO,CAAA,GAAA,SAAS,UAAU,oBAAC,KAAD;KAAG,WAAU;KAAuC,UAAA,SAAS;IAAU,CAAA,CACxF;;EACF;;AACP"}
+{"version":3,"file":"ReferencePicker.js","names":[],"sources":["../../../../src/data/git/pickers/ReferencePicker.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Combobox } from \"../../../components/Combobox\";\nimport type { ComboboxOption } from \"../../../components/combobox-types\";\nimport { Button } from \"../../../components/button\";\nimport { cn } from \"../../../lib/utils\";\nimport { Avatar } from \"../../Avatar\";\nimport type { GitPickerProps } from \"./types\";\nimport { usePickerItems } from \"./use-picker-items\";\n\nexport interface ReferenceChoice extends ComboboxOption { author?: string; date?: string; detail?: string }\n\nexport function ReferencePicker<T>({ label, plural, option, custom, ...props }: GitPickerProps<T> & {\n  label: string;\n  plural: string;\n  option: (item: T) => ReferenceChoice;\n  custom?: (value: string) => ComboboxOption | null;\n}) {\n  const id = useId();\n  const data = usePickerItems(props);\n  const options = data.items.map((item) => {\n    const choice = option(item);\n    return { ...choice, descriptionLayout: \"inline\" as const, layout: \"responsive\" as const,\n      title: [choice.title ?? choice.label, choice.description].filter(Boolean).join(\"\\n\"),\n      ...(props.optionTrailing ? { trailing: props.optionTrailing(item) } : {}) };\n  });\n  const selected = options.find((item) => item.value === props.value);\n  const error = props.error ?? data.error;\n  const loading = props.loading || data.loading;\n  return <div className={cn(\"min-w-0 space-y-1.5\", props.className)}>\n    <label htmlFor={id} className=\"block text-sm font-medium text-foreground\">{label}</label>\n    {props.help && <p id={`${id}-help`} className=\"text-xs text-muted-foreground\">{props.help}</p>}\n    <Combobox id={id} ariaLabel={label} value={props.value} options={options}\n      menuWidth={720}\n      onChange={(value) => props.onChange(value, data.items.find((item) => option(item).value === value))}\n      allowCustomValue={Boolean(custom)} {...(custom ? { onNew: custom } : {})}\n      placeholder={props.placeholder ?? `Search ${plural}…`} loading={loading} disabled={props.disabled ?? false}\n      {...(props.size ? { size: props.size } : {})} invalid={Boolean(error)} describedBy={error ? `${id}-error` : props.help ? `${id}-help` : `${id}-status`}\n      footer={`${options.length} ${plural} · Search by name, author or revision`} />\n    {error ? <div id={`${id}-error`} role=\"alert\" className=\"text-xs text-destructive\">\n      <p>{error.message}</p>{(props.load || props.onRetry) && <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={props.onRetry ?? data.retry} aria-label={`Retry ${plural}`}>Retry</Button>}\n    </div> : <p id={`${id}-status`} role=\"status\" className=\"text-xs text-muted-foreground\">{loading ? `Loading ${plural}…` : options.length === 0 ? `No ${plural} found.` : null}</p>}\n    {data.hasMore && <Button type=\"button\" variant=\"ghost\" size=\"sm\" loading={loading} onClick={data.loadMore} aria-label={`Load more ${plural}`}>Load more</Button>}\n    {selected && (selected.author || selected.detail) && <div aria-live=\"polite\" className=\"space-y-1 text-sm\">\n      {selected.author && <div className=\"flex items-center gap-2 text-xs text-muted-foreground\"><Avatar alt={selected.author} size=\"xs\" variant=\"mono\" /><span>{selected.author}{selected.date ? ` · ${selected.date}` : \"\"}</span></div>}\n      {selected.detail && <p className=\"break-words text-xs text-foreground\">{selected.detail}</p>}\n    </div>}\n  </div>;\n}\n"],"mappings":"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"}

package/dist/data/lint/LintDetail.cjs

@@ -1,12 +1,18 @@
 const require_utils = require("../../lib/utils.cjs");
-const require_UiEyeClosed = require("../../icons/components/UiEyeClosed.cjs");
 const require_UiListChecks = require("../../icons/components/UiListChecks.cjs");
 const require_Icon = require("../Icon.cjs");
-const require_button = require("../../components/button.cjs");
+const require_CopyButton = require("../../components/CopyButton.cjs");
+const require_OpenInFilesLink = require("../OpenInFilesLink.cjs");
 const require_status = require("../test-runner/status.cjs");
 const require_MarkIcons = require("../test-runner/MarkIcons.cjs");
+const require_paths = require("./paths.cjs");
 const require_actions = require("./actions.cjs");
+const require_violation_menu_items = require("./violation-menu-items.cjs");
+const require_ProblemRow = require("../diagnostics/ProblemRow.cjs");
 const require_stats = require("./stats.cjs");
+const require_ViolationSnippet = require("./ViolationSnippet.cjs");
+const require_LintIgnoreMenu = require("./LintIgnoreMenu.cjs");
+const require_types = require("./types.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/lint/LintDetail.tsx
 function Section({ title, children }) {
@@ -30,91 +36,83 @@ function Pre({ children, tone }) {
 		children
 	});
 }
-function IgnoreButton({ action, onIgnore, disabled }) {
-	const subtle = action.variant === "subtle";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.Button, {
-		type: "button",
-		size: "sm",
-		variant: "outline",
-		className: require_utils.cn("h-6 gap-1 px-2 text-xs", subtle ? "text-muted-foreground" : "border-amber-500/50 bg-amber-500/10 text-amber-800 hover:bg-amber-500/20 dark:text-amber-300"),
-		title: action.title,
-		disabled,
-		onClick: (event) => {
-			event.stopPropagation();
-			onIgnore(action);
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-			icon: require_UiEyeClosed.UiEyeClosed,
-			className: "text-xs"
-		}), action.label]
-	});
-}
-function ActionList({ actions, onIgnore, ignoreBusy }) {
-	if (!onIgnore || actions.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-		title: "Actions",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex flex-wrap gap-1.5",
-			children: actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IgnoreButton, {
-				action,
-				onIgnore,
-				disabled: Boolean(ignoreBusy) || Boolean(action.disabledWithoutWorkDir) && !action.req.work_dir
-			}, action.key))
-		})
-	});
-}
 function violationLocation(v, withFile) {
 	const position = `:${v.line ?? 0}${v.column ? `:${v.column}` : ""}`;
 	return withFile && v.file ? `${v.file}${position}` : position;
 }
-function ViolationCard({ violation, linter, file, workDir, showFile, onIgnore, ignoreBusy }) {
-	const rule = violation.rule?.method ?? "";
-	const ignore = onIgnore ? require_actions.violationIgnoreAction({
-		violation,
-		linter,
-		file,
-		workDir
-	}) : null;
+function ViolationLocations({ violation, workDir, onOpenFile }) {
+	const locations = violation.locations ?? [];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mt-1 space-y-0.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "text-[10px] uppercase tracking-wide text-muted-foreground",
+			children: `${locations.length} locations`
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: "space-y-0.5",
+			children: locations.map((location, i) => {
+				const file = require_paths.relPath(location.file, workDir) ?? location.file;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: "flex flex-wrap items-baseline gap-2 text-xs",
+					"data-testid": "lint-violation-location",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-mono text-muted-foreground",
+							children: `${file}${location.line ? `:${location.line}` : ""}`
+						}),
+						location.message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: location.message }),
+						onOpenFile && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OpenInFilesLink.OpenInFilesLink, {
+							target: {
+								file,
+								...workDir ? { workDir } : {},
+								...location.line ? { line: location.line } : {}
+							},
+							onOpenFile
+						})
+					]
+				}, i);
+			})
+		})]
+	});
+}
+function ViolationDetail({ violation, file, workDir, loadSource, onOpenFile, showFile, showMessage = true }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		"data-lint-violation-detail": "",
+		children: [
+			showFile && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "break-all font-mono text-xs text-muted-foreground",
+				children: violationLocation(violation, true)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ViolationSnippet.ViolationSnippet, {
+				violation,
+				file,
+				workDir,
+				loadSource,
+				showMessage
+			}),
+			(violation.locations?.length ?? 0) > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViolationLocations, {
+				violation,
+				workDir,
+				onOpenFile
+			})
+		]
+	});
+}
+function ViolationCard(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "rounded border border-border bg-card p-2",
 		"data-lint-violation": "",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-start gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.LintSeverityIcon, {
-				severity: require_stats.severityOf(violation),
-				className: "mt-0.5 text-base"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-wrap items-center gap-2 font-mono text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: violationLocation(violation, Boolean(showFile)) }), rule && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "text-foreground",
-							children: [
-								"[",
-								rule,
-								"]"
-							]
-						})]
-					}),
-					violation.message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mt-0.5 whitespace-pre-wrap text-sm",
-						children: violation.message
-					}),
-					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
-					}),
-					ignore && onIgnore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mt-1.5",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IgnoreButton, {
-							action: ignore,
-							onIgnore,
-							disabled: Boolean(ignoreBusy)
-						})
-					})
-				]
-			})]
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemRow.ProblemRow, {
+			...props.expanded !== void 0 ? { expanded: props.expanded } : {},
+			...props.onExpandedChange ? { onExpandedChange: props.onExpandedChange } : {},
+			message: props.violation.message ?? "",
+			severity: require_stats.severityOf(props.violation),
+			metadata: `${props.linter} ${props.violation.rule?.method ?? ""}`,
+			location: violationLocation(props.violation, Boolean(props.showFile)),
+			actions: require_violation_menu_items.violationMenuItems(props),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViolationDetail, {
+				...props,
+				showMessage: false
+			})
 		})
 	});
 }
@@ -137,9 +135,18 @@ function shellQuote(s) {
 function formatLinterCommand(result) {
 	return result.command ? [result.command, ...result.args ?? []].map(shellQuote).join(" ") : "";
 }
+function resultStatusLabel(result) {
+	if (result.status === "pending") return ["pending", "text-muted-foreground"];
+	if (result.status === "running") return ["running", "text-blue-600 dark:text-blue-400"];
+	if (result.skipped) return ["skipped", "text-muted-foreground"];
+	if (result.timed_out) return ["timed out", "text-amber-600 dark:text-amber-400"];
+	if (require_stats.isLinterErrored(result)) return ["failed", "text-red-600 dark:text-red-400"];
+	return ["ran", "text-emerald-600 dark:text-emerald-400"];
+}
 function ResultStatus({ result }) {
-	const [label, tone] = result.skipped ? ["skipped", "text-muted-foreground"] : result.timed_out ? ["timed out", "text-amber-600 dark:text-amber-400"] : require_stats.isLinterErrored(result) ? ["failed", "text-red-600 dark:text-red-400"] : ["ran", "text-emerald-600 dark:text-emerald-400"];
+	const [label, tone] = resultStatusLabel(result);
 	const count = (result.violations ?? []).length;
+	const cached = require_types.cachedAge(result);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-wrap gap-3 text-sm",
 		children: [
@@ -147,6 +154,11 @@ function ResultStatus({ result }) {
 				className: tone,
 				children: label
 			}),
+			cached && result.cache && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-muted-foreground",
+				title: `${result.cache.source} fingerprint ${result.cache.fingerprint ?? "unknown"}`,
+				children: ["cached · linted ", cached]
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "text-muted-foreground",
 				children: [
@@ -170,10 +182,43 @@ function ResultStatus({ result }) {
 		]
 	});
 }
+function CopyableId({ label, value }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-1.5 text-xs",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-muted-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "break-all font-mono text-xs",
+				children: value
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyButton.CopyButton, {
+				value,
+				label: `Copy ${label}`
+			})
+		]
+	});
+}
+/** The prompt run and agent session behind a result, when it has them. */
+function RunIdentity({ result }) {
+	if (!result.run_id && !result.session_id) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-0.5",
+		children: [result.run_id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyableId, {
+			label: "run id",
+			value: result.run_id
+		}), result.session_id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyableId, {
+			label: "session id",
+			value: result.session_id
+		})]
+	});
+}
 function ResultDetails({ result, workDir }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 		title: "Status",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultStatus, { result })
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultStatus, { result }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunIdentity, { result })]
 	}), result.command && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 		title: "Command",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, { children: formatLinterCommand(result) }), workDir && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -214,18 +259,19 @@ function NoFileViolations({ violations, linter, workDir }) {
 		})
 	});
 }
-function LinterDetail({ node, actions, ...ignore }) {
+function LinterDetail({ node, renderRun }) {
 	const result = node.linter;
 	const linter = node.linterName ?? result?.linter ?? "";
 	const workDir = node.work_dir ?? result?.work_dir ?? "";
+	const run = result && renderRun?.(result);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		result && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultDetails, {
 			result,
 			workDir
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionList, {
-			actions,
-			...ignore
+		run && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+			title: "Run",
+			children: run
 		}),
 		result?.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
 			title: "Error",
@@ -265,98 +311,84 @@ function LinterErrorDetail({ node }) {
 		})
 	] });
 }
-function FolderDetail({ node, results, actions, ...ignore }) {
+function FolderDetail({ node, results }) {
 	const stats = node.ruleName ? [] : require_actions.collectFolderLintStats(node, results).filter((s) => !node.linterName || s.linter === node.linterName);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-			title: "Folder",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.file || node.name }), node.target_path !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+		title: "Folder",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.file || node.name }), node.target_path !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-xs text-muted-foreground",
+				children: require_actions.folderPattern(node.target_path)
+			})]
+		})
+	}), node.ruleName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+		title: "Scope",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-1 text-sm",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "Linter:"
+				}),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.linterName })
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "Rule:"
+				}),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.ruleName })
+			] })]
+		})
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+		title: "Linters",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-1",
+			children: [stats.map(({ linter, count }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: linter }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 					className: "text-xs text-muted-foreground",
-					children: require_actions.folderPattern(node.target_path)
+					children: [count, " violations"]
 				})]
-			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionList, {
-			actions,
-			...ignore
-		}),
-		node.ruleName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-			title: "Scope",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "space-y-1 text-sm",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-muted-foreground",
-						children: "Linter:"
-					}),
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.linterName })
-				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-muted-foreground",
-						children: "Rule:"
-					}),
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.ruleName })
-				] })]
-			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-			title: "Linters",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "space-y-1",
-				children: [stats.map(({ linter, count }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: linter }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "text-xs text-muted-foreground",
-						children: [count, " violations"]
-					})]
-				}, linter)), stats.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "text-sm text-muted-foreground",
-					children: "No violations found under this folder."
-				})]
-			})
+			}, linter)), stats.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-sm text-muted-foreground",
+				children: "No violations found under this folder."
+			})]
 		})
-	] });
+	})] });
 }
-function FileDetail({ node, actions, ...ignore }) {
+function FileDetail({ node, ...ignore }) {
 	const violations = node.violations ?? [];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-			title: "File",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.file }), violations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "text-xs text-muted-foreground",
-					children: [
-						"(",
-						violations.length,
-						" violations)"
-					]
-				})]
-			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionList, {
-			actions,
-			...ignore
-		}),
-		violations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
-			title: "Violations",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "space-y-2",
-				children: violations.map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViolationCard, {
-					violation: v,
-					linter: node.linterName ?? "",
-					file: node.target_path || node.file || "",
-					workDir: node.work_dir ?? "",
-					...ignore
-				}, i))
-			})
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+		title: "File",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.file }), violations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"(",
+					violations.length,
+					" violations)"
+				]
+			})]
 		})
-	] });
+	}), violations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+		title: "Violations",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "space-y-2",
+			children: violations.map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViolationCard, {
+				violation: v,
+				linter: node.linterName ?? "",
+				file: node.target_path || node.file || "",
+				workDir: node.work_dir ?? "",
+				...ignore
+			}, i))
+		})
+	})] });
 }
-function RuleDetail({ node, actions, ...ignore }) {
+function RuleDetail({ node, ...ignore }) {
 	const violations = node.violations ?? [];
 	const linter = node.linterName ?? "";
 	const workDir = node.work_dir ?? "";
@@ -376,10 +408,6 @@ function RuleDetail({ node, actions, ...ignore }) {
 			title: "File",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mono, { children: node.file })
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionList, {
-			actions,
-			...ignore
-		}),
 		violations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
 			title: "Violations",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -409,14 +437,14 @@ var KIND_LABEL = {
 	"lint-rule-group": "Rule",
 	"linter-error": "Linter error"
 };
-function DetailHeader({ node }) {
+function DetailHeader({ node, actions, onIgnore, ignoreBusy }) {
 	const count = node.kind === "linter-error" ? 0 : require_stats.lintNodeCount(node);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex min-w-0 items-center gap-2 border-b border-border px-density-4 py-density-2",
 		"data-detail-header": "",
 		children: [
 			node.kind === "linter" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.ToolIcon, {
-				tool: node.linterName,
+				tool: require_stats.linterToolName(node),
 				className: "text-lg"
 			}) : node.kind === "linter-error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.LintSeverityIcon, {
 				severity: "error",
@@ -438,6 +466,16 @@ function DetailHeader({ node }) {
 					" violation",
 					count === 1 ? "" : "s"
 				]
+			}),
+			onIgnore && actions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "ml-auto shrink-0",
+				"data-lint-node-actions": "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LintIgnoreMenu.IgnoreActionsMenu, {
+					actions,
+					onIgnore,
+					busy: Boolean(ignoreBusy),
+					align: "right"
+				})
 			})
 		]
 	});
@@ -446,7 +484,7 @@ function DetailHeader({ node }) {
 * The right pane for a lint node: what it covers, the findings beneath it and,
 * when the host provides `onIgnore`, the ignore actions that fit its scope.
 */
-function LintDetailPanel({ node, results, onIgnore, ignoreBusy }) {
+function LintDetailPanel({ node, results, onIgnore, ignoreBusy, onOpenFile, loadSource, renderRun }) {
 	if (!node) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex h-full items-center justify-center text-sm text-muted-foreground",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -459,34 +497,35 @@ function LintDetailPanel({ node, results, onIgnore, ignoreBusy }) {
 	});
 	const ignore = {
 		onIgnore,
-		ignoreBusy
+		ignoreBusy,
+		onOpenFile,
+		loadSource
 	};
-	const actions = require_actions.lintNodeActions(node, results);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex h-full min-h-0 flex-col",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailHeader, { node }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailHeader, {
+			node,
+			actions: require_actions.lintNodeActions(node, results),
+			onIgnore,
+			ignoreBusy
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-density-4",
 			children: [
 				node.kind === "linter" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinterDetail, {
 					node,
-					actions,
-					...ignore
+					renderRun
 				}),
 				node.kind === "linter-error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinterErrorDetail, { node }),
 				node.kind === "lint-folder" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FolderDetail, {
 					node,
-					results,
-					actions,
-					...ignore
+					results
 				}),
 				node.kind === "lint-file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileDetail, {
 					node,
-					actions,
 					...ignore
 				}),
 				(node.kind === "lint-rule" || node.kind === "lint-rule-group") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuleDetail, {
 					node,
-					actions,
 					...ignore
 				})
 			]
@@ -494,5 +533,7 @@ function LintDetailPanel({ node, results, onIgnore, ignoreBusy }) {
 	});
 }
 exports.LintDetailPanel = LintDetailPanel;
+exports.ViolationCard = ViolationCard;
+exports.ViolationDetail = ViolationDetail;
 
 //# sourceMappingURL=LintDetail.cjs.map