@sheetxl/scripting-mui 0.8.0-beta.10 → 0.8.0-beta.11

package/browser/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.10
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -8,31 +8,32 @@ import e, { createElement as t, forwardRef as n, memo as r, useCallback as i, us
 import { Box as u, Button as d, CircularProgress as f, Paper as p, Typography as m, useTheme as h } from "@mui/material";
 import { Command as g, CommandButtonType as _, DefaultCommandButtonRegistry as v, DefaultIconService as y, DynamicIcon as b, KeyCodes as x, ReactUtils as S, useCallbackRef as C, useCommandButtonEntry as w, useCommands as T, useImperativeElement as E, useTranslator as D } from "@sheetxl/utils-react";
 import { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultCreatePopupPanel as P } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as F, InputClipboardInjector as I, useModelSync as L, useWorkbook as R } from "@sheetxl/react";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { alpha as te } from "@mui/system";
-import { VERSION as H } from "@sheetxl/sdk";
-import { ChainedError as U } from "@sheetxl/utils";
-import { ScriptEditor as ne, ScriptingReactPlugin as re } from "@sheetxl/scripting-react";
-function ie(e) {
+import { DefaultTaskPaneRegistry as te, InputClipboardInjector as F, useModelSync as I, useWorkbook as L } from "@sheetxl/react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { alpha as V } from "@mui/system";
+import { listResources as H, releaseChannel as ne } from "@sheetxl/utils";
+import { VERSION as re } from "@sheetxl/sdk";
+import { ScriptEditor as ie, ScriptingReactPlugin as ae } from "@sheetxl/scripting-react";
+function oe(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") {
 		if (Array.isArray(e)) {
 			var i = e.length;
-			for (t = 0; t < i; t++) e[t] && (n = ie(e[t])) && (r && (r += " "), r += n);
+			for (t = 0; t < i; t++) e[t] && (n = oe(e[t])) && (r && (r += " "), r += n);
 		} else for (n in e) e[n] && (r && (r += " "), r += n);
 	}
 	return r;
 }
-function W() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ie(e)) && (r && (r += " "), r += t);
+function U() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = oe(e)) && (r && (r += " "), r += t);
 	return r;
 }
-var ae = {
+var se = {
 	"insertFunction.fallbackLabel": "Function",
 	"insertFunction.insertNamed": "Insert {name}",
 	"insertScript.fallbackLabel": "Insert Script",
+	"insertScript.loadFailedRetry": "Couldn’t load templates. Retry",
 	"insertScript.loading": "Loading...",
 	"runScript.executeNamed": "Execute {name}",
 	"runScript.fallbackLabel": "Macro",
@@ -44,13 +45,13 @@ var ae = {
 	"templateSelect.loadFailed": "Failed to load scripts",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: oe } = g, se = !1;
+}, { DefaultCommandCatalogService: ce } = g, W = !1;
 function G() {
-	se || (se = !0, oe.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ae }));
+	W || (W = !0, ce.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: se }));
 }
 G();
