@sanurb/ringi 0.2.0 → 0.3.0

package/server/server/_ssr/file-tree-CQ5w2GHh.mjs

@@ -0,0 +1,1951 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { p as useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+import { n as require_jsx_runtime, t as PatchDiff } from "../_libs/@pierre/diffs+[...].mjs";
+import { Ct as tap, It as hasInterruptsOnly, Lt as pretty, N as interrupt, St as sync, Tt as timeout, ct as ensuring, dt as gen, gt as matchCauseEffect, kt as withSpan, vt as promise, wt as tapCause } from "../_libs/effect+[...].mjs";
+import { i as clientRuntime, t as ApiClient } from "./client-runtime-BoPuAEoA.mjs";
+import { t as cn } from "./utils-BuOt9_LA.mjs";
+import { b as Check, c as Folder, f as Download, l as FolderOpen, p as Clipboard, u as File, v as ChevronRight } from "../_libs/lucide-react.mjs";
+import { a as DialogFooter, i as DialogDescription, n as Dialog$1, o as DialogHeader, r as DialogContent, s as DialogTitle } from "./action-bar-C68xGnWW.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/file-tree-CQ5w2GHh.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var LINE_TYPE_LABELS = {
+	added: "new",
+	context: "context",
+	removed: "old"
+};
+var lineTypeLabel = (type) => (type && LINE_TYPE_LABELS[type]) ?? "context";
+var groupByFile = (comments) => {
+	const groups = /* @__PURE__ */ new Map();
+	for (const comment of comments) {
+		const key = comment.filePath || "(general)";
+		const existing = groups.get(key);
+		if (existing) existing.push(comment);
+		else groups.set(key, [comment]);
+	}
+	return groups;
+};
+var sortByLine = (a, b) => (a.lineNumber ?? 0) - (b.lineNumber ?? 0);
+var formatReviewFeedback = (comments) => {
+	if (comments.length === 0) return "";
+	const lines = ["# Code Review Feedback", ""];
+	const groups = groupByFile(comments);
+	const sortedFiles = [...groups.keys()].toSorted((a, b) => a.localeCompare(b));
+	for (const filePath of sortedFiles) {
+		const fileComments = groups.get(filePath);
+		if (!fileComments || fileComments.length === 0) continue;
+		fileComments.sort(sortByLine);
+		lines.push(`## ${filePath}`, "");
+		for (const comment of fileComments) {
+			const lineLabel = comment.lineNumber === null || comment.lineNumber === void 0 ? "General" : `Line ${comment.lineNumber} (${lineTypeLabel(comment.lineType)})`;
+			lines.push(`### ${lineLabel}`);
+			lines.push(comment.content);
+			if (comment.suggestion) {
+				lines.push("");
+				lines.push("```suggestion");
+				lines.push(comment.suggestion);
+				lines.push("```");
+			}
+			lines.push("");
+		}
+	}
+	return `${lines.join("\n").trimEnd()}\n`;
+};
+var COPY_FEEDBACK_MS = 1800;
+var EMPTY_API_COMMENTS = [];
+var EMPTY_LOCAL_COMMENTS = [];
+var buttonMotionClass = "transition-[transform,background-color,color,border-color,box-shadow,opacity] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] motion-reduce:transform-none";
+var EmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	className: "flex flex-col items-center justify-center gap-2 py-12",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Clipboard, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "text-sm text-text-tertiary",
+		children: "No comments to export"
+	})]
+});
+var MarkdownPreview = ({ markdown }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: "relative min-h-0 flex-1 overflow-hidden rounded-lg border border-border-default bg-surface-inset/40",
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		className: "h-full overflow-y-auto whitespace-pre-wrap break-words p-4 font-mono text-xs leading-relaxed text-text-secondary selection:bg-accent-muted",
+		children: markdown
+	})
+});
+var CopyButton = ({ copied, disabled, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+	type: "button",
+	disabled,
+	onClick,
+	className: cn("inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-medium active:scale-[0.97]", buttonMotionClass, copied ? "bg-status-success/15 text-status-success" : "bg-accent-primary text-white hover:bg-accent-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/40 disabled:cursor-not-allowed disabled:opacity-40"),
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cn("inline-flex transition-[transform,opacity] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", copied ? "scale-110" : "scale-100"),
+		children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Clipboard, { className: "size-3.5" })
+	}), copied ? "Copied!" : "Copy to Clipboard"]
+});
+var DownloadButton = ({ disabled, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+	type: "button",
+	disabled,
+	onClick,
+	className: cn("inline-flex items-center gap-1.5 rounded-lg border border-border-default bg-surface-elevated px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-overlay hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-40", buttonMotionClass),
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { className: "size-3.5" }), "Download .md"]
+});
+var ExportFeedbackModal = ({ open, onOpenChange, comments = EMPTY_API_COMMENTS, localComments = EMPTY_LOCAL_COMMENTS, reviewId }) => {
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	const timerRef = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		if (!open) setCopied(false);
+		return () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+		};
+	}, [open]);
+	const allComments = (0, import_react.useMemo)(() => {
+		return [...comments.map((c) => ({
+			content: c.content,
+			filePath: c.filePath,
+			lineNumber: c.lineNumber,
+			lineType: c.lineType,
+			suggestion: c.suggestion
+		})), ...localComments];
+	}, [comments, localComments]);
+	const markdown = (0, import_react.useMemo)(() => formatReviewFeedback(allComments), [allComments]);
+	const commentCount = allComments.length;
+	const handleCopy = (0, import_react.useCallback)(async () => {
+		if (!markdown) return;
+		await navigator.clipboard.writeText(markdown);
+		setCopied(true);
+		timerRef.current = setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);
+	}, [markdown]);
+	const handleDownload = (0, import_react.useCallback)(() => {
+		if (!markdown) return;
+		const blob = new Blob([markdown], { type: "text/markdown" });
+		const url = URL.createObjectURL(blob);
+		const anchor = document.createElement("a");
+		anchor.href = url;
+		anchor.download = reviewId ? `review-${reviewId}.md` : "review-feedback.md";
+		anchor.click();
+		URL.revokeObjectURL(url);
+	}, [markdown, reviewId]);
+	const isEmpty = commentCount === 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "flex max-h-[min(640px,calc(100dvh-2rem))] w-full max-w-[calc(100%-1.5rem)] flex-col gap-0 overflow-hidden sm:max-w-2xl",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Export Feedback" }), isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: "No comments to export." }) : null] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex min-h-0 flex-1 flex-col px-5 py-4",
+					children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownPreview, { markdown })
+				}),
+				isEmpty ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DownloadButton, {
+					disabled: isEmpty,
+					onClick: handleDownload
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+					copied,
+					disabled: isEmpty,
+					onClick: handleCopy
+				})] })
+			]
+		})
+	});
+};
+function DiffSummary({ summary }) {
+	if (summary.totalAdditions === 0 && summary.totalDeletions === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 text-xs tabular-nums",
+		children: [summary.totalAdditions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-diff-add-text",
+			children: ["+", summary.totalAdditions]
+		}) : null, summary.totalDeletions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-diff-remove-text",
+			children: ["-", summary.totalDeletions]
+		}) : null]
+	});
+}
+var STORAGE_KEY = "ringi:split-diff-ratio";
+var DEFAULT_RATIO = .5;
+var MIN_RATIO = .2;
+var MAX_RATIO = .8;
+var KEYBOARD_STEP = .01;
+var KEYBOARD_STEP_LARGE = .05;
+/**
+* CSS override injected once into the pierre/diffs shadow root.
+* CSS custom properties set on the host element inherit into shadow DOM,
+* so `--ringi-split-left` / `--ringi-split-right` are readable here.
+*/
+var SHADOW_STYLE_ID = "ringi-split-override";
+var SHADOW_CSS = `
+[data-diff-type='split'][data-overflow='scroll'] {
+  grid-template-columns: var(--ringi-split-left, 1fr) var(--ringi-split-right, 1fr) !important;
+}
+[data-diff-type='split'][data-overflow='wrap'] {
+  grid-template-columns:
+    var(--diffs-grid-number-column-width)
+    var(--ringi-split-left, 1fr)
+    var(--diffs-grid-number-column-width)
+    var(--ringi-split-right, 1fr) !important;
+}
+`;
+var clampRatio = (r) => Math.min(MAX_RATIO, Math.max(MIN_RATIO, r));
+var loadRatio = () => {
+	try {
+		const stored = localStorage.getItem(STORAGE_KEY);
+		if (stored !== null) {
+			const parsed = Number.parseFloat(stored);
+			if (Number.isFinite(parsed)) return clampRatio(parsed);
+		}
+	} catch {}
+	return DEFAULT_RATIO;
+};
+var saveRatio = (ratio) => {
+	try {
+		localStorage.setItem(STORAGE_KEY, ratio.toFixed(4));
+	} catch {}
+};
+/**
+* Injects the CSS override into the shadow root of a `diffs-container` element.
+* Returns `true` if injection succeeded.
+*/
+var injectShadowStyle = (container) => {
+	const shadow = container.shadowRoot;
+	if (!shadow) return false;
+	if (shadow.querySelector(`#${SHADOW_STYLE_ID}`)) return true;
+	const style = document.createElement("style");
+	style.id = SHADOW_STYLE_ID;
+	style.textContent = SHADOW_CSS;
+	shadow.append(style);
+	return true;
+};
+/**
+* Sets the CSS custom properties on the `diffs-container` host element.
+* These inherit into the shadow DOM where our injected CSS rule reads them.
+*/
+var applySplitRatio = (container, ratio) => {
+	container.style.setProperty("--ringi-split-left", `${ratio}fr`);
+	container.style.setProperty("--ringi-split-right", `${1 - ratio}fr`);
+};
+var useSplitDiffResizer = (enabled) => {
+	const [ratio, setRatioState] = (0, import_react.useState)(loadRatio);
+	const [isDragging, setIsDragging] = (0, import_react.useState)(false);
+	const wrapperElRef = (0, import_react.useRef)(null);
+	const diffsContainerRef = (0, import_react.useRef)(null);
+	const ratioRef = (0, import_react.useRef)(ratio);
+	const draggingRef = (0, import_react.useRef)(false);
+	ratioRef.current = ratio;
+	const setRatio = (0, import_react.useCallback)((next) => {
+		const clamped = clampRatio(next);
+		ratioRef.current = clamped;
+		setRatioState(clamped);
+		saveRatio(clamped);
+		if (diffsContainerRef.current) applySplitRatio(diffsContainerRef.current, clamped);
+	}, []);
+	const setupDiffsContainer = (0, import_react.useCallback)((wrapper) => {
+		if (!wrapper || !enabled) return;
+		const tryInject = () => {
+			const container = wrapper.querySelector("diffs-container");
+			if (!container) return false;
+			const el = container;
+			diffsContainerRef.current = el;
+			const ok = injectShadowStyle(el);
+			if (ok) applySplitRatio(el, ratioRef.current);
+			return ok;
+		};
+		if (tryInject()) return;
+		const observer = new MutationObserver(() => {
+			if (tryInject()) observer.disconnect();
+		});
+		observer.observe(wrapper, {
+			childList: true,
+			subtree: true
+		});
+		const timeout = setTimeout(() => observer.disconnect(), 5e3);
+		return () => {
+			observer.disconnect();
+			clearTimeout(timeout);
+		};
+	}, [enabled]);
+	const wrapperRef = (0, import_react.useCallback)((node) => {
+		wrapperElRef.current = node;
+		setupDiffsContainer(node);
+	}, [setupDiffsContainer]);
+	(0, import_react.useEffect)(() => {
+		if (diffsContainerRef.current && enabled) {
+			injectShadowStyle(diffsContainerRef.current);
+			applySplitRatio(diffsContainerRef.current, ratio);
+		}
+	}, [ratio, enabled]);
+	const handlePointerDown = (0, import_react.useCallback)((e) => {
+		if (!enabled || !wrapperElRef.current) return;
+		e.preventDefault();
+		e.currentTarget.setPointerCapture(e.pointerId);
+		draggingRef.current = true;
+		setIsDragging(true);
+		document.body.style.userSelect = "none";
+		document.body.style.cursor = "col-resize";
+		const wrapperRect = wrapperElRef.current.getBoundingClientRect();
+		const onPointerMove = (ev) => {
+			if (!draggingRef.current) return;
+			const newRatio = clampRatio((ev.clientX - wrapperRect.left) / wrapperRect.width);
+			ratioRef.current = newRatio;
+			if (diffsContainerRef.current) applySplitRatio(diffsContainerRef.current, newRatio);
+			if (wrapperElRef.current) wrapperElRef.current.style.setProperty("--ringi-splitter-left", `${newRatio * 100}%`);
+		};
+		const onPointerUp = () => {
+			draggingRef.current = false;
+			setIsDragging(false);
+			document.body.style.userSelect = "";
+			document.body.style.cursor = "";
+			setRatio(ratioRef.current);
+			document.removeEventListener("pointermove", onPointerMove);
+			document.removeEventListener("pointerup", onPointerUp);
+		};
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+	}, [enabled, setRatio]);
+	const handleKeyDown = (0, import_react.useCallback)((e) => {
+		if (!enabled) return;
+		const step = e.shiftKey ? KEYBOARD_STEP_LARGE : KEYBOARD_STEP;
+		let handled = false;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+			setRatio(ratioRef.current - step);
+			handled = true;
+		} else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+			setRatio(ratioRef.current + step);
+			handled = true;
+		} else if (e.key === "Home") {
+			setRatio(MIN_RATIO);
+			handled = true;
+		} else if (e.key === "End") {
+			setRatio(MAX_RATIO);
+			handled = true;
+		} else if (e.key === "Enter" || e.key === " ") {
+			setRatio(DEFAULT_RATIO);
+			handled = true;
+		}
+		if (handled) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}, [enabled, setRatio]);
+	const handleDoubleClick = (0, import_react.useCallback)(() => {
+		setRatio(DEFAULT_RATIO);
+	}, [setRatio]);
+	return {
+		isDragging,
+		ratio,
+		splitterProps: {
+			"aria-label": "Resize diff panes",
+			"aria-orientation": "vertical",
+			"aria-valuemax": MAX_RATIO * 100,
+			"aria-valuemin": MIN_RATIO * 100,
+			"aria-valuenow": Math.round(ratio * 100),
+			onDoubleClick: handleDoubleClick,
+			onKeyDown: handleKeyDown,
+			onPointerDown: handlePointerDown,
+			role: "separator",
+			tabIndex: 0
+		},
+		wrapperRef
+	};
+};
+/**
+* Wraps a PatchDiff (split mode) and overlays a draggable vertical splitter.
+*
+* Architecture:
+* - The wrapper div receives a ref that discovers the `<diffs-container>`
+*   shadow DOM and injects a CSS override so the split grid columns read
+*   `--ringi-split-left` / `--ringi-split-right` CSS variables.
+* - The splitter handle is absolutely positioned at the split point.
+* - During drag, DOM updates happen via direct style manipulation (no React
+*   re-renders), then the final ratio is committed to state + localStorage.
+* - Keyboard: Arrow keys adjust ratio, Enter/Space resets to 50%.
+*/
+var SplitDiffSplitter = ({ children, enabled = true }) => {
+	const { ratio, isDragging, wrapperRef, splitterProps } = useSplitDiffResizer(enabled);
+	if (!enabled) return children;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		ref: wrapperRef,
+		className: "ringi-split-diff-wrapper relative",
+		style: { "--ringi-splitter-left": `${ratio * 100}%` },
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			...splitterProps,
+			className: cn("ringi-split-splitter group/splitter", "absolute top-0 bottom-0 z-10", "-translate-x-1/2", "flex items-center justify-center", "cursor-col-resize", "outline-none", isDragging && "ringi-split-splitter--active"),
+			style: {
+				left: "var(--ringi-splitter-left)",
+				width: "13px"
+			},
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("ringi-split-splitter__bar", "h-full transition-[width,background-color,opacity] duration-100", "[transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", isDragging ? "w-[3px] bg-accent-primary/60" : "w-px bg-border-default group-hover/splitter:w-[2px] group-hover/splitter:bg-accent-primary/30") }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: cn("ringi-split-splitter__grip", "pointer-events-none absolute", "flex flex-col items-center gap-[3px]", "transition-opacity duration-100", "[transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", isDragging ? "opacity-100" : "opacity-0 group-hover/splitter:opacity-70 group-focus-visible/splitter:opacity-70"),
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-[3px] w-[3px] rounded-full bg-accent-primary/70" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-[3px] w-[3px] rounded-full bg-accent-primary/70" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-[3px] w-[3px] rounded-full bg-accent-primary/70" })
+				]
+			})]
+		})]
+	});
+};
+var pierreDiffOptions = {
+	diffIndicators: "bars",
+	diffStyle: "split",
+	expandUnchanged: true,
+	hunkSeparators: "line-info",
+	lineDiffType: "word",
+	overflow: "scroll",
+	theme: "pierre-dark",
+	themeType: "dark"
+};
+var MIN_TEXTAREA_ROWS$1 = 2;
+var MAX_TEXTAREA_ROWS$1 = 8;
+var resizeTextarea$1 = (textarea) => {
+	if (!textarea) return;
+	const styles = window.getComputedStyle(textarea);
+	const lineHeight = Number.parseFloat(styles.lineHeight || "0") || 16;
+	const paddingTop = Number.parseFloat(styles.paddingTop || "0");
+	const paddingBottom = Number.parseFloat(styles.paddingBottom || "0");
+	const borderTop = Number.parseFloat(styles.borderTopWidth || "0");
+	const borderBottom = Number.parseFloat(styles.borderBottomWidth || "0");
+	const minHeight = lineHeight * MIN_TEXTAREA_ROWS$1 + paddingTop + paddingBottom + borderTop + borderBottom;
+	const maxHeight = lineHeight * MAX_TEXTAREA_ROWS$1 + paddingTop + paddingBottom + borderTop + borderBottom;
+	textarea.style.height = "0px";
+	const nextHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
+	textarea.style.height = `${nextHeight}px`;
+	textarea.style.overflowY = textarea.scrollHeight > maxHeight ? "auto" : "hidden";
+};
+var editorPaneClassName = "min-h-[220px] rounded-lg border border-border-default bg-surface-primary shadow-inner shadow-black/10";
+var codeBlockClassName = "h-full min-h-[180px] w-full rounded-md border border-transparent bg-transparent px-3 py-2.5 font-mono text-xs leading-5 text-text-primary outline-none";
+var getOriginalCodeValue = (originalCode) => {
+	if (originalCode && originalCode.length > 0) return originalCode;
+	return "No original code available";
+};
+var CodeSuggestionEditor = ({ value, onChange, originalCode, filePath, lineNumber }) => {
+	const dialogRef = (0, import_react.useRef)(null);
+	const inlineTextareaRef = (0, import_react.useRef)(null);
+	const expandedTextareaRef = (0, import_react.useRef)(null);
+	const [expandedValue, setExpandedValue] = (0, import_react.useState)(value);
+	const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		resizeTextarea$1(inlineTextareaRef.current);
+	}, [value]);
+	(0, import_react.useEffect)(() => {
+		if (!isExpanded) setExpandedValue(value);
+	}, [isExpanded, value]);
+	(0, import_react.useEffect)(() => {
+		if (!isExpanded) return;
+		const focusTimer = window.setTimeout(() => {
+			expandedTextareaRef.current?.focus();
+			const length = expandedTextareaRef.current?.value.length ?? 0;
+			expandedTextareaRef.current?.setSelectionRange(length, length);
+			resizeTextarea$1(expandedTextareaRef.current);
+		}, 0);
+		return () => window.clearTimeout(focusTimer);
+	}, [isExpanded]);
+	const handleDialogClose = (0, import_react.useCallback)(() => {
+		setIsExpanded(false);
+	}, []);
+	const closeExpandedModal = (0, import_react.useCallback)(() => {
+		if (dialogRef.current?.open) dialogRef.current.close();
+		setExpandedValue(value);
+		setIsExpanded(false);
+	}, [value]);
+	const openExpandedModal = (0, import_react.useCallback)(() => {
+		if (dialogRef.current?.open) return;
+		setExpandedValue(value);
+		dialogRef.current?.showModal();
+		setIsExpanded(true);
+	}, [value]);
+	const handleApply = (0, import_react.useCallback)(() => {
+		onChange(expandedValue);
+		if (dialogRef.current?.open) dialogRef.current.close();
+		setIsExpanded(false);
+	}, [expandedValue, onChange]);
+	const handleRemove = (0, import_react.useCallback)(() => {
+		onChange("");
+		if (dialogRef.current?.open) dialogRef.current.close();
+		setExpandedValue("");
+		setIsExpanded(false);
+	}, [onChange]);
+	const handleDialogCancel = (0, import_react.useCallback)((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		closeExpandedModal();
+	}, [closeExpandedModal]);
+	const handleExpandedKeyDown = (0, import_react.useCallback)((event) => {
+		if (event.key !== "Escape") return;
+		event.preventDefault();
+		event.stopPropagation();
+		closeExpandedModal();
+	}, [closeExpandedModal]);
+	const handleInlineChange = (0, import_react.useCallback)((event) => {
+		onChange(event.target.value);
+		resizeTextarea$1(event.target);
+	}, [onChange]);
+	const handleExpandedChange = (0, import_react.useCallback)((event) => {
+		setExpandedValue(event.target.value);
+		resizeTextarea$1(event.target);
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "animate-in fade-in rounded-lg border border-border-default/80 bg-surface-elevated duration-100",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between gap-3 border-b border-border-subtle px-3 py-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[10px] font-medium uppercase tracking-[0.16em] text-text-tertiary",
+				children: "Suggestion"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: openExpandedModal,
+					className: "inline-flex h-6 items-center rounded-md px-2 font-mono text-[10px] text-text-secondary transition-colors hover:bg-surface-overlay hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/50",
+					"aria-label": "Expand code suggestion editor",
+					children: "Expand"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleRemove,
+					className: "inline-flex h-6 items-center rounded-md px-2 font-mono text-[10px] text-text-tertiary transition-colors hover:bg-surface-overlay hover:text-status-error focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/50",
+					"aria-label": "Remove code suggestion",
+					children: "Remove"
+				})]
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-3 py-2.5",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+				ref: inlineTextareaRef,
+				value,
+				onChange: handleInlineChange,
+				rows: MIN_TEXTAREA_ROWS$1,
+				spellCheck: false,
+				placeholder: "Suggest a replacement…",
+				className: "max-h-[13rem] min-h-[3.5rem] w-full resize-none overflow-y-hidden rounded-md border border-border-default/70 bg-surface-primary px-3 py-2 font-mono text-xs leading-5 text-text-primary shadow-inner shadow-black/10 outline-none transition-colors placeholder:text-text-tertiary/70 focus:border-accent-primary focus:ring-1 focus:ring-accent-primary/30",
+				"aria-label": "Suggested replacement code"
+			})
+		})]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dialog", {
+		ref: dialogRef,
+		onCancel: handleDialogCancel,
+		onClose: handleDialogClose,
+		className: "m-auto w-full max-w-5xl rounded-2xl border border-border-default/80 bg-surface-elevated p-0 text-text-primary shadow-2xl shadow-black/40 backdrop:bg-black/50",
+		"aria-label": "Expanded code suggestion editor",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: "Suggestion"
+					}), filePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "truncate font-mono text-[10px] text-text-tertiary",
+						children: [filePath, lineNumber != null ? `:${lineNumber}` : ""]
+					}) : null]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: closeExpandedModal,
+					className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-text-tertiary transition-colors hover:bg-surface-overlay hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/50",
+					"aria-label": "Close expanded code suggestion editor",
+					children: "×"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid gap-4 px-4 py-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+					className: editorPaneClassName,
+					"aria-label": "Original code",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "border-b border-status-error/20 bg-status-error/8 px-3 py-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-mono text-[10px] font-medium uppercase tracking-[0.16em] text-diff-remove-text",
+							children: "Original"
+						})
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+						className: cn(codeBlockClassName, "overflow-x-auto whitespace-pre-wrap break-words text-text-secondary"),
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: getOriginalCodeValue(originalCode) })
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+					className: editorPaneClassName,
+					"aria-label": "Suggested code",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "border-b border-status-success/20 bg-status-success/8 px-3 py-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-mono text-[10px] font-medium uppercase tracking-[0.16em] text-diff-add-text",
+							children: "Suggested"
+						})
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+						ref: expandedTextareaRef,
+						value: expandedValue,
+						onChange: handleExpandedChange,
+						onKeyDown: handleExpandedKeyDown,
+						rows: 10,
+						spellCheck: false,
+						placeholder: "Write the suggested replacement…",
+						className: cn(codeBlockClassName, "resize-none overflow-y-auto placeholder:text-text-tertiary/70 focus:border-accent-primary focus:ring-1 focus:ring-accent-primary/30"),
+						"aria-label": "Suggested replacement code in expanded editor"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-end gap-2 border-t border-border-subtle px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: closeExpandedModal,
+					className: "rounded-md px-3 py-1.5 text-xs text-text-secondary transition-colors hover:bg-surface-overlay hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleApply,
+					className: "rounded-md bg-accent-primary px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-accent-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/50",
+					children: "Apply"
+				})]
+			})
+		]
+	})] });
+};
+var MIN_TEXTAREA_ROWS = 2;
+var MAX_TEXTAREA_ROWS = 6;
+var resizeTextarea = (textarea) => {
+	if (!textarea) return;
+	const styles = window.getComputedStyle(textarea);
+	const lineHeight = Number.parseFloat(styles.lineHeight || "0") || 16;
+	const paddingTop = Number.parseFloat(styles.paddingTop || "0");
+	const paddingBottom = Number.parseFloat(styles.paddingBottom || "0");
+	const borderTop = Number.parseFloat(styles.borderTopWidth || "0");
+	const borderBottom = Number.parseFloat(styles.borderBottomWidth || "0");
+	const minHeight = lineHeight * MIN_TEXTAREA_ROWS + paddingTop + paddingBottom + borderTop + borderBottom;
+	const maxHeight = lineHeight * MAX_TEXTAREA_ROWS + paddingTop + paddingBottom + borderTop + borderBottom;
+	textarea.style.height = "0px";
+	const nextHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
+	textarea.style.height = `${nextHeight}px`;
+	textarea.style.overflowY = textarea.scrollHeight > maxHeight ? "auto" : "hidden";
+};
+var InlineCommentComposer = ({ draft, reviewId, originalCode, onCancel, onSubmitted, onLocalSubmit }) => {
+	const [value, setValue] = (0, import_react.useState)("");
+	const [suggestion, setSuggestion] = (0, import_react.useState)("");
+	const [showSuggestion, setShowSuggestion] = (0, import_react.useState)(false);
+	const [submitting, setSubmitting] = (0, import_react.useState)(false);
+	const [error, setError] = (0, import_react.useState)(null);
+	const textareaRef = (0, import_react.useRef)(null);
+	const router = useRouter();
+	const errorMessageId = (0, import_react.useId)();
+	const trimmedValue = value.trim();
+	(0, import_react.useEffect)(() => {
+		textareaRef.current?.focus();
+	}, []);
+	(0, import_react.useEffect)(() => {
+		resizeTextarea(textareaRef.current);
+	}, [value]);
+	const canSubmit = trimmedValue.length > 0 && !submitting && Boolean(reviewId || onLocalSubmit);
+	const handleSubmit = (0, import_react.useCallback)(() => {
+		if (submitting || trimmedValue.length === 0) return;
+		const trimmedSuggestion = suggestion.trim();
+		const resolvedSuggestion = showSuggestion && trimmedSuggestion ? trimmedSuggestion : null;
+		if (!reviewId) {
+			onLocalSubmit?.(trimmedValue, resolvedSuggestion);
+			onSubmitted();
+			return;
+		}
+		setSubmitting(true);
+		setError(null);
+		clientRuntime.runFork(gen(function* submitInlineComment() {
+			const { http } = yield* ApiClient;
+			return yield* http.comments.create({
+				path: { reviewId },
+				payload: {
+					content: trimmedValue,
+					filePath: draft.filePath,
+					lineNumber: draft.lineNumber,
+					lineType: draft.lineType,
+					suggestion: resolvedSuggestion
+				}
+			});
+		}).pipe(tap(() => sync(onSubmitted)), tap(() => promise(() => router.invalidate())), tapCause((cause) => sync(() => setError(pretty(cause)))), ensuring(sync(() => setSubmitting(false)))));
+	}, [
+		draft.filePath,
+		draft.lineNumber,
+		draft.lineType,
+		onLocalSubmit,
+		onSubmitted,
+		reviewId,
+		router,
+		showSuggestion,
+		submitting,
+		suggestion,
+		trimmedValue
+	]);
+	const handleFormSubmit = (0, import_react.useCallback)((event) => {
+		event.preventDefault();
+		handleSubmit();
+	}, [handleSubmit]);
+	const handleKeyDownCapture = (0, import_react.useCallback)((event) => {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			event.stopPropagation();
+			onCancel();
+			return;
+		}
+		if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+			event.preventDefault();
+			handleSubmit();
+		}
+	}, [handleSubmit, onCancel]);
+	const handleCommentChange = (0, import_react.useCallback)((event) => {
+		setValue(event.target.value);
+		resizeTextarea(event.target);
+	}, []);
+	const handleSuggestionToggle = (0, import_react.useCallback)(() => {
+		setShowSuggestion((current) => !current);
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+		onSubmit: handleFormSubmit,
+		onKeyDownCapture: handleKeyDownCapture,
+		className: "animate-in fade-in duration-100 border-t border-border-subtle bg-surface-elevated px-3 py-2.5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+				ref: textareaRef,
+				value,
+				onChange: handleCommentChange,
+				rows: MIN_TEXTAREA_ROWS,
+				placeholder: "Add a comment... (⌘Enter to submit)",
+				className: "w-full resize-none rounded-sm border border-border-default bg-surface-primary p-2 font-mono text-xs text-text-primary transition-[border-color,box-shadow] duration-150 ease placeholder:text-text-tertiary/60 focus:border-accent-primary focus:outline-none focus:ring-1 focus:ring-accent-primary/30",
+				"aria-label": `Comment for ${draft.filePath} line ${draft.lineNumber}`,
+				"aria-describedby": error ? errorMessageId : void 0,
+				"aria-invalid": error ? true : void 0
+			}),
+			error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				id: errorMessageId,
+				className: "mt-1 text-xs text-status-error",
+				role: "alert",
+				children: error
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: handleSuggestionToggle,
+				"aria-expanded": showSuggestion,
+				className: "mt-2 rounded px-1 py-0.5 text-xs text-text-secondary transition-colors hover:bg-surface-overlay hover:text-accent-primary focus-visible:bg-surface-overlay focus-visible:text-accent-primary focus-visible:outline-none",
+				children: showSuggestion ? "− Remove suggestion" : "+ Add suggested code"
+			}),
+			showSuggestion ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeSuggestionEditor, {
+					value: suggestion,
+					onChange: setSuggestion,
+					originalCode,
+					filePath: draft.filePath,
+					lineNumber: draft.lineNumber
+				})
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-2 flex items-center justify-end gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onCancel,
+					className: "rounded px-2 py-1 text-xs text-text-tertiary transition-colors hover:bg-surface-overlay hover:text-text-secondary focus-visible:bg-surface-overlay focus-visible:text-text-secondary focus-visible:outline-none",
+					children: "Cancel"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "submit",
+					disabled: !canSubmit,
+					className: cn("rounded bg-accent-primary px-2.5 py-1 text-xs font-medium text-white transition-[transform,background-color] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] hover:bg-accent-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/40 active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-40 motion-reduce:transform-none", submitting && "pointer-events-none"),
+					children: submitting ? "Posting…" : "Comment"
+				})]
+			})
+		]
+	});
+};
+var INITIAL_VISIBLE_COMMENTS = 3;
+var formatCompactDate = (value) => {
+	const date = new Date(value);
+	if (Number.isNaN(date.getTime())) return value;
+	return new Intl.DateTimeFormat(void 0, {
+		day: "numeric",
+		month: "short"
+	}).format(date);
+};
+var getCommentInitials = (commentId) => commentId.slice(0, 2).toUpperCase();
+var CommentCard = ({ comment, index, error, pending, runCommentAction }) => {
+	const resolveLabel = comment.resolved ? "Unresolve" : "Resolve";
+	const handleResolveToggle = (0, import_react.useCallback)(() => {
+		runCommentAction(comment.id, comment.resolved ? "unresolve" : "resolve");
+	}, [
+		comment.id,
+		comment.resolved,
+		runCommentAction
+	]);
+	const handleDelete = (0, import_react.useCallback)(() => {
+		runCommentAction(comment.id, "delete");
+	}, [comment.id, runCommentAction]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", {
+		className: cn("group animate-in fade-in duration-100 rounded bg-surface-elevated/50 px-2 py-1.5 transition-opacity", comment.resolved && "opacity-50"),
+		style: { animationDelay: `${index * 40}ms` },
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full bg-text-tertiary/10 font-mono text-[9px] font-medium text-text-tertiary",
+				children: getCommentInitials(comment.id)
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-1.5 text-[10px] text-text-tertiary",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "font-mono",
+								children: formatCompactDate(comment.createdAt)
+							}),
+							comment.resolved ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-[10px] text-text-tertiary",
+								children: "· Resolved"
+							}) : null,
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "ml-auto flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: handleResolveToggle,
+									disabled: pending,
+									"aria-label": `${resolveLabel} comment ${comment.id}`,
+									className: "rounded px-1 py-0.5 text-[10px] text-text-secondary transition-colors hover:bg-surface-overlay hover:text-text-primary focus-visible:bg-surface-overlay focus-visible:text-text-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+									children: resolveLabel
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: handleDelete,
+									disabled: pending,
+									"aria-label": `Delete comment ${comment.id}`,
+									className: "rounded px-1 py-0.5 text-[10px] text-text-tertiary transition-colors hover:bg-status-error/10 hover:text-status-error focus-visible:bg-status-error/10 focus-visible:text-status-error focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+									children: "Delete"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-1 whitespace-pre-wrap break-words text-xs leading-5 text-text-primary",
+						children: comment.content
+					}),
+					comment.suggestion ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-1.5 rounded bg-surface-primary/60 px-2 py-1",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+							className: "overflow-x-auto whitespace-pre-wrap break-words font-mono text-[10px] leading-4 text-text-secondary",
+							children: comment.suggestion
+						})
+					}) : null,
+					error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-1 text-[10px] text-status-error",
+						children: error
+					}) : null
+				]
+			})]
+		})
+	});
+};
+var InlineCommentThread = ({ comments, reviewId }) => {
+	const [expanded, setExpanded] = (0, import_react.useState)(false);
+	const [pendingCommentId, setPendingCommentId] = (0, import_react.useState)(null);
+	const [errorByCommentId, setErrorByCommentId] = (0, import_react.useState)({});
+	const router = useRouter();
+	const hiddenCount = Math.max(0, comments.length - INITIAL_VISIBLE_COMMENTS);
+	const visibleComments = expanded ? comments : comments.slice(0, INITIAL_VISIBLE_COMMENTS);
+	const runCommentAction = (0, import_react.useCallback)((commentId, action) => {
+		if (pendingCommentId) return;
+		setPendingCommentId(commentId);
+		setErrorByCommentId((current) => ({
+			...current,
+			[commentId]: null
+		}));
+		clientRuntime.runFork(gen(function* performCommentAction() {
+			const { http } = yield* ApiClient;
+			if (action === "resolve") return yield* http.comments.resolve({ path: { id: commentId } });
+			if (action === "unresolve") return yield* http.comments.unresolve({ path: { id: commentId } });
+			return yield* http.comments.remove({ path: { id: commentId } });
+		}).pipe(tap(() => promise(() => router.invalidate())), tapCause((cause) => sync(() => {
+			setErrorByCommentId((current) => ({
+				...current,
+				[commentId]: pretty(cause)
+			}));
+		})), ensuring(sync(() => setPendingCommentId(null)))));
+	}, [pendingCommentId, router]);
+	const toggleExpanded = (0, import_react.useCallback)(() => {
+		setExpanded((current) => !current);
+	}, []);
+	if (comments.length === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-review-id": reviewId,
+		className: "animate-in fade-in duration-100 pl-2",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1.5",
+			children: [visibleComments.map((comment, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommentCard, {
+				comment,
+				index,
+				error: errorByCommentId[comment.id] ?? null,
+				pending: pendingCommentId === comment.id,
+				runCommentAction
+			}, comment.id)), hiddenCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: toggleExpanded,
+				"aria-expanded": expanded,
+				className: "self-start rounded px-1 py-0.5 text-[10px] font-medium text-text-tertiary transition-colors hover:bg-surface-overlay hover:text-text-secondary focus-visible:bg-surface-overlay focus-visible:text-text-secondary focus-visible:outline-none",
+				children: expanded ? "Show less" : `Show ${hiddenCount} more`
+			}) : null]
+		})
+	});
+};
+/**
+* Reconstruct a unified diff patch string from ringi's DiffFile schema.
+*
+* @pierre/diffs has a well-tested patch parser that produces correct
+* FileDiffMetadata (with all line indices, hunk counts, etc.) from a
+* patch string.  Building FileDiffMetadata by hand is fragile because
+* the internal renderer relies on exact index alignment between
+* deletionLines/additionLines arrays and hunkContent groups.
+*
+* By reconstructing the patch text and using PatchDiff, we delegate
+* all that bookkeeping to the library's own parser.
+*/
+function toPatchString(file) {
+	const oldPath = file.oldPath || file.newPath;
+	const { newPath } = file;
+	return [`--- a/${oldPath}\n+++ b/${newPath}`, ...file.hunks.map(hunkToPatch)].join("\n");
+}
+function hunkToPatch(hunk) {
+	return [`@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`, ...hunk.lines.map(lineToPatch)].join("\n");
+}
+var LINE_PREFIX = {
+	added: "+",
+	context: " ",
+	removed: "-"
+};
+function lineToPatch(line) {
+	return `${LINE_PREFIX[line.type]}${line.content}`;
+}
+var EMPTY_COMMENTS$1 = [];
+var statusBadge = {
+	added: {
+		className: "bg-status-success/15 text-status-success",
+		label: "A"
+	},
+	deleted: {
+		className: "bg-status-error/15 text-status-error",
+		label: "D"
+	},
+	modified: {
+		className: "bg-status-warning/15 text-status-warning",
+		label: "M"
+	},
+	renamed: {
+		className: "bg-status-info/15 text-status-info",
+		label: "R"
+	}
+};
+var buildActiveCommentKey = (lineNumber, side) => `${lineNumber}:${side}`;
+var sideToCommentLineType = (side) => side === "additions" ? "added" : "removed";
+var diffFileReducer = (state, action) => {
+	switch (action.type) {
+		case "toggle_expand": return {
+			...state,
+			expanded: !state.expanded
+		};
+		case "fetch_start": return {
+			...state,
+			error: null,
+			loading: true
+		};
+		case "set_hunks": return {
+			...state,
+			hunks: action.hunks,
+			loading: false
+		};
+		case "fetch_error": return {
+			...state,
+			error: action.message,
+			loading: false
+		};
+		case "fetch_done": return {
+			...state,
+			loading: false
+		};
+		case "toggle_comment_line": return {
+			...state,
+			activeComment: state.activeComment?.key === action.draft.key ? null : action.draft
+		};
+		case "close_comment": return {
+			...state,
+			activeComment: null
+		};
+		case "add_local_comment": return {
+			...state,
+			activeComment: null,
+			localComments: [...state.localComments, action.comment]
+		};
+		case "delete_local_comment": return {
+			...state,
+			localComments: state.localComments.filter((c) => c.id !== action.id)
+		};
+		default: return state;
+	}
+};
+var fetchHunks = (reviewId, filePath) => gen(function* loadReviewHunks() {
+	const { http } = yield* ApiClient;
+	const { hunks } = yield* http.reviewFiles.hunks({
+		path: { reviewId },
+		urlParams: { path: filePath }
+	});
+	return hunks;
+}).pipe(timeout("30 seconds"), withSpan("fetchHunks", { attributes: {
+	filePath,
+	reviewId
+} }));
+var useLazyHunks = (reviewId, filePath, expanded, hasHunks, dispatch) => {
+	const fetchedRef = (0, import_react.useRef)(false);
+	(0, import_react.useEffect)(() => {
+		if (!expanded || !reviewId || hasHunks) return;
+		if (fetchedRef.current) return;
+		fetchedRef.current = true;
+		dispatch({ type: "fetch_start" });
+		const fiber = clientRuntime.runFork(fetchHunks(reviewId, filePath).pipe(matchCauseEffect({
+			onFailure: (cause) => hasInterruptsOnly(cause) ? sync(() => {
+				fetchedRef.current = false;
+				dispatch({ type: "fetch_done" });
+			}) : sync(() => dispatch({
+				message: pretty(cause),
+				type: "fetch_error"
+			})),
+			onSuccess: (hunks) => sync(() => dispatch({
+				hunks,
+				type: "set_hunks"
+			}))
+		})));
+		return () => {
+			clientRuntime.runFork(interrupt(fiber));
+		};
+	}, [
+		dispatch,
+		expanded,
+		filePath,
+		hasHunks,
+		reviewId
+	]);
+};
+/**
+* The "+" button shown in the gutter when hovering a commentable diff line.
+*
+* Rendering context (from @pierre/diffs):
+* The library's `renderGutterUtility` slot mechanism works as follows:
+*   Shadow DOM:  [data-column-number] (position: relative)
+*                  └─ [data-gutter-utility-slot] (position: absolute; right:0; top:0; bottom:0;
+*                  │                              display: flex; justify-content: flex-end)
+*                  │    └─ <slot name="gutter-utility-slot">
+*   Light DOM:   <div slot="gutter-utility-slot"  ← projected into shadow slot
+*                     style="position: absolute; top:0; bottom:0; text-align: center">
+*                  └─ THIS BUTTON
+*
+* The slotted wrapper div has `position: absolute` (set by the library's
+* GutterUtilitySlotStyles), which takes it out of the flex flow of the
+* shadow-DOM [data-gutter-utility-slot] container. This collapses the
+* container to zero width. Without corrective styles the button ends up
+* overflowing into the code-content column — effectively invisible.
+*
+* We fix this by adding a CSS override (in styles.css) that changes the
+* slotted wrapper to `position: static !important` so it participates in
+* the parent's flex layout. Then the button sits inside the gutter column,
+* aligned to the flex-end, matching the library's own default utility
+* button placement.
+*
+* The button itself mirrors the library's `[data-utility-button]` styles:
+*   • `position: relative; z-index: 4` to paint above line-number content.
+*/
+var GutterAddButton = ({ getHoveredLine, onAddComment }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: (0, import_react.useCallback)(() => {
+			const hoveredLine = getHoveredLine();
+			if (!hoveredLine) return;
+			onAddComment(hoveredLine.lineNumber, hoveredLine.side);
+		}, [getHoveredLine, onAddComment]),
+		className: "ringi-gutter-add-btn relative z-[4] flex items-center justify-center rounded-sm bg-accent-primary text-[11px] font-medium text-white shadow-sm shadow-accent-primary/30 transition-[transform,background-color] duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] hover:bg-accent-primary-hover focus-visible:bg-accent-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/40 active:scale-[0.92]",
+		"aria-label": "Add comment on this line",
+		tabIndex: 0,
+		children: "+"
+	});
+};
+var formatCompactTimestamp = (iso) => {
+	const date = new Date(iso);
+	if (Number.isNaN(date.getTime())) return "";
+	return new Intl.DateTimeFormat(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	}).format(date);
+};
+var LocalCommentCard = ({ comment, index, onDelete }) => {
+	const handleDelete = (0, import_react.useCallback)(() => {
+		onDelete(comment.id);
+	}, [comment.id, onDelete]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", {
+		className: "ringi-comment-card group rounded bg-surface-elevated/50 px-2 py-1.5",
+		style: { animationDelay: `${index * 40}ms` },
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full bg-text-tertiary/10 text-[10px] text-text-tertiary",
+				children: "✎"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-1.5 text-[10px] text-text-tertiary",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-mono",
+							children: formatCompactTimestamp(comment.createdAt)
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: handleDelete,
+							"aria-label": "Delete comment",
+							className: "ml-auto rounded px-1 py-0.5 text-[10px] text-text-tertiary opacity-0 transition-opacity hover:bg-status-error/10 hover:text-status-error focus-visible:bg-status-error/10 focus-visible:text-status-error focus-visible:opacity-100 focus-visible:outline-none group-hover:opacity-100",
+							children: "Delete"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-1 whitespace-pre-wrap break-words text-xs leading-5 text-text-primary",
+						children: comment.content
+					}),
+					comment.suggestion ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-1.5 rounded bg-surface-primary/60 px-2 py-1",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+							className: "overflow-x-auto whitespace-pre-wrap break-words font-mono text-[10px] leading-4 text-text-secondary",
+							children: comment.suggestion
+						})
+					}) : null
+				]
+			})]
+		})
+	});
+};
+var DiffFile = ({ file, defaultExpanded = false, reviewId, diffMode = "unified", comments = EMPTY_COMMENTS$1, onLocalCommentsChange, viewed = false, onToggleViewed, pendingDeleteId, onPendingDeleteHandled }) => {
+	const [state, dispatch] = (0, import_react.useReducer)(diffFileReducer, {
+		activeComment: null,
+		error: null,
+		expanded: defaultExpanded,
+		hunks: file.hunks,
+		loading: false,
+		localComments: []
+	});
+	const { expanded, hunks, loading, error, activeComment, localComments } = state;
+	const badge = statusBadge[file.status];
+	useLazyHunks(reviewId, file.newPath, expanded, hunks.length > 0, dispatch);
+	(0, import_react.useEffect)(() => {
+		onLocalCommentsChange?.(file.newPath, localComments);
+	}, [
+		file.newPath,
+		localComments,
+		onLocalCommentsChange
+	]);
+	(0, import_react.useEffect)(() => {
+		if (!pendingDeleteId) return;
+		dispatch({
+			id: pendingDeleteId,
+			type: "delete_local_comment"
+		});
+		onPendingDeleteHandled?.();
+	}, [pendingDeleteId, onPendingDeleteHandled]);
+	const handleAddComment = (0, import_react.useCallback)((lineNumber, side) => {
+		dispatch({
+			draft: {
+				filePath: file.newPath,
+				key: buildActiveCommentKey(lineNumber, side),
+				lineNumber,
+				lineType: sideToCommentLineType(side),
+				side
+			},
+			type: "toggle_comment_line"
+		});
+	}, [file.newPath]);
+	const handleCloseComment = (0, import_react.useCallback)(() => {
+		dispatch({ type: "close_comment" });
+	}, []);
+	const handleLocalSubmit = (0, import_react.useCallback)((content, suggestion) => {
+		if (!activeComment) return;
+		dispatch({
+			comment: {
+				content,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				filePath: activeComment.filePath,
+				id: `local-${crypto.randomUUID()}`,
+				lineNumber: activeComment.lineNumber,
+				lineType: activeComment.lineType,
+				side: activeComment.side,
+				suggestion
+			},
+			type: "add_local_comment"
+		});
+	}, [activeComment]);
+	const handleDeleteLocalComment = (0, import_react.useCallback)((id) => {
+		dispatch({
+			id,
+			type: "delete_local_comment"
+		});
+	}, []);
+	const handleToggleExpand = (0, import_react.useCallback)(() => {
+		dispatch({ type: "toggle_expand" });
+	}, []);
+	const handleToggleViewed = (0, import_react.useCallback)(() => {
+		onToggleViewed?.(file.newPath);
+	}, [file.newPath, onToggleViewed]);
+	const getOriginalCodeForLine = (0, import_react.useCallback)((lineNumber, side) => {
+		for (const hunk of hunks) for (const line of hunk.lines) if ((side === "additions" ? line.newLineNumber : line.oldLineNumber) === lineNumber) return line.content;
+		return "";
+	}, [hunks]);
+	const getOrCreateAnnotation = (map, key) => {
+		const existing = map.get(key);
+		if (existing) return existing;
+		const fresh = {
+			comments: [],
+			draft: null,
+			localComments: []
+		};
+		map.set(key, fresh);
+		return fresh;
+	};
+	const lineAnnotations = (0, import_react.useMemo)(() => {
+		const annotationMap = /* @__PURE__ */ new Map();
+		for (const comment of comments) {
+			if (comment.lineNumber === null || comment.lineNumber === void 0) continue;
+			const side = comment.lineType === "removed" ? "deletions" : "additions";
+			const entry = getOrCreateAnnotation(annotationMap, buildActiveCommentKey(comment.lineNumber, side));
+			entry.comments = [...entry.comments, comment];
+		}
+		for (const local of localComments) {
+			const entry = getOrCreateAnnotation(annotationMap, buildActiveCommentKey(local.lineNumber, local.side));
+			entry.localComments = [...entry.localComments, local];
+		}
+		if (activeComment) {
+			const entry = getOrCreateAnnotation(annotationMap, activeComment.key);
+			entry.draft = activeComment;
+		}
+		return [...annotationMap.entries()].map(([key, metadata]) => {
+			const [lineNumber, side] = key.split(":");
+			return {
+				lineNumber: Number(lineNumber),
+				metadata,
+				side
+			};
+		});
+	}, [
+		activeComment,
+		comments,
+		localComments
+	]);
+	const patchString = (0, import_react.useMemo)(() => {
+		if (hunks.length === 0) return "";
+		return toPatchString({
+			...file,
+			hunks
+		});
+	}, [file, hunks]);
+	const diffOptions = {
+		...pierreDiffOptions,
+		diffStyle: diffMode,
+		disableFileHeader: true,
+		enableGutterUtility: true,
+		lineHoverHighlight: "both"
+	};
+	const renderAnnotation = (0, import_react.useCallback)((annotation) => {
+		if (!annotation.metadata) return null;
+		const { draft, comments: lineComments, localComments: lineLocalComments } = annotation.metadata;
+		if (!(draft || lineComments.length > 0 || lineLocalComments.length > 0)) return null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+			lineComments.length > 0 && reviewId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineCommentThread, {
+				comments: lineComments,
+				reviewId
+			}) : null,
+			lineLocalComments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "pl-2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex flex-col gap-1.5",
+					children: lineLocalComments.map((lc, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocalCommentCard, {
+						comment: lc,
+						index: i,
+						onDelete: handleDeleteLocalComment
+					}, lc.id))
+				})
+			}) : null,
+			draft ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineCommentComposer, {
+				draft,
+				reviewId,
+				originalCode: getOriginalCodeForLine(draft.lineNumber, draft.side),
+				onCancel: handleCloseComment,
+				onSubmitted: handleCloseComment,
+				onLocalSubmit: reviewId ? void 0 : handleLocalSubmit
+			}) : null
+		] });
+	}, [
+		getOriginalCodeForLine,
+		handleCloseComment,
+		handleDeleteLocalComment,
+		handleLocalSubmit,
+		reviewId
+	]);
+	const renderGutterUtility = (0, import_react.useCallback)((getHoveredLine) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GutterAddButton, {
+		getHoveredLine,
+		onAddComment: handleAddComment
+	}), [handleAddComment]);
+	let diffContent;
+	if (loading) diffContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "px-4 py-3 text-xs italic text-text-tertiary",
+		children: "Loading diff…"
+	});
+	else if (error) diffContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "px-4 py-3 text-xs italic text-status-error",
+		children: error
+	});
+	else if (hunks.length === 0) diffContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "px-4 py-3 text-xs italic text-text-tertiary",
+		children: "Binary file or mode change"
+	});
+	else diffContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SplitDiffSplitter, {
+		enabled: diffMode === "split",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PatchDiff, {
+			patch: patchString,
+			options: diffOptions,
+			lineAnnotations,
+			renderAnnotation,
+			renderGutterUtility,
+			className: "ringi-diff-file"
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		id: `diff-file-${file.newPath.replaceAll("/", "-")}`,
+		className: "overflow-hidden rounded-sm border border-border-subtle bg-surface-elevated",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1.5 px-2.5 py-1.5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleToggleExpand,
+					className: "inline-flex size-4 shrink-0 items-center justify-center rounded text-text-tertiary/60 transition-[color,background-color] duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] hover:text-text-secondary focus-visible:text-text-secondary focus-visible:outline-none",
+					"aria-expanded": expanded,
+					"aria-label": expanded ? "Collapse file" : "Expand file",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {
+						size: 12,
+						className: cn("transition-transform duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none", expanded && "rotate-90")
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: cn("w-3 shrink-0 text-center font-mono text-[10px] font-semibold leading-none", badge.className.includes("success") ? "text-diff-add-text" : badge.className.includes("error") ? "text-diff-remove-text" : badge.className.includes("warning") ? "text-accent-primary" : "text-status-info"),
+					children: badge.label
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "min-w-0 flex-1 truncate font-mono text-[11px] text-text-primary",
+					children: file.newPath
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "flex shrink-0 items-center gap-1.5 text-[10px] tabular-nums text-text-tertiary/60",
+					children: [file.additions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-diff-add-text/60",
+						children: ["+", file.additions]
+					}) : null, file.deletions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-diff-remove-text/60",
+						children: ["-", file.deletions]
+					}) : null]
+				}),
+				onToggleViewed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleToggleViewed,
+					title: viewed ? "Unmark as viewed" : "Mark as viewed",
+					className: cn("ml-0.5 flex size-5 shrink-0 items-center justify-center rounded transition-[transform,background-color,color] duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] active:scale-[0.93] motion-reduce:transform-none", viewed ? "bg-status-success/12 text-status-success" : "text-text-tertiary/40 hover:bg-surface-overlay hover:text-text-secondary"),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+						width: "11",
+						height: "11",
+						viewBox: "0 0 12 12",
+						fill: "none",
+						className: "shrink-0",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+							d: "M2.5 6.5L5 9l4.5-6",
+							stroke: "currentColor",
+							strokeWidth: viewed ? "1.75" : "1.25",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				}) : null
+			]
+		}), expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "border-t border-border-subtle",
+			children: diffContent
+		}) : null]
+	});
+};
+var EMPTY_COMMENTS = [];
+/**
+* Single-file diff renderer.
+*
+* Renders **only** the currently selected file. The previous implementation
+* mounted every DiffFile in the review, which meant N × PatchDiff instances
+* on load. This version renders exactly one.
+*/
+var DiffView = ({ file, reviewId, diffMode = "split", comments = EMPTY_COMMENTS, onLocalCommentsChange, viewed = false, onToggleViewed, pendingDeleteId, onPendingDeleteHandled }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffFile, {
+		file,
+		comments: (0, import_react.useMemo)(() => comments.filter((c) => c.filePath === file.newPath), [comments, file.newPath]),
+		defaultExpanded: true,
+		diffMode,
+		reviewId,
+		onLocalCommentsChange,
+		viewed,
+		onToggleViewed,
+		pendingDeleteId,
+		onPendingDeleteHandled
+	}, file.newPath);
+};
+var EMPTY_IDS = [];
+var TreeContext = (0, import_react.createContext)(void 0);
+var useTree = () => {
+	const ctx = (0, import_react.useContext)(TreeContext);
+	if (!ctx) throw new Error("Tree components must be used within <Tree>");
+	return ctx;
+};
+var NodeContext = (0, import_react.createContext)(void 0);
+var useNode = () => {
+	const ctx = (0, import_react.useContext)(NodeContext);
+	if (!ctx) throw new Error("TreeNode components must be used within <TreeNode>");
+	return ctx;
+};
+var Tree = ({ children, defaultExpandedIds = EMPTY_IDS, expandedIds: controlledExpanded, onExpandedChange, selectedIds: controlledSelected, onSelectionChange, showIcons = true, indent = 14, className }) => {
+	const [internalExpanded, setInternalExpanded] = (0, import_react.useState)(() => new Set(defaultExpandedIds));
+	const isExpandedControlled = controlledExpanded !== void 0 && onExpandedChange !== void 0;
+	const expandedIds = isExpandedControlled ? controlledExpanded : internalExpanded;
+	const toggleExpanded = (0, import_react.useCallback)((id) => {
+		const next = new Set(expandedIds);
+		if (next.has(id)) next.delete(id);
+		else next.add(id);
+		if (isExpandedControlled && onExpandedChange) onExpandedChange(next);
+		else setInternalExpanded(next);
+	}, [
+		expandedIds,
+		isExpandedControlled,
+		onExpandedChange
+	]);
+	const [internalSelected, setInternalSelected] = (0, import_react.useState)([]);
+	const isSelControlled = controlledSelected !== void 0 && onSelectionChange !== void 0;
+	const selectedIds = isSelControlled ? controlledSelected : internalSelected;
+	const handleSelection = (0, import_react.useCallback)((id, _ctrlKey) => {
+		const next = selectedIds.includes(id) ? [] : [id];
+		if (isSelControlled && onSelectionChange) onSelectionChange(next);
+		else setInternalSelected(next);
+	}, [
+		selectedIds,
+		isSelControlled,
+		onSelectionChange
+	]);
+	const ctx = (0, import_react.useMemo)(() => ({
+		expandedIds,
+		handleSelection,
+		indent,
+		selectedIds,
+		showIcons,
+		toggleExpanded
+	}), [
+		expandedIds,
+		selectedIds,
+		toggleExpanded,
+		handleSelection,
+		showIcons,
+		indent
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeContext.Provider, {
+		value: ctx,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: cn("w-full", className),
+			role: "tree",
+			children
+		})
+	});
+};
+var TreeNode = ({ nodeId: providedId, level = 0, children, className, ...props }) => {
+	const generatedId = (0, import_react.useId)();
+	const nodeId = providedId ?? generatedId;
+	const ctx = (0, import_react.useMemo)(() => ({
+		level,
+		nodeId
+	}), [nodeId, level]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NodeContext.Provider, {
+		value: ctx,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: cn("select-none", className),
+			role: "treeitem",
+			...props,
+			children
+		})
+	});
+};
+var TreeNodeTrigger = ({ children, className, onClick, ...props }) => {
+	const { selectedIds, toggleExpanded, handleSelection, indent } = useTree();
+	const { nodeId, level } = useNode();
+	const isSelected = selectedIds.includes(nodeId);
+	const handleClick = (0, import_react.useCallback)((e) => {
+		toggleExpanded(nodeId);
+		handleSelection(nodeId, e.ctrlKey || e.metaKey);
+		onClick?.(e);
+	}, [
+		toggleExpanded,
+		handleSelection,
+		nodeId,
+		onClick
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-current": isSelected ? "true" : void 0,
+		"data-selected": isSelected ? "" : void 0,
+		className: cn("group relative flex w-full cursor-pointer items-center text-left outline-none", "transition-colors duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", "focus-visible:ring-1 focus-visible:ring-accent-primary/40", className),
+		onClick: handleClick,
+		style: { paddingLeft: level * indent + 8 },
+		...props,
+		children
+	});
+};
+var TreeNodeContent = ({ children, className, forceMount, ...props }) => {
+	const { expandedIds } = useTree();
+	const { nodeId } = useNode();
+	const isExpanded = expandedIds.has(nodeId);
+	if (!isExpanded && !forceMount) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn(!isExpanded && "hidden", className),
+		role: "group",
+		...props,
+		children
+	});
+};
+var TreeExpander = ({ hasChildren = false, className, ...props }) => {
+	const { expandedIds } = useTree();
+	const { nodeId } = useNode();
+	const isExpanded = expandedIds.has(nodeId);
+	if (!hasChildren) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "inline-flex h-4 w-4 shrink-0",
+		"aria-hidden": true
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cn("inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", "transition-transform duration-100 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", isExpanded && "rotate-90", className),
+		"aria-hidden": true,
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "h-3 w-3" })
+	});
+};
+var TreeIcon = ({ icon, hasChildren = false, className, ...props }) => {
+	const { showIcons, expandedIds } = useTree();
+	const { nodeId } = useNode();
+	const isExpanded = expandedIds.has(nodeId);
+	if (!showIcons) return null;
+	const getDefaultIcon = () => {
+		if (!hasChildren) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(File, { className: "h-3.5 w-3.5" });
+		if (isExpanded) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderOpen, { className: "h-3.5 w-3.5" });
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Folder, { className: "h-3.5 w-3.5" });
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cn("mr-1.5 inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground/70", className),
+		"aria-hidden": true,
+		...props,
+		children: icon ?? getDefaultIcon()
+	});
+};
+var EASE_OUT = "[transition-timing-function:cubic-bezier(0.23,1,0.32,1)]";
+var collapseTree = (node) => {
+	for (const child of node.children) collapseTree(child);
+	while (node.children.length === 1 && !node.children[0].file && node.children[0].children.length > 0) {
+		const [onlyChild] = node.children;
+		node.name = node.name ? `${node.name}/${onlyChild.name}` : onlyChild.name;
+		node.path = onlyChild.path;
+		node.children = onlyChild.children;
+	}
+};
+var sortTree = (node) => {
+	node.children.sort((a, b) => {
+		const aIsDir = !a.file;
+		if (aIsDir !== !b.file) return aIsDir ? -1 : 1;
+		return a.name.localeCompare(b.name);
+	});
+	for (const child of node.children) sortTree(child);
+};
+var collectDirPaths = (node) => {
+	const paths = [];
+	for (const child of node.children) if (!child.file) {
+		paths.push(child.path);
+		paths.push(...collectDirPaths(child));
+	}
+	return paths;
+};
+var flatFileList = (node) => {
+	const result = [];
+	for (const child of node.children) if (child.file) result.push(child.file.newPath);
+	else result.push(...flatFileList(child));
+	return result;
+};
+var buildTree = (files) => {
+	const root = {
+		children: [],
+		name: "",
+		path: ""
+	};
+	for (const file of files) {
+		const segments = file.newPath.split("/");
+		let current = root;
+		for (const [index, segment] of segments.entries()) {
+			const isFile = index === segments.length - 1;
+			const childPath = segments.slice(0, index + 1).join("/");
+			let child = current.children.find((c) => c.name === segment);
+			if (!child) {
+				child = {
+					children: [],
+					name: segment,
+					path: childPath
+				};
+				if (isFile) child.file = file;
+				current.children.push(child);
+			}
+			current = child;
+		}
+	}
+	collapseTree(root);
+	sortTree(root);
+	return root;
+};
+var statusColor = {
+	added: "text-diff-add-text",
+	deleted: "text-diff-remove-text",
+	modified: "text-accent-primary",
+	renamed: "text-status-info"
+};
+var statusLetter = {
+	added: "A",
+	deleted: "D",
+	modified: "M",
+	renamed: "R"
+};
+var ViewedCheckbox = ({ checked, onToggle, filePath }) => {
+	const handleClick = (0, import_react.useCallback)((event) => {
+		event.stopPropagation();
+		onToggle?.(filePath);
+	}, [filePath, onToggle]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+		className: cn("relative flex size-3 shrink-0 cursor-pointer items-center justify-center rounded-[3px] border transition-[border-color,background-color,color] duration-100", EASE_OUT, checked ? "border-status-success/50 bg-status-success/15 text-status-success" : "border-border-subtle text-transparent hover:border-text-tertiary/40"),
+		onClick: handleClick,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			type: "checkbox",
+			checked,
+			readOnly: true,
+			className: "sr-only",
+			"aria-label": checked ? "Unmark as viewed" : "Mark as viewed",
+			tabIndex: 0
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+			width: "7",
+			height: "7",
+			viewBox: "0 0 7 7",
+			fill: "none",
+			className: cn("pointer-events-none transition-opacity duration-100", checked ? "opacity-100" : "opacity-0"),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M1 3.5L2.75 5.25L6 1.75",
+				stroke: "currentColor",
+				strokeWidth: "1.25",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+};
+var FileTreeContext = (0, import_react.createContext)(null);
+var useFileTreeContext = () => {
+	const ctx = (0, import_react.useContext)(FileTreeContext);
+	if (!ctx) throw new Error("FileItem must be rendered inside <FileTree>");
+	return ctx;
+};
+var FileItem = ({ node, depth }) => {
+	const { selectedFile, onSelectFile, onToggleViewed, onStageFile, reviewedFiles } = useFileTreeContext();
+	const { file } = node;
+	const filePath = file?.newPath ?? "";
+	const isSelected = selectedFile === filePath;
+	const isReviewed = reviewedFiles?.has(filePath) ?? false;
+	const handleSelect = (0, import_react.useCallback)(() => {
+		if (filePath) onSelectFile(filePath);
+	}, [onSelectFile, filePath]);
+	const handleStage = (0, import_react.useCallback)((e) => {
+		e.stopPropagation();
+		onStageFile?.(filePath);
+	}, [onStageFile, filePath]);
+	const handleKeyDown = (0, import_react.useCallback)((e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			handleSelect();
+		}
+	}, [handleSelect]);
+	if (!file) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeNode, {
+		nodeId: filePath,
+		level: depth,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			role: "row",
+			"aria-current": isSelected ? "true" : void 0,
+			"data-selected": isSelected ? "" : void 0,
+			onClick: handleSelect,
+			onKeyDown: handleKeyDown,
+			tabIndex: 0,
+			className: cn("group flex w-full cursor-pointer items-center gap-1.5 py-[3px] pr-2 text-left outline-none", "transition-[background-color,border-color,opacity] duration-100", EASE_OUT, isSelected ? "border-l-2 border-accent-primary bg-accent-muted/40" : "border-l-2 border-transparent hover:bg-surface-overlay/40", isReviewed && !isSelected && "opacity-45", "focus-visible:ring-1 focus-visible:ring-accent-primary/40"),
+			style: { paddingLeft: `${depth * 14 + 8}px` },
+			children: [
+				onToggleViewed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ViewedCheckbox, {
+					checked: isReviewed,
+					onToggle: onToggleViewed,
+					filePath
+				}) : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: cn("inline-flex w-3 shrink-0 text-center font-mono text-[10px] font-semibold leading-none", statusColor[file.status]),
+					children: statusLetter[file.status]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: cn("min-w-0 flex-1 truncate font-mono text-[11px]", isSelected ? "text-text-primary" : "text-text-secondary"),
+					children: node.name
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: cn("ml-auto flex shrink-0 items-center gap-1 text-[10px] tabular-nums", "transition-opacity duration-100", isSelected ? "opacity-50" : "opacity-0 group-hover:opacity-50"),
+					children: [
+						onStageFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: handleStage,
+							title: `git add ${filePath}`,
+							"aria-label": `Stage ${node.name}`,
+							className: cn("inline-flex h-4 items-center rounded px-1 font-sans text-[9px] font-medium uppercase tracking-wide text-text-tertiary", "transition-[color,background-color] duration-75", "opacity-0 group-hover:opacity-100", "hover:!bg-diff-add-bg hover:!text-diff-add-text", "active:scale-[0.95]", EASE_OUT),
+							children: "+stage"
+						}) : null,
+						file.additions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "text-diff-add-text/70",
+							children: ["+", file.additions]
+						}) : null,
+						file.deletions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "text-diff-remove-text/70",
+							children: ["-", file.deletions]
+						}) : null
+					]
+				})
+			]
+		})
+	});
+};
+var DirItem = ({ node, depth }) => {
+	const hasChildren = node.children.length > 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TreeNode, {
+		nodeId: node.path,
+		level: depth,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TreeNodeTrigger, {
+			className: cn("gap-1 py-[3px] pr-2", "hover:bg-surface-overlay/40"),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeExpander, { hasChildren }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeIcon, { hasChildren: true }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "truncate text-[11px] text-text-tertiary",
+					children: node.name
+				})
+			]
+		}), hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeNodeContent, { children: node.children.map((child) => child.file ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileItem, {
+			node: child,
+			depth: depth + 1
+		}, child.path) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirItem, {
+			node: child,
+			depth: depth + 1
+		}, child.path)) }) : null]
+	});
+};
+var useFileKeyboardNav = (flatFiles, selectedFile, onSelectFile) => {
+	(0, import_react.useEffect)(() => {
+		const handler = (event) => {
+			const tag = event.target.tagName;
+			if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return;
+			if (event.key === "j" || event.key === "ArrowDown") {
+				event.preventDefault();
+				if (flatFiles.length === 0) return;
+				if (selectedFile === null) {
+					onSelectFile(flatFiles[0]);
+					return;
+				}
+				const idx = flatFiles.indexOf(selectedFile);
+				if (idx < flatFiles.length - 1) onSelectFile(flatFiles[idx + 1]);
+				return;
+			}
+			if (event.key === "k" || event.key === "ArrowUp") {
+				event.preventDefault();
+				if (flatFiles.length === 0) return;
+				if (selectedFile === null) {
+					const last = flatFiles.at(-1);
+					if (last) onSelectFile(last);
+					return;
+				}
+				const idx = flatFiles.indexOf(selectedFile);
+				if (idx > 0) onSelectFile(flatFiles[idx - 1]);
+			}
+		};
+		document.addEventListener("keydown", handler);
+		return () => document.removeEventListener("keydown", handler);
+	}, [
+		flatFiles,
+		onSelectFile,
+		selectedFile
+	]);
+};
+var renderTreeChildren = (nodes, depth) => nodes.map((child) => child.file ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileItem, {
+	node: child,
+	depth
+}, child.path) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirItem, {
+	node: child,
+	depth
+}, child.path));
+var FileTree = ({ files, selectedFile, onSelectFile, reviewedFiles, onToggleViewed, onStageFile, groupLabel, headerAction, emptyStateMessage = "No files" }) => {
+	const [hideViewed, setHideViewed] = (0, import_react.useState)(false);
+	const toggleHideViewed = (0, import_react.useCallback)(() => setHideViewed((p) => !p), []);
+	const reviewedCount = reviewedFiles?.size ?? 0;
+	const visibleFiles = (0, import_react.useMemo)(() => {
+		if (!hideViewed || !reviewedFiles || reviewedFiles.size === 0) return files;
+		return files.filter((f) => !reviewedFiles.has(f.newPath));
+	}, [
+		files,
+		hideViewed,
+		reviewedFiles
+	]);
+	const hiddenCount = files.length - visibleFiles.length;
+	const tree = (0, import_react.useMemo)(() => buildTree(visibleFiles), [visibleFiles]);
+	const [expanded, setExpanded] = (0, import_react.useState)(() => new Set(collectDirPaths(tree)));
+	const [groupOpen, setGroupOpen] = (0, import_react.useState)(true);
+	(0, import_react.useEffect)(() => {
+		setExpanded(new Set(collectDirPaths(tree)));
+	}, [tree]);
+	const handleExpandedChange = (0, import_react.useCallback)((ids) => {
+		setExpanded(ids);
+	}, []);
+	const toggleGroupOpen = (0, import_react.useCallback)(() => setGroupOpen((p) => !p), []);
+	useFileKeyboardNav((0, import_react.useMemo)(() => flatFileList(tree), [tree]), selectedFile, onSelectFile);
+	const totalAdditions = files.reduce((sum, f) => sum + f.additions, 0);
+	const totalDeletions = files.reduce((sum, f) => sum + f.deletions, 0);
+	const reviewCtx = (0, import_react.useMemo)(() => ({
+		onSelectFile,
+		onStageFile,
+		onToggleViewed,
+		reviewedFiles,
+		selectedFile
+	}), [
+		selectedFile,
+		onSelectFile,
+		reviewedFiles,
+		onToggleViewed,
+		onStageFile
+	]);
+	const allReviewed = files.length > 0 && reviewedCount === files.length;
+	const progressPct = files.length > 0 ? reviewedCount / files.length * 100 : 0;
+	const treeContent = groupLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: toggleGroupOpen,
+		className: "ringi-tree-item flex w-full items-center gap-1 px-3 py-1.5 text-left",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: cn("inline-flex size-4 shrink-0 items-center justify-center text-[10px] text-text-tertiary/60 transition-transform duration-100", EASE_OUT, groupOpen && "rotate-90"),
+				children: "▶"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "truncate text-[11px] font-medium text-text-secondary",
+				children: groupLabel
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "ml-auto text-[10px] tabular-nums text-text-tertiary",
+				children: visibleFiles.length
+			})
+		]
+	}), groupOpen ? renderTreeChildren(tree.children, 0) : null] }) : renderTreeChildren(tree.children, 0);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
+		className: "flex h-full w-60 shrink-0 flex-col border-r border-border-default bg-surface-secondary",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-1.5 px-3 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: headerAction
+				}), files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "h-[2px] flex-1 overflow-hidden rounded-full bg-border-subtle",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: cn("h-full rounded-full transition-[width] duration-300", EASE_OUT, allReviewed ? "bg-status-success/60" : "bg-accent-primary/40"),
+								style: { width: `${progressPct}%` }
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "shrink-0 text-[10px] tabular-nums text-text-tertiary",
+							children: [
+								reviewedCount,
+								"/",
+								files.length
+							]
+						}),
+						reviewedCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: toggleHideViewed,
+							"aria-pressed": hideViewed,
+							title: hideViewed ? `Show all (${hiddenCount} hidden)` : "Hide reviewed",
+							className: cn("flex size-5 shrink-0 items-center justify-center rounded transition-[background-color,color] duration-100", EASE_OUT, hideViewed ? "bg-accent-muted text-accent-primary" : "text-text-tertiary/50 hover:bg-surface-overlay hover:text-text-tertiary"),
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+								width: "10",
+								height: "10",
+								viewBox: "0 0 12 12",
+								fill: "none",
+								className: "shrink-0",
+								children: hideViewed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+									d: "M1.5 1.5L10.5 10.5",
+									stroke: "currentColor",
+									strokeWidth: "1.25",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+									d: "M2.4 4.8C1.8 5.4 1.5 6 1.5 6s1.5 3 4.5 3c.6 0 1.1-.1 1.6-.3M9.6 7.2C10.2 6.6 10.5 6 10.5 6s-1.5-3-4.5-3c-.6 0-1.1.1-1.6.3",
+									stroke: "currentColor",
+									strokeWidth: "1.25",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+									d: "M1.5 6s1.5-3 4.5-3 4.5 3 4.5 3-1.5 3-4.5 3S1.5 6 1.5 6z",
+									stroke: "currentColor",
+									strokeWidth: "1.25",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+									cx: "6",
+									cy: "6",
+									r: "1.5",
+									stroke: "currentColor",
+									strokeWidth: "1.25"
+								})] })
+							})
+						}) : null
+					]
+				}) : null]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-px bg-border-subtle" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex-1 overflow-x-hidden overflow-y-auto py-0.5",
+				children: visibleFiles.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex h-32 items-center justify-center px-3 text-center text-[11px] text-text-tertiary",
+					children: hideViewed && hiddenCount > 0 ? "All files reviewed" : emptyStateMessage
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileTreeContext.Provider, {
+					value: reviewCtx,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tree, {
+						expandedIds: expanded,
+						onExpandedChange: handleExpandedChange,
+						showIcons: true,
+						indent: 14,
+						children: treeContent
+					})
+				})
+			}),
+			totalAdditions > 0 || totalDeletions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex items-center border-t border-border-subtle px-3 py-1.5",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "flex gap-1.5 text-[10px] tabular-nums",
+					children: [totalAdditions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-diff-add-text/60",
+						children: ["+", totalAdditions]
+					}) : null, totalDeletions > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-diff-remove-text/60",
+						children: ["-", totalDeletions]
+					}) : null]
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+export { formatReviewFeedback as a, FileTree as i, DiffView as n, ExportFeedbackModal as r, DiffSummary as t };