@anymux/ui-kit 0.1.0

package/dist/file-browser.d.ts

@@ -0,0 +1,11 @@
+import "./types-common-CB3kRek8.js";
+import "./index-DSu19mq0.js";
+import "./index-DmsyeHFr.js";
+import { ActionContext, ActionResult, BreadcrumbProps, ColumnDefinition, ContextAction, ErrorBoundary$1 as ErrorBoundary, ErrorBoundaryProps, ErrorState, FileBrowser$1 as FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel$1 as FileBrowserModel, FileBrowserProps, FileIcon, FileIconProps, FileMatchContext, FileSystemBridge$1 as FileSystemBridge, FileSystemListProvider$1 as FileSystemListProvider, FileSystemProvider$1 as FileSystemProvider, FileSystemTreeProvider$1 as FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, GitProvider$1 as GitProvider, GitRepositoryProvider$1 as GitRepositoryProvider, IFileBrowserProvider, IconDefinition, ItemChange, KeyboardShortcut, ListView, ListViewProps, ListViewSettings, ListViewUIModel$1 as ListViewUIModel, LoadingState, NavigationButtons, NavigationButtonsProps, NavigationManagerModel$1 as NavigationManagerModel, NavigationState, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, SelectionManagerModel$1 as SelectionManagerModel, SelectionState, SortCriteria, SortFieldDefinition, ThumbnailViewSettings, ThumbnailViewUIModel$1 as ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel$1 as ToolbarManagerModel, TreeView, TreeViewProps, TreeViewSettings, TreeViewUIModel$1 as TreeViewUIModel, UIComponentProps, UploadFileEntry, UploadModel$1 as UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel$1 as ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewerConfig, ViewerHost$1 as ViewerHost, ViewerHostModel$1 as ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry$1 as ViewerRegistry, cn, globalViewerRegistry$1 as globalViewerRegistry, viewerConfigToPlugin$1 as viewerConfigToPlugin } from "./index-Ml_SgiKa.js";
+import "./index-kHr9udZD.js";
+import "./index-Bryv_GCG.js";
+import "./index-BNmNIWBL.js";
+import "./index-DzfY1Tok.js";
+import "./index-CuQIjSXs.js";
+import "./index-DxnJ8FYM.js";
+export { ActionContext, ActionResult, BreadcrumbProps, ColumnDefinition, ContextAction, ErrorBoundary, ErrorBoundaryProps, ErrorState, FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel, FileBrowserProps, TreeView as FileBrowserTreeView, TreeViewProps as FileBrowserTreeViewProps, FileIcon, FileIconProps as FileIconUIProps, FileMatchContext, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, GitProvider, GitRepositoryProvider, IFileBrowserProvider, IconDefinition, ItemChange, KeyboardShortcut, ListView, ListViewProps, ListViewSettings, ListViewUIModel, LoadingState, NavigationButtons, NavigationButtonsProps, NavigationManagerModel, NavigationState, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, SelectionManagerModel, SelectionState, SortCriteria, SortFieldDefinition, ThumbnailViewSettings, ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel, TreeViewSettings, TreeViewUIModel, UIComponentProps, UploadFileEntry, UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewerConfig, ViewerHost, ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry, cn, globalViewerRegistry, viewerConfigToPlugin };

package/dist/file-browser.js

@@ -0,0 +1,9 @@
+import { cn$1 as cn } from "./utils-B4fdKKsy.js";
+import "./tree-Dd9Z0Aso.js";
+import "./iconMap-V4B8P-Uh.js";
+import "./FileBrowserContext-B6jixa2j.js";
+import "./list-CxfT6hix.js";
+import "./ExplorerLayout-CSIJd7N4.js";
+import { ErrorBoundary, FileBrowser, FileBrowserContent_default, FileBrowserHeader_default, FileBrowserItem_default, FileBrowserModel, FileIcon_default, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, GitProvider, GitRepositoryProvider, ListViewUIModel, ListView_default, NavigationButtons_default, NavigationManagerModel, SelectionManagerModel, ThumbnailViewUIModel, ToolbarManagerModel, TreeViewUIModel, TreeView_default, UploadModel, ViewModeManagerModel, ViewModeToggle_default, ViewerHost, ViewerHostModel, ViewerRegistry, globalViewerRegistry, viewerConfigToPlugin } from "./file-browser-m5atC3kF.js";
+
+export { ErrorBoundary, FileBrowser, FileBrowserContent_default as FileBrowserContent, FileBrowserHeader_default as FileBrowserHeader, FileBrowserItem_default as FileBrowserItemComponent, FileBrowserModel, TreeView_default as FileBrowserTreeView, FileIcon_default as FileIcon, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, GitProvider, GitRepositoryProvider, ListView_default as ListView, ListViewUIModel, NavigationButtons_default as NavigationButtons, NavigationManagerModel, SelectionManagerModel, ThumbnailViewUIModel, ToolbarManagerModel, TreeViewUIModel, UploadModel, ViewModeManagerModel, ViewModeToggle_default as ViewModeToggle, ViewerHost, ViewerHostModel, ViewerRegistry, cn, globalViewerRegistry, viewerConfigToPlugin };