-var ce = r(n((e, n) => {
-	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
+var le = r(n((e, n) => {
+	let { groupKey: r, ...i } = e, o = L(), s = D(), [c, d] = l([]), [f, p] = l(!1);
 	a(() => {
 		let e = o?.getScripts();
 		e && (async () => {
@@ -66,16 +67,16 @@ var ce = r(n((e, n) => {
 	}, h = [], g = c ? c.length : 0;
 	for (let e = 0; e < g; e++) {
 		let t = c[e];
-		h.push(B(O, {
+		h.push(z(O, {
 			...m,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
 			propsTooltip: { description: s("runScript.executeNamed", { name: t.getName() ?? s("runScript.fallbackLabel") }) },
-			icon: B(b, { iconKey: "ScriptMacro" }),
+			icon: z(b, { iconKey: "ScriptMacro" }),
 			label: t.getName() ?? s("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	let v = V(u, {
+	let v = B(u, {
 		ref: n,
 		sx: {
 			display: "flex",
@@ -83,13 +84,13 @@ var ce = r(n((e, n) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [h.length > 0 ? V(z, { children: [B(u, {
+		children: [h.length > 0 ? B(R, { children: [z(u, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: h
-		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
+		}), z(j, { orientation: "horizontal" })] }) : null, t(O, {
 			...m,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -100,10 +101,10 @@ var ce = r(n((e, n) => {
 		children: v
 	});
 }));
-ce.displayName = "RunScriptPopupPanel";
-var K = r(n((e, t) => {
+le.displayName = "RunScriptPopupPanel";
+var ue = r(n((e, t) => {
 	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions"), c = i((e) => {
-		let t = B(ce, {
+		let t = z(le, {
 			disabled: r,
 			groupKey: n,
 			...e
@@ -113,7 +114,7 @@ var K = r(n((e, t) => {
 			children: t
 		});
 	}, [r, n]);
-	return B(k, {
+	return z(k, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: c,
@@ -123,50 +124,45 @@ var K = r(n((e, t) => {
 		quickCommand: "showScriptEditor",
 		...a
 	});
-})), le = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(H)?.[1], q = `https://unpkg.com/@sheetxl/templates-scripting${le ? `@${le}` : ""}/dist`, J = (e, t) => {
+})), K = ne(re), q = `https://unpkg.com/@sheetxl/templates-scripting${K ? `@${K}` : ""}/dist`, de = "templates-scripting", fe = [
+	"formula",
+	"macro",
+	"autostart"
+], pe = (e) => typeof e == "string" && e ? e : void 0, me = (e, t) => {
+	let n = (e.split("/").pop() ?? "").replace(/\.[^/.]+$/, "");
+	return t === "formula" ? n.toUpperCase() : n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
+}, he = async (e, t) => {
+	if (!/\.ts$/i.test(t.path)) return null;
+	let n = fe.includes(t.icon) ? t.icon : void 0, r = ((e, t) => {
+		let n = `${e}${e.endsWith("/") ? "" : "/"}${de}/${t}`;
+		return typeof document > "u" ? n : new URL(n, document.baseURI).href;
+	})(e, t.path), i;
 	try {
-		return new URL(t).href;
-	} catch {}
-	if (t.startsWith("/") || /^[a-zA-Z]:/.test(t)) return t;
-	let n = e.startsWith("http") ? e : `file:///${e.replace(/\\/g, "/")}`;
-	return n.endsWith("/") || (n += "/"), new URL(t, n).href;
-}, ue = (e) => {
-	if (e.metadata?.name) return e.metadata.name;
-	let t = (e.path.split("/").pop() || "").replace(/\.[^/.]+$/, "");
-	return e.metadata?.icon === "formula" ? t.toUpperCase() : (t = t.replace(/([a-z])([A-Z])/g, "$1 $2"), t.replace(/[-_]/g, " ").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "));
-}, de = async (e) => {
-	let t = J(e, "./manifest.json"), n = await fetch(t);
-	if (!n.ok) throw new U(`Failed to retrieve directory at '${e}': ${n.statusText}`);
-	let r = await n.text();
-	if (r.trim().toLowerCase().startsWith("<!doctype html") || r.trim().toLowerCase().startsWith("<html")) throw new U(`Failed to retrieve directory at '${e}'`);
-	let i;
-	try {
-		i = JSON.parse(r);
+		let e = await fetch(r);
+		if (!e.ok || (e.headers.get("content-type") ?? "").includes("text/html")) throw Error(e.ok ? "not found" : e.statusText || String(e.status));
+		i = await e.text();
 	} catch (e) {
-		throw Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`);
+		return console.warn(`Script template '${r}' did not load: ${e?.message ?? e}`), null;
 	}
-	let a = i.map(async (t) => {
-		try {
-			let n = J(e, t.path), r = await fetch(n);
-			if (!r.ok) throw Error(`Failed to fetch file at '${t.path}': ${r.statusText}`);
-			let i = await r.text(), a = t.metadata;
-			return a?.title || (a = {
-				title: ue(t),
-				...a
-			}), {
-				path: t.path,
-				content: i,
-				metadata: a
-			};
-		} catch (e) {
-			console.error(e.message);
-		}
-		return null;
-	});
-	return (await Promise.all(a)).filter((e) => e !== null);
-}, Y = { marginRight: "4px" }, X = "1em", fe = r((e) => {
-	let { disabled: t, snippet: n, description: r, handleInsert: i, sx: a, ...o } = e, s, c = n.metadata?.icon;
-	return s = B(b, c === "formula" ? {
+	return {
+		path: t.path,
+		title: pe(t.title) ?? me(t.path, n),
+		summary: pe(t.summary),
+		icon: n,
+		content: i
+	};
+}, J = /* @__PURE__ */ new Map(), ge = (e = q) => {
+	let t = J.get(e);
+	return t || (t = (async () => {
+		let t = (await H("templates", de, e)).find((e) => e.meta?.schema !== void 0);
+		if (!t) throw Error(`No script templates found at '${e}'.`);
+		return Math.floor(Number(t.meta?.schema)) === 1 ? (await Promise.all(t.entries.map((t) => he(e, t)))).filter((e) => e !== null) : (console.warn(`Script template catalog at '${e}' has schema ${t.meta?.schema}; expected 1.`), []);
+	})(), J.set(e, t), t.catch(() => {
+		J.delete(e);
+	})), t;
+}, Y = { marginRight: "4px" }, X = "1em", _e = r((e) => {
+	let { disabled: t, snippet: n, description: r, handleInsert: i, sx: a, ...o } = e, s, c = n.icon;
+	return s = z(b, c === "formula" ? {
 		iconKey: "ScriptFormula",
 		size: X,
 		style: Y
@@ -178,7 +174,7 @@ var K = r(n((e, t) => {
 		iconKey: "ScriptAutoRun",
 		size: X,
 		style: Y
-	}), B(M, {
+	}), z(M, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -197,57 +193,69 @@ var K = r(n((e, t) => {
 			e.keyCode !== x.Enter && e.keyCode !== x.Space || i(n);
 		},
 		...o,
-		children: V(u, {
+		children: B(u, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
 				flexDirection: "column",
 				overflow: "hidden"
 			},
-			children: [B(m, {
+			children: [z(m, {
 				component: "div",
-				children: n.metadata?.title ?? n.path
-			}), B(m, {
+				children: n.title
+			}), z(m, {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => te(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => V(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: n.metadata?.summary
+				children: n.summary
 			})]
 		})
 	});
-}), pe = r(n((e, n) => {
-	let { groupKey: r, disabled: o, scriptPath: s = q, ...c } = e, d = D(), [f, p] = l([]), [m, h] = l(!0), [g] = T(["insertScript"]), v = o || (g?.disabled() ?? !1);
+}), ve = r(n((e, n) => {
+	let { groupKey: r, disabled: o, scriptPath: s = q, ...c } = e, d = D(), [f, p] = l([]), [m, h] = l("loading"), [g, v] = l(0), [y] = T(["insertScript"]), b = o || (y?.disabled() ?? !1);
 	a(() => {
-		(async () => {
-			try {
-				let e = await de(s);
-				p(e);
-			} catch {} finally {
-				h(!1);
-			}
-		})();
-	}, [s]);
-	let y = i((e) => {
-		if (m) return B("div", { children: d("insertScript.loading") });
+		let e = !1;
+		return h("loading"), ge(s).then((t) => {
+			e || (p(t), h("ready"));
+		}, () => {
+			e || (p([]), h("error"));
+		}), () => {
+			e = !0;
+		};
+	}, [s, g]);
+	let S = i((e) => {
+		if (m === "loading") return z("div", { children: d("insertScript.loading") });
 		let n = {
 			variant: _.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: v
+			disabled: b
 		}, r = (t) => {
-			g?.execute(t.content), e.closeFloat?.();
-		}, i = [];
+			y?.execute(t.content), e.closeFloat?.();
+		}, i = () => v((e) => e + 1), a = [];
+		m === "error" && a.push(z(M, {
+			onMouseDown: (e) => {
+				e.button === 0 && e.preventDefault();
+			},
+			onMouseUp: (e) => {
+				e.button === 0 && i();
+			},
+			onKeyDown: (e) => {
+				e.keyCode !== x.Enter && e.keyCode !== x.Space || i();
+			},
+			children: d("insertScript.loadFailedRetry")
+		}, "retry"));
 		for (let e = 0; e < f.length; e++) {
 			let t = f[e];
-			t && i.push(B(fe, {
+			t && a.push(z(_e, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
 		}
-		let a = V(u, {
+		let o = B(u, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -255,13 +263,13 @@ var K = r(n((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				i.length > 0 ? V(z, { children: [B(u, {
+				a.length > 0 ? B(R, { children: [z(u, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
-					children: i
-				}), B(j, { orientation: "horizontal" })] }) : null,
+					children: a
+				}), z(j, { orientation: "horizontal" })] }) : null,
 				t(O, {
 					...n,
 					key: "showKeyboardShortcuts",
@@ -276,50 +284,51 @@ var K = r(n((e, t) => {
 		});
 		return P({
 			...e,
-			children: a
+			children: o
 		});
 	}, [
-		v,
+		b,
 		r,
 		m,
-		g,
+		f,
+		y,
 		d
 	]);
-	return B(k, {
+	return z(k, {
 		ref: n,
-		disabled: v,
+		disabled: b,
 		groupKey: r,
-		label: g?.getLabel(r) ?? d("insertScript.fallbackLabel"),
-		tooltip: g?.getDescription(),
-		createPopupPanel: y,
-		icon: g?.getIcon() ?? "ScriptInsert",
+		label: y?.getLabel(r) ?? d("insertScript.fallbackLabel"),
+		tooltip: y?.getDescription(),
+		createPopupPanel: S,
+		icon: y?.getIcon() ?? "ScriptInsert",
 		...c
 	});
 })), Z = r(n((e, t) => {
 	let { propsCommandButton: n, ...r } = e, i = C((e) => {
 		let { propsCommandButton: t, propsCommandPopup: n } = e;
-		return B(z, { children: V("div", {
+		return z(R, { children: B("div", {
 			style: {
 				display: "flex",
 				flex: "1 1 100%"
 			},
 			children: [
-				B("div", { children: B(N, {
+				z("div", { children: z(N, {
 					style: {},
-					children: B(O, {
+					children: z(O, {
 						...t,
 						commandKey: "saveScripts"
 					})
 				}) }),
-				B("div", { style: { flex: "1 1 100%" } }),
-				B("div", { children: B(N, {
+				z("div", { style: { flex: "1 1 100%" } }),
+				z("div", { children: z(N, {
 					style: {},
-					children: B(pe, { ...t })
+					children: z(ve, { ...t })
 				}) })
 			]
 		}) });
 	}, []);
-	return B(A, {
+	return z(A, {
 		ref: t,
 		propsCommandButton: n,
 		renderToolbarPalette: i,
@@ -327,33 +336,26 @@ var K = r(n((e, t) => {
 	});
 }));
 Z.displayName = "ScriptEditorToolbar", G();
-var me = r(n((e, t) => {
+var ye = r(n((e, t) => {
 	let { scriptPath: n = q, onScriptSelect: r, disabled: i = !1, sx: o = S.EmptyCssProperties, className: s, buttonMinWidth: c = 210, buttonMinHeight: p = 80, gap: h = 12, ...g } = e, _ = D(), [v, y] = l([]), [x, C] = l(!0), [w, T] = l(null);
 	if (a(() => {
-		(async () => {
-			let e = [{
-				path: null,
-				metadata: {
-					title: _("templateSelect.blankTitle"),
-					summary: _("templateSelect.blankSummary")
-				},
-				content: ""
-			}];
-			try {
-				C(!0), T(null);
-				let t = await de(n);
-				for (let n = 0; n < t.length; n++) {
-					let r = t[n];
-					r && e.push(r);
-				}
-			} catch (e) {
-				T(e instanceof Error ? e.message : _("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
-			} finally {
-				y(e), C(!1);
-			}
-		})();
-	}, [n, _]), x) return B(u, {
-		className: W(s, "script-select"),
+		let e = !1, t = {
+			path: null,
+			title: _("templateSelect.blankTitle"),
+			summary: _("templateSelect.blankSummary"),
+			content: ""
+		};
+		return C(!0), T(null), ge(n).then((n) => {
+			e || y([t, ...n]);
+		}, (n) => {
+			e || (y([t]), T(n instanceof Error ? n.message : _("templateSelect.loadFailed")));
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [n, _]), x) return z(u, {
+		className: U(s, "script-select"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -364,11 +366,11 @@ var me = r(n((e, t) => {
 			zIndex: 1e3,
 			...Array.isArray(o) ? {} : o
 		}, ...Array.isArray(o) ? o : []],
-		children: B(f, {})
+		children: z(f, {})
 	});
 	let E = null;
-	w && (E = V(u, {
-		className: W(s, "script-select", "error-results"),
+	w && (E = B(u, {
+		className: U(s, "script-select", "error-results"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -383,41 +385,41 @@ var me = r(n((e, t) => {
 			borderBottomLeftRadius: 1,
 			borderBottomRightRadius: 1
 		}, ...Array.isArray(o) ? o : [o]],
-		children: [B(m, {
+		children: [z(m, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
 			children: _("templateSelect.errorTitle")
-		}), B(m, {
+		}), z(m, {
 			color: "error",
 			component: "div",
 			children: w
 		})]
 	}));
 	let ee = (e) => {
-		let t = e.metadata?.icon;
-		return t === "macro" ? B(b, {
+		let t = e.icon;
+		return t === "macro" ? z(b, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : t === "formula" ? B(b, {
+		}) : t === "formula" ? z(b, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : t === "autostart" ? B(b, {
+		}) : t === "autostart" ? z(b, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
-	return V(u, {
+	return B(u, {
 		ref: t,
-		className: W(s, "script-select"),
+		className: U(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
 			...o
 		},
 		...g,
-		children: [V(u, {
+		children: [B(u, {
 			className: "script-select-content",
 			sx: {
 				p: 3,
@@ -425,26 +427,26 @@ var me = r(n((e, t) => {
 				flex: "1 1 auto"
 			},
 			children: [
-				B(m, {
+				z(m, {
 					variant: "h6",
 					gutterBottom: !0,
 					children: _("templateSelect.title")
 				}),
-				B(m, {
+				z(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: _("templateSelect.intro")
 				}),
-				B(m, {
+				z(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: _("templateSelect.intro2")
 				}),
-				B(u, {
+				z(u, {
 					sx: {
 						display: "grid",
 						gridTemplateColumns: `repeat(auto-fill, minmax(${c}px, 1fr))`,
@@ -453,7 +455,7 @@ var me = r(n((e, t) => {
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: v.map((e, t) => V(d, {
+					children: v.map((e, t) => B(d, {
 						variant: "outlined",
 						disabled: i,
 						sx: {
@@ -474,7 +476,7 @@ var me = r(n((e, t) => {
 							...t === 1 && { gridColumn: "1" }
 						},
 						onClick: () => r?.(e),
-						children: [V(u, {
+						children: [B(u, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -483,12 +485,12 @@ var me = r(n((e, t) => {
 								width: "100%",
 								marginBottom: .5
 							},
-							children: [B(m, {
+							children: [z(m, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || _("templateSelect.untitled")
+								children: e.title || _("templateSelect.untitled")
 							}), ee(e)]
-						}), e.metadata?.summary && B(m, {
+						}), e.summary && z(m, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -499,7 +501,7 @@ var me = r(n((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
@@ -507,7 +509,7 @@ var me = r(n((e, t) => {
 		}), E]
 	});
 }));
-me.displayName = "TemplateSelectPanel";
+ye.displayName = "TemplateSelectPanel";
 var Q = r(n((e, t) => {
 	let { className: n, sx: r, propsScriptEditor: s, readOnly: d = !1, frame: f, autoFocusSel: g, autoFocus: _ = !0, scripts: v, ...y } = e, b = h(), [x, S] = l(!1), w = c(!1), [T, D] = l({
 		message: "Loading",
@@ -530,7 +532,7 @@ var Q = r(n((e, t) => {
 			...t,
 			...e
 		}));
-	}, []), j = c(null), [M, N] = l(null), P = c(null), F = C((e) => {
+	}, []), j = c(null), [M, N] = l(null), P = c(null), te = C((e) => {
 		if (M) return M.focus(e), !0;
 		if (g) {
 			let t = j.current?.querySelectorAll?.(g);
@@ -541,7 +543,7 @@ var Q = r(n((e, t) => {
 		M,
 		g,
 		_
-	]), I = o(() => B(ee, {
+	]), F = o(() => z(ee, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -549,7 +551,7 @@ var Q = r(n((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), L = o(() => B(p, {
+	}), []), I = o(() => z(p, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -562,9 +564,9 @@ var Q = r(n((e, t) => {
 			marginTop: (e) => e.spacing(1),
 			marginBottom: (e) => e.spacing(1)
 		},
-		children: B(Z, {})
-	}), [b]), R = o(() => B(u, {
-		className: W("script-status-panel", "status-panel"),
+		children: z(Z, {})
+	}), [b]), L = o(() => z(u, {
+		className: U("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
@@ -578,7 +580,7 @@ var Q = r(n((e, t) => {
 			margin: 0,
 			borderTop: `solid 1px ${b.palette.divider}`
 		},
-		children: V("div", {
+		children: B("div", {
 			style: {
 				flex: "1 1 100%",
 				display: "flex",
@@ -587,7 +589,7 @@ var Q = r(n((e, t) => {
 				justifyContent: "center"
 			},
 			children: [
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -600,7 +602,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.message
 				}),
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -613,7 +615,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.dirty ? "Unsaved" : ""
 				}),
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -632,8 +634,8 @@ var Q = r(n((e, t) => {
 				})
 			]
 		})
-	}), [T]), z = o(() => V(u, {
-		className: W("script-editor-content"),
+	}), [T]), R = o(() => B(u, {
+		className: U("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -642,8 +644,8 @@ var Q = r(n((e, t) => {
 			boxSizing: "border-box"
 		},
 		children: [
-			L,
-			B(u, {
+			I,
+			z(u, {
 				sx: {
 					display: "flex",
 					flex: "1 1 100%",
@@ -652,9 +654,9 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: B(ne, {
+				children: z(ie, {
 					ref: j,
-					loadingPanel: I,
+					loadingPanel: F,
 					readOnly: d,
 					frame: f,
 					scripts: v,
@@ -664,23 +666,23 @@ var Q = r(n((e, t) => {
 					...s
 				})
 			}),
-			R
+			L
 		]
 	}), [
 		b,
+		I,
 		L,
-		R,
 		x,
-		I,
+		F,
 		d,
 		s,
 		_,
 		g,
 		f,
 		A
-	]), te = o(() => {
+	]), V = o(() => {
 		let e;
-		return O === null ? I : (O.source === null && (e = B(me, {
+		return O === null ? F : (O.source === null && (e = z(ye, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -695,9 +697,9 @@ var Q = r(n((e, t) => {
 			onScriptSelect: (e) => {
 				j.current?.insertSnippet(e.content), k({ source: e.content ?? "" }), requestAnimationFrame(() => j.current?.focus());
 			}
-		})), B(u, {
+		})), z(u, {
 			tabIndex: 0,
-			className: W("script-workspace", n),
+			className: U("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -711,13 +713,13 @@ var Q = r(n((e, t) => {
 			onPointerDown: (e) => {
 				e.isDefaultPrevented() || j.current?.focus();
 			},
-			children: V(u, {
+			children: B(u, {
 				sx: {
 					flex: "1 1 100%",
 					position: "relative",
 					display: "flex"
 				},
-				children: [B(u, {
+				children: [z(u, {
 					sx: {
 						display: "flex",
 						flex: "1 1 100%",
@@ -725,24 +727,24 @@ var Q = r(n((e, t) => {
 						minHeight: 0,
 						visibility: e ? "hidden" : "visible"
 					},
-					children: z
+					children: R
 				}), e]
 			})
 		}));
 	}, [
-		L,
-		z,
+		I,
+		R,
 		n,
 		O,
-		I,
+		F,
 		d
 	]), H = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			F(e);
+			te(e);
 		}
 	}), []);
-	return B(u, {
+	return z(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -758,40 +760,40 @@ var Q = r(n((e, t) => {
 		onBlur: (e) => {
 			H?.current?.contains(e.relatedTarget) || H?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
 		},
-		children: te
+		children: V
 	});
 }));
 Q.displayName = "ScriptWorkspace";
-var { FocusActivation: he, CommandScopeProvider: ge, CommandAnchorProvider: _e, useCommandScope: ve } = g, ye = { scopeName: "scriptEditor" }, be = ({ children: e }) => {
-	let t = ve(), n = c(null);
-	return t ? B(ge, {
-		spec: ye,
+var { FocusActivation: be, CommandScopeProvider: xe, CommandAnchorProvider: Se, useCommandScope: Ce } = g, we = { scopeName: "scriptEditor" }, Te = ({ children: e }) => {
+	let t = Ce(), n = c(null);
+	return t ? z(xe, {
+		spec: we,
 		elementRef: n,
 		region: !0,
-		children: B(xe, {
+		children: z(Ee, {
 			paneRef: n,
 			children: e
 		})
 	}) : e;
-}, xe = ({ paneRef: e, children: t }) => {
-	let n = ve(), r = o(() => n ? new he(n.getRoot(), n) : null, [n]);
-	return r ? V(_e, {
+}, Ee = ({ paneRef: e, children: t }) => {
+	let n = Ce(), r = o(() => n ? new be(n.getRoot(), n) : null, [n]);
+	return r ? B(Se, {
 		tracker: r,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [B(I, {}), B("div", {
+		children: [z(F, {}), z("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
 			children: t
 		})]
 	}) : t;
-}, Se = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = R() ?? t;
-	L(o, ["onProtectionChange"]);
+}, De = (e) => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = L() ?? t;
+	I(o, ["onProtectionChange"]);
 	let s = o?.getScripts().isReadOnly() ?? !1;
-	return B(be, { children: B(Q, {
+	return z(Te, { children: z(Q, {
 		ref: i,
 		readOnly: s,
 		frame: r,
@@ -799,7 +801,7 @@ var { FocusActivation: he, CommandScopeProvider: ge, CommandAnchorProvider: _e,
 		...a
 	}) });
 }, $ = r((e) => {
-	let { alwaysShow: t = !1, ...n } = e, [r, i] = s((e) => e + 1, 0), [o] = T(["showScriptEditor"], { onChange: () => i() }), c = R(), [u, d] = l(t);
+	let { alwaysShow: t = !1, ...n } = e, [r, i] = s((e) => e + 1, 0), [o] = T(["showScriptEditor"], { onChange: () => i() }), c = L(), [u, d] = l(t);
 	return a(() => {
 		if (t) return void d(!0);
 		let e = c?.getScripts();
@@ -820,11 +822,11 @@ var { FocusActivation: he, CommandScopeProvider: ge, CommandAnchorProvider: _e,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(K, { ...n })] }) : null;
+	]), u ? B(R, { children: [z(j, {}), z(ue, { ...n })] }) : null;
 });
 $.displayName = "RunScriptContribution", G();
-var Ce = r(n((e, n) => {
-	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
+var Oe = r(n((e, n) => {
+	let { ...r } = e, i = L(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
 		if (!e) return;
@@ -846,16 +848,16 @@ var Ce = r(n((e, n) => {
 	}, f = [], p = s ? s.length : 0;
 	for (let e = 0; e < p; e++) {
 		let t = s[e];
-		f.push(B(O, {
+		f.push(z(O, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
 			propsTooltip: { description: o("insertFunction.insertNamed", { name: t.getName() ?? o("insertFunction.fallbackLabel") }) },
-			icon: B(b, { iconKey: "FormulaCustom" }),
+			icon: z(b, { iconKey: "FormulaCustom" }),
 			label: t.getName() ?? o("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
-	let m = V(u, {
+	let m = B(u, {
 		ref: n,
 		sx: {
 			display: "flex",
@@ -863,13 +865,13 @@ var Ce = r(n((e, n) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [f.length > 0 ? V(z, { children: [B(u, {
+		children: [f.length > 0 ? B(R, { children: [z(u, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: f
-		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
+		}), z(j, { orientation: "horizontal" })] }) : null, t(O, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -880,10 +882,10 @@ var Ce = r(n((e, n) => {
 		children: m
 	});
 }));
-Ce.displayName = "InsertFunctionPopupPanel";
-var we = r(n((e, t) => {
+Oe.displayName = "InsertFunctionPopupPanel";
+var ke = r(n((e, t) => {
 	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions"), s = i((e) => {
-		let t = B(Ce, {
+		let t = z(Oe, {
 			disabled: n,
 			groupKey: r,
 			...e
@@ -893,7 +895,7 @@ var we = r(n((e, t) => {
 			children: t
 		});
 	}, [n, r]);
-	return B(k, {
+	return z(k, {
 		ref: t,
 		disabled: n,
 		createPopupPanel: s,
@@ -903,13 +905,13 @@ var we = r(n((e, t) => {
 		...a
 	});
 }));
-we.displayName = "InsertFunctionContribution";
-var Te = () => {
-	re(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
+ke.displayName = "InsertFunctionContribution";
+var Ae = () => {
+	ae(), y.register("plugin-scripts", { icons: {} }), te.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: Se,
+		component: De,
 		keepMounted: !0
 	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({
 		key: "scripting.runScript.home",
@@ -929,7 +931,7 @@ var Te = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(we, { ...t })
+		render: (t) => e.createElement(ke, { ...t })
 	}, !0);
 };
-export { pe as InsertScriptCommandButton, K as RunScriptCommandButton, Z as ScriptEditorToolbar, Se as ScriptTaskPane, Q as ScriptWorkspace, Te as ScriptingPlugin };
+export { ve as InsertScriptCommandButton, ue as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };