@pstdio/ui 0.26.0 → 0.36.0

package/dist/diff-viewer-hGkaF_zW.js

@@ -0,0 +1,558 @@
+import { t as e } from "./scroll-area-Cr1lNXAr.js";
+import { a as t, t as n } from "./list-row-De9R2zKU.js";
+import { r, t as i } from "./tree-list-BUfDQz3v.js";
+import { t as a } from "./empty-state-3mVV_pV-.js";
+import { t as o } from "./diff-bubble-DZsarmSG.js";
+import { n as s, t as c } from "./file-change-badge-0QFNv82B.js";
+import { DiffDrawer as l } from "./diff-drawer-45rpk3aq.js";
+import { Box as u, Flex as d, HStack as f, Icon as p, IconButton as ee, Input as m, InputGroup as h, Menu as g, Skeleton as _, Stack as v, Text as y } from "@chakra-ui/react";
+import { c as te } from "react/compiler-runtime";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useEffect as C, useRef as w, useState as T } from "react";
+import { Check as E, ChevronsDownUp as D, ChevronsUpDown as O, FileText as k, List as A, ListTree as j, PanelLeftClose as M, PanelLeftOpen as ne, Rows2 as N, Search as P, Settings2 as re, SquareSplitHorizontal as ie } from "lucide-react";
+//#region src/components/diff-viewer/build-changed-files-tree.ts
+var F = (e) => e.split("/").map((e) => e.trim()).filter(Boolean).join("/"), I = (e) => (e.sort((e, t) => e.type === t.type ? e.name.localeCompare(t.name) : e.type === "folder" ? -1 : 1), e.forEach((e) => {
+	e.children && I(e.children);
+}), e), L = (e) => Array.from(new Set(e.map(F).filter(Boolean))), R = (e) => L(e).map((e) => ({
+	id: `file:${e}`,
+	name: e,
+	type: "file"
+})).sort((e, t) => e.name.localeCompare(t.name)), z = (e, t) => {
+	if (t === "flat") return R(e);
+	let n = /* @__PURE__ */ new Map(), r = [];
+	return L(e).forEach((e) => {
+		let t = e.split("/"), i = "", a = null;
+		t.forEach((e, o) => {
+			let s = i ? `${i}/${e}` : e, c = o === t.length - 1, l = `${c ? "file" : "folder"}:${s}`, u = n.get(l);
+			if (u) {
+				a = u, i = s;
+				return;
+			}
+			let d = {
+				id: l,
+				name: e,
+				type: c ? "file" : "folder",
+				...c ? {} : { children: [] }
+			};
+			n.set(l, d), a ? a.children?.push(d) : r.push(d), a = d, i = s;
+		});
+	}), I(r);
+}, ae = (e) => {
+	let t = [], n = (e) => {
+		e.forEach((e) => {
+			e.type === "folder" && (t.push(e.id), n(e.children ?? []));
+		});
+	};
+	return n(e), t;
+}, B = (e) => {
+	let t = [], n = (e) => {
+		e.forEach((e) => {
+			if (e.type === "file") {
+				t.push(e.id.replace(/^file:/, ""));
+				return;
+			}
+			n(e.children ?? []);
+		});
+	};
+	return n(e), t;
+}, V = (e, t) => t === "flat" ? [...e].sort((e, t) => e.localeCompare(t)) : B(z(e, "nested")), oe = (e) => {
+	let t = te(4), n;
+	t[0] === e.selected ? n = t[1] : (n = e.selected ? /* @__PURE__ */ x(E, { size: 14 }) : null, t[0] = e.selected, t[1] = n);
+	let r;
+	return t[2] === n ? r = t[3] : (r = /* @__PURE__ */ x(u, {
+		w: "14px",
+		flexShrink: 0,
+		display: "flex",
+		justifyContent: "center",
+		children: n
+	}), t[2] = n, t[3] = r), r;
+}, H = (e) => {
+	let t = te(15), { id: r, label: i, icon: a, selected: o, disabled: s, onActivate: c } = e, l = o === void 0 ? void 0 : "menuitemradio", u;
+	t[0] === o ? u = t[1] : (u = o === void 0 ? void 0 : /* @__PURE__ */ x(oe, { selected: o }), t[0] = o, t[1] = u);
+	let d;
+	t[2] !== s || t[3] !== a || t[4] !== r || t[5] !== i || t[6] !== c || t[7] !== o || t[8] !== l || t[9] !== u ? (d = /* @__PURE__ */ x(n, {
+		asChild: !0,
+		role: l,
+		"aria-checked": o,
+		variant: "full-width",
+		id: r,
+		icon: a,
+		label: i,
+		disabled: s,
+		isSelected: o,
+		endContent: u,
+		onActivate: c
+	}), t[2] = s, t[3] = a, t[4] = r, t[5] = i, t[6] = c, t[7] = o, t[8] = l, t[9] = u, t[10] = d) : d = t[10];
+	let f;
+	return t[11] !== s || t[12] !== r || t[13] !== d ? (f = /* @__PURE__ */ x(g.Item, {
+		value: r,
+		disabled: s,
+		asChild: !0,
+		children: d
+	}), t[11] = s, t[12] = r, t[13] = d, t[14] = f) : f = t[14], f;
+}, se = (e) => {
+	let t = te(40), { isTreePanelOpen: n, hasFilePaths: r, viewMode: i, diffViewMode: a, isExpandAllDisabled: o, isCollapseAllDisabled: s, onToggleTreePanel: c, onViewModeChange: l, onDiffViewModeChange: u, onExpandAll: d, onCollapseAll: f } = e, p;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ x(g.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ x(ee, {
+			"aria-label": "Diff view options",
+			variant: "ghost",
+			size: "sm",
+			children: /* @__PURE__ */ x(re, { size: 14 })
+		})
+	}), t[0] = p) : p = t[0];
+	let m;
+	t[1] === n ? m = t[2] : (m = x(n ? M : ne, { size: 14 }), t[1] = n, t[2] = m);
+	let h = n ? "Hide file tree" : "Show file tree", _;
+	t[3] !== c || t[4] !== m || t[5] !== h ? (_ = /* @__PURE__ */ x(H, {
+		id: "toggle-file-tree",
+		icon: m,
+		label: h,
+		onActivate: c
+	}), t[3] = c, t[4] = m, t[5] = h, t[6] = _) : _ = t[6];
+	let v;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ x(g.Separator, {}), t[7] = v) : v = t[7];
+	let y;
+	t[8] !== r || t[9] !== l || t[10] !== i ? (y = r ? /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x(H, {
+			id: "nested",
+			icon: /* @__PURE__ */ x(j, { size: 14 }),
+			label: "Nested",
+			selected: i === "nested",
+			onActivate: () => l("nested")
+		}),
+		/* @__PURE__ */ x(H, {
+			id: "flat",
+			icon: /* @__PURE__ */ x(A, { size: 14 }),
+			label: "Flat",
+			selected: i === "flat",
+			onActivate: () => l("flat")
+		}),
+		/* @__PURE__ */ x(g.Separator, {})
+	] }) : null, t[8] = r, t[9] = l, t[10] = i, t[11] = y) : y = t[11];
+	let C;
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ x(N, { size: 14 }), t[12] = C) : C = t[12];
+	let w = a === "unified", T;
+	t[13] === u ? T = t[14] : (T = () => u("unified"), t[13] = u, t[14] = T);
+	let E;
+	t[15] !== w || t[16] !== T ? (E = /* @__PURE__ */ x(H, {
+		id: "unified",
+		icon: C,
+		label: "Unified",
+		selected: w,
+		onActivate: T
+	}), t[15] = w, t[16] = T, t[17] = E) : E = t[17];
+	let k;
+	t[18] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ x(ie, { size: 14 }), t[18] = k) : k = t[18];
+	let P = a === "split", F;
+	t[19] === u ? F = t[20] : (F = () => u("split"), t[19] = u, t[20] = F);
+	let I;
+	t[21] !== P || t[22] !== F ? (I = /* @__PURE__ */ x(H, {
+		id: "split",
+		icon: k,
+		label: "Split",
+		selected: P,
+		onActivate: F
+	}), t[21] = P, t[22] = F, t[23] = I) : I = t[23];
+	let L;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ x(g.Separator, {}), t[24] = L) : L = t[24];
+	let R;
+	t[25] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ x(O, { size: 14 }), t[25] = R) : R = t[25];
+	let z;
+	t[26] !== o || t[27] !== d ? (z = /* @__PURE__ */ x(H, {
+		id: "expand-all",
+		icon: R,
+		label: "Expand all",
+		disabled: o,
+		onActivate: d
+	}), t[26] = o, t[27] = d, t[28] = z) : z = t[28];
+	let ae;
+	t[29] === Symbol.for("react.memo_cache_sentinel") ? (ae = /* @__PURE__ */ x(D, { size: 14 }), t[29] = ae) : ae = t[29];
+	let B;
+	t[30] !== s || t[31] !== f ? (B = /* @__PURE__ */ x(H, {
+		id: "collapse-all",
+		icon: ae,
+		label: "Collapse all",
+		disabled: s,
+		onActivate: f
+	}), t[30] = s, t[31] = f, t[32] = B) : B = t[32];
+	let V;
+	return t[33] !== I || t[34] !== z || t[35] !== B || t[36] !== _ || t[37] !== y || t[38] !== E ? (V = /* @__PURE__ */ S(g.Root, { children: [p, /* @__PURE__ */ x(g.Positioner, { children: /* @__PURE__ */ S(g.Content, {
+		minW: "190px",
+		bg: "bg",
+		p: "0",
+		gap: "0",
+		children: [
+			_,
+			v,
+			y,
+			E,
+			I,
+			L,
+			z,
+			B
+		]
+	}) })] }), t[33] = I, t[34] = z, t[35] = B, t[36] = _, t[37] = y, t[38] = E, t[39] = V) : V = t[39], V;
+}, U = (e) => {
+	let t = e.lastIndexOf("/");
+	return t < 0 ? {
+		fileName: e,
+		dirPath: ""
+	} : {
+		fileName: e.slice(t + 1),
+		dirPath: e.slice(0, t)
+	};
+}, W = (e, t, n) => {
+	let { fileName: r, dirPath: i } = U(n);
+	return t !== "flat" || !i ? e.name : /* @__PURE__ */ S(y, {
+		textStyle: "label/S/regular",
+		truncate: !0,
+		children: [
+			/* @__PURE__ */ x(y, {
+				as: "span",
+				color: "fg.default",
+				children: r
+			}),
+			" ",
+			/* @__PURE__ */ x(y, {
+				as: "span",
+				color: "fg.muted",
+				children: i
+			})
+		]
+	});
+}, G = (e) => {
+	let { nodes: t, viewMode: n, onSelectPath: r, resolveFileIcon: i, changeByPath: a } = e;
+	return t.map((e) => {
+		if (e.type === "folder") return {
+			id: e.id,
+			label: e.name,
+			isContainer: !0,
+			children: G({
+				nodes: e.children ?? [],
+				viewMode: n,
+				onSelectPath: r,
+				resolveFileIcon: i,
+				changeByPath: a
+			})
+		};
+		let t = e.id.replace(/^file:/, ""), o = i?.(t) ?? {
+			icon: /* @__PURE__ */ x(p, {
+				as: k,
+				boxSize: "16px"
+			}),
+			color: "fg.subtle"
+		}, s = a?.get(t);
+		return {
+			id: e.id,
+			label: W(e, n, t),
+			icon: o.icon,
+			iconColor: o.color,
+			endContent: s ? /* @__PURE__ */ x(c, { change: s }) : void 0,
+			onActivate: () => r(t)
+		};
+	});
+}, ce = (n) => {
+	let r = te(23), { paths: o, selectedPath: s, viewMode: c, searchQuery: l, expandedFolderIds: d, onSelectPath: f, onSearchQueryChange: p, onToggleFolder: ee, resolveFileIcon: g, changeByPath: _ } = n, y = w(null), b;
+	r[0] !== _ || r[1] !== f || r[2] !== o || r[3] !== g || r[4] !== c ? (b = G({
+		nodes: z(o, c),
+		viewMode: c,
+		onSelectPath: f,
+		resolveFileIcon: g,
+		changeByPath: _
+	}), r[0] = _, r[1] = f, r[2] = o, r[3] = g, r[4] = c, r[5] = b) : b = r[5];
+	let C = b, T = l.trim() ? "No matching files" : "No changed files", E;
+	r[6] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ x(P, { size: 14 }), r[6] = E) : E = r[6];
+	let D;
+	r[7] === p ? D = r[8] : (D = (e) => p(e.target.value), r[7] = p, r[8] = D);
+	let O;
+	r[9] !== l || r[10] !== D ? (O = /* @__PURE__ */ x(t, {
+		flexShrink: 0,
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		bg: "bg",
+		children: /* @__PURE__ */ x(h, {
+			startElement: E,
+			children: /* @__PURE__ */ x(m, {
+				size: "sm",
+				variant: "borderless",
+				"aria-label": "Search files",
+				placeholder: "Search files",
+				value: l,
+				onChange: D
+			})
+		})
+	}), r[9] = l, r[10] = D, r[11] = O) : O = r[11];
+	let k;
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (k = { style: { overflowX: "hidden" } }, r[12] = k) : k = r[12];
+	let A;
+	r[13] !== T || r[14] !== d || r[15] !== ee || r[16] !== o.length || r[17] !== s || r[18] !== C ? (A = /* @__PURE__ */ x(e, {
+		flex: "1",
+		minH: "0",
+		minW: "0",
+		bg: "bg",
+		viewportRef: y,
+		viewportProps: k,
+		children: o.length > 0 ? /* @__PURE__ */ x(i, {
+			sections: [{
+				id: "files",
+				nodes: C
+			}],
+			expandedNodeIds: [...d],
+			activeNodeId: s ? `file:${s}` : null,
+			rowVariant: "tree",
+			onToggleNode: ee,
+			virtualize: !0,
+			scrollRef: y
+		}) : /* @__PURE__ */ x(u, {
+			px: "xs",
+			py: "xs",
+			children: /* @__PURE__ */ x(a, {
+				title: T,
+				size: "sm",
+				textAlign: "left",
+				alignItems: "flex-start"
+			})
+		})
+	}), r[13] = T, r[14] = d, r[15] = ee, r[16] = o.length, r[17] = s, r[18] = C, r[19] = A) : A = r[19];
+	let j;
+	return r[20] !== O || r[21] !== A ? (j = /* @__PURE__ */ S(v, {
+		h: "full",
+		minH: "0",
+		minW: "0",
+		w: "full",
+		gap: "0",
+		overflow: "hidden",
+		bg: "bg",
+		children: [O, A]
+	}), r[20] = O, r[21] = A, r[22] = j) : j = r[22], j;
+}, K = (e) => e.newPath ?? e.oldPath ?? "unknown", le = (e) => new Map(e.map((e) => [K(e), e.change])), ue = (e) => e.reduce((e, t) => ({
+	additions: e.additions + (t.additions ?? 0),
+	deletions: e.deletions + (t.deletions ?? 0)
+}), {
+	additions: 0,
+	deletions: 0
+}), de = (e) => {
+	let { diffs: t, normalizedSearchQuery: n, viewMode: r } = e, i = n ? t.filter((e) => K(e).toLowerCase().includes(n)) : t, a = V(i.map(K), r), o = new Map(a.map((e, t) => [e, t]));
+	return [...i].sort((e, t) => (o.get(K(e)) ?? 2 ** 53 - 1) - (o.get(K(t)) ?? 2 ** 53 - 1));
+}, fe = (e, t) => e[0] ?? t[0] ?? null, q = [
+	"first",
+	"second",
+	"third"
+], pe = () => {
+	let e = te(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ x(v, {
+		flex: "1",
+		minH: "0",
+		bg: "bg",
+		p: "xs",
+		gap: "xs",
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": "Loading diff panel",
+		children: q.map(Y)
+	}), e[0] = t) : t = e[0], t;
+}, J = (e) => {
+	let n = te(109), { diffs: i, changedFilePaths: c, defaultSelectedPath: p, loading: ee, onLoadDiff: m, resolveFileIcon: h } = e, g = p === void 0 ? null : p, _ = ee !== void 0 && ee, [b, w] = T(null), E;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+		allExpanded: !1,
+		allCollapsed: !1
+	}, n[0] = E) : E = n[0];
+	let [D, O] = T(E), { isTreePanelOpen: k, viewMode: A, diffViewMode: j, searchQuery: M, selectedPath: ne, expandedFolderIds: N, setTreePanelOpen: P, setViewMode: re, setDiffViewMode: ie, setSearchQuery: F, setSelectedPath: I, setExpandedFolderIds: L, toggleFolder: R, expandAll: B, collapseAll: V } = s(), oe, H, U, W, G, q, J, Y, X, Z, ge, _e, Q, ve, ye, $;
+	if (n[1] !== c || n[2] !== g || n[3] !== i || n[4] !== N || n[5] !== _ || n[6] !== M || n[7] !== ne || n[8] !== A) {
+		let e = i.map(K);
+		W = c ?? e;
+		let t = M.trim().toLowerCase();
+		X = t ? W.filter((e) => e.toLowerCase().includes(t)) : W, J = de({
+			diffs: i,
+			normalizedSearchQuery: t,
+			viewMode: A
+		});
+		let r;
+		n[25] === i ? r = n[26] : (r = le(i), n[25] = i, n[26] = r), H = r, q = J.map(K);
+		let a = z(X, A);
+		Z = A === "nested" ? ae(a) : [], Y = X.join("\0"), G = q.join("\0"), Q = ne ?? g ?? fe(q, X), ge = J.length > 0, U = t ? "No matching changes" : "No changes", ve = !_ && !ge, $ = ue(J), _e = Z.length > 0 || J.length > 0;
+		let o;
+		n[27] === N ? o = n[28] : (o = (e) => N.has(e), n[27] = N, n[28] = o), oe = Z.every(o);
+		let s;
+		n[29] === N ? s = n[30] : (s = (e) => !N.has(e), n[29] = N, n[30] = s), ye = Z.every(s), n[1] = c, n[2] = g, n[3] = i, n[4] = N, n[5] = _, n[6] = M, n[7] = ne, n[8] = A, n[9] = oe, n[10] = H, n[11] = U, n[12] = W, n[13] = G, n[14] = q, n[15] = J, n[16] = Y, n[17] = X, n[18] = Z, n[19] = ge, n[20] = _e, n[21] = Q, n[22] = ve, n[23] = ye, n[24] = $;
+	} else oe = n[9], H = n[10], U = n[11], W = n[12], G = n[13], q = n[14], J = n[15], Y = n[16], X = n[17], Z = n[18], ge = n[19], _e = n[20], Q = n[21], ve = n[22], ye = n[23], $ = n[24];
+	let be = ye, xe = J.length === 0 || D.allExpanded, Se = J.length === 0 || D.allCollapsed, Ce = !_e || oe && xe, we = !_e || be && Se, Te, Ee;
+	n[31] !== Y || n[32] !== L || n[33] !== A ? (Te = () => {
+		let e = z(Y ? Y.split("\0") : [], A);
+		L(A === "nested" ? ae(e) : []);
+	}, Ee = [
+		Y,
+		L,
+		A
+	], n[31] = Y, n[32] = L, n[33] = A, n[34] = Te, n[35] = Ee) : (Te = n[34], Ee = n[35]), C(Te, Ee);
+	let De, Oe;
+	n[36] !== G || n[37] !== Y || n[38] !== Q || n[39] !== I ? (De = () => {
+		let e = G ? G.split("\0") : [], t = Y ? Y.split("\0") : [];
+		Q && e.includes(Q) || I(fe(e, t));
+	}, Oe = [
+		G,
+		Y,
+		Q,
+		I
+	], n[36] = G, n[37] = Y, n[38] = Q, n[39] = I, n[40] = De, n[41] = Oe) : (De = n[40], Oe = n[41]), C(De, Oe);
+	let ke;
+	n[42] !== B || n[43] !== Z ? (ke = () => {
+		B(Z), w(me);
+	}, n[42] = B, n[43] = Z, n[44] = ke) : ke = n[44];
+	let Ae = ke, je;
+	n[45] === V ? je = n[46] : (je = () => {
+		V(), w(he);
+	}, n[45] = V, n[46] = je);
+	let Me = je, Ne;
+	n[47] !== q || n[48] !== Q || n[49] !== I ? (Ne = (e) => {
+		let t = Q ? q.indexOf(Q) : -1, n = q.indexOf(e), r = t >= 0 && n >= 0 && n < t ? "up" : "down";
+		I(e), w((t) => ({
+			action: "expand-selected",
+			direction: r,
+			id: (t?.id ?? 0) + 1,
+			path: e
+		}));
+	}, n[47] = q, n[48] = Q, n[49] = I, n[50] = Ne) : Ne = n[50];
+	let Pe = Ne, Fe = W.length > 0, Ie;
+	n[51] !== k || n[52] !== P ? (Ie = () => P(!k), n[51] = k, n[52] = P, n[53] = Ie) : Ie = n[53];
+	let Le;
+	n[54] !== Me || n[55] !== j || n[56] !== Ae || n[57] !== we || n[58] !== Ce || n[59] !== k || n[60] !== ie || n[61] !== re || n[62] !== Fe || n[63] !== Ie || n[64] !== A ? (Le = /* @__PURE__ */ x(se, {
+		isTreePanelOpen: k,
+		hasFilePaths: Fe,
+		viewMode: A,
+		diffViewMode: j,
+		isExpandAllDisabled: Ce,
+		isCollapseAllDisabled: we,
+		onToggleTreePanel: Ie,
+		onViewModeChange: re,
+		onDiffViewModeChange: ie,
+		onExpandAll: Ae,
+		onCollapseAll: Me
+	}), n[54] = Me, n[55] = j, n[56] = Ae, n[57] = we, n[58] = Ce, n[59] = k, n[60] = ie, n[61] = re, n[62] = Fe, n[63] = Ie, n[64] = A, n[65] = Le) : Le = n[65];
+	let Re;
+	n[66] !== U || n[67] !== ve ? (Re = ve ? /* @__PURE__ */ x(y, {
+		textStyle: "label/S/regular",
+		color: "fg.muted",
+		truncate: !0,
+		children: U
+	}) : null, n[66] = U, n[67] = ve, n[68] = Re) : Re = n[68];
+	let ze;
+	n[69] !== Le || n[70] !== Re ? (ze = /* @__PURE__ */ S(f, {
+		gap: "xs",
+		minW: "0",
+		children: [Le, Re]
+	}), n[69] = Le, n[70] = Re, n[71] = ze) : ze = n[71];
+	let Be;
+	n[72] !== $.additions || n[73] !== $.deletions ? (Be = /* @__PURE__ */ x(o, {
+		variant: "ghost",
+		size: "small",
+		additions: $.additions,
+		deletions: $.deletions
+	}), n[72] = $.additions, n[73] = $.deletions, n[74] = Be) : Be = n[74];
+	let Ve;
+	n[75] !== ze || n[76] !== Be ? (Ve = /* @__PURE__ */ S(t, {
+		variant: "main",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		bg: "bg",
+		justifyContent: "space-between",
+		children: [ze, Be]
+	}), n[75] = ze, n[76] = Be, n[77] = Ve) : Ve = n[77];
+	let He;
+	n[78] !== b || n[79] !== j || n[80] !== U || n[81] !== J || n[82] !== ge || n[83] !== _ || n[84] !== m || n[85] !== Q || n[86] !== I ? (He = _ ? /* @__PURE__ */ x(pe, {}) : ge ? /* @__PURE__ */ x(u, {
+		flex: "1",
+		minH: "0",
+		children: /* @__PURE__ */ x(l, {
+			diffs: J,
+			selectedDiffPath: Q,
+			onLoadDiff: m,
+			onSelectDiffPath: I,
+			onExpansionStateChange: O,
+			expansionCommand: b,
+			diffViewMode: j
+		})
+	}) : /* @__PURE__ */ x(u, {
+		flex: "1",
+		minH: "0",
+		px: "md",
+		py: "lg",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		bg: "bg",
+		children: /* @__PURE__ */ x(a, { title: U })
+	}), n[78] = b, n[79] = j, n[80] = U, n[81] = J, n[82] = ge, n[83] = _, n[84] = m, n[85] = Q, n[86] = I, n[87] = He) : He = n[87];
+	let Ue;
+	n[88] !== Ve || n[89] !== He ? (Ue = /* @__PURE__ */ S(v, {
+		h: "full",
+		minH: "0",
+		minW: "0",
+		flex: "1",
+		bg: "bg",
+		gap: "0",
+		children: [Ve, He]
+	}), n[88] = Ve, n[89] = He, n[90] = Ue) : Ue = n[90];
+	let We = Ue, Ge;
+	n[91] !== H || n[92] !== N || n[93] !== X || n[94] !== h || n[95] !== Q || n[96] !== M || n[97] !== Pe || n[98] !== F || n[99] !== R || n[100] !== A ? (Ge = /* @__PURE__ */ x(ce, {
+		paths: X,
+		selectedPath: Q,
+		viewMode: A,
+		searchQuery: M,
+		expandedFolderIds: N,
+		onSelectPath: Pe,
+		onSearchQueryChange: F,
+		onToggleFolder: R,
+		resolveFileIcon: h,
+		changeByPath: H
+	}), n[91] = H, n[92] = N, n[93] = X, n[94] = h, n[95] = Q, n[96] = M, n[97] = Pe, n[98] = F, n[99] = R, n[100] = A, n[101] = Ge) : Ge = n[101];
+	let Ke = !k, qe;
+	n[102] === P ? qe = n[103] : (qe = (e) => P(!e), n[102] = P, n[103] = qe);
+	let Je;
+	return n[104] !== We || n[105] !== Ge || n[106] !== Ke || n[107] !== qe ? (Je = /* @__PURE__ */ x(d, {
+		flex: "1",
+		minH: "0",
+		minW: "0",
+		bg: "bg",
+		gap: "0",
+		"data-testid": "diff-viewer",
+		children: /* @__PURE__ */ x(r, {
+			flex: "1",
+			minH: "0",
+			minW: "0",
+			resizablePanel: Ge,
+			contentPanel: We,
+			collapsed: Ke,
+			defaultSizePx: 288,
+			minSizePx: 224,
+			contentMinSizePx: 320,
+			resizeLabel: "Resize file list panel",
+			separator: "line",
+			onCollapsedChange: qe
+		})
+	}), n[104] = We, n[105] = Ge, n[106] = Ke, n[107] = qe, n[108] = Je) : Je = n[108], Je;
+};
+function Y(e) {
+	return /* @__PURE__ */ x(_, {
+		h: "72px",
+		w: "full",
+		flexShrink: "0",
+		borderRadius: "xs"
+	}, e);
+}
+function me(e) {
+	return {
+		action: "expand",
+		id: (e?.id ?? 0) + 1
+	};
+}
+function he(e) {
+	return {
+		action: "collapse",
+		id: (e?.id ?? 0) + 1
+	};
+}
+//#endregion
+export { J as DiffViewer };
+
+//# sourceMappingURL=diff-viewer-hGkaF_zW.js.map