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

package/node/esm/index.mjs

@@ -1,22 +1,26 @@
 /**
-* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.1
+* @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.
 */
-import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, useEffect as o, useMemo as a, useReducer as l, useRef as s, useState as c } from "react";
+import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, useEffect as o, useMemo as l, useReducer as a, useRef as s, useState as c } from "react";
 import d from "clsx";
-import { Box as p, Button as m, CircularProgress as u, Paper as h, Typography as f, useTheme as g } from "@mui/material";
-import { Command as x, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as v, DynamicIcon as b, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as N, useImperativeElement as T, useTranslator as K } from "@sheetxl/utils-react";
-import { AnimatedLoadingPanel as I, CommandButton as D, CommandPopupButton as P, CommandToolbar as E, ExhibitDivider as L, ExhibitMenuItem as $, OverflowPalette as R, defaultCreatePopupPanel as z, raisedSurface as B } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as A, InputClipboardInjector as O, useWorkbook as M } from "@sheetxl/react";
-import { Fragment as W, jsx as j, jsxs as H } from "react/jsx-runtime";
-import { alpha as U } from "@mui/system";
-import { ChainedError as q } from "@sheetxl/utils";
-import { ScriptEditor as G, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
-var Z = {
+import { Box as p, Button as u, CircularProgress as m, Paper as f, Typography as h, useTheme as g } from "@mui/material";
+import { Command as x, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as b, DynamicIcon as v, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as K, useImperativeElement as N, useTranslator as T } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as D, CommandButton as I, CommandPopupButton as $, CommandToolbar as P, ExhibitDivider as R, ExhibitMenuItem as E, OverflowPalette as L, defaultCreatePopupPanel as M } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as z, InputClipboardInjector as B, useModelSync as O, useWorkbook as A } from "@sheetxl/react";
+import { Fragment as U, jsx as W, jsxs as j } from "react/jsx-runtime";
+import { alpha as H } from "@mui/system";
+import { listResources as q, releaseChannel as G } from "@sheetxl/utils";
+import { VERSION as Z } from "@sheetxl/sdk";
+import { ScriptEditor as _, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
+var Q = {
 	"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",
 	"templateSelect.blankSummary": "Start with an empty script.",
@@ -27,39 +31,39 @@ var Z = {
 	"templateSelect.loadFailed": "Failed to load scripts",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: _ } = x, Q = !1;
-function V() {
-	Q || (Q = !0, _.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: Z }));
+}, { DefaultCommandCatalogService: V } = x, X = !1;
+function Y() {
+	X || (X = !0, V.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: Q }));
 }
