@graphvideo/workbench 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1809 @@
+import * as e from "react";
+import { createContext as t, createElement as n, memo as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
+import { ChevronDown as f, ChevronsUp as p, Columns2 as m, Maximize2 as h, Minimize2 as g, Pause as _, PictureInPicture2 as v, Play as y, Rows2 as b, X as x } from "lucide-react";
+import { createPortal as S } from "react-dom";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region workbench/src/commands/commandRegistry.ts
+var E = class {
+	handlers = /* @__PURE__ */ new Map();
+	register(e, t, n = "core") {
+		let r = this.handlers.get(e);
+		if (r && r.owner !== n) throw Error(`Command ID conflict: ${e} (${r.owner} / ${n})`);
+		this.handlers.set(e, {
+			owner: n,
+			handler: t
+		});
+	}
+	assertCanReplace(e, t) {
+		let n = /* @__PURE__ */ new Set();
+		for (let r of t) {
+			if (n.has(r.id)) throw Error(`Command ID conflict: ${r.id} (${e})`);
+			n.add(r.id);
+			let t = this.handlers.get(r.id);
+			if (t && t.owner !== e) throw Error(`Command ID conflict: ${r.id} (${t.owner} / ${e})`);
+		}
+	}
+	replaceOwner(e, t) {
+		this.assertCanReplace(e, t), this.unregisterOwner(e), t.forEach((t) => this.handlers.set(t.id, {
+			owner: e,
+			handler: t.handler
+		}));
+	}
+	unregisterOwner(e) {
+		for (let [t, n] of this.handlers) n.owner === e && this.handlers.delete(t);
+	}
+	execute(e, t) {
+		let n = this.handlers.get(e);
+		if (!n) throw Error(`Unknown command: ${e}`);
+		return n.handler(t);
+	}
+};
+//#endregion
+//#region workbench/src/context/workbenchContextStore.ts
+function D(e) {
+	try {
+		return structuredClone(e);
+	} catch {
+		return e;
+	}
+}
+var O = class {
+	cells = /* @__PURE__ */ new Map();
+	getOrCreateCell(e, t = {}) {
+		let n = this.cellKey(e, t), r = this.cells.get(n);
+		if (!r) {
+			let t = D(e.initialValue);
+			r = {
+				value: t,
+				initialValue: t,
+				listeners: /* @__PURE__ */ new Set()
+			}, this.cells.set(n, r);
+		}
+		return r;
+	}
+	get(e, t = {}) {
+		let n = this.getOrCreateCell(e, t);
+		return {
+			read: () => n.value,
+			write: (e) => {
+				let t = typeof e == "function" ? e(n.value) : e;
+				Object.is(t, n.value) || (n.value = t, n.listeners.forEach((e) => e()));
+			},
+			subscribe: (e) => (n.listeners.add(e), () => n.listeners.delete(e))
+		};
+	}
+	purgeNamespace(e) {
+		let t = `${e}/`, n = `${e}:`;
+		for (let [r, i] of this.cells.entries()) {
+			let a = r.slice(r.lastIndexOf(":") + 1);
+			if (a === e || a.startsWith(t) || a.startsWith(n)) {
+				let e = D(i.initialValue);
+				Object.is(e, i.value) || (i.value = e, i.listeners.forEach((e) => e()));
+			}
+		}
+	}
+	clearPluginContexts(e) {
+		if (typeof e == "string") {
+			this.purgeNamespace(e);
+			return;
+		}
+		let t = /* @__PURE__ */ new Set();
+		if (e.id && t.add(e.id), e.contributes?.elements) for (let n of e.contributes.elements) t.add(n);
+		if (e.contributes?.workspaces) for (let n of e.contributes.workspaces) t.add(n);
+		for (let e of t) this.purgeNamespace(e);
+	}
+	disposePluginContexts(e) {
+		let t = /* @__PURE__ */ new Set([
+			e.id,
+			...e.contributes?.elements ?? [],
+			...e.contributes?.workspaces ?? []
+		]);
+		for (let [e, n] of [...this.cells]) {
+			let r = e.slice(e.lastIndexOf(":") + 1);
+			[...t].some((e) => r === e || r.startsWith(`${e}/`) || r.startsWith(`${e}:`)) && (n.value = D(n.initialValue), n.listeners.forEach((e) => e()), n.listeners.clear(), this.cells.delete(e));
+		}
+	}
+	clearScope(e, t) {
+		let n = `${e}:${t}:`;
+		for (let [e, t] of this.cells.entries()) if (e.startsWith(n)) {
+			let e = D(t.initialValue);
+			Object.is(e, t.value) || (t.value = e, t.listeners.forEach((e) => e()));
+		}
+	}
+	clearAll() {
+		for (let e of this.cells.values()) {
+			let t = D(e.initialValue);
+			Object.is(t, e.value) || (e.value = t, e.listeners.forEach((e) => e()));
+		}
+	}
+	cellKey(e, t) {
+		if (e.scope === "application") return `application:${e.id}`;
+		if (e.scope === "project") return `project:${t.projectId ?? "no-project"}:${e.id}`;
+		if (e.scope === "workspace") {
+			if (!t.workspaceId) throw Error(`Context ${e.id} 缺少 workspaceId`);
+			return `workspace:${t.workspaceId}:${e.id}`;
+		}
+		if (!t.instanceId) throw Error(`Context ${e.id} 缺少 instanceId`);
+		return `instance:${t.instanceId}:${e.id}`;
+	}
+}, ee = /^[a-z][a-z0-9.-]*(\/[a-z][a-z0-9.-]*)+$/;
+function te(e, t) {
+	if (!ee.test(e)) throw Error(`Workbench Context ID 无效: ${e}`);
+	return Object.freeze({
+		id: e,
+		scope: t.scope,
+		initialValue: t.initialValue
+	});
+}
+//#endregion
+//#region workbench/src/context/WorkbenchHostContext.tsx
+var k = t(null);
+function A() {
+	let e = a(k);
+	if (!e) throw Error("WorkbenchHostContext must be provided to render workbench components");
+	return e.services;
+}
+function j(e) {
+	let t = a(k);
+	if (!t) throw Error("WorkbenchHostContext must be provided to render workbench components");
+	return t.useWorkspaceState(e);
+}
+//#endregion
+//#region workbench/src/ui/FloatingScrollbars.tsx
+var ne = 24, re = 700;
+function ie(e, t, n, r) {
+	if (e <= 0 || t <= 0 || n <= t) return null;
+	let i = Math.min(e, Math.max(ne, e * t / n)), a = n - t, o = e - i;
+	return {
+		offset: a > 0 ? o * r / a : 0,
+		size: i,
+		scrollRange: a,
+		thumbRange: o
+	};
+}
+function ae(e) {
+	if (!e.isConnected) return null;
+	let t = e.getBoundingClientRect();
+	return t.width <= 0 || t.height <= 0 ? null : {
+		target: e,
+		top: t.top,
+		left: t.left,
+		width: t.width,
+		height: t.height,
+		clientWidth: e.clientWidth,
+		clientHeight: e.clientHeight,
+		scrollWidth: e.scrollWidth,
+		scrollHeight: e.scrollHeight,
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	};
+}
+function oe({ ownerDocument: e = document }) {
+	let t = e.defaultView ?? window, [n, r] = u(null), a = l(null), s = l(null), c = i(() => {
+		a.current !== null && (t.clearTimeout(a.current), a.current = null);
+	}, [t]), d = i(() => {
+		c(), a.current = t.setTimeout(() => {
+			s.current || r(null);
+		}, re);
+	}, [c, t]), f = i((e) => {
+		let t = ae(e);
+		!t || t.scrollHeight <= t.clientHeight && t.scrollWidth <= t.clientWidth || (r(t), d());
+	}, [d]);
+	if (o(() => {
+		function r(e) {
+			e.target instanceof HTMLElement && f(e.target);
+		}
+		function i() {
+			n?.target && f(n.target);
+		}
+		return e.addEventListener("scroll", r, !0), t.addEventListener("resize", i), () => {
+			e.removeEventListener("scroll", r, !0), t.removeEventListener("resize", i), c();
+		};
+	}, [
+		c,
+		e,
+		t,
+		n?.target,
+		f
+	]), !n) return null;
+	let p = ie(n.height, n.clientHeight, n.scrollHeight, n.scrollTop), m = ie(n.width, n.clientWidth, n.scrollWidth, n.scrollLeft);
+	function h(e, t, r) {
+		c(), t.currentTarget.setPointerCapture(t.pointerId), s.current = {
+			axis: e,
+			target: n.target,
+			startPointer: e === "vertical" ? t.clientY : t.clientX,
+			startScroll: e === "vertical" ? n.scrollTop : n.scrollLeft,
+			scrollRange: r.scrollRange,
+			thumbRange: r.thumbRange
+		};
+	}
+	function g(e) {
+		let t = s.current;
+		if (!t || t.thumbRange <= 0) return;
+		let n = t.axis === "vertical" ? e.clientY : e.clientX, r = t.startScroll + (n - t.startPointer) * t.scrollRange / t.thumbRange;
+		t.axis === "vertical" ? t.target.scrollTop = r : t.target.scrollLeft = r;
+	}
+	function _(e) {
+		e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), s.current = null, d();
+	}
+	return S(/* @__PURE__ */ T("div", {
+		className: "floating-scrollbars",
+		"aria-hidden": "true",
+		children: [p && /* @__PURE__ */ w("div", {
+			className: "floating-scrollbar-thumb is-vertical",
+			style: {
+				left: n.left + n.width - 6,
+				top: n.top + p.offset,
+				height: p.size
+			},
+			onPointerDown: (e) => h("vertical", e, p),
+			onPointerMove: g,
+			onPointerUp: _,
+			onPointerCancel: _
+		}), m && /* @__PURE__ */ w("div", {
+			className: "floating-scrollbar-thumb is-horizontal",
+			style: {
+				left: n.left + m.offset,
+				top: n.top + n.height - 6,
+				width: m.size
+			},
+			onPointerDown: (e) => h("horizontal", e, m),
+			onPointerMove: g,
+			onPointerUp: _,
+			onPointerCancel: _
+		})]
+	}), e.body);
+}
+//#endregion
+//#region workbench/src/elements/ExtensionSlot.tsx
+function M({ point: e, className: t, ...r }) {
+	let { extensions: i } = A();
+	d(i.subscribe, i.getSnapshot);
+	let a = i.list(e);
+	return a.length === 0 ? null : /* @__PURE__ */ w("div", {
+		className: t,
+		children: a.map((e) => {
+			let t = e.component;
+			return /* @__PURE__ */ n(t, {
+				...r,
+				key: e.id
+			});
+		})
+	});
+}
+//#endregion
+//#region workbench/src/ui/InlineSelect.tsx
+function N({ align: e = "start", ariaLabel: t, className: n = "", disabled: r = !1, menuClassName: i = "", onChange: a, options: s, value: c }) {
+	let [d, p] = u(!1), [m, h] = u(document), [g, _] = u({}), v = l(null), y = l(null), b = l(null), x = s.find((e) => e.value === c) ?? s[0];
+	if (o(() => {
+		if (!d) return;
+		function e(e) {
+			let t = e.target;
+			!v.current?.contains(t) && !y.current?.contains(t) && p(!1);
+		}
+		return m.addEventListener("pointerdown", e), () => m.removeEventListener("pointerdown", e);
+	}, [d, m]), !x) return null;
+	function C() {
+		let t = b.current;
+		if (t) {
+			let n = t.getBoundingClientRect(), r = t.ownerDocument, i = r.defaultView ?? window;
+			h(r), _(e === "end" ? {
+				top: n.bottom + 3,
+				right: i.innerWidth - n.right
+			} : {
+				top: n.bottom + 3,
+				left: n.left,
+				minWidth: n.width
+			});
+		}
+		p((e) => !e);
+	}
+	return /* @__PURE__ */ T("div", {
+		className: `inline-select ${n}`,
+		ref: v,
+		children: [/* @__PURE__ */ T("button", {
+			"aria-expanded": d,
+			"aria-haspopup": "listbox",
+			"aria-label": t,
+			className: "inline-select-trigger",
+			disabled: r,
+			ref: b,
+			type: "button",
+			onClick: C,
+			children: [/* @__PURE__ */ w("span", { children: x.label }), /* @__PURE__ */ w(f, {
+				size: 12,
+				"aria-hidden": "true"
+			})]
+		}), d && S(/* @__PURE__ */ w("div", {
+			"aria-label": t,
+			className: `inline-select-menu ${i}`,
+			ref: y,
+			role: "listbox",
+			style: g,
+			children: s.map((e) => /* @__PURE__ */ w("button", {
+				"aria-selected": e.value === c,
+				className: e.value === c ? "is-selected" : "",
+				role: "option",
+				type: "button",
+				onClick: () => {
+					a(e.value), p(!1);
+				},
+				children: e.label
+			}, e.value))
+		}), m.body)]
+	});
+}
+//#endregion
+//#region workbench/src/dock/layout.ts
+function P(e) {
+	return e.kind === "area" ? [e] : [...P(e.first), ...P(e.second)];
+}
+function F(e, t) {
+	return e.kind === "area" ? e.id === t ? e : null : F(e.first, t) ?? F(e.second, t);
+}
+function I(e, t) {
+	if (e.kind === "area") return t.has(e.id) ? null : e;
+	let n = I(e.first, t), r = I(e.second, t);
+	return n ? r ? n === e.first && r === e.second ? e : {
+		...e,
+		first: n,
+		second: r
+	} : n : r;
+}
+function L(e, t) {
+	return !!F(e, t) && P(e).length > 1;
+}
+function R(e, t, n) {
+	return e.kind === "area" ? e.id === t ? n(e) : e : {
+		...e,
+		first: R(e.first, t, n),
+		second: R(e.second, t, n)
+	};
+}
+function se(e, t, n, r) {
+	return R(e, t, (e) => ({
+		...e,
+		activePanelId: n,
+		panelHistory: e.panelHistory.includes(n) ? e.panelHistory : [...e.panelHistory, n],
+		panelInstanceIds: e.panelInstanceIds[n] ? e.panelInstanceIds : {
+			...e.panelInstanceIds,
+			[n]: r
+		}
+	}));
+}
+function ce(e, t, n, r) {
+	return R(e, t, (e) => ({
+		kind: "split",
+		id: r.splitId,
+		direction: n,
+		ratio: .5,
+		first: e,
+		second: {
+			kind: "area",
+			id: r.areaId,
+			activePanelId: e.activePanelId,
+			panelHistory: [e.activePanelId],
+			panelInstanceIds: { [e.activePanelId]: r.panelInstanceId }
+		}
+	}));
+}
+function z(e, t) {
+	return e.kind === "area" ? e : e.first.kind === "area" && e.first.id === t ? e.second : e.second.kind === "area" && e.second.id === t ? e.first : {
+		...e,
+		first: z(e.first, t),
+		second: z(e.second, t)
+	};
+}
+function le(e, t) {
+	return L(e, t) ? z(e, t) : e;
+}
+function B(e, t, n) {
+	return e.kind === "area" ? e : e.id === t ? {
+		...e,
+		ratio: Math.min(.85, Math.max(.15, n))
+	} : {
+		...e,
+		first: B(e.first, t, n),
+		second: B(e.second, t, n)
+	};
+}
+function ue(e, t, n) {
+	let r = F(e, t), i = F(e, n);
+	return !r || !i || r.id === i.id ? e : R(R(e, t, (e) => ({
+		...e,
+		activePanelId: i.activePanelId,
+		panelHistory: i.panelHistory,
+		panelInstanceIds: i.panelInstanceIds
+	})), n, (e) => ({
+		...e,
+		activePanelId: r.activePanelId,
+		panelHistory: r.panelHistory,
+		panelInstanceIds: r.panelInstanceIds
+	}));
+}
+//#endregion
+//#region workbench/src/dock/floatingWindow.ts
+function V(e, t, n, r) {
+	return e <= 0 || t <= 0 || e >= n || t >= r;
+}
+function H(e) {
+	e.head.querySelectorAll("[data-graphvideo-shared-style]").forEach((e) => e.remove()), document.head.querySelectorAll("style, link[rel=\"stylesheet\"]").forEach((t) => {
+		let n = t.cloneNode(!0);
+		n.dataset.graphvideoSharedStyle = "true", n instanceof HTMLLinkElement && t instanceof HTMLLinkElement && (n.href = t.href), e.head.append(n);
+	});
+}
+var de = [
+	"class",
+	"data-theme",
+	"data-font-family",
+	"data-font-size"
+];
+function U(e, t) {
+	de.forEach((n) => {
+		let r = e.getAttribute(n);
+		r === null ? t.removeAttribute(n) : t.setAttribute(n, r);
+	});
+}
+function fe(e, t) {
+	let n = e.document;
+	n.title = t, U(document.documentElement, n.documentElement), n.body.replaceChildren(), n.body.className = "floating-panel-body";
+	let r = n.createElement("div");
+	r.className = "floating-panel-root", n.body.append(r), H(n);
+	let i = new MutationObserver(() => H(n));
+	i.observe(document.head, {
+		childList: !0,
+		subtree: !0,
+		characterData: !0
+	});
+	let a = new MutationObserver(() => U(document.documentElement, n.documentElement));
+	return a.observe(document.documentElement, { attributes: !0 }), {
+		container: r,
+		disconnect: () => {
+			i.disconnect(), a.disconnect();
+		}
+	};
+}
+//#endregion
+//#region workbench/src/dock/AreaShell.tsx
+function pe({ workspaceId: e, area: t, panel: n, runtime: r }) {
+	let i = n.component, a = t.panelInstanceIds[n.id], s = `${e}:${t.id}:${n.id}`;
+	return o(() => (r.attach(s), () => r.detach(s)), [r, s]), /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
+		workspaceId: e,
+		areaId: t.id,
+		viewId: s,
+		instanceId: a,
+		runtime: r
+	}), /* @__PURE__ */ w(M, {
+		point: `panel:${n.id}:overlay`,
+		className: "extension-slot-overlay",
+		panelId: n.id,
+		workspaceId: e,
+		areaId: t.id,
+		viewId: s,
+		instanceId: a,
+		runtime: r
+	})] });
+}
+function me({ workspaceId: e, area: t, floating: n = !1, onFloatToggle: r }) {
+	let { commands: i, panels: a, elementRuntimes: o } = A(), s = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+	d(a.subscribe, a.getSnapshot), d(o.subscribe, o.getSnapshot);
+	let c = j((t) => t.items[e]), l = c?.focusedAreaId === t.id, u = c?.maximizedAreaId === t.id, f = c ? L(c.layout, t.id) : !1, _ = a.get(t.activePanelId), y = _?.icon ?? p, S = a.ownerOf(t.activePanelId), C = t.panelInstanceIds[t.activePanelId], E = S && C ? o.getOrCreate(S, C) : null, D = `${e}:${t.id}:${t.activePanelId}`;
+	return /* @__PURE__ */ T("article", {
+		className: `area-shell ${l ? "is-focused" : ""}`,
+		onPointerDown: () => void i.execute("workspace.area.focus", {
+			workspaceId: e,
+			areaId: t.id
+		}),
+		onDragOver: (e) => e.preventDefault(),
+		onDrop: (n) => {
+			n.preventDefault();
+			let r = n.dataTransfer.getData("application/x-graphvideo-area").split(":");
+			r.length === 2 && r[0] === e && i.execute("workspace.area.swap", {
+				workspaceId: e,
+				sourceAreaId: r[1],
+				targetAreaId: t.id
+			});
+		},
+		children: [/* @__PURE__ */ T("header", {
+			className: "area-header",
+			draggable: !n,
+			onDragStart: (n) => {
+				if (n.target.closest("button, .inline-select")) {
+					n.preventDefault();
+					return;
+				}
+				n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-graphvideo-area", `${e}:${t.id}`);
+			},
+			onDragEnd: (e) => {
+				r && V(e.clientX, e.clientY, window.innerWidth, window.innerHeight) && r(t.id);
+			},
+			children: [
+				/* @__PURE__ */ w(y, { size: 14 }),
+				/* @__PURE__ */ w(N, {
+					ariaLabel: "切换面板",
+					className: "area-panel-select",
+					value: t.activePanelId,
+					options: [..._ ? [] : [{
+						value: t.activePanelId,
+						label: `未加载 · ${t.activePanelId}`
+					}], ...a.list().map((e) => ({
+						value: e.id,
+						label: e.title
+					}))],
+					onChange: (n) => void i.execute("workspace.panel.switch", {
+						workspaceId: e,
+						areaId: t.id,
+						panelId: n
+					})
+				}),
+				_ && E && /* @__PURE__ */ w(M, {
+					point: `panel:${_.id}:header`,
+					panelId: _.id,
+					workspaceId: e,
+					areaId: t.id,
+					viewId: D,
+					instanceId: C,
+					runtime: E
+				}),
+				/* @__PURE__ */ w("span", { className: "area-header-spacer" }),
+				/* @__PURE__ */ w("button", {
+					className: "area-header-button",
+					type: "button",
+					title: n ? "放回主窗口" : "弹出为悬浮窗口",
+					onClick: () => r?.(t.id),
+					children: /* @__PURE__ */ w(v, { size: 13 })
+				}),
+				/* @__PURE__ */ w("button", {
+					className: "area-header-button",
+					type: "button",
+					title: "左右切分",
+					onClick: () => void i.execute("workspace.area.split", {
+						workspaceId: e,
+						areaId: t.id,
+						direction: "horizontal"
+					}),
+					children: /* @__PURE__ */ w(m, { size: 13 })
+				}),
+				/* @__PURE__ */ w("button", {
+					className: "area-header-button",
+					type: "button",
+					title: "上下切分",
+					onClick: () => void i.execute("workspace.area.split", {
+						workspaceId: e,
+						areaId: t.id,
+						direction: "vertical"
+					}),
+					children: /* @__PURE__ */ w(b, { size: 13 })
+				}),
+				/* @__PURE__ */ w("button", {
+					className: "area-header-button",
+					type: "button",
+					title: u ? s ? "恢复区域 (⌘+Space)" : "恢复区域 (Ctrl+Space)" : s ? "最大化区域 (⌘+Space)" : "最大化区域 (Ctrl+Space)",
+					onClick: () => void i.execute("workspace.area.maximize", {
+						workspaceId: e,
+						areaId: t.id
+					}),
+					children: w(u ? g : h, { size: 13 })
+				}),
+				/* @__PURE__ */ w("button", {
+					className: "area-header-button",
+					type: "button",
+					title: f ? "关闭并与相邻区域合并" : "至少保留一个区域",
+					disabled: !f,
+					onClick: () => void i.execute("workspace.area.close", {
+						workspaceId: e,
+						areaId: t.id
+					}),
+					children: /* @__PURE__ */ w(x, { size: 13 })
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "area-content",
+			children: t.panelHistory.map((n) => {
+				let r = a.get(n), i = a.ownerOf(n), s = t.panelInstanceIds[n];
+				if (!r || !i || !s) return n === t.activePanelId ? /* @__PURE__ */ w("div", {
+					className: "panel-instance is-active",
+					children: /* @__PURE__ */ T("div", {
+						className: "missing-element-panel",
+						children: [
+							/* @__PURE__ */ w(p, { size: 24 }),
+							/* @__PURE__ */ w("strong", { children: "Element 当前未加载" }),
+							/* @__PURE__ */ w("span", { children: n })
+						]
+					})
+				}, n) : null;
+				let c = o.getOrCreate(i, s);
+				return /* @__PURE__ */ w("div", {
+					className: `panel-instance ${n === t.activePanelId ? "is-active" : ""}`,
+					children: /* @__PURE__ */ w(pe, {
+						workspaceId: e,
+						area: t,
+						panel: r,
+						runtime: c
+					})
+				}, n);
+			})
+		})]
+	});
+}
+//#endregion
+//#region workbench/src/dock/splitResizeGesture.ts
+var he = .15, ge = .85, _e = 1e-6;
+function ve(e) {
+	return Math.min(ge, Math.max(he, e));
+}
+function ye(e) {
+	let t = e.direction === "horizontal" ? e.startX : e.startY, n = e.direction === "horizontal" ? e.bounds.width : e.bounds.height, r = e.initialRatio, i = null, a = !1;
+	function o(r, i) {
+		if (n <= 0) return e.initialRatio;
+		let a = e.direction === "horizontal" ? r : i;
+		return ve(e.initialRatio + (a - t) / n);
+	}
+	function s() {
+		i = null, e.preview(r);
+	}
+	function c(t, n) {
+		a || (r = o(t, n), i === null && (i = e.scheduleFrame(s)));
+	}
+	function l() {
+		i !== null && (e.cancelFrame(i), i = null);
+	}
+	return {
+		move(e, t) {
+			c(e, t);
+		},
+		finish(t, n) {
+			if (!a) {
+				if (c(t, n), a = !0, l(), Math.abs(r - e.initialRatio) <= _e) {
+					e.cancel();
+					return;
+				}
+				e.preview(r), e.commit(r);
+			}
+		},
+		abort(t = !0) {
+			a || (a = !0, l(), t && e.cancel());
+		}
+	};
+}
+//#endregion
+//#region workbench/src/dock/Workspace.tsx
+function be({ container: e, className: t }) {
+	let n = l(null);
+	return c(() => {
+		let t = n.current;
+		if (t) return t.append(e), () => {
+			e.parentElement === t && e.remove();
+		};
+	}, [e]), /* @__PURE__ */ w("div", {
+		className: t,
+		ref: n
+	});
+}
+function xe({ workspaceId: e, split: t, getAreaElement: n }) {
+	let { commands: r } = A(), [i, a] = u(null), s = l(null);
+	o(() => () => {
+		s.current?.abort(!1), document.body.classList.remove("is-resizing");
+	}, []);
+	function c(n) {
+		n.preventDefault();
+		let i = n.currentTarget.parentElement;
+		if (!i) return;
+		let o = i.getBoundingClientRect();
+		n.currentTarget.setPointerCapture(n.pointerId), document.body.classList.add("is-resizing"), s.current = ye({
+			direction: t.direction,
+			bounds: o,
+			initialRatio: t.ratio,
+			startX: n.clientX,
+			startY: n.clientY,
+			scheduleFrame: (e) => window.requestAnimationFrame(e),
+			cancelFrame: (e) => window.cancelAnimationFrame(e),
+			preview: a,
+			commit: (n) => {
+				Promise.resolve(r.execute("workspace.split.resize", {
+					workspaceId: e,
+					splitId: t.id,
+					ratio: n
+				})).then(() => a(null), () => a(null));
+			},
+			cancel: () => a(null)
+		});
+	}
+	function d(e) {
+		s.current?.move(e.clientX, e.clientY);
+	}
+	function f(e) {
+		let t = s.current;
+		t && (s.current = null, t.finish(e.clientX, e.clientY), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), document.body.classList.remove("is-resizing"));
+	}
+	function p(e) {
+		s.current?.abort(), s.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), document.body.classList.remove("is-resizing");
+	}
+	let m = i ?? t.ratio, h = t.direction === "horizontal" ? { gridTemplateColumns: `${m}fr 4px ${1 - m}fr` } : { gridTemplateRows: `${m}fr 4px ${1 - m}fr` };
+	return /* @__PURE__ */ T("div", {
+		className: `dock-split is-${t.direction}`,
+		style: h,
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "dock-pane",
+				children: /* @__PURE__ */ w(W, {
+					workspaceId: e,
+					node: t.first,
+					getAreaElement: n
+				})
+			}),
+			/* @__PURE__ */ w("button", {
+				"aria-label": t.direction === "horizontal" ? "调整左右区域宽度" : "调整上下区域高度",
+				className: "dock-resizer",
+				type: "button",
+				onPointerDown: c,
+				onPointerMove: d,
+				onPointerUp: f,
+				onPointerCancel: p
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "dock-pane",
+				children: /* @__PURE__ */ w(W, {
+					workspaceId: e,
+					node: t.second,
+					getAreaElement: n
+				})
+			})
+		]
+	});
+}
+function W({ workspaceId: e, node: t, getAreaElement: n }) {
+	return t.kind === "area" ? /* @__PURE__ */ w(be, {
+		container: n(t.id),
+		className: "area-slot"
+	}) : /* @__PURE__ */ w(xe, {
+		workspaceId: e,
+		split: t,
+		getAreaElement: n
+	});
+}
+var Se = r(function({ workspaceId: e, active: t }) {
+	let { commands: n, panels: r } = A(), a = j((t) => t.items[e]), [s, c] = u(/* @__PURE__ */ new Map()), [d] = u(() => /* @__PURE__ */ new Map()), f = l(s), p = i((e) => {
+		let t = d.get(e);
+		if (t) return t;
+		let n = document.createElement("div");
+		return n.className = "area-render-root", d.set(e, n), n;
+	}, [d]), m = i((e, t) => {
+		let n = f.current.get(e);
+		if (!n) return;
+		n.disconnect();
+		let r = new Map(f.current);
+		r.delete(e), f.current = r, c(r), t && !n.window.closed && n.window.close();
+	}, []), h = i((t) => {
+		if (f.current.get(t)) {
+			m(t, !0);
+			return;
+		}
+		let n = F(a.layout, t);
+		if (!n) return;
+		let i = r.get(n.activePanelId)?.title ?? "GraphVideo Panel", o = window.open("about:blank", `graphvideo-floating-${e}-${t}`, "popup=yes,width=760,height=560,resizable=yes");
+		if (!o) return;
+		let s = {
+			window: o,
+			...fe(o, `GraphVideo · ${i}`)
+		};
+		o.addEventListener("beforeunload", () => m(t, !1), { once: !0 });
+		let l = new Map(f.current).set(t, s);
+		f.current = l, c(l);
+	}, [
+		m,
+		r,
+		a.layout,
+		e
+	]);
+	o(() => {
+		function r(r) {
+			t && (r.ctrlKey || r.metaKey) && r.code === "Space" && (r.preventDefault(), n.execute("workspace.area.maximize", {
+				workspaceId: e,
+				areaId: a.focusedAreaId
+			}));
+		}
+		return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+	}, [
+		t,
+		n,
+		a.focusedAreaId,
+		e
+	]), o(() => {
+		let e = [...s.keys()].filter((e) => !F(a.layout, e));
+		if (e.length === 0) return;
+		let t = window.setTimeout(() => {
+			e.forEach((e) => m(e, !0));
+		}, 0);
+		return () => window.clearTimeout(t);
+	}, [
+		m,
+		s,
+		a.layout
+	]), o(() => {
+		let e = new Set(P(a.layout).map((e) => e.id));
+		for (let t of d.keys()) e.has(t) || d.delete(t);
+	}, [d, a.layout]), o(() => {
+		f.current = s;
+	}, [s]), o(() => () => {
+		for (let e of f.current.values()) e.disconnect(), e.window.closed || e.window.close();
+	}, []);
+	let g = a.maximizedAreaId ? F(a.layout, a.maximizedAreaId) : null, _ = I(a.layout, new Set(s.keys())), y = g && !s.has(g.id) ? g : null;
+	return /* @__PURE__ */ T("div", {
+		className: `workspace workspace-page ${t ? "is-active" : "is-inactive"}`,
+		"aria-hidden": !t,
+		inert: !t,
+		children: [
+			y ? /* @__PURE__ */ w(W, {
+				workspaceId: e,
+				node: y,
+				getAreaElement: p
+			}) : _ ? /* @__PURE__ */ w(W, {
+				workspaceId: e,
+				node: _,
+				getAreaElement: p
+			}) : /* @__PURE__ */ T("div", {
+				className: "floating-area-placeholder",
+				children: [
+					/* @__PURE__ */ w(v, { size: 22 }),
+					/* @__PURE__ */ w("span", { children: "所有区域均已在悬浮窗口中打开" }),
+					/* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => {
+							for (let e of s.keys()) m(e, !0);
+						},
+						children: "全部放回主窗口"
+					})
+				]
+			}),
+			P(a.layout).map((t) => S(/* @__PURE__ */ w(me, {
+				workspaceId: e,
+				area: t,
+				floating: s.has(t.id),
+				onFloatToggle: h
+			}), p(t.id), t.id)),
+			[...s].map(([e, t]) => F(a.layout, e) ? S(/* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(oe, { ownerDocument: t.window.document }), /* @__PURE__ */ w(be, {
+				container: p(e),
+				className: "floating-area-content"
+			})] }), t.container, `floating-host-${e}`) : null)
+		]
+	});
+}), Ce = /^[a-z0-9][a-z0-9._-]*$/;
+function we(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		throw Error("element.json 不是有效 JSON");
+	}
+	if (!t || typeof t != "object") throw Error("element.json 必须是对象");
+	let n = t;
+	if (typeof n.id != "string" || !Ce.test(n.id)) throw Error("Element id 只能包含小写字母、数字、点、下划线和短横线");
+	if (typeof n.name != "string" || !n.name.trim()) throw Error("Element name 不能为空");
+	if (n.apiVersion !== 1) throw Error("Element apiVersion 必须是 1");
+	if (typeof n.entry != "string" || !n.entry.trim()) throw Error("Element entry 不能为空");
+	let r = n.entry.replace(/\\/g, "/");
+	if (r !== "element.ts") throw Error("Element entry 必须是 element.ts");
+	return {
+		id: n.id,
+		name: n.name.trim(),
+		apiVersion: 1,
+		entry: r
+	};
+}
+//#endregion
+//#region workbench/src/elements/dispose.ts
+async function G(e) {
+	for (let t of e.splice(0).reverse()) try {
+		await t();
+	} catch (e) {
+		console.error("Element cleanup failed:", e);
+	}
+}
+//#endregion
+//#region workbench/src/elements/elementLoader.ts
+var Te = class {
+	registries;
+	loaded = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	errors = [];
+	version = 0;
+	contexts;
+	constructor(e) {
+		this.registries = e, this.contexts = e.contexts ?? new O();
+	}
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.version;
+	listErrors() {
+		return this.errors;
+	}
+	listLoaded() {
+		return [...this.loaded.values()].map(({ manifest: e, owner: t, version: n }) => ({
+			manifest: e,
+			owner: t,
+			version: n
+		}));
+	}
+	async reconcile(e) {
+		let t = new Set(e.map((e) => e.owner)), n = [];
+		for (let t of e) if (this.loaded.get(t.owner)?.version !== t.version) try {
+			await this.load(t);
+		} catch (e) {
+			n.push(e instanceof Error ? e.message : `无法加载 ${t.owner}`);
+		}
+		for (let e of [...this.loaded.values()]) t.has(e.owner) || await this.unload(e.owner);
+		this.errors = n, this.emit();
+	}
+	reportError(e) {
+		this.errors = [e], this.emit();
+	}
+	async unload(e) {
+		let t = this.loaded.get(e);
+		t && (this.loaded.delete(e), this.registries.panels.unregisterOwner(e), this.registries.extensions.unregisterOwner(e), this.registries.commands.unregisterOwner(e), await this.registries.runtimes.removeElement(e), this.registries.services.unregisterOwner(e), this.registries.events.unregisterOwner(e), this.registries.states.unregisterOwner(e), await Promise.allSettled([Promise.resolve().then(t.disposeDefinition)]), this.emit());
+	}
+	async load(e) {
+		let t = we(e.manifestText);
+		if (e.owner !== t.id) throw Error(`Element 目录名与 Manifest ID 不一致: ${e.owner} / ${t.id}`);
+		let n = await e.load(t);
+		if (!n || typeof n.register != "function") throw Error(`Element ${t.id} 未导出 register(context)`);
+		let r = await this.stage(t, n);
+		try {
+			this.registries.panels.assertCanReplace(t.id, r.panels), this.registries.extensions.assertCanReplace(t.id, r.extensions), this.registries.commands.assertCanReplace(t.id, r.commands), this.registries.states.assertCanReplace(t.id, r.states), this.registries.services.assertCanReplace(t.id, r.services);
+		} catch (e) {
+			throw await Promise.allSettled([Promise.resolve().then(r.disposeDefinition)]), e;
+		}
+		let i = this.loaded.get(t.id), a = this.registries.states.getOwnerDefinitions(t.id), o = this.registries.services.getOwnerDefinitions(t.id);
+		this.registries.states.replaceOwner(t.id, r.states), this.registries.services.replaceOwner(t.id, r.services);
+		try {
+			await this.registries.runtimes.replaceFactory(t.id, r.runtimeFactory);
+		} catch (e) {
+			throw this.registries.states.replaceOwner(t.id, a), this.registries.services.replaceOwner(t.id, o), await Promise.allSettled([Promise.resolve().then(r.disposeDefinition)]), e;
+		}
+		this.registries.panels.replaceOwner(t.id, r.panels), this.registries.extensions.replaceOwner(t.id, r.extensions), this.registries.commands.replaceOwner(t.id, r.commands), this.registries.events.replaceOwner(t.id, r.events), this.loaded.set(t.id, {
+			owner: t.id,
+			manifest: t,
+			version: e.version,
+			module: n,
+			disposeDefinition: r.disposeDefinition
+		}), i && await Promise.allSettled([Promise.resolve().then(i.disposeDefinition)]);
+	}
+	async stage(t, n) {
+		let r = [], i = [], a = [], o = [], s = [], c = [], l = [], u = null;
+		try {
+			let d = await n.register({
+				manifest: t,
+				react: e,
+				host: this.registries.host,
+				application: this.registries.application,
+				events: {
+					on: (e, t) => s.push({
+						event: e,
+						listener: t
+					}),
+					emit: (e, t) => this.registries.events.emit(e, t)
+				},
+				services: {
+					provide: (e, t) => c.push({
+						id: e.id,
+						token: e,
+						value: t
+					}),
+					get: (e) => this.registries.services.require(e),
+					has: (e) => this.registries.services.has(e)
+				},
+				contexts: { get: (e, t = {}) => this.contexts.get(e, {
+					...t,
+					projectId: "projectId" in t ? t.projectId : this.registries.host.getProjectId()
+				}) },
+				panels: { register: (e) => r.push(e) },
+				extensions: { register: (e) => i.push(e) },
+				commands: { register: (e, t) => a.push({
+					id: e,
+					handler: t
+				}) },
+				states: { define: (e) => o.push(e) },
+				runtime: { define: (e) => {
+					if (u) throw Error(`Element ${t.id} 只能定义一个 Runtime Factory`);
+					u = e;
+				} },
+				onDispose: (e) => l.push(e)
+			});
+			d && l.push(d);
+		} catch (e) {
+			throw await G(l), e;
+		}
+		return {
+			panels: r,
+			extensions: i,
+			commands: a,
+			states: o,
+			events: s,
+			services: c,
+			runtimeFactory: u,
+			disposeDefinition: async () => {
+				await G(l);
+			}
+		};
+	}
+	emit() {
+		this.version += 1, this.listeners.forEach((e) => e());
+	}
+}, Ee = class {
+	states;
+	host;
+	services;
+	events;
+	contexts;
+	factories = /* @__PURE__ */ new Map();
+	instances = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	version = 0;
+	pendingCleanups = /* @__PURE__ */ new Set();
+	constructor(e, t, n, r, i = new O()) {
+		this.states = e, this.host = t, this.services = n, this.events = r, this.contexts = i;
+	}
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.version;
+	getOrCreate(e, t) {
+		let n = this.key(e, t), r = this.instances.get(n);
+		if (r) return r.handle;
+		if (!this.factories.has(e)) throw Error(`Element Runtime 未注册: ${e}`);
+		let i = this.createEntry(e, t, this.factories.get(e) ?? null);
+		return this.instances.set(n, i), i.handle;
+	}
+	async replaceFactory(e, t) {
+		let n = [...this.instances.entries()].filter(([t]) => t.startsWith(`${e}:`)), r = /* @__PURE__ */ new Map();
+		try {
+			for (let [i, a] of n) r.set(i, this.createEntry(e, a.handle.instanceId, t));
+		} catch (e) {
+			throw await Promise.allSettled([...r.values()].map((e) => e.dispose())), await Promise.all(this.pendingCleanups), e;
+		}
+		this.factories.set(e, t), r.forEach((e, t) => this.instances.set(t, e)), this.emit(), await Promise.allSettled(n.map(([, e]) => e.dispose()));
+	}
+	async removeElement(e) {
+		this.factories.delete(e);
+		let t = [];
+		for (let [n, r] of [...this.instances]) n.startsWith(`${e}:`) && (this.instances.delete(n), t.push(r));
+		this.emit(), await Promise.allSettled(t.map((e) => e.dispose())), await Promise.all(this.pendingCleanups);
+	}
+	async disposeAll() {
+		this.factories.clear();
+		let e = [...this.instances.values()];
+		this.instances.clear(), this.emit(), await Promise.allSettled(e.map((e) => e.dispose())), await Promise.all(this.pendingCleanups);
+	}
+	listInstances() {
+		return [...this.instances.values()].map((e) => e.handle);
+	}
+	createEntry(e, t, n) {
+		let r = /* @__PURE__ */ new Set(), i = [], a = { get: (n, r = {}) => {
+			let i = () => this.states.bind(e, n, {
+				projectId: "projectId" in r ? r.projectId : this.host.getProjectId(),
+				workspaceId: r.workspaceId,
+				instanceId: t
+			});
+			return {
+				read: () => i().read(),
+				write: (e) => i().write(e),
+				subscribe: (e) => i().subscribe(e)
+			};
+		} }, o;
+		try {
+			o = n?.create({
+				elementId: e,
+				instanceId: t,
+				host: this.host,
+				events: { emit: (e, t) => this.events.emit(e, t) },
+				services: {
+					get: (e) => this.services.require(e),
+					has: (e) => this.services.has(e)
+				},
+				states: a,
+				contexts: { get: (e, n = {}) => this.contexts.get(e, {
+					...n,
+					projectId: "projectId" in n ? n.projectId : this.host.getProjectId(),
+					instanceId: n.instanceId ?? t
+				}) },
+				onDispose: (e) => i.push(e)
+			}) ?? {};
+		} catch (e) {
+			let t = G(i);
+			throw this.pendingCleanups.add(t), t.finally(() => this.pendingCleanups.delete(t)), e;
+		}
+		let s = o;
+		return s.dispose && i.push(() => s.dispose()), {
+			handle: {
+				elementId: e,
+				instanceId: t,
+				value: s,
+				states: a,
+				attach: (e) => r.add(e),
+				detach: (e) => r.delete(e)
+			},
+			dispose: async () => {
+				await G(i), r.clear();
+			}
+		};
+	}
+	key(e, t) {
+		return `${e}:${t}`;
+	}
+	emit() {
+		this.version += 1, this.listeners.forEach((e) => e());
+	}
+};
+//#endregion
+//#region workbench/src/elements/types.ts
+function De(e) {
+	return e;
+}
+//#endregion
+//#region workbench/src/plugins/pluginManager.ts
+var Oe = class {
+	options;
+	constructor(e) {
+		this.options = e;
+	}
+	async uninstall(e) {
+		if (e.contributes?.elements) for (let t of e.contributes.elements) await this.options.elementLoader.unload(t);
+		this.options.contextStore.disposePluginContexts(e);
+	}
+}, K = class {
+	entries = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	version = 0;
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.version;
+	register(e, t) {
+		let n = this.entries.get(t.id);
+		if (n && n.owner !== e) throw Error(`Contribution ID conflict: ${t.id} (${n.owner} / ${e})`);
+		this.entries.set(t.id, {
+			owner: e,
+			value: t
+		}), this.emit();
+	}
+	assertCanReplace(e, t) {
+		let n = /* @__PURE__ */ new Set();
+		for (let r of t) {
+			if (n.has(r.id)) throw Error(`Contribution ID conflict: ${r.id} (${e})`);
+			n.add(r.id);
+			let t = this.entries.get(r.id);
+			if (t && t.owner !== e) throw Error(`Contribution ID conflict: ${r.id} (${t.owner} / ${e})`);
+		}
+	}
+	replaceOwner(e, t) {
+		this.assertCanReplace(e, t);
+		for (let [t, n] of this.entries) n.owner === e && this.entries.delete(t);
+		t.forEach((t) => this.entries.set(t.id, {
+			owner: e,
+			value: t
+		})), this.emit();
+	}
+	unregisterOwner(e) {
+		let t = !1;
+		for (let [n, r] of this.entries) r.owner === e && (this.entries.delete(n), t = !0);
+		t && this.emit();
+	}
+	get(e) {
+		return this.entries.get(e)?.value;
+	}
+	list() {
+		return [...this.entries.values()].map((e) => e.value);
+	}
+	ownerOf(e) {
+		return this.entries.get(e)?.owner;
+	}
+	emit() {
+		this.version += 1, this.listeners.forEach((e) => e());
+	}
+}, ke = class {
+	registry = new K();
+	subscribe = this.registry.subscribe;
+	getSnapshot = this.registry.getSnapshot;
+	register(e, t) {
+		this.registry.register(e, t);
+	}
+	assertCanReplace(e, t) {
+		this.registry.assertCanReplace(e, t);
+	}
+	replaceOwner(e, t) {
+		this.registry.replaceOwner(e, t);
+	}
+	unregisterOwner(e) {
+		this.registry.unregisterOwner(e);
+	}
+	get(e) {
+		return this.registry.get(e);
+	}
+	list() {
+		return this.registry.list();
+	}
+	ownerOf(e) {
+		return this.registry.ownerOf(e);
+	}
+}, Ae = /^[a-z][a-z0-9.-]*$/;
+function je(e) {
+	if (!Ae.test(e)) throw Error(`Service ID 无效: ${e}`);
+	return Object.freeze({ id: e });
+}
+var Me = class {
+	providers = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	version = 0;
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.version;
+	assertCanReplace(e, t) {
+		let n = /* @__PURE__ */ new Set();
+		for (let r of t) {
+			if (!Ae.test(r.id) || r.id !== r.token.id) throw Error(`Service ID 无效: ${r.id}`);
+			if (n.has(r.id)) throw Error(`Service ID 重复: ${r.id} (${e})`);
+			n.add(r.id);
+			let t = this.providers.get(r.id);
+			if (t && t.owner !== e) throw Error(`Service ID conflict: ${r.id} (${t.owner} / ${e})`);
+		}
+	}
+	replaceOwner(e, t) {
+		this.assertCanReplace(e, t);
+		let n = !1;
+		for (let [t, r] of this.providers) r.owner === e && (this.providers.delete(t), n = !0);
+		for (let r of t) this.providers.set(r.id, {
+			owner: e,
+			definition: r
+		}), n = !0;
+		n && this.emit();
+	}
+	unregisterOwner(e) {
+		let t = !1;
+		for (let [n, r] of this.providers) r.owner === e && (this.providers.delete(n), t = !0);
+		t && this.emit();
+	}
+	get(e) {
+		return this.providers.get(e.id)?.definition.value;
+	}
+	require(e) {
+		let t = this.get(e);
+		if (!t) throw Error(`Service Provider 不可用: ${e.id}`);
+		return t;
+	}
+	has(e) {
+		return this.providers.has(e.id);
+	}
+	getOwnerDefinitions(e) {
+		return [...this.providers.values()].filter((t) => t.owner === e).map((e) => e.definition);
+	}
+	ownerOf(e) {
+		return this.providers.get(e.id)?.owner;
+	}
+	emit() {
+		this.version += 1, this.listeners.forEach((e) => e());
+	}
+}, Ne = /^[a-z][a-z0-9.-]*(\/[a-z][a-z0-9.-]*)+$/;
+function Pe(e) {
+	if (!Ne.test(e)) throw Error(`Event ID 无效: ${e}`);
+	return Object.freeze({ id: e });
+}
+var Fe = class {
+	listeners = /* @__PURE__ */ new Map();
+	reportFailure;
+	constructor(e = () => void 0) {
+		this.reportFailure = e;
+	}
+	setFailureReporter(e) {
+		this.reportFailure = e;
+	}
+	replaceOwner(e, t) {
+		this.assertDefinitions(t), this.unregisterOwner(e), t.forEach((t) => {
+			let n = this.listeners.get(t.event.id) ?? [];
+			n.push({
+				owner: e,
+				definition: t
+			}), this.listeners.set(t.event.id, n);
+		});
+	}
+	listen(e, t, n) {
+		this.assertDefinitions([{
+			event: t,
+			listener: n
+		}]);
+		let r = this.listeners.get(t.id) ?? [], i = {
+			owner: e,
+			definition: {
+				event: t,
+				listener: n
+			}
+		};
+		return r.push(i), this.listeners.set(t.id, r), () => {
+			let e = this.listeners.get(t.id);
+			if (!e) return;
+			let n = e.filter((e) => e !== i);
+			n.length ? this.listeners.set(t.id, n) : this.listeners.delete(t.id);
+		};
+	}
+	unregisterOwner(e) {
+		for (let [t, n] of this.listeners) {
+			let r = n.filter((t) => t.owner !== e);
+			r.length ? this.listeners.set(t, r) : this.listeners.delete(t);
+		}
+	}
+	emit(e, t) {
+		[...this.listeners.get(e.id) ?? []].forEach(({ owner: n, definition: r }) => {
+			try {
+				let i = r.listener(t);
+				i && typeof i.then == "function" && i.catch((t) => this.reportFailure({
+					eventId: e.id,
+					owner: n,
+					error: t
+				}));
+			} catch (t) {
+				this.reportFailure({
+					eventId: e.id,
+					owner: n,
+					error: t
+				});
+			}
+		});
+	}
+	listenerCount(e) {
+		return this.listeners.get(e.id)?.length ?? 0;
+	}
+	assertDefinitions(e) {
+		e.forEach((e) => {
+			if (!Ne.test(e.event.id)) throw Error(`Event ID 无效: ${e.event.id}`);
+			if (typeof e.listener != "function") throw Error(`Event Listener 无效: ${e.event.id}`);
+		});
+	}
+};
+//#endregion
+//#region workbench/src/registry/stateRegistry.ts
+function Ie(e) {
+	try {
+		return structuredClone(e);
+	} catch {
+		return e;
+	}
+}
+var Le = class {
+	definitions = /* @__PURE__ */ new Map();
+	cells = /* @__PURE__ */ new Map();
+	assertCanReplace(e, t) {
+		let n = /* @__PURE__ */ new Set();
+		for (let r of t) {
+			if (!r.id || n.has(r.id)) throw Error(`State ID 重复: ${r.id}`);
+			n.add(r.id);
+			let t = this.definitionKey(e, r.id), i = this.definitions.get(t);
+			if (i && i.definition.scope !== r.scope) throw Error(`State Scope 不允许热变更: ${r.id}`);
+		}
+	}
+	replaceOwner(e, t) {
+		this.assertCanReplace(e, t), this.unregisterOwner(e);
+		for (let n of t) this.definitions.set(this.definitionKey(e, n.id), {
+			owner: e,
+			definition: n
+		});
+	}
+	unregisterOwner(e) {
+		for (let [t, n] of this.definitions) n.owner === e && this.definitions.delete(t);
+	}
+	bind(e, t, n) {
+		let r = this.definitions.get(this.definitionKey(e, t));
+		if (!r) throw Error(`Unknown Element State: ${e}.${t}`);
+		let i = this.cellKey(e, r.definition, n), a = this.cells.get(i);
+		return a || (a = {
+			value: Ie(r.definition.initialValue),
+			listeners: /* @__PURE__ */ new Set()
+		}, this.cells.set(i, a)), {
+			read: () => a.value,
+			write: (e) => {
+				a.value = typeof e == "function" ? e(a.value) : e, a.listeners.forEach((e) => e());
+			},
+			subscribe: (e) => (a.listeners.add(e), () => a.listeners.delete(e))
+		};
+	}
+	listDefinitions() {
+		return [...this.definitions.values()].map(({ owner: e, definition: t }) => ({
+			owner: e,
+			definition: t
+		}));
+	}
+	getOwnerDefinitions(e) {
+		return [...this.definitions.values()].filter((t) => t.owner === e).map((e) => e.definition);
+	}
+	definitionKey(e, t) {
+		return `${e}:${t}`;
+	}
+	cellKey(e, t, n) {
+		let r = `${e}:${t.id}`;
+		if (t.scope === "application") return `application:${r}`;
+		if (t.scope === "project") return `project:${n.projectId ?? "no-project"}:${r}`;
+		if (t.scope === "workspace") {
+			if (!n.workspaceId) throw Error(`State ${t.id} 缺少 workspaceId`);
+			return `workspace:${n.workspaceId}:${r}`;
+		}
+		if (!n.instanceId) throw Error(`State ${t.id} 缺少 instanceId`);
+		return `instance:${e}:${n.instanceId}:${t.id}`;
+	}
+}, Re = class {
+	registry = new K();
+	subscribe = this.registry.subscribe;
+	getSnapshot = this.registry.getSnapshot;
+	register(e, t) {
+		this.registry.register(e, t);
+	}
+	assertCanReplace(e, t) {
+		this.registry.assertCanReplace(e, t);
+	}
+	replaceOwner(e, t) {
+		this.registry.replaceOwner(e, t);
+	}
+	unregisterOwner(e) {
+		this.registry.unregisterOwner(e);
+	}
+	list(e) {
+		let t = this.registry.list();
+		return e ? t.filter((t) => t.point === e) : t;
+	}
+};
+//#endregion
+//#region workbench/src/ui/AudioPlayer.tsx
+function ze(e) {
+	return !Number.isFinite(e) || e < 0 ? "0:00" : `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+function Be({ source: e, label: t, className: n = "" }) {
+	let r = l(null), [i, a] = u(!1), [o, s] = u(0), [c, d] = u(0);
+	async function f() {
+		let e = r.current;
+		e && (e.paused ? await e.play().catch(() => void 0) : e.pause());
+	}
+	return /* @__PURE__ */ T("div", {
+		className: `custom-audio ${n}`.trim(),
+		children: [
+			/* @__PURE__ */ w("audio", {
+				ref: r,
+				src: e,
+				preload: "metadata",
+				onDurationChange: (e) => d(e.currentTarget.duration || 0),
+				onTimeUpdate: (e) => s(e.currentTarget.currentTime),
+				onPlay: () => a(!0),
+				onPause: () => a(!1),
+				onEnded: () => a(!1)
+			}),
+			/* @__PURE__ */ w("button", {
+				type: "button",
+				"aria-label": i ? "暂停" : "播放",
+				title: i ? "暂停" : "播放",
+				onClick: () => void f(),
+				children: w(i ? _ : y, { size: 13 })
+			}),
+			/* @__PURE__ */ w("strong", {
+				title: t,
+				children: t
+			}),
+			/* @__PURE__ */ w("input", {
+				type: "range",
+				"aria-label": "音频进度",
+				min: 0,
+				max: c || 0,
+				step: .01,
+				value: Math.min(o, c || 0),
+				onChange: (e) => {
+					let t = Number(e.target.value);
+					r.current && (r.current.currentTime = t), s(t);
+				}
+			}),
+			/* @__PURE__ */ T("span", { children: [
+				ze(o),
+				" / ",
+				ze(c)
+			] })
+		]
+	});
+}
+//#endregion
+//#region workbench/src/ui/LargeTextEditorDialog.tsx
+function Ve({ busy: e = !1, label: t = "文本内容", onChange: n, onClose: r, onSave: i, placeholder: a, readOnly: c = !1, saveDisabled: u = !1, saveLabel: d = "保存", title: f, value: p }) {
+	let m = s(), h = l(null), g = l(e), _ = l(r), v = typeof document > "u" ? null : document;
+	if (g.current = e, _.current = r, o(() => {
+		if (!v) return;
+		let e = v.activeElement;
+		h.current?.focus();
+		function t(e) {
+			e.key !== "Escape" || g.current || (e.preventDefault(), _.current());
+		}
+		return v.addEventListener("keydown", t), () => {
+			v.removeEventListener("keydown", t), e?.focus();
+		};
+	}, [v]), !v) return null;
+	let y = !!i && !c && !e && !u;
+	return S(/* @__PURE__ */ w("div", {
+		className: "large-text-dialog-backdrop",
+		role: "presentation",
+		onMouseDown: (t) => {
+			t.target === t.currentTarget && !e && r();
+		},
+		children: /* @__PURE__ */ T("form", {
+			className: "large-text-dialog",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": m,
+			onKeyDown: (e) => {
+				e.key === "Enter" && (e.ctrlKey || e.metaKey) && y && (e.preventDefault(), i?.());
+			},
+			onSubmit: (e) => {
+				e.preventDefault(), y && i?.();
+			},
+			children: [
+				/* @__PURE__ */ T("header", { children: [/* @__PURE__ */ w("strong", {
+					id: m,
+					title: f,
+					children: f
+				}), /* @__PURE__ */ w("button", {
+					type: "button",
+					title: "关闭",
+					"aria-label": "关闭",
+					disabled: e,
+					onClick: r,
+					children: /* @__PURE__ */ w(x, { size: 17 })
+				})] }),
+				/* @__PURE__ */ T("label", { children: [/* @__PURE__ */ w("span", { children: t }), /* @__PURE__ */ w("textarea", {
+					ref: h,
+					spellCheck: !1,
+					readOnly: c,
+					value: p,
+					placeholder: a,
+					onChange: (e) => n(e.target.value)
+				})] }),
+				/* @__PURE__ */ w("footer", { children: c || !i ? /* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: r,
+					children: "关闭"
+				}) : /* @__PURE__ */ T(C, { children: [
+					/* @__PURE__ */ w("span", { children: "Ctrl / ⌘ + Enter 保存" }),
+					/* @__PURE__ */ w("button", {
+						type: "button",
+						disabled: e,
+						onClick: r,
+						children: "取消"
+					}),
+					/* @__PURE__ */ w("button", {
+						className: "is-primary",
+						type: "submit",
+						disabled: !y,
+						children: d
+					})
+				] }) })
+			]
+		})
+	}), v.body);
+}
+//#endregion
+//#region workbench/src/workspaces/layoutPreferences.ts
+var He = "graphvideo-workspace-default-layouts-v1", Ue = "graphvideo-active-workspace-v1";
+function q(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function J(e, t = /* @__PURE__ */ new Set()) {
+	if (!q(e) || typeof e.id != "string" || t.has(e.id)) return !1;
+	if (t.add(e.id), e.kind === "area") {
+		let t = e.panelInstanceIds;
+		return typeof e.activePanelId != "string" || !Array.isArray(e.panelHistory) || !e.panelHistory.every((e) => typeof e == "string") || !e.panelHistory.includes(e.activePanelId) || !q(t) ? !1 : e.panelHistory.every((e) => typeof t[e] == "string");
+	}
+	return e.kind === "split" && (e.direction === "horizontal" || e.direction === "vertical") && typeof e.ratio == "number" && e.ratio >= .15 && e.ratio <= .85 && J(e.first, t) && J(e.second, t);
+}
+function We() {
+	try {
+		if (typeof localStorage > "u" || typeof localStorage.getItem != "function") return {};
+		let e = JSON.parse(localStorage.getItem(He) ?? "{}");
+		return q(e) ? e : {};
+	} catch {
+		return {};
+	}
+}
+function Ge(e) {
+	let t = We()[e];
+	if (!q(t) || !J(t.layout)) return null;
+	let n = P(t.layout), r = typeof t.focusedAreaId == "string" && n.some((e) => e.id === t.focusedAreaId) ? t.focusedAreaId : n[0]?.id;
+	return r ? {
+		layout: t.layout,
+		focusedAreaId: r
+	} : null;
+}
+function Ke(e) {
+	let t = We();
+	t[e.id] = {
+		layout: e.layout,
+		focusedAreaId: e.focusedAreaId
+	}, typeof localStorage < "u" && typeof localStorage.setItem == "function" && localStorage.setItem(He, JSON.stringify(t));
+}
+function qe() {
+	return typeof localStorage > "u" || typeof localStorage.getItem != "function" ? null : localStorage.getItem(Ue)?.trim() || null;
+}
+function Je(e) {
+	typeof localStorage < "u" && typeof localStorage.setItem == "function" && localStorage.setItem(Ue, e);
+}
+//#endregion
+//#region workbench/src/workspaces/manifest.ts
+var Y = /^[a-z0-9][a-z0-9._-]*$/;
+function X(e, t) {
+	if (!e || typeof e != "object" || Array.isArray(e)) throw Error("Workspace layout 节点必须是对象");
+	let n = e;
+	if (typeof n.id != "string" || !Y.test(n.id) || t.has(n.id)) throw Error(`Workspace layout ID 无效或重复: ${String(n.id)}`);
+	if (t.add(n.id), n.kind === "area") {
+		if (typeof n.panelId != "string" || !Y.test(n.panelId) || typeof n.instanceId != "string" || !Y.test(n.instanceId)) throw Error(`Workspace Area ${n.id} 缺少 panelId/instanceId`);
+		return {
+			kind: "area",
+			id: n.id,
+			panelId: n.panelId,
+			instanceId: n.instanceId
+		};
+	}
+	if (n.kind !== "split" || n.direction !== "horizontal" && n.direction !== "vertical") throw Error(`Workspace 节点 ${n.id} 的 kind/direction 无效`);
+	if (typeof n.ratio != "number" || n.ratio < .15 || n.ratio > .85) throw Error(`Workspace Split ${n.id} 的 ratio 必须在 0.15 到 0.85 之间`);
+	return {
+		kind: "split",
+		id: n.id,
+		direction: n.direction,
+		ratio: n.ratio,
+		first: X(n.first, t),
+		second: X(n.second, t)
+	};
+}
+function Ye(e, t) {
+	let n;
+	try {
+		n = JSON.parse(t);
+	} catch {
+		throw Error(`Workspace ${e} 的 workspace.json 不是有效 JSON`);
+	}
+	if (!n || typeof n != "object" || Array.isArray(n)) throw Error(`Workspace ${e} 必须是对象`);
+	let r = n;
+	if (r.id !== e || typeof r.name != "string" || !r.name.trim()) throw Error(`Workspace ${e} 的 id/name 无效`);
+	if (typeof r.order != "number" || !Number.isFinite(r.order)) throw Error(`Workspace ${e} 的 order 无效`);
+	return {
+		id: e,
+		name: r.name.trim(),
+		order: r.order,
+		layout: X(r.layout, /* @__PURE__ */ new Set())
+	};
+}
+function Z(e) {
+	return e.kind === "area" ? {
+		kind: "area",
+		id: e.id,
+		activePanelId: e.panelId,
+		panelHistory: [e.panelId],
+		panelInstanceIds: { [e.panelId]: e.instanceId }
+	} : {
+		...e,
+		first: Z(e.first),
+		second: Z(e.second)
+	};
+}
+function Xe(e) {
+	return e.kind === "area" ? e.id : Xe(e.first);
+}
+function Ze(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		order: e.order,
+		layout: Z(e.layout),
+		focusedAreaId: Xe(e.layout),
+		maximizedAreaId: null
+	};
+}
+//#endregion
+//#region workbench/src/workspaces/WorkspaceTabs.tsx
+function Qe() {
+	let { commands: e } = A(), t = j((e) => Object.values(e.items).sort((e, t) => e.order - t.order || e.id.localeCompare(t.id))), n = j((e) => e.activeWorkspaceId);
+	return /* @__PURE__ */ w("nav", {
+		className: "workspace-tabs",
+		"aria-label": "工作区",
+		children: t.map((t) => /* @__PURE__ */ w("button", {
+			className: t.id === n ? "is-active" : "",
+			type: "button",
+			onClick: () => void e.execute("workspace.activate", t.id),
+			children: t.name
+		}, t.id))
+	});
+}
+//#endregion
+//#region workbench/src/workspaces/WorkspacePages.tsx
+function $e() {
+	let e = j((e) => Object.values(e.items).sort((e, t) => e.order - t.order || e.id.localeCompare(t.id)).map((e) => e.id)), t = j((e) => e.activeWorkspaceId);
+	return /* @__PURE__ */ w("div", {
+		className: "workspace-pages",
+		children: e.map((e) => /* @__PURE__ */ w(Se, {
+			workspaceId: e,
+			active: e === t
+		}, e))
+	});
+}
+//#endregion
+//#region workbench/src/workspaces/workspaceCommands.ts
+function et(e, t, n = "core") {
+	e.register("workspace.activate", (e) => {
+		t.activate(e), Je(e);
+	}, n), e.register("workspace.layout.save-default", (e) => {
+		let n = t.readWorkspace(e);
+		if (!n) throw Error(`工作区不存在：${e}`);
+		Ke(n);
+	}, n), e.register("workspace.area.focus", ({ workspaceId: e, areaId: n }) => t.focus(e, n), n), e.register("workspace.panel.switch", ({ workspaceId: e, areaId: n, panelId: r }) => t.switchPanel(e, n, r), n), e.register("workspace.area.split", ({ workspaceId: e, areaId: n, direction: r }) => t.splitArea(e, n, r), n), e.register("workspace.area.close", ({ workspaceId: e, areaId: n }) => t.closeArea(e, n), n), e.register("workspace.split.resize", ({ workspaceId: e, splitId: n, ratio: r, historyGroupId: i }) => t.resizeSplit(e, n, r, i), n), e.register("workspace.area.swap", ({ workspaceId: e, sourceAreaId: n, targetAreaId: r }) => t.swapAreas(e, n, r), n), e.register("workspace.area.maximize", ({ workspaceId: e, areaId: n }) => t.toggleMaximize(e, n), n);
+}
+//#endregion
+//#region workbench/src/preferences/themePreferences.ts
+var tt = [
+	"dark",
+	"light",
+	"xueqing",
+	"shiliuqun"
+], nt = "dark", Q = "graphvideo-theme", rt = "graphvideo-theme-change", it = {
+	getItem: (e) => typeof localStorage < "u" && typeof localStorage.getItem == "function" ? localStorage.getItem(e) : null,
+	setItem: (e, t) => {
+		typeof localStorage < "u" && typeof localStorage.setItem == "function" && localStorage.setItem(e, t);
+	}
+};
+function at(e) {
+	return tt.includes(e);
+}
+function ot(e = nt, t = it) {
+	let n = t.getItem(Q);
+	return at(n) ? n : e;
+}
+function st(e, t = document.documentElement, n = it) {
+	t.dataset.theme = e, n.setItem(Q, e);
+	let r = t.ownerDocument?.defaultView;
+	r && typeof r.dispatchEvent == "function" && r.dispatchEvent(new Event(rt));
+}
+//#endregion
+//#region workbench/src/preferences/typographyPreferences.ts
+var ct = "graphvideo-interface-font", lt = "graphvideo-interface-font-size", ut = [
+	"default",
+	"system",
+	"mono"
+], dt = [
+	"compact",
+	"standard",
+	"comfortable"
+], ft = [
+	{
+		value: "default",
+		label: "默认"
+	},
+	{
+		value: "system",
+		label: "系统"
+	},
+	{
+		value: "mono",
+		label: "等宽"
+	}
+], pt = [
+	{
+		value: "compact",
+		label: "紧凑"
+	},
+	{
+		value: "standard",
+		label: "标准"
+	},
+	{
+		value: "comfortable",
+		label: "舒适"
+	}
+], $ = {
+	getItem: (e) => typeof localStorage < "u" && typeof localStorage.getItem == "function" ? localStorage.getItem(e) : null,
+	setItem: (e, t) => {
+		typeof localStorage < "u" && typeof localStorage.setItem == "function" && localStorage.setItem(e, t);
+	}
+};
+function mt(e = $) {
+	let t = e.getItem(ct), n = e.getItem(lt);
+	return {
+		font: t && ut.includes(t) ? t : "default",
+		size: n && dt.includes(n) ? n : "standard"
+	};
+}
+function ht(e, t = document.documentElement, n = $) {
+	t.dataset.fontFamily = e.font, t.dataset.fontSize = e.size, n.setItem(ct, e.font), n.setItem(lt, e.size);
+}
+//#endregion
+export { me as AreaShell, Be as AudioPlayer, E as CommandRegistry, Te as ElementLoader, Ee as ElementRuntimeManager, Le as ElementStateRegistry, Fe as EventRegistry, Re as ExtensionRegistry, M as ExtensionSlot, oe as FloatingScrollbars, N as InlineSelect, Ve as LargeTextEditorDialog, K as OwnedRegistry, ke as PanelRegistry, Oe as PluginRuntimeManager, Me as ServiceRegistry, O as WorkbenchContextStore, k as WorkbenchHostContext, Se as Workspace, $e as WorkspacePages, Qe as WorkspaceTabs, st as applyThemePreference, ht as applyTypographyPreferences, L as canCloseArea, le as closeArea, ye as createSplitResizeGesture, Ze as createWorkspaceRuntime, nt as defaultTheme, De as defineElement, Pe as defineEvent, je as defineService, te as defineWorkbenchContext, I as excludeAreas, F as findArea, ft as interfaceFontOptions, pt as interfaceFontSizeOptions, V as isOutsideViewport, at as isThemeName, P as listAreas, qe as loadActiveWorkspacePreference, Ge as loadWorkspaceDefault, we as parseElementManifest, Ye as parseWorkspaceDefinition, fe as prepareFloatingWindow, ot as readThemePreference, mt as readTypographyPreferences, et as registerWorkspaceCommands, B as resizeSplit, Je as saveActiveWorkspacePreference, Ke as saveWorkspaceDefault, ce as splitArea, ue as swapAreaPanels, se as switchAreaPanel, U as synchronizeFloatingRoot, tt as themeNames, A as useWorkbenchServices, j as useWorkbenchWorkspace };