@pstdio/ui 0.26.0 → 0.36.0

package/dist/diff-drawer-45rpk3aq.js

@@ -0,0 +1,776 @@
+import { n as e, t } from "./scroll-area-Cr1lNXAr.js";
+import { t as n } from "./empty-state-3mVV_pV-.js";
+import { t as r } from "./diff-bubble-DZsarmSG.js";
+import { a as i, i as a, n as o, o as s, r as c } from "./diff-size-Dydn_Uw5.js";
+import { r as l, t as u } from "./diff-editor-CGpeyoCE.js";
+import { Box as d, Button as f, Grid as p, IconButton as m, Image as h, Skeleton as g, Stack as _, Text as v } from "@chakra-ui/react";
+import { c as y } from "react/compiler-runtime";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useEffect as S, useLayoutEffect as C, useRef as w, useState as T } from "react";
+import { Check as E, ChevronDown as D, ChevronRight as O, Copy as k } from "lucide-react";
+import { defaultRangeExtractor as A, useVirtualizer as j } from "@tanstack/react-virtual";
+//#region src/components/diff-viewer/diff-card-body.tsx
+var M = (e) => {
+	let { diff: t, filePath: n, oldContent: r, newContent: a, isLargeDiff: s, hasOptedIntoLargeDiff: u, onShowFullDiff: d, diffViewMode: f = "unified", buildViewData: p } = e;
+	if (c(n)) {
+		let e = N(r), t = N(a);
+		return i(n) && (e || t) ? {
+			kind: "image",
+			filePath: n,
+			oldSrc: e,
+			newSrc: t
+		} : {
+			kind: "binary",
+			filePath: n,
+			isImage: i(n)
+		};
+	}
+	return s && !u ? {
+		kind: "placeholder",
+		filePath: n,
+		renderedLineCount: o(t),
+		onShowFullDiff: d
+	} : {
+		kind: "editor",
+		diffViewData: (p ?? l)({
+			original: r,
+			modified: a,
+			oldPath: t.oldPath,
+			newPath: t.newPath
+		}),
+		sideBySide: f === "split"
+	};
+}, N = (e) => e.startsWith("data:image/") ? e : "", P = (e) => {
+	let t = y(22), { diff: n, filePath: r, oldContent: i, newContent: a, isLargeDiff: o, hasOptedIntoLargeDiff: s, onShowFullDiff: c, diffViewMode: l } = e, f = l === void 0 ? "unified" : l, p;
+	t[0] !== n || t[1] !== f || t[2] !== r || t[3] !== s || t[4] !== o || t[5] !== a || t[6] !== i || t[7] !== c ? (p = M({
+		diff: n,
+		filePath: r,
+		oldContent: i,
+		newContent: a,
+		isLargeDiff: o,
+		hasOptedIntoLargeDiff: s,
+		onShowFullDiff: c,
+		diffViewMode: f
+	}), t[0] = n, t[1] = f, t[2] = r, t[3] = s, t[4] = o, t[5] = a, t[6] = i, t[7] = c, t[8] = p) : p = t[8];
+	let m = p, h;
+	return t[9] !== n || t[10] !== m.diffViewData || t[11] !== m.filePath || t[12] !== m.isImage || t[13] !== m.kind || t[14] !== m.newSrc || t[15] !== m.oldSrc || t[16] !== m.onShowFullDiff || t[17] !== m.renderedLineCount || t[18] !== m.sideBySide || t[19] !== a || t[20] !== i ? (h = /* @__PURE__ */ b(d, {
+		bg: "bg",
+		borderBottomRadius: "xs",
+		overflow: "hidden",
+		children: m.kind === "editor" ? /* @__PURE__ */ b(u, {
+			original: i,
+			modified: a,
+			oldPath: n.oldPath,
+			newPath: n.newPath,
+			sideBySide: m.sideBySide,
+			data: m.diffViewData
+		}) : m.kind === "image" ? /* @__PURE__ */ b(F, {
+			oldSrc: m.oldSrc,
+			newSrc: m.newSrc
+		}) : m.kind === "binary" ? /* @__PURE__ */ b(R, { isImage: m.isImage }) : /* @__PURE__ */ b(L, {
+			filePath: m.filePath,
+			renderedLineCount: m.renderedLineCount,
+			onShowFullDiff: m.onShowFullDiff
+		})
+	}), t[9] = n, t[10] = m.diffViewData, t[11] = m.filePath, t[12] = m.isImage, t[13] = m.kind, t[14] = m.newSrc, t[15] = m.oldSrc, t[16] = m.onShowFullDiff, t[17] = m.renderedLineCount, t[18] = m.sideBySide, t[19] = a, t[20] = i, t[21] = h) : h = t[21], h;
+}, F = (e) => {
+	let t = y(8), { oldSrc: n, newSrc: r } = e, i;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+		base: "1fr",
+		md: "1fr 1fr"
+	}, t[0] = i) : i = t[0];
+	let a;
+	t[1] === n ? a = t[2] : (a = /* @__PURE__ */ b(I, {
+		label: "Old",
+		src: n,
+		fallback: "No old image"
+	}), t[1] = n, t[2] = a);
+	let o;
+	t[3] === r ? o = t[4] : (o = /* @__PURE__ */ b(I, {
+		label: "New",
+		src: r,
+		fallback: "No new image"
+	}), t[3] = r, t[4] = o);
+	let s;
+	return t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ x(p, {
+		templateColumns: i,
+		gap: "sm",
+		p: "sm",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		bg: "bg",
+		children: [a, o]
+	}), t[5] = a, t[6] = o, t[7] = s) : s = t[7], s;
+}, I = (e) => {
+	let t = y(9), { label: n, src: r, fallback: i } = e, a;
+	t[0] === n ? a = t[1] : (a = /* @__PURE__ */ b(v, {
+		px: "xs",
+		py: "2xs",
+		textStyle: "label/S/medium",
+		color: "fg.muted",
+		borderBottom: "1px solid",
+		borderColor: "border.subtle",
+		children: n
+	}), t[0] = n, t[1] = a);
+	let o;
+	t[2] !== i || t[3] !== n || t[4] !== r ? (o = /* @__PURE__ */ b(d, {
+		display: "grid",
+		placeItems: "center",
+		minH: "180px",
+		p: "sm",
+		children: r ? /* @__PURE__ */ b(h, {
+			src: r,
+			alt: `${n} image diff`,
+			maxH: "260px",
+			maxW: "100%",
+			objectFit: "contain"
+		}) : /* @__PURE__ */ b(v, {
+			color: "fg.muted",
+			textStyle: "body/S/regular",
+			children: i
+		})
+	}), t[2] = i, t[3] = n, t[4] = r, t[5] = o) : o = t[5];
+	let s;
+	return t[6] !== a || t[7] !== o ? (s = /* @__PURE__ */ x(d, {
+		border: "1px solid",
+		borderColor: "border.subtle",
+		borderRadius: "xs",
+		overflow: "hidden",
+		bg: "bg.subtle",
+		minW: "0",
+		children: [a, o]
+	}), t[6] = a, t[7] = o, t[8] = s) : s = t[8], s;
+}, L = (e) => {
+	let t = y(5), { filePath: r, onShowFullDiff: i } = e, a;
+	t[0] !== r || t[1] !== i ? (a = i ? /* @__PURE__ */ b(f, {
+		size: "xs",
+		variant: "outline",
+		"aria-label": `Render full diff for ${r}`,
+		onClick: i,
+		children: "Show full diff"
+	}) : null, t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+	let o;
+	return t[3] === a ? o = t[4] : (o = /* @__PURE__ */ b(d, {
+		p: "md",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		bg: "bg",
+		children: /* @__PURE__ */ b(n, {
+			title: "Large diffs are hidden by default",
+			paddingY: "sm",
+			children: a
+		})
+	}), t[3] = a, t[4] = o), o;
+}, R = (e) => {
+	let t = y(2), { isImage: r } = e, i = r ? "Image diffs are not shown" : "Binary diffs are not shown", a;
+	return t[0] === i ? a = t[1] : (a = /* @__PURE__ */ b(d, {
+		p: "md",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		bg: "bg",
+		children: /* @__PURE__ */ b(n, {
+			title: i,
+			paddingY: "sm"
+		})
+	}), t[0] = i, t[1] = a), a;
+}, z = (e) => {
+	let t = y(7), { title: r, actionLabel: i, isLoadingDiff: a, onAction: o } = e, s;
+	t[0] !== i || t[1] !== a || t[2] !== o ? (s = i ? /* @__PURE__ */ b(f, {
+		size: "xs",
+		variant: "outline",
+		loading: a,
+		onClick: o,
+		children: i
+	}) : null, t[0] = i, t[1] = a, t[2] = o, t[3] = s) : s = t[3];
+	let c;
+	return t[4] !== s || t[5] !== r ? (c = /* @__PURE__ */ b(d, {
+		bg: "bg",
+		p: "md",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		children: /* @__PURE__ */ b(n, {
+			title: r,
+			paddingY: "sm",
+			children: s
+		})
+	}), t[4] = s, t[5] = r, t[6] = c) : c = t[6], c;
+}, B = [
+	"first",
+	"second",
+	"third"
+], V = () => {
+	let e = y(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ b(_, {
+		h: "280px",
+		bg: "bg",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		p: "xs",
+		gap: "2xs",
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": "Loading diff",
+		children: B.map(H)
+	}), e[0] = t) : t = e[0], t;
+};
+function H(e) {
+	return /* @__PURE__ */ b(g, {
+		h: "20px",
+		w: "full",
+		borderRadius: "xs"
+	}, e);
+}
+//#endregion
+//#region src/components/diff-viewer/diff-card-content.tsx
+var U = (e) => {
+	let { isLargeDiff: t, isGeneratedDiff: n, loadError: r, canLoadDiff: i, onLoadDiff: a, onShowFullDiff: o } = e, s = "Diff content is not loaded yet.", c = i ? "Load diff" : void 0, l = i ? () => void a() : void 0;
+	return t && (s = "Large diffs are hidden by default", c = i ? "Show full diff" : void 0, l = () => {
+		o?.(), a();
+	}), n && (s = "Generated diffs are hidden by default", c = i ? "Load diff" : void 0, l = i ? () => void a() : void 0), r && (s = "Diff failed to load. Try again.", c = i ? "Load diff" : void 0, l = i ? () => void a() : void 0), {
+		title: s,
+		actionLabel: c,
+		onAction: l
+	};
+}, ee = (e) => {
+	let t = y(30), { diff: n, filePath: r, oldContent: i, newContent: a, isExpanded: o, isLargeDiff: s, isGeneratedDiff: c, isBinaryDiff: l, hasDiffContent: u, canLoadDiff: d, shouldAutoLoadDiff: f, loadError: p, isLoadingDiff: m, onLoadDiff: h, hasOptedIntoLargeDiff: g, onShowFullDiff: _, diffViewMode: v } = e, x = v === void 0 ? "unified" : v;
+	if (!o) return null;
+	if (l) {
+		let e;
+		return t[0] !== n || t[1] !== x || t[2] !== r || t[3] !== g || t[4] !== a || t[5] !== i || t[6] !== _ ? (e = /* @__PURE__ */ b(P, {
+			diff: n,
+			filePath: r,
+			oldContent: i,
+			newContent: a,
+			isLargeDiff: !1,
+			hasOptedIntoLargeDiff: g,
+			onShowFullDiff: _,
+			diffViewMode: x
+		}), t[0] = n, t[1] = x, t[2] = r, t[3] = g, t[4] = a, t[5] = i, t[6] = _, t[7] = e) : e = t[7], e;
+	}
+	if (!u && !f) {
+		let e;
+		t[8] !== d || t[9] !== c || t[10] !== s || t[11] !== p || t[12] !== h || t[13] !== _ ? (e = U({
+			isLargeDiff: s,
+			isGeneratedDiff: c,
+			loadError: p,
+			canLoadDiff: d,
+			onLoadDiff: h,
+			onShowFullDiff: _
+		}), t[8] = d, t[9] = c, t[10] = s, t[11] = p, t[12] = h, t[13] = _, t[14] = e) : e = t[14];
+		let { title: n, actionLabel: r, onAction: i } = e, a;
+		return t[15] !== r || t[16] !== m || t[17] !== i || t[18] !== n ? (a = /* @__PURE__ */ b(z, {
+			title: n,
+			actionLabel: r,
+			isLoadingDiff: m,
+			onAction: i
+		}), t[15] = r, t[16] = m, t[17] = i, t[18] = n, t[19] = a) : a = t[19], a;
+	}
+	if (f) {
+		let e;
+		return t[20] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ b(V, {}), t[20] = e) : e = t[20], e;
+	}
+	let S;
+	return t[21] !== n || t[22] !== x || t[23] !== r || t[24] !== g || t[25] !== s || t[26] !== a || t[27] !== i || t[28] !== _ ? (S = /* @__PURE__ */ b(P, {
+		diff: n,
+		filePath: r,
+		oldContent: i,
+		newContent: a,
+		isLargeDiff: s,
+		hasOptedIntoLargeDiff: g,
+		onShowFullDiff: _,
+		diffViewMode: x
+	}), t[21] = n, t[22] = x, t[23] = r, t[24] = g, t[25] = s, t[26] = a, t[27] = i, t[28] = _, t[29] = S) : S = t[29], S;
+}, te = (e) => {
+	let { isExpanded: t, isSelected: n, hasDiffContent: r, isLargeDiff: i, isGeneratedDiff: a, isBinaryDiff: o, requestedPath: s, filePath: c } = e;
+	return t && n && !r && !i && !a && !o && s !== c;
+}, W = (e) => {
+	let { requestedPath: t, filePath: n, hasDiffContent: r } = e;
+	return t === n && r ? null : t;
+}, ne = (e) => !i(e), re = (e) => e.newPath || e.oldPath || "unknown", ie = (e) => {
+	let { filePath: t, isExpanded: n, isSelected: r, hasDiffContent: i, isLargeDiff: a, isGeneratedDiff: o, isBinaryDiff: s, onLoadDiff: c } = e, [l, u] = T(!1), [d, f] = T(null), [p, m] = T(!1), h = async () => {
+		if (c && !l) {
+			f(t), m(!1), u(!0);
+			try {
+				await c(t);
+			} catch {
+				f(null), m(!0);
+			} finally {
+				u(!1);
+			}
+		}
+	}, g = te({
+		isExpanded: n,
+		isSelected: r,
+		hasDiffContent: i,
+		isLargeDiff: a,
+		isGeneratedDiff: o,
+		isBinaryDiff: s,
+		requestedPath: d,
+		filePath: t
+	});
+	return S(() => {
+		f((e) => W({
+			requestedPath: e,
+			filePath: t,
+			hasDiffContent: i
+		}));
+	}, [t, i]), S(() => {
+		c && g && !p && h();
+	}), {
+		isLoadingDiff: l,
+		loadError: p,
+		shouldAutoLoadDiff: !!c && g && !p,
+		loadDiff: h
+	};
+}, ae = (e) => {
+	let t = y(44), { diff: n, isSelected: r, isExpanded: o, onToggleExpanded: l, onSelect: u, onLoadDiff: f, hasOptedIntoLargeDiff: p, onShowFullDiff: m, diffViewMode: h } = e, g = r !== void 0 && r, _ = o === void 0 || o, v = p !== void 0 && p, S = h === void 0 ? "unified" : h, C, w, T, E, D, O;
+	t[0] === n ? (C = t[1], w = t[2], T = t[3], E = t[4], D = t[5], O = t[6]) : (C = re(n), D = n.oldContent || "", E = n.newContent || "", T = s(n), w = a(C), O = c(C) && !i(C), t[0] = n, t[1] = C, t[2] = w, t[3] = T, t[4] = E, t[5] = D, t[6] = O);
+	let k = O, A = n.oldContent !== void 0 || n.newContent !== void 0, j = T && !v, M;
+	t[7] !== k || t[8] !== C || t[9] !== A || t[10] !== _ || t[11] !== w || t[12] !== g || t[13] !== f || t[14] !== j ? (M = {
+		filePath: C,
+		isExpanded: _,
+		isSelected: g,
+		hasDiffContent: A,
+		isLargeDiff: j,
+		isGeneratedDiff: w,
+		isBinaryDiff: k,
+		onLoadDiff: f
+	}, t[7] = k, t[8] = C, t[9] = A, t[10] = _, t[11] = w, t[12] = g, t[13] = f, t[14] = j, t[15] = M) : M = t[15];
+	let { isLoadingDiff: N, loadError: P, shouldAutoLoadDiff: F, loadDiff: I } = ie(M), L = g ? "border.accent" : "border.subtle", R;
+	t[16] === Symbol.for("react.memo_cache_sentinel") ? (R = { borderColor: "border.accent" }, t[16] = R) : R = t[16];
+	let z;
+	t[17] !== n || t[18] !== _ || t[19] !== l ? (z = /* @__PURE__ */ b(G, {
+		diff: n,
+		isExpanded: _,
+		onToggleExpanded: l
+	}), t[17] = n, t[18] = _, t[19] = l, t[20] = z) : z = t[20];
+	let B = !!f, V;
+	t[21] !== k || t[22] !== n || t[23] !== S || t[24] !== C || t[25] !== A || t[26] !== v || t[27] !== _ || t[28] !== w || t[29] !== T || t[30] !== N || t[31] !== I || t[32] !== P || t[33] !== E || t[34] !== D || t[35] !== m || t[36] !== F || t[37] !== B ? (V = /* @__PURE__ */ b(ee, {
+		diff: n,
+		filePath: C,
+		oldContent: D,
+		newContent: E,
+		isExpanded: _,
+		isLargeDiff: T,
+		isGeneratedDiff: w,
+		isBinaryDiff: k,
+		hasDiffContent: A,
+		canLoadDiff: B,
+		shouldAutoLoadDiff: F,
+		loadError: P,
+		isLoadingDiff: N,
+		onLoadDiff: I,
+		hasOptedIntoLargeDiff: v,
+		onShowFullDiff: m,
+		diffViewMode: S
+	}), t[21] = k, t[22] = n, t[23] = S, t[24] = C, t[25] = A, t[26] = v, t[27] = _, t[28] = w, t[29] = T, t[30] = N, t[31] = I, t[32] = P, t[33] = E, t[34] = D, t[35] = m, t[36] = F, t[37] = B, t[38] = V) : V = t[38];
+	let H;
+	return t[39] !== u || t[40] !== V || t[41] !== L || t[42] !== z ? (H = /* @__PURE__ */ x(d, {
+		"data-testid": "diff-card",
+		border: "1px solid",
+		borderColor: L,
+		borderRadius: "xs",
+		overflow: "visible",
+		bg: "bg",
+		width: "100%",
+		maxW: "100%",
+		transition: "border-color 0.14s ease",
+		_hover: R,
+		onClick: u,
+		children: [z, V]
+	}), t[39] = u, t[40] = V, t[41] = L, t[42] = z, t[43] = H) : H = t[43], H;
+}, G = (t) => {
+	let n = y(58), { diff: i, isExpanded: a, onToggleExpanded: o } = t, s = a === void 0 || a, c, l, u, f;
+	n[0] === i ? (c = n[1], l = n[2], u = n[3], f = n[4]) : (u = re(i), c = i.additions ?? 0, l = i.deletions ?? 0, f = ne(u), n[0] = i, n[1] = c, n[2] = l, n[3] = u, n[4] = f);
+	let h = f, [g, _] = T(!1), C = w(null), A, j;
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (A = () => () => {
+		C.current !== null && window.clearTimeout(C.current);
+	}, j = [], n[5] = A, n[6] = j) : (A = n[5], j = n[6]), S(A, j);
+	let M;
+	n[7] === u ? M = n[8] : (M = async () => {
+		try {
+			await navigator.clipboard.writeText(u), _(!0), C.current !== null && window.clearTimeout(C.current), C.current = window.setTimeout(() => _(!1), 1200);
+		} catch {
+			_(!1);
+		}
+	}, n[7] = u, n[8] = M);
+	let N = M, P = s ? "1px solid" : "none", F = s ? "0" : "xs", I;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (I = { bg: "bg" }, n[9] = I) : I = n[9];
+	let L;
+	n[10] === o ? L = n[11] : (L = () => o?.(), n[10] = o, n[11] = L);
+	let R = s ? "Collapse" : "Expand", z;
+	n[12] === o ? z = n[13] : (z = (e) => {
+		e.stopPropagation(), o?.();
+	}, n[12] = o, n[13] = z);
+	let B;
+	n[14] === s ? B = n[15] : (B = b(s ? D : O, { size: 16 }), n[14] = s, n[15] = B);
+	let V;
+	n[16] !== z || n[17] !== B || n[18] !== R ? (V = /* @__PURE__ */ b(m, {
+		"aria-label": R,
+		variant: "ghost",
+		size: "2xs",
+		onClick: z,
+		flexShrink: 0,
+		children: B
+	}), n[16] = z, n[17] = B, n[18] = R, n[19] = V) : V = n[19];
+	let H;
+	n[20] !== i.change || n[21] !== i.newPath || n[22] !== i.oldPath || n[23] !== u ? (H = i.change === "renamed" ? /* @__PURE__ */ x(v, {
+		as: "span",
+		textStyle: "sm",
+		children: [
+			/* @__PURE__ */ b(v, {
+				as: "span",
+				color: "fg.muted",
+				textDecoration: "line-through",
+				mr: "xs",
+				children: i.oldPath
+			}),
+			/* @__PURE__ */ b(d, {
+				as: "span",
+				display: "inline-flex",
+				alignItems: "center",
+				verticalAlign: "middle",
+				mr: "xs",
+				children: /* @__PURE__ */ b(O, { size: 12 })
+			}),
+			i.newPath
+		]
+	}) : i.change === "deleted" ? /* @__PURE__ */ b(v, {
+		as: "span",
+		color: "fg.muted",
+		textDecoration: "line-through",
+		textStyle: "sm",
+		children: u
+	}) : /* @__PURE__ */ b(v, {
+		as: "span",
+		textStyle: "sm",
+		children: u
+	}), n[20] = i.change, n[21] = i.newPath, n[22] = i.oldPath, n[23] = u, n[24] = H) : H = n[24];
+	let U;
+	n[25] !== u || n[26] !== H ? (U = /* @__PURE__ */ b(d, {
+		minW: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap",
+		title: u,
+		children: H
+	}), n[25] = u, n[26] = H, n[27] = U) : U = n[27];
+	let ee = g ? "1" : "0", te = g ? "auto" : "none", W;
+	n[28] === Symbol.for("react.memo_cache_sentinel") ? (W = { "[data-testid='diff-card-header']:hover &, [data-testid='diff-card-header']:focus-within &": {
+		opacity: 1,
+		pointerEvents: "auto"
+	} }, n[28] = W) : W = n[28];
+	let ie = g ? "Copied" : "Copy file path", ae = g ? "Copied" : "Copy file path", G;
+	n[29] === N ? G = n[30] : (G = (e) => {
+		e.stopPropagation(), N();
+	}, n[29] = N, n[30] = G);
+	let K;
+	n[31] === g ? K = n[32] : (K = b(g ? E : k, { size: 12 }), n[31] = g, n[32] = K);
+	let q;
+	n[33] !== ae || n[34] !== G || n[35] !== K ? (q = /* @__PURE__ */ b(m, {
+		"aria-label": ae,
+		variant: "ghost",
+		size: "2xs",
+		onClick: G,
+		flexShrink: 0,
+		children: K
+	}), n[33] = ae, n[34] = G, n[35] = K, n[36] = q) : q = n[36];
+	let J;
+	n[37] !== ie || n[38] !== q ? (J = /* @__PURE__ */ b(e, {
+		content: ie,
+		children: q
+	}), n[37] = ie, n[38] = q, n[39] = J) : J = n[39];
+	let Y;
+	n[40] !== ee || n[41] !== te || n[42] !== J ? (Y = /* @__PURE__ */ b(d, {
+		opacity: ee,
+		pointerEvents: te,
+		transition: "opacity 120ms ease",
+		css: W,
+		children: J
+	}), n[40] = ee, n[41] = te, n[42] = J, n[43] = Y) : Y = n[43];
+	let X;
+	n[44] !== U || n[45] !== Y ? (X = /* @__PURE__ */ x(p, {
+		templateColumns: "minmax(0, max-content) auto",
+		alignItems: "center",
+		justifyContent: "start",
+		gap: "2xs",
+		minW: 0,
+		children: [U, Y]
+	}), n[44] = U, n[45] = Y, n[46] = X) : X = n[46];
+	let Z;
+	n[47] !== c || n[48] !== l || n[49] !== h ? (Z = h ? /* @__PURE__ */ b(d, {
+		flexShrink: 0,
+		children: /* @__PURE__ */ b(r, {
+			variant: "ghost",
+			additions: c,
+			deletions: l
+		})
+	}) : null, n[47] = c, n[48] = l, n[49] = h, n[50] = Z) : Z = n[50];
+	let Q;
+	return n[51] !== V || n[52] !== X || n[53] !== Z || n[54] !== P || n[55] !== F || n[56] !== L ? (Q = /* @__PURE__ */ x(p, {
+		"data-testid": "diff-card-header",
+		templateColumns: "auto minmax(0, 1fr) auto",
+		px: "xs",
+		py: "2xs",
+		alignItems: "center",
+		justifyContent: "space-between",
+		borderBottom: P,
+		borderColor: "border.subtle",
+		borderTopRadius: "xs",
+		borderBottomRadius: F,
+		position: "sticky",
+		top: "0",
+		zIndex: "1",
+		bg: "bg",
+		cursor: "pointer",
+		transition: "background 0.14s ease",
+		_hover: I,
+		onClick: L,
+		gap: "sm",
+		children: [
+			V,
+			X,
+			Z
+		]
+	}), n[51] = V, n[52] = X, n[53] = Z, n[54] = P, n[55] = F, n[56] = L, n[57] = Q) : Q = n[57], Q;
+}, K = () => {
+	let e = y(1), r;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(_, {
+		h: "full",
+		minH: "0",
+		gap: "0",
+		bg: "bg",
+		children: /* @__PURE__ */ b(t, {
+			flex: "1",
+			minH: "0",
+			contentProps: {
+				p: "xs",
+				spaceY: "xs"
+			},
+			children: /* @__PURE__ */ b(n, {
+				title: "No changes detected",
+				description: "Make some changes to see the diff here.",
+				paddingY: "sm"
+			})
+		})
+	}), e[0] = r) : r = e[0], r;
+}, q = 34, J = 18, Y = 28, X = 8, Z = () => 130, Q = (e) => {
+	let { diff: t, isCollapsed: n, hasOptedIntoLargeDiff: r = !1, diffViewMode: a = "unified" } = e;
+	if (n) return 42;
+	let o = t.oldContent !== void 0 || t.newContent !== void 0, u = t.newPath ?? t.oldPath ?? "";
+	if (i(u) && (t.oldContent || t.newContent)) return 380;
+	if (c(u) || !o || s(t) && !r) return Z();
+	let { unifiedContentRows: d, splitContentRows: f, hunkRows: p } = l({
+		original: t.oldContent ?? "",
+		modified: t.newContent ?? "",
+		oldPath: t.oldPath,
+		newPath: t.newPath
+	}), m = a === "split" ? f : d;
+	return m === 0 && p === 0 ? Z() : q + (m * J + p * Y) + X;
+}, oe = (e) => e.newPath ?? e.oldPath ?? "unknown", se = 24, ce = (e) => {
+	let { diffs: t, selectedDiffPath: n, collapsedPaths: r, expansionCommand: i, completedScrollCommandId: a } = e, o = n, s = n ? `selected:${n}` : null, c = i?.action === "expand-selected" ? i.id : null, l = c !== null && a === c;
+	i?.action === "expand-selected" && i.path && (o = i.path, s = `command:${i.id}:${i.path}`);
+	let u = s;
+	if (o && s) {
+		let e = r.has(o) ? "collapsed" : "expanded";
+		u = `${s}:${e}`;
+	}
+	let d = o ? t.findIndex((e) => oe(e) === o) : -1, f = d >= 0 && i?.action === "expand-selected" && i.direction === "up" && !l;
+	return {
+		selectedScrollPath: o,
+		selectedScrollKey: u,
+		selectedScrollCommandId: c,
+		selectedScrollIndex: d,
+		shouldPinSelectedScrollIndex: f,
+		hasCompletedSelectedScroll: l
+	};
+}, le = (e) => {
+	let { indexes: t, selectedScrollIndex: n, shouldPinSelectedScrollIndex: r } = e;
+	if (!r || t.includes(n)) return t;
+	let i = Math.max(0, n - se), a = Array.from({ length: n - i + 1 }, (e, t) => i + t);
+	return Array.from(/* @__PURE__ */ new Set([...t, ...a])).sort((e, t) => e - t);
+}, ue = 3, de = 12, fe = (e) => e.newPath ?? e.oldPath ?? "unknown", pe = (e) => {
+	let t = y(20), { diffs: n, selectedDiffPath: r, collapsedPaths: i, expansionCommand: a, scrollRef: o, virtualizerRef: s, suppressScrollAdjustRef: c } = e, [l, u] = T(null), d;
+	t[0] !== i || t[1] !== l || t[2] !== n || t[3] !== a || t[4] !== r ? (d = ce({
+		diffs: n,
+		selectedDiffPath: r,
+		collapsedPaths: i,
+		expansionCommand: a,
+		completedScrollCommandId: l
+	}), t[0] = i, t[1] = l, t[2] = n, t[3] = a, t[4] = r, t[5] = d) : d = t[5];
+	let { selectedScrollPath: f, selectedScrollKey: p, selectedScrollCommandId: m, selectedScrollIndex: h, shouldPinSelectedScrollIndex: g, hasCompletedSelectedScroll: _ } = d, v, b;
+	t[6] !== i || t[7] !== n || t[8] !== _ || t[9] !== o || t[10] !== m || t[11] !== p || t[12] !== f || t[13] !== c || t[14] !== s ? (v = () => {
+		if (!f || !p || _ || i.has(f)) return;
+		let e = n.findIndex((e) => fe(e) === f);
+		if (e < 0) return;
+		let t = s.current, r = o.current;
+		if (!t || !r) return;
+		let a = [], l = !1;
+		c.current = !0;
+		let d = () => {
+			c.current = !1;
+		}, h = () => {
+			l = !0, d(), m !== null && u(m);
+		}, g = 0, v = () => {
+			if (!l) {
+				if (t.scrollToIndex(e, { align: "start" }), g += 1, g >= ue && m !== null) {
+					d(), u(m);
+					return;
+				}
+				if (g < de) {
+					a.push(requestAnimationFrame(v));
+					return;
+				}
+				d();
+			}
+		};
+		return r.addEventListener("wheel", h, { passive: !0 }), r.addEventListener("touchmove", h, { passive: !0 }), v(), () => {
+			d(), r.removeEventListener("wheel", h), r.removeEventListener("touchmove", h);
+			for (let e of a) cancelAnimationFrame(e);
+		};
+	}, b = [
+		p,
+		f,
+		m,
+		_,
+		n,
+		i,
+		o,
+		s,
+		c
+	], t[6] = i, t[7] = n, t[8] = _, t[9] = o, t[10] = m, t[11] = p, t[12] = f, t[13] = c, t[14] = s, t[15] = v, t[16] = b) : (v = t[15], b = t[16]), C(v, b);
+	let x;
+	return t[17] !== h || t[18] !== g ? (x = {
+		selectedScrollIndex: h,
+		shouldPinSelectedScrollIndex: g
+	}, t[17] = h, t[18] = g, t[19] = x) : x = t[19], x;
+}, $ = (e) => e.newPath ?? e.oldPath ?? "unknown", me = 10, he = 100, ge = (e) => e.length <= me ? /* @__PURE__ */ new Set() : new Set(e.filter((e, t) => {
+	let n = (e.additions ?? 0) + (e.deletions ?? 0);
+	return t >= me || n > he;
+}).map((e) => $(e))), _e = (e) => new Set(e.map((e) => $(e))), ve = (e, t) => {
+	let n = new Set(e);
+	return n.has(t) ? n.delete(t) : n.add(t), n;
+}, ye = (e, t, n) => {
+	if (!n || !t.has(n) || !e.some((e) => $(e) === n)) return t;
+	let r = new Set(t);
+	return r.delete(n), r;
+}, be = (e, t, n, r) => {
+	let i = ye(e, t, n);
+	if (!r || r === n || i.has(r) || !e.some((e) => $(e) === r)) return i;
+	let a = i === t ? new Set(t) : i;
+	return a.add(r), a;
+};
+function xe(e) {
+	let { diffs: n, selectedDiffPath: r = null, onLoadDiff: i, onSelectDiffPath: a, onExpansionStateChange: o, expansionCommand: s = null, diffViewMode: c = "unified" } = e, l = w(null), u = w(null), f = w(null), p = w(!1), m = w(null), [h, g] = T(() => ge(n)), [v, y] = T(() => /* @__PURE__ */ new Set()), { selectedScrollIndex: x, shouldPinSelectedScrollIndex: E } = pe({
+		diffs: n,
+		selectedDiffPath: r,
+		collapsedPaths: h,
+		expansionCommand: s,
+		scrollRef: l,
+		virtualizerRef: f,
+		suppressScrollAdjustRef: p
+	}), D = j({
+		count: n.length,
+		getScrollElement: () => l.current,
+		estimateSize: (e) => {
+			let t = n[e], r = $(t);
+			return Q({
+				diff: t,
+				isCollapsed: h.has(r),
+				hasOptedIntoLargeDiff: v.has(r),
+				diffViewMode: c
+			});
+		},
+		getItemKey: (e) => $(n[e]),
+		overscan: 3,
+		rangeExtractor: (e) => le({
+			indexes: A(e),
+			selectedScrollIndex: x,
+			shouldPinSelectedScrollIndex: E
+		})
+	});
+	if (D.shouldAdjustScrollPositionOnItemSizeChange = (e, t, n) => !n.isScrolling && !p.current, f.current = D, C(() => {
+		r && g((e) => ye(n, e, r));
+	}, [n, r]), C(() => {
+		if (s) {
+			if (s.action === "expand-selected") {
+				let e = s.path;
+				if (e) {
+					let t = m.current;
+					m.current = e, g((r) => be(n, r, e, t));
+				}
+				return;
+			}
+			m.current = null, g(s.action === "collapse" ? _e(n) : /* @__PURE__ */ new Set());
+		}
+	}, [n, s]), S(() => {
+		let e = {
+			allExpanded: h.size === 0,
+			allCollapsed: n.length > 0 && n.every((e) => h.has($(e)))
+		}, t = u.current;
+		(t?.allExpanded !== e.allExpanded || t.allCollapsed !== e.allCollapsed) && (u.current = e, o?.(e));
+	}, [
+		h,
+		n,
+		o
+	]), n.length === 0) return /* @__PURE__ */ b(K, {});
+	let O = (e) => {
+		g((t) => ve(t, e));
+	}, k = (e) => {
+		y((t) => {
+			let n = new Set(t);
+			return n.add(e), n;
+		});
+	}, M = D.getVirtualItems();
+	return /* @__PURE__ */ b(_, {
+		h: "full",
+		minH: "0",
+		gap: "0",
+		bg: "bg",
+		children: /* @__PURE__ */ b(d, {
+			position: "relative",
+			flex: "1",
+			minH: "0",
+			bg: "bg",
+			children: /* @__PURE__ */ b(t, {
+				position: "absolute",
+				inset: "0",
+				viewportRef: l,
+				viewportProps: { style: { overflowAnchor: "none" } },
+				contentProps: { p: "xs" },
+				children: /* @__PURE__ */ b(d, {
+					position: "relative",
+					width: "100%",
+					style: { height: D.getTotalSize() },
+					children: M.map((e) => {
+						let t = n[e.index], o = $(t);
+						return /* @__PURE__ */ b(d, {
+							"data-index": e.index,
+							ref: D.measureElement,
+							position: "absolute",
+							left: "0",
+							width: "100%",
+							pb: "xs",
+							style: { top: `${e.start}px` },
+							children: /* @__PURE__ */ b(ae, {
+								diff: t,
+								isSelected: r === o,
+								isExpanded: !h.has(o),
+								onToggleExpanded: () => O(o),
+								onSelect: () => a?.(o),
+								onLoadDiff: i,
+								hasOptedIntoLargeDiff: v.has(o),
+								onShowFullDiff: () => k(o),
+								diffViewMode: c
+							}, o)
+						}, e.key);
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { xe as DiffDrawer };
+
+//# sourceMappingURL=diff-drawer-45rpk3aq.js.map