package/dist/git-B55e6LL-.js

@@ -0,0 +1,561 @@
+import React, { useMemo, useState } from "react";
+import { ArrowRightLeft, Check, ChevronDown, ChevronRight, Clock, FileEdit, FilePlus2, FileText, FileX2, GitBranch, GitCommit, Hash, Minus, Plus, Search, Shield, User } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/git/CommitGraph.tsx
+const LANE_COLORS = [
+	"#3b82f6",
+	"#10b981",
+	"#f59e0b",
+	"#ef4444",
+	"#8b5cf6",
+	"#06b6d4",
+	"#ec4899",
+	"#14b8a6",
+	"#f97316",
+	"#6366f1"
+];
+function laneColor(index) {
+	return LANE_COLORS[index % LANE_COLORS.length];
+}
+function computeGraphLayout(commits) {
+	const shaToRow = new Map();
+	commits.forEach((c, i) => shaToRow.set(c.sha, i));
+	const lanes = [];
+	const nodes = [];
+	function findLane(sha) {
+		const idx = lanes.indexOf(sha);
+		return idx >= 0 ? idx : -1;
+	}
+	function allocateLane(sha) {
+		for (let i = 0; i < lanes.length; i++) if (lanes[i] === null) {
+			lanes[i] = sha;
+			return i;
+		}
+		lanes.push(sha);
+		return lanes.length - 1;
+	}
+	for (let row = 0; row < commits.length; row++) {
+		const commit = commits[row];
+		let column = findLane(commit.sha);
+		if (column === -1) column = allocateLane(commit.sha);
+		lanes[column] = null;
+		const connections = [];
+		const parents = commit.parents;
+		for (let pi = 0; pi < parents.length; pi++) {
+			const parentSha = parents[pi];
+			const parentRow = shaToRow.get(parentSha) ?? -1;
+			let parentLane = findLane(parentSha);
+			if (parentLane === -1) if (pi === 0) {
+				lanes[column] = parentSha;
+				parentLane = column;
+			} else parentLane = allocateLane(parentSha);
+			connections.push({
+				toColumn: parentLane,
+				toRow: parentRow,
+				colorIndex: parentLane
+			});
+		}
+		nodes.push({
+			sha: commit.sha,
+			column,
+			connections
+		});
+	}
+	return nodes;
+}
+const ROW_HEIGHT = 40;
+const COL_WIDTH = 14;
+const NODE_RADIUS = 4;
+const LEFT_PAD = 8;
+const CommitGraph = ({ nodes, totalRows, headSha, className }) => {
+	if (nodes.length === 0) return null;
+	const headNode = headSha ? nodes.find((n) => n.sha === headSha) : void 0;
+	const headColumn = headNode?.column;
+	const maxColumn = Math.max(...nodes.map((n) => {
+		const connMax = n.connections.length > 0 ? Math.max(...n.connections.map((c) => c.toColumn)) : 0;
+		return Math.max(n.column, connMax);
+	}));
+	const width = LEFT_PAD + (maxColumn + 1) * COL_WIDTH + NODE_RADIUS + 2;
+	function x(col) {
+		return LEFT_PAD + col * COL_WIDTH + COL_WIDTH / 2;
+	}
+	function y(row) {
+		return row * ROW_HEIGHT + ROW_HEIGHT / 2;
+	}
+	return /* @__PURE__ */ jsxs("svg", {
+		className,
+		width,
+		height: totalRows * ROW_HEIGHT,
+		style: {
+			position: "absolute",
+			left: 0,
+			top: 0,
+			pointerEvents: "none"
+		},
+		children: [nodes.map((node, row) => node.connections.map((conn, ci) => {
+			const x1 = x(node.column);
+			const y1 = y(row);
+			const x2 = x(conn.toColumn);
+			const y2 = conn.toRow >= 0 ? y(conn.toRow) : totalRows * ROW_HEIGHT;
+			const color = laneColor(conn.colorIndex);
+			const isHeadLane = headColumn !== void 0 && node.column === headColumn && conn.toColumn === headColumn;
+			const sw = isHeadLane ? 2.5 : 2;
+			if (x1 === x2) return /* @__PURE__ */ jsx("line", {
+				x1,
+				y1,
+				x2,
+				y2,
+				stroke: color,
+				strokeWidth: sw,
+				strokeLinecap: "round",
+				opacity: headColumn !== void 0 && !isHeadLane ? .5 : 1
+			}, `${node.sha}-${ci}`);
+			const midY = y1 + ROW_HEIGHT * .6;
+			return /* @__PURE__ */ jsx("path", {
+				d: `M ${x1} ${y1} C ${x1} ${midY}, ${x2} ${midY}, ${x2} ${y2}`,
+				stroke: color,
+				strokeWidth: sw,
+				fill: "none",
+				strokeLinecap: "round",
+				opacity: headColumn !== void 0 && !isHeadLane ? .5 : 1
+			}, `${node.sha}-${ci}`);
+		})), nodes.map((node, row) => {
+			const isHead = node.sha === headSha;
+			const isOnHeadLane = headColumn !== void 0 && node.column === headColumn;
+			const dimmed = headColumn !== void 0 && !isOnHeadLane;
+			return /* @__PURE__ */ jsx("circle", {
+				cx: x(node.column),
+				cy: y(row),
+				r: isHead ? NODE_RADIUS + 1.5 : NODE_RADIUS,
+				fill: laneColor(node.column),
+				stroke: isHead ? laneColor(node.column) : "white",
+				strokeWidth: isHead ? 2.5 : 1.5,
+				opacity: dimmed ? .5 : 1
+			}, node.sha);
+		})]
+	});
+};
+/** Compute the width the graph will take, for adding left padding to commit rows */
+function graphWidth(nodes) {
+	if (nodes.length === 0) return 0;
+	const maxColumn = Math.max(...nodes.map((n) => {
+		const connMax = n.connections.length > 0 ? Math.max(...n.connections.map((c) => c.toColumn)) : 0;
+		return Math.max(n.column, connMax);
+	}));
+	return LEFT_PAD + (maxColumn + 1) * COL_WIDTH + NODE_RADIUS + 2;
+}
+
+//#endregion
+//#region src/git/CommitList.tsx
+function formatRelativeTime(date) {
+	const now = Date.now();
+	const diffMs = now - new Date(date).getTime();
+	const seconds = Math.floor(diffMs / 1e3);
+	const minutes = Math.floor(seconds / 60);
+	const hours = Math.floor(minutes / 60);
+	const days = Math.floor(hours / 24);
+	const weeks = Math.floor(days / 7);
+	const months = Math.floor(days / 30);
+	if (seconds < 60) return "just now";
+	if (minutes < 60) return `${minutes}m ago`;
+	if (hours < 24) return `${hours}h ago`;
+	if (days < 7) return `${days}d ago`;
+	if (weeks < 5) return `${weeks}w ago`;
+	if (months < 12) return `${months}mo ago`;
+	return new Date(date).toLocaleDateString();
+}
+function shortSha(sha) {
+	return sha.slice(0, 7);
+}
+function firstLine(message) {
+	return message.split("\n")[0] ?? message;
+}
+function authorInitials(name) {
+	const parts = name.split(/\s+/);
+	if (parts.length >= 2) return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+	return name.slice(0, 2).toUpperCase();
+}
+/** Deterministic color from a string (for avatar backgrounds). */
+function authorColor(name) {
+	let hash = 0;
+	for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
+	const colors = [
+		"bg-blue-500",
+		"bg-emerald-500",
+		"bg-violet-500",
+		"bg-amber-500",
+		"bg-rose-500",
+		"bg-cyan-500",
+		"bg-pink-500",
+		"bg-teal-500"
+	];
+	return colors[Math.abs(hash) % colors.length];
+}
+function CommitRow({ commit, isHead, changedFileCount, isSelected, onSelect }) {
+	const [expanded, setExpanded] = useState(false);
+	const message = firstLine(commit.message);
+	const hasFullBody = commit.message.includes("\n");
+	return /* @__PURE__ */ jsxs("div", {
+		className: `group border-b border-gray-100 dark:border-gray-800 transition-colors ${isSelected ? "bg-blue-50 dark:bg-blue-900/20" : "hover:bg-gray-50 dark:hover:bg-gray-800/50"}`,
+		children: [/* @__PURE__ */ jsxs("button", {
+			onClick: onSelect,
+			className: "flex items-center gap-2.5 w-full px-3 py-2 text-left",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					onClick: (e) => {
+						e.stopPropagation();
+						setExpanded(!expanded);
+					},
+					className: "w-4 h-4 flex items-center justify-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 flex-shrink-0",
+					children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: `w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-bold text-white flex-shrink-0 ${authorColor(commit.author.name)}`,
+					children: authorInitials(commit.author.name)
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-xs font-medium truncate",
+							children: message
+						}), isHead && /* @__PURE__ */ jsx("span", {
+							className: "px-1.5 py-0.5 text-[9px] font-bold bg-yellow-100 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300 rounded flex-shrink-0",
+							children: "HEAD"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 mt-0.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-[10px] text-gray-500 dark:text-gray-400",
+							children: commit.author.name
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-[10px] text-gray-400 dark:text-gray-500",
+							children: formatRelativeTime(commit.author.date)
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("code", {
+					className: "text-[10px] font-mono text-gray-400 dark:text-gray-500 bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded flex-shrink-0",
+					children: shortSha(commit.sha)
+				})
+			]
+		}), expanded && /* @__PURE__ */ jsxs("div", {
+			className: "px-3 pb-3 pl-[52px] space-y-2",
+			children: [hasFullBody && /* @__PURE__ */ jsx("div", {
+				className: "text-xs text-gray-600 dark:text-gray-300 whitespace-pre-wrap bg-gray-50 dark:bg-gray-800/50 rounded p-2 border border-gray-100 dark:border-gray-700",
+				children: commit.message
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap gap-x-4 gap-y-1 text-[10px] text-gray-500 dark:text-gray-400",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ jsx(User, { className: "h-3 w-3" }),
+							/* @__PURE__ */ jsx("span", { children: commit.author.name }),
+							/* @__PURE__ */ jsxs("span", {
+								className: "text-gray-400 dark:text-gray-500",
+								children: [
+									"<",
+									commit.author.email,
+									">"
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", { children: new Date(commit.author.date).toLocaleString() })]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Hash, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("code", {
+							className: "font-mono",
+							children: commit.sha
+						})]
+					}),
+					commit.parents.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(GitCommit, { className: "h-3 w-3" }), /* @__PURE__ */ jsxs("span", { children: [
+							commit.parents.length === 1 ? "Parent" : "Parents",
+							":",
+							" ",
+							commit.parents.map((p) => shortSha(p)).join(", ")
+						] })]
+					}),
+					changedFileCount !== void 0 && /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(FileText, { className: "h-3 w-3" }), /* @__PURE__ */ jsxs("span", { children: [
+							changedFileCount,
+							" file",
+							changedFileCount !== 1 ? "s" : "",
+							" changed"
+						] })]
+					})
+				]
+			})]
+		})]
+	});
+}
+const CommitList = ({ commits, headSha, changedFileCounts, onSelectCommit, selectedSha, showGraph = true, className }) => {
+	const graphNodes = useMemo(() => showGraph ? computeGraphLayout(commits) : [], [commits, showGraph]);
+	const gWidth = showGraph ? graphWidth(graphNodes) : 0;
+	if (commits.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: `flex items-center justify-center py-8 text-xs text-gray-400 ${className ?? ""}`,
+		children: "No commits found"
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: `overflow-auto ${className ?? ""}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			style: { minWidth: gWidth + 200 },
+			children: [showGraph && graphNodes.length > 0 && /* @__PURE__ */ jsx(CommitGraph, {
+				nodes: graphNodes,
+				totalRows: commits.length,
+				headSha
+			}), /* @__PURE__ */ jsx("div", {
+				style: { paddingLeft: gWidth },
+				children: commits.map((commit) => /* @__PURE__ */ jsx(CommitRow, {
+					commit,
+					isHead: commit.sha === headSha,
+					changedFileCount: changedFileCounts?.[commit.sha],
+					isSelected: commit.sha === selectedSha,
+					onSelect: () => onSelectCommit?.(commit)
+				}, commit.sha))
+			})]
+		})
+	});
+};
+
+//#endregion
+//#region src/git/DiffViewer.tsx
+function statusIcon(status) {
+	switch (status) {
+		case "added": return /* @__PURE__ */ jsx(FilePlus2, { className: "h-3.5 w-3.5 text-green-500" });
+		case "deleted": return /* @__PURE__ */ jsx(FileX2, { className: "h-3.5 w-3.5 text-red-500" });
+		case "modified": return /* @__PURE__ */ jsx(FileEdit, { className: "h-3.5 w-3.5 text-yellow-500" });
+		case "renamed": return /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-3.5 w-3.5 text-blue-500" });
+	}
+}
+function statusLabel(status) {
+	switch (status) {
+		case "added": return "Added";
+		case "deleted": return "Deleted";
+		case "modified": return "Modified";
+		case "renamed": return "Renamed";
+	}
+}
+function statusBadgeClass(status) {
+	switch (status) {
+		case "added": return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";
+		case "deleted": return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
+		case "modified": return "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400";
+		case "renamed": return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400";
+	}
+}
+function parsePatch(patch) {
+	const lines = patch.split("\n");
+	return lines.map((line) => {
+		if (line.startsWith("@@")) return {
+			type: "header",
+			content: line
+		};
+		else if (line.startsWith("+")) return {
+			type: "addition",
+			content: line
+		};
+		else if (line.startsWith("-")) return {
+			type: "deletion",
+			content: line
+		};
+		return {
+			type: "context",
+			content: line
+		};
+	});
+}
+function lineClassName(type) {
+	switch (type) {
+		case "addition": return "bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300";
+		case "deletion": return "bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-300";
+		case "header": return "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium";
+		default: return "text-gray-700 dark:text-gray-300";
+	}
+}
+function FileDiffSection({ entry, defaultExpanded = false }) {
+	const [expanded, setExpanded] = useState(defaultExpanded);
+	const patchLines = entry.patch ? parsePatch(entry.patch) : [];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden",
+		children: [/* @__PURE__ */ jsxs("button", {
+			onClick: () => setExpanded(!expanded),
+			className: "flex items-center gap-2 w-full px-3 py-2 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700/50 transition-colors text-left",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-shrink-0 text-gray-400",
+					children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
+				}),
+				statusIcon(entry.status),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-xs font-mono truncate flex-1",
+					children: entry.previousPath && entry.status === "renamed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-gray-400",
+							children: entry.previousPath
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-gray-500 mx-1",
+							children: "→"
+						}),
+						/* @__PURE__ */ jsx("span", { children: entry.path })
+					] }) : entry.path
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: `px-1.5 py-0.5 text-[9px] font-medium rounded flex-shrink-0 ${statusBadgeClass(entry.status)}`,
+					children: statusLabel(entry.status)
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5 flex-shrink-0 text-[10px]",
+					children: [entry.additions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-0.5 text-green-600 dark:text-green-400",
+						children: [/* @__PURE__ */ jsx(Plus, { className: "h-2.5 w-2.5" }), entry.additions]
+					}), entry.deletions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-0.5 text-red-600 dark:text-red-400",
+						children: [/* @__PURE__ */ jsx(Minus, { className: "h-2.5 w-2.5" }), entry.deletions]
+					})]
+				})
+			]
+		}), expanded && /* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: patchLines.length > 0 ? /* @__PURE__ */ jsx("pre", {
+				className: "text-[11px] leading-[1.6] font-mono",
+				children: patchLines.map((line, i) => /* @__PURE__ */ jsx("div", {
+					className: `px-3 ${lineClassName(line.type)}`,
+					children: line.content
+				}, i))
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-4 text-center text-xs text-gray-400 italic",
+				children: "No diff content available"
+			})
+		})]
+	});
+}
+const DiffViewer = ({ entries, className }) => {
+	if (entries.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: `flex items-center justify-center py-8 text-xs text-gray-400 ${className ?? ""}`,
+		children: "No changes to display"
+	});
+	const totalAdditions = entries.reduce((sum, e) => sum + e.additions, 0);
+	const totalDeletions = entries.reduce((sum, e) => sum + e.deletions, 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `space-y-2 ${className ?? ""}`,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3 px-3 py-2 bg-gray-50 dark:bg-gray-800 rounded-lg text-xs text-gray-600 dark:text-gray-300",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-gray-400" }),
+						/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: entries.length
+						}),
+						/* @__PURE__ */ jsxs("span", { children: [
+							"file",
+							entries.length !== 1 ? "s" : "",
+							" changed"
+						] })
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1 text-green-600 dark:text-green-400",
+					children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", { children: totalAdditions })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1 text-red-600 dark:text-red-400",
+					children: [/* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", { children: totalDeletions })]
+				})
+			]
+		}), entries.map((entry) => /* @__PURE__ */ jsx(FileDiffSection, {
+			entry,
+			defaultExpanded: entries.length <= 5
+		}, entry.path))]
+	});
+};
+
+//#endregion
+//#region src/git/BranchList.tsx
+const BranchList = ({ branches, currentBranch, onSelectBranch, className }) => {
+	const [search, setSearch] = useState("");
+	const filtered = useMemo(() => {
+		if (!search) return branches;
+		const lower = search.toLowerCase();
+		return branches.filter((b) => b.name.toLowerCase().includes(lower));
+	}, [branches, search]);
+	const sorted = useMemo(() => {
+		return [...filtered].sort((a, b) => {
+			if (a.isDefault && !b.isDefault) return -1;
+			if (!a.isDefault && b.isDefault) return 1;
+			if (a.name === currentBranch && b.name !== currentBranch) return -1;
+			if (a.name !== currentBranch && b.name === currentBranch) return 1;
+			return a.name.localeCompare(b.name);
+		});
+	}, [filtered, currentBranch]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex flex-col h-full ${className ?? ""}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "px-2 py-2 border-b border-gray-200 dark:border-gray-700 flex-shrink-0",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3 w-3 text-gray-400" }), /* @__PURE__ */ jsx("input", {
+					type: "text",
+					placeholder: "Filter branches...",
+					value: search,
+					onChange: (e) => setSearch(e.target.value),
+					className: "w-full pl-7 pr-2 py-1.5 text-xs rounded-md border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-900 focus:outline-none focus:ring-1 focus:ring-blue-500 placeholder-gray-400"
+				})]
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1 overflow-auto",
+			children: sorted.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-6 text-center text-xs text-gray-400",
+				children: search ? "No matching branches" : "No branches found"
+			}) : sorted.map((branch) => {
+				const isCurrent = branch.name === currentBranch;
+				return /* @__PURE__ */ jsxs("button", {
+					onClick: () => onSelectBranch?.(branch),
+					className: `flex items-center gap-2 w-full px-3 py-2 text-left transition-colors border-b border-gray-50 dark:border-gray-800/50 ${isCurrent ? "bg-blue-50 dark:bg-blue-900/20" : "hover:bg-gray-50 dark:hover:bg-gray-800/50"}`,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "w-4 flex-shrink-0 flex items-center justify-center",
+							children: isCurrent ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-blue-500" }) : /* @__PURE__ */ jsx(GitBranch, { className: "h-3.5 w-3.5 text-gray-400" })
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `text-xs truncate flex-1 ${isCurrent ? "font-semibold text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300"}`,
+							children: branch.name
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1 flex-shrink-0",
+							children: [branch.isDefault && /* @__PURE__ */ jsx("span", {
+								className: "px-1.5 py-0.5 text-[9px] font-medium bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 rounded",
+								children: "default"
+							}), branch.isProtected && /* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-0.5 px-1.5 py-0.5 text-[9px] font-medium bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 rounded",
+								children: [/* @__PURE__ */ jsx(Shield, { className: "h-2.5 w-2.5" }), "protected"]
+							})]
+						}),
+						/* @__PURE__ */ jsx("code", {
+							className: "text-[10px] font-mono text-gray-400 dark:text-gray-500 flex-shrink-0",
+							children: branch.sha.slice(0, 7)
+						})
+					]
+				}, branch.name);
+			})
+		})]
+	});
+};
+
+//#endregion
+export { BranchList, CommitGraph, CommitList, DiffViewer, computeGraphLayout, graphWidth };
+//# sourceMappingURL=git-B55e6LL-.js.map