@sheetxl/scripting-mui 0.8.0-beta.2 → 0.8.0-beta.20

package/browser/esm/index.mjs

@@ -1,35 +1,39 @@
 /**
-* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.2
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.20
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
-* License: The license can be found at https://www.sheetxl.com/license.
+* License: MIT
 */
 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 } from "@sheetxl/utils-mui";
+import { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultRenderPopupPanel 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 { ChainedError as U } from "@sheetxl/utils";
-import { ScriptEditor as te, ScriptingReactPlugin as ne } from "@sheetxl/scripting-react";
-function re(e) {
+import { listResources as U, releaseChannel as te } from "@sheetxl/utils";
+import { VERSION as ne } from "@sheetxl/sdk";
+import { ScriptEditor as re, ScriptingReactPlugin as ie } from "@sheetxl/scripting-react";
+function W(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 = re(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 = W(e[t])) && (r && (r += " "), r += n);
+		} else for (n in e) e[n] && (r && (r += " "), r += n);
+	}
 	return r;
 }
-function W() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = re(e)) && (r && (r += " "), r += t);
+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);
 	return r;
 }
-var ie = {
+var ae = {
 	"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",
@@ -39,14 +43,15 @@ var ie = {
 	"templateSelect.intro": "Choose from a template to provide a starting point to automate tasks or create user defined functions.",
 	"templateSelect.intro2": "Templates provide a foundation to customize and meet your specific needs.",
 	"templateSelect.loadFailed": "Failed to load scripts",
+	"templateSelect.retry": "Retry",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: ae } = g, G = !1;
+}, { DefaultCommandCatalogService: oe } = g, se = !1;
 function K() {
-	G || (G = !0, ae.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ie }));
+	se || (se = !0, oe.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ae }));
 }
 K();
