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

package/node/esm/index.mjs

@@ -1,22 +1,25 @@
 /**
-* @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.10
 *
 * (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 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 { Box as p, Button as m, CircularProgress as u, Paper as h, Typography as f, useTheme as x } from "@mui/material";
+import { Command as g, 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 N, useImperativeElement as T, useTranslator as K } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as D, CommandButton as I, CommandPopupButton as L, CommandToolbar as P, ExhibitDivider as $, ExhibitMenuItem as E, OverflowPalette as R, defaultCreatePopupPanel as z } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as A, InputClipboardInjector as B, useModelSync 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 { VERSION as q } from "@sheetxl/sdk";
+import { ChainedError as Z } from "@sheetxl/utils";
 import { ScriptEditor as G, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
-var Z = {
+var _ = {
 	"insertFunction.fallbackLabel": "Function",
 	"insertFunction.insertNamed": "Insert {name}",
+	"insertScript.fallbackLabel": "Insert Script",
+	"insertScript.loading": "Loading...",
 	"runScript.executeNamed": "Execute {name}",
 	"runScript.fallbackLabel": "Macro",
 	"templateSelect.blankSummary": "Start with an empty script.",
@@ -27,12 +30,12 @@ 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: Q } = g, V = !1;
+function X() {
+	V || (V = !0, Q.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: _ }));
 }
-V();
-var X = n(r((e, r) => {
+X();
+var Y = n(r((e, r) => {
 	const { groupKey: n, ...i } = e, a = M(), l = K(), [s, d] = c([]), [m, u] = c(!1);
 	o(() => {
 		const e = a?.getScripts();
@@ -47,19 +50,19 @@ var X = n(r((e, r) => {
 		variant: y.Menuitem,
 		groupKey: "scriptsOptions",
 		shortcut: void 0
-	}, f = [], g = s ? s.length : 0;
-	for (let e = 0; e < g; e++) {
+	}, f = [], x = s ? s.length : 0;
+	for (let e = 0; e < x; e++) {
 		const t = s[e];
-		f.push(j(D, {
+		f.push(j(I, {
 			...h,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
 			propsTooltip: { description: l("runScript.executeNamed", { name: t.getName() ?? l("runScript.fallbackLabel") }) },
-			icon: j(b, { iconKey: "ScriptMacro" }),
+			icon: j(v, { iconKey: "ScriptMacro" }),
 			label: t.getName() ?? l("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	const x = H(p, {
+	const g = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -73,7 +76,7 @@ var X = n(r((e, r) => {
 				flex: "1 1 100%"
 			},
 			children: f
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
+		}), j($, { orientation: "horizontal" })] }) : null, t(I, {
 			...h,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -81,48 +84,48 @@ var X = n(r((e, r) => {
 	});
 	return z({
 		...i,
-		children: x
+		children: g
 	});
 }));
-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, {
+Y.displayName = "RunScriptPopupPanel";
+var ee = n(r((e, t) => {
+	const { groupKey: r, disabled: n, ...o } = e, a = N(["showScriptEditor"])[0], l = F("scriptsOptions"), s = i((e) => {
+		const t = j(Y, {
+			disabled: n,
+			groupKey: r,
+			...e
+		});
+		return z({
+			...e,
+			children: t
+		});
+	}, [n, r]);
+	return j(L, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: i((e) => {
-			const t = j(X, {
-				disabled: n,
-				groupKey: r,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [n, r]),
+		createPopupPanel: s,
 		selected: a?.getState(),
 		label: l?.getLabel?.(),
 		tooltip: l?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...o
 	});
-})), ee = "https://unpkg.com/@sheetxl/scripting-templates/dist", te = (e, t) => {
+})), te = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(q)?.[1], re = `https://unpkg.com/@sheetxl/templates-scripting${te ? `@${te}` : ""}/dist`, ne = (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) => {
+}, ie = (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}`);
+}, oe = async (e) => {
+	const t = ne(e, "./manifest.json"), r = await fetch(t);
+	if (!r.ok) throw new Z(`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}'`);
+	if (n.trim().toLowerCase().startsWith("<!doctype html") || n.trim().toLowerCase().startsWith("<html")) throw new Z(`Failed to retrieve directory at '${e}'`);
 	let i;
 	try {
 		i = JSON.parse(n);
@@ -131,12 +134,12 @@ var Y = n(r((e, t) => {
 	}
 	const o = i.map(async (t) => {
 		try {
-			const r = te(e, t.path), n = await fetch(r);
+			const r = ne(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),
+				title: ie(t),
 				...o
 			}), {
 				path: t.path,
@@ -149,23 +152,23 @@ var Y = n(r((e, t) => {
 		return null;
 	});
 	return (await Promise.all(o)).filter((e) => null !== e);
-}, ie = { marginRight: "4px" }, oe = "1em", ae = n((e) => {
+}, ae = { marginRight: "4px" }, le = "1em", se = 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 l = j(v, "formula" === s ? {
 		iconKey: "ScriptFormula",
-		size: oe,
-		style: ie
+		size: le,
+		style: ae
 	} : "macro" === s ? {
 		iconKey: "ScriptMacro",
-		size: oe,
-		style: ie
+		size: le,
+		style: ae
 	} : {
 		iconKey: "ScriptAutoRun",
-		size: oe,
-		style: ie
-	}), j($, {
+		size: le,
+		style: ae
+	}), j(E, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -206,30 +209,30 @@ var Y = n(r((e, t) => {
 			})]
 		})
 	});
-}), 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"]);
+}), ce = n(r((e, r) => {
+	const { groupKey: n, disabled: a, scriptPath: l = re, ...s } = e, d = K(), [m, u] = c([]), [h, f] = c(!0), [x] = N(["insertScript"]), g = a || (x?.disabled() ?? !1);
 	o(() => {
 		(async () => {
 			try {
-				const e = await ne(l);
-				m(e);
+				const e = await oe(l);
+				u(e);
 			} catch (e) {} finally {
-				h(!1);
+				f(!1);
 			}
 		})();
 	}, [l]);
-	const g = i((e) => {
-		if (u) return j("div", { children: "Loading..." });
+	const S = i((e) => {
+		if (h) return j("div", { children: d("insertScript.loading") });
 		const r = {
 			variant: y.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: a
+			disabled: g
 		}, n = (t) => {
-			f?.execute(t.content), e.closeFloat?.();
+			x?.execute(t.content), e.closeFloat?.();
 		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			const t = d[e];
-			t && i.push(j(ae, {
+		for (let e = 0; e < m.length; e++) {
+			const t = m[e];
+			t && i.push(j(se, {
 				handleInsert: n,
 				snippet: t
 			}, t.path));
@@ -248,13 +251,13 @@ var Y = n(r((e, t) => {
 						flex: "1 1 100%"
 					},
 					children: i
-				}), j(L, { orientation: "horizontal" })] }) : null,
-				t(D, {
+				}), j($, { orientation: "horizontal" })] }) : null,
+				t(I, {
 					...r,
 					key: "showKeyboardShortcuts",
 					commandKey: "showKeyboardShortcuts"
 				}),
-				t(D, {
+				t(I, {
 					...r,
 					key: "scriptingHelp",
 					commandKey: "scriptingHelp"
@@ -266,80 +269,81 @@ var Y = n(r((e, t) => {
 			children: o
 		});
 	}, [
-		a,
+		g,
 		n,
-		u,
-		f
+		h,
+		x,
+		d
 	]);
-	return j(P, {
+	return j(L, {
 		ref: r,
-		disabled: a,
+		disabled: g,
 		groupKey: n,
-		label: f?.getLabel(n) ?? "Insert Script",
-		tooltip: f?.getDescription(),
-		createPopupPanel: g,
-		icon: f?.getIcon() ?? "ScriptInsert",
+		label: x?.getLabel(n) ?? d("insertScript.fallbackLabel"),
+		tooltip: x?.getDescription(),
+		createPopupPanel: S,
+		icon: x?.getIcon() ?? "ScriptInsert",
 		...s
 	});
-})), se = n(r((e, t) => {
-	const { propsCommandButton: r, ...n } = e;
-	return j(E, {
+})), de = n(r((e, t) => {
+	const { propsCommandButton: r, ...n } = e, i = 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(I, {
+						...t,
+						commandKey: "saveScripts"
+					})
+				}) }),
+				j("div", { style: { flex: "1 1 100%" } }),
+				j("div", { children: j(R, {
+					style: {},
+					children: j(ce, { ...t })
+				}) })
+			]
+		}) });
+	}, []);
+	return j(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);
+de.displayName = "ScriptEditorToolbar", X();
+var pe = n(r((e, t) => {
+	const { scriptPath: r = re, onScriptSelect: n, disabled: i = !1, sx: a = k.EmptyCssProperties, className: l, buttonMinWidth: s = 210, buttonMinHeight: h = 80, gap: x = 12, ...g } = e, y = K(), [S, b] = c([]), [w, C] = c(!0), [F, N] = c(null);
 	if (o(() => {
 		(async () => {
 			const e = [{
 				path: null,
 				metadata: {
-					title: x("templateSelect.blankTitle"),
-					summary: x("templateSelect.blankSummary")
+					title: y("templateSelect.blankTitle"),
+					summary: y("templateSelect.blankSummary")
 				},
 				content: ""
 			}];
 			try {
-				w(!0), F(null);
-				const t = await ne(r);
+				C(!0), N(null);
+				const t = await oe(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);
+				N(e instanceof Error ? e.message : y("templateSelect.loadFailed")), e instanceof Z || console.error("Error loading scripts:", e);
 			} finally {
-				S(e), w(!1);
+				b(e), C(!1);
 			}
 		})();
-	}, [r, x]), v) return j(p, {
-		className: d(a, "script-select"),
+	}, [r, y]), w) return j(p, {
+		className: d(l, "script-select"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -348,14 +352,13 @@ 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 : []],
+			...Array.isArray(a) ? {} : a
+		}, ...Array.isArray(a) ? a : []],
 		children: j(u, {})
 	});
-	let N = null;
-	C && (N = H(p, {
-		className: d(a, "script-select", "error-results"),
+	let T = null;
+	F && (T = H(p, {
+		className: d(l, "script-select", "error-results"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -368,42 +371,40 @@ 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]],
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(a) ? a : [a]],
 		children: [j(f, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: x("templateSelect.errorTitle")
+			children: y("templateSelect.errorTitle")
 		}), j(f, {
 			color: "error",
 			component: "div",
-			children: C
+			children: F
 		})]
 	}));
-	const T = (e) => {
+	const D = (e) => {
 		const t = e.metadata?.icon;
-		return "macro" === t ? j(b, {
+		return "macro" === t ? j(v, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : "formula" === t ? j(b, {
+		}) : "formula" === t ? j(v, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : "autostart" === t ? j(b, {
+		}) : "autostart" === t ? j(v, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
 	return H(p, {
 		ref: t,
-		className: d(a, "script-select"),
+		className: d(l, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: B,
-			...i
+			...a
 		},
 		...g,
 		children: [H(p, {
@@ -417,36 +418,37 @@ var ce = n(r((e, t) => {
 				j(f, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: x("templateSelect.title")
+					children: y("templateSelect.title")
 				}),
 				j(f, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro")
+					children: y("templateSelect.intro")
 				}),
 				j(f, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro2")
+					children: y("templateSelect.intro2")
 				}),
 				j(p, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
-						gap: `${h}px`,
+						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
+						gap: `${x}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: y.map((e, t) => H(m, {
+					children: S.map((e, t) => H(m, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: l,
-							minHeight: s,
+							minWidth: s,
+							minHeight: h,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -474,8 +476,8 @@ var ce = n(r((e, t) => {
 							children: [j(f, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || x("templateSelect.untitled")
-							}), T(e)]
+								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || y("templateSelect.untitled")
+							}), D(e)]
 						}), e.metadata?.summary && j(f, {
 							variant: "body2",
 							component: "div",
@@ -492,44 +494,44 @@ var ce = n(r((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), N]
+		}), T]
 	});
 }));
-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({
+pe.displayName = "TemplateSelectPanel";
+var me = n(r((e, t) => {
+	const { className: r, sx: n, propsScriptEditor: l, readOnly: m = !1, frame: u, autoFocusSel: g, autoFocus: y = !0, scripts: S, ...b } = e, v = x(), [w, k] = c(!1), F = s(!1), [N, K] = c({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [D, P] = c(null);
+	}), [I, L] = c(null);
 	o(() => {
 		let e = !1;
-		return P(null), async function() {
+		return L(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				P({ source: e || null });
+				L({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
 		};
 	}, [S]);
-	const E = i((e) => {
+	const P = i((e) => {
 		K((t) => ({
 			...t,
 			...e
 		}));
-	}, []), L = s(null), [$, R] = c(null), z = s(null), B = C((e) => {
-		if ($) return $.focus(e), !0;
-		if (x) {
-			const t = L.current?.querySelectorAll?.(x);
+	}, []), $ = s(null), [E, R] = c(null), z = s(null), A = C((e) => {
+		if (E) return E.focus(e), !0;
+		if (g) {
+			const t = $.current?.querySelectorAll?.(g);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
-		return L.current?.focus?.(e), !1;
+		return $.current?.focus?.(e), !1;
 	}, [
-		$,
-		x,
+		E,
+		g,
 		y
-	]), A = a(() => j(I, {
+	]), B = a(() => j(D, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -550,8 +552,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: j(de, {})
+	}), [v]), M = a(() => j(p, {
 		className: d("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
@@ -564,7 +566,7 @@ 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", {
 			style: {
@@ -641,34 +643,34 @@ var de = n(r((e, t) => {
 					boxSizing: "border-box"
 				},
 				children: j(G, {
-					ref: L,
-					loadingPanel: A,
+					ref: $,
+					loadingPanel: B,
 					readOnly: m,
 					frame: u,
 					scripts: S,
 					autoFocus: y,
-					onStatusChange: E,
-					darkMode: "dark" === b.palette.mode,
+					onStatusChange: P,
+					darkMode: "dark" === v.palette.mode,
 					...l
 				})
 			}),
 			M
 		]
 	}), [
-		b,
+		v,
 		O,
 		M,
 		w,
-		A,
+		B,
 		m,
 		l,
 		y,
-		x,
+		g,
 		u,
-		E
+		P
 	]), U = a(() => {
 		let e;
-		return null === D ? A : (null === D.source && (e = j(ce, {
+		return null === I ? B : (null === I.source && (e = j(pe, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -679,8 +681,9 @@ var de = n(r((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
+			disabled: m,
 			onScriptSelect: (e) => {
-				L.current?.insertSnippet(e.content), P({ source: e.content ?? "" }), requestAnimationFrame(() => L.current?.focus());
+				$.current?.insertSnippet(e.content), L({ source: e.content ?? "" }), requestAnimationFrame(() => $.current?.focus());
 			}
 		})), j(p, {
 			tabIndex: 0,
@@ -696,7 +699,7 @@ var de = n(r((e, t) => {
 				outline: "none"
 			},
 			onPointerDown: (e) => {
-				e.isDefaultPrevented() || L.current?.focus();
+				e.isDefaultPrevented() || $.current?.focus();
 			},
 			children: H(p, {
 				sx: {
@@ -720,12 +723,13 @@ var de = n(r((e, t) => {
 		O,
 		W,
 		r,
-		D,
-		A
+		I,
+		B,
+		m
 	]), q = T(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			B(e);
+			A(e);
 		}
 	}), []);
 	return j(p, {
@@ -737,52 +741,54 @@ 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 && R(e.target), e.relatedTarget && !z.current && (z.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 || (z.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
 		},
 		children: U
 	});
 }));
-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,
+me.displayName = "ScriptWorkspace";
+var { FocusActivation: ue, CommandScopeProvider: he, CommandAnchorProvider: fe, useCommandScope: xe } = g, ge = { scopeName: "scriptEditor" }, ye = ({ children: e }) => {
+	const t = xe(), r = s(null);
+	return t ? j(he, {
+		spec: ge,
 		elementRef: r,
 		region: !0,
-		children: j(xe, {
+		children: j(Se, {
 			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, {
+}, Se = ({ paneRef: e, children: t }) => {
+	const r = xe(), n = a(() => r ? new ue(r.getRoot(), r) : null, [r]);
+	return n ? H(fe, {
 		tracker: n,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [j(O, {}), j("div", {
+		children: [j(B, {}), j("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, {
+}, be = (e) => {
+	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, a = M() ?? t;
+	O(a, ["onProtectionChange"]);
+	const l = a?.getScripts().isReadOnly() ?? !1;
+	return j(ye, { children: j(me, {
 		ref: i,
-		readOnly: !1,
+		readOnly: l,
 		frame: n,
-		scripts: (M() ?? t)?.getScripts(),
+		scripts: a?.getScripts(),
 		...o
 	}) });
-}, Se = n((e) => {
+}, ve = 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);
 	return o(() => {
 		if (t) return void p(!0);
@@ -804,10 +810,10 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue,
 		s,
 		a,
 		n
-	]), d ? H(W, { children: [j(L, {}), j(Y, { ...r })] }) : null;
+	]), d ? H(W, { children: [j($, {}), j(ee, { ...r })] }) : null;
 });
-Se.displayName = "RunScriptContribution", V();
-var ve = n(r((e, r) => {
+ve.displayName = "RunScriptContribution", X();
+var we = n(r((e, r) => {
 	const { ...n } = e, i = M(), a = K(), [l, s] = c([]);
 	o(() => {
 		const e = i?.getScripts();
@@ -831,12 +837,12 @@ var ve = n(r((e, r) => {
 	}, m = [], u = l ? l.length : 0;
 	for (let e = 0; e < u; e++) {
 		const t = l[e];
-		m.push(j(D, {
+		m.push(j(I, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
 			propsTooltip: { description: a("insertFunction.insertNamed", { name: t.getName() ?? a("insertFunction.fallbackLabel") }) },
-			icon: j(b, { iconKey: "FormulaCustom" }),
+			icon: j(v, { iconKey: "FormulaCustom" }),
 			label: t.getName() ?? a("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
@@ -854,7 +860,7 @@ var ve = n(r((e, r) => {
 				flex: "1 1 100%"
 			},
 			children: m
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
+		}), j($, { orientation: "horizontal" })] }) : null, t(I, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -865,45 +871,45 @@ var ve = n(r((e, r) => {
 		children: h
 	});
 }));
-ve.displayName = "InsertFunctionPopupPanel";
-var be = n(r((e, t) => {
-	const { disabled: r, groupKey: n, ...o } = e, a = F("customFunctionOptions");
-	return j(P, {
+we.displayName = "InsertFunctionPopupPanel";
+var ke = n(r((e, t) => {
+	const { disabled: r, groupKey: n, ...o } = e, a = F("customFunctionOptions"), l = i((e) => {
+		const t = j(we, {
+			disabled: r,
+			groupKey: n,
+			...e
+		});
+		return z({
+			...e,
+			children: t
+		});
+	}, [r, n]);
+	return j(L, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: i((e) => {
-			const t = j(ve, {
-				disabled: r,
-				groupKey: n,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [r, n]),
+		createPopupPanel: l,
 		label: a?.getLabel?.(),
 		tooltip: a?.getDescription?.(),
 		icon: "FormulaCustom",
 		...o
 	});
 }));
-be.displayName = "InsertFunctionContribution";
-var we = () => {
-	J(), v.register("plugin-scripts", { icons: {} }), A.registerTaskPane({
+ke.displayName = "InsertFunctionContribution";
+var Ce = () => {
+	J(), b.register("plugin-scripts", { icons: {} }), A.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: ye,
+		component: be,
 		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(ve, { ...t })
 	}, !0), S.register({
 		key: "scripting.runScript.view",
 		contributions: { viewToolbar: { order: 10 } },
-		render: (t) => e.createElement(Se, {
+		render: (t) => e.createElement(ve, {
 			...t,
 			groupKey: "view",
 			alwaysShow: !0
@@ -914,7 +920,7 @@ var we = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(be, { ...t })
+		render: (t) => e.createElement(ke, { ...t })
 	}, !0);
 };
-export { le as InsertScriptCommandButton, Y as RunScriptCommandButton, se as ScriptEditorToolbar, ye as ScriptTaskPane, de as ScriptWorkspace, we as ScriptingPlugin };
+export { ce as InsertScriptCommandButton, ee as RunScriptCommandButton, de as ScriptEditorToolbar, be as ScriptTaskPane, me as ScriptWorkspace, Ce as ScriptingPlugin };