@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/file-findings/FileFindingsView.cjs

@@ -0,0 +1,213 @@
+const require_utils = require("../lib/utils.cjs");
+const require_UiLoader = require("../icons/components/UiLoader.cjs");
+const require_UiFileCode = require("../icons/components/UiFileCode.cjs");
+const require_UiFolder = require("../icons/components/UiFolder.cjs");
+const require_Icon = require("../data/Icon.cjs");
+const require_Tree = require("../data/Tree.cjs");
+const require_SplitPane = require("../layout/SplitPane.cjs");
+const require_MarkIcons = require("../data/test-runner/MarkIcons.cjs");
+const require_types = require("./types.cjs");
+const require_adapters = require("./adapters.cjs");
+const require_severity_counts = require("./severity-counts.cjs");
+const require_FileReview = require("./file-review/FileReview.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/FileFindingsView.tsx
+function isMarkdownPath(path) {
+	return /\.mdx?$/i.test(path);
+}
+function SeverityCounts({ findings }) {
+	const counts = require_severity_counts.countFindingsBySeverity(findings);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "flex shrink-0 items-center gap-2 text-xs text-muted-foreground",
+		children: require_severity_counts.FINDING_SEVERITIES.filter((s) => counts[s] > 0).map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "inline-flex items-center gap-0.5",
+			title: `${counts[s]} ${s}`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.LintSeverityIcon, { severity: s }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "tabular-nums",
+				children: counts[s]
+			})]
+		}, s))
+	});
+}
+function FileTreeRow({ node, selected }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+			icon: node.kind === "folder" ? require_UiFolder.UiFolder : require_UiFileCode.UiFileCode,
+			className: "shrink-0 text-muted-foreground"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_utils.cn("min-w-0 truncate text-foreground", selected ? "font-semibold" : "font-medium"),
+			title: node.name,
+			children: node.name
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeverityCounts, { findings: node.findings })
+	] });
+}
+function findFileNode(nodes, ref) {
+	if (!ref) return null;
+	for (const node of nodes) {
+		if (node.kind === "file" && require_types.sameFileRef(node.ref ?? null, ref)) return node;
+		const found = findFileNode(node.children ?? [], ref);
+		if (found) return found;
+	}
+	return null;
+}
+/** Loads `ref`'s text whenever it changes; a result for a file that is no longer open is discarded. */
+function useFileText(ref, loadFile) {
+	const [state, setState] = (0, react.useState)(null);
+	const key = ref ? require_types.fileRefKey(ref) : null;
+	const latest = (0, react.useRef)({
+		ref,
+		loadFile
+	});
+	latest.current = {
+		ref,
+		loadFile
+	};
+	(0, react.useEffect)(() => {
+		const { ref, loadFile } = latest.current;
+		if (!ref || !key) {
+			setState(null);
+			return;
+		}
+		let current = true;
+		setState({
+			key,
+			status: "loading"
+		});
+		loadFile(ref).then((text) => current && setState({
+			key,
+			status: "ready",
+			text
+		}), (error) => current && setState({
+			key,
+			status: "error",
+			message: error instanceof Error ? error.message : String(error)
+		}));
+		return () => {
+			current = false;
+		};
+	}, [key]);
+	return state?.key === key ? state : null;
+}
+function Placeholder({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+		children
+	});
+}
+function FileViewer({ file, findings, state, line, onLineChange, view, onViewChange, problemFilters, onProblemFiltersChange, getFindingActions }) {
+	const shown = !isMarkdownPath(file.file) && view === "preview" ? "source" : view;
+	let body;
+	if (!state || state.status === "loading") body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Placeholder, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+			icon: require_UiLoader.UiLoader,
+			className: "mr-2 animate-spin"
+		}),
+		"Loading ",
+		file.file
+	] });
+	else if (state.status === "error") body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		role: "alert",
+		className: "m-density-4 rounded-md border border-destructive/40 p-3 text-sm text-destructive",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "font-semibold",
+			children: ["Could not load ", file.file]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+			className: "mt-1 whitespace-pre-wrap break-words font-mono text-xs",
+			children: state.message
+		})]
+	});
+	else body = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FileReview.FileReview, {
+		path: file.file,
+		source: state.text,
+		view: shown,
+		onViewChange,
+		findings,
+		problemFilters,
+		onProblemFiltersChange,
+		line,
+		onLineChange,
+		getFindingActions,
+		className: "h-full p-density-2"
+	}, require_types.fileRefKey(file));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [/* @__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-file-header": "",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "min-w-0 truncate font-mono text-sm",
+				title: file.workDir ? `${file.workDir}/${file.file}` : file.file,
+				children: file.file
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeverityCounts, { findings })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "min-h-0 flex-1",
+			children: body
+		})]
+	});
+}
+/**
+* Every file that has lint violations or failed tests, as a tree beside a
+* `FileReview` of the open file: syntax-highlighted source with each finding
+* under its line, a rendered Preview for markdown, and a Problems list. Fully controlled:
+* the open file, line and view live in props so the host can keep them in its
+* URL, and file text comes from `loadFile`, so nothing here fetches.
+*/
+function FileFindingsView({ findings, selectedFile, onSelectFile, line, onLineChange, view, onViewChange, problemFilters, onProblemFiltersChange, loadFile, getFindingActions, defaultSplit = 28, className }) {
+	const tree = (0, react.useMemo)(() => require_adapters.groupFindingsByFile(findings), [findings]);
+	const selectedNode = (0, react.useMemo)(() => findFileNode(tree, selectedFile), [tree, selectedFile]);
+	const state = useFileText(selectedFile, loadFile);
+	const treePane = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tree.Tree, {
+		className: "min-h-0",
+		roots: tree,
+		getKey: (node) => node.key,
+		getChildren: (node) => node.children,
+		selected: selectedNode,
+		onSelect: (node) => {
+			if (node.kind === "file" && node.ref) onSelectFile(node.ref);
+		},
+		defaultOpen: () => true,
+		showSearch: true,
+		searchLabel: "Filter files",
+		getSearchText: (node) => node.name,
+		empty: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "p-8 text-center text-sm text-muted-foreground",
+			children: "No lint violations or failed tests with a file location"
+		}),
+		renderRow: ({ node, selected }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileTreeRow, {
+			node,
+			selected
+		})
+	});
+	const viewerPane = !selectedFile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Placeholder, { children: "Select a file to see its findings in context." }) : !selectedNode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Placeholder, { children: [selectedFile.file, " has no findings in this run."] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileViewer, {
+		file: selectedFile,
+		findings: selectedNode.findings,
+		state,
+		line,
+		onLineChange,
+		view,
+		onViewChange,
+		problemFilters,
+		onProblemFiltersChange,
+		getFindingActions
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_utils.cn("flex h-full min-h-0 flex-col bg-background", className),
+		"data-file-findings": "",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SplitPane.SplitPane, {
+			className: "min-h-0 flex-1",
+			defaultSplit,
+			minLeft: 15,
+			minRight: 40,
+			leftClass: "border-r-2 border-border bg-muted/30",
+			left: treePane,
+			right: viewerPane
+		})
+	});
+}
+exports.FileFindingsView = FileFindingsView;
+
+//# sourceMappingURL=FileFindingsView.cjs.map

package/dist/file-findings/FileFindingsView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileFindingsView.cjs","names":["countFindingsBySeverity","FINDING_SEVERITIES","LintSeverityIcon","_Fragment","Icon","UiFolder","UiFileCode","cn","sameFileRef","useState","fileRefKey","useRef","UiLoader","FileReview","useMemo","groupFindingsByFile","Tree","SplitPane"],"sources":["../../src/file-findings/FileFindingsView.tsx"],"sourcesContent":["import type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { Tree } from \"../data/Tree\";\nimport { LintSeverityIcon } from \"../data/test-runner/MarkIcons\";\nimport { UiFileCode, UiFolder, UiLoader } from \"../icons\";\nimport { SplitPane } from \"../layout/SplitPane\";\nimport { cn } from \"../lib/utils\";\nimport { groupFindingsByFile } from \"./adapters\";\nimport { FileReview, type FileReviewView } from \"./file-review/FileReview\";\nimport type { ProblemFilters } from \"./file-review/problem-filters\";\nimport { countFindingsBySeverity, FINDING_SEVERITIES } from \"./severity-counts\";\nimport {\n  fileRefKey,\n  sameFileRef,\n  type FileFinding,\n  type FileRef,\n  type FileTreeNode,\n} from \"./types\";\n\nexport type FileFindingsViewProps = {\n  findings: readonly FileFinding[];\n  /** The open file, or null for none. Controlled so the host can keep it in its URL. */\n  selectedFile: FileRef | null;\n  onSelectFile: (file: FileRef) => void;\n  /** Line to reveal in the open file. Controlled. */\n  line?: number | undefined;\n  onLineChange: (line: number | undefined) => void;\n  /** The open file's tab. A code file has no Preview, so \"preview\" shows its Source. Controlled. */\n  view: FileReviewView;\n  onViewChange: (view: FileReviewView) => void;\n  /** Severity and issue-type filters on the Problems tab. Controlled. */\n  problemFilters: ProblemFilters;\n  onProblemFiltersChange: (filters: ProblemFilters) => void;\n  /** Fetches a file's text. A rejection is shown to the reader in full. */\n  loadFile: (file: FileRef) => Promise<string>;\n  /** Contextual menu items for each finding in Problems, Source and Preview. */\n  getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;\n  /** Initial width percentage of the file tree. */\n  defaultSplit?: number | undefined;\n  className?: string | undefined;\n};\n\ntype LoadState =\n  | { key: string; status: \"loading\" }\n  | { key: string; status: \"error\"; message: string }\n  | { key: string; status: \"ready\"; text: string };\n\nfunction isMarkdownPath(path: string): boolean {\n  return /\\.mdx?$/i.test(path);\n}\n\nfunction SeverityCounts({ findings }: { findings: readonly FileFinding[] }) {\n  const counts = countFindingsBySeverity(findings);\n  return (\n    <span className=\"flex shrink-0 items-center gap-2 text-xs text-muted-foreground\">\n      {FINDING_SEVERITIES.filter((s) => counts[s] > 0).map((s) => (\n        <span key={s} className=\"inline-flex items-center gap-0.5\" title={`${counts[s]} ${s}`}>\n          <LintSeverityIcon severity={s} />\n          <span className=\"tabular-nums\">{counts[s]}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nfunction FileTreeRow({ node, selected }: { node: FileTreeNode; selected: boolean }) {\n  return (\n    <>\n      <Icon icon={node.kind === \"folder\" ? UiFolder : UiFileCode} className=\"shrink-0 text-muted-foreground\" />\n      <span className={cn(\"min-w-0 truncate text-foreground\", selected ? \"font-semibold\" : \"font-medium\")} title={node.name}>\n        {node.name}\n      </span>\n      <span className=\"flex-1\" />\n      <SeverityCounts findings={node.findings} />\n    </>\n  );\n}\n\nfunction findFileNode(nodes: readonly FileTreeNode[], ref: FileRef | null): FileTreeNode | null {\n  if (!ref) return null;\n  for (const node of nodes) {\n    if (node.kind === \"file\" && sameFileRef(node.ref ?? null, ref)) return node;\n    const found = findFileNode(node.children ?? [], ref);\n    if (found) return found;\n  }\n  return null;\n}\n\n/** Loads `ref`'s text whenever it changes; a result for a file that is no longer open is discarded. */\nfunction useFileText(ref: FileRef | null, loadFile: (file: FileRef) => Promise<string>): LoadState | null {\n  const [state, setState] = useState<LoadState | null>(null);\n  const key = ref ? fileRefKey(ref) : null;\n  // A host that rebuilds `ref` or `loadFile` each render must not reload the file.\n  const latest = useRef({ ref, loadFile });\n  latest.current = { ref, loadFile };\n\n  useEffect(() => {\n    const { ref, loadFile } = latest.current;\n    if (!ref || !key) {\n      setState(null);\n      return;\n    }\n    let current = true;\n    setState({ key, status: \"loading\" });\n    loadFile(ref).then(\n      (text) => current && setState({ key, status: \"ready\", text }),\n      (error: unknown) =>\n        current &&\n        setState({ key, status: \"error\", message: error instanceof Error ? error.message : String(error) }),\n    );\n    return () => {\n      current = false;\n    };\n  }, [key]);\n\n  return state?.key === key ? state : null;\n}\n\nfunction Placeholder({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-full items-center justify-center p-8 text-sm text-muted-foreground\">{children}</div>;\n}\n\nfunction FileViewer({\n  file,\n  findings,\n  state,\n  line,\n  onLineChange,\n  view,\n  onViewChange,\n  problemFilters,\n  onProblemFiltersChange,\n  getFindingActions,\n}: Pick<\n  FileFindingsViewProps,\n  \"line\" | \"onLineChange\" | \"view\" | \"onViewChange\" | \"problemFilters\" | \"onProblemFiltersChange\" | \"getFindingActions\"\n> & {\n  file: FileRef;\n  findings: readonly FileFinding[];\n  state: LoadState | null;\n}) {\n  const markdown = isMarkdownPath(file.file);\n  // Moving from a markdown file to code keeps the view; code has no Preview, so it reads as Source.\n  const shown: FileReviewView = !markdown && view === \"preview\" ? \"source\" : view;\n\n  let body: ReactNode;\n  if (!state || state.status === \"loading\") {\n    body = (\n      <Placeholder>\n        <Icon icon={UiLoader} className=\"mr-2 animate-spin\" />\n        Loading {file.file}\n      </Placeholder>\n    );\n  } else if (state.status === \"error\") {\n    body = (\n      <div role=\"alert\" className=\"m-density-4 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n        <div className=\"font-semibold\">Could not load {file.file}</div>\n        <pre className=\"mt-1 whitespace-pre-wrap break-words font-mono text-xs\">{state.message}</pre>\n      </div>\n    );\n  } else {\n    body = (\n      <FileReview\n        key={fileRefKey(file)}\n        path={file.file}\n        source={state.text}\n        view={shown}\n        onViewChange={onViewChange}\n        findings={findings}\n        problemFilters={problemFilters}\n        onProblemFiltersChange={onProblemFiltersChange}\n        line={line}\n        onLineChange={onLineChange}\n        getFindingActions={getFindingActions}\n        className=\"h-full p-density-2\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <div className=\"flex min-w-0 items-center gap-2 border-b border-border px-density-4 py-density-2\" data-file-header=\"\">\n        <span className=\"min-w-0 truncate font-mono text-sm\" title={file.workDir ? `${file.workDir}/${file.file}` : file.file}>\n          {file.file}\n        </span>\n        <SeverityCounts findings={findings} />\n      </div>\n      <div className=\"min-h-0 flex-1\">{body}</div>\n    </div>\n  );\n}\n\n/**\n * Every file that has lint violations or failed tests, as a tree beside a\n * `FileReview` of the open file: syntax-highlighted source with each finding\n * under its line, a rendered Preview for markdown, and a Problems list. Fully controlled:\n * the open file, line and view live in props so the host can keep them in its\n * URL, and file text comes from `loadFile`, so nothing here fetches.\n */\nexport function FileFindingsView({\n  findings,\n  selectedFile,\n  onSelectFile,\n  line,\n  onLineChange,\n  view,\n  onViewChange,\n  problemFilters,\n  onProblemFiltersChange,\n  loadFile,\n  getFindingActions,\n  defaultSplit = 28,\n  className,\n}: FileFindingsViewProps) {\n  const tree = useMemo(() => groupFindingsByFile(findings), [findings]);\n  const selectedNode = useMemo(() => findFileNode(tree, selectedFile), [tree, selectedFile]);\n  const state = useFileText(selectedFile, loadFile);\n\n  const treePane = (\n    <Tree<FileTreeNode>\n      className=\"min-h-0\"\n      roots={tree}\n      getKey={(node) => node.key}\n      getChildren={(node) => node.children}\n      selected={selectedNode}\n      onSelect={(node) => {\n        if (node.kind === \"file\" && node.ref) onSelectFile(node.ref);\n      }}\n      defaultOpen={() => true}\n      showSearch\n      searchLabel=\"Filter files\"\n      getSearchText={(node) => node.name}\n      empty={<div className=\"p-8 text-center text-sm text-muted-foreground\">No lint violations or failed tests with a file location</div>}\n      renderRow={({ node, selected }) => <FileTreeRow node={node} selected={selected} />}\n    />\n  );\n\n  const viewerPane = !selectedFile ? (\n    <Placeholder>Select a file to see its findings in context.</Placeholder>\n  ) : !selectedNode ? (\n    <Placeholder>{selectedFile.file} has no findings in this run.</Placeholder>\n  ) : (\n    <FileViewer\n      file={selectedFile}\n      findings={selectedNode.findings}\n      state={state}\n      line={line}\n      onLineChange={onLineChange}\n      view={view}\n      onViewChange={onViewChange}\n      problemFilters={problemFilters}\n      onProblemFiltersChange={onProblemFiltersChange}\n      getFindingActions={getFindingActions}\n    />\n  );\n\n  return (\n    <div className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)} data-file-findings=\"\">\n      <SplitPane\n        className=\"min-h-0 flex-1\"\n        defaultSplit={defaultSplit}\n        minLeft={15}\n        minRight={40}\n        leftClass=\"border-r-2 border-border bg-muted/30\"\n        left={treePane}\n        right={viewerPane}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/file-findings/FileFindingsView.d.ts

