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

package/node/esm/index.mjs

@@ -1,23 +1,25 @@
 /**
-* @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 r, memo as n, useCallback as i, useEffect as o, useMemo as a, useReducer as l, useRef as s, useState as c } from "react";
+import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, useEffect as o, useMemo as l, useReducer as a, useRef as s, useState as c } from "react";
 import d from "clsx";
-import { Box as p, Button as m, CircularProgress as u, Paper as h, Typography as f, useTheme as g } from "@mui/material";
-import { Command as x, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as b, DynamicIcon as v, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as N, useImperativeElement as T, useTranslator as K } from "@sheetxl/utils-react";
-import { AnimatedLoadingPanel as D, CommandButton as I, CommandPopupButton as L, CommandToolbar as P, ExhibitDivider as E, ExhibitMenuItem as $, OverflowPalette as R, defaultCreatePopupPanel as z } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as B, InputClipboardInjector as O, useModelSync as A, useWorkbook as M } from "@sheetxl/react";
-import { Fragment as W, jsx as j, jsxs as H } from "react/jsx-runtime";
-import { alpha as U } from "@mui/system";
-import { ChainedError as q } from "@sheetxl/utils";
-import { ScriptEditor as G, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
-var Z = {
+import { Box as p, Button as u, CircularProgress as m, Paper as f, Typography as h, useTheme as x } from "@mui/material";
+import { Command as g, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as b, DynamicIcon as v, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as K, useImperativeElement as N, useTranslator as D } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as T, CommandButton as $, CommandPopupButton as P, CommandToolbar as I, ExhibitDivider as E, ExhibitMenuItem as L, OverflowPalette as R, defaultRenderPopupPanel as M } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as z, InputClipboardInjector as O, useModelSync as B, useWorkbook as A } from "@sheetxl/react";
+import { Fragment as U, jsx as W, jsxs as H } from "react/jsx-runtime";
+import { alpha as j } from "@mui/system";
+import { listResources as q, releaseChannel as G } from "@sheetxl/utils";
+import { VERSION as Z } from "@sheetxl/sdk";
+import { ScriptEditor as _, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
+var Q = {
 	"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",
@@ -27,41 +29,42 @@ var Z = {
 	"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: _ } = x, Q = !1;
-function V() {
-	Q || (Q = !0, _.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: Z }));
+}, { DefaultCommandCatalogService: V } = g, X = !1;
+function Y() {
+	X || (X = !0, V.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: Q }));
 }
-V();
-var X = n(r((e, r) => {
-	const { groupKey: n, ...i } = e, a = M(), l = K(), [s, d] = c([]), [m, u] = c(!1);
+Y();
+var ee = n(r((e, r) => {
+	const { groupKey: n, ...i } = e, l = A(), a = D(), [s, d] = c([]), [u, m] = c(!1);
 	o(() => {
-		const e = a?.getScripts();
+		const e = l?.getScripts();
 		if (!e) return;
 		(async () => {
-			u(!0);
+			m(!0);
 			const t = await e.searchFunctions({ type: "macro" });
-			d(t), u(!1);
+			d(t), m(!1);
 		})();
-	}, [a]);
-	const h = {
+	}, [l]);
+	const f = {
 		variant: y.Menuitem,
 		groupKey: "scriptsOptions",
 		shortcut: void 0
-	}, f = [], g = s ? s.length : 0;
-	for (let e = 0; e < g; e++) {
+	}, h = [], x = s ? s.length : 0;
+	for (let e = 0; e < x; e++) {
 		const t = s[e];
-		f.push(j(I, {
-			...h,
+		h.push(W($, {
+			...f,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
-			propsTooltip: { description: l("runScript.executeNamed", { name: t.getName() ?? l("runScript.fallbackLabel") }) },
-			icon: j(v, { iconKey: "ScriptMacro" }),
-			label: t.getName() ?? l("runScript.fallbackLabel")
+			propsTooltip: { description: a("runScript.executeNamed", { name: t.getName() ?? a("runScript.fallbackLabel") }) },
+			icon: W(v, { iconKey: "ScriptMacro" }),
+			label: t.getName() ?? a("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	const x = H(p, {
+	const g = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -69,105 +72,100 @@ var X = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [f.length > 0 ? H(W, { children: [j(p, {
+		children: [h.length > 0 ? H(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
-			children: f
-		}), j(E, { orientation: "horizontal" })] }) : null, t(I, {
-			...h,
+			children: h
+		}), W(E, { orientation: "horizontal" })] }) : null, t($, {
+			...f,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
 		})]
 	});
-	return z({
+	return M({
 		...i,
-		children: x
+		children: g
 	});
 }));
-X.displayName = "RunScriptPopupPanel";
-var Y = n(r((e, t) => {
-	const { groupKey: r, disabled: n, ...o } = e, a = N(["showScriptEditor"])[0], l = F("scriptsOptions");
-	return j(L, {
+ee.displayName = "RunScriptPopupPanel";
+var te = n(r((e, t) => {
+	const { groupKey: r, disabled: n, ...o } = e, l = K(["showScriptEditor"])[0], a = F("scriptsOptions"), s = i((e) => {
+		const t = W(ee, {
+			disabled: n,
+			groupKey: r,
+			...e
+		});
+		return M({
+			...e,
+			children: t
+		});
+	}, [n, r]);
+	return W(P, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: i((e) => {
-			const t = j(X, {
-				disabled: n,
-				groupKey: r,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [n, r]),
-		selected: a?.getState(),
-		label: l?.getLabel?.(),
-		tooltip: l?.getDescription?.(),
+		renderPopupPanel: s,
+		selected: l?.getState(),
+		label: a?.getLabel?.(),
+		tooltip: a?.getDescription?.(),
 		quickCommand: "showScriptEditor",
 		...o
 	});
-})), ee = "https://unpkg.com/@sheetxl/scripting-templates/dist", te = (e, t) => {
-	try {
-		return new URL(t).href;
-	} catch {}
-	if (t.startsWith("/") || /^[a-zA-Z]:/.test(t)) return t;
-	let r = e.startsWith("http") ? e : `file:///${e.replace(/\\/g, "/")}`;
-	return r.endsWith("/") || (r += "/"), new URL(t, r).href;
-}, re = (e) => {
-	if (e.metadata?.name) return e.metadata.name;
-	let t = (e.path.split("/").pop() || "").replace(/\.[^/.]+$/, "");
-	return "formula" === e.metadata?.icon ? t.toUpperCase() : (t = t.replace(/([a-z])([A-Z])/g, "$1 $2"), t.replace(/[-_]/g, " ").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "));
-}, ne = async (e) => {
-	const t = te(e, "./manifest.json"), r = await fetch(t);
-	if (!r.ok) throw new q(`Failed to retrieve directory at '${e}': ${r.statusText}`);
-	const n = await r.text();
-	if (n.trim().toLowerCase().startsWith("<!doctype html") || n.trim().toLowerCase().startsWith("<html")) throw new q(`Failed to retrieve directory at '${e}'`);
+})), re = G(Z), ne = `https://unpkg.com/@sheetxl/templates-scripting${re ? `@${re}` : ""}/dist`, ie = "templates-scripting", oe = [
+	"formula",
+	"macro",
+	"autostart"
+], le = (e) => "string" == typeof e && e ? e : void 0, ae = (e, t) => {
+	const r = (e.split("/").pop() ?? "").replace(/\.[^/.]+$/, "");
+	return "formula" === t ? r.toUpperCase() : r.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
+}, se = async (e, t) => {
+	if (!/\.ts$/i.test(t.path)) return null;
+	const r = oe.includes(t.icon) ? t.icon : void 0, n = ((e, t) => {
+		const r = `${e}${e.endsWith("/") ? "" : "/"}${ie}/${t}`;
+		return "undefined" == typeof document ? r : new URL(r, document.baseURI).href;
+	})(e, t.path);
 	let i;
 	try {
-		i = JSON.parse(n);
+		const e = await fetch(n);
+		if (!e.ok || (e.headers.get("content-type") ?? "").includes("text/html")) throw new Error(e.ok ? "not found" : e.statusText || String(e.status));
+		i = await e.text();
 	} catch (e) {
-		throw new Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`);
+		return console.warn(`Script template '${n}' did not load: ${e?.message ?? e}`), null;
 	}
-	const o = i.map(async (t) => {
-		try {
-			const r = te(e, t.path), n = await fetch(r);
-			if (!n.ok) throw new Error(`Failed to fetch file at '${t.path}': ${n.statusText}`);
-			const i = await n.text();
-			let o = t.metadata;
-			return o?.title || (o = {
-				title: re(t),
-				...o
-			}), {
-				path: t.path,
-				content: i,
-				metadata: o
-			};
-		} catch (e) {
-			console.error(e.message);
-		}
-		return null;
-	});
-	return (await Promise.all(o)).filter((e) => null !== e);
-}, ie = { marginRight: "4px" }, oe = "1em", ae = n((e) => {
-	const { disabled: t, snippet: r, description: n, handleInsert: i, sx: o, ...a } = e;
-	let l;
-	const s = r.metadata?.icon;
-	return l = j(v, "formula" === s ? {
+	return {
+		path: t.path,
+		title: le(t.title) ?? ae(t.path, r),
+		summary: le(t.summary),
+		icon: r,
+		content: i
+	};
+}, ce = /* @__PURE__ */ new Map(), de = (e = ne) => {
+	let t = ce.get(e);
+	return t || (t = (async () => {
+		const t = (await q("templates", ie, e)).find((e) => void 0 !== e.meta?.schema);
+		if (!t) throw new Error(`No script templates found at '${e}'.`);
+		return 1 !== Math.floor(Number(t.meta?.schema)) ? (console.warn(`Script template catalog at '${e}' has schema ${t.meta?.schema}; expected 1.`), []) : (await Promise.all(t.entries.map((t) => se(e, t)))).filter((e) => null !== e);
+	})(), ce.set(e, t), t.catch(() => {
+		ce.delete(e);
+	})), t;
+}, pe = { marginRight: "4px" }, ue = "1em", me = n((e) => {
+	const { disabled: t, snippet: r, description: n, handleInsert: i, sx: o, ...l } = e;
+	let a;
+	const s = r.icon;
+	return a = W(v, "formula" === s ? {
 		iconKey: "ScriptFormula",
-		size: oe,
-		style: ie
+		size: ue,
+		style: pe
 	} : "macro" === s ? {
 		iconKey: "ScriptMacro",
-		size: oe,
-		style: ie
+		size: ue,
+		style: pe
 	} : {
 		iconKey: "ScriptAutoRun",
-		size: oe,
-		style: ie
-	}), j($, {
+		size: ue,
+		style: pe
+	}), W(L, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -175,7 +173,7 @@ var Y = n(r((e, t) => {
 			...o
 		},
 		disabled: t,
-		icon: l,
+		icon: a,
 		onMouseDown: (e) => {
 			0 === e.button && e.preventDefault();
 		},
@@ -185,7 +183,7 @@ var Y = n(r((e, t) => {
 		onKeyDown: (e) => {
 			e.keyCode !== w.Enter && e.keyCode !== w.Space || i(r);
 		},
-		...a,
+		...l,
 		children: H(p, {
 			sx: {
 				display: "flex",
@@ -193,50 +191,62 @@ var Y = n(r((e, t) => {
 				flexDirection: "column",
 				overflow: "hidden"
 			},
-			children: [j(f, {
+			children: [W(h, {
 				component: "div",
-				children: r.metadata?.title ?? r.path
-			}), j(f, {
+				children: r.title
+			}), W(h, {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => U(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => j(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: r.metadata?.summary
+				children: r.summary
 			})]
 		})
 	});
-}), le = n(r((e, r) => {
-	const { groupKey: n, disabled: a, scriptPath: l = ee, ...s } = e, d = K(), [m, u] = c([]), [h, f] = c(!0), [g] = N(["insertScript"]), x = a || (g?.disabled() ?? !1);
+}), fe = n(r((e, r) => {
+	const { groupKey: n, disabled: l, scriptPath: a = ne, ...s } = e, d = D(), [u, m] = c([]), [f, h] = c("loading"), [x, g] = c(0), [S] = K(["insertScript"]), b = l || (S?.disabled() ?? !1);
 	o(() => {
-		(async () => {
-			try {
-				const e = await ne(l);
-				u(e);
-			} catch (e) {} finally {
-				f(!1);
-			}
-		})();
-	}, [l]);
-	const S = i((e) => {
-		if (h) return j("div", { children: d("insertScript.loading") });
+		let e = !1;
+		return h("loading"), de(a).then((t) => {
+			e || (m(t), h("ready"));
+		}, () => {
+			e || (m([]), h("error"));
+		}), () => {
+			e = !0;
+		};
+	}, [a, x]);
+	const v = i((e) => {
+		if ("loading" === f) return W("div", { children: d("insertScript.loading") });
 		const r = {
 			variant: y.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: x
+			disabled: b
 		}, n = (t) => {
-			g?.execute(t.content), e.closeFloat?.();
-		}, i = [];
-		for (let e = 0; e < m.length; e++) {
-			const t = m[e];
-			t && i.push(j(ae, {
+			S?.execute(t.content), e.closeFloat?.();
+		}, i = () => g((e) => e + 1), o = [];
+		"error" === f && o.push(W(L, {
+			onMouseDown: (e) => {
+				0 === e.button && e.preventDefault();
+			},
+			onMouseUp: (e) => {
+				0 === e.button && i();
+			},
+			onKeyDown: (e) => {
+				e.keyCode !== w.Enter && e.keyCode !== w.Space || i();
+			},
+			children: d("insertScript.loadFailedRetry")
+		}, "retry"));
+		for (let e = 0; e < u.length; e++) {
+			const t = u[e];
+			t && o.push(W(me, {
 				handleInsert: n,
 				snippet: t
 			}, t.path));
 		}
-		const o = H(p, {
+		const l = H(p, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -244,106 +254,105 @@ var Y = n(r((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				i.length > 0 ? H(W, { children: [j(p, {
+				o.length > 0 ? H(U, { children: [W(p, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
-					children: i
-				}), j(E, { orientation: "horizontal" })] }) : null,
-				t(I, {
+					children: o
+				}), W(E, { orientation: "horizontal" })] }) : null,
+				t($, {
 					...r,
 					key: "showKeyboardShortcuts",
 					commandKey: "showKeyboardShortcuts"
 				}),
-				t(I, {
+				t($, {
 					...r,
 					key: "scriptingHelp",
 					commandKey: "scriptingHelp"
 				})
 			]
 		});
-		return z({
+		return M({
 			...e,
-			children: o
+			children: l
 		});
 	}, [
-		x,
+		b,
 		n,
-		h,
-		g,
+		f,
+		u,
+		S,
 		d
 	]);
-	return j(L, {
+	return W(P, {
 		ref: r,
-		disabled: x,
+		disabled: b,
 		groupKey: n,
-		label: g?.getLabel(n) ?? d("insertScript.fallbackLabel"),
-		tooltip: g?.getDescription(),
-		createPopupPanel: S,
-		icon: g?.getIcon() ?? "ScriptInsert",
+		label: S?.getLabel(n) ?? d("insertScript.fallbackLabel"),
+		tooltip: S?.getDescription(),
+		renderPopupPanel: v,
+		icon: S?.getIcon() ?? "ScriptInsert",
 		...s
 	});
-})), se = n(r((e, t) => {
-	const { propsCommandButton: r, ...n } = e;
-	return j(P, {
+})), he = n(r((e, t) => {
+	const { propsCommandButton: r, ...n } = e, i = C((e) => {
+		const { propsCommandButton: t, propsCommandPopup: r } = e;
+		return W(U, { children: H("div", {
+			style: {
+				display: "flex",
+				flex: "1 1 100%"
+			},
+			children: [
+				W("div", { children: W(R, {
+					style: {},
+					children: W($, {
+						...t,
+						commandKey: "saveScripts"
+					})
+				}) }),
+				W("div", { style: { flex: "1 1 100%" } }),
+				W("div", { children: W(R, {
+					style: {},
+					children: W(fe, { ...t })
+				}) })
+			]
+		}) });
+	}, []);
+	return W(I, {
 		ref: t,
 		propsCommandButton: r,
-		renderToolbarPalette: C((e) => {
-			const { propsCommandButton: t, propsCommandPopup: r } = e;
-			return j(W, { children: H("div", {
-				style: {
-					display: "flex",
-					flex: "1 1 100%"
-				},
-				children: [
-					j("div", { children: j(R, {
-						style: {},
-						children: j(I, {
-							...t,
-							commandKey: "saveScripts"
-						})
-					}) }),
-					j("div", { style: { flex: "1 1 100%" } }),
-					j("div", { children: j(R, {
-						style: {},
-						children: j(le, { ...t })
-					}) })
-				]
-			}) });
-		}, []),
+		renderToolbarPalette: i,
 		...n
 	});
 }));
-se.displayName = "ScriptEditorToolbar", V();
-var ce = n(r((e, t) => {
-	const { scriptPath: r = ee, onScriptSelect: n, disabled: i = !1, sx: a = k.EmptyCssProperties, className: l, buttonMinWidth: s = 210, buttonMinHeight: h = 80, gap: g = 12, ...x } = e, y = K(), [S, b] = c([]), [w, C] = c(!0), [F, N] = c(null);
+he.displayName = "ScriptEditorToolbar", Y();
+var xe = n(r((e, t) => {
+	const { scriptPath: r = ne, onScriptSelect: n, disabled: i = !1, sx: l = k.EmptyCssProperties, className: a, buttonMinWidth: s = 210, buttonMinHeight: f = 80, gap: x = 12, ...g } = e, y = D(), [S, b] = c([]), [w, C] = c(!0), [F, K] = c(null), [N, T] = c(0);
 	if (o(() => {
-		(async () => {
-			const e = [{
-				path: null,
-				metadata: {
-					title: y("templateSelect.blankTitle"),
-					summary: y("templateSelect.blankSummary")
-				},
-				content: ""
-			}];
-			try {
-				C(!0), N(null);
-				const t = await ne(r);
-				for (let r = 0; r < t.length; r++) {
-					const n = t[r];
-					n && e.push(n);
-				}
-			} catch (e) {
-				N(e instanceof Error ? e.message : y("templateSelect.loadFailed")), e instanceof q || console.error("Error loading scripts:", e);
-			} finally {
-				b(e), C(!1);
-			}
-		})();
-	}, [r, y]), w) return j(p, {
-		className: d(l, "script-select"),
-		...x,
+		let e = !1;
+		const t = {
+			path: null,
+			title: y("templateSelect.blankTitle"),
+			summary: y("templateSelect.blankSummary"),
+			content: ""
+		};
+		return C(!0), K(null), de(r).then((r) => {
+			e || b([t, ...r]);
+		}, (r) => {
+			e || (b([t]), K(r instanceof Error ? r.message : y("templateSelect.loadFailed")));
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		r,
+		y,
+		N
+	]), w) return W(p, {
+		className: d(a, "script-select"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -351,61 +360,69 @@ var ce = n(r((e, t) => {
 			height: "100%",
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			...Array.isArray(a) ? {} : a
-		}, ...Array.isArray(a) ? a : []],
-		children: j(u, {})
+			...Array.isArray(l) ? {} : l
+		}, ...Array.isArray(l) ? l : []],
+		children: W(m, {})
 	});
-	let T = null;
-	F && (T = H(p, {
-		className: d(l, "script-select", "error-results"),
-		...x,
-		sx: [{
+	let $ = null;
+	F && ($ = H(p, {
+		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(a) ? a : [a]],
-		children: [j(f, {
-			color: "error",
-			variant: "h6",
-			component: "div",
-			gutterBottom: !0,
-			children: y("templateSelect.errorTitle")
-		}), j(f, {
-			color: "error",
-			component: "div",
-			children: F
-		})]
+			alignItems: "center",
+			flex: "none",
+			gap: .5,
+			padding: 1.5,
+			background: (e) => j(e.palette.error.main, "dark" === e.palette.mode ? .16 : .06),
+			borderTop: (e) => `1px solid ${j(e.palette.error.main, .4)}`
+		},
+		children: [
+			W(h, {
+				color: "error",
+				variant: "subtitle1",
+				component: "div",
+				children: y("templateSelect.errorTitle")
+			}),
+			W(h, {
+				variant: "body2",
+				component: "div",
+				sx: {
+					color: "text.secondary",
+					textAlign: "center"
+				},
+				children: F
+			}),
+			W(u, {
+				size: "small",
+				color: "error",
+				onClick: () => T((e) => e + 1),
+				children: y("templateSelect.retry")
+			})
+		]
 	}));
-	const D = (e) => {
-		const t = e.metadata?.icon;
-		return "macro" === t ? j(v, {
+	const P = (e) => {
+		const t = e.icon;
+		return "macro" === t ? W(v, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : "formula" === t ? j(v, {
+		}) : "formula" === t ? W(v, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : "autostart" === t ? j(v, {
+		}) : "autostart" === t ? W(v, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
 	return H(p, {
 		ref: t,
-		className: d(l, "script-select"),
+		className: d(a, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			...a
+			...l
 		},
-		...x,
+		...g,
 		children: [H(p, {
 			className: "script-select-content",
 			sx: {
@@ -414,40 +431,40 @@ var ce = n(r((e, t) => {
 				flex: "1 1 auto"
 			},
 			children: [
-				j(f, {
+				W(h, {
 					variant: "h6",
 					gutterBottom: !0,
 					children: y("templateSelect.title")
 				}),
-				j(f, {
+				W(h, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: y("templateSelect.intro")
 				}),
-				j(f, {
+				W(h, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
 					children: y("templateSelect.intro2")
 				}),
-				j(p, {
+				W(p, {
 					sx: {
 						display: "grid",
 						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
-						gap: `${g}px`,
+						gap: `${x}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: S.map((e, t) => H(m, {
+					children: S.map((e, t) => H(u, {
 						variant: "outlined",
 						disabled: i,
 						sx: {
 							minWidth: s,
-							minHeight: h,
+							minHeight: f,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -472,12 +489,12 @@ var ce = n(r((e, t) => {
 								width: "100%",
 								marginBottom: .5
 							},
-							children: [j(f, {
+							children: [W(h, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || y("templateSelect.untitled")
-							}), D(e)]
-						}), e.metadata?.summary && j(f, {
+								children: e.title || y("templateSelect.untitled")
+							}), P(e)]
+						}), e.summary && W(h, {
 							variant: "body2",
 							component: "div",
 							sx: {
@@ -488,49 +505,49 @@ var ce = n(r((e, t) => {
 								textOverflow: "ellipsis",
 								alignItems: "flex-start"
 							},
-							children: e.metadata.summary
+							children: e.summary
 						})]
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), T]
+		}), $]
 	});
 }));
-ce.displayName = "TemplateSelectPanel";
-var de = n(r((e, t) => {
-	const { className: r, sx: n, propsScriptEditor: l, readOnly: m = !1, frame: u, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...b } = e, v = g(), [w, k] = c(!1), F = s(!1), [N, K] = c({
+xe.displayName = "TemplateSelectPanel";
+var ge = n(r((e, t) => {
+	const { className: r, sx: n, propsScriptEditor: a, readOnly: u = !1, frame: m, autoFocusSel: g, autoFocus: y = !0, scripts: S, ...b } = e, v = x(), [w, k] = c(!1), F = s(!1), [K, D] = c({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [I, L] = c(null);
+	}), [$, P] = c(null);
 	o(() => {
 		let e = !1;
-		return L(null), async function() {
+		return P(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				L({ source: e || null });
+				P({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
 		};
 	}, [S]);
-	const P = i((e) => {
-		K((t) => ({
+	const I = i((e) => {
+		D((t) => ({
 			...t,
 			...e
 		}));
-	}, []), E = s(null), [$, R] = c(null), z = s(null), B = C((e) => {
-		if ($) return $.focus(e), !0;
-		if (x) {
-			const t = E.current?.querySelectorAll?.(x);
+	}, []), E = s(null), [L, R] = c(null), M = s(null), z = C((e) => {
+		if (L) return L.focus(e), !0;
+		if (g) {
+			const t = E.current?.querySelectorAll?.(g);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
 		return E.current?.focus?.(e), !1;
 	}, [
-		$,
-		x,
+		L,
+		g,
 		y
-	]), O = a(() => j(D, {
+	]), O = l(() => W(T, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -538,7 +555,7 @@ var de = n(r((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), A = a(() => j(h, {
+	}), []), B = l(() => W(f, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -551,8 +568,8 @@ var de = n(r((e, t) => {
 			marginTop: (e) => e.spacing(1),
 			marginBottom: (e) => e.spacing(1)
 		},
-		children: j(se, {})
-	}), [v]), M = a(() => j(p, {
+		children: W(he, {})
+	}), [v]), A = l(() => W(p, {
 		className: d("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
@@ -576,7 +593,7 @@ var de = n(r((e, t) => {
 				justifyContent: "center"
 			},
 			children: [
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -587,9 +604,9 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.message
+					children: K.message
 				}),
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -600,9 +617,9 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.dirty ? "Unsaved" : ""
+					children: K.dirty ? "Unsaved" : ""
 				}),
-				j(f, {
+				W(h, {
 					component: "div",
 					sx: {
 						userSelect: "none",
@@ -617,11 +634,11 @@ var de = n(r((e, t) => {
 						color: (e) => e.palette.text.secondary
 					},
 					variant: "caption",
-					children: N.cursor
+					children: K.cursor
 				})
 			]
 		})
-	}), [N]), W = a(() => H(p, {
+	}), [K]), U = l(() => H(p, {
 		className: d("script-editor-content"),
 		sx: {
 			display: "flex",
@@ -631,8 +648,8 @@ var de = n(r((e, t) => {
 			boxSizing: "border-box"
 		},
 		children: [
-			A,
-			j(p, {
+			B,
+			W(p, {
 				sx: {
 					display: "flex",
 					flex: "1 1 100%",
@@ -641,35 +658,35 @@ var de = n(r((e, t) => {
 					position: "relative",
 					boxSizing: "border-box"
 				},
-				children: j(G, {
+				children: W(_, {
 					ref: E,
 					loadingPanel: O,
-					readOnly: m,
-					frame: u,
+					readOnly: u,
+					frame: m,
 					scripts: S,
 					autoFocus: y,
-					onStatusChange: P,
+					onStatusChange: I,
 					darkMode: "dark" === v.palette.mode,
-					...l
+					...a
 				})
 			}),
-			M
+			A
 		]
 	}), [
 		v,
+		B,
 		A,
-		M,
 		w,
 		O,
-		m,
-		l,
-		y,
-		x,
 		u,
-		P
-	]), U = a(() => {
+		a,
+		y,
+		g,
+		m,
+		I
+	]), j = l(() => {
 		let e;
-		return null === I ? O : (null === I.source && (e = j(ce, {
+		return null === $ ? O : (null === $.source && (e = W(xe, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -680,11 +697,11 @@ var de = n(r((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
-			disabled: m,
+			disabled: u,
 			onScriptSelect: (e) => {
-				E.current?.insertSnippet(e.content), L({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
+				E.current?.insertSnippet(e.content), P({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
 			}
-		})), j(p, {
+		})), W(p, {
 			tabIndex: 0,
 			className: d("script-workspace", r),
 			sx: {
@@ -706,7 +723,7 @@ var de = n(r((e, t) => {
 					position: "relative",
 					display: "flex"
 				},
-				children: [j(p, {
+				children: [W(p, {
 					sx: {
 						display: "flex",
 						flex: "1 1 100%",
@@ -714,24 +731,24 @@ var de = n(r((e, t) => {
 						minHeight: 0,
 						visibility: e ? "hidden" : "visible"
 					},
-					children: W
+					children: U
 				}), e]
 			})
 		}));
 	}, [
-		A,
-		W,
+		B,
+		U,
 		r,
-		I,
+		$,
 		O,
-		m
-	]), q = T(t, () => ({
+		u
+	]), q = N(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
-			B(e);
+			z(e);
 		}
 	}), []);
-	return j(p, {
+	return W(p, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -742,58 +759,60 @@ var de = n(r((e, t) => {
 		ref: q,
 		...b,
 		onFocus: (e) => {
-			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !z.current && (z.current = e.relatedTarget), b?.onFocus?.(e);
+			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !M.current && (M.current = e.relatedTarget), b?.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (z.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
+			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (M.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
 		},
-		children: U
+		children: j
 	});
 }));
-de.displayName = "ScriptWorkspace";
-var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue, useCommandScope: he } = x, fe = { scopeName: "scriptEditor" }, ge = ({ children: e }) => {
-	const t = he(), r = s(null);
-	return t ? j(me, {
-		spec: fe,
+ge.displayName = "ScriptWorkspace";
+var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be, useCommandScope: ve } = g, we = { scopeName: "scriptEditor" }, ke = ({ children: e }) => {
+	const t = ve(), r = s(null);
+	return t ? W(Se, {
+		spec: we,
 		elementRef: r,
 		region: !0,
-		children: j(xe, {
+		children: W(Ce, {
 			paneRef: r,
 			children: e
 		})
 	}) : e;
-}, xe = ({ paneRef: e, children: t }) => {
-	const r = he(), n = a(() => r ? new pe(r.getRoot(), r) : null, [r]);
-	return n ? H(ue, {
+}, Ce = ({ paneRef: e, children: t }) => {
+	const r = ve(), n = l(() => r ? new ye(r.getRoot(), r) : null, [r]);
+	return n ? H(be, {
 		tracker: n,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [j(O, {}), j("div", {
+		children: [W(O, {}), W("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
 			children: t
 		})]
 	}) : t;
-}, ye = (e) => {
-	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, a = M() ?? t;
-	return A(a, ["onProtectionChange"]), j(ge, { children: j(de, {
+}, Fe = (e) => {
+	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, l = A() ?? t;
+	B(l, ["onProtectionChange"]);
+	const a = l?.getScripts().isReadOnly() ?? !1;
+	return W(ke, { children: W(ge, {
 		ref: i,
-		readOnly: a?.getScripts().isReadOnly() ?? !1,
+		readOnly: a,
 		frame: n,
-		scripts: a?.getScripts(),
+		scripts: l?.getScripts(),
 		...o
 	}) });
-}, Se = n((e) => {
-	const { alwaysShow: t = !1, ...r } = e, [n, i] = l((e) => e + 1, 0), [a] = N(["showScriptEditor"], { onChange: () => i() }), s = M(), [d, p] = c(t);
+}, Ke = n((e) => {
+	const { alwaysShow: t = !1, ...r } = e, [n, i] = a((e) => e + 1, 0), [l] = K(["showScriptEditor"], { onChange: () => i() }), s = A(), [d, p] = c(t);
 	return o(() => {
 		if (t) return void p(!0);
 		const e = s?.getScripts();
-		if (!e || !a) return void p(!1);
+		if (!e || !l) return void p(!1);
 		const r = async () => {
 			let t = !1;
-			a.getState() || (t = ((await e.searchFunctions({ type: "macro" }))?.length ?? 0) > 0), p(t || !!a.getState());
+			l.getState() || (t = ((await e.searchFunctions({ type: "macro" }))?.length ?? 0) > 0), p(t || !!l.getState());
 		};
 		r();
 		const n = e.addListeners({ onChange: () => {
@@ -805,13 +824,13 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue,
 	}, [
 		t,
 		s,
-		a,
+		l,
 		n
-	]), d ? H(W, { children: [j(E, {}), j(Y, { ...r })] }) : null;
+	]), d ? H(U, { children: [W(E, {}), W(te, { ...r })] }) : null;
 });
-Se.displayName = "RunScriptContribution", V();
-var be = n(r((e, r) => {
-	const { ...n } = e, i = M(), a = K(), [l, s] = c([]);
+Ke.displayName = "RunScriptContribution", Y();
+var Ne = n(r((e, r) => {
+	const { ...n } = e, i = A(), l = D(), [a, s] = c([]);
 	o(() => {
 		const e = i?.getScripts();
 		if (!e) return;
@@ -831,19 +850,19 @@ var be = n(r((e, r) => {
 	const d = {
 		variant: y.Menuitem,
 		shortcut: void 0
-	}, m = [], u = l ? l.length : 0;
-	for (let e = 0; e < u; e++) {
-		const t = l[e];
-		m.push(j(I, {
+	}, u = [], m = a ? a.length : 0;
+	for (let e = 0; e < m; e++) {
+		const t = a[e];
+		u.push(W($, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
-			propsTooltip: { description: a("insertFunction.insertNamed", { name: t.getName() ?? a("insertFunction.fallbackLabel") }) },
-			icon: j(v, { iconKey: "FormulaCustom" }),
-			label: t.getName() ?? a("insertFunction.fallbackLabel")
+			propsTooltip: { description: l("insertFunction.insertNamed", { name: t.getName() ?? l("insertFunction.fallbackLabel") }) },
+			icon: W(v, { iconKey: "FormulaCustom" }),
+			label: t.getName() ?? l("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
-	const h = H(p, {
+	const f = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -851,62 +870,60 @@ var be = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [m.length > 0 ? H(W, { children: [j(p, {
+		children: [u.length > 0 ? H(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
-			children: m
-		}), j(E, { orientation: "horizontal" })] }) : null, t(I, {
+			children: u
+		}), W(E, { orientation: "horizontal" })] }) : null, t($, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
 		})]
 	});
-	return z({
+	return M({
 		...n,
-		children: h
+		children: f
 	});
 }));
-be.displayName = "InsertFunctionPopupPanel";
-var ve = n(r((e, t) => {
-	const { disabled: r, groupKey: n, ...o } = e, a = F("customFunctionOptions");
-	return j(L, {
+Ne.displayName = "InsertFunctionPopupPanel";
+var De = n(r((e, t) => {
+	const { disabled: r, groupKey: n, ...o } = e, l = F("customFunctionOptions"), a = i((e) => {
+		const t = W(Ne, {
+			disabled: r,
+			groupKey: n,
+			...e
+		});
+		return M({
+			...e,
+			children: t
+		});
+	}, [r, n]);
+	return W(P, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: i((e) => {
-			const t = j(be, {
-				disabled: r,
-				groupKey: n,
-				...e
-			});
-			return z({
-				...e,
-				children: t
-			});
-		}, [r, n]),
-		label: a?.getLabel?.(),
-		tooltip: a?.getDescription?.(),
+		renderPopupPanel: a,
+		label: l?.getLabel?.(),
+		tooltip: l?.getDescription?.(),
 		icon: "FormulaCustom",
 		...o
 	});
 }));
-ve.displayName = "InsertFunctionContribution";
-var we = () => {
-	J(), b.register("plugin-scripts", { icons: {} }), B.registerTaskPane({
+De.displayName = "InsertFunctionContribution";
+var Te = () => {
+	J(), b.register("plugin-scripts", { icons: {} }), z.registerTaskPane({
 		key: "scriptEditor",
-		getTitle: () => "Script (Typescript)",
-		getIcon: () => "ScriptRun",
-		component: ye,
+		component: Fe,
 		keepMounted: !0
 	}, !0), S.register({ key: "scriptsOptions" }, !0), S.register({ key: "customFunctionOptions" }, !0), S.register({
 		key: "scripting.runScript.home",
 		contributions: { homeToolbar: {} },
-		render: (t) => e.createElement(Se, { ...t })
+		render: (t) => e.createElement(Ke, { ...t })
 	}, !0), S.register({
 		key: "scripting.runScript.view",
 		contributions: { viewToolbar: { order: 10 } },
-		render: (t) => e.createElement(Se, {
+		render: (t) => e.createElement(Ke, {
 			...t,
 			groupKey: "view",
 			alwaysShow: !0
@@ -917,7 +934,7 @@ var we = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(ve, { ...t })
+		render: (t) => e.createElement(De, { ...t })
 	}, !0);
 };
-export { le as InsertScriptCommandButton, Y as RunScriptCommandButton, se as ScriptEditorToolbar, ye as ScriptTaskPane, de as ScriptWorkspace, we as ScriptingPlugin };
+export { fe as InsertScriptCommandButton, te as RunScriptCommandButton, he as ScriptEditorToolbar, Fe as ScriptTaskPane, ge as ScriptWorkspace, Te as ScriptingPlugin };