-var q = r(n((e, n) => {
+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();
@@ -97,72 +102,67 @@ var q = r(n((e, n) => {
 		children: v
 	});
 }));
-q.displayName = "RunScriptPopupPanel";
-var J = r(n((e, t) => {
-	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions");
+ce.displayName = "RunScriptPopupPanel";
+var le = 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(q, {
-				disabled: r,
-				groupKey: n,
-				...e
-			});
-			return P({
-				...e,
-				children: t
-			});
-		}, [r, n]),
+		renderPopupPanel: 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;
+})), ue = te(ne), q = `https://unpkg.com/@sheetxl/templates-scripting${ue ? `@${ue}` : ""}/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 {
+		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 U("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 = B(b, c === "formula" ? {
 		iconKey: "ScriptFormula",
 		size: X,
@@ -203,7 +203,7 @@ var J = r(n((e, t) => {
 			},
 			children: [B(m, {
 				component: "div",
-				children: n.metadata?.title ?? n.path
+				children: n.title
 			}), B(m, {
 				variant: "caption",
 				component: "div",
@@ -212,39 +212,51 @@ var J = r(n((e, t) => {
 					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 = D(), [f, p] = l([]), [m, h] = l(!0), [g] = T(["insertScript"]), v = o || (g?.disabled() ?? !1);
+}), ve = r(n((e, n) => {
+	let { groupKey: r, disabled: o, scriptPath: s = q, ...c } = e, d = D(), [f, p] = l([]), [m, h] = l("loading"), [g, v] = l(0), [y] = T(["insertScript"]), b = o || (y?.disabled() ?? !1);
 	a(() => {
-		(async () => {
-			try {
-				let e = await le(s);
-				p(e);
-			} catch {} finally {
-				h(!1);
-			}
-		})();
-	}, [s]);
-	let y = i((e) => {
-		if (m) return B("div", { children: d("insertScript.loading") });
+		let e = !1;
+		return h("loading"), ge(s).then((t) => {
+			e || (p(t), h("ready"));
+		}, () => {
+			e || (p([]), h("error"));
+		}), () => {
+			e = !0;
+		};
+	}, [s, g]);
+	let S = i((e) => {
+		if (m === "loading") return B("div", { children: d("insertScript.loading") });
 		let n = {
 			variant: _.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: v
+			disabled: b
 		}, r = (t) => {
-			g?.execute(t.content), e.closeFloat?.();
-		}, i = [];
+			y?.execute(t.content), e.closeFloat?.();
+		}, i = () => v((e) => e + 1), a = [];
+		m === "error" && a.push(B(M, {
+			onMouseDown: (e) => {
+				e.button === 0 && e.preventDefault();
+			},
+			onMouseUp: (e) => {
+				e.button === 0 && i();
+			},
+			onKeyDown: (e) => {
+				e.keyCode !== x.Enter && e.keyCode !== x.Space || i();
+			},
+			children: d("insertScript.loadFailedRetry")
+		}, "retry"));
 		for (let e = 0; e < f.length; e++) {
 			let t = f[e];
-			t && i.push(B(ue, {
+			t && a.push(B(_e, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
 		}
-		let a = V(u, {
+		let o = V(u, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -252,12 +264,12 @@ var J = r(n((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				i.length > 0 ? V(z, { children: [B(u, {
+				a.length > 0 ? V(z, { children: [B(u, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
-					children: i
+					children: a
 				}), B(j, { orientation: "horizontal" })] }) : null,
 				t(O, {
 					...n,
@@ -273,84 +285,82 @@ var J = r(n((e, t) => {
 		});
 		return P({
 			...e,
-			children: a
+			children: o
 		});
 	}, [
-		v,
+		b,
 		r,
 		m,
-		g,
+		f,
+		y,
 		d
 	]);
 	return B(k, {
 		ref: n,
-		disabled: v,
+		disabled: b,
 		groupKey: r,
-		label: g?.getLabel(r) ?? d("insertScript.fallbackLabel"),
-		tooltip: g?.getDescription(),
-		createPopupPanel: y,
-		icon: g?.getIcon() ?? "ScriptInsert",
+		label: y?.getLabel(r) ?? d("insertScript.fallbackLabel"),
+		tooltip: y?.getDescription(),
+		renderPopupPanel: S,
+		icon: y?.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(ve, { ...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", K();
-var fe = r(n((e, t) => {
-	let { scriptPath: n = oe, 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);
+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), [E, ee] = l(0);
 	if (a(() => {
-		(async () => {
-			let e = [{
-				path: null,
-				metadata: {
-					title: _("templateSelect.blankTitle"),
-					summary: _("templateSelect.blankSummary")
-				},
-				content: ""
-			}];
-			try {
-				C(!0), T(null);
-				let t = await le(n);
-				for (let n = 0; n < t.length; n++) {
-					let r = t[n];
-					r && e.push(r);
-				}
-			} catch (e) {
-				T(e instanceof Error ? e.message : _("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
-			} finally {
-				y(e), C(!1);
-			}
-		})();
-	}, [n, _]), x) return B(u, {
-		className: W(s, "script-select"),
+		let e = !1, t = {
+			path: null,
+			title: _("templateSelect.blankTitle"),
+			summary: _("templateSelect.blankSummary"),
+			content: ""
+		};
+		return C(!0), T(null), ge(n).then((n) => {
+			e || y([t, ...n]);
+		}, (n) => {
+			e || (y([t]), T(n instanceof Error ? n.message : _("templateSelect.loadFailed")));
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		n,
+		_,
+		E
+	]), x) return B(u, {
+		className: G(s, "script-select"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -363,37 +373,45 @@ var fe = r(n((e, t) => {
 		}, ...Array.isArray(o) ? o : []],
 		children: B(f, {})
 	});
-	let E = null;
-	w && (E = V(u, {
-		className: W(s, "script-select", "error-results"),
-		...g,
-		sx: [{
+	let O = null;
+	w && (O = V(u, {
+		className: "error-results",
+		sx: {
 			display: "flex",
-			justifyContent: "center",
-			alignItems: "center",
-			background: (e) => e.palette.error.light,
-			flex: "0",
-			zIndex: 1e3,
 			flexDirection: "column",
-			padding: (e) => e.spacing(1),
-			border: (e) => `1px solid ${e.palette.error.main}`,
-			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1
-		}, ...Array.isArray(o) ? o : [o]],
-		children: [B(m, {
-			color: "error",
-			variant: "h6",
-			component: "div",
-			gutterBottom: !0,
-			children: _("templateSelect.errorTitle")
-		}), B(m, {
-			color: "error",
-			component: "div",
-			children: w
-		})]
+			alignItems: "center",
+			flex: "none",
+			gap: .5,
+			padding: 1.5,
+			background: (e) => H(e.palette.error.main, e.palette.mode === "dark" ? .16 : .06),
+			borderTop: (e) => `1px solid ${H(e.palette.error.main, .4)}`
+		},
+		children: [
+			B(m, {
+				color: "error",
+				variant: "subtitle1",
+				component: "div",
+				children: _("templateSelect.errorTitle")
+			}),
+			B(m, {
+				variant: "body2",
+				component: "div",
+				sx: {
+					color: "text.secondary",
+					textAlign: "center"
+				},
+				children: w
+			}),
+			B(d, {
+				size: "small",
+				color: "error",
+				onClick: () => ee((e) => e + 1),
+				children: _("templateSelect.retry")
+			})
+		]
 	}));
-	let ee = (e) => {
-		let t = e.metadata?.icon;
+	let k = (e) => {
+		let t = e.icon;
 		return t === "macro" ? B(b, {
 			iconKey: "ScriptMacro",
 			size: "1em"
@@ -407,7 +425,7 @@ var fe = r(n((e, t) => {
 	};
 	return V(u, {
 		ref: t,
-		className: W(s, "script-select"),
+		className: G(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
@@ -483,9 +501,9 @@ var fe = r(n((e, t) => {
 							children: [B(m, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || _("templateSelect.untitled")
-							}), ee(e)]
-						}), e.metadata?.summary && B(m, {
+								children: e.title || _("templateSelect.untitled")
+							}), k(e)]
+						}), e.summary && B(m, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -496,15 +514,15 @@ var fe = r(n((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), E]
+		}), O]
 	});
 }));
-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",
@@ -561,7 +579,7 @@ var Q = r(n((e, t) => {
 		},
 		children: B(Z, {})
 	}), [b]), R = o(() => B(u, {
-		className: W("script-status-panel", "status-panel"),
+		className: G("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
@@ -630,7 +648,7 @@ var Q = r(n((e, t) => {
 			]
 		})
 	}), [T]), z = o(() => V(u, {
-		className: W("script-editor-content"),
+		className: G("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -649,7 +667,7 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: B(te, {
+				children: B(re, {
 					ref: j,
 					loadingPanel: I,
 					readOnly: d,
@@ -677,7 +695,7 @@ var Q = r(n((e, t) => {
 		A
 	]), H = o(() => {
 		let e;
-		return O === null ? I : (O.source === null && (e = B(fe, {
+		return O === null ? I : (O.source === null && (e = B(ye, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -694,7 +712,7 @@ var Q = r(n((e, t) => {
 			}
 		})), B(u, {
 			tabIndex: 0,
-			className: W("script-workspace", n),
+			className: G("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -759,20 +777,20 @@ var Q = r(n((e, t) => {
 	});
 }));
 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 ? B(xe, {
+		spec: we,
 		elementRef: n,
 		region: !0,
-		children: B(ye, {
+		children: B(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 ? V(Se, {
 		tracker: r,
 		keyBindings: !1,
 		debounce: 100,
@@ -784,11 +802,13 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 			children: t
 		})]
 	}) : t;
-}, be = (e) => {
+}, De = (e) => {
 	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = R() ?? t;
-	return L(o, ["onProtectionChange"]), B(ve, { children: B(Q, {
+	L(o, ["onProtectionChange"]);
+	let s = o?.getScripts().isReadOnly() ?? !1;
+	return B(Te, { children: B(Q, {
 		ref: i,
-		readOnly: o?.getScripts().isReadOnly() ?? !1,
+		readOnly: s,
 		frame: r,
 		scripts: o?.getScripts(),
 		...a
@@ -815,10 +835,10 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(J, { ...n })] }) : null;
+	]), u ? V(z, { children: [B(j, {}), B(le, { ...n })] }) : null;
 });
 $.displayName = "RunScriptContribution", K();
-var xe = r(n((e, n) => {
+var Oe = r(n((e, n) => {
 	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
@@ -875,36 +895,34 @@ 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");
+Oe.displayName = "InsertFunctionPopupPanel";
+var ke = r(n((e, t) => {
+	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions"), s = i((e) => {
+		let t = B(Oe, {
+			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]),
+		renderPopupPanel: s,
 		label: o?.getLabel?.(),
 		tooltip: o?.getDescription?.(),
 		icon: "FormulaCustom",
 		...a
 	});
 }));
-Se.displayName = "InsertFunctionContribution";
-var Ce = () => {
-	ne(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
+ke.displayName = "InsertFunctionContribution";
+var Ae = () => {
+	ie(), y.register("plugin-scripts", { icons: {} }), F.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",
@@ -924,7 +942,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, J as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };
+export { ve as InsertScriptCommandButton, le as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };