@mcp-use/inspector 12.0.4-canary.0 → 20.0.0-beta.0

package/dist/cdn/shared-uMiV6Fx1.js

@@ -0,0 +1,1700 @@
+import { i as e, s as t, t as n } from "./react-BIs9pQ3H.js";
+import { t as r } from "./jsx-runtime-CIxvMpEo.js";
+import { G as i, Pr as a, Rr as o, a as s, d as c, l, n as u, r as d, sr as f, t as p, u as m } from "./input-BLxOA7V-.js";
+import { t as h } from "./createLucideIcon-C5fZZ6oB.js";
+import "./StatusIcon-BGXOEU2u.js";
+import { t as g } from "./refresh-cw-BXY-Pa0U.js";
+import { r as _ } from "./ListTabHeader-8lULn-90.js";
+var v = h("grip-vertical", [
+	["circle", {
+		cx: "9",
+		cy: "12",
+		r: "1",
+		key: "1vctgf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "5",
+		r: "1",
+		key: "hp0tcf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "19",
+		r: "1",
+		key: "fkjjf6"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "12",
+		r: "1",
+		key: "1tmaij"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "5",
+		r: "1",
+		key: "19l28e"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "19",
+		r: "1",
+		key: "f4zoj3"
+	}]
+]), y = /* @__PURE__ */ e({
+	Group: () => Qe,
+	Panel: () => ot,
+	Separator: () => dt,
+	isCoarsePointer: () => ae,
+	useDefaultLayout: () => et,
+	useGroupCallbackRef: () => nt,
+	useGroupRef: () => rt,
+	usePanelCallbackRef: () => ct,
+	usePanelRef: () => lt
+}), b = r(), x = /* @__PURE__ */ t(n(), 1);
+function S(e, t) {
+	let n = getComputedStyle(e);
+	return t * parseFloat(n.fontSize);
+}
+function C(e, t) {
+	let n = getComputedStyle(e.ownerDocument.body);
+	return t * parseFloat(n.fontSize);
+}
+function w(e) {
+	return e / 100 * window.innerHeight;
+}
+function T(e) {
+	return e / 100 * window.innerWidth;
+}
+function E(e) {
+	switch (typeof e) {
+		case "number": return [e, "px"];
+		case "string": {
+			let t = parseFloat(e);
+			return e.endsWith("%") ? [t, "%"] : e.endsWith("px") ? [t, "px"] : e.endsWith("rem") ? [t, "rem"] : e.endsWith("em") ? [t, "em"] : e.endsWith("vh") ? [t, "vh"] : e.endsWith("vw") ? [t, "vw"] : [t, "%"];
+		}
+	}
+}
+function D({ groupSize: e, panelElement: t, styleProp: n }) {
+	let r, [i, a] = E(n);
+	switch (a) {
+		case "%":
+			r = i / 100 * e;
+			break;
+		case "px":
+			r = i;
+			break;
+		case "rem":
+			r = C(t, i);
+			break;
+		case "em":
+			r = S(t, i);
+			break;
+		case "vh":
+			r = w(i);
+			break;
+		case "vw":
+			r = T(i);
+			break;
+	}
+	return r;
+}
+function O(e) {
+	return parseFloat(e.toFixed(3));
+}
+function k({ group: e }) {
+	let { orientation: t, panels: n } = e;
+	return n.reduce((e, n) => (e += t === "horizontal" ? n.element.offsetWidth : n.element.offsetHeight, e), 0);
+}
+function A(e) {
+	let { panels: t } = e, n = k({ group: e });
+	return n === 0 ? t.map((e) => ({
+		collapsedSize: 0,
+		collapsible: e.panelConstraints.collapsible === !0,
+		defaultSize: void 0,
+		disabled: e.panelConstraints.disabled,
+		minSize: 0,
+		maxSize: 100,
+		panelId: e.id
+	})) : t.map((e) => {
+		let { element: t, panelConstraints: r } = e, i = 0;
+		r.collapsedSize !== void 0 && (i = O(D({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.collapsedSize
+		}) / n * 100));
+		let a;
+		r.defaultSize !== void 0 && (a = O(D({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.defaultSize
+		}) / n * 100));
+		let o = 0;
+		r.minSize !== void 0 && (o = O(D({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.minSize
+		}) / n * 100));
+		let s = 100;
+		return r.maxSize !== void 0 && (s = O(D({
+			groupSize: n,
+			panelElement: t,
+			styleProp: r.maxSize
+		}) / n * 100)), {
+			collapsedSize: i,
+			collapsible: r.collapsible === !0,
+			defaultSize: a,
+			disabled: r.disabled,
+			minSize: o,
+			maxSize: s,
+			panelId: e.id
+		};
+	});
+}
+function j(e, t = "Assertion error") {
+	if (!e) throw Error(t);
+}
+function M(e, t) {
+	return Array.from(t).sort(e === "horizontal" ? ee : te);
+}
+function ee(e, t) {
+	let n = e.element.offsetLeft - t.element.offsetLeft;
+	return n === 0 ? e.element.offsetWidth - t.element.offsetWidth : n;
+}
+function te(e, t) {
+	let n = e.element.offsetTop - t.element.offsetTop;
+	return n === 0 ? e.element.offsetHeight - t.element.offsetHeight : n;
+}
+function ne(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
+}
+function re(e, t) {
+	return {
+		x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(Math.abs(e.x - t.left), Math.abs(e.x - t.right)),
+		y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(Math.abs(e.y - t.top), Math.abs(e.y - t.bottom))
+	};
+}
+function ie({ orientation: e, rects: t, targetRect: n }) {
+	let r = {
+		x: n.x + n.width / 2,
+		y: n.y + n.height / 2
+	}, i, a = Number.MAX_VALUE;
+	for (let n of t) {
+		let { x: t, y: o } = re(r, n), s = e === "horizontal" ? t : o;
+		s < a && (a = s, i = n);
+	}
+	return j(i, "No rect found"), i;
+}
+var N;
+function ae() {
+	return N === void 0 && (N = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), N;
+}
+function oe(e) {
+	let { element: t, orientation: n, panels: r, separators: i } = e, a = M(n, Array.from(t.children).filter(ne).map((e) => ({ element: e }))).map(({ element: e }) => e), o = [], s = !1, c = !1, l = -1, u = -1, d = 0, f, p = [];
+	{
+		let e = -1;
+		for (let t of a) t.hasAttribute("data-panel") && (e++, t.ariaDisabled === null && (d++, l === -1 && (l = e), u = e));
+	}
+	if (d > 1) {
+		let t = -1;
+		for (let d of a) if (d.hasAttribute("data-panel")) {
+			t++;
+			let i = r.find((e) => e.element === d);
+			if (i) {
+				if (f) {
+					let r = f.element.getBoundingClientRect(), a = d.getBoundingClientRect(), m;
+					if (c) {
+						let e = n === "horizontal" ? new DOMRect(r.right, r.top, 0, r.height) : new DOMRect(r.left, r.bottom, r.width, 0), t = n === "horizontal" ? new DOMRect(a.left, a.top, 0, a.height) : new DOMRect(a.left, a.top, a.width, 0);
+						switch (p.length) {
+							case 0:
+								m = [e, t];
+								break;
+							case 1: {
+								let i = p[0];
+								m = [i, ie({
+									orientation: n,
+									rects: [r, a],
+									targetRect: i.element.getBoundingClientRect()
+								}) === r ? t : e];
+								break;
+							}
+							default:
+								m = p;
+								break;
+						}
+					} else m = p.length ? p : [n === "horizontal" ? new DOMRect(r.right, a.top, a.left - r.right, a.height) : new DOMRect(a.left, r.bottom, a.width, a.top - r.bottom)];
+					for (let n of m) {
+						let r = "width" in n ? n : n.element.getBoundingClientRect(), a = ae() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+						if (r.width < a) {
+							let e = a - r.width;
+							r = new DOMRect(r.x - e / 2, r.y, r.width + e, r.height);
+						}
+						if (r.height < a) {
+							let e = a - r.height;
+							r = new DOMRect(r.x, r.y - e / 2, r.width, r.height + e);
+						}
+						!s && !(t <= l || t > u) && o.push({
+							group: e,
+							groupSize: k({ group: e }),
+							panels: [f, i],
+							separator: "width" in n ? void 0 : n,
+							rect: r
+						}), s = !1;
+					}
+				}
+				c = !1, f = i, p = [];
+			}
+		} else if (d.hasAttribute("data-separator")) {
+			d.ariaDisabled !== null && (s = !0);
+			let e = i.find((e) => e.element === d);
+			e ? p.push(e) : (f = void 0, p = []);
+		} else c = !0;
+	}
+	return o;
+}
+var se = class {
+	#e = {};
+	addListener(e, t) {
+		let n = this.#e[e];
+		return n === void 0 ? this.#e[e] = [t] : n.includes(t) || n.push(t), () => {
+			this.removeListener(e, t);
+		};
+	}
+	emit(e, t) {
+		let n = this.#e[e];
+		if (n !== void 0) if (n.length === 1) n[0].call(null, t);
+		else {
+			let e = !1, r = null, i = Array.from(n);
+			for (let n = 0; n < i.length; n++) {
+				let a = i[n];
+				try {
+					a.call(null, t);
+				} catch (t) {
+					r === null && (e = !0, r = t);
+				}
+			}
+			if (e) throw r;
+		}
+	}
+	removeAllListeners() {
+		this.#e = {};
+	}
+	removeListener(e, t) {
+		let n = this.#e[e];
+		if (n !== void 0) {
+			let e = n.indexOf(t);
+			e >= 0 && n.splice(e, 1);
+		}
+	}
+};
+function P(e, t, n = 0) {
+	return Math.abs(O(e) - O(t)) <= n;
+}
+var F = {
+	cursorFlags: 0,
+	interactionState: { state: "inactive" },
+	mountedGroups: /* @__PURE__ */ new Map()
+}, I = new se();
+function L() {
+	return F;
+}
+function R(e) {
+	let t = typeof e == "function" ? e(F) : e;
+	if (F === t) return F;
+	let n = F;
+	return F = {
+		...F,
+		...t
+	}, t.cursorFlags !== void 0 && I.emit("cursorFlagsChange", F.cursorFlags), t.interactionState !== void 0 && I.emit("interactionStateChange", F.interactionState), t.mountedGroups !== void 0 && (F.mountedGroups.forEach((e, t) => {
+		e.derivedPanelConstraints.forEach((r) => {
+			if (r.collapsible) {
+				let { layout: i } = n.mountedGroups.get(t) ?? {};
+				if (i) {
+					let n = P(r.collapsedSize, e.layout[r.panelId]), a = P(r.collapsedSize, i[r.panelId]);
+					n && !a && (t.inMemoryLastExpandedPanelSizes[r.panelId] = i[r.panelId]);
+				}
+			}
+		});
+	}), I.emit("mountedGroupsChange", F.mountedGroups)), F;
+}
+function ce(e, t, n) {
+	let r, i = {
+		x: Infinity,
+		y: Infinity
+	};
+	for (let a of t) {
+		let t = re(n, a.rect);
+		switch (e) {
+			case "horizontal":
+				t.x <= i.x && (r = a, i = t);
+				break;
+			case "vertical":
+				t.y <= i.y && (r = a, i = t);
+				break;
+		}
+	}
+	return r ? {
+		distance: i,
+		hitRegion: r
+	} : void 0;
+}
+function le(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+}
+function ue(e, t) {
+	if (e === t) throw Error("Cannot compare node with itself");
+	let n = {
+		a: ge(e),
+		b: ge(t)
+	}, r;
+	for (; n.a.at(-1) === n.b.at(-1);) r = n.a.pop(), n.b.pop();
+	j(r, "Stacking order can only be calculated for elements with a common ancestor");
+	let i = {
+		a: he(me(n.a)),
+		b: he(me(n.b))
+	};
+	if (i.a === i.b) {
+		let e = r.childNodes, t = {
+			a: n.a.at(-1),
+			b: n.b.at(-1)
+		}, i = e.length;
+		for (; i--;) {
+			let n = e[i];
+			if (n === t.a) return 1;
+			if (n === t.b) return -1;
+		}
+	}
+	return Math.sign(i.a - i.b);
+}
+var de = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function fe(e) {
+	let t = getComputedStyle(_e(e) ?? e).display;
+	return t === "flex" || t === "inline-flex";
+}
+function pe(e) {
+	let t = getComputedStyle(e);
+	return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || fe(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || de.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function me(e) {
+	let t = e.length;
+	for (; t--;) {
+		let n = e[t];
+		if (j(n, "Missing node"), pe(n)) return n;
+	}
+	return null;
+}
+function he(e) {
+	return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function ge(e) {
+	let t = [];
+	for (; e;) t.push(e), e = _e(e);
+	return t;
+}
+function _e(e) {
+	let { parentNode: t } = e;
+	return le(t) ? t.host : t;
+}
+function ve(e, t) {
+	return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
+}
+function ye({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
+	if (!ne(n) || n.contains(e) || e.contains(n)) return !0;
+	if (ue(n, e) > 0) {
+		let r = n;
+		for (; r;) {
+			if (r.contains(e)) return !0;
+			if (ve(r.getBoundingClientRect(), t)) return !1;
+			r = r.parentElement;
+		}
+	}
+	return !0;
+}
+function z(e, t) {
+	let n = [];
+	return t.forEach((t, r) => {
+		if (r.disabled) return;
+		let i = oe(r), a = ce(r.orientation, i, {
+			x: e.clientX,
+			y: e.clientY
+		});
+		a && a.distance.x <= 0 && a.distance.y <= 0 && ye({
+			groupElement: r.element,
+			hitRegion: a.hitRegion.rect,
+			pointerEventTarget: e.target
+		}) && n.push(a.hitRegion);
+	}), n;
+}
+function be(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] != t[n]) return !1;
+	return !0;
+}
+function B(e, t) {
+	return P(e, t) ? 0 : e > t ? 1 : -1;
+}
+function V({ overrideDisabledPanels: e, panelConstraints: t, prevSize: n, size: r }) {
+	let { collapsedSize: i = 0, collapsible: a, disabled: o, maxSize: s = 100, minSize: c = 0 } = t;
+	if (o && !e) return n;
+	if (B(r, c) < 0) if (a) {
+		let e = (i + c) / 2;
+		r = B(r, e) < 0 ? i : c;
+	} else r = c;
+	return r = Math.min(s, r), r = O(r), r;
+}
+function H({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: i, trigger: a }) {
+	if (P(e, 0)) return t;
+	let o = a === "imperative-api", s = Object.values(t), c = Object.values(i), l = [...s], [u, d] = r;
+	j(u != null, "Invalid first pivot index"), j(d != null, "Invalid second pivot index");
+	let f = 0;
+	switch (a) {
+		case "keyboard":
+			{
+				let t = e < 0 ? d : u, r = n[t];
+				j(r, `Panel constraints not found for index ${t}`);
+				let { collapsedSize: i = 0, collapsible: a, minSize: o = 0 } = r;
+				if (a) {
+					let n = s[t];
+					if (j(n != null, `Previous layout not found for panel index ${t}`), P(n, i)) {
+						let t = o - n;
+						B(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			{
+				let t = e < 0 ? u : d, r = n[t];
+				j(r, `No panel constraints found for index ${t}`);
+				let { collapsedSize: i = 0, collapsible: a, minSize: o = 0 } = r;
+				if (a) {
+					let n = s[t];
+					if (j(n != null, `Previous layout not found for panel index ${t}`), P(n, o)) {
+						let t = n - i;
+						B(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+					}
+				}
+			}
+			break;
+		default: {
+			let t = e < 0 ? d : u, r = n[t];
+			j(r, `Panel constraints not found for index ${t}`);
+			let i = s[t], { collapsible: a, collapsedSize: o, minSize: c } = r;
+			if (a && B(i, c) < 0) if (e > 0) {
+				let t = c - o, n = t / 2;
+				B(i + e, c) < 0 && (e = B(e, n) <= 0 ? 0 : t);
+			} else {
+				let t = c - o, n = 100 - t / 2;
+				B(i - e, c) < 0 && (e = B(100 + e, n) > 0 ? 0 : -t);
+			}
+			break;
+		}
+	}
+	{
+		let t = e < 0 ? 1 : -1, r = e < 0 ? d : u, i = 0;
+		for (;;) {
+			let e = s[r];
+			j(e != null, `Previous layout not found for panel index ${r}`);
+			let a = V({
+				overrideDisabledPanels: o,
+				panelConstraints: n[r],
+				prevSize: e,
+				size: 100
+			}) - e;
+			if (i += a, r += t, r < 0 || r >= n.length) break;
+		}
+		let a = Math.min(Math.abs(e), Math.abs(i));
+		e = e < 0 ? 0 - a : a;
+	}
+	{
+		let t = e < 0 ? u : d;
+		for (; t >= 0 && t < n.length;) {
+			let r = Math.abs(e) - Math.abs(f), i = s[t];
+			j(i != null, `Previous layout not found for panel index ${t}`);
+			let a = i - r, c = V({
+				overrideDisabledPanels: o,
+				panelConstraints: n[t],
+				prevSize: i,
+				size: a
+			});
+			if (!P(i, c) && (f += i - c, l[t] = c, f.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, { numeric: !0 }) >= 0)) break;
+			e < 0 ? t-- : t++;
+		}
+	}
+	if (be(c, l)) return i;
+	{
+		let t = e < 0 ? d : u, r = s[t];
+		j(r != null, `Previous layout not found for panel index ${t}`);
+		let i = r + f, a = V({
+			overrideDisabledPanels: o,
+			panelConstraints: n[t],
+			prevSize: r,
+			size: i
+		});
+		if (l[t] = a, !P(a, i)) {
+			let t = i - a, r = e < 0 ? d : u;
+			for (; r >= 0 && r < n.length;) {
+				let i = l[r];
+				j(i != null, `Previous layout not found for panel index ${r}`);
+				let a = i + t, s = V({
+					overrideDisabledPanels: o,
+					panelConstraints: n[r],
+					prevSize: i,
+					size: a
+				});
+				if (P(i, s) || (t -= s - i, l[r] = s), P(t, 0)) break;
+				e > 0 ? r-- : r++;
+			}
+		}
+	}
+	if (!P(Object.values(l).reduce((e, t) => t + e, 0), 100, .1)) return i;
+	let p = Object.keys(i);
+	return l.reduce((e, t, n) => (e[p[n]] = t, e), {});
+}
+function U(e, t) {
+	if (Object.keys(e).length !== Object.keys(t).length) return !1;
+	for (let n in e) if (t[n] === void 0 || B(e[n], t[n]) !== 0) return !1;
+	return !0;
+}
+function W({ layout: e, panelConstraints: t }) {
+	let n = Object.values(e), r = [...n], i = r.reduce((e, t) => e + t, 0);
+	if (r.length !== t.length) throw Error(`Invalid ${t.length} panel layout: ${r.map((e) => `${e}%`).join(", ")}`);
+	if (!P(i, 100) && r.length > 0) for (let e = 0; e < t.length; e++) {
+		let t = r[e];
+		j(t != null, `No layout data found for index ${e}`), r[e] = 100 / i * t;
+	}
+	let a = 0;
+	for (let e = 0; e < t.length; e++) {
+		let i = n[e];
+		j(i != null, `No layout data found for index ${e}`);
+		let o = r[e];
+		j(o != null, `No layout data found for index ${e}`);
+		let s = V({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: i,
+			size: o
+		});
+		o != s && (a += o - s, r[e] = s);
+	}
+	if (!P(a, 0)) for (let e = 0; e < t.length; e++) {
+		let n = r[e];
+		j(n != null, `No layout data found for index ${e}`);
+		let i = n + a, o = V({
+			overrideDisabledPanels: !0,
+			panelConstraints: t[e],
+			prevSize: n,
+			size: i
+		});
+		if (n !== o && (a -= o - n, r[e] = o, P(a, 0))) break;
+	}
+	let o = Object.keys(e);
+	return r.reduce((e, t, n) => (e[o[n]] = t, e), {});
+}
+function xe({ groupId: e, panelId: t }) {
+	let n = () => {
+		let { mountedGroups: t } = L();
+		for (let [n, { defaultLayoutDeferred: r, derivedPanelConstraints: i, layout: a, separatorToPanels: o }] of t) if (n.id === e) return {
+			defaultLayoutDeferred: r,
+			derivedPanelConstraints: i,
+			group: n,
+			layout: a,
+			separatorToPanels: o
+		};
+		throw Error(`Group ${e} not found`);
+	}, r = () => {
+		let e = n().derivedPanelConstraints.find((e) => e.panelId === t);
+		if (e !== void 0) return e;
+		throw Error(`Panel constraints not found for Panel ${t}`);
+	}, i = () => {
+		let e = n().group.panels.find((e) => e.id === t);
+		if (e !== void 0) return e;
+		throw Error(`Layout not found for Panel ${t}`);
+	}, a = () => {
+		let e = n().layout[t];
+		if (e !== void 0) return e;
+		throw Error(`Layout not found for Panel ${t}`);
+	}, o = (e) => {
+		let r = a();
+		if (e === r) return;
+		let { defaultLayoutDeferred: i, derivedPanelConstraints: o, group: s, layout: c, separatorToPanels: l } = n(), u = s.panels.findIndex((e) => e.id === t), d = u === s.panels.length - 1, f = W({
+			layout: H({
+				delta: d ? r - e : e - r,
+				initialLayout: c,
+				panelConstraints: o,
+				pivotIndices: d ? [u - 1, u] : [u, u + 1],
+				prevLayout: c,
+				trigger: "imperative-api"
+			}),
+			panelConstraints: o
+		});
+		U(c, f) || R((e) => ({ mountedGroups: new Map(e.mountedGroups).set(s, {
+			defaultLayoutDeferred: i,
+			derivedPanelConstraints: o,
+			layout: f,
+			separatorToPanels: l
+		}) }));
+	};
+	return {
+		collapse: () => {
+			let { collapsible: e, collapsedSize: t } = r(), { mutableValues: n } = i(), s = a();
+			e && s !== t && (n.expandToSize = s, o(t));
+		},
+		expand: () => {
+			let { collapsible: e, collapsedSize: t, minSize: n } = r(), { mutableValues: s } = i(), c = a();
+			if (e && c === t) {
+				let e = s.expandToSize ?? n;
+				e === 0 && (e = 1), o(e);
+			}
+		},
+		getSize: () => {
+			let { group: e } = n(), t = a(), { element: r } = i();
+			return {
+				asPercentage: t,
+				inPixels: e.orientation === "horizontal" ? r.offsetWidth : r.offsetHeight
+			};
+		},
+		isCollapsed: () => {
+			let { collapsible: e, collapsedSize: t } = r(), n = a();
+			return e && P(t, n);
+		},
+		resize: (e) => {
+			if (a() !== e) {
+				let t;
+				switch (typeof e) {
+					case "number": {
+						let { group: r } = n();
+						t = O(e / k({ group: r }) * 100);
+						break;
+					}
+					case "string":
+						t = parseFloat(e);
+						break;
+				}
+				o(t);
+			}
+		}
+	};
+}
+function Se(e) {
+	if (e.defaultPrevented) return;
+	let { mountedGroups: t } = L();
+	z(e, t).forEach((t) => {
+		if (t.separator) {
+			let n = t.panels.find((e) => e.panelConstraints.defaultSize !== void 0);
+			if (n) {
+				let r = n.panelConstraints.defaultSize, i = xe({
+					groupId: t.group.id,
+					panelId: n.id
+				});
+				i && r !== void 0 && (i.resize(r), e.preventDefault());
+			}
+		}
+	});
+}
+function G(e) {
+	let { mountedGroups: t } = L();
+	for (let [n] of t) if (n.separators.some((t) => t.element === e)) return n;
+	throw Error("Could not find parent Group for separator element");
+}
+function Ce({ groupId: e }) {
+	let t = () => {
+		let { mountedGroups: t } = L();
+		for (let [n, r] of t) if (n.id === e) return {
+			group: n,
+			...r
+		};
+		throw Error(`Could not find Group with id "${e}"`);
+	};
+	return {
+		getLayout() {
+			let { defaultLayoutDeferred: e, layout: n } = t();
+			return e ? {} : n;
+		},
+		setLayout(e) {
+			let { defaultLayoutDeferred: n, derivedPanelConstraints: r, group: i, layout: a, separatorToPanels: o } = t(), s = W({
+				layout: e,
+				panelConstraints: r
+			});
+			if (n) return a;
+			if (!U(a, s)) {
+				R((e) => ({ mountedGroups: new Map(e.mountedGroups).set(i, {
+					defaultLayoutDeferred: n,
+					derivedPanelConstraints: r,
+					layout: s,
+					separatorToPanels: o
+				}) }));
+				let e = i.panels.map(({ id: e }) => e).join(",");
+				i.inMemoryLayouts[e] = s;
+			}
+			return s;
+		}
+	};
+}
+function we(e) {
+	let { mountedGroups: t } = L(), n = t.get(e);
+	return j(n, `Mounted Group ${e.id} not found`), n;
+}
+function K(e, t) {
+	let n = G(e), r = we(n), i = n.separators.find((t) => t.element === e);
+	j(i, "Matching separator not found");
+	let a = r.separatorToPanels.get(i);
+	j(a, "Matching panels not found");
+	let o = a.map((e) => n.panels.indexOf(e)), s = Ce({ groupId: n.id }).getLayout(), c = W({
+		layout: H({
+			delta: t,
+			initialLayout: s,
+			panelConstraints: r.derivedPanelConstraints,
+			pivotIndices: o,
+			prevLayout: s,
+			trigger: "keyboard"
+		}),
+		panelConstraints: r.derivedPanelConstraints
+	});
+	U(s, c) || R((e) => ({ mountedGroups: new Map(e.mountedGroups).set(n, {
+		defaultLayoutDeferred: r.defaultLayoutDeferred,
+		derivedPanelConstraints: r.derivedPanelConstraints,
+		layout: c,
+		separatorToPanels: r.separatorToPanels
+	}) }));
+}
+function Te(e) {
+	if (e.defaultPrevented) return;
+	let t = e.currentTarget, n = G(t);
+	if (!n.disabled) switch (e.key) {
+		case "ArrowDown":
+			e.preventDefault(), n.orientation === "vertical" && K(t, 5);
+			break;
+		case "ArrowLeft":
+			e.preventDefault(), n.orientation === "horizontal" && K(t, -5);
+			break;
+		case "ArrowRight":
+			e.preventDefault(), n.orientation === "horizontal" && K(t, 5);
+			break;
+		case "ArrowUp":
+			e.preventDefault(), n.orientation === "vertical" && K(t, -5);
+			break;
+		case "End":
+			e.preventDefault(), K(t, 100);
+			break;
+		case "Enter": {
+			e.preventDefault();
+			let n = G(t), { derivedPanelConstraints: r, layout: i, separatorToPanels: a } = we(n), o = n.separators.find((e) => e.element === t);
+			j(o, "Matching separator not found");
+			let s = a.get(o);
+			j(s, "Matching panels not found");
+			let c = s[0], l = r.find((e) => e.panelId === c.id);
+			if (j(l, "Panel metadata not found"), l.collapsible) {
+				let e = i[c.id];
+				K(t, (l.collapsedSize === e ? n.inMemoryLastExpandedPanelSizes[c.id] ?? l.minSize : l.collapsedSize) - e);
+			}
+			break;
+		}
+		case "F6": {
+			e.preventDefault();
+			let n = G(t).separators.map((e) => e.element), r = Array.from(n).findIndex((t) => t === e.currentTarget);
+			j(r !== null, "Index not found"), n[e.shiftKey ? r > 0 ? r - 1 : n.length - 1 : r + 1 < n.length ? r + 1 : 0].focus();
+			break;
+		}
+		case "Home":
+			e.preventDefault(), K(t, -100);
+			break;
+	}
+}
+function Ee(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let { mountedGroups: t } = L(), n = z(e, t), r = /* @__PURE__ */ new Map(), i = !1;
+	n.forEach((e) => {
+		e.separator && (i || (i = !0, e.separator.element.focus()));
+		let n = t.get(e.group);
+		n && r.set(e.group, n.layout);
+	}), R({ interactionState: {
+		hitRegions: n,
+		initialLayoutMap: r,
+		pointerDownAtPoint: {
+			x: e.clientX,
+			y: e.clientY
+		},
+		state: "active"
+	} }), n.length && e.preventDefault();
+}
+var De = (e) => e, q = () => {}, Oe = 1, ke = 2, Ae = 4, je = 8, Me = 3, Ne = 12, J;
+function Pe() {
+	return J === void 0 && (J = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (J = !0)), J;
+}
+function Fe({ cursorFlags: e, groups: t, state: n }) {
+	let r = 0, i = 0;
+	switch (n) {
+		case "active":
+		case "hover": t.forEach((e) => {
+			if (!e.disableCursor) switch (e.orientation) {
+				case "horizontal":
+					r++;
+					break;
+				case "vertical":
+					i++;
+					break;
+			}
+		});
+	}
+	if (!(r === 0 && i === 0)) {
+		switch (n) {
+			case "active":
+				if (e && Pe()) {
+					let t = (e & Oe) !== 0, n = (e & ke) !== 0, r = (e & Ae) !== 0, i = (e & je) !== 0;
+					if (t) return r ? "se-resize" : i ? "ne-resize" : "e-resize";
+					if (n) return r ? "sw-resize" : i ? "nw-resize" : "w-resize";
+					if (r) return "s-resize";
+					if (i) return "n-resize";
+				}
+				break;
+		}
+		return Pe() ? r > 0 && i > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && i > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
+	}
+}
+var Ie = /* @__PURE__ */ new WeakMap();
+function Y(e) {
+	if (e.defaultView === null || e.defaultView === void 0) return;
+	let { prevStyle: t, styleSheet: n } = Ie.get(e) ?? {};
+	n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets.push(n));
+	let { cursorFlags: r, interactionState: i } = L();
+	switch (i.state) {
+		case "active":
+		case "hover": {
+			let e = Fe({
+				cursorFlags: r,
+				groups: i.hitRegions.map((e) => e.group),
+				state: i.state
+			}), a = `*, *:hover {cursor: ${e} !important; }`;
+			if (t === a) return;
+			t = a, e ? n.cssRules.length === 0 ? n.insertRule(a) : n.replaceSync(a) : n.cssRules.length === 1 && n.deleteRule(0);
+			break;
+		}
+		case "inactive":
+			t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
+			break;
+	}
+	Ie.set(e, {
+		prevStyle: t,
+		styleSheet: n
+	});
+}
+function Le({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mountedGroups: i, pointerDownAtPoint: a, prevCursorFlags: o }) {
+	let s = 0, c = new Map(i);
+	n.forEach((e) => {
+		let { group: n, groupSize: o } = e, { disableCursor: l, orientation: u, panels: d } = n, f = 0;
+		f = a ? u === "horizontal" ? (t.clientX - a.x) / o * 100 : (t.clientY - a.y) / o * 100 : u === "horizontal" ? t.clientX < 0 ? -100 : 100 : t.clientY < 0 ? -100 : 100;
+		let p = r.get(n), { defaultLayoutDeferred: m, derivedPanelConstraints: h, layout: g, separatorToPanels: _ } = i.get(n) ?? { defaultLayoutDeferred: !1 };
+		if (h && p && g && _) {
+			let t = H({
+				delta: f,
+				initialLayout: p,
+				panelConstraints: h,
+				pivotIndices: e.panels.map((e) => d.indexOf(e)),
+				prevLayout: g,
+				trigger: "mouse-or-touch"
+			});
+			if (U(t, g)) {
+				if (f !== 0 && !l) switch (u) {
+					case "horizontal":
+						s |= f < 0 ? Oe : ke;
+						break;
+					case "vertical":
+						s |= f < 0 ? Ae : je;
+						break;
+				}
+			} else {
+				c.set(e.group, {
+					defaultLayoutDeferred: m,
+					derivedPanelConstraints: h,
+					layout: t,
+					separatorToPanels: _
+				});
+				let n = e.group.panels.map(({ id: e }) => e).join(",");
+				e.group.inMemoryLayouts[n] = t;
+			}
+		}
+	});
+	let l = 0;
+	t.movementX === 0 ? l |= o & Me : l |= s & Me, t.movementY === 0 ? l |= o & Ne : l |= s & Ne, R({
+		cursorFlags: l,
+		mountedGroups: c
+	}), Y(e);
+}
+function Re(e) {
+	let { cursorFlags: t, interactionState: n, mountedGroups: r } = L();
+	switch (n.state) {
+		case "active": Le({
+			document: e.currentTarget,
+			event: e,
+			hitRegions: n.hitRegions,
+			initialLayoutMap: n.initialLayoutMap,
+			mountedGroups: r,
+			prevCursorFlags: t
+		});
+	}
+}
+function ze(e) {
+	if (e.defaultPrevented) return;
+	let { cursorFlags: t, interactionState: n, mountedGroups: r } = L();
+	switch (n.state) {
+		case "active":
+			if (e.buttons === 0) {
+				R((e) => e.interactionState.state === "inactive" ? e : {
+					cursorFlags: 0,
+					interactionState: { state: "inactive" }
+				}), R((e) => ({ mountedGroups: new Map(e.mountedGroups) }));
+				return;
+			}
+			Le({
+				document: e.currentTarget,
+				event: e,
+				hitRegions: n.hitRegions,
+				initialLayoutMap: n.initialLayoutMap,
+				mountedGroups: r,
+				pointerDownAtPoint: n.pointerDownAtPoint,
+				prevCursorFlags: t
+			});
+			break;
+		default: {
+			let t = z(e, r);
+			t.length === 0 ? n.state !== "inactive" && R({ interactionState: { state: "inactive" } }) : R({ interactionState: {
+				hitRegions: t,
+				state: "hover"
+			} }), Y(e.currentTarget);
+			break;
+		}
+	}
+}
+function Be(e) {
+	if (e.relatedTarget instanceof HTMLIFrameElement) {
+		let { interactionState: e } = L();
+		switch (e.state) {
+			case "hover": R({ interactionState: { state: "inactive" } });
+		}
+	}
+}
+function Ve(e) {
+	if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
+	let { interactionState: t } = L();
+	switch (t.state) {
+		case "active": R({
+			cursorFlags: 0,
+			interactionState: { state: "inactive" }
+		}), t.hitRegions.length > 0 && (Y(e.currentTarget), R((e) => ({ mountedGroups: new Map(e.mountedGroups) })), e.preventDefault());
+	}
+}
+function He(e) {
+	let t = 0, n = 0, r = {};
+	for (let i of e) if (i.defaultSize !== void 0) {
+		t++;
+		let e = O(i.defaultSize);
+		n += e, r[i.panelId] = e;
+	} else r[i.panelId] = void 0;
+	let i = e.length - t;
+	if (i !== 0) {
+		let t = O((100 - n) / i);
+		for (let n of e) n.defaultSize === void 0 && (r[n.panelId] = t);
+	}
+	return r;
+}
+function Ue(e, t, n) {
+	if (!n[0]) return;
+	let r = e.panels.find((e) => e.element === t);
+	if (!r || !r.onResize) return;
+	let i = k({ group: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, o = r.mutableValues.prevSize, s = {
+		asPercentage: O(a / i * 100),
+		inPixels: a
+	};
+	r.mutableValues.prevSize = s, r.onResize(s, r.id, o);
+}
+function We(e, t) {
+	if (Object.keys(e).length !== Object.keys(t).length) return !1;
+	for (let n in e) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function Ge(e, t) {
+	let n = e.map((e) => e.id), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let e of n) if (!r.includes(e)) return !1;
+	return !0;
+}
+var X = /* @__PURE__ */ new Map();
+function Ke(e) {
+	let t = !0;
+	j(e.element.ownerDocument.defaultView, "Cannot register an unmounted Group");
+	let n = e.element.ownerDocument.defaultView.ResizeObserver, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = new n((n) => {
+		for (let r of n) {
+			let { borderBoxSize: n, target: i } = r;
+			if (i === e.element) {
+				if (t) {
+					if (k({ group: e }) === 0) return;
+					R((t) => {
+						let n = t.mountedGroups.get(e);
+						if (n) {
+							let r = A(e), i = n.defaultLayoutDeferred ? He(r) : n.layout, a = W({
+								layout: i,
+								panelConstraints: r
+							});
+							return !n.defaultLayoutDeferred && U(i, a) && We(n.derivedPanelConstraints, r) ? t : { mountedGroups: new Map(t.mountedGroups).set(e, {
+								defaultLayoutDeferred: !1,
+								derivedPanelConstraints: r,
+								layout: a,
+								separatorToPanels: n.separatorToPanels
+							}) };
+						}
+						return t;
+					});
+				}
+			} else Ue(e, i, n);
+		}
+	});
+	a.observe(e.element), e.panels.forEach((e) => {
+		j(!r.has(e.id), `Panel ids must be unique; id "${e.id}" was used more than once`), r.add(e.id), e.onResize && a.observe(e.element);
+	});
+	let o = k({ group: e }), s = A(e), c = e.panels.map(({ id: e }) => e).join(","), l = e.defaultLayout;
+	l && (Ge(e.panels, l) || (l = void 0));
+	let u = W({
+		layout: e.inMemoryLayouts[c] ?? l ?? He(s),
+		panelConstraints: s
+	}), d = oe(e), f = e.element.ownerDocument;
+	return R((t) => {
+		let n = /* @__PURE__ */ new Map();
+		return X.set(f, (X.get(f) ?? 0) + 1), d.forEach((e) => {
+			e.separator && n.set(e.separator, e.panels);
+		}), { mountedGroups: new Map(t.mountedGroups).set(e, {
+			defaultLayoutDeferred: o === 0,
+			derivedPanelConstraints: s,
+			layout: u,
+			separatorToPanels: n
+		}) };
+	}), e.separators.forEach((e) => {
+		j(!i.has(e.id), `Separator ids must be unique; id "${e.id}" was used more than once`), i.add(e.id), e.element.addEventListener("keydown", Te);
+	}), X.get(f) === 1 && (f.addEventListener("dblclick", Se, !0), f.addEventListener("pointerdown", Ee, !0), f.addEventListener("pointerleave", Re), f.addEventListener("pointermove", ze), f.addEventListener("pointerout", Be), f.addEventListener("pointerup", Ve, !0)), function() {
+		t = !1, X.set(f, Math.max(0, (X.get(f) ?? 0) - 1)), R((t) => {
+			let n = new Map(t.mountedGroups);
+			return n.delete(e), { mountedGroups: n };
+		}), e.separators.forEach((e) => {
+			e.element.removeEventListener("keydown", Te);
+		}), X.get(f) || (f.removeEventListener("dblclick", Se, !0), f.removeEventListener("pointerdown", Ee, !0), f.removeEventListener("pointerleave", Re), f.removeEventListener("pointermove", ze), f.removeEventListener("pointerout", Be), f.removeEventListener("pointerup", Ve, !0)), a.disconnect();
+	};
+}
+function qe() {
+	let [e, t] = (0, x.useState)({});
+	return [e, (0, x.useCallback)(() => t({}), [])];
+}
+function Z(e) {
+	let t = (0, x.useId)();
+	return `${e ?? t}`;
+}
+var Q = typeof window < "u" ? x.useLayoutEffect : x.useEffect;
+function $(e) {
+	let t = (0, x.useRef)(e);
+	return Q(() => {
+		t.current = e;
+	}, [e]), (0, x.useCallback)((...e) => t.current?.(...e), [t]);
+}
+function Je(...e) {
+	return $((t) => {
+		e.forEach((e) => {
+			if (e) switch (typeof e) {
+				case "function":
+					e(t);
+					break;
+				case "object":
+					e.current = t;
+					break;
+			}
+		});
+	});
+}
+function Ye(e) {
+	let t = (0, x.useRef)({ ...e });
+	return Q(() => {
+		for (let n in e) t.current[n] = e[n];
+	}, [e]), t.current;
+}
+var Xe = (0, x.createContext)(null);
+function Ze(e, t) {
+	let n = (0, x.useRef)({
+		getLayout: () => ({}),
+		setLayout: De
+	});
+	(0, x.useImperativeHandle)(t, () => n.current, []), Q(() => {
+		Object.assign(n.current, Ce({ groupId: e }));
+	});
+}
+function Qe({ children: e, className: t, defaultLayout: n, disableCursor: r, disabled: i, elementRef: a, groupRef: o, id: s, onLayoutChange: c, onLayoutChanged: l, orientation: u = "horizontal", resizeTargetMinimumSize: d = {
+	coarse: 20,
+	fine: 10
+}, style: f, ...p }) {
+	let m = (0, x.useRef)({
+		onLayoutChange: {},
+		onLayoutChanged: {}
+	}), h = $((e) => {
+		U(m.current.onLayoutChange, e) || (m.current.onLayoutChange = e, c?.(e));
+	}), g = $((e) => {
+		U(m.current.onLayoutChanged, e) || (m.current.onLayoutChanged = e, l?.(e));
+	}), _ = Z(s), v = (0, x.useRef)(null), [y, S] = qe(), C = (0, x.useRef)({
+		lastExpandedPanelSizes: {},
+		layouts: {},
+		panels: [],
+		resizeTargetMinimumSize: d,
+		separators: []
+	}), w = Je(v, a);
+	Ze(_, o);
+	let T = $((e, t) => {
+		let { interactionState: r, mountedGroups: i } = L();
+		for (let n of i.keys()) if (n.id === e) {
+			let e = i.get(n);
+			if (e) {
+				let i = !1;
+				switch (r.state) {
+					case "active":
+						i = r.hitRegions.some((e) => e.group === n);
+						break;
+				}
+				return {
+					flexGrow: e.layout[t] ?? 1,
+					pointerEvents: i ? "none" : void 0
+				};
+			}
+		}
+		return { flexGrow: n?.[t] ?? 1 };
+	}), E = Ye({
+		defaultLayout: n,
+		disableCursor: r
+	}), D = (0, x.useMemo)(() => ({
+		get disableCursor() {
+			return !!E.disableCursor;
+		},
+		getPanelStyles: T,
+		id: _,
+		orientation: u,
+		registerPanel: (e) => {
+			let t = C.current;
+			return t.panels = M(u, [...t.panels, e]), S(), () => {
+				t.panels = t.panels.filter((t) => t !== e), S();
+			};
+		},
+		registerSeparator: (e) => {
+			let t = C.current;
+			return t.separators = M(u, [...t.separators, e]), S(), () => {
+				t.separators = t.separators.filter((t) => t !== e), S();
+			};
+		},
+		togglePanelDisabled: (e, t) => {
+			let n = C.current.panels.find((t) => t.id === e);
+			n && (n.panelConstraints.disabled = t);
+			let { mountedGroups: r } = L();
+			for (let e of r.keys()) if (e.id === _) {
+				let t = r.get(e);
+				t && (t.derivedPanelConstraints = A(e));
+			}
+		},
+		toggleSeparatorDisabled: (e, t) => {
+			let n = C.current.separators.find((t) => t.id === e);
+			n && (n.disabled = t);
+		}
+	}), [
+		T,
+		_,
+		S,
+		u,
+		E
+	]), O = (0, x.useRef)(null);
+	return Q(() => {
+		let e = v.current;
+		if (e === null) return;
+		let t = C.current, n;
+		if (E.defaultLayout !== void 0 && Object.keys(E.defaultLayout).length === t.panels.length) {
+			n = {};
+			for (let e of t.panels) {
+				let t = E.defaultLayout[e.id];
+				t !== void 0 && (n[e.id] = t);
+			}
+		}
+		let r = {
+			defaultLayout: n,
+			disableCursor: !!E.disableCursor,
+			disabled: !!i,
+			element: e,
+			id: _,
+			inMemoryLastExpandedPanelSizes: C.current.lastExpandedPanelSizes,
+			inMemoryLayouts: C.current.layouts,
+			orientation: u,
+			panels: t.panels,
+			resizeTargetMinimumSize: t.resizeTargetMinimumSize,
+			separators: t.separators
+		};
+		O.current = r;
+		let a = Ke(r), o = L().mountedGroups.get(r);
+		if (o) {
+			let { defaultLayoutDeferred: e, derivedPanelConstraints: t, layout: n } = o;
+			!e && t.length > 0 && (h(n), g(n));
+		}
+		let s = I.addListener("interactionStateChange", (e) => {
+			e.state;
+		}), c = I.addListener("mountedGroupsChange", (e) => {
+			let t = e.get(r);
+			if (t) {
+				let { defaultLayoutDeferred: e, derivedPanelConstraints: n, layout: r } = t;
+				if (e || n.length === 0) return;
+				let { interactionState: i } = L(), a = i.state !== "active";
+				h(r), a && g(r);
+			}
+		});
+		return () => {
+			O.current = null, a(), s(), c();
+		};
+	}, [
+		i,
+		_,
+		g,
+		h,
+		u,
+		y,
+		E
+	]), (0, x.useEffect)(() => {
+		let e = O.current;
+		e && (e.defaultLayout = n, e.disableCursor = !!r);
+	}), /* @__PURE__ */ (0, b.jsx)(Xe.Provider, {
+		value: D,
+		children: /* @__PURE__ */ (0, b.jsx)("div", {
+			...p,
+			className: t,
+			"data-group": !0,
+			"data-testid": _,
+			id: _,
+			ref: w,
+			style: {
+				height: "100%",
+				width: "100%",
+				overflow: "hidden",
+				...f,
+				display: "flex",
+				flexDirection: u === "horizontal" ? "row" : "column",
+				flexWrap: "nowrap",
+				touchAction: u === "horizontal" ? "pan-y" : "pan-x"
+			},
+			children: e
+		})
+	});
+}
+Qe.displayName = "Group";
+function $e(e, t) {
+	return `react-resizable-panels:${[e, ...t].join(":")}`;
+}
+function et({ debounceSaveMs: e = 100, panelIds: t, storage: n = localStorage, ...r }) {
+	let i = t !== void 0, a = "id" in r ? r.id : r.groupId, o = $e(a, t ?? []), s = (0, x.useSyncExternalStore)(tt, () => n.getItem(o), () => n.getItem(o)), c = (0, x.useMemo)(() => s ? JSON.parse(s) : void 0, [s]), l = (0, x.useRef)(null), u = (0, x.useCallback)(() => {
+		let e = l.current;
+		e && (l.current = null, clearTimeout(e));
+	}, []);
+	(0, x.useLayoutEffect)(() => () => {
+		u();
+	}, [u]);
+	let d = (0, x.useCallback)((e) => {
+		u();
+		let t;
+		t = i ? $e(a, Object.keys(e)) : $e(a, []);
+		try {
+			n.setItem(t, JSON.stringify(e));
+		} catch (e) {
+			console.error(e);
+		}
+	}, [
+		u,
+		i,
+		a,
+		n
+	]);
+	return {
+		defaultLayout: c,
+		onLayoutChange: (0, x.useCallback)((t) => {
+			u(), e === 0 ? d(t) : l.current = setTimeout(() => {
+				d(t);
+			}, e);
+		}, [
+			u,
+			e,
+			d
+		]),
+		onLayoutChanged: d
+	};
+}
+function tt() {
+	return function() {};
+}
+function nt() {
+	return (0, x.useState)(null);
+}
+function rt() {
+	return (0, x.useRef)(null);
+}
+function it() {
+	let e = (0, x.useContext)(Xe);
+	return j(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
+}
+function at(e, t) {
+	let { id: n } = it(), r = (0, x.useRef)({
+		collapse: q,
+		expand: q,
+		getSize: () => ({
+			asPercentage: 0,
+			inPixels: 0
+		}),
+		isCollapsed: () => !1,
+		resize: q
+	});
+	(0, x.useImperativeHandle)(t, () => r.current, []), Q(() => {
+		Object.assign(r.current, xe({
+			groupId: n,
+			panelId: e
+		}));
+	});
+}
+function ot({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: i, disabled: a, elementRef: o, id: s, maxSize: c = "100%", minSize: l = "0%", onResize: u, panelRef: d, style: f, ...p }) {
+	let m = !!s, h = Z(s), g = Ye({ disabled: a }), _ = (0, x.useRef)(null), v = Je(_, o), { getPanelStyles: y, id: S, orientation: C, registerPanel: w, togglePanelDisabled: T } = it(), E = u !== null, D = $((e, t, n) => {
+		u?.(e, s, n);
+	});
+	Q(() => {
+		let e = _.current;
+		if (e !== null) return w({
+			element: e,
+			id: h,
+			idIsStable: m,
+			mutableValues: {
+				expandToSize: void 0,
+				prevSize: void 0
+			},
+			onResize: E ? D : void 0,
+			panelConstraints: {
+				collapsedSize: n,
+				collapsible: r,
+				defaultSize: i,
+				disabled: g.disabled,
+				maxSize: c,
+				minSize: l
+			}
+		});
+	}, [
+		n,
+		r,
+		i,
+		E,
+		h,
+		m,
+		c,
+		l,
+		D,
+		w,
+		g
+	]), (0, x.useEffect)(() => {
+		T(h, !!a);
+	}, [
+		a,
+		h,
+		T
+	]), at(h, d);
+	let O = (0, x.useSyncExternalStore)((e) => (I.addListener("mountedGroupsChange", e), () => {
+		I.removeListener("mountedGroupsChange", e);
+	}), () => JSON.stringify(y(S, h)), () => JSON.stringify(y(S, h)));
+	return /* @__PURE__ */ (0, b.jsx)("div", {
+		...p,
+		"aria-disabled": a || void 0,
+		"data-panel": !0,
+		"data-testid": h,
+		id: h,
+		ref: v,
+		style: {
+			...st,
+			display: "flex",
+			flexBasis: 0,
+			flexShrink: 1,
+			overflow: "hidden",
+			...JSON.parse(O)
+		},
+		children: /* @__PURE__ */ (0, b.jsx)("div", {
+			className: t,
+			style: {
+				maxHeight: "100%",
+				maxWidth: "100%",
+				flexGrow: 1,
+				...f,
+				touchAction: C === "horizontal" ? "pan-y" : "pan-x"
+			},
+			children: e
+		})
+	});
+}
+ot.displayName = "Panel";
+var st = {
+	minHeight: 0,
+	maxHeight: "100%",
+	height: "auto",
+	minWidth: 0,
+	maxWidth: "100%",
+	width: "auto",
+	border: "none",
+	borderWidth: 0,
+	padding: 0,
+	margin: 0
+};
+function ct() {
+	return (0, x.useState)(null);
+}
+function lt() {
+	return (0, x.useRef)(null);
+}
+function ut({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
+	let i, a, o = e[n], s = t.find((e) => e.panelId === n);
+	if (s) {
+		let c = s.maxSize, l = s.collapsible ? s.collapsedSize : s.minSize, u = [r, r + 1];
+		a = W({
+			layout: H({
+				delta: l - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n], i = W({
+			layout: H({
+				delta: c - o,
+				initialLayout: e,
+				panelConstraints: t,
+				pivotIndices: u,
+				prevLayout: e
+			}),
+			panelConstraints: t
+		})[n];
+	}
+	return {
+		valueControls: n,
+		valueMax: i,
+		valueMin: a,
+		valueNow: o
+	};
+}
+function dt({ children: e, className: t, disabled: n, elementRef: r, id: i, style: a, ...o }) {
+	let s = Z(i), c = Ye({ disabled: n }), [l, u] = (0, x.useState)({}), [d, f] = (0, x.useState)("inactive"), p = (0, x.useRef)(null), m = Je(p, r), { disableCursor: h, id: g, orientation: _, registerSeparator: v, toggleSeparatorDisabled: y } = it(), S = _ === "horizontal" ? "vertical" : "horizontal";
+	Q(() => {
+		let e = p.current;
+		if (e !== null) {
+			let t = {
+				disabled: c.disabled,
+				element: e,
+				id: s
+			}, n = v(t), r = I.addListener("interactionStateChange", (e) => {
+				f(e.state !== "inactive" && e.hitRegions.some((e) => e.separator === t) ? e.state : "inactive");
+			}), i = I.addListener("mountedGroupsChange", (e) => {
+				e.forEach(({ derivedPanelConstraints: e, layout: n, separatorToPanels: r }, i) => {
+					if (i.id === g) {
+						let a = r.get(t);
+						if (a) {
+							let t = a[0], r = i.panels.indexOf(t);
+							u(ut({
+								layout: n,
+								panelConstraints: e,
+								panelId: t.id,
+								panelIndex: r
+							}));
+						}
+					}
+				});
+			});
+			return () => {
+				r(), i(), n();
+			};
+		}
+	}, [
+		g,
+		s,
+		v,
+		c
+	]), (0, x.useEffect)(() => {
+		y(s, !!n);
+	}, [
+		n,
+		s,
+		y
+	]);
+	let C;
+	return n && !h && (C = "not-allowed"), /* @__PURE__ */ (0, b.jsx)("div", {
+		...o,
+		"aria-controls": l.valueControls,
+		"aria-disabled": n || void 0,
+		"aria-orientation": S,
+		"aria-valuemax": l.valueMax,
+		"aria-valuemin": l.valueMin,
+		"aria-valuenow": l.valueNow,
+		children: e,
+		className: t,
+		"data-separator": n ? "disabled" : d,
+		"data-testid": s,
+		id: s,
+		ref: m,
+		role: "separator",
+		style: {
+			flexBasis: "auto",
+			cursor: C,
+			...a,
+			flexGrow: 0,
+			flexShrink: 0,
+			touchAction: "none"
+		},
+		tabIndex: n ? void 0 : 0
+	});
+}
+dt.displayName = "Separator";
+//#endregion
+//#region src/client/components/ui/resizable.tsx
+var { usePanelRef: ft } = y;
+function pt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)(Qe, {
+		"data-slot": "resizable-panel-group",
+		className: o("flex h-full w-full aria-[orientation=vertical]:flex-col", e),
+		...t
+	});
+}
+function mt({ ...e }) {
+	return /* @__PURE__ */ (0, b.jsx)(ot, {
+		"data-slot": "resizable-panel",
+		...e
+	});
+}
+function ht({ withHandle: e, className: t, ...n }) {
+	return /* @__PURE__ */ (0, b.jsx)(dt, {
+		"data-slot": "resizable-handle",
+		className: o("relative flex items-center justify-center bg-border", "focus-visible:ring-ring focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "aria-[orientation=vertical]:h-auto aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full", "aria-[orientation=vertical]:after:left-0 aria-[orientation=vertical]:after:h-1 aria-[orientation=vertical]:after:w-full aria-[orientation=vertical]:after:translate-x-0 aria-[orientation=vertical]:after:-translate-y-1/2", "[&[aria-orientation=horizontal]>div]:rotate-90", t),
+		...n,
+		children: e && /* @__PURE__ */ (0, b.jsx)("div", {
+			className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+			children: /* @__PURE__ */ (0, b.jsx)(v, { className: "size-2.5" })
+		})
+	});
+}
+//#endregion
+//#region src/client/components/shared/ListItem.tsx
+function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, metadata: a, onClick: s, className: c, "data-testid": l }) {
+	return /* @__PURE__ */ (0, b.jsx)("button", {
+		id: e,
+		"data-testid": l,
+		type: "button",
+		onClick: s,
+		className: o("w-full text-left cursor-pointer p-2 sm:p-4 border-b dark:border-zinc-700 hover:bg-gray-50 dark:hover:bg-zinc-800/50 transition-colors group", t && "bg-zinc-50 dark:bg-zinc-800 border-l-4 border-l-zinc-500", n && "ring-2 ring-zinc-500 dark:ring-zinc-400 ring-inset", c),
+		children: /* @__PURE__ */ (0, b.jsxs)("div", {
+			className: "flex items-start gap-2 sm:gap-3",
+			children: [/* @__PURE__ */ (0, b.jsxs)("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ (0, b.jsx)("div", {
+					className: "flex items-center gap-2 mb-1",
+					children: /* @__PURE__ */ (0, b.jsx)("h3", {
+						className: o("font-medium truncate font-mono text-sm"),
+						children: r
+					})
+				}), i && /* @__PURE__ */ (0, b.jsx)("p", {
+					className: "text-sm text-gray-600 dark:text-gray-400 line-clamp-2",
+					children: i
+				})]
+			}), a && /* @__PURE__ */ (0, b.jsx)("div", {
+				className: "flex-shrink-0 flex items-center self-center",
+				children: a
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/client/components/shared/InspectorScrollArea.tsx
+function _t({ className: e, scrollRef: t, children: n }) {
+	let [r, i] = (0, x.useState)(!1);
+	return /* @__PURE__ */ (0, b.jsx)("div", {
+		ref: t,
+		className: o("h-full overflow-y-auto overscroll-none", e),
+		onScroll: (e) => i(e.currentTarget.scrollTop > 0),
+		children: /* @__PURE__ */ (0, b.jsx)("div", {
+			className: "flex min-h-full flex-col",
+			children: n(r)
+		})
+	});
+}
+//#endregion
+//#region src/client/components/shared/SearchTabHeader.tsx
+function vt({ title: e, count: t, icon: n, isSearchExpanded: r, searchQuery: o, searchPlaceholder: h, onSearchExpand: v, onSearchChange: y, onSearchBlur: x, searchInputRef: S, titleTestId: C, bulkAction: w, onRefresh: T, isRefreshing: E = !1, isScrolled: D = !1 }) {
+	let O = w?.icon;
+	return /* @__PURE__ */ (0, b.jsxs)("div", {
+		className: `flex flex-row items-center justify-between gap-2 ${l(D)} ${m}`,
+		children: [/* @__PURE__ */ (0, b.jsx)("div", {
+			className: "flex items-center gap-2 flex-1 min-w-0",
+			children: r ? /* @__PURE__ */ (0, b.jsx)(p, {
+				ref: S,
+				placeholder: h,
+				value: o,
+				onChange: (e) => y(e.target.value),
+				onBlur: x,
+				className: "h-8 border-gray-300 dark:border-zinc-600"
+			}) : /* @__PURE__ */ (0, b.jsxs)(b.Fragment, { children: [
+				/* @__PURE__ */ (0, b.jsxs)("h2", {
+					className: `${c} flex items-center gap-1.5`,
+					"data-testid": C,
+					children: [n ? /* @__PURE__ */ (0, b.jsx)(n, {
+						className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
+						"aria-hidden": !0
+					}) : null, e]
+				}),
+				/* @__PURE__ */ (0, b.jsx)(a, {
+					className: "bg-zinc-500/20 text-zinc-600 dark:text-zinc-400 border-transparent",
+					variant: "outline",
+					children: t
+				}),
+				/* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
+					render: /* @__PURE__ */ (0, b.jsx)(f, {
+						variant: "ghost",
+						size: "sm",
+						onClick: v,
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ (0, b.jsx)(i, { className: "h-4 w-4" })
+					}),
+					nativeButton: !0
+				}), /* @__PURE__ */ (0, b.jsxs)(d, {
+					side: "bottom",
+					className: "flex gap-2",
+					children: ["Search", /* @__PURE__ */ (0, b.jsx)(_, { children: "F" })]
+				})] }),
+				T && /* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
+					render: /* @__PURE__ */ (0, b.jsx)(f, {
+						variant: "ghost",
+						size: "sm",
+						onClick: T,
+						disabled: E,
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ (0, b.jsx)(g, { className: `h-4 w-4 ${E ? "animate-spin" : ""}` })
+					}),
+					nativeButton: !0
+				}), /* @__PURE__ */ (0, b.jsxs)(d, {
+					side: "bottom",
+					className: "flex gap-2",
+					children: ["Refresh list", /* @__PURE__ */ (0, b.jsx)(_, { children: "R" })]
+				})] })
+			] })
+		}), w && O && /* @__PURE__ */ (0, b.jsx)("div", {
+			className: "flex items-center gap-2",
+			children: /* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
+				render: /* @__PURE__ */ (0, b.jsx)(f, {
+					variant: "ghost",
+					size: "sm",
+					onClick: w.onClick,
+					disabled: w.disabled,
+					className: "h-8 w-8 p-0",
+					children: /* @__PURE__ */ (0, b.jsx)(O, { className: "h-4 w-4" })
+				}),
+				nativeButton: !0
+			}), /* @__PURE__ */ (0, b.jsx)(d, {
+				side: "bottom",
+				children: w.label
+			})] })
+		})]
+	});
+}
+//#endregion
+export { mt as a, ht as i, _t as n, pt as o, gt as r, ft as s, vt as t };