@sheetxl/scripting-mui 0.8.0-beta.11 → 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.11
+* @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,29 +7,29 @@
 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 { DefaultTaskPaneRegistry as te, InputClipboardInjector as F, useModelSync as I, useWorkbook as L } from "@sheetxl/react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { alpha as V } from "@mui/system";
-import { listResources as H, releaseChannel as ne } from "@sheetxl/utils";
-import { VERSION as re } from "@sheetxl/sdk";
-import { ScriptEditor as ie, ScriptingReactPlugin as ae } from "@sheetxl/scripting-react";
-function oe(e) {
+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 { 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 = oe(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 U() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = oe(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 se = {
+var ae = {
 	"insertFunction.fallbackLabel": "Function",
 	"insertFunction.insertNamed": "Insert {name}",
 	"insertScript.fallbackLabel": "Insert Script",
@@ -43,15 +43,16 @@ var se = {
 	"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: ce } = g, W = !1;
-function G() {
-	W || (W = !0, ce.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: se }));
+}, { DefaultCommandCatalogService: oe } = g, se = !1;
+function K() {
+	se || (se = !0, oe.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ae }));
 }
-G();
-var le = r(n((e, n) => {
-	let { groupKey: r, ...i } = e, o = L(), s = D(), [c, d] = l([]), [f, p] = l(!1);
+K();
+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();
 		e && (async () => {
@@ -67,16 +68,16 @@ var le = r(n((e, n) => {
 	}, h = [], g = c ? c.length : 0;
 	for (let e = 0; e < g; e++) {
 		let t = c[e];
-		h.push(z(O, {
+		h.push(B(O, {
 			...m,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
 			propsTooltip: { description: s("runScript.executeNamed", { name: t.getName() ?? s("runScript.fallbackLabel") }) },
-			icon: z(b, { iconKey: "ScriptMacro" }),
+			icon: B(b, { iconKey: "ScriptMacro" }),
 			label: t.getName() ?? s("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	let v = B(u, {
+	let v = V(u, {
 		ref: n,
 		sx: {
 			display: "flex",
@@ -84,13 +85,13 @@ var le = r(n((e, n) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [h.length > 0 ? B(R, { children: [z(u, {
+		children: [h.length > 0 ? V(z, { children: [B(u, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: h
-		}), z(j, { orientation: "horizontal" })] }) : null, t(O, {
+		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
 			...m,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -101,10 +102,10 @@ var le = r(n((e, n) => {
 		children: v
 	});
 }));
-le.displayName = "RunScriptPopupPanel";
-var ue = r(n((e, t) => {
+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 = z(le, {
+		let t = B(ce, {
 			disabled: r,
 			groupKey: n,
 			...e
@@ -114,17 +115,17 @@ var ue = r(n((e, t) => {
 			children: t
 		});
 	}, [r, n]);
-	return z(k, {
+	return B(k, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: c,
+		renderPopupPanel: c,
 		selected: o?.getState(),
 		label: s?.getLabel?.(),
 		tooltip: s?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...a
 	});
-})), K = ne(re), q = `https://unpkg.com/@sheetxl/templates-scripting${K ? `@${K}` : ""}/dist`, de = "templates-scripting", fe = [
+})), ue = te(ne), q = `https://unpkg.com/@sheetxl/templates-scripting${ue ? `@${ue}` : ""}/dist`, de = "templates-scripting", fe = [
 	"formula",
 	"macro",
 	"autostart"
@@ -154,7 +155,7 @@ var ue = r(n((e, t) => {
 }, J = /* @__PURE__ */ new Map(), ge = (e = q) => {
 	let t = J.get(e);
 	return t || (t = (async () => {
-		let t = (await H("templates", de, e)).find((e) => e.meta?.schema !== void 0);
+		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(() => {
@@ -162,7 +163,7 @@ var ue = r(n((e, t) => {
 	})), t;
 }, Y = { marginRight: "4px" }, X = "1em", _e = r((e) => {
 	let { disabled: t, snippet: n, description: r, handleInsert: i, sx: a, ...o } = e, s, c = n.icon;
-	return s = z(b, c === "formula" ? {
+	return s = B(b, c === "formula" ? {
 		iconKey: "ScriptFormula",
 		size: X,
 		style: Y
@@ -174,7 +175,7 @@ var ue = r(n((e, t) => {
 		iconKey: "ScriptAutoRun",
 		size: X,
 		style: Y
-	}), z(M, {
+	}), B(M, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -193,21 +194,21 @@ var ue = r(n((e, t) => {
 			e.keyCode !== x.Enter && e.keyCode !== x.Space || i(n);
 		},
 		...o,
-		children: B(u, {
+		children: V(u, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
 				flexDirection: "column",
 				overflow: "hidden"
 			},
-			children: [z(m, {
+			children: [B(m, {
 				component: "div",
 				children: n.title
-			}), z(m, {
+			}), B(m, {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => V(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"
 				},
@@ -228,7 +229,7 @@ var ue = r(n((e, t) => {
 		};
 	}, [s, g]);
 	let S = i((e) => {
-		if (m === "loading") return z("div", { children: d("insertScript.loading") });
+		if (m === "loading") return B("div", { children: d("insertScript.loading") });
 		let n = {
 			variant: _.Menuitem,
 			groupKey: "scriptsOptions",
@@ -236,7 +237,7 @@ var ue = r(n((e, t) => {
 		}, r = (t) => {
 			y?.execute(t.content), e.closeFloat?.();
 		}, i = () => v((e) => e + 1), a = [];
-		m === "error" && a.push(z(M, {
+		m === "error" && a.push(B(M, {
 			onMouseDown: (e) => {
 				e.button === 0 && e.preventDefault();
 			},
@@ -250,12 +251,12 @@ var ue = r(n((e, t) => {
 		}, "retry"));
 		for (let e = 0; e < f.length; e++) {
 			let t = f[e];
-			t && a.push(z(_e, {
+			t && a.push(B(_e, {
 				handleInsert: r,
 				snippet: t
 			}, t.path));
 		}
-		let o = B(u, {
+		let o = V(u, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -263,13 +264,13 @@ var ue = r(n((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				a.length > 0 ? B(R, { children: [z(u, {
+				a.length > 0 ? V(z, { children: [B(u, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
 					children: a
-				}), z(j, { orientation: "horizontal" })] }) : null,
+				}), B(j, { orientation: "horizontal" })] }) : null,
 				t(O, {
 					...n,
 					key: "showKeyboardShortcuts",
@@ -294,50 +295,50 @@ var ue = r(n((e, t) => {
 		y,
 		d
 	]);
-	return z(k, {
+	return B(k, {
 		ref: n,
 		disabled: b,
 		groupKey: r,
 		label: y?.getLabel(r) ?? d("insertScript.fallbackLabel"),
 		tooltip: y?.getDescription(),
-		createPopupPanel: S,
+		renderPopupPanel: S,
 		icon: y?.getIcon() ?? "ScriptInsert",
 		...c
 	});
 })), Z = r(n((e, t) => {
 	let { propsCommandButton: n, ...r } = e, i = C((e) => {
 		let { propsCommandButton: t, propsCommandPopup: n } = e;
-		return z(R, { children: B("div", {
+		return B(z, { children: V("div", {
 			style: {
 				display: "flex",
 				flex: "1 1 100%"
 			},
 			children: [
-				z("div", { children: z(N, {
+				B("div", { children: B(N, {
 					style: {},
-					children: z(O, {
+					children: B(O, {
 						...t,
 						commandKey: "saveScripts"
 					})
 				}) }),
-				z("div", { style: { flex: "1 1 100%" } }),
-				z("div", { children: z(N, {
+				B("div", { style: { flex: "1 1 100%" } }),
+				B("div", { children: B(N, {
 					style: {},
-					children: z(ve, { ...t })
+					children: B(ve, { ...t })
 				}) })
 			]
 		}) });
 	}, []);
-	return z(A, {
+	return B(A, {
 		ref: t,
 		propsCommandButton: n,
 		renderToolbarPalette: i,
 		...r
 	});
 }));
-Z.displayName = "ScriptEditorToolbar", G();
+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);
+	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(() => {
 		let e = !1, t = {
 			path: null,
@@ -354,8 +355,12 @@ var ye = r(n((e, t) => {
 		}), () => {
 			e = !0;
 		};
-	}, [n, _]), x) return z(u, {
-		className: U(s, "script-select"),
+	}, [
+		n,
+		_,
+		E
+	]), x) return B(u, {
+		className: G(s, "script-select"),
 		...g,
 		sx: [{
 			display: "flex",
@@ -366,60 +371,68 @@ var ye = r(n((e, t) => {
 			zIndex: 1e3,
 			...Array.isArray(o) ? {} : o
 		}, ...Array.isArray(o) ? o : []],
-		children: z(f, {})
+		children: B(f, {})
 	});
-	let E = null;
-	w && (E = B(u, {
-		className: U(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: [z(m, {
-			color: "error",
-			variant: "h6",
-			component: "div",
-			gutterBottom: !0,
-			children: _("templateSelect.errorTitle")
-		}), z(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 k = (e) => {
 		let t = e.icon;
-		return t === "macro" ? z(b, {
+		return t === "macro" ? B(b, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : t === "formula" ? z(b, {
+		}) : t === "formula" ? B(b, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : t === "autostart" ? z(b, {
+		}) : t === "autostart" ? B(b, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
-	return B(u, {
+	return V(u, {
 		ref: t,
-		className: U(s, "script-select"),
+		className: G(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
 			...o
 		},
 		...g,
-		children: [B(u, {
+		children: [V(u, {
 			className: "script-select-content",
 			sx: {
 				p: 3,
@@ -427,26 +440,26 @@ var ye = r(n((e, t) => {
 				flex: "1 1 auto"
 			},
 			children: [
-				z(m, {
+				B(m, {
 					variant: "h6",
 					gutterBottom: !0,
 					children: _("templateSelect.title")
 				}),
-				z(m, {
+				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: _("templateSelect.intro")
 				}),
-				z(m, {
+				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: _("templateSelect.intro2")
 				}),
-				z(u, {
+				B(u, {
 					sx: {
 						display: "grid",
 						gridTemplateColumns: `repeat(auto-fill, minmax(${c}px, 1fr))`,
@@ -455,7 +468,7 @@ var ye = r(n((e, t) => {
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: v.map((e, t) => B(d, {
+					children: v.map((e, t) => V(d, {
 						variant: "outlined",
 						disabled: i,
 						sx: {
@@ -476,7 +489,7 @@ var ye = r(n((e, t) => {
 							...t === 1 && { gridColumn: "1" }
 						},
 						onClick: () => r?.(e),
-						children: [B(u, {
+						children: [V(u, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -485,12 +498,12 @@ var ye = r(n((e, t) => {
 								width: "100%",
 								marginBottom: .5
 							},
-							children: [z(m, {
+							children: [B(m, {
 								variant: "subtitle2",
 								component: "div",
 								children: e.title || _("templateSelect.untitled")
-							}), ee(e)]
-						}), e.summary && z(m, {
+							}), k(e)]
+						}), e.summary && B(m, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -506,7 +519,7 @@ var ye = r(n((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), E]
+		}), O]
 	});
 }));
 ye.displayName = "TemplateSelectPanel";
@@ -532,7 +545,7 @@ var Q = r(n((e, t) => {
 			...t,
 			...e
 		}));
-	}, []), j = c(null), [M, N] = l(null), P = c(null), te = C((e) => {
+	}, []), j = c(null), [M, N] = l(null), P = c(null), F = C((e) => {
 		if (M) return M.focus(e), !0;
 		if (g) {
 			let t = j.current?.querySelectorAll?.(g);
@@ -543,7 +556,7 @@ var Q = r(n((e, t) => {
 		M,
 		g,
 		_
-	]), F = o(() => z(ee, {
+	]), I = o(() => B(ee, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -551,7 +564,7 @@ var Q = r(n((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), I = o(() => z(p, {
+	}), []), L = o(() => B(p, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -564,9 +577,9 @@ var Q = r(n((e, t) => {
 			marginTop: (e) => e.spacing(1),
 			marginBottom: (e) => e.spacing(1)
 		},
-		children: z(Z, {})
-	}), [b]), L = o(() => z(u, {
-		className: U("script-status-panel", "status-panel"),
+		children: B(Z, {})
+	}), [b]), R = o(() => B(u, {
+		className: G("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
@@ -580,7 +593,7 @@ var Q = r(n((e, t) => {
 			margin: 0,
 			borderTop: `solid 1px ${b.palette.divider}`
 		},
-		children: B("div", {
+		children: V("div", {
 			style: {
 				flex: "1 1 100%",
 				display: "flex",
@@ -589,7 +602,7 @@ var Q = r(n((e, t) => {
 				justifyContent: "center"
 			},
 			children: [
-				z(m, {
+				B(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -602,7 +615,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.message
 				}),
-				z(m, {
+				B(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -615,7 +628,7 @@ var Q = r(n((e, t) => {
 					variant: "caption",
 					children: T.dirty ? "Unsaved" : ""
 				}),
-				z(m, {
+				B(m, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -634,8 +647,8 @@ var Q = r(n((e, t) => {
 				})
 			]
 		})
-	}), [T]), R = o(() => B(u, {
-		className: U("script-editor-content"),
+	}), [T]), z = o(() => V(u, {
+		className: G("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -644,8 +657,8 @@ var Q = r(n((e, t) => {
 			boxSizing: "border-box"
 		},
 		children: [
-			I,
-			z(u, {
+			L,
+			B(u, {
 				sx: {
 					display: "flex",
 					flex: "1 1 100%",
@@ -654,9 +667,9 @@ var Q = r(n((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: z(ie, {
+				children: B(re, {
 					ref: j,
-					loadingPanel: F,
+					loadingPanel: I,
 					readOnly: d,
 					frame: f,
 					scripts: v,
@@ -666,23 +679,23 @@ var Q = r(n((e, t) => {
 					...s
 				})
 			}),
-			L
+			R
 		]
 	}), [
 		b,
-		I,
 		L,
+		R,
 		x,
-		F,
+		I,
 		d,
 		s,
 		_,
 		g,
 		f,
 		A
-	]), V = o(() => {
+	]), H = o(() => {
 		let e;
-		return O === null ? F : (O.source === null && (e = z(ye, {
+		return O === null ? I : (O.source === null && (e = B(ye, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -697,9 +710,9 @@ var Q = r(n((e, t) => {
 			onScriptSelect: (e) => {
 				j.current?.insertSnippet(e.content), k({ source: e.content ?? "" }), requestAnimationFrame(() => j.current?.focus());
 			}
-		})), z(u, {
+		})), B(u, {
 			tabIndex: 0,
-			className: U("script-workspace", n),
+			className: G("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -713,13 +726,13 @@ var Q = r(n((e, t) => {
 			onPointerDown: (e) => {
 				e.isDefaultPrevented() || j.current?.focus();
 			},
-			children: B(u, {
+			children: V(u, {
 				sx: {
 					flex: "1 1 100%",
 					position: "relative",
 					display: "flex"
 				},
-				children: [z(u, {
+				children: [B(u, {
 					sx: {
 						display: "flex",
 						flex: "1 1 100%",
@@ -727,24 +740,24 @@ var Q = r(n((e, t) => {
 						minHeight: 0,
 						visibility: e ? "hidden" : "visible"
 					},
-					children: R
+					children: z
 				}), e]
 			})
 		}));
 	}, [
-		I,
-		R,
+		L,
+		z,
 		n,
 		O,
-		F,
+		I,
 		d
-	]), H = E(t, () => ({
+	]), U = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			te(e);
+			F(e);
 		}
 	}), []);
-	return z(u, {
+	return B(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -752,37 +765,37 @@ 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: V
+		children: H
 	});
 }));
 Q.displayName = "ScriptWorkspace";
 var { FocusActivation: be, CommandScopeProvider: xe, CommandAnchorProvider: Se, useCommandScope: Ce } = g, we = { scopeName: "scriptEditor" }, Te = ({ children: e }) => {
 	let t = Ce(), n = c(null);
-	return t ? z(xe, {
+	return t ? B(xe, {
 		spec: we,
 		elementRef: n,
 		region: !0,
-		children: z(Ee, {
+		children: B(Ee, {
 			paneRef: n,
 			children: e
 		})
 	}) : e;
 }, Ee = ({ paneRef: e, children: t }) => {
 	let n = Ce(), r = o(() => n ? new be(n.getRoot(), n) : null, [n]);
-	return r ? B(Se, {
+	return r ? V(Se, {
 		tracker: r,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [z(F, {}), z("div", {
+		children: [B(I, {}), B("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
@@ -790,10 +803,10 @@ var { FocusActivation: be, CommandScopeProvider: xe, CommandAnchorProvider: Se,
 		})]
 	}) : t;
 }, De = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = L() ?? t;
-	I(o, ["onProtectionChange"]);
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = R() ?? t;
+	L(o, ["onProtectionChange"]);
 	let s = o?.getScripts().isReadOnly() ?? !1;
-	return z(Te, { children: z(Q, {
+	return B(Te, { children: B(Q, {
 		ref: i,
 		readOnly: s,
 		frame: r,
@@ -801,7 +814,7 @@ var { FocusActivation: be, CommandScopeProvider: xe, CommandAnchorProvider: Se,
 		...a
 	}) });
 }, $ = r((e) => {
-	let { alwaysShow: t = !1, ...n } = e, [r, i] = s((e) => e + 1, 0), [o] = T(["showScriptEditor"], { onChange: () => i() }), c = L(), [u, d] = l(t);
+	let { alwaysShow: t = !1, ...n } = e, [r, i] = s((e) => e + 1, 0), [o] = T(["showScriptEditor"], { onChange: () => i() }), c = R(), [u, d] = l(t);
 	return a(() => {
 		if (t) return void d(!0);
 		let e = c?.getScripts();
@@ -822,11 +835,11 @@ var { FocusActivation: be, CommandScopeProvider: xe, CommandAnchorProvider: Se,
 		c,
 		o,
 		r
-	]), u ? B(R, { children: [z(j, {}), z(ue, { ...n })] }) : null;
+	]), u ? V(z, { children: [B(j, {}), B(le, { ...n })] }) : null;
 });
-$.displayName = "RunScriptContribution", G();
+$.displayName = "RunScriptContribution", K();
 var Oe = r(n((e, n) => {
-	let { ...r } = e, i = L(), o = D(), [s, c] = l([]);
+	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
 	a(() => {
 		let e = i?.getScripts();
 		if (!e) return;
@@ -848,16 +861,16 @@ var Oe = r(n((e, n) => {
 	}, f = [], p = s ? s.length : 0;
 	for (let e = 0; e < p; e++) {
 		let t = s[e];
-		f.push(z(O, {
+		f.push(B(O, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
 			propsTooltip: { description: o("insertFunction.insertNamed", { name: t.getName() ?? o("insertFunction.fallbackLabel") }) },
-			icon: z(b, { iconKey: "FormulaCustom" }),
+			icon: B(b, { iconKey: "FormulaCustom" }),
 			label: t.getName() ?? o("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
-	let m = B(u, {
+	let m = V(u, {
 		ref: n,
 		sx: {
 			display: "flex",
@@ -865,13 +878,13 @@ var Oe = r(n((e, n) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [f.length > 0 ? B(R, { children: [z(u, {
+		children: [f.length > 0 ? V(z, { children: [B(u, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: f
-		}), z(j, { orientation: "horizontal" })] }) : null, t(O, {
+		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -885,7 +898,7 @@ var Oe = r(n((e, n) => {
 Oe.displayName = "InsertFunctionPopupPanel";
 var ke = r(n((e, t) => {
 	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions"), s = i((e) => {
-		let t = z(Oe, {
+		let t = B(Oe, {
 			disabled: n,
 			groupKey: r,
 			...e
@@ -895,10 +908,10 @@ var ke = r(n((e, t) => {
 			children: t
 		});
 	}, [n, r]);
-	return z(k, {
+	return B(k, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: s,
+		renderPopupPanel: s,
 		label: o?.getLabel?.(),
 		tooltip: o?.getDescription?.(),
 		icon: "FormulaCustom",
@@ -907,7 +920,7 @@ var ke = r(n((e, t) => {
 }));
 ke.displayName = "InsertFunctionContribution";
 var Ae = () => {
-	ae(), y.register("plugin-scripts", { icons: {} }), te.registerTaskPane({
+	ie(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
@@ -934,4 +947,4 @@ var Ae = () => {
 		render: (t) => e.createElement(ke, { ...t })
 	}, !0);
 };
-export { ve as InsertScriptCommandButton, ue as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };
+export { ve as InsertScriptCommandButton, le as RunScriptCommandButton, Z as ScriptEditorToolbar, De as ScriptTaskPane, Q as ScriptWorkspace, Ae as ScriptingPlugin };