@kestack/web-platform 0.0.0-stage → 0.0.0

package/dist/components/viewers/source-explorer/initial-selection.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/viewers/source-explorer/initial-selection.d.ts
+export declare function initialSourceFile(files: readonly {
+  readonly path: string;
+}[], entryPoint?: string, requestedPath?: string, changedPaths?: ReadonlyMap<string, unknown>): string | undefined;
+//#endregion
+//# sourceMappingURL=initial-selection.d.ts.map

package/dist/components/viewers/source-explorer/initial-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial-selection.d.ts","names":[],"sources":["../../../../src/components/viewers/source-explorer/initial-selection.ts"],"mappings":";wBAEgB,kBACd;WAA2B;KAC3B,qBACA,wBACA,eAAe"}

package/dist/components/viewers/source-explorer/initial-selection.js

@@ -0,0 +1,13 @@
+//#region src/components/viewers/source-explorer/initial-selection.ts
+function initialSourceFile(files, entryPoint, requestedPath, changedPaths) {
+	const paths = files.map(({ path }) => path).sort((left, right) => left.localeCompare(right));
+	if (requestedPath !== void 0 && paths.includes(requestedPath)) return requestedPath;
+	const firstChanged = paths.find((path) => changedPaths?.has(path));
+	if (firstChanged !== void 0) return firstChanged;
+	if (entryPoint !== void 0 && paths.includes(entryPoint)) return entryPoint;
+	return paths[0];
+}
+//#endregion
+export { initialSourceFile };
+
+//# sourceMappingURL=initial-selection.js.map

package/dist/components/viewers/source-explorer/initial-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial-selection.js","names":[],"sources":["../../../../src/components/viewers/source-explorer/initial-selection.ts"],"sourcesContent":["// Opens on the requested file, else the first changed file, else the entry\n// point, else the first file in path order.\nexport function initialSourceFile(\n  files: readonly { readonly path: string }[],\n  entryPoint?: string,\n  requestedPath?: string,\n  changedPaths?: ReadonlyMap<string, unknown>,\n): string | undefined {\n  const paths = files\n    .map(({ path }) => path)\n    .sort((left, right) => left.localeCompare(right));\n  if (requestedPath !== undefined && paths.includes(requestedPath)) {\n    return requestedPath;\n  }\n  const firstChanged = paths.find((path) => changedPaths?.has(path));\n  if (firstChanged !== undefined) return firstChanged;\n  if (entryPoint !== undefined && paths.includes(entryPoint)) {\n    return entryPoint;\n  }\n  return paths[0];\n}\n"],"mappings":";AAEA,SAAgB,kBACd,OACA,YACA,eACA,cACoB;CACpB,MAAM,QAAQ,MACX,KAAK,EAAE,WAAW,IAAI,CAAC,CACvB,MAAM,MAAM,UAAU,KAAK,cAAc,KAAK,CAAC;CAClD,IAAI,kBAAkB,KAAA,KAAa,MAAM,SAAS,aAAa,GAC7D,OAAO;CAET,MAAM,eAAe,MAAM,MAAM,SAAS,cAAc,IAAI,IAAI,CAAC;CACjE,IAAI,iBAAiB,KAAA,GAAW,OAAO;CACvC,IAAI,eAAe,KAAA,KAAa,MAAM,SAAS,UAAU,GACvD,OAAO;CAET,OAAO,MAAM;AACf"}

package/dist/components/viewers/source-explorer/snapshot-tree.d.ts

@@ -0,0 +1,11 @@
+//#region src/components/viewers/source-explorer/snapshot-tree.d.ts
+export interface SnapshotTree {
+  readonly paths: string[];
+  readonly sourcePathByTreePath: ReadonlyMap<string, string>;
+  readonly treePathBySourcePath: ReadonlyMap<string, string>;
+}
+export declare function buildSnapshotTree(files: readonly {
+  readonly path: string;
+}[], pathPrefixes: readonly string[]): SnapshotTree;
+//#endregion
+//# sourceMappingURL=snapshot-tree.d.ts.map

package/dist/components/viewers/source-explorer/snapshot-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-tree.d.ts","names":[],"sources":["../../../../src/components/viewers/source-explorer/snapshot-tree.ts"],"mappings":";iBAAiB;WACN;WACA,sBAAsB;WACtB,sBAAsB;;wBAOjB,kBACd;WAA2B;KAC3B,kCACC"}

package/dist/components/viewers/source-explorer/snapshot-tree.js

@@ -0,0 +1,21 @@
+//#region src/components/viewers/source-explorer/snapshot-tree.ts
+function buildSnapshotTree(files, pathPrefixes) {
+	const sourcePathByTreePath = /* @__PURE__ */ new Map();
+	const treePathBySourcePath = /* @__PURE__ */ new Map();
+	const root = pathPrefixes.length === 1 && pathPrefixes[0] !== "." ? pathPrefixes[0] : void 0;
+	const fileRoot = files.some(({ path }) => path === root);
+	for (const { path } of files) {
+		const treePath = root === void 0 ? path : fileRoot ? path.split("/").at(-1) ?? path : path.slice(`${root}/`.length);
+		sourcePathByTreePath.set(treePath, path);
+		treePathBySourcePath.set(path, treePath);
+	}
+	return {
+		paths: [...sourcePathByTreePath.keys()],
+		sourcePathByTreePath,
+		treePathBySourcePath
+	};
+}
+//#endregion
+export { buildSnapshotTree };
+
+//# sourceMappingURL=snapshot-tree.js.map