@@ -0,0 +1,35 @@
+import { DropdownMenuItem } from '../overlay/DropdownMenu.js';
+import { FileReviewView } from './file-review/FileReview.js';
+import { ProblemFilters } from './file-review/problem-filters.js';
+import { FileFinding, FileRef } from './types.js';
+export type FileFindingsViewProps = {
+    findings: readonly FileFinding[];
+    /** The open file, or null for none. Controlled so the host can keep it in its URL. */
+    selectedFile: FileRef | null;
+    onSelectFile: (file: FileRef) => void;
+    /** Line to reveal in the open file. Controlled. */
+    line?: number | undefined;
+    onLineChange: (line: number | undefined) => void;
+    /** The open file's tab. A code file has no Preview, so "preview" shows its Source. Controlled. */
+    view: FileReviewView;
+    onViewChange: (view: FileReviewView) => void;
+    /** Severity and issue-type filters on the Problems tab. Controlled. */
+    problemFilters: ProblemFilters;
+    onProblemFiltersChange: (filters: ProblemFilters) => void;
+    /** Fetches a file's text. A rejection is shown to the reader in full. */
+    loadFile: (file: FileRef) => Promise<string>;
+    /** Contextual menu items for each finding in Problems, Source and Preview. */
+    getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;
+    /** Initial width percentage of the file tree. */
+    defaultSplit?: number | undefined;
+    className?: string | undefined;
+};
+/**
+ * Every file that has lint violations or failed tests, as a tree beside a
+ * `FileReview` of the open file: syntax-highlighted source with each finding
+ * under its line, a rendered Preview for markdown, and a Problems list. Fully controlled:
+ * the open file, line and view live in props so the host can keep them in its
+ * URL, and file text comes from `loadFile`, so nothing here fetches.
+ */
+export declare function FileFindingsView({ findings, selectedFile, onSelectFile, line, onLineChange, view, onViewChange, problemFilters, onProblemFiltersChange, loadFile, getFindingActions, defaultSplit, className, }: FileFindingsViewProps): import("react").JSX.Element;
+//# sourceMappingURL=FileFindingsView.d.ts.map

package/dist/file-findings/FileFindingsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileFindingsView.d.ts","sourceRoot":"","sources":["../../src/file-findings/FileFindingsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAShE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,OAAO,EAEb,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,sFAAsF;IACtF,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,kGAAkG;IAClG,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,uEAAuE;IACvE,cAAc,EAAE,cAAc,CAAC;IAC/B,sBAAsB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,yEAAyE;IACzE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,gBAAgB,EAAE,CAAC,GAAG,SAAS,CAAC;IAC/E,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAwJF;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,QAAQ,EACR,iBAAiB,EACjB,YAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,+BAwDvB"}

package/dist/file-findings/FileFindingsView.js

@@ -0,0 +1,213 @@
+import { cn } from "../lib/utils.js";
+import { UiLoader } from "../icons/components/UiLoader.js";
+import { UiFileCode } from "../icons/components/UiFileCode.js";
+import { UiFolder } from "../icons/components/UiFolder.js";
+import { Icon } from "../data/Icon.js";
+import { Tree } from "../data/Tree.js";
+import { SplitPane } from "../layout/SplitPane.js";
+import { LintSeverityIcon } from "../data/test-runner/MarkIcons.js";
+import { fileRefKey, sameFileRef } from "./types.js";
+import { groupFindingsByFile } from "./adapters.js";
+import { FINDING_SEVERITIES, countFindingsBySeverity } from "./severity-counts.js";
+import { FileReview } from "./file-review/FileReview.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/file-findings/FileFindingsView.tsx
+function isMarkdownPath(path) {
+	return /\.mdx?$/i.test(path);
+}
+function SeverityCounts({ findings }) {
+	const counts = countFindingsBySeverity(findings);
+	return /* @__PURE__ */ jsx("span", {
+		className: "flex shrink-0 items-center gap-2 text-xs text-muted-foreground",
+		children: FINDING_SEVERITIES.filter((s) => counts[s] > 0).map((s) => /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center gap-0.5",
+			title: `${counts[s]} ${s}`,
+			children: [/* @__PURE__ */ jsx(LintSeverityIcon, { severity: s }), /* @__PURE__ */ jsx("span", {
+				className: "tabular-nums",
+				children: counts[s]
+			})]
+		}, s))
+	});
+}
+function FileTreeRow({ node, selected }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Icon, {
+			icon: node.kind === "folder" ? UiFolder : UiFileCode,
+			className: "shrink-0 text-muted-foreground"
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: cn("min-w-0 truncate text-foreground", selected ? "font-semibold" : "font-medium"),
+			title: node.name,
+			children: node.name
+		}),
+		/* @__PURE__ */ jsx("span", { className: "flex-1" }),
+		/* @__PURE__ */ jsx(SeverityCounts, { findings: node.findings })
+	] });
+}
+function findFileNode(nodes, ref) {
+	if (!ref) return null;
+	for (const node of nodes) {
+		if (node.kind === "file" && sameFileRef(node.ref ?? null, ref)) return node;
+		const found = findFileNode(node.children ?? [], ref);
+		if (found) return found;
+	}
+	return null;
+}
+/** Loads `ref`'s text whenever it changes; a result for a file that is no longer open is discarded. */
+function useFileText(ref, loadFile) {
+	const [state, setState] = useState(null);
+	const key = ref ? fileRefKey(ref) : null;
+	const latest = useRef({
+		ref,
+		loadFile
+	});
+	latest.current = {
+		ref,
+		loadFile
+	};
+	useEffect(() => {
+		const { ref, loadFile } = latest.current;
+		if (!ref || !key) {
+			setState(null);
+			return;
+		}
+		let current = true;
+		setState({
+			key,
+			status: "loading"
+		});
+		loadFile(ref).then((text) => current && setState({
+			key,
+			status: "ready",
+			text
+		}), (error) => current && setState({
+			key,
+			status: "error",
+			message: error instanceof Error ? error.message : String(error)
+		}));
+		return () => {
+			current = false;
+		};
+	}, [key]);
+	return state?.key === key ? state : null;
+}
+function Placeholder({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+		children
+	});
+}
+function FileViewer({ file, findings, state, line, onLineChange, view, onViewChange, problemFilters, onProblemFiltersChange, getFindingActions }) {
+	const shown = !isMarkdownPath(file.file) && view === "preview" ? "source" : view;
+	let body;
+	if (!state || state.status === "loading") body = /* @__PURE__ */ jsxs(Placeholder, { children: [
+		/* @__PURE__ */ jsx(Icon, {
+			icon: UiLoader,
+			className: "mr-2 animate-spin"
+		}),
+		"Loading ",
+		file.file
+	] });
+	else if (state.status === "error") body = /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		className: "m-density-4 rounded-md border border-destructive/40 p-3 text-sm text-destructive",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "font-semibold",
+			children: ["Could not load ", file.file]
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "mt-1 whitespace-pre-wrap break-words font-mono text-xs",
+			children: state.message
+		})]
+	});
+	else body = /* @__PURE__ */ jsx(FileReview, {
+		path: file.file,
+		source: state.text,
+		view: shown,
+		onViewChange,
+		findings,
+		problemFilters,
+		onProblemFiltersChange,
+		line,
+		onLineChange,
+		getFindingActions,
+		className: "h-full p-density-2"
+	}, fileRefKey(file));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center gap-2 border-b border-border px-density-4 py-density-2",
+			"data-file-header": "",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate font-mono text-sm",
+				title: file.workDir ? `${file.workDir}/${file.file}` : file.file,
+				children: file.file
+			}), /* @__PURE__ */ jsx(SeverityCounts, { findings })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1",
+			children: body
+		})]
+	});
+}
+/**
+* Every file that has lint violations or failed tests, as a tree beside a
+* `FileReview` of the open file: syntax-highlighted source with each finding
+* under its line, a rendered Preview for markdown, and a Problems list. Fully controlled:
+* the open file, line and view live in props so the host can keep them in its
+* URL, and file text comes from `loadFile`, so nothing here fetches.
+*/
+function FileFindingsView({ findings, selectedFile, onSelectFile, line, onLineChange, view, onViewChange, problemFilters, onProblemFiltersChange, loadFile, getFindingActions, defaultSplit = 28, className }) {
+	const tree = useMemo(() => groupFindingsByFile(findings), [findings]);
+	const selectedNode = useMemo(() => findFileNode(tree, selectedFile), [tree, selectedFile]);
+	const state = useFileText(selectedFile, loadFile);
+	const treePane = /* @__PURE__ */ jsx(Tree, {
+		className: "min-h-0",
+		roots: tree,
+		getKey: (node) => node.key,
+		getChildren: (node) => node.children,
+		selected: selectedNode,
+		onSelect: (node) => {
+			if (node.kind === "file" && node.ref) onSelectFile(node.ref);
+		},
+		defaultOpen: () => true,
+		showSearch: true,
+		searchLabel: "Filter files",
+		getSearchText: (node) => node.name,
+		empty: /* @__PURE__ */ jsx("div", {
+			className: "p-8 text-center text-sm text-muted-foreground",
+			children: "No lint violations or failed tests with a file location"
+		}),
+		renderRow: ({ node, selected }) => /* @__PURE__ */ jsx(FileTreeRow, {
+			node,
+			selected
+		})
+	});
+	const viewerPane = !selectedFile ? /* @__PURE__ */ jsx(Placeholder, { children: "Select a file to see its findings in context." }) : !selectedNode ? /* @__PURE__ */ jsxs(Placeholder, { children: [selectedFile.file, " has no findings in this run."] }) : /* @__PURE__ */ jsx(FileViewer, {
+		file: selectedFile,
+		findings: selectedNode.findings,
+		state,
+		line,
+		onLineChange,
+		view,
+		onViewChange,
+		problemFilters,
+		onProblemFiltersChange,
+		getFindingActions
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full min-h-0 flex-col bg-background", className),
+		"data-file-findings": "",
+		children: /* @__PURE__ */ jsx(SplitPane, {
+			className: "min-h-0 flex-1",
+			defaultSplit,
+			minLeft: 15,
+			minRight: 40,
+			leftClass: "border-r-2 border-border bg-muted/30",
+			left: treePane,
+			right: viewerPane
+		})
+	});
+}
+export { FileFindingsView };
+
+//# sourceMappingURL=FileFindingsView.js.map

package/dist/file-findings/FileFindingsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileFindingsView.js","names":["_Fragment"],"sources":["../../src/file-findings/FileFindingsView.tsx"],"sourcesContent":["import type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { Tree } from \"../data/Tree\";\nimport { LintSeverityIcon } from \"../data/test-runner/MarkIcons\";\nimport { UiFileCode, UiFolder, UiLoader } from \"../icons\";\nimport { SplitPane } from \"../layout/SplitPane\";\nimport { cn } from \"../lib/utils\";\nimport { groupFindingsByFile } from \"./adapters\";\nimport { FileReview, type FileReviewView } from \"./file-review/FileReview\";\nimport type { ProblemFilters } from \"./file-review/problem-filters\";\nimport { countFindingsBySeverity, FINDING_SEVERITIES } from \"./severity-counts\";\nimport {\n  fileRefKey,\n  sameFileRef,\n  type FileFinding,\n  type FileRef,\n  type FileTreeNode,\n} from \"./types\";\n\nexport type FileFindingsViewProps = {\n  findings: readonly FileFinding[];\n  /** The open file, or null for none. Controlled so the host can keep it in its URL. */\n  selectedFile: FileRef | null;\n  onSelectFile: (file: FileRef) => void;\n  /** Line to reveal in the open file. Controlled. */\n  line?: number | undefined;\n  onLineChange: (line: number | undefined) => void;\n  /** The open file's tab. A code file has no Preview, so \"preview\" shows its Source. Controlled. */\n  view: FileReviewView;\n  onViewChange: (view: FileReviewView) => void;\n  /** Severity and issue-type filters on the Problems tab. Controlled. */\n  problemFilters: ProblemFilters;\n  onProblemFiltersChange: (filters: ProblemFilters) => void;\n  /** Fetches a file's text. A rejection is shown to the reader in full. */\n  loadFile: (file: FileRef) => Promise<string>;\n  /** Contextual menu items for each finding in Problems, Source and Preview. */\n  getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;\n  /** Initial width percentage of the file tree. */\n  defaultSplit?: number | undefined;\n  className?: string | undefined;\n};\n\ntype LoadState =\n  | { key: string; status: \"loading\" }\n  | { key: string; status: \"error\"; message: string }\n  | { key: string; status: \"ready\"; text: string };\n\nfunction isMarkdownPath(path: string): boolean {\n  return /\\.mdx?$/i.test(path);\n}\n\nfunction SeverityCounts({ findings }: { findings: readonly FileFinding[] }) {\n  const counts = countFindingsBySeverity(findings);\n  return (\n    <span className=\"flex shrink-0 items-center gap-2 text-xs text-muted-foreground\">\n      {FINDING_SEVERITIES.filter((s) => counts[s] > 0).map((s) => (\n        <span key={s} className=\"inline-flex items-center gap-0.5\" title={`${counts[s]} ${s}`}>\n          <LintSeverityIcon severity={s} />\n          <span className=\"tabular-nums\">{counts[s]}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nfunction FileTreeRow({ node, selected }: { node: FileTreeNode; selected: boolean }) {\n  return (\n    <>\n      <Icon icon={node.kind === \"folder\" ? UiFolder : UiFileCode} className=\"shrink-0 text-muted-foreground\" />\n      <span className={cn(\"min-w-0 truncate text-foreground\", selected ? \"font-semibold\" : \"font-medium\")} title={node.name}>\n        {node.name}\n      </span>\n      <span className=\"flex-1\" />\n      <SeverityCounts findings={node.findings} />\n    </>\n  );\n}\n\nfunction findFileNode(nodes: readonly FileTreeNode[], ref: FileRef | null): FileTreeNode | null {\n  if (!ref) return null;\n  for (const node of nodes) {\n    if (node.kind === \"file\" && sameFileRef(node.ref ?? null, ref)) return node;\n    const found = findFileNode(node.children ?? [], ref);\n    if (found) return found;\n  }\n  return null;\n}\n\n/** Loads `ref`'s text whenever it changes; a result for a file that is no longer open is discarded. */\nfunction useFileText(ref: FileRef | null, loadFile: (file: FileRef) => Promise<string>): LoadState | null {\n  const [state, setState] = useState<LoadState | null>(null);\n  const key = ref ? fileRefKey(ref) : null;\n  // A host that rebuilds `ref` or `loadFile` each render must not reload the file.\n  const latest = useRef({ ref, loadFile });\n  latest.current = { ref, loadFile };\n\n  useEffect(() => {\n    const { ref, loadFile } = latest.current;\n    if (!ref || !key) {\n      setState(null);\n      return;\n    }\n    let current = true;\n    setState({ key, status: \"loading\" });\n    loadFile(ref).then(\n      (text) => current && setState({ key, status: \"ready\", text }),\n      (error: unknown) =>\n        current &&\n        setState({ key, status: \"error\", message: error instanceof Error ? error.message : String(error) }),\n    );\n    return () => {\n      current = false;\n    };\n  }, [key]);\n\n  return state?.key === key ? state : null;\n}\n\nfunction Placeholder({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-full items-center justify-center p-8 text-sm text-muted-foreground\">{children}</div>;\n}\n\nfunction FileViewer({\n  file,\n  findings,\n  state,\n  line,\n  onLineChange,\n  view,\n  onViewChange,\n  problemFilters,\n  onProblemFiltersChange,\n  getFindingActions,\n}: Pick<\n  FileFindingsViewProps,\n  \"line\" | \"onLineChange\" | \"view\" | \"onViewChange\" | \"problemFilters\" | \"onProblemFiltersChange\" | \"getFindingActions\"\n> & {\n  file: FileRef;\n  findings: readonly FileFinding[];\n  state: LoadState | null;\n}) {\n  const markdown = isMarkdownPath(file.file);\n  // Moving from a markdown file to code keeps the view; code has no Preview, so it reads as Source.\n  const shown: FileReviewView = !markdown && view === \"preview\" ? \"source\" : view;\n\n  let body: ReactNode;\n  if (!state || state.status === \"loading\") {\n    body = (\n      <Placeholder>\n        <Icon icon={UiLoader} className=\"mr-2 animate-spin\" />\n        Loading {file.file}\n      </Placeholder>\n    );\n  } else if (state.status === \"error\") {\n    body = (\n      <div role=\"alert\" className=\"m-density-4 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n        <div className=\"font-semibold\">Could not load {file.file}</div>\n        <pre className=\"mt-1 whitespace-pre-wrap break-words font-mono text-xs\">{state.message}</pre>\n      </div>\n    );\n  } else {\n    body = (\n      <FileReview\n        key={fileRefKey(file)}\n        path={file.file}\n        source={state.text}\n        view={shown}\n        onViewChange={onViewChange}\n        findings={findings}\n        problemFilters={problemFilters}\n        onProblemFiltersChange={onProblemFiltersChange}\n        line={line}\n        onLineChange={onLineChange}\n        getFindingActions={getFindingActions}\n        className=\"h-full p-density-2\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <div className=\"flex min-w-0 items-center gap-2 border-b border-border px-density-4 py-density-2\" data-file-header=\"\">\n        <span className=\"min-w-0 truncate font-mono text-sm\" title={file.workDir ? `${file.workDir}/${file.file}` : file.file}>\n          {file.file}\n        </span>\n        <SeverityCounts findings={findings} />\n      </div>\n      <div className=\"min-h-0 flex-1\">{body}</div>\n    </div>\n  );\n}\n\n/**\n * Every file that has lint violations or failed tests, as a tree beside a\n * `FileReview` of the open file: syntax-highlighted source with each finding\n * under its line, a rendered Preview for markdown, and a Problems list. Fully controlled:\n * the open file, line and view live in props so the host can keep them in its\n * URL, and file text comes from `loadFile`, so nothing here fetches.\n */\nexport function FileFindingsView({\n  findings,\n  selectedFile,\n  onSelectFile,\n  line,\n  onLineChange,\n  view,\n  onViewChange,\n  problemFilters,\n  onProblemFiltersChange,\n  loadFile,\n  getFindingActions,\n  defaultSplit = 28,\n  className,\n}: FileFindingsViewProps) {\n  const tree = useMemo(() => groupFindingsByFile(findings), [findings]);\n  const selectedNode = useMemo(() => findFileNode(tree, selectedFile), [tree, selectedFile]);\n  const state = useFileText(selectedFile, loadFile);\n\n  const treePane = (\n    <Tree<FileTreeNode>\n      className=\"min-h-0\"\n      roots={tree}\n      getKey={(node) => node.key}\n      getChildren={(node) => node.children}\n      selected={selectedNode}\n      onSelect={(node) => {\n        if (node.kind === \"file\" && node.ref) onSelectFile(node.ref);\n      }}\n      defaultOpen={() => true}\n      showSearch\n      searchLabel=\"Filter files\"\n      getSearchText={(node) => node.name}\n      empty={<div className=\"p-8 text-center text-sm text-muted-foreground\">No lint violations or failed tests with a file location</div>}\n      renderRow={({ node, selected }) => <FileTreeRow node={node} selected={selected} />}\n    />\n  );\n\n  const viewerPane = !selectedFile ? (\n    <Placeholder>Select a file to see its findings in context.</Placeholder>\n  ) : !selectedNode ? (\n    <Placeholder>{selectedFile.file} has no findings in this run.</Placeholder>\n  ) : (\n    <FileViewer\n      file={selectedFile}\n      findings={selectedNode.findings}\n      state={state}\n      line={line}\n      onLineChange={onLineChange}\n      view={view}\n      onViewChange={onViewChange}\n      problemFilters={problemFilters}\n      onProblemFiltersChange={onProblemFiltersChange}\n      getFindingActions={getFindingActions}\n    />\n  );\n\n  return (\n    <div className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)} data-file-findings=\"\">\n      <SplitPane\n        className=\"min-h-0 flex-1\"\n        defaultSplit={defaultSplit}\n        minLeft={15}\n        minRight={40}\n        leftClass=\"border-r-2 border-border bg-muted/30\"\n        left={treePane}\n        right={viewerPane}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/file-findings/LazyAnnotatedCode.cjs

@@ -0,0 +1,22 @@
+const require_UiLoader = require("../icons/components/UiLoader.cjs");
+const require_Icon = require("../data/Icon.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/LazyAnnotatedCode.tsx
+var AnnotatedCodeEditor = (0, react.lazy)(() => Promise.resolve().then(() => require("./AnnotatedCode.cjs")).then((module) => ({ default: module.AnnotatedCode })));
+/** `AnnotatedCode`, loaded on first use; renders a loading state until the editor chunk arrives. */
+function AnnotatedCode(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+		fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiLoader.UiLoader,
+				className: "mr-2 animate-spin"
+			}), "Loading editor"]
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotatedCodeEditor, { ...props })
+	});
+}
+exports.AnnotatedCode = AnnotatedCode;
+
+//# sourceMappingURL=LazyAnnotatedCode.cjs.map

package/dist/file-findings/LazyAnnotatedCode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyAnnotatedCode.cjs","names":["lazy","Suspense","Icon","UiLoader"],"sources":["../../src/file-findings/LazyAnnotatedCode.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiLoader } from \"../icons\";\nimport type { AnnotatedCodeProps } from \"./AnnotatedCode\";\n\n// The only path from this subpath to Monaco: `import()` keeps the editor, its\n// language registrations and `@monaco-editor/react` out of the entry's static\n// graph, so adapters and markdown viewing never load them.\nconst AnnotatedCodeEditor = lazy(() => import(\"./AnnotatedCode\").then((module) => ({ default: module.AnnotatedCode })));\n\n/** `AnnotatedCode`, loaded on first use; renders a loading state until the editor chunk arrives. */\nexport function AnnotatedCode(props: AnnotatedCodeProps) {\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex h-full items-center justify-center p-8 text-sm text-muted-foreground\">\n          <Icon icon={UiLoader} className=\"mr-2 animate-spin\" />\n          Loading editor\n        </div>\n      }\n    >\n      <AnnotatedCodeEditor {...props} />\n    </Suspense>\n  );\n}\n\nexport type { AnnotatedCodeProps };\n"],"mappings":";;;;;AAQA,IAAM,uBAAA,GAAsBA,MAAAA,KAAAA,OAAAA,QAAAA,QAAAA,CAAAA,CAAAA,WAAAA,QAAW,qBAAA,CAAA,CAAA,CAA0B,MAAM,YAAY,EAAE,SAAS,OAAO,cAAc,EAAE,CAAC;;AAGtH,SAAgB,cAAc,OAA2B;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD;EACE,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAMC,iBAAAA;IAAU,WAAU;GAAqB,CAAA,GAAC,gBAEnD;;EAGP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,EAAqB,GAAI,MAAQ,CAAA;CACzB,CAAA;AAEd"}