-V();
-var X = n(r((e, r) => {
-	const { groupKey: n, ...i } = e, a = M(), l = K(), [s, d] = c([]), [m, u] = c(!1);
+Y();
+var ee = n(r((e, r) => {
+	const { groupKey: n, ...i } = e, l = A(), a = T(), [s, d] = c([]), [u, m] = c(!1);
 	o(() => {
-		const e = a?.getScripts();
+		const e = l?.getScripts();
 		if (!e) return;
 		(async () => {
-			u(!0);
+			m(!0);
 			const t = await e.searchFunctions({ type: "macro" });
-			d(t), u(!1);
+			d(t), m(!1);
 		})();
-	}, [a]);
-	const h = {
+	}, [l]);
+	const f = {
 		variant: y.Menuitem,
 		groupKey: "scriptsOptions",
 		shortcut: void 0
-	}, f = [], g = s ? s.length : 0;
+	}, h = [], g = s ? s.length : 0;
 	for (let e = 0; e < g; e++) {
 		const t = s[e];
-		f.push(j(D, {
-			...h,
+		h.push(W(I, {
+			...f,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
-			propsTooltip: { description: l("runScript.executeNamed", { name: t.getName() ?? l("runScript.fallbackLabel") }) },
-			icon: j(b, { iconKey: "ScriptMacro" }),
-			label: t.getName() ?? l("runScript.fallbackLabel")
+			propsTooltip: { description: a("runScript.executeNamed", { name: t.getName() ?? a("runScript.fallbackLabel") }) },
+			icon: W(v, { iconKey: "ScriptMacro" }),
+			label: t.getName() ?? a("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	const x = H(p, {
+	const x = j(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -67,105 +71,100 @@ var X = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [f.length > 0 ? H(W, { children: [j(p, {
+		children: [h.length > 0 ? j(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
-			children: f
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
-			...h,
+			children: h
+		}), W(R, { orientation: "horizontal" })] }) : null, t(I, {
+			...f,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
 		})]
 	});
-	return z({
+	return M({
 		...i,
 		children: x
 	});
 }));
-X.displayName = "RunScriptPopupPanel";
-var Y = n(r((e, t) => {
-	const { groupKey: r, disabled: n, ...o } = e, a = N(["showScriptEditor"])[0], l = F("scriptsOptions");
-	return j(P, {
+ee.displayName = "RunScriptPopupPanel";
+var te = n(r((e, t) => {
+	const { groupKey: r, disabled: n, ...o } = e, l = K(["showScriptEditor"])[0], a = F("scriptsOptions"), s = i((e) => {
+		const t = W(ee, {
+			disabled: n,
+			groupKey: r,
+			...e
+		});
+		return M({
+			...e,
+			children: t
+		});
+	}, [n, r]);
+	return W($, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: i((e) => {
-			const t = j(X, {
-				disabled: n,
-				groupKey: r,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [n, r]),
-		selected: a?.getState(),
-		label: l?.getLabel?.(),
-		tooltip: l?.getDescription?.(),
+		createPopupPanel: s,
+		selected: l?.getState(),
+		label: a?.getLabel?.(),
+		tooltip: a?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...o
 	});
-})), ee = "https://unpkg.com/@sheetxl/scripting-templates/dist", te = (e, t) => {
-	try {
-		return new URL(t).href;
-	} catch {}
-	if (t.startsWith("/") || /^[a-zA-Z]:/.test(t)) return t;
-	let r = e.startsWith("http") ? e : `file:///${e.replace(/\\/g, "/")}`;
-	return r.endsWith("/") || (r += "/"), new URL(t, r).href;
-}, re = (e) => {
-	if (e.metadata?.name) return e.metadata.name;
-	let t = (e.path.split("/").pop() || "").replace(/\.[^/.]+$/, "");
-	return "formula" === e.metadata?.icon ? 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(" "));
-}, ne = async (e) => {
-	const t = te(e, "./manifest.json"), r = await fetch(t);
-	if (!r.ok) throw new q(`Failed to retrieve directory at '${e}': ${r.statusText}`);
-	const n = await r.text();
-	if (n.trim().toLowerCase().startsWith("<!doctype html") || n.trim().toLowerCase().startsWith("<html")) throw new q(`Failed to retrieve directory at '${e}'`);
+})), re = G(Z), ne = `https://unpkg.com/@sheetxl/templates-scripting${re ? `@${re}` : ""}/dist`, ie = "templates-scripting", oe = [
+	"formula",
+	"macro",
+	"autostart"
+], le = (e) => "string" == typeof e && e ? e : void 0, ae = (e, t) => {
+	const r = (e.split("/").pop() ?? "").replace(/\.[^/.]+$/, "");
+	return "formula" === t ? r.toUpperCase() : r.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
+}, se = async (e, t) => {
+	if (!/\.ts$/i.test(t.path)) return null;
+	const r = oe.includes(t.icon) ? t.icon : void 0, n = ((e, t) => {
+		const r = `${e}${e.endsWith("/") ? "" : "/"}${ie}/${t}`;
+		return "undefined" == typeof document ? r : new URL(r, document.baseURI).href;
+	})(e, t.path);
 	let i;
 	try {
-		i = JSON.parse(n);
+		const e = await fetch(n);
+		if (!e.ok || (e.headers.get("content-type") ?? "").includes("text/html")) throw new Error(e.ok ? "not found" : e.statusText || String(e.status));
+		i = await e.text();
 	} catch (e) {
-		throw new Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`);
+		return console.warn(`Script template '${n}' did not load: ${e?.message ?? e}`), null;
 	}
-	const o = i.map(async (t) => {
-		try {
-			const r = te(e, t.path), n = await fetch(r);
-			if (!n.ok) throw new Error(`Failed to fetch file at '${t.path}': ${n.statusText}`);
-			const i = await n.text();
-			let o = t.metadata;
-			return o?.title || (o = {
-				title: re(t),
-				...o
-			}), {
-				path: t.path,
-				content: i,
-				metadata: o
-			};
-		} catch (e) {
-			console.error(e.message);
-		}
-		return null;
-	});
-	return (await Promise.all(o)).filter((e) => null !== e);
-}, ie = { marginRight: "4px" }, oe = "1em", ae = n((e) => {
-	const { disabled: t, snippet: r, description: n, handleInsert: i, sx: o, ...a } = e;
-	let l;
-	const s = r.metadata?.icon;
-	return l = j(b, "formula" === s ? {
+	return {
+		path: t.path,
+		title: le(t.title) ?? ae(t.path, r),
+		summary: le(t.summary),
+		icon: r,
+		content: i
+	};
+}, ce = /* @__PURE__ */ new Map(), de = (e = ne) => {
+	let t = ce.get(e);
+	return t || (t = (async () => {
+		const t = (await q("templates", ie, e)).find((e) => void 0 !== e.meta?.schema);
+		if (!t) throw new Error(`No script templates found at '${e}'.`);
+		return 1 !== Math.floor(Number(t.meta?.schema)) ? (console.warn(`Script template catalog at '${e}' has schema ${t.meta?.schema}; expected 1.`), []) : (await Promise.all(t.entries.map((t) => se(e, t)))).filter((e) => null !== e);
+	})(), ce.set(e, t), t.catch(() => {
+		ce.delete(e);
+	})), t;
+}, pe = { marginRight: "4px" }, ue = "1em", me = n((e) => {
+	const { disabled: t, snippet: r, description: n, handleInsert: i, sx: o, ...l } = e;
+	let a;
+	const s = r.icon;
+	return a = W(v, "formula" === s ? {
 		iconKey: "ScriptFormula",
-		size: oe,
-		style: ie
+		size: ue,
+		style: pe
 	} : "macro" === s ? {
 		iconKey: "ScriptMacro",
-		size: oe,
-		style: ie
+		size: ue,
+		style: pe
 	} : {
 		iconKey: "ScriptAutoRun",
-		size: oe,
-		style: ie
-	}), j($, {
+		size: ue,
+		style: pe
+	}), W(E, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -173,7 +172,7 @@ var Y = n(r((e, t) => {
 			...o
 		},
 		disabled: t,
-		icon: l,
+		icon: a,
 		onMouseDown: (e) => {
 			0 === e.button && e.preventDefault();
 		},
@@ -183,58 +182,70 @@ var Y = n(r((e, t) => {
 		onKeyDown: (e) => {
 			e.keyCode !== w.Enter && e.keyCode !== w.Space || i(r);
 		},
-		...a,
-		children: H(p, {
+		...l,
+		children: j(p, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
 				flexDirection: "column",
 				overflow: "hidden"
 			},
-			children: [j(f, {
+			children: [W(h, {
 				component: "div",
-				children: r.metadata?.title ?? r.path
-			}), j(f, {
+				children: r.title
+			}), W(h, {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => U(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => H(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: r.metadata?.summary
+				children: r.summary
 			})]
 		})
 	});
-}), le = n(r((e, r) => {
-	const { groupKey: n, disabled: a, scriptPath: l = ee, ...s } = e, [d, m] = c([]), [u, h] = c(!0), [f] = N(["insertScript"]);
+}), fe = n(r((e, r) => {
+	const { groupKey: n, disabled: l, scriptPath: a = ne, ...s } = e, d = T(), [u, m] = c([]), [f, h] = c("loading"), [g, x] = c(0), [S] = K(["insertScript"]), b = l || (S?.disabled() ?? !1);
 	o(() => {
-		(async () => {
-			try {
-				const e = await ne(l);
-				m(e);
-			} catch (e) {} finally {
-				h(!1);
-			}
-		})();
-	}, [l]);
-	const g = i((e) => {
-		if (u) return j("div", { children: "Loading..." });
+		let e = !1;
+		return h("loading"), de(a).then((t) => {
+			e || (m(t), h("ready"));
+		}, () => {
+			e || (m([]), h("error"));
+		}), () => {
+			e = !0;
+		};
+	}, [a, g]);
+	const v = i((e) => {
+		if ("loading" === f) return W("div", { children: d("insertScript.loading") });
 		const r = {
 			variant: y.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: a
+			disabled: b
 		}, n = (t) => {
-			f?.execute(t.content), e.closeFloat?.();
-		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			const t = d[e];
-			t && i.push(j(ae, {
+			S?.execute(t.content), e.closeFloat?.();
+		}, i = () => x((e) => e + 1), o = [];
+		"error" === f && o.push(W(E, {
+			onMouseDown: (e) => {
+				0 === e.button && e.preventDefault();
+			},
+			onMouseUp: (e) => {
+				0 === e.button && i();
+			},
+			onKeyDown: (e) => {
+				e.keyCode !== w.Enter && e.keyCode !== w.Space || i();
+			},
+			children: d("insertScript.loadFailedRetry")
+		}, "retry"));
+		for (let e = 0; e < u.length; e++) {
+			const t = u[e];
+			t && o.push(W(me, {
 				handleInsert: n,
 				snippet: t
 			}, t.path));
 		}
-		const o = H(p, {
+		const l = j(p, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -242,105 +253,101 @@ var Y = n(r((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				i.length > 0 ? H(W, { children: [j(p, {
+				o.length > 0 ? j(U, { children: [W(p, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
-					children: i
-				}), j(L, { orientation: "horizontal" })] }) : null,
-				t(D, {
+					children: o
+				}), W(R, { orientation: "horizontal" })] }) : null,
+				t(I, {
 					...r,
 					key: "showKeyboardShortcuts",
 					commandKey: "showKeyboardShortcuts"
 				}),
-				t(D, {
+				t(I, {
 					...r,
 					key: "scriptingHelp",
 					commandKey: "scriptingHelp"
 				})
 			]
 		});
-		return z({
+		return M({
 			...e,
-			children: o
+			children: l
 		});
 	}, [
-		a,
+		b,
 		n,
+		f,
 		u,
-		f
+		S,
+		d
 	]);
-	return j(P, {
+	return W($, {
 		ref: r,
-		disabled: a,
+		disabled: b,
 		groupKey: n,
-		label: f?.getLabel(n) ?? "Insert Script",
-		tooltip: f?.getDescription(),
-		createPopupPanel: g,
-		icon: f?.getIcon() ?? "ScriptInsert",
+		label: S?.getLabel(n) ?? d("insertScript.fallbackLabel"),
+		tooltip: S?.getDescription(),
+		createPopupPanel: v,
+		icon: S?.getIcon() ?? "ScriptInsert",
 		...s
 	});
-})), se = n(r((e, t) => {
-	const { propsCommandButton: r, ...n } = e;
-	return j(E, {
+})), he = n(r((e, t) => {
+	const { propsCommandButton: r, ...n } = e, i = C((e) => {
+		const { propsCommandButton: t, propsCommandPopup: r } = e;
+		return W(U, { children: j("div", {
+			style: {
+				display: "flex",
+				flex: "1 1 100%"
+			},
+			children: [
+				W("div", { children: W(L, {
+					style: {},
+					children: W(I, {
+						...t,
+						commandKey: "saveScripts"
+					})
+				}) }),
+				W("div", { style: { flex: "1 1 100%" } }),
+				W("div", { children: W(L, {
+					style: {},
+					children: W(fe, { ...t })
+				}) })
+			]
+		}) });
+	}, []);
+	return W(P, {
 		ref: t,
 		propsCommandButton: r,
-		renderToolbarPalette: C((e) => {
-			const { propsCommandButton: t, propsCommandPopup: r } = e;
-			return j(W, { children: H("div", {
-				style: {
-					display: "flex",
-					flex: "1 1 100%"
-				},
-				children: [
-					j("div", { children: j(R, {
-						style: {},
-						children: j(D, {
-							...t,
-							commandKey: "saveScripts"
-						})
-					}) }),
-					j("div", { style: { flex: "1 1 100%" } }),
-					j("div", { children: j(R, {
-						style: {},
-						children: j(le, { ...t })
-					}) })
-				]
-			}) });
-		}, []),
+		renderToolbarPalette: i,
 		...n
 	});
 }));
-se.displayName = "ScriptEditorToolbar", V();
-var ce = n(r((e, t) => {
-	const { scriptPath: r = ee, onScriptSelect: n, sx: i = k.EmptyCssProperties, className: a, buttonMinWidth: l = 210, buttonMinHeight: s = 80, gap: h = 12, ...g } = e, x = K(), [y, S] = c([]), [v, w] = c(!0), [C, F] = c(null);
+he.displayName = "ScriptEditorToolbar", Y();
+var ge = n(r((e, t) => {
+	const { scriptPath: r = ne, onScriptSelect: n, disabled: i = !1, sx: l = k.EmptyCssProperties, className: a, buttonMinWidth: s = 210, buttonMinHeight: f = 80, gap: g = 12, ...x } = e, y = T(), [S, b] = c([]), [w, C] = c(!0), [F, K] = c(null);
 	if (o(() => {
-		(async () => {
-			const e = [{
-				path: null,
-				metadata: {
-					title: x("templateSelect.blankTitle"),
-					summary: x("templateSelect.blankSummary")
-				},
-				content: ""
-			}];
-			try {
-				w(!0), F(null);
-				const t = await ne(r);
-				for (let r = 0; r < t.length; r++) {
-					const n = t[r];
-					n && e.push(n);
-				}
-			} catch (e) {
-				F(e instanceof Error ? e.message : x("templateSelect.loadFailed")), e instanceof q || console.error("Error loading scripts:", e);
-			} finally {
-				S(e), w(!1);
-			}
-		})();
-	}, [r, x]), v) return j(p, {
+		let e = !1;
+		const t = {
+			path: null,
+			title: y("templateSelect.blankTitle"),
+			summary: y("templateSelect.blankSummary"),
+			content: ""
+		};
+		return C(!0), K(null), de(r).then((r) => {
+			e || b([t, ...r]);
+		}, (r) => {
+			e || (b([t]), K(r instanceof Error ? r.message : y("templateSelect.loadFailed")));
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [r, y]), w) return W(p, {
 		className: d(a, "script-select"),
-		...g,
+		...x,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -348,15 +355,14 @@ var ce = n(r((e, t) => {
 			height: "100%",
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: B,
-			...Array.isArray(i) ? {} : i
-		}, ...Array.isArray(i) ? i : []],
-		children: j(u, {})
+			...Array.isArray(l) ? {} : l
+		}, ...Array.isArray(l) ? l : []],
+		children: W(m, {})
 	});
 	let N = null;
-	C && (N = H(p, {
+	F && (N = j(p, {
 		className: d(a, "script-select", "error-results"),
-		...g,
+		...x,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -368,45 +374,43 @@ var ce = n(r((e, t) => {
 			padding: (e) => e.spacing(1),
 			border: (e) => `1px solid ${e.palette.error.main}`,
 			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1,
-			backgroundImage: B
-		}, ...Array.isArray(i) ? i : [i]],
-		children: [j(f, {
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(l) ? l : [l]],
+		children: [W(h, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: x("templateSelect.errorTitle")
-		}), j(f, {
+			children: y("templateSelect.errorTitle")
+		}), W(h, {
 			color: "error",
 			component: "div",
-			children: C
+			children: F
 		})]
 	}));
-	const T = (e) => {
-		const t = e.metadata?.icon;
-		return "macro" === t ? j(b, {
+	const D = (e) => {
+		const t = e.icon;
+		return "macro" === t ? W(v, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : "formula" === t ? j(b, {
+		}) : "formula" === t ? W(v, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : "autostart" === t ? j(b, {
+		}) : "autostart" === t ? W(v, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
-	return H(p, {
+	return j(p, {
 		ref: t,
 		className: d(a, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: B,
-			...i
+			...l
 		},
-		...g,
-		children: [H(p, {
+		...x,
+		children: [j(p, {
 			className: "script-select-content",
 			sx: {
 				p: 3,
@@ -414,39 +418,40 @@ var ce = n(r((e, t) => {
 				flex: "1 1 auto"
 			},
 			children: [
-				j(f, {
+				W(h, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: x("templateSelect.title")
+					children: y("templateSelect.title")
 				}),
-				j(f, {
+				W(h, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro")
+					children: y("templateSelect.intro")
 				}),
-				j(f, {
+				W(h, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro2")
+					children: y("templateSelect.intro2")
 				}),
-				j(p, {
+				W(p, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
-						gap: `${h}px`,
+						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
+						gap: `${g}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: y.map((e, t) => H(m, {
+					children: S.map((e, t) => j(u, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: l,
-							minHeight: s,
+							minWidth: s,
+							minHeight: f,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -462,7 +467,7 @@ var ce = n(r((e, t) => {
 							...1 === t && { gridColumn: "1" }
 						},
 						onClick: () => n?.(e),
-						children: [H(p, {
+						children: [j(p, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -471,12 +476,12 @@ var ce = n(r((e, t) => {
 								width: "100%",
 								marginBottom: .5
 							},
-							children: [j(f, {
+							children: [W(h, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || x("templateSelect.untitled")
-							}), T(e)]
-						}), e.metadata?.summary && j(f, {
+								children: e.title || y("templateSelect.untitled")
+							}), D(e)]
+						}), e.summary && W(h, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -487,7 +492,7 @@ var ce = n(r((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
@@ -495,41 +500,41 @@ var ce = n(r((e, t) => {
 		}), N]
 	});
 }));
-ce.displayName = "TemplateSelectPanel";
-var de = n(r((e, t) => {
-	const { className: r, sx: n, propsScriptEditor: l, readOnly: m = !1, frame: u, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...v } = e, b = g(), [w, k] = c(!1), F = s(!1), [N, K] = c({
+ge.displayName = "TemplateSelectPanel";
+var xe = n(r((e, t) => {
+	const { className: r, sx: n, propsScriptEditor: a, readOnly: u = !1, frame: m, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...b } = e, v = g(), [w, k] = c(!1), F = s(!1), [K, T] = c({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [D, P] = c(null);
+	}), [I, $] = c(null);
 	o(() => {
 		let e = !1;
-		return P(null), async function() {
+		return $(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				P({ source: e || null });
+				$({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
 		};
 	}, [S]);
-	const E = i((e) => {
-		K((t) => ({
+	const P = i((e) => {
+		T((t) => ({
 			...t,
 			...e
 		}));
-	}, []), L = s(null), [$, R] = c(null), z = s(null), B = C((e) => {
-		if ($) return $.focus(e), !0;
+	}, []), R = s(null), [E, L] = c(null), M = s(null), z = C((e) => {
+		if (E) return E.focus(e), !0;
 		if (x) {
-			const t = L.current?.querySelectorAll?.(x);
+			const t = R.current?.querySelectorAll?.(x);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
-		return L.current?.focus?.(e), !1;
+		return R.current?.focus?.(e), !1;
 	}, [
-		$,
+		E,
 		x,
 		y
-	]), A = a(() => j(I, {
+	]), B = l(() => W(D, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -537,7 +542,7 @@ var de = n(r((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), O = a(() => j(h, {
+	}), []), O = l(() => W(f, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -550,8 +555,8 @@ var de = n(r((e, t) => {
 			marginTop: (e) => e.spacing(1),
 			marginBottom: (e) => e.spacing(1)
 		},
-		children: j(se, {})
-	}), [b]), M = a(() => j(p, {
+		children: W(he, {})
+	}), [v]), A = l(() => W(p, {
 		className: d("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
@@ -564,9 +569,9 @@ var de = n(r((e, t) => {
 			paddingTop: "1px",
 			minHeight: "calc(1em + 8px)",
 			margin: 0,
-			borderTop: `solid 1px ${b.palette.divider}`
+			borderTop: `solid 1px ${v.palette.divider}`
 		},
-		children: H("div", {
+		children: j("div", {
 			style: {
 				flex: "1 1 100%",
 				display: "flex",
@@ -575,7 +580,7 @@ var de = n(r((e, t) => {
 				justifyContent: "center"
 			},
 			children: [
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -586,9 +591,9 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.message
+					children: K.message
 				}),
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -599,9 +604,9 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.dirty ? "Unsaved" : ""
+					children: K.dirty ? "Unsaved" : ""
 				}),
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -616,11 +621,11 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.cursor
+					children: K.cursor
 				})
 			]
 		})
-	}), [N]), W = a(() => H(p, {
+	}), [K]), U = l(() => j(p, {
 		className: d("script-editor-content"),
 		sx: {
 			display: "flex",
@@ -631,7 +636,7 @@ var de = n(r((e, t) => {
 		},
 		children: [
 			O,
-			j(p, {
+			W(p, {
 				sx: {
 					display: "flex",
 					flex: "1 1 100%",
@@ -640,35 +645,35 @@ var de = n(r((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: j(G, {
-					ref: L,
-					loadingPanel: A,
-					readOnly: m,
-					frame: u,
+				children: W(_, {
+					ref: R,
+					loadingPanel: B,
+					readOnly: u,
+					frame: m,
 					scripts: S,
 					autoFocus: y,
-					onStatusChange: E,
-					darkMode: "dark" === b.palette.mode,
-					...l
+					onStatusChange: P,
+					darkMode: "dark" === v.palette.mode,
+					...a
 				})
 			}),
-			M
+			A
 		]
 	}), [
-		b,
+		v,
 		O,
-		M,
-		w,
 		A,
-		m,
-		l,
+		w,
+		B,
+		u,
+		a,
 		y,
 		x,
-		u,
-		E
-	]), U = a(() => {
+		m,
+		P
+	]), H = l(() => {
 		let e;
-		return null === D ? A : (null === D.source && (e = j(ce, {
+		return null === I ? B : (null === I.source && (e = W(ge, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -679,10 +684,11 @@ var de = n(r((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
+			disabled: u,
 			onScriptSelect: (e) => {
-				L.current?.insertSnippet(e.content), P({ source: e.content ?? "" }), requestAnimationFrame(() => L.current?.focus());
+				R.current?.insertSnippet(e.content), $({ source: e.content ?? "" }), requestAnimationFrame(() => R.current?.focus());
 			}
-		})), j(p, {
+		})), W(p, {
 			tabIndex: 0,
 			className: d("script-workspace", r),
 			sx: {
@@ -696,15 +702,15 @@ var de = n(r((e, t) => {
 				outline: "none"
 			},
 			onPointerDown: (e) => {
-				e.isDefaultPrevented() || L.current?.focus();
+				e.isDefaultPrevented() || R.current?.focus();
 			},
-			children: H(p, {
+			children: j(p, {
 				sx: {
 					flex: "1 1 100%",
 					position: "relative",
 					display: "flex"
 				},
-				children: [j(p, {
+				children: [W(p, {
 					sx: {
 						display: "flex",
 						flex: "1 1 100%",
@@ -712,23 +718,24 @@ var de = n(r((e, t) => {
 						minHeight: 0,
 						visibility: e ? "hidden" : "visible"
 					},
-					children: W
+					children: U
 				}), e]
 			})
 		}));
 	}, [
 		O,
-		W,
+		U,
 		r,
-		D,
-		A
-	]), q = T(t, () => ({
+		I,
+		B,
+		u
+	]), q = N(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			B(e);
+			z(e);
 		}
 	}), []);
-	return j(p, {
+	return W(p, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -737,60 +744,62 @@ var de = n(r((e, t) => {
 			...n
 		},
 		ref: q,
-		...v,
+		...b,
 		onFocus: (e) => {
-			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !z.current && (z.current = e.relatedTarget), v?.onFocus?.(e);
+			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && L(e.target), e.relatedTarget && !M.current && (M.current = e.relatedTarget), b?.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (z.current = null, F.current = !1, k(!1)), v?.onBlur?.(e);
+			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (M.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
 		},
-		children: U
+		children: H
 	});
 }));
-de.displayName = "ScriptWorkspace";
-var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue, useCommandScope: he } = x, fe = { scopeName: "scriptEditor" }, ge = ({ children: e }) => {
-	const t = he(), r = s(null);
-	return t ? j(me, {
-		spec: fe,
+xe.displayName = "ScriptWorkspace";
+var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be, useCommandScope: ve } = x, we = { scopeName: "scriptEditor" }, ke = ({ children: e }) => {
+	const t = ve(), r = s(null);
+	return t ? W(Se, {
+		spec: we,
 		elementRef: r,
 		region: !0,
-		children: j(xe, {
+		children: W(Ce, {
 			paneRef: r,
 			children: e
 		})
 	}) : e;
-}, xe = ({ paneRef: e, children: t }) => {
-	const r = he(), n = a(() => r ? new pe(r.getRoot(), r) : null, [r]);
-	return n ? H(ue, {
+}, Ce = ({ paneRef: e, children: t }) => {
+	const r = ve(), n = l(() => r ? new ye(r.getRoot(), r) : null, [r]);
+	return n ? j(be, {
 		tracker: n,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [j(O, {}), j("div", {
+		children: [W(B, {}), W("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
 			children: t
 		})]
 	}) : t;
-}, ye = (e) => {
-	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e;
-	return j(ge, { children: j(de, {
+}, Fe = (e) => {
+	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, l = A() ?? t;
+	O(l, ["onProtectionChange"]);
+	const a = l?.getScripts().isReadOnly() ?? !1;
+	return W(ke, { children: W(xe, {
 		ref: i,
-		readOnly: !1,
+		readOnly: a,
 		frame: n,
-		scripts: (M() ?? t)?.getScripts(),
+		scripts: l?.getScripts(),
 		...o
 	}) });
-}, Se = n((e) => {
-	const { alwaysShow: t = !1, ...r } = e, [n, i] = l((e) => e + 1, 0), [a] = N(["showScriptEditor"], { onChange: () => i() }), s = M(), [d, p] = c(t);
+}, Ke = n((e) => {
+	const { alwaysShow: t = !1, ...r } = e, [n, i] = a((e) => e + 1, 0), [l] = K(["showScriptEditor"], { onChange: () => i() }), s = A(), [d, p] = c(t);
 	return o(() => {
 		if (t) return void p(!0);
 		const e = s?.getScripts();
-		if (!e || !a) return void p(!1);
+		if (!e || !l) return void p(!1);
 		const r = async () => {
 			let t = !1;
-			a.getState() || (t = ((await e.searchFunctions({ type: "macro" }))?.length ?? 0) > 0), p(t || !!a.getState());
+			l.getState() || (t = ((await e.searchFunctions({ type: "macro" }))?.length ?? 0) > 0), p(t || !!l.getState());
 		};
 		r();
 		const n = e.addListeners({ onChange: () => {
@@ -802,13 +811,13 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue,
 	}, [
 		t,
 		s,
-		a,
+		l,
 		n
-	]), d ? H(W, { children: [j(L, {}), j(Y, { ...r })] }) : null;
+	]), d ? j(U, { children: [W(R, {}), W(te, { ...r })] }) : null;
 });
-Se.displayName = "RunScriptContribution", V();
-var ve = n(r((e, r) => {
-	const { ...n } = e, i = M(), a = K(), [l, s] = c([]);
+Ke.displayName = "RunScriptContribution", Y();
+var Ne = n(r((e, r) => {
+	const { ...n } = e, i = A(), l = T(), [a, s] = c([]);
 	o(() => {
 		const e = i?.getScripts();
 		if (!e) return;
@@ -828,19 +837,19 @@ var ve = n(r((e, r) => {
 	const d = {
 		variant: y.Menuitem,
 		shortcut: void 0
-	}, m = [], u = l ? l.length : 0;
-	for (let e = 0; e < u; e++) {
-		const t = l[e];
-		m.push(j(D, {
+	}, u = [], m = a ? a.length : 0;
+	for (let e = 0; e < m; e++) {
+		const t = a[e];
+		u.push(W(I, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
-			propsTooltip: { description: a("insertFunction.insertNamed", { name: t.getName() ?? a("insertFunction.fallbackLabel") }) },
-			icon: j(b, { iconKey: "FormulaCustom" }),
-			label: t.getName() ?? a("insertFunction.fallbackLabel")
+			propsTooltip: { description: l("insertFunction.insertNamed", { name: t.getName() ?? l("insertFunction.fallbackLabel") }) },
+			icon: W(v, { iconKey: "FormulaCustom" }),
+			label: t.getName() ?? l("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
-	const h = H(p, {
+	const f = j(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -848,62 +857,62 @@ var ve = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [m.length > 0 ? H(W, { children: [j(p, {
+		children: [u.length > 0 ? j(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
-			children: m
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
+			children: u
+		}), W(R, { orientation: "horizontal" })] }) : null, t(I, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
 		})]
 	});
-	return z({
+	return M({
 		...n,
-		children: h
+		children: f
 	});
 }));
-ve.displayName = "InsertFunctionPopupPanel";
-var be = n(r((e, t) => {
-	const { disabled: r, groupKey: n, ...o } = e, a = F("customFunctionOptions");
-	return j(P, {
+Ne.displayName = "InsertFunctionPopupPanel";
+var Te = n(r((e, t) => {
+	const { disabled: r, groupKey: n, ...o } = e, l = F("customFunctionOptions"), a = i((e) => {
+		const t = W(Ne, {
+			disabled: r,
+			groupKey: n,
+			...e
+		});
+		return M({
+			...e,
+			children: t
+		});
+	}, [r, n]);
+	return W($, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: i((e) => {
-			const t = j(ve, {
-				disabled: r,
-				groupKey: n,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [r, n]),
-		label: a?.getLabel?.(),
-		tooltip: a?.getDescription?.(),
+		createPopupPanel: a,
+		label: l?.getLabel?.(),
+		tooltip: l?.getDescription?.(),
 		icon: "FormulaCustom",
 		...o
 	});
 }));
-be.displayName = "InsertFunctionContribution";
-var we = () => {
-	J(), v.register("plugin-scripts", { icons: {} }), A.registerTaskPane({
+Te.displayName = "InsertFunctionContribution";
+var De = () => {
+	J(), b.register("plugin-scripts", { icons: {} }), z.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: ye,
+		component: Fe,
 		keepMounted: !0
 	}, !0), S.register({ key: "scriptsOptions" }, !0), S.register({ key: "customFunctionOptions" }, !0), S.register({
 		key: "scripting.runScript.home",
 		contributions: { homeToolbar: {} },
-		render: (t) => e.createElement(Se, { ...t })
+		render: (t) => e.createElement(Ke, { ...t })
 	}, !0), S.register({
 		key: "scripting.runScript.view",
 		contributions: { viewToolbar: { order: 10 } },
-		render: (t) => e.createElement(Se, {
+		render: (t) => e.createElement(Ke, {
 			...t,
 			groupKey: "view",
 			alwaysShow: !0
@@ -914,7 +923,7 @@ var we = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(be, { ...t })
+		render: (t) => e.createElement(Te, { ...t })
 	}, !0);
 };
-export { le as InsertScriptCommandButton, Y as RunScriptCommandButton, se as ScriptEditorToolbar, ye as ScriptTaskPane, de as ScriptWorkspace, we as ScriptingPlugin };
+export { fe as InsertScriptCommandButton, te as RunScriptCommandButton, he as ScriptEditorToolbar, Fe as ScriptTaskPane, xe as ScriptWorkspace, De as ScriptingPlugin };