@sheetxl/scripting-mui 0.8.0-beta.1 → 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.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.
@@ -7,28 +7,34 @@
 import e, { createElement as t, forwardRef as n, memo as r, useCallback as i, useEffect as a, useMemo as o, useReducer as s, useRef as c, useState as l } from "react";
 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, raisedSurface as F } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as I, InputClipboardInjector 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 H } from "@mui/system";
-import { ChainedError as U } from "@sheetxl/utils";
-import { ScriptEditor as te, ScriptingReactPlugin as ne } from "@sheetxl/scripting-react";
-function W(e) {
+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 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 = W(e[t])) && (r && (r += " "), r += n);
-	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	else if (typeof e == "object") {
+		if (Array.isArray(e)) {
+			var i = e.length;
+			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 G() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = W(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 re = {
+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",
 	"templateSelect.blankSummary": "Start with an empty script.",
@@ -39,13 +45,13 @@ var re = {
 	"templateSelect.loadFailed": "Failed to load scripts",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: ie } = g, K = !1;
-function q() {
-	K || (K = !0, ie.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: re }));
+}, { DefaultCommandCatalogService: ce } = g, W = !1;
+function G() {
+	W || (W = !0, ce.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: se }));
 }
-q();
-var J = r(n((e, n) => {
-	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
+G();
+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 () => {
@@ -61,16 +67,16 @@ var J = 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",
@@ -78,13 +84,13 @@ var J = 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"
@@ -95,73 +101,68 @@ var J = r(n((e, n) => {
 		children: v
 	});
 }));
-J.displayName = "RunScriptPopupPanel";
-var ae = r(n((e, t) => {
-	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions");
-	return B(k, {
+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 = z(le, {
+			disabled: r,
+			groupKey: n,
+			...e
+		});
+		return P({
+			...e,
+			children: t
+		});
+	}, [r, n]);
+	return z(k, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: i((e) => {
-			let t = B(J, {
-				disabled: r,
-				groupKey: n,
-				...e
-			});
-			return P({
-				...e,
-				children: t
-			});
-		}, [r, n]),
+		createPopupPanel: c,
 		selected: o?.getState(),
 		label: s?.getLabel?.(),
 		tooltip: s?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...a
 	});
-})), oe = "https://unpkg.com/@sheetxl/scripting-templates/dist", se = (e, t) => {
-	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;
-}, ce = (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(" "));
-}, le = async (e) => {
-	let t = se(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;
+})), 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 {
-		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 = se(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: ce(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", ue = 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
@@ -173,7 +174,7 @@ var ae = r(n((e, t) => {
 		iconKey: "ScriptAutoRun",
 		size: X,
 		style: Y
-	}), B(M, {
+	}), z(M, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -192,57 +193,69 @@ var ae = 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) => H(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
 			})]
 		})
 	});
-}), de = r(n((e, n) => {
-	let { groupKey: r, disabled: o, scriptPath: s = oe, ...c } = e, [d, f] = l([]), [p, m] = l(!0), [h] = T(["insertScript"]);
+}), 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 le(s);
-				f(e);
-			} catch {} finally {
-				m(!1);
-			}
-		})();
-	}, [s]);
-	let g = i((e) => {
-		if (p) return B("div", { children: "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: o
+			disabled: b
 		}, r = (t) => {
-			h?.execute(t.content), e.closeFloat?.();
-		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			let t = d[e];
-			t && i.push(B(ue, {
+			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 && a.push(z(_e, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
 		}
-		let a = V(u, {
+		let o = B(u, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -250,13 +263,13 @@ var ae = 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",
@@ -271,84 +284,79 @@ var ae = r(n((e, t) => {
 		});
 		return P({
 			...e,
-			children: a
+			children: o
 		});
 	}, [
-		o,
+		b,
 		r,
-		p,
-		h
+		m,
+		f,
+		y,
+		d
 	]);
-	return B(k, {
+	return z(k, {
 		ref: n,
-		disabled: o,
+		disabled: b,
 		groupKey: r,
-		label: h?.getLabel(r) ?? "Insert Script",
-		tooltip: h?.getDescription(),
-		createPopupPanel: g,
-		icon: h?.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;
-	return B(A, {
+	let { propsCommandButton: n, ...r } = e, i = C((e) => {
+		let { propsCommandButton: t, propsCommandPopup: n } = e;
+		return z(R, { children: B("div", {
+			style: {
+				display: "flex",
+				flex: "1 1 100%"
+			},
+			children: [
+				z("div", { children: z(N, {
+					style: {},
+					children: z(O, {
+						...t,
+						commandKey: "saveScripts"
+					})
+				}) }),
+				z("div", { style: { flex: "1 1 100%" } }),
+				z("div", { children: z(N, {
+					style: {},
+					children: z(ve, { ...t })
+				}) })
+			]
+		}) });
+	}, []);
+	return z(A, {
 		ref: t,
 		propsCommandButton: n,
-		renderToolbarPalette: C((e) => {
-			let { propsCommandButton: t, propsCommandPopup: n } = e;
-			return B(z, { children: V("div", {
-				style: {
-					display: "flex",
-					flex: "1 1 100%"
-				},
-				children: [
-					B("div", { children: B(N, {
-						style: {},
-						children: B(O, {
-							...t,
-							commandKey: "saveScripts"
-						})
-					}) }),
-					B("div", { style: { flex: "1 1 100%" } }),
-					B("div", { children: B(N, {
-						style: {},
-						children: B(de, { ...t })
-					}) })
-				]
-			}) });
-		}, []),
+		renderToolbarPalette: i,
 		...r
 	});
 }));
-Z.displayName = "ScriptEditorToolbar", q();
-var fe = r(n((e, t) => {
-	let { scriptPath: n = oe, onScriptSelect: r, sx: i = S.EmptyCssProperties, className: o, buttonMinWidth: s = 210, buttonMinHeight: c = 80, gap: p = 12, ...h } = e, g = D(), [_, v] = l([]), [y, x] = l(!0), [C, w] = l(null);
+Z.displayName = "ScriptEditorToolbar", G();
+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: g("templateSelect.blankTitle"),
-					summary: g("templateSelect.blankSummary")
-				},
-				content: ""
-			}];
-			try {
-				x(!0), w(null);
-				let t = await le(n);
-				for (let n = 0; n < t.length; n++) {
-					let r = t[n];
-					r && e.push(r);
-				}
-			} catch (e) {
-				w(e instanceof Error ? e.message : g("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
-			} finally {
-				v(e), x(!1);
-			}
-		})();
-	}, [n, g]), y) return B(u, {
-		className: G(o, "script-select"),
-		...h,
+		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",
 			justifyContent: "center",
@@ -356,15 +364,14 @@ var fe = r(n((e, t) => {
 			height: "100%",
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: F,
-			...Array.isArray(i) ? {} : i
-		}, ...Array.isArray(i) ? i : []],
-		children: B(f, {})
+			...Array.isArray(o) ? {} : o
+		}, ...Array.isArray(o) ? o : []],
+		children: z(f, {})
 	});
-	let T = null;
-	C && (T = V(u, {
-		className: G(o, "script-select", "error-results"),
-		...h,
+	let E = null;
+	w && (E = B(u, {
+		className: U(s, "script-select", "error-results"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -376,45 +383,43 @@ var fe = r(n((e, t) => {
 			padding: (e) => e.spacing(1),
 			border: (e) => `1px solid ${e.palette.error.main}`,
 			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1,
-			backgroundImage: F
-		}, ...Array.isArray(i) ? i : [i]],
-		children: [B(m, {
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(o) ? o : [o]],
+		children: [z(m, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: g("templateSelect.errorTitle")
-		}), B(m, {
+			children: _("templateSelect.errorTitle")
+		}), z(m, {
 			color: "error",
 			component: "div",
-			children: C
+			children: w
 		})]
 	}));
-	let E = (e) => {
-		let t = e.metadata?.icon;
-		return t === "macro" ? B(b, {
+	let ee = (e) => {
+		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: G(o, "script-select"),
+		className: U(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: F,
-			...i
+			...o
 		},
-		...h,
-		children: [V(u, {
+		...g,
+		children: [B(u, {
 			className: "script-select-content",
 			sx: {
 				p: 3,
@@ -422,39 +427,40 @@ var fe = r(n((e, t) => {
 				flex: "1 1 auto"
 			},
 			children: [
-				B(m, {
+				z(m, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: g("templateSelect.title")
+					children: _("templateSelect.title")
 				}),
-				B(m, {
+				z(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro")
+					children: _("templateSelect.intro")
 				}),
-				B(m, {
+				z(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro2")
+					children: _("templateSelect.intro2")
 				}),
-				B(u, {
+				z(u, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
-						gap: `${p}px`,
+						gridTemplateColumns: `repeat(auto-fill, minmax(${c}px, 1fr))`,
+						gap: `${h}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: _.map((e, t) => V(d, {
+					children: v.map((e, t) => B(d, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: s,
-							minHeight: c,
+							minWidth: c,
+							minHeight: p,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -470,7 +476,7 @@ var fe = r(n((e, t) => {
 							...t === 1 && { gridColumn: "1" }
 						},
 						onClick: () => r?.(e),
-						children: [V(u, {
+						children: [B(u, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -479,12 +485,12 @@ var fe = 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+$/, "") || g("templateSelect.untitled")
-							}), E(e)]
-						}), e.metadata?.summary && B(m, {
+								children: e.title || _("templateSelect.untitled")
+							}), ee(e)]
+						}), e.summary && z(m, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -495,15 +501,15 @@ var fe = r(n((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), T]
+		}), E]
 	});
 }));
-fe.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",
@@ -526,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);
@@ -537,7 +543,7 @@ var Q = r(n((e, t) => {
 		M,
 		g,
 		_
-	]), I = o(() => B(ee, {
+	]), F = o(() => z(ee, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -545,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: {
@@ -558,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: G("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",
@@ -574,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",
@@ -583,7 +589,7 @@ var Q = r(n((e, t) => {
 				justifyContent: "center"
 			},
 			children: [
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -596,7 +602,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.message
 				}),
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -609,7 +615,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.dirty ? "Unsaved" : ""
 				}),
-				B(m, {
+				z(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -628,8 +634,8 @@ var Q = r(n((e, t) => {
 				})
 			]
 		})
-	}), [T]), z = o(() => V(u, {
-		className: G("script-editor-content"),
+	}), [T]), R = o(() => B(u, {
+		className: U("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -638,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%",
@@ -648,9 +654,9 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: B(te, {
+				children: z(ie, {
 					ref: j,
-					loadingPanel: I,
+					loadingPanel: F,
 					readOnly: d,
 					frame: f,
 					scripts: v,
@@ -660,23 +666,23 @@ var Q = r(n((e, t) => {
 					...s
 				})
 			}),
-			R
+			L
 		]
 	}), [
 		b,
+		I,
 		L,
-		R,
 		x,
-		I,
+		F,
 		d,
 		s,
 		_,
 		g,
 		f,
 		A
-	]), H = o(() => {
+	]), V = o(() => {
 		let e;
-		return O === null ? I : (O.source === null && (e = B(fe, {
+		return O === null ? F : (O.source === null && (e = z(ye, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -687,12 +693,13 @@ var Q = r(n((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
+			disabled: d,
 			onScriptSelect: (e) => {
 				j.current?.insertSnippet(e.content), k({ source: e.content ?? "" }), requestAnimationFrame(() => j.current?.focus());
 			}
-		})), B(u, {
+		})), z(u, {
 			tabIndex: 0,
-			className: G("script-workspace", n),
+			className: U("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -706,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%",
@@ -720,23 +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
-	]), U = E(t, () => ({
+		F,
+		d
+	]), H = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			F(e);
+			te(e);
 		}
 	}), []);
-	return B(u, {
+	return z(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -744,54 +752,56 @@ var Q = r(n((e, t) => {
 			position: "relative",
 			...r
 		},
-		ref: U,
+		ref: H,
 		...y,
 		onFocus: (e) => {
-			S(!0), w.current = !0, U.current?.contains(e.target) && e.target !== U.current && N(e.target), e.relatedTarget && !P.current && (P.current = e.relatedTarget), y?.onFocus?.(e);
+			S(!0), w.current = !0, H.current?.contains(e.target) && e.target !== H.current && N(e.target), e.relatedTarget && !P.current && (P.current = e.relatedTarget), y?.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			U?.current?.contains(e.relatedTarget) || U?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
+			H?.current?.contains(e.relatedTarget) || H?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
 		},
-		children: H
+		children: V
 	});
 }));
 Q.displayName = "ScriptWorkspace";
-var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he, useCommandScope: ge } = g, _e = { scopeName: "scriptEditor" }, ve = ({ children: e }) => {
-	let t = ge(), n = c(null);
-	return t ? B(me, {
-		spec: _e,
+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(ye, {
+		children: z(Ee, {
 			paneRef: n,
 			children: e
 		})
 	}) : e;
-}, ye = ({ paneRef: e, children: t }) => {
-	let n = ge(), r = o(() => n ? new pe(n.getRoot(), n) : null, [n]);
-	return r ? V(he, {
+}, 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(L, {}), B("div", {
+		children: [z(F, {}), z("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
 			children: t
 		})]
 	}) : t;
-}, be = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e;
-	return B(ve, { children: B(Q, {
+}, 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 z(Te, { children: z(Q, {
 		ref: i,
-		readOnly: !1,
+		readOnly: s,
 		frame: r,
-		scripts: (R() ?? t)?.getScripts(),
+		scripts: o?.getScripts(),
 		...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();
@@ -812,11 +822,11 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(ae, { ...n })] }) : null;
+	]), u ? B(R, { children: [z(j, {}), z(ue, { ...n })] }) : null;
 });
-$.displayName = "RunScriptContribution", q();
-var xe = r(n((e, n) => {
-	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
+$.displayName = "RunScriptContribution", G();
+var Oe = r(n((e, n) => {
+	let { ...r } = e, i = L(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
 		if (!e) return;
@@ -838,16 +848,16 @@ var xe = 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",
@@ -855,13 +865,13 @@ var xe = 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"
@@ -872,36 +882,36 @@ var xe = r(n((e, n) => {
 		children: m
 	});
 }));
-xe.displayName = "InsertFunctionPopupPanel";
-var Se = r(n((e, t) => {
-	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions");
-	return B(k, {
+Oe.displayName = "InsertFunctionPopupPanel";
+var ke = r(n((e, t) => {
+	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions"), s = i((e) => {
+		let t = z(Oe, {
+			disabled: n,
+			groupKey: r,
+			...e
+		});
+		return P({
+			...e,
+			children: t
+		});
+	}, [n, r]);
+	return z(k, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: i((e) => {
-			let t = B(xe, {
-				disabled: n,
-				groupKey: r,
-				...e
-			});
-			return P({
-				...e,
-				children: t
-			});
-		}, [n, r]),
+		createPopupPanel: s,
 		label: o?.getLabel?.(),
 		tooltip: o?.getDescription?.(),
 		icon: "FormulaCustom",
 		...a
 	});
 }));
-Se.displayName = "InsertFunctionContribution";
-var Ce = () => {
-	ne(), y.register("plugin-scripts", { icons: {} }), I.registerTaskPane({
+ke.displayName = "InsertFunctionContribution";
+var Ae = () => {
+	ae(), y.register("plugin-scripts", { icons: {} }), te.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: be,
+		component: De,
 		keepMounted: !0
 	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({
 		key: "scripting.runScript.home",
@@ -921,7 +931,7 @@ var Ce = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(Se, { ...t })
+		render: (t) => e.createElement(ke, { ...t })
 	}, !0);
 };
-export { de as InsertScriptCommandButton, ae as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };
+export { ve as InsertScriptCommandButton, ue as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };