@sanurb/ringi 0.2.0 → 0.3.0

package/server/server/_ssr/routes-lz0AN75A.mjs

@@ -0,0 +1,929 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { d as useNavigate, f as useLoaderData, p as useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+import { n as require_jsx_runtime } from "../_libs/@pierre/diffs+[...].mjs";
+import { Ct as tap, H as Struct, Ht as none, L as Literals, Ot as void_, Vt as map, W as Unknown, X as optionalKey, dt as gen, it as catchCause, q as decodeUnknownOption, vt as promise, z as Number$1 } from "../_libs/effect+[...].mjs";
+import { s as DIFF_SCOPES } from "./todo-m_uUvxca.mjs";
+import { i as clientRuntime, t as ApiClient } from "./client-runtime-BoPuAEoA.mjs";
+import { t as cn } from "./utils-BuOt9_LA.mjs";
+import { _ as ChevronUp, b as Check, g as CircleCheckBig, h as CircleDot, m as Circle, o as LoaderCircle, s as GitCommitHorizontal, y as ChevronDown } from "../_libs/lucide-react.mjs";
+import { a as ItemIndicator, c as Root2, d as Trigger, f as Viewport, i as Item, l as ScrollDownButton, n as Group, o as ItemText, r as Icon, s as Portal, t as Content2, u as ScrollUpButton } from "../_libs/@radix-ui/react-select+[...].mjs";
+import { a as DialogFooter, i as DialogDescription, n as Dialog$1, o as DialogHeader, r as DialogContent, s as DialogTitle, t as ActionBar } from "./action-bar-C68xGnWW.mjs";
+import { a as formatReviewFeedback, i as FileTree, n as DiffView, r as ExportFeedbackModal, t as DiffSummary } from "./file-tree-CQ5w2GHh.mjs";
+import { t as useKeyboardShortcuts } from "./use-keyboard-shortcuts-D5b1Mxpq.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-lz0AN75A.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var Select$1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2, {
+	"data-slot": "select",
+	...props
+});
+var SelectGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group, {
+	"data-slot": "select-group",
+	className: cn("scroll-my-1 p-1", className),
+	...props
+});
+var SelectTrigger = ({ className, size = "default", children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
+	"data-slot": "select-trigger",
+	"data-size": size,
+	className: cn("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+	...props,
+	children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "pointer-events-none size-4 text-muted-foreground" })
+	})]
+});
+var SelectContent = ({ className, children, position = "item-aligned", align = "center", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content2, {
+	"data-slot": "select-content",
+	"data-align-trigger": position === "item-aligned",
+	className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+	position,
+	align,
+	...props,
+	children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
+			"data-position": position,
+			className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""),
+			children
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
+	]
+}) });
+var SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
+	"data-slot": "select-item",
+	className: cn("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+	...props,
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "pointer-events-none" }) })
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemText, { children })]
+});
+var SelectScrollUpButton = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
+	"data-slot": "select-scroll-up-button",
+	className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {})
+});
+var SelectScrollDownButton = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
+	"data-slot": "select-scroll-down-button",
+	className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
+});
+var DIFF_SCOPE_LABELS = {
+	"last-commit": "Last Commit",
+	staged: "Staged",
+	uncommitted: "Uncommitted",
+	unstaged: "Unstaged"
+};
+var DIFF_SCOPE_EMPTY_MESSAGES = {
+	"last-commit": "No previous commit found",
+	staged: "No staged changes — stage files with git add",
+	uncommitted: "Working tree clean — no uncommitted changes",
+	unstaged: "No unstaged changes — all modifications are staged"
+};
+var DIFF_SCOPE_ICONS = {
+	"last-commit": GitCommitHorizontal,
+	staged: CircleCheckBig,
+	uncommitted: CircleDot,
+	unstaged: Circle
+};
+var CountBadge = ({ fileCount, isLoading }) => {
+	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full border border-border-default bg-surface-overlay px-1.5 text-[10px] text-text-tertiary motion-reduce:animate-none",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "size-3 animate-spin motion-reduce:animate-none" })
+	});
+	if (typeof fileCount !== "number") return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full border border-border-default bg-surface-overlay px-1.5 text-[10px] font-medium tabular-nums text-text-secondary",
+		children: fileCount
+	});
+};
+var DiffScopeSelector = ({ value, onChange, fileCount, isLoading = false }) => {
+	const SelectedIcon = isLoading ? LoaderCircle : DIFF_SCOPE_ICONS[value];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+		disabled: isLoading,
+		onValueChange: (0, import_react.useCallback)((scope) => {
+			onChange(scope);
+		}, [onChange]),
+		value,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger, {
+			"aria-label": "Diff scope",
+			className: cn("h-7 min-w-0 gap-1.5 rounded-[10px] border-border-subtle bg-surface-primary px-2 text-[11px] font-medium text-text-secondary shadow-none transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 active:scale-[0.97] motion-reduce:transform-none motion-reduce:transition-[color,background-color,border-color,box-shadow,opacity] [&_svg]:text-text-tertiary"),
+			size: "sm",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "flex min-w-0 items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectedIcon, { className: cn("size-3.5 shrink-0", isLoading && "animate-spin motion-reduce:animate-none") }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "truncate",
+					children: DIFF_SCOPE_LABELS[value]
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountBadge, {
+				fileCount,
+				isLoading
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, {
+			align: "end",
+			className: cn("min-w-44 rounded-xl border border-border-default bg-surface-elevated p-1 shadow-[0_18px_40px_-24px_rgba(0,0,0,0.7)] transition-[opacity,transform] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:scale-100 data-[state=open]:opacity-100 motion-reduce:transform-none motion-reduce:transition-opacity"),
+			position: "popper",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: DIFF_SCOPES.map((scope) => {
+				const Icon = DIFF_SCOPE_ICONS[scope];
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					className: "rounded-lg px-2 py-1.5 text-xs text-text-secondary focus:bg-surface-overlay focus:text-text-primary",
+					value: scope,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: DIFF_SCOPE_LABELS[scope]
+						})]
+					})
+				}, scope);
+			}) })
+		})]
+	});
+};
+var STORAGE_KEY = "ringi.session-draft.v1";
+var MAX_AGE_MS = 1800 * 1e3;
+var clearDraft = () => {
+	if (typeof window === "undefined") return;
+	try {
+		localStorage.removeItem(STORAGE_KEY);
+	} catch {}
+};
+var saveDraft = (draft) => {
+	if (typeof window === "undefined") return;
+	const payload = {
+		...draft,
+		savedAt: Date.now()
+	};
+	try {
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(payload));
+	} catch {}
+};
+var loadDraft = () => {
+	if (typeof window === "undefined") return null;
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY);
+		if (!raw) return null;
+		const data = JSON.parse(raw);
+		if (typeof data.savedAt !== "number" || !Array.isArray(data.viewedFiles) || typeof data.scope !== "string") return null;
+		if (Date.now() - data.savedAt > MAX_AGE_MS) {
+			clearDraft();
+			return null;
+		}
+		return {
+			savedAt: data.savedAt,
+			scope: data.scope,
+			selectedFile: typeof data.selectedFile === "string" ? data.selectedFile : null,
+			viewedFiles: data.viewedFiles.filter((v) => typeof v === "string")
+		};
+	} catch {
+		return null;
+	}
+};
+/**
+* Human-friendly relative time label for the recovery modal.
+*
+* Examples: "just now", "1 minute ago", "5 minutes ago", "1 hour ago"
+*/
+var formatRelativeTime$1 = (savedAt) => {
+	const diffMs = Date.now() - savedAt;
+	const diffSeconds = Math.floor(diffMs / 1e3);
+	const diffMinutes = Math.floor(diffSeconds / 60);
+	const diffHours = Math.floor(diffMinutes / 60);
+	if (diffSeconds < 30) return "just now";
+	if (diffMinutes < 1) return "less than a minute ago";
+	if (diffMinutes === 1) return "1 minute ago";
+	if (diffMinutes < 60) return `${diffMinutes} minutes ago`;
+	if (diffHours === 1) return "1 hour ago";
+	return `${diffHours} hours ago`;
+};
+var isDraftRecoverable = (draft, currentScope) => draft !== null && draft.scope === currentScope && draft.viewedFiles.length > 0;
+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 DraftRecoveryModal = ({ open, draft, onRestore, onDismiss }) => {
+	const fileCount = draft.viewedFiles.length;
+	const timeLabel = formatRelativeTime$1(draft.savedAt);
+	const handleRestore = (0, import_react.useCallback)(() => {
+		onRestore();
+	}, [onRestore]);
+	const handleDismiss = (0, import_react.useCallback)(() => {
+		onDismiss();
+	}, [onDismiss]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange: (0, import_react.useCallback)((v) => {
+			if (!v) onDismiss();
+		}, [onDismiss]),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "max-w-sm gap-0",
+			showCloseButton: false,
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Draft Recovered" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: `Found ${fileCount} viewed file${fileCount === 1 ? "" : "s"} from ${timeLabel}.` })] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "px-5 py-3",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+						className: "flex flex-col gap-1",
+						children: [draft.viewedFiles.slice(0, 5).map((filePath) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+							className: "truncate font-mono text-xs text-text-secondary",
+							children: filePath
+						}, filePath)), fileCount > 5 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+							className: "text-xs text-text-tertiary",
+							children: `… and ${fileCount - 5} more`
+						}) : null]
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleDismiss,
+					className: cn("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]", buttonMotionClass),
+					children: "Dismiss"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleRestore,
+					className: cn("rounded-lg bg-accent-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-accent-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary/40 active:scale-[0.97]", buttonMotionClass),
+					children: "Restore"
+				})] })
+			]
+		})
+	});
+};
+var EASE_OUT = "[transition-timing-function:cubic-bezier(0.23,1,0.32,1)]";
+var pressScale = "active:scale-[0.97]";
+var formatRelativeTime = (iso) => {
+	const date = new Date(iso);
+	if (Number.isNaN(date.getTime())) return "";
+	const diffMs = Date.now() - date.getTime();
+	const diffMin = Math.floor(diffMs / 6e4);
+	if (diffMin < 1) return "just now";
+	if (diffMin < 60) return `${diffMin}m ago`;
+	const diffHours = Math.floor(diffMin / 60);
+	if (diffHours < 24) return `${diffHours}h ago`;
+	return new Intl.DateTimeFormat(void 0, {
+		day: "numeric",
+		month: "short"
+	}).format(date);
+};
+var getFileName = (filePath) => {
+	return filePath.split("/").at(-1) ?? filePath;
+};
+var getDirPath = (filePath) => {
+	const parts = filePath.split("/");
+	if (parts.length <= 1) return "";
+	return parts.slice(0, -1).join("/");
+};
+var DeleteButton = ({ onDelete, annotationId }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: (0, import_react.useCallback)((e) => {
+			e.stopPropagation();
+			onDelete(annotationId);
+		}, [onDelete, annotationId]),
+		onKeyDown: (0, import_react.useCallback)((e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				e.stopPropagation();
+				onDelete(annotationId);
+			}
+		}, [onDelete, annotationId]),
+		"aria-label": "Delete annotation",
+		tabIndex: 0,
+		className: cn("ml-auto shrink-0 rounded px-1 py-0.5 text-text-quaternary", "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100", "transition-[opacity,color,background-color] duration-100", EASE_OUT, "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 focus-visible:ring-1 focus-visible:ring-status-error/30", "active:scale-[0.93]", "motion-reduce:transform-none"),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+			width: "11",
+			height: "11",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.25",
+			strokeLinecap: "round",
+			className: "shrink-0",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 3h8M4.5 3V2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1M5 5.5v3M7 5.5v3M3 3l.5 7a1 1 0 0 0 1 .9h3a1 1 0 0 0 1-.9L9 3" })
+		})
+	});
+};
+var AnnotationCard = ({ entry, onClick, onDelete }) => {
+	const handleClick = (0, import_react.useCallback)(() => onClick(entry), [entry, onClick]);
+	const handleKeyDown = (0, import_react.useCallback)((e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			onClick(entry);
+		}
+	}, [entry, onClick]);
+	const linePrefix = entry.lineType === "added" ? "+" : "-";
+	const lineColor = entry.lineType === "added" ? "text-diff-add-text" : "text-diff-remove-text";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		className: cn("group flex w-full cursor-pointer flex-col rounded-md px-2.5 py-2 text-left", "transition-[background-color,transform] duration-150", EASE_OUT, pressScale, "hover:bg-surface-overlay/60", "focus-visible:bg-surface-overlay/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-primary/40", "motion-reduce:transform-none"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: cn("rounded bg-surface-primary/80 px-1 py-px font-mono text-[10px] font-medium tabular-nums", lineColor),
+						children: [
+							linePrefix,
+							"L",
+							entry.lineNumber
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeleteButton, {
+						onDelete,
+						annotationId: entry.id
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-[10px] text-text-quaternary",
+						children: formatRelativeTime(entry.createdAt)
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-1 line-clamp-2 text-[11px] leading-[16px] text-text-secondary group-hover:text-text-primary",
+				children: entry.content
+			}),
+			entry.suggestion ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-1 flex items-center text-[10px] text-accent-primary/70",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					className: "shrink-0",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+						d: "M3 5l2.5 2.5L11 2M3 9h8",
+						stroke: "currentColor",
+						strokeWidth: "1.25",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			}) : null
+		]
+	});
+};
+var FileGroup = ({ group, onAnnotationClick, onDeleteAnnotation }) => {
+	const fileName = getFileName(group.filePath);
+	const dirPath = getDirPath(group.filePath);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "py-1",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1.5 px-3 py-1.5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 16 16",
+					fill: "currentColor",
+					className: "shrink-0 text-text-quaternary",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.621a.5.5 0 0 0 .353.146H12.5A1.5 1.5 0 0 1 14 4.707V12.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5V3.5Z" })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "min-w-0 truncate font-mono text-[11px] font-medium text-text-primary",
+					children: fileName
+				}),
+				dirPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "min-w-0 truncate font-mono text-[10px] text-text-quaternary",
+					children: dirPath
+				}) : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "ml-auto shrink-0 rounded-full bg-surface-overlay px-1.5 py-px text-[10px] tabular-nums text-text-tertiary",
+					children: group.annotations.length
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "space-y-0.5 px-1",
+			children: group.annotations.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnnotationCard, {
+				entry,
+				onClick: onAnnotationClick,
+				onDelete: onDeleteAnnotation
+			}, entry.id))
+		})]
+	});
+};
+var EmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: "flex flex-col items-center justify-center px-4 py-12 text-center",
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		width: "28",
+		height: "28",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		className: "text-text-quaternary/40",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 3.5A2.5 2.5 0 0 1 3.5 1h9A2.5 2.5 0 0 1 15 3.5v6a2.5 2.5 0 0 1-2.5 2.5H9l-3.5 3v-3H3.5A2.5 2.5 0 0 1 1 9.5v-6Z" })
+	})
+});
+var ClipboardIcon$1 = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.25",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "shrink-0",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		x: "5",
+		y: "5",
+		width: "8",
+		height: "8",
+		rx: "1.5"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 11H4.5A1.5 1.5 0 0 1 3 9.5V4.5A1.5 1.5 0 0 1 4.5 3H9.5A1.5 1.5 0 0 1 11 4.5V5" })]
+});
+var CheckIcon$1 = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "shrink-0 text-status-success",
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 6.5L5 9l4.5-6" })
+});
+var ErrorIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	className: "shrink-0 text-status-error",
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" })
+});
+var COPY_LABELS = {
+	copied: "Copied!",
+	error: "Failed",
+	idle: "Copy Feedback"
+};
+var COPY_STATUS_STYLES = {
+	copied: "text-status-success",
+	error: "text-status-error",
+	idle: "text-text-secondary hover:bg-surface-overlay hover:text-text-primary"
+};
+var CopyStatusIcon = ({ status }) => {
+	if (status === "copied") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckIcon$1, {});
+	if (status === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorIcon, {});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClipboardIcon$1, {});
+};
+var CopyFeedbackButton = ({ copyStatus, onCopyFeedback }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+	type: "button",
+	onClick: onCopyFeedback,
+	disabled: copyStatus !== "idle",
+	className: cn("inline-flex h-7 items-center gap-1.5 rounded-md px-2 text-[11px] font-medium", "transition-[background-color,color,transform,opacity] duration-150", EASE_OUT, pressScale, COPY_STATUS_STYLES[copyStatus], copyStatus !== "idle" && "pointer-events-none", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-primary/40", "motion-reduce:transform-none"),
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyStatusIcon, { status: copyStatus }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: COPY_LABELS[copyStatus] })]
+});
+var AnnotationsPanel = ({ isOpen, onClose, groups, totalCount, copyStatus, onAnnotationClick, onDeleteAnnotation, onCopyFeedback }) => {
+	const panelRef = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		if (!isOpen) return;
+		const handleKeyDown = (e) => {
+			if (e.key === "Escape") {
+				e.stopPropagation();
+				onClose();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [isOpen, onClose]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
+		ref: panelRef,
+		role: "complementary",
+		"aria-label": "Annotations",
+		className: cn("flex h-full flex-col border-l border-border-default bg-surface-secondary", "transition-[width,opacity] duration-200", EASE_OUT, "motion-reduce:transition-none", isOpen ? "w-72 opacity-100" : "w-0 opacity-0 overflow-hidden"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-10 shrink-0 items-center justify-end border-b border-border-default px-3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onClose,
+					"aria-label": "Close annotations panel",
+					className: cn("inline-flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary", "transition-[background-color,color,transform] duration-150", EASE_OUT, pressScale, "hover:bg-surface-overlay hover:text-text-primary", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-primary/40", "motion-reduce:transform-none"),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 12 12",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" })
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex-1 overflow-y-auto overflow-x-hidden py-1",
+				children: groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "divide-y divide-border-subtle",
+					children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileGroup, {
+						group,
+						onAnnotationClick,
+						onDeleteAnnotation
+					}, group.filePath))
+				})
+			}),
+			totalCount > 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.jsx)(CopyFeedbackButton, {
+					copyStatus,
+					onCopyFeedback
+				})
+			}) : null
+		]
+	});
+};
+var formatAnnotationFeedback = (groups) => {
+	const comments = [];
+	for (const group of groups) for (const entry of group.annotations) comments.push({
+		content: entry.content,
+		filePath: entry.filePath,
+		lineNumber: entry.lineNumber,
+		lineType: entry.lineType === "context" ? "context" : entry.lineType,
+		suggestion: entry.suggestion
+	});
+	return formatReviewFeedback(comments);
+};
+var useAnnotationsPanel = ({ getLocalComments, onNavigate, onDeleteAnnotation }) => {
+	const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+	const [copyStatus, setCopyStatus] = (0, import_react.useState)("idle");
+	const handleToggle = (0, import_react.useCallback)(() => setIsOpen((prev) => !prev), []);
+	const handleClose = (0, import_react.useCallback)(() => setIsOpen(false), []);
+	const handleAnnotationClick = (0, import_react.useCallback)((entry) => {
+		onNavigate(entry.filePath, entry.lineNumber);
+	}, [onNavigate]);
+	const handleDeleteAnnotation = (0, import_react.useCallback)((id) => {
+		onDeleteAnnotation?.(id);
+	}, [onDeleteAnnotation]);
+	return {
+		buildGroups: (0, import_react.useCallback)(() => {
+			const commentsMap = getLocalComments();
+			const groups = [];
+			for (const [filePath, comments] of commentsMap) {
+				if (comments.length === 0) continue;
+				const annotations = comments.map((c) => ({
+					content: c.content,
+					createdAt: c.createdAt,
+					filePath: c.filePath,
+					id: c.id,
+					lineNumber: c.lineNumber,
+					lineType: c.lineType,
+					suggestion: c.suggestion
+				}));
+				groups.push({
+					annotations,
+					filePath
+				});
+			}
+			groups.sort((a, b) => a.filePath.localeCompare(b.filePath));
+			return groups;
+		}, [getLocalComments]),
+		copyStatus,
+		handleAnnotationClick,
+		handleClose,
+		handleCopyFeedback: (0, import_react.useCallback)(async (groups) => {
+			const markdown = formatAnnotationFeedback(groups);
+			if (!markdown) return;
+			try {
+				await navigator.clipboard.writeText(markdown);
+				setCopyStatus("copied");
+			} catch {
+				setCopyStatus("error");
+			}
+			setTimeout(() => setCopyStatus("idle"), 1500);
+		}, []),
+		handleDeleteAnnotation,
+		handleToggle,
+		isOpen,
+		totalCount: (0, import_react.useMemo)(() => {
+			const commentsMap = getLocalComments();
+			let count = 0;
+			for (const comments of commentsMap.values()) count += comments.length;
+			return count;
+		}, [getLocalComments])
+	};
+};
+var SSEEventSchema = Struct({
+	data: Unknown.pipe(optionalKey),
+	timestamp: Number$1,
+	type: Literals([
+		"todos",
+		"reviews",
+		"comments",
+		"files"
+	])
+});
+var decodeSSEEvent = (raw) => {
+	try {
+		const parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+		return decodeUnknownOption(SSEEventSchema)(parsed);
+	} catch {
+		return none();
+	}
+};
+function useEventSource(options = {}) {
+	const { url = "/api/events", onEvent, enabled = true } = options;
+	const [connected, setConnected] = (0, import_react.useState)(false);
+	const onEventRef = (0, import_react.useRef)(onEvent);
+	onEventRef.current = onEvent;
+	const reconnectTimeoutRef = (0, import_react.useRef)(null);
+	const esRef = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		if (!enabled || typeof window === "undefined") return;
+		function connect() {
+			const es = new EventSource(url);
+			esRef.current = es;
+			es.onopen = () => setConnected(true);
+			es.onerror = () => {
+				setConnected(false);
+				es.close();
+				esRef.current = null;
+				if (reconnectTimeoutRef.current === null) reconnectTimeoutRef.current = setTimeout(() => {
+					reconnectTimeoutRef.current = null;
+					connect();
+				}, 1e3);
+			};
+			es.onmessage = (event) => {
+				map(decodeSSEEvent(event.data), (data) => onEventRef.current?.(data));
+			};
+		}
+		connect();
+		return () => {
+			if (reconnectTimeoutRef.current !== null) {
+				clearTimeout(reconnectTimeoutRef.current);
+				reconnectTimeoutRef.current = null;
+			}
+			esRef.current?.close();
+			esRef.current = null;
+			setConnected(false);
+		};
+	}, [url, enabled]);
+	return { connected };
+}
+/** Pick the first non-binary, commentable file. */
+var pickDefaultFile = (files) => {
+	for (const file of files) if (file.hunks.length > 0) return file.newPath;
+	return files[0]?.newPath ?? null;
+};
+var EmptyDiffState = ({ message }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: "rounded-sm border border-border-default bg-surface-elevated p-8 text-center",
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "text-sm text-text-tertiary",
+		children: message
+	})
+});
+var DiffContent = ({ hasFiles, emptyMessage, file, diffMode, summary, onLocalCommentsChange, viewed, onToggleViewed, pendingDeleteId, onPendingDeleteHandled }) => {
+	if (!hasFiles) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDiffState, { message: emptyMessage });
+	if (!file) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDiffState, { message: "Select a file to view its diff." });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffSummary, { summary }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffView, {
+			file,
+			diffMode,
+			onLocalCommentsChange,
+			viewed,
+			onToggleViewed,
+			pendingDeleteId,
+			onPendingDeleteHandled
+		})]
+	});
+};
+var ChangesPage = () => {
+	const data = useLoaderData({ from: "/" });
+	const navigate = useNavigate();
+	const router = useRouter();
+	useEventSource({ onEvent: () => router.invalidate() });
+	const [selectedFile, setSelectedFile] = (0, import_react.useState)(() => pickDefaultFile(data.files));
+	const [viewedFiles, setViewedFiles] = (0, import_react.useState)(/* @__PURE__ */ new Set());
+	const [diffMode, setDiffMode] = (0, import_react.useState)("split");
+	const [pendingScope, setPendingScope] = (0, import_react.useState)(null);
+	const [exportOpen, setExportOpen] = (0, import_react.useState)(false);
+	const localCommentsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+	const [localCommentSnapshot, setLocalCommentSnapshot] = (0, import_react.useState)([]);
+	const [annotationVersion, setAnnotationVersion] = (0, import_react.useState)(0);
+	const [recoveryDraft, setRecoveryDraft] = (0, import_react.useState)(() => {
+		const draft = loadDraft();
+		return isDraftRecoverable(draft, data.scope) ? draft : null;
+	});
+	const selectedFileData = (0, import_react.useMemo)(() => data.files.find((f) => f.newPath === selectedFile) ?? null, [data.files, selectedFile]);
+	const getLocalComments = (0, import_react.useCallback)(() => localCommentsRef.current, []);
+	const handleAnnotationNavigate = (0, import_react.useCallback)((filePath, _lineNumber) => {
+		setSelectedFile(filePath);
+		requestAnimationFrame(() => {
+			const anchorId = `diff-file-${filePath.replaceAll("/", "-")}`;
+			const el = document.querySelector(`#${anchorId}`);
+			if (el) el.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		});
+	}, []);
+	const [pendingDeleteId, setPendingDeleteId] = (0, import_react.useState)(null);
+	const handleClearPendingDelete = (0, import_react.useCallback)(() => {
+		setPendingDeleteId(null);
+	}, []);
+	const annotationsPanel = useAnnotationsPanel({
+		getLocalComments,
+		onDeleteAnnotation: (0, import_react.useCallback)((id) => {
+			if ((selectedFile ? localCommentsRef.current.get(selectedFile) : void 0)?.some((c) => c.id === id)) setPendingDeleteId(id);
+			else {
+				for (const [filePath, comments] of localCommentsRef.current) {
+					const filtered = comments.filter((c) => c.id !== id);
+					if (filtered.length !== comments.length) {
+						if (filtered.length === 0) localCommentsRef.current.delete(filePath);
+						else localCommentsRef.current.set(filePath, filtered);
+						break;
+					}
+				}
+				setAnnotationVersion((v) => v + 1);
+			}
+		}, [selectedFile]),
+		onNavigate: handleAnnotationNavigate
+	});
+	const { buildGroups: buildAnnotationGroups } = annotationsPanel;
+	const annotationGroups = (0, import_react.useMemo)(() => buildAnnotationGroups(), [buildAnnotationGroups, annotationVersion]);
+	(0, import_react.useEffect)(() => {
+		setSelectedFile(pickDefaultFile(data.files));
+		setViewedFiles(/* @__PURE__ */ new Set());
+		setPendingScope(null);
+	}, [data.scope, data.files]);
+	const handleToggleViewed = (0, import_react.useCallback)((filePath) => {
+		setViewedFiles((prev) => {
+			const next = new Set(prev);
+			if (next.has(filePath)) next.delete(filePath);
+			else next.add(filePath);
+			return next;
+		});
+	}, []);
+	(0, import_react.useEffect)(() => {
+		if (viewedFiles.size === 0) return;
+		saveDraft({
+			scope: data.scope,
+			selectedFile,
+			viewedFiles: [...viewedFiles]
+		});
+	}, [
+		viewedFiles,
+		selectedFile,
+		data.scope
+	]);
+	useKeyboardShortcuts((0, import_react.useMemo)(() => [{
+		description: "New review",
+		handler: () => {
+			window.location.href = "/reviews/new";
+		},
+		key: "n"
+	}, {
+		description: "Go to Reviews",
+		handler: () => navigate({ to: "/reviews" }),
+		key: "r"
+	}], [navigate]));
+	const handleSelectFile = (0, import_react.useCallback)((path) => {
+		setSelectedFile(path);
+	}, []);
+	const handleLocalCommentsChange = (0, import_react.useCallback)((filePath, comments) => {
+		if (comments.length === 0) localCommentsRef.current.delete(filePath);
+		else localCommentsRef.current.set(filePath, comments);
+		setAnnotationVersion((v) => v + 1);
+	}, []);
+	const handleExport = (0, import_react.useCallback)(() => {
+		const all = [];
+		for (const comments of localCommentsRef.current.values()) for (const c of comments) all.push({
+			content: c.content,
+			filePath: c.filePath,
+			lineNumber: c.lineNumber,
+			lineType: c.lineType,
+			suggestion: c.suggestion
+		});
+		setLocalCommentSnapshot(all);
+		setExportOpen(true);
+	}, []);
+	const { handleCopyFeedback } = annotationsPanel;
+	const handleCopyAnnotationFeedback = (0, import_react.useCallback)(() => {
+		handleCopyFeedback(annotationGroups);
+	}, [handleCopyFeedback, annotationGroups]);
+	const toggleDiffMode = (0, import_react.useCallback)(() => {
+		setDiffMode((prev) => prev === "split" ? "unified" : "split");
+	}, []);
+	const handleScopeChange = (0, import_react.useCallback)(async (scope) => {
+		if (scope === data.scope) return;
+		setPendingScope(scope);
+		setSelectedFile(null);
+		try {
+			await navigate({
+				search: (previous) => ({
+					...previous,
+					scope
+				}),
+				to: "/"
+			});
+		} finally {
+			setPendingScope(null);
+		}
+	}, [data.scope, navigate]);
+	const showStageAction = data.scope === "unstaged" || data.scope === "uncommitted";
+	const handleStageFile = (0, import_react.useCallback)((filePath) => {
+		clientRuntime.runFork(gen(function* stageFile() {
+			const { http } = yield* ApiClient;
+			return yield* http.git.stage({ payload: { files: [filePath] } });
+		}).pipe(tap(() => promise(() => router.invalidate())), catchCause(() => void_)));
+	}, [router]);
+	const handleCopyFileDiff = (0, import_react.useCallback)(async () => {
+		if (!selectedFileData) return;
+		const text = selectedFileData.hunks.flatMap((hunk) => hunk.lines.map((line) => line.content)).join("\n");
+		await navigator.clipboard.writeText(text);
+	}, [selectedFileData]);
+	const handleRestoreDraft = (0, import_react.useCallback)(() => {
+		if (!recoveryDraft) return;
+		setViewedFiles(new Set(recoveryDraft.viewedFiles));
+		if (recoveryDraft.selectedFile && data.files.some((f) => f.newPath === recoveryDraft.selectedFile)) setSelectedFile(recoveryDraft.selectedFile);
+		setRecoveryDraft(null);
+		clearDraft();
+	}, [recoveryDraft, data.files]);
+	const handleDismissDraft = (0, import_react.useCallback)(() => {
+		setRecoveryDraft(null);
+		clearDraft();
+	}, []);
+	const displayedScope = pendingScope ?? data.scope;
+	const isScopePending = pendingScope !== null && pendingScope !== data.scope;
+	const emptyStateMessage = DIFF_SCOPE_EMPTY_MESSAGES[data.scope];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full flex-col",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionBar, {
+				repoName: data.repository.name,
+				branchName: data.repository.branch,
+				scopeLabel: `${DIFF_SCOPE_LABELS[data.scope]} changes`,
+				diffMode,
+				onToggleDiffMode: toggleDiffMode,
+				onExport: handleExport,
+				onCopyDiff: handleCopyFileDiff,
+				reviewedFileCount: viewedFiles.size,
+				totalFileCount: data.files.length,
+				unresolvedCount: annotationsPanel.totalCount,
+				isAnnotationsOpen: annotationsPanel.isOpen,
+				onToggleAnnotations: annotationsPanel.handleToggle
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-0 flex-1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileTree, {
+						emptyStateMessage,
+						files: data.files,
+						headerAction: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffScopeSelector, {
+							fileCount: isScopePending ? void 0 : data.files.length,
+							isLoading: isScopePending,
+							onChange: handleScopeChange,
+							value: displayedScope
+						}),
+						onSelectFile: handleSelectFile,
+						selectedFile,
+						reviewedFiles: viewedFiles,
+						onToggleViewed: handleToggleViewed,
+						onStageFile: showStageAction ? handleStageFile : void 0
+					}, data.scope),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex-1 overflow-y-auto bg-surface-primary p-4",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffContent, {
+							hasFiles: data.files.length > 0,
+							emptyMessage: emptyStateMessage,
+							file: selectedFileData,
+							diffMode,
+							summary: data.summary,
+							onLocalCommentsChange: handleLocalCommentsChange,
+							viewed: selectedFile ? viewedFiles.has(selectedFile) : false,
+							onToggleViewed: handleToggleViewed,
+							pendingDeleteId,
+							onPendingDeleteHandled: handleClearPendingDelete
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnnotationsPanel, {
+						isOpen: annotationsPanel.isOpen,
+						onClose: annotationsPanel.handleClose,
+						groups: annotationGroups,
+						totalCount: annotationsPanel.totalCount,
+						copyStatus: annotationsPanel.copyStatus,
+						onAnnotationClick: annotationsPanel.handleAnnotationClick,
+						onDeleteAnnotation: annotationsPanel.handleDeleteAnnotation,
+						onCopyFeedback: handleCopyAnnotationFeedback
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExportFeedbackModal, {
+				open: exportOpen,
+				onOpenChange: setExportOpen,
+				localComments: localCommentSnapshot
+			}),
+			recoveryDraft ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DraftRecoveryModal, {
+				open: true,
+				draft: recoveryDraft,
+				onRestore: handleRestoreDraft,
+				onDismiss: handleDismissDraft
+			}) : null
+		]
+	});
+};
+//#endregion
+export { ChangesPage as component };