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

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.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -7,28 +7,33 @@
 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 { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultCreatePopupPanel as P } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as F, InputClipboardInjector as I, useModelSync as L, useWorkbook as R } from "@sheetxl/react";
 import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { alpha as H } from "@mui/system";
+import { alpha as te } from "@mui/system";
+import { VERSION as H } from "@sheetxl/sdk";
 import { ChainedError as U } from "@sheetxl/utils";
-import { ScriptEditor as te, ScriptingReactPlugin as ne } from "@sheetxl/scripting-react";
-function W(e) {
+import { ScriptEditor as ne, ScriptingReactPlugin as re } from "@sheetxl/scripting-react";
+function ie(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 = ie(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 W() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ie(e)) && (r && (r += " "), r += t);
 	return r;
 }
-var re = {
+var ae = {
 	"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.",
@@ -39,12 +44,12 @@ 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: oe } = g, se = !1;
+function G() {
+	se || (se = !0, oe.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ae }));
 }
-q();
-var J = r(n((e, n) => {
+G();
+var ce = r(n((e, n) => {
 	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
 	a(() => {
 		let e = o?.getScripts();
@@ -95,42 +100,42 @@ 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");
+ce.displayName = "RunScriptPopupPanel";
+var K = r(n((e, t) => {
+	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions"), c = i((e) => {
+		let t = B(ce, {
+			disabled: r,
+			groupKey: n,
+			...e
+		});
+		return P({
+			...e,
+			children: t
+		});
+	}, [r, n]);
 	return B(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) => {
+})), le = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(H)?.[1], q = `https://unpkg.com/@sheetxl/templates-scripting${le ? `@${le}` : ""}/dist`, J = (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) => {
+}, ue = (e) => {
 	if (e.metadata?.name) return e.metadata.name;
 	let t = (e.path.split("/").pop() || "").replace(/\.[^/.]+$/, "");
 	return e.metadata?.icon === "formula" ? t.toUpperCase() : (t = t.replace(/([a-z])([A-Z])/g, "$1 $2"), t.replace(/[-_]/g, " ").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "));
-}, le = async (e) => {
-	let t = se(e, "./manifest.json"), n = await fetch(t);
+}, de = async (e) => {
+	let t = J(e, "./manifest.json"), n = await fetch(t);
 	if (!n.ok) throw new U(`Failed to retrieve directory at '${e}': ${n.statusText}`);
 	let r = await n.text();
 	if (r.trim().toLowerCase().startsWith("<!doctype html") || r.trim().toLowerCase().startsWith("<html")) throw new U(`Failed to retrieve directory at '${e}'`);
@@ -142,11 +147,11 @@ var ae = r(n((e, t) => {
 	}
 	let a = i.map(async (t) => {
 		try {
-			let n = se(e, t.path), r = await fetch(n);
+			let n = J(e, t.path), r = await fetch(n);
 			if (!r.ok) throw Error(`Failed to fetch file at '${t.path}': ${r.statusText}`);
 			let i = await r.text(), a = t.metadata;
 			return a?.title || (a = {
-				title: ce(t),
+				title: ue(t),
 				...a
 			}), {
 				path: t.path,
@@ -159,7 +164,7 @@ var ae = r(n((e, t) => {
 		return null;
 	});
 	return (await Promise.all(a)).filter((e) => e !== null);
-}, Y = { marginRight: "4px" }, X = "1em", ue = r((e) => {
+}, Y = { marginRight: "4px" }, X = "1em", fe = r((e) => {
 	let { disabled: t, snippet: n, description: r, handleInsert: i, sx: a, ...o } = e, s, c = n.metadata?.icon;
 	return s = B(b, c === "formula" ? {
 		iconKey: "ScriptFormula",
@@ -206,7 +211,7 @@ var ae = r(n((e, t) => {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => H(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => te(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
@@ -214,30 +219,30 @@ var ae = r(n((e, t) => {
 			})]
 		})
 	});
-}), 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"]);
+}), pe = r(n((e, n) => {
+	let { groupKey: r, disabled: o, scriptPath: s = q, ...c } = e, d = D(), [f, p] = l([]), [m, h] = l(!0), [g] = T(["insertScript"]), v = o || (g?.disabled() ?? !1);
 	a(() => {
 		(async () => {
 			try {
-				let e = await le(s);
-				f(e);
+				let e = await de(s);
+				p(e);
 			} catch {} finally {
-				m(!1);
+				h(!1);
 			}
 		})();
 	}, [s]);
-	let g = i((e) => {
-		if (p) return B("div", { children: "Loading..." });
+	let y = i((e) => {
+		if (m) return B("div", { children: d("insertScript.loading") });
 		let n = {
 			variant: _.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: o
+			disabled: v
 		}, r = (t) => {
-			h?.execute(t.content), e.closeFloat?.();
+			g?.execute(t.content), e.closeFloat?.();
 		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			let t = d[e];
-			t && i.push(B(ue, {
+		for (let e = 0; e < f.length; e++) {
+			let t = f[e];
+			t && i.push(B(fe, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
@@ -274,81 +279,82 @@ var ae = r(n((e, t) => {
 			children: a
 		});
 	}, [
-		o,
+		v,
 		r,
-		p,
-		h
+		m,
+		g,
+		d
 	]);
 	return B(k, {
 		ref: n,
-		disabled: o,
+		disabled: v,
 		groupKey: r,
-		label: h?.getLabel(r) ?? "Insert Script",
-		tooltip: h?.getDescription(),
-		createPopupPanel: g,
-		icon: h?.getIcon() ?? "ScriptInsert",
+		label: g?.getLabel(r) ?? d("insertScript.fallbackLabel"),
+		tooltip: g?.getDescription(),
+		createPopupPanel: y,
+		icon: g?.getIcon() ?? "ScriptInsert",
 		...c
 	});
 })), Z = r(n((e, t) => {
-	let { propsCommandButton: n, ...r } = e;
+	let { propsCommandButton: n, ...r } = e, i = 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(pe, { ...t })
+				}) })
+			]
+		}) });
+	}, []);
 	return B(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 me = 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")
+					title: _("templateSelect.blankTitle"),
+					summary: _("templateSelect.blankSummary")
 				},
 				content: ""
 			}];
 			try {
-				x(!0), w(null);
-				let t = await le(n);
+				C(!0), T(null);
+				let t = await de(n);
 				for (let n = 0; n < t.length; n++) {
 					let r = t[n];
 					r && e.push(r);
 				}
 			} catch (e) {
-				w(e instanceof Error ? e.message : g("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
+				T(e instanceof Error ? e.message : _("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
 			} finally {
-				v(e), x(!1);
+				y(e), C(!1);
 			}
 		})();
-	}, [n, g]), y) return B(u, {
-		className: G(o, "script-select"),
-		...h,
+	}, [n, _]), x) return B(u, {
+		className: W(s, "script-select"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -356,15 +362,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 : []],
+			...Array.isArray(o) ? {} : o
+		}, ...Array.isArray(o) ? o : []],
 		children: B(f, {})
 	});
-	let T = null;
-	C && (T = V(u, {
-		className: G(o, "script-select", "error-results"),
-		...h,
+	let E = null;
+	w && (E = V(u, {
+		className: W(s, "script-select", "error-results"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -376,22 +381,21 @@ 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]],
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(o) ? o : [o]],
 		children: [B(m, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: g("templateSelect.errorTitle")
+			children: _("templateSelect.errorTitle")
 		}), B(m, {
 			color: "error",
 			component: "div",
-			children: C
+			children: w
 		})]
 	}));
-	let E = (e) => {
+	let ee = (e) => {
 		let t = e.metadata?.icon;
 		return t === "macro" ? B(b, {
 			iconKey: "ScriptMacro",
@@ -406,14 +410,13 @@ var fe = r(n((e, t) => {
 	};
 	return V(u, {
 		ref: t,
-		className: G(o, "script-select"),
+		className: W(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: F,
-			...i
+			...o
 		},
-		...h,
+		...g,
 		children: [V(u, {
 			className: "script-select-content",
 			sx: {
@@ -425,36 +428,37 @@ var fe = r(n((e, t) => {
 				B(m, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: g("templateSelect.title")
+					children: _("templateSelect.title")
 				}),
 				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro")
+					children: _("templateSelect.intro")
 				}),
 				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro2")
+					children: _("templateSelect.intro2")
 				}),
 				B(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) => V(d, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: s,
-							minHeight: c,
+							minWidth: c,
+							minHeight: p,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -482,8 +486,8 @@ var fe = r(n((e, t) => {
 							children: [B(m, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || g("templateSelect.untitled")
-							}), E(e)]
+								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || _("templateSelect.untitled")
+							}), ee(e)]
 						}), e.metadata?.summary && B(m, {
 							variant: "body2",
 							component: "div",
@@ -500,10 +504,10 @@ var fe = r(n((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), T]
+		}), E]
 	});
 }));
-fe.displayName = "TemplateSelectPanel";
+me.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",
@@ -560,7 +564,7 @@ var Q = r(n((e, t) => {
 		},
 		children: B(Z, {})
 	}), [b]), R = o(() => B(u, {
-		className: G("script-status-panel", "status-panel"),
+		className: W("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
@@ -629,7 +633,7 @@ var Q = r(n((e, t) => {
 			]
 		})
 	}), [T]), z = o(() => V(u, {
-		className: G("script-editor-content"),
+		className: W("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -648,7 +652,7 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: B(te, {
+				children: B(ne, {
 					ref: j,
 					loadingPanel: I,
 					readOnly: d,
@@ -674,9 +678,9 @@ var Q = r(n((e, t) => {
 		g,
 		f,
 		A
-	]), H = o(() => {
+	]), te = o(() => {
 		let e;
-		return O === null ? I : (O.source === null && (e = B(fe, {
+		return O === null ? I : (O.source === null && (e = B(me, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -687,12 +691,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, {
 			tabIndex: 0,
-			className: G("script-workspace", n),
+			className: W("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -729,8 +734,9 @@ var Q = r(n((e, t) => {
 		z,
 		n,
 		O,
-		I
-	]), U = E(t, () => ({
+		I,
+		d
+	]), H = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
 			F(e);
@@ -744,50 +750,52 @@ 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: te
 	});
 }));
 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: he, CommandScopeProvider: ge, CommandAnchorProvider: _e, useCommandScope: ve } = g, ye = { scopeName: "scriptEditor" }, be = ({ children: e }) => {
+	let t = ve(), n = c(null);
+	return t ? B(ge, {
+		spec: ye,
 		elementRef: n,
 		region: !0,
-		children: B(ye, {
+		children: B(xe, {
 			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, {
+}, xe = ({ paneRef: e, children: t }) => {
+	let n = ve(), r = o(() => n ? new he(n.getRoot(), n) : null, [n]);
+	return r ? V(_e, {
 		tracker: r,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [B(L, {}), B("div", {
+		children: [B(I, {}), B("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, {
+}, Se = (e) => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = R() ?? t;
+	L(o, ["onProtectionChange"]);
+	let s = o?.getScripts().isReadOnly() ?? !1;
+	return B(be, { children: B(Q, {
 		ref: i,
-		readOnly: !1,
+		readOnly: s,
 		frame: r,
-		scripts: (R() ?? t)?.getScripts(),
+		scripts: o?.getScripts(),
 		...a
 	}) });
 }, $ = r((e) => {
@@ -812,10 +820,10 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(ae, { ...n })] }) : null;
+	]), u ? V(z, { children: [B(j, {}), B(K, { ...n })] }) : null;
 });
-$.displayName = "RunScriptContribution", q();
-var xe = r(n((e, n) => {
+$.displayName = "RunScriptContribution", G();
+var Ce = r(n((e, n) => {
 	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
@@ -872,36 +880,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");
+Ce.displayName = "InsertFunctionPopupPanel";
+var we = r(n((e, t) => {
+	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions"), s = i((e) => {
+		let t = B(Ce, {
+			disabled: n,
+			groupKey: r,
+			...e
+		});
+		return P({
+			...e,
+			children: t
+		});
+	}, [n, r]);
 	return B(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({
+we.displayName = "InsertFunctionContribution";
+var Te = () => {
+	re(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: be,
+		component: Se,
 		keepMounted: !0
 	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({
 		key: "scripting.runScript.home",
@@ -921,7 +929,7 @@ var Ce = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(Se, { ...t })
+		render: (t) => e.createElement(we, { ...t })
 	}, !0);
 };
-export { de as InsertScriptCommandButton, ae as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };
+export { pe as InsertScriptCommandButton, K as RunScriptCommandButton, Z as ScriptEditorToolbar, Se as ScriptTaskPane, Q as ScriptWorkspace, Te as ScriptingPlugin };