package/dist/file-findings/LazyAnnotatedCode.d.ts

@@ -0,0 +1,5 @@
+import { AnnotatedCodeProps } from './AnnotatedCode.js';
+/** `AnnotatedCode`, loaded on first use; renders a loading state until the editor chunk arrives. */
+export declare function AnnotatedCode(props: AnnotatedCodeProps): import("react").JSX.Element;
+export type { AnnotatedCodeProps };
+//# sourceMappingURL=LazyAnnotatedCode.d.ts.map

package/dist/file-findings/LazyAnnotatedCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyAnnotatedCode.d.ts","sourceRoot":"","sources":["../../src/file-findings/LazyAnnotatedCode.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAO1D,oGAAoG;AACpG,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAatD;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/file-findings/LazyAnnotatedCode.js

@@ -0,0 +1,22 @@
+import { UiLoader } from "../icons/components/UiLoader.js";
+import { Icon } from "../data/Icon.js";
+import { Suspense, lazy } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/file-findings/LazyAnnotatedCode.tsx
+var AnnotatedCodeEditor = lazy(() => import("./AnnotatedCode.js").then((module) => ({ default: module.AnnotatedCode })));
+/** `AnnotatedCode`, loaded on first use; renders a loading state until the editor chunk arrives. */
+function AnnotatedCode(props) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsxs("div", {
+			className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(Icon, {
+				icon: UiLoader,
+				className: "mr-2 animate-spin"
+			}), "Loading editor"]
+		}),
+		children: /* @__PURE__ */ jsx(AnnotatedCodeEditor, { ...props })
+	});
+}
+export { AnnotatedCode };
+
+//# sourceMappingURL=LazyAnnotatedCode.js.map

package/dist/file-findings/LazyAnnotatedCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyAnnotatedCode.js","names":[],"sources":["../../src/file-findings/LazyAnnotatedCode.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiLoader } from \"../icons\";\nimport type { AnnotatedCodeProps } from \"./AnnotatedCode\";\n\n// The only path from this subpath to Monaco: `import()` keeps the editor, its\n// language registrations and `@monaco-editor/react` out of the entry's static\n// graph, so adapters and markdown viewing never load them.\nconst AnnotatedCodeEditor = lazy(() => import(\"./AnnotatedCode\").then((module) => ({ default: module.AnnotatedCode })));\n\n/** `AnnotatedCode`, loaded on first use; renders a loading state until the editor chunk arrives. */\nexport function AnnotatedCode(props: AnnotatedCodeProps) {\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex h-full items-center justify-center p-8 text-sm text-muted-foreground\">\n          <Icon icon={UiLoader} className=\"mr-2 animate-spin\" />\n          Loading editor\n        </div>\n      }\n    >\n      <AnnotatedCodeEditor {...props} />\n    </Suspense>\n  );\n}\n\nexport type { AnnotatedCodeProps };\n"],"mappings":";;;;;AAQA,IAAM,sBAAsB,WAAW,OAAO,qBAAkB,CAAC,MAAM,YAAY,EAAE,SAAS,OAAO,cAAc,EAAE,CAAC;;AAGtH,SAAgB,cAAc,OAA2B;CACvD,OACE,oBAAC,UAAD;EACE,UACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,MAAD;IAAM,MAAM;IAAU,WAAU;GAAqB,CAAA,GAAC,gBAEnD;;EAGP,UAAA,oBAAC,qBAAD,EAAqB,GAAI,MAAQ,CAAA;CACzB,CAAA;AAEd"}