package/dist/components/viewers/source-explorer/snapshot-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-tree.js","names":[],"sources":["../../../../src/components/viewers/source-explorer/snapshot-tree.ts"],"sourcesContent":["export interface SnapshotTree {\n  readonly paths: string[];\n  readonly sourcePathByTreePath: ReadonlyMap<string, string>;\n  readonly treePathBySourcePath: ReadonlyMap<string, string>;\n}\n\n// A single root strips to a tree relative to it, matching how a Configured\n// Module or a Module Graph is browsed today. Several roots — a Layer with\n// disjoint scopes, or a LayerGraph spanning several Layers — have no one\n// point to strip, so their tree keeps full project-relative paths.\nexport function buildSnapshotTree(\n  files: readonly { readonly path: string }[],\n  pathPrefixes: readonly string[],\n): SnapshotTree {\n  const sourcePathByTreePath = new Map<string, string>();\n  const treePathBySourcePath = new Map<string, string>();\n  const root =\n    pathPrefixes.length === 1 && pathPrefixes[0] !== '.'\n      ? pathPrefixes[0]\n      : undefined;\n  const fileRoot = files.some(({ path }) => path === root);\n\n  for (const { path } of files) {\n    const treePath =\n      root === undefined\n        ? path\n        : fileRoot\n          ? (path.split('/').at(-1) ?? path)\n          : path.slice(`${root}/`.length);\n    sourcePathByTreePath.set(treePath, path);\n    treePathBySourcePath.set(path, treePath);\n  }\n\n  return {\n    paths: [...sourcePathByTreePath.keys()],\n    sourcePathByTreePath,\n    treePathBySourcePath,\n  };\n}\n"],"mappings":";AAUA,SAAgB,kBACd,OACA,cACc;CACd,MAAM,uCAAuB,IAAI,IAAoB;CACrD,MAAM,uCAAuB,IAAI,IAAoB;CACrD,MAAM,OACJ,aAAa,WAAW,KAAK,aAAa,OAAO,MAC7C,aAAa,KACb,KAAA;CACN,MAAM,WAAW,MAAM,MAAM,EAAE,WAAW,SAAS,IAAI;CAEvD,KAAK,MAAM,EAAE,UAAU,OAAO;EAC5B,MAAM,WACJ,SAAS,KAAA,IACL,OACA,WACG,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,OAC3B,KAAK,MAAM,GAAG,KAAK,GAAG,MAAM;EACpC,qBAAqB,IAAI,UAAU,IAAI;EACvC,qBAAqB,IAAI,MAAM,QAAQ;CACzC;CAEA,OAAO;EACL,OAAO,CAAC,GAAG,qBAAqB,KAAK,CAAC;EACtC;EACA;CACF;AACF"}

package/dist/components/viewers/source-explorer/source-explorer.d.ts

@@ -0,0 +1,49 @@
+import { Effect } from "effect";
+import { ReactNode } from "react";
+import { ChangeStatus, FileDiff } from "laymos";
+//#region src/components/viewers/source-explorer/source-explorer.d.ts
+export type SourceFile = {
+  readonly path: string;
+  readonly content: string;
+  readonly binary?: boolean;
+  readonly unanalyzed?: boolean;
+};
+export type LoadFiles = () => Effect.Effect<{
+  readonly files: readonly SourceFile[];
+}, unknown, never>;
+export type LoadFileDiff = (path: string) => Effect.Effect<FileDiff, unknown, never>;
+export type ChangedPaths = ReadonlyMap<string, ChangeStatus>;
+export type DocumentationSlot = {
+  readonly kind: 'loading';
+} | {
+  readonly kind: 'unavailable';
+  readonly message: string;
+} | {
+  readonly kind: 'ready';
+  readonly content: ReactNode;
+};
+export type SourceExplorerTab = 'documentation' | 'files';
+export interface SourceExplorerProps {
+  readonly title: string;
+  readonly pathPrefixes: readonly string[];
+  readonly filesKey: string;
+  readonly loadFiles: LoadFiles;
+  readonly loadFileDiff?: LoadFileDiff;
+  readonly changedPaths?: ChangedPaths;
+  readonly entryPoint?: string;
+  readonly initialFilePath?: string;
+  readonly documentation?: DocumentationSlot;
+  readonly initialTab?: SourceExplorerTab;
+  readonly onTabChange?: (tab: SourceExplorerTab) => void;
+  readonly onFileSelect?: (path: string) => void;
+  readonly actions?: ReactNode;
+  readonly onReload?: () => void;
+  readonly onClose: () => void;
+}
+/**
+ * The dialog every Tool opens on a scope: its documentation beside its files,
+ * with changed files marked and shown as diffs against the Base ref.
+ */
+export declare function SourceExplorer({ title, pathPrefixes, filesKey, loadFiles, loadFileDiff, changedPaths, entryPoint, initialFilePath, documentation, initialTab, onTabChange, onFileSelect, actions, onReload, onClose }: SourceExplorerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=source-explorer.d.ts.map

package/dist/components/viewers/source-explorer/source-explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-explorer.d.ts","names":[],"sources":["../../../../src/components/viewers/source-explorer/source-explorer.tsx"],"mappings":";;;;YAsCY;WACD;WACA;WACA;WACA;;YAGC,kBAAkB,OAAO;WACxB,gBAAgB;;YAKjB,gBACV,iBACG,OAAO,OAAO;YAEP,eAAe,oBAAoB;YAInC;WACG;;WACA;WAA8B;;WAC9B;WAAwB,SAAS;;YAEpC;iBAEK;WACN;WAEA;WAEA;WACA,WAAW;WACX,eAAe;WACf,eAAe;WACf;WACA;WACA,gBAAgB;WAEhB,aAAa;WAEb,eAAe,KAAK;WACpB,gBAAgB;WAEhB,UAAU;WAEV;WACA;;;;;;wBAiBK,iBACd,OACA,cACA,UACA,WACA,cACA,cACA,YACA,iBACA,eACA,YACA,aACA,cACA,SACA,UACA,WACC,sCAAmB,IAAA"}

package/dist/components/viewers/source-explorer/source-explorer.js

@@ -0,0 +1,364 @@
+import { Button } from "../../ui/button.js";
+import { lucide_exports } from "../../lib/lucide.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../../ui/dialog.js";
+import { cn } from "../../lib/utils.js";
+import { useIsMobile } from "../../hooks/use-mobile.js";
+import { scrollbarStyles } from "../../lib/scrollStyles.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "../../ui/resizable.js";
+import { Spinner } from "../../ui/spinner.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/tabs.js";
+import { SourceViewer } from "../source-viewer/source-viewer.js";
+import { DiffViewer } from "../diff-viewer/diff-viewer.js";
+import { expandAll, expandTo } from "../file-tree/expand.js";
+import { FileTree } from "../file-tree/file-tree.js";
+import { initialSourceFile } from "./initial-selection.js";
+import { buildSnapshotTree } from "./snapshot-tree.js";
+import { Effect } from "effect";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useComponentLifecycle } from "use-effect-ts";
+//#region src/components/viewers/source-explorer/source-explorer.tsx
+const filesTabId = "files";
+const documentationTabId = "documentation";
+/**
+* The dialog every Tool opens on a scope: its documentation beside its files,
+* with changed files marked and shown as diffs against the Base ref.
+*/
+function SourceExplorer({ title, pathPrefixes, filesKey, loadFiles, loadFileDiff, changedPaths, entryPoint, initialFilePath, documentation, initialTab, onTabChange, onFileSelect, actions, onReload, onClose }) {
+	const [reload, setReload] = useState(0);
+	const [state, setState] = useState({ kind: "loading" });
+	useComponentLifecycle(loadFiles().pipe(Effect.match({
+		onFailure: (error) => setState({
+			kind: "failure",
+			message: failureMessage(error)
+		}),
+		onSuccess: ({ files }) => setState({
+			kind: "success",
+			files
+		})
+	})), { deps: [filesKey, reload] });
+	const reloadFiles = () => {
+		setState({ kind: "loading" });
+		setReload((value) => value + 1);
+		onReload?.();
+	};
+	const [activeTab, setActiveTabState] = useState(initialTab ?? (documentation === void 0 ? filesTabId : documentationTabId));
+	const setActiveTab = (tab) => {
+		setActiveTabState(tab);
+		onTabChange?.(tab);
+	};
+	const docUnavailable = documentation === void 0 || documentation.kind === "unavailable";
+	useEffect(() => {
+		if (docUnavailable && activeTab === documentationTabId) setActiveTab(filesTabId);
+	}, [docUnavailable, activeTab]);
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			className: "flex h-dvh w-screen max-w-none flex-col gap-0 overflow-hidden rounded-none p-0 sm:h-[88vh] sm:w-[min(1440px,95vw)] sm:max-w-none sm:rounded-lg",
+			children: /* @__PURE__ */ jsxs(Tabs, {
+				value: activeTab,
+				onValueChange: (tab) => setActiveTab(tab),
+				className: "flex min-h-0 flex-1 flex-col gap-0",
+				children: [
+					/* @__PURE__ */ jsxs(DialogHeader, {
+						className: "shrink-0 border-b border-border px-3 py-3 pe-12 sm:px-5 sm:py-4 sm:pe-14",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-center gap-2 sm:gap-3",
+								children: [
+									/* @__PURE__ */ jsx(DialogTitle, {
+										className: "min-w-0 flex-1 truncate font-mono text-sm",
+										children: title
+									}),
+									actions,
+									/* @__PURE__ */ jsxs(Button, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										className: "min-h-10 sm:min-h-0",
+										onClick: reloadFiles,
+										disabled: state.kind === "loading",
+										children: [/* @__PURE__ */ jsx(lucide_exports.RefreshCw, { className: "size-3.5" }), "Reload"]
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx(DialogDescription, {
+								className: "sr-only",
+								children: "Browse the documentation and files of this scope."
+							}),
+							/* @__PURE__ */ jsxs(TabsList, {
+								variant: "line",
+								className: "mt-1",
+								children: [/* @__PURE__ */ jsx(TabsTrigger, {
+									value: documentationTabId,
+									disabled: docUnavailable,
+									className: "font-mono text-xs lowercase",
+									children: "Documentation"
+								}), /* @__PURE__ */ jsx(TabsTrigger, {
+									value: filesTabId,
+									className: "font-mono text-xs lowercase",
+									children: "Files"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(TabsContent, {
+						value: documentationTabId,
+						className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+						children: documentation === void 0 || documentation.kind === "loading" ? /* @__PURE__ */ jsx(LoadingState, { label: "Loading documentation…" }) : documentation.kind === "unavailable" ? /* @__PURE__ */ jsx(UnavailableState, { message: documentation.message }) : documentation.content
+					}),
+					/* @__PURE__ */ jsx(TabsContent, {
+						value: filesTabId,
+						className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+						children: state.kind === "loading" ? /* @__PURE__ */ jsx(LoadingState, { label: "Loading files…" }) : state.kind === "failure" ? /* @__PURE__ */ jsx(FailureState, {
+							message: state.message,
+							onRetry: reloadFiles,
+							onClose
+						}) : /* @__PURE__ */ jsx(SnapshotView, {
+							files: state.files,
+							pathPrefixes,
+							entryPoint,
+							initialFilePath,
+							loadFileDiff,
+							changedPaths,
+							onFileSelect
+						}, reload)
+					})
+				]
+			})
+		})
+	});
+}
+function LoadingState({ label }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid min-h-0 flex-1 place-items-center",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(Spinner, {}), label]
+		})
+	});
+}
+function FailureState({ message, onRetry, onClose }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid min-h-0 flex-1 place-items-center p-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "max-w-lg text-center",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-base font-semibold",
+					children: "Couldn’t load the files"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-2 break-words text-sm text-muted-foreground",
+					children: message
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-5 flex justify-center gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: onRetry,
+						children: "Retry"
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "outline",
+						onClick: onClose,
+						children: "Close"
+					})]
+				})
+			]
+		})
+	});
+}
+function UnavailableState({ message }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid min-h-0 flex-1 place-items-center p-6",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "max-w-sm text-center text-sm text-muted-foreground",
+			children: message
+		})
+	});
+}
+function SnapshotView({ files, pathPrefixes, entryPoint, initialFilePath, loadFileDiff, changedPaths, onFileSelect }) {
+	const tree = buildSnapshotTree(files, pathPrefixes);
+	const initialPath = initialSourceFile(files, entryPoint, initialFilePath, changedPaths);
+	const [selectedPath, setSelectedPath] = useState(initialPath);
+	const initialTreePath = initialPath === void 0 ? void 0 : tree.treePathBySourcePath.get(initialPath);
+	const [expanded, setExpanded] = useState(() => initialTreePath === void 0 ? [] : expandTo(tree.paths, initialTreePath));
+	const folderStatus = useMemo(() => statusByTreePath(tree.treePathBySourcePath, changedPaths), [tree.treePathBySourcePath, changedPaths]);
+	const unanalyzedTreePaths = useMemo(() => new Set(files.filter((file) => file.unanalyzed === true).map(({ path }) => tree.treePathBySourcePath.get(path) ?? path)), [files, tree.treePathBySourcePath]);
+	const [unchanged, setUnchanged] = useState("show");
+	const hasChanges = folderStatus.size > 0;
+	const visiblePaths = useMemo(() => hasChanges && unchanged === "hide" ? tree.paths.filter((treePath) => folderStatus.has(treePath)) : tree.paths, [
+		tree.paths,
+		folderStatus,
+		hasChanges,
+		unchanged
+	]);
+	const allExpanded = useMemo(() => {
+		const folders = expandAll(visiblePaths);
+		return folders.length > 0 && folders.every((f) => expanded.includes(f));
+	}, [visiblePaths, expanded]);
+	const selected = files.find(({ path }) => path === selectedPath);
+	const selectedTreePath = selectedPath === void 0 ? void 0 : tree.treePathBySourcePath.get(selectedPath);
+	const [mobileFileOpen, setMobileFileOpen] = useState(false);
+	const isMobile = useIsMobile();
+	const fileNavigation = /* @__PURE__ */ jsxs("nav", {
+		"aria-label": "Files",
+		className: "flex size-full min-h-0 flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2",
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				size: "icon-sm",
+				className: "size-10 sm:size-8",
+				"aria-label": allExpanded ? "Collapse all folders" : "Expand all folders",
+				title: allExpanded ? "Collapse all folders" : "Expand all folders",
+				onClick: () => setExpanded(allExpanded ? [] : expandAll(visiblePaths)),
+				children: allExpanded ? /* @__PURE__ */ jsx(lucide_exports.ChevronsDownUp, { className: "size-3.5" }) : /* @__PURE__ */ jsx(lucide_exports.ChevronsUpDown, { className: "size-3.5" })
+			}), hasChanges && /* @__PURE__ */ jsxs("select", {
+				"aria-label": "Unchanged files",
+				className: "h-10 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-base font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:h-8 sm:text-xs",
+				value: unchanged,
+				onChange: (event) => setUnchanged(event.target.value),
+				children: [
+					/* @__PURE__ */ jsx("option", {
+						value: "show",
+						children: "Show unchanged"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "dim",
+						children: "Dim unchanged"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "hide",
+						children: "Hide unchanged"
+					})
+				]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("min-h-0 flex-1 overflow-y-auto p-3", scrollbarStyles),
+			children: /* @__PURE__ */ jsx(FileTree, {
+				files: visiblePaths,
+				expanded,
+				onExpandedChange: setExpanded,
+				highlightedPaths: selectedTreePath === void 0 ? [] : [selectedTreePath],
+				iconClassNameForPath: (treePath) => changeAccent(folderStatus.get(treePath)),
+				classNameForPath: (treePath) => cn(folderStatus.has(treePath) ? "font-medium" : hasChanges && unchanged === "dim" && "opacity-40", unanalyzedTreePaths.has(treePath) && "text-muted-foreground") || void 0,
+				onPathClick: (treePath) => {
+					const sourcePath = tree.sourcePathByTreePath.get(treePath);
+					if (sourcePath !== void 0) {
+						setSelectedPath(sourcePath);
+						onFileSelect?.(sourcePath);
+						if (isMobile) setMobileFileOpen(true);
+					}
+				}
+			})
+		})]
+	});
+	const fileContent = selected === void 0 ? /* @__PURE__ */ jsx("div", {
+		className: "grid size-full place-items-center text-sm text-muted-foreground",
+		children: "No files"
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: "flex size-full min-h-0 flex-col",
+		children: [isMobile && /* @__PURE__ */ jsxs("div", {
+			className: "flex h-12 shrink-0 items-center gap-2 border-b border-border px-2",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon-sm",
+				className: "size-10",
+				"aria-label": "Back to files",
+				onClick: () => setMobileFileOpen(false),
+				children: /* @__PURE__ */ jsx(lucide_exports.ArrowLeft, { className: "size-4" })
+			}), /* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate font-mono text-xs",
+				children: selected.path
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1",
+			children: /* @__PURE__ */ jsx(FileView, {
+				file: selected,
+				status: changedPaths?.get(selected.path),
+				loadFileDiff
+			}, selected.path)
+		})]
+	});
+	return isMobile ? /* @__PURE__ */ jsx("div", {
+		className: "min-h-0 flex-1",
+		children: mobileFileOpen ? fileContent : fileNavigation
+	}) : /* @__PURE__ */ jsxs(ResizablePanelGroup, {
+		orientation: "horizontal",
+		className: "min-h-0 flex-1",
+		children: [
+			/* @__PURE__ */ jsx(ResizablePanel, {
+				defaultSize: "24%",
+				minSize: "15%",
+				maxSize: "45%",
+				children: fileNavigation
+			}),
+			/* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+			/* @__PURE__ */ jsx(ResizablePanel, {
+				defaultSize: "76%",
+				minSize: "40%",
+				children: fileContent
+			})
+		]
+	});
+}
+function FileView({ file, status, loadFileDiff }) {
+	const [diff, setDiff] = useState();
+	const showDiff = status === "modified" && file.binary !== true && loadFileDiff !== void 0;
+	useComponentLifecycle(showDiff ? loadFileDiff(file.path).pipe(Effect.match({
+		onFailure: () => setDiff(void 0),
+		onSuccess: setDiff
+	})) : Effect.sync(() => setDiff(void 0)), { deps: [file.path, showDiff] });
+	if (file.binary === true) return /* @__PURE__ */ jsx(UnavailableState, { message: "Binary file, not shown." });
+	if (showDiff) return diff === void 0 ? /* @__PURE__ */ jsx(LoadingState, { label: "Loading diff…" }) : /* @__PURE__ */ jsx(DiffViewer, {
+		diff,
+		fallbackContent: file.content,
+		className: "size-full"
+	});
+	return /* @__PURE__ */ jsx(SourceViewer, {
+		filePath: file.path,
+		content: file.content,
+		lineStatuses: status === "added" ? addedLines(file.content) : void 0,
+		className: "size-full"
+	});
+}
+function statusByTreePath(treePathBySourcePath, changedPaths) {
+	const statuses = /* @__PURE__ */ new Map();
+	if (changedPaths === void 0) return statuses;
+	for (const [sourcePath, treePath] of treePathBySourcePath) {
+		const status = changedPaths.get(sourcePath);
+		if (status === void 0) continue;
+		const segments = treePath.split("/");
+		for (let depth = segments.length; depth > 0; depth -= 1) {
+			const ancestor = segments.slice(0, depth).join("/");
+			statuses.set(ancestor, statuses.get(ancestor) === "modified" || status === "modified" ? "modified" : "added");
+		}
+	}
+	return statuses;
+}
+function addedLines(content) {
+	return content.split("\n").map((_, index) => ({
+		status: "add",
+		number: index + 1
+	}));
+}
+function changeAccent(status) {
+	switch (status) {
+		case "added": return "text-emerald-500";
+		case "modified": return "text-amber-500";
+		default: return;
+	}
+}
+function failureMessage(error) {
+	if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") return error.message;
+	if (typeof error === "object" && error !== null && "_tag" in error && typeof error._tag === "string") return error._tag;
+	return String(error);
+}
+//#endregion
+export { SourceExplorer };
+
+//# sourceMappingURL=source-explorer.js.map

package/dist/components/viewers/source-explorer/source-explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-explorer.js","names":["RefreshCw","ChevronsDownUp","ChevronsUpDown","ArrowLeft"],"sources":["../../../../src/components/viewers/source-explorer/source-explorer.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { Effect } from 'effect';\nimport type { ChangeStatus, FileDiff } from 'laymos';\nimport { useComponentLifecycle } from 'use-effect-ts';\n\nimport { DiffViewer } from '../diff-viewer';\nimport { FileTree, expandAll, expandTo } from '../file-tree';\nimport { SourceViewer, type SourceViewerLine } from '../source-viewer';\nimport { Button } from '#components/ui/button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '#components/ui/dialog';\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '#components/ui/resizable';\nimport { Spinner } from '#components/ui/spinner';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '#components/ui/tabs';\nimport {\n  ArrowLeft,\n  ChevronsDownUp,\n  ChevronsUpDown,\n  RefreshCw,\n} from '#lib/lucide';\nimport { useIsMobile } from '#hooks/use-mobile';\nimport { scrollbarStyles } from '#lib/scrollStyles';\nimport { cn } from '#lib/utils';\n\nimport { initialSourceFile } from './initial-selection';\nimport { buildSnapshotTree } from './snapshot-tree';\n\n// One file the Files tab lists. `unanalyzed` files are shown muted; a\n// `binary` file carries no content.\nexport type SourceFile = {\n  readonly path: string;\n  readonly content: string;\n  readonly binary?: boolean;\n  readonly unanalyzed?: boolean;\n};\n\nexport type LoadFiles = () => Effect.Effect<\n  { readonly files: readonly SourceFile[] },\n  unknown,\n  never\n>;\n\nexport type LoadFileDiff = (\n  path: string,\n) => Effect.Effect<FileDiff, unknown, never>;\n\nexport type ChangedPaths = ReadonlyMap<string, ChangeStatus>;\n\n// What the host shows in the Documentation tab. The shell renders loading and\n// unavailable itself, and falls back to Files when there is nothing to read.\nexport type DocumentationSlot =\n  | { readonly kind: 'loading' }\n  | { readonly kind: 'unavailable'; readonly message: string }\n  | { readonly kind: 'ready'; readonly content: ReactNode };\n\nexport type SourceExplorerTab = 'documentation' | 'files';\n\nexport interface SourceExplorerProps {\n  readonly title: string;\n  // The roots whose files are listed; one root makes the tree relative to it.\n  readonly pathPrefixes: readonly string[];\n  // Changing this refetches the files, such as when the scope changes.\n  readonly filesKey: string;\n  readonly loadFiles: LoadFiles;\n  readonly loadFileDiff?: LoadFileDiff;\n  readonly changedPaths?: ChangedPaths;\n  readonly entryPoint?: string;\n  readonly initialFilePath?: string;\n  readonly documentation?: DocumentationSlot;\n  // Reopens on a tab a host remembered; documentation-first when omitted.\n  readonly initialTab?: SourceExplorerTab;\n  // Reported so a host can reopen the dialog as it was left.\n  readonly onTabChange?: (tab: SourceExplorerTab) => void;\n  readonly onFileSelect?: (path: string) => void;\n  // Extra header buttons beside Reload, such as opening the scope elsewhere.\n  readonly actions?: ReactNode;\n  // Called on Reload so the host can refetch its documentation too.\n  readonly onReload?: () => void;\n  readonly onClose: () => void;\n}\n\ntype UnchangedMode = 'show' | 'dim' | 'hide';\n\ntype LoadState =\n  | { readonly kind: 'loading' }\n  | { readonly kind: 'failure'; readonly message: string }\n  | { readonly kind: 'success'; readonly files: readonly SourceFile[] };\n\nconst filesTabId: SourceExplorerTab = 'files';\nconst documentationTabId: SourceExplorerTab = 'documentation';\n\n/**\n * The dialog every Tool opens on a scope: its documentation beside its files,\n * with changed files marked and shown as diffs against the Base ref.\n */\nexport function SourceExplorer({\n  title,\n  pathPrefixes,\n  filesKey,\n  loadFiles,\n  loadFileDiff,\n  changedPaths,\n  entryPoint,\n  initialFilePath,\n  documentation,\n  initialTab,\n  onTabChange,\n  onFileSelect,\n  actions,\n  onReload,\n  onClose,\n}: SourceExplorerProps) {\n  const [reload, setReload] = useState(0);\n  const [state, setState] = useState<LoadState>({ kind: 'loading' });\n\n  useComponentLifecycle(\n    loadFiles().pipe(\n      Effect.match({\n        onFailure: (error) =>\n          setState({ kind: 'failure', message: failureMessage(error) }),\n        onSuccess: ({ files }) => setState({ kind: 'success', files }),\n      }),\n    ),\n    { deps: [filesKey, reload] },\n  );\n\n  const reloadFiles = () => {\n    setState({ kind: 'loading' });\n    setReload((value) => value + 1);\n    onReload?.();\n  };\n\n  // Documentation-first: the dialog opens on the Documentation tab and only\n  // falls back to Files once loading confirms there's nothing to show there.\n  const [activeTab, setActiveTabState] = useState<SourceExplorerTab>(\n    initialTab ??\n      (documentation === undefined ? filesTabId : documentationTabId),\n  );\n  const setActiveTab = (tab: SourceExplorerTab) => {\n    setActiveTabState(tab);\n    onTabChange?.(tab);\n  };\n  const docUnavailable =\n    documentation === undefined || documentation.kind === 'unavailable';\n\n  useEffect(() => {\n    if (docUnavailable && activeTab === documentationTabId) {\n      setActiveTab(filesTabId);\n    }\n  }, [docUnavailable, activeTab]);\n\n  return (\n    <Dialog open onOpenChange={(open) => !open && onClose()}>\n      <DialogContent className=\"flex h-dvh w-screen max-w-none flex-col gap-0 overflow-hidden rounded-none p-0 sm:h-[88vh] sm:w-[min(1440px,95vw)] sm:max-w-none sm:rounded-lg\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(tab) => setActiveTab(tab as SourceExplorerTab)}\n          className=\"flex min-h-0 flex-1 flex-col gap-0\"\n        >\n          <DialogHeader className=\"shrink-0 border-b border-border px-3 py-3 pe-12 sm:px-5 sm:py-4 sm:pe-14\">\n            <div className=\"flex min-w-0 items-center gap-2 sm:gap-3\">\n              <DialogTitle className=\"min-w-0 flex-1 truncate font-mono text-sm\">\n                {title}\n              </DialogTitle>\n              {actions}\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                className=\"min-h-10 sm:min-h-0\"\n                onClick={reloadFiles}\n                disabled={state.kind === 'loading'}\n              >\n                <RefreshCw className=\"size-3.5\" />\n                Reload\n              </Button>\n            </div>\n            <DialogDescription className=\"sr-only\">\n              Browse the documentation and files of this scope.\n            </DialogDescription>\n            <TabsList variant=\"line\" className=\"mt-1\">\n              <TabsTrigger\n                value={documentationTabId}\n                disabled={docUnavailable}\n                className=\"font-mono text-xs lowercase\"\n              >\n                Documentation\n              </TabsTrigger>\n              <TabsTrigger\n                value={filesTabId}\n                className=\"font-mono text-xs lowercase\"\n              >\n                Files\n              </TabsTrigger>\n            </TabsList>\n          </DialogHeader>\n          <TabsContent\n            value={documentationTabId}\n            className=\"flex min-h-0 flex-1 flex-col overflow-hidden\"\n          >\n            {documentation === undefined || documentation.kind === 'loading' ? (\n              <LoadingState label=\"Loading documentation…\" />\n            ) : documentation.kind === 'unavailable' ? (\n              <UnavailableState message={documentation.message} />\n            ) : (\n              documentation.content\n            )}\n          </TabsContent>\n          <TabsContent\n            value={filesTabId}\n            className=\"flex min-h-0 flex-1 flex-col overflow-hidden\"\n          >\n            {state.kind === 'loading' ? (\n              <LoadingState label=\"Loading files…\" />\n            ) : state.kind === 'failure' ? (\n              <FailureState\n                message={state.message}\n                onRetry={reloadFiles}\n                onClose={onClose}\n              />\n            ) : (\n              <SnapshotView\n                key={reload}\n                files={state.files}\n                pathPrefixes={pathPrefixes}\n                entryPoint={entryPoint}\n                initialFilePath={initialFilePath}\n                loadFileDiff={loadFileDiff}\n                changedPaths={changedPaths}\n                onFileSelect={onFileSelect}\n              />\n            )}\n          </TabsContent>\n        </Tabs>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction LoadingState({ label }: { readonly label: string }) {\n  return (\n    <div className=\"grid min-h-0 flex-1 place-items-center\">\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner />\n        {label}\n      </div>\n    </div>\n  );\n}\n\nfunction FailureState({\n  message,\n  onRetry,\n  onClose,\n}: {\n  readonly message: string;\n  readonly onRetry: () => void;\n  readonly onClose: () => void;\n}) {\n  return (\n    <div className=\"grid min-h-0 flex-1 place-items-center p-6\">\n      <div className=\"max-w-lg text-center\">\n        <h2 className=\"text-base font-semibold\">Couldn’t load the files</h2>\n        <p className=\"mt-2 break-words text-sm text-muted-foreground\">\n          {message}\n        </p>\n        <div className=\"mt-5 flex justify-center gap-2\">\n          <Button type=\"button\" onClick={onRetry}>\n            Retry\n          </Button>\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            Close\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction UnavailableState({ message }: { readonly message: string }) {\n  return (\n    <div className=\"grid min-h-0 flex-1 place-items-center p-6\">\n      <p className=\"max-w-sm text-center text-sm text-muted-foreground\">\n        {message}\n      </p>\n    </div>\n  );\n}\n\nfunction SnapshotView({\n  files,\n  pathPrefixes,\n  entryPoint,\n  initialFilePath,\n  loadFileDiff,\n  changedPaths,\n  onFileSelect,\n}: {\n  readonly files: readonly SourceFile[];\n  readonly pathPrefixes: readonly string[];\n  readonly entryPoint?: string;\n  readonly initialFilePath?: string;\n  readonly loadFileDiff?: LoadFileDiff;\n  readonly changedPaths?: ChangedPaths;\n  readonly onFileSelect?: (path: string) => void;\n}) {\n  const tree = buildSnapshotTree(files, pathPrefixes);\n  const initialPath = initialSourceFile(\n    files,\n    entryPoint,\n    initialFilePath,\n    changedPaths,\n  );\n  const [selectedPath, setSelectedPath] = useState(initialPath);\n  const initialTreePath =\n    initialPath === undefined\n      ? undefined\n      : tree.treePathBySourcePath.get(initialPath);\n  const [expanded, setExpanded] = useState(() =>\n    initialTreePath === undefined ? [] : expandTo(tree.paths, initialTreePath),\n  );\n  const folderStatus = useMemo(\n    () => statusByTreePath(tree.treePathBySourcePath, changedPaths),\n    [tree.treePathBySourcePath, changedPaths],\n  );\n  const unanalyzedTreePaths = useMemo(\n    () =>\n      new Set(\n        files\n          .filter((file) => file.unanalyzed === true)\n          .map(({ path }) => tree.treePathBySourcePath.get(path) ?? path),\n      ),\n    [files, tree.treePathBySourcePath],\n  );\n  const [unchanged, setUnchanged] = useState<UnchangedMode>('show');\n  const hasChanges = folderStatus.size > 0;\n  const visiblePaths = useMemo(\n    () =>\n      hasChanges && unchanged === 'hide'\n        ? tree.paths.filter((treePath) => folderStatus.has(treePath))\n        : tree.paths,\n    [tree.paths, folderStatus, hasChanges, unchanged],\n  );\n  const allExpanded = useMemo(() => {\n    const folders = expandAll(visiblePaths);\n    return folders.length > 0 && folders.every((f) => expanded.includes(f));\n  }, [visiblePaths, expanded]);\n  const selected = files.find(({ path }) => path === selectedPath);\n  const selectedTreePath =\n    selectedPath === undefined\n      ? undefined\n      : tree.treePathBySourcePath.get(selectedPath);\n  const [mobileFileOpen, setMobileFileOpen] = useState(false);\n  const isMobile = useIsMobile();\n\n  const fileNavigation = (\n    <nav aria-label=\"Files\" className=\"flex size-full min-h-0 flex-col\">\n      <div className=\"flex shrink-0 items-center gap-2 border-b border-border px-3 py-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"icon-sm\"\n          className=\"size-10 sm:size-8\"\n          aria-label={\n            allExpanded ? 'Collapse all folders' : 'Expand all folders'\n          }\n          title={allExpanded ? 'Collapse all folders' : 'Expand all folders'}\n          onClick={() =>\n            setExpanded(allExpanded ? [] : expandAll(visiblePaths))\n          }\n        >\n          {allExpanded ? (\n            <ChevronsDownUp className=\"size-3.5\" />\n          ) : (\n            <ChevronsUpDown className=\"size-3.5\" />\n          )}\n        </Button>\n        {hasChanges && (\n          <select\n            aria-label=\"Unchanged files\"\n            className=\"h-10 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-base font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:h-8 sm:text-xs\"\n            value={unchanged}\n            onChange={(event) =>\n              setUnchanged(event.target.value as UnchangedMode)\n            }\n          >\n            <option value=\"show\">Show unchanged</option>\n            <option value=\"dim\">Dim unchanged</option>\n            <option value=\"hide\">Hide unchanged</option>\n          </select>\n        )}\n      </div>\n      <div\n        className={cn('min-h-0 flex-1 overflow-y-auto p-3', scrollbarStyles)}\n      >\n        <FileTree\n          files={visiblePaths}\n          expanded={expanded}\n          onExpandedChange={setExpanded}\n          highlightedPaths={\n            selectedTreePath === undefined ? [] : [selectedTreePath]\n          }\n          iconClassNameForPath={(treePath) =>\n            changeAccent(folderStatus.get(treePath))\n          }\n          classNameForPath={(treePath) =>\n            cn(\n              folderStatus.has(treePath)\n                ? 'font-medium'\n                : hasChanges && unchanged === 'dim' && 'opacity-40',\n              unanalyzedTreePaths.has(treePath) && 'text-muted-foreground',\n            ) || undefined\n          }\n          onPathClick={(treePath) => {\n            const sourcePath = tree.sourcePathByTreePath.get(treePath);\n            if (sourcePath !== undefined) {\n              setSelectedPath(sourcePath);\n              onFileSelect?.(sourcePath);\n              if (isMobile) setMobileFileOpen(true);\n            }\n          }}\n        />\n      </div>\n    </nav>\n  );\n\n  const fileContent =\n    selected === undefined ? (\n      <div className=\"grid size-full place-items-center text-sm text-muted-foreground\">\n        No files\n      </div>\n    ) : (\n      <div className=\"flex size-full min-h-0 flex-col\">\n        {isMobile && (\n          <div className=\"flex h-12 shrink-0 items-center gap-2 border-b border-border px-2\">\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              className=\"size-10\"\n              aria-label=\"Back to files\"\n              onClick={() => setMobileFileOpen(false)}\n            >\n              <ArrowLeft className=\"size-4\" />\n            </Button>\n            <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n              {selected.path}\n            </span>\n          </div>\n        )}\n        <div className=\"min-h-0 flex-1\">\n          <FileView\n            key={selected.path}\n            file={selected}\n            status={changedPaths?.get(selected.path)}\n            loadFileDiff={loadFileDiff}\n          />\n        </div>\n      </div>\n    );\n\n  return isMobile ? (\n    <div className=\"min-h-0 flex-1\">\n      {mobileFileOpen ? fileContent : fileNavigation}\n    </div>\n  ) : (\n    <ResizablePanelGroup orientation=\"horizontal\" className=\"min-h-0 flex-1\">\n      <ResizablePanel defaultSize=\"24%\" minSize=\"15%\" maxSize=\"45%\">\n        {fileNavigation}\n      </ResizablePanel>\n      <ResizableHandle withHandle />\n      <ResizablePanel defaultSize=\"76%\" minSize=\"40%\">\n        {fileContent}\n      </ResizablePanel>\n    </ResizablePanelGroup>\n  );\n}\n\nfunction FileView({\n  file,\n  status,\n  loadFileDiff,\n}: {\n  readonly file: SourceFile;\n  readonly status?: ChangeStatus;\n  readonly loadFileDiff?: LoadFileDiff;\n}) {\n  const [diff, setDiff] = useState<FileDiff>();\n  const showDiff =\n    status === 'modified' && file.binary !== true && loadFileDiff !== undefined;\n\n  useComponentLifecycle(\n    showDiff\n      ? loadFileDiff(file.path).pipe(\n          Effect.match({\n            onFailure: () => setDiff(undefined),\n            onSuccess: setDiff,\n          }),\n        )\n      : Effect.sync(() => setDiff(undefined)),\n    { deps: [file.path, showDiff] },\n  );\n\n  if (file.binary === true) {\n    return <UnavailableState message=\"Binary file, not shown.\" />;\n  }\n\n  if (showDiff) {\n    return diff === undefined ? (\n      <LoadingState label=\"Loading diff…\" />\n    ) : (\n      <DiffViewer\n        diff={diff}\n        fallbackContent={file.content}\n        className=\"size-full\"\n      />\n    );\n  }\n\n  return (\n    <SourceViewer\n      filePath={file.path}\n      content={file.content}\n      lineStatuses={status === 'added' ? addedLines(file.content) : undefined}\n      className=\"size-full\"\n    />\n  );\n}\n\n// A folder inherits the strongest status beneath it: added only when nothing\n// under it is merely modified.\nfunction statusByTreePath(\n  treePathBySourcePath: ReadonlyMap<string, string>,\n  changedPaths: ChangedPaths | undefined,\n): ReadonlyMap<string, ChangeStatus> {\n  const statuses = new Map<string, ChangeStatus>();\n  if (changedPaths === undefined) return statuses;\n  for (const [sourcePath, treePath] of treePathBySourcePath) {\n    const status = changedPaths.get(sourcePath);\n    if (status === undefined) continue;\n    const segments = treePath.split('/');\n    for (let depth = segments.length; depth > 0; depth -= 1) {\n      const ancestor = segments.slice(0, depth).join('/');\n      statuses.set(\n        ancestor,\n        statuses.get(ancestor) === 'modified' || status === 'modified'\n          ? 'modified'\n          : 'added',\n      );\n    }\n  }\n  return statuses;\n}\n\nfunction addedLines(content: string): readonly SourceViewerLine[] {\n  return content\n    .split('\\n')\n    .map((_, index) => ({ status: 'add' as const, number: index + 1 }));\n}\n\nfunction changeAccent(status: ChangeStatus | undefined): string | undefined {\n  switch (status) {\n    case 'added':\n      return 'text-emerald-500';\n    case 'modified':\n      return 'text-amber-500';\n    default:\n      return undefined;\n  }\n}\n\nfunction failureMessage(error: unknown): string {\n  if (\n    typeof error === 'object' &&\n    error !== null &&\n    'message' in error &&\n    typeof error.message === 'string'\n  ) {\n    return error.message;\n  }\n  if (\n    typeof error === 'object' &&\n    error !== null &&\n    '_tag' in error &&\n    typeof error._tag === 'string'\n  ) {\n    return error._tag;\n  }\n  return String(error);\n}\n"],"mappings":"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"}

package/dist/components/viewers/source-viewer/index.d.ts

@@ -0,0 +1,2 @@
+import { SourceViewer, SourceViewerLine, SourceViewerProps, SourceViewerRange, SourceViewerSection } from "./source-viewer.js";
+export { SourceViewer, type SourceViewerLine, type SourceViewerProps, type SourceViewerRange, type SourceViewerSection };

package/dist/components/viewers/source-viewer/index.js

@@ -0,0 +1,2 @@
+import { SourceViewer } from "./source-viewer.js";
+export { SourceViewer };

package/dist/components/viewers/source-viewer/source-viewer.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+//#region src/components/viewers/source-viewer/source-viewer.d.ts
+export interface SourceViewerRange {
+  readonly startLine: number;
+  readonly endLine: number;
+}
+export interface SourceViewerSection {
+  readonly id: string;
+  readonly range: SourceViewerRange;
+}
+export interface SourceViewerLine {
+  readonly status: 'add' | 'remove' | 'context' | 'meta' | 'empty';
+  readonly number?: number;
+}
+export interface SourceViewerProps {
+  readonly filePath: string;
+  readonly content: string;
+  readonly range?: SourceViewerRange | null;
+  readonly sections?: readonly SourceViewerSection[];
+  readonly lineStatuses?: readonly SourceViewerLine[];
+  readonly onSectionClick?: (sectionId: string) => void;
+  readonly scrollRequestId?: number;
+  readonly wrap?: boolean;
+  readonly lineOffset?: number;
+  readonly showHeader?: boolean;
+  readonly showLineNumbers?: boolean;
+  readonly autoHeight?: boolean;
+  readonly actions?: ReactNode;
+  readonly className?: string;
+}
+export declare function SourceViewer({ filePath, content, range, sections, lineStatuses, onSectionClick, scrollRequestId, wrap, lineOffset, showHeader, showLineNumbers, autoHeight, actions, className }: SourceViewerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=source-viewer.d.ts.map

package/dist/components/viewers/source-viewer/source-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-viewer.d.ts","names":[],"sources":["../../../../src/components/viewers/source-viewer/source-viewer.tsx"],"mappings":";;iBAoBiB;WACN;WACA;;iBAGM;WACN;WACA,OAAO;;iBAGD;WACN;WACA;;iBAGM;WACN;WACA;WACA,QAAQ;WACR,oBAAoB;WACpB,wBAAwB;WACxB,kBAAkB;WAClB;WACA;WACA;WACA;WACA;WACA;WACA,UAAU;WACV;;wBAwGK,eACd,UACA,SACA,OACA,UACA,cACA,gBACA,iBACA,MACA,YACA,YACA,iBACA,YACA,SACA,aACC,oCAAiB,IAAA"}