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

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.10
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -7,32 +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 } 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 te } from "@mui/system";
-import { VERSION as H } from "@sheetxl/sdk";
-import { ChainedError as U } from "@sheetxl/utils";
-import { ScriptEditor as ne, ScriptingReactPlugin as re } from "@sheetxl/scripting-react";
-function ie(e) {
+import { alpha as H } from "@mui/system";
+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 = ie(e[t])) && (r && (r += " "), r += n);
+			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 = ie(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 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",
@@ -42,13 +43,14 @@ var ae = {
 	"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: oe } = g, se = !1;
-function G() {
+function K() {
 	se || (se = !0, oe.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ae }));
 }
-G();
+K();
 var ce = r(n((e, n) => {
 	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
 	a(() => {
@@ -101,7 +103,7 @@ var ce = r(n((e, n) => {
 	});
 }));
 ce.displayName = "RunScriptPopupPanel";
-var K = r(n((e, t) => {
+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,
@@ -116,56 +118,51 @@ var K = r(n((e, t) => {
 	return B(k, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: c,
+		renderPopupPanel: c,
 		selected: o?.getState(),
 		label: s?.getLabel?.(),
 		tooltip: s?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...a
 	});
-})), 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;
-}, 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(" "));
-}, 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}'`);
-	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 = 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: ue(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", fe = 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,
@@ -206,48 +203,60 @@ var K = r(n((e, t) => {
 			},
 			children: [B(m, {
 				component: "div",
-				children: n.metadata?.title ?? n.path
+				children: n.title
 			}), B(m, {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => te(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => H(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: n.metadata?.summary
+				children: n.summary
 			})]
 		})
 	});
-}), 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);
+}), 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 de(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(fe, {
+			t && a.push(B(_e, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
 		}
-		let a = V(u, {
+		let o = V(u, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -255,12 +264,12 @@ var K = 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,
@@ -276,23 +285,24 @@ var K = 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) => {
@@ -314,7 +324,7 @@ var K = r(n((e, t) => {
 				B("div", { style: { flex: "1 1 100%" } }),
 				B("div", { children: B(N, {
 					style: {},
-					children: B(pe, { ...t })
+					children: B(ve, { ...t })
 				}) })
 			]
 		}) });
@@ -326,34 +336,31 @@ var K = r(n((e, t) => {
 		...r
 	});
 }));
-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);
+Z.displayName = "ScriptEditorToolbar", K();
+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 de(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",
@@ -366,37 +373,45 @@ var me = 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"
@@ -410,7 +425,7 @@ var me = 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,
@@ -486,9 +501,9 @@ var me = 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: {
@@ -499,15 +514,15 @@ var me = r(n((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), E]
+		}), O]
 	});
 }));
-me.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",
@@ -564,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",
@@ -633,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%",
@@ -652,7 +667,7 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: B(ne, {
+				children: B(re, {
 					ref: j,
 					loadingPanel: I,
 					readOnly: d,
@@ -678,9 +693,9 @@ var Q = r(n((e, t) => {
 		g,
 		f,
 		A
-	]), te = o(() => {
+	]), H = o(() => {
 		let e;
-		return O === null ? I : (O.source === null && (e = B(me, {
+		return O === null ? I : (O.source === null && (e = B(ye, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -697,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%",
@@ -736,7 +751,7 @@ var Q = r(n((e, t) => {
 		O,
 		I,
 		d
-	]), H = E(t, () => ({
+	]), U = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
 			F(e);
@@ -750,32 +765,32 @@ var Q = r(n((e, t) => {
 			position: "relative",
 			...r
 		},
-		ref: H,
+		ref: U,
 		...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);
+			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);
 		},
 		onBlur: (e) => {
-			H?.current?.contains(e.relatedTarget) || H?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
+			U?.current?.contains(e.relatedTarget) || U?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
 		},
-		children: te
+		children: H
 	});
 }));
 Q.displayName = "ScriptWorkspace";
-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,
+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(xe, {
+		children: B(Ee, {
 			paneRef: n,
 			children: e
 		})
 	}) : e;
-}, xe = ({ paneRef: e, children: t }) => {
-	let n = ve(), r = o(() => n ? new he(n.getRoot(), n) : null, [n]);
-	return r ? V(_e, {
+}, 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,
@@ -787,11 +802,11 @@ var { FocusActivation: he, CommandScopeProvider: ge, CommandAnchorProvider: _e,
 			children: t
 		})]
 	}) : t;
-}, Se = (e) => {
+}, De = (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, {
+	return B(Te, { children: B(Q, {
 		ref: i,
 		readOnly: s,
 		frame: r,
@@ -820,10 +835,10 @@ var { FocusActivation: he, CommandScopeProvider: ge, CommandAnchorProvider: _e,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(K, { ...n })] }) : null;
+	]), u ? V(z, { children: [B(j, {}), B(le, { ...n })] }) : null;
 });
-$.displayName = "RunScriptContribution", G();
-var Ce = r(n((e, n) => {
+$.displayName = "RunScriptContribution", K();
+var Oe = r(n((e, n) => {
 	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
@@ -880,10 +895,10 @@ var Ce = r(n((e, n) => {
 		children: m
 	});
 }));
-Ce.displayName = "InsertFunctionPopupPanel";
-var we = r(n((e, t) => {
+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(Ce, {
+		let t = B(Oe, {
 			disabled: n,
 			groupKey: r,
 			...e
@@ -896,20 +911,20 @@ var we = r(n((e, t) => {
 	return B(k, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: s,
+		renderPopupPanel: s,
 		label: o?.getLabel?.(),
 		tooltip: o?.getDescription?.(),
 		icon: "FormulaCustom",
 		...a
 	});
 }));
-we.displayName = "InsertFunctionContribution";
-var Te = () => {
-	re(), 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: Se,
+		component: De,
 		keepMounted: !0
 	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({
 		key: "scripting.runScript.home",
@@ -929,7 +944,7 @@ var Te = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(we, { ...t })
+		render: (t) => e.createElement(ke, { ...t })
 	}, !0);
 };
-export { pe as InsertScriptCommandButton, K as RunScriptCommandButton, Z as ScriptEditorToolbar, Se as ScriptTaskPane, Q as ScriptWorkspace, Te as ScriptingPlugin };
+export { ve as InsertScriptCommandButton, le as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };