@burdenoff/fe-libs 2026.1017.12 → 2026.1019.1

package/dist/chrome/PersonaSurfaceControls.js

@@ -1,12 +1,13 @@
 import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
 import { useShellUi as t } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as n } from "../shared/providers/shell/PersonaSurfaceProvider.js";
-import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { Check as s, ChevronsUpDown as c, Eye as l, Plus as u, Search as d, SlidersHorizontal as f, X as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { createPortal as _ } from "react-dom";
+import { interpolateShellLabel as r } from "../shared/providers/shell/interpolateShellLabel.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Check as c, ChevronsUpDown as l, Eye as u, Plus as d, Search as f, SlidersHorizontal as p, X as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortal as ee } from "react-dom";
 //#region src/chrome/PersonaSurfaceControls.tsx
-function ee(e, t) {
+function v(e, t) {
 	let { surfaces: n, availableSurfaceIds: r, resolvedSurfaceId: i } = e, a = (e) => e === "everything" ? t : n.find((t) => t.id === e)?.label ?? e, o = [...r];
 	return o.sort((e, t) => {
 		let n = (e) => e === i ? 0 : e === "everything" ? 2 : 1;
@@ -17,15 +18,15 @@ function ee(e, t) {
 		isResolved: e === i
 	}));
 }
-var v = 300;
-function y({ everythingLabel: e, onOpenCustomize: t }) {
-	let f = n(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(null), T = a(null), E = a(null), D = a(null), O = a(null), k = r(() => {
-		b(!1), S("");
-	}, []), A = r(() => {
-		let e = E.current?.getBoundingClientRect();
+var y = 300;
+function b({ everythingLabel: t, onOpenCustomize: r }) {
+	let p = e(), b = n(), [x, S] = s(!1), [C, w] = s(""), [T, E] = s(null), D = o(null), O = o(null), k = o(null), A = o(null), j = i(() => {
+		S(!1), w("");
+	}, []), M = i(() => {
+		let e = O.current?.getBoundingClientRect();
 		if (!e) return;
-		let t = window.innerWidth, n = Math.min(Math.max(e.width, v), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
-		w((t) => {
+		let t = window.innerWidth, n = Math.min(Math.max(e.width, y), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
+		E((t) => {
 			let i = window.innerHeight - e.top + 8;
 			return t && t.left === r && t.bottom === i && t.width === n ? t : {
 				left: r,
@@ -34,242 +35,238 @@ function y({ everythingLabel: e, onOpenCustomize: t }) {
 			};
 		});
 	}, []);
-	if (i(() => {
-		if (!y) {
-			w(null);
+	if (a(() => {
+		if (!x) {
+			E(null);
 			return;
 		}
-		A(), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0);
-		let e = typeof ResizeObserver < "u" && E.current ? new ResizeObserver(A) : null;
-		return e && E.current && e.observe(E.current), () => {
-			window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0), e?.disconnect();
+		M(), window.addEventListener("resize", M), window.addEventListener("scroll", M, !0);
+		let e = typeof ResizeObserver < "u" && O.current ? new ResizeObserver(M) : null;
+		return e && O.current && e.observe(O.current), () => {
+			window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0), e?.disconnect();
 		};
-	}, [y, A]), i(() => {
-		if (!y) return;
+	}, [x, M]), a(() => {
+		if (!x) return;
 		let e = (e) => {
 			let t = e.target;
-			!T.current?.contains(t) && !D.current?.contains(t) && k();
+			!D.current?.contains(t) && !k.current?.contains(t) && j();
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
 		};
-	}, [y, k]), i(() => {
-		y && O.current?.focus();
-	}, [y]), !f) return null;
-	let { activeSurfaceId: j, surfaces: te, resolvedSurfaceId: M, setSurfaceId: N, canSimulate: P, simulation: F, startSimulation: I, stopSimulation: L, simulatableRoles: R, simulatableRolesLoading: z, loadSimulatableRoles: B, customViews: V, canManageViews: H } = f, U = ee(f, e), W = x.trim().toLowerCase(), G = W ? U.filter((e) => e.label.toLowerCase().includes(W)) : U, K = W ? V.filter((e) => e.name.toLowerCase().includes(W)) : V, q = W ? R.filter((e) => e.name.toLowerCase().includes(W)) : R, J = F ? F.roleName : U.find((e) => e.id === j)?.label ?? te.find((e) => e.id === j)?.label ?? V.find((e) => e.id === j)?.name ?? e, Y = () => {
-		if (y) {
-			k();
+	}, [x, j]), a(() => {
+		x && A.current?.focus();
+	}, [x]), !b) return null;
+	let { activeSurfaceId: N, surfaces: P, resolvedSurfaceId: F, setSurfaceId: I, canSimulate: L, simulation: R, startSimulation: te, stopSimulation: z, simulatableRoles: B, simulatableRolesLoading: V, loadSimulatableRoles: ne, customViews: H, canManageViews: U } = b, W = v(b, t), G = C.trim().toLowerCase(), K = G ? W.filter((e) => e.label.toLowerCase().includes(G)) : W, q = G ? H.filter((e) => e.name.toLowerCase().includes(G)) : H, J = G ? B.filter((e) => e.name.toLowerCase().includes(G)) : B, Y = R ? R.roleName : W.find((e) => e.id === N)?.label ?? P.find((e) => e.id === N)?.label ?? H.find((e) => e.id === N)?.name ?? t, re = () => {
+		if (x) {
+			j();
 			return;
 		}
-		P && B(), b(!0);
+		L && ne(), S(!0);
 	}, X = (e) => {
-		e.key === "Escape" && y && (e.preventDefault(), e.stopPropagation(), k());
+		e.key === "Escape" && x && (e.preventDefault(), e.stopPropagation(), j());
 	}, Z = (e) => {
-		F && L(), N(e === M ? null : e), k();
+		R && z(), I(e === F ? null : e), j();
 	}, Q = "flex w-full min-h-9 items-center gap-2 rounded-button px-2.5 py-1.5 text-left text-body-sm text-text-primary hover:bg-bg-sunken transition-colors", $ = "px-2.5 pb-1 pt-2.5 text-[11px] font-medium uppercase tracking-wider text-text-muted";
-	return /* @__PURE__ */ g("div", {
-		ref: T,
+	return /* @__PURE__ */ _("div", {
+		ref: D,
 		className: "relative min-w-0 flex-1",
 		onKeyDown: X,
-		children: [y && C && typeof document < "u" && _(/* @__PURE__ */ g("div", {
-			ref: D,
+		children: [x && T && typeof document < "u" && ee(/* @__PURE__ */ _("div", {
+			ref: k,
 			style: {
-				left: C.left,
-				bottom: C.bottom,
-				width: C.width
+				left: T.left,
+				bottom: T.bottom,
+				width: T.width
 			},
 			className: "fixed z-[130] flex max-h-80 flex-col overflow-hidden rounded-card border border-border-subtle bg-bg-canvas shadow-lg",
 			role: "listbox",
 			"data-testid": "persona-view-panel",
 			onKeyDown: X,
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2 border-b border-border-subtle px-2.5 py-2",
-				children: [/* @__PURE__ */ h(d, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ h("input", {
-					ref: O,
-					value: x,
-					onChange: (e) => S(e.target.value),
-					placeholder: "Search views & roles",
+				children: [/* @__PURE__ */ g(f, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ g("input", {
+					ref: A,
+					value: C,
+					onChange: (e) => w(e.target.value),
+					placeholder: p("nav.searchViewsRoles", "Search views & roles"),
 					className: "w-full bg-transparent text-body-sm text-text-primary outline-none placeholder:text-text-muted",
 					"data-testid": "persona-view-search"
 				})]
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "overflow-y-auto py-1",
 				children: [
-					G.length > 0 && /* @__PURE__ */ h("p", {
+					K.length > 0 && /* @__PURE__ */ g("p", {
 						className: $,
-						children: "Views"
+						children: p("nav.views", "Views")
 					}),
-					G.map((e) => {
-						let t = !F && e.id === j;
-						return /* @__PURE__ */ g("button", {
+					K.map((e) => {
+						let t = !R && e.id === N;
+						return /* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => Z(e.id),
 							className: Q,
 							"data-testid": `persona-view-${e.id}`,
 							children: [
-								/* @__PURE__ */ h(s, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g(c, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
+								/* @__PURE__ */ g("span", {
 									className: "truncate",
 									children: e.label
 								}),
-								e.isResolved && /* @__PURE__ */ h("span", {
+								e.isResolved && /* @__PURE__ */ g("span", {
 									className: "ml-auto flex-shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
-									children: "Your role"
+									children: p("nav.yourRole", "Your role")
 								})
 							]
 						}, e.id);
 					}),
-					(K.length > 0 || H && !W) && /* @__PURE__ */ g(m, { children: [
-						/* @__PURE__ */ h("p", {
+					(q.length > 0 || U && !G) && /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g("p", {
 							className: $,
-							children: "My views"
+							children: p("nav.myViews", "My views")
 						}),
-						K.map((e) => {
-							let t = !F && e.id === j;
-							return /* @__PURE__ */ g("button", {
+						q.map((e) => {
+							let t = !R && e.id === N;
+							return /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => Z(e.id),
 								className: Q,
 								"data-testid": `persona-view-${e.id}`,
-								children: [/* @__PURE__ */ h(s, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(c, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }), /* @__PURE__ */ g("span", {
 									className: "truncate",
 									children: e.name
 								})]
 							}, e.id);
 						}),
-						H && !W && /* @__PURE__ */ g("button", {
+						U && !G && /* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => {
-								k(), t();
+								j(), r();
 							},
 							className: `${Q} text-text-secondary`,
 							"data-testid": "persona-view-create",
-							children: [/* @__PURE__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: "New view from current…" })]
+							children: [/* @__PURE__ */ g(d, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ g("span", { children: p("nav.newViewFromCurrent", "New view from current…") })]
 						})
 					] }),
-					P && /* @__PURE__ */ g(m, { children: [
-						/* @__PURE__ */ h("p", {
+					L && /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g("p", {
 							className: $,
-							children: "Preview a role"
+							children: p("nav.previewARole", "Preview a role")
 						}),
-						F && /* @__PURE__ */ g("button", {
+						R && /* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => {
-								L(), k();
+								z(), j();
 							},
 							className: `${Q} text-status-warning-text`,
 							"data-testid": "persona-view-exit-preview",
-							children: [/* @__PURE__ */ h(p, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: "Exit preview" })]
+							children: [/* @__PURE__ */ g(m, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ g("span", { children: p("nav.exitPreview", "Exit preview") })]
 						}),
-						z && /* @__PURE__ */ h("p", {
+						V && /* @__PURE__ */ g("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
-							children: "Loading roles…"
+							children: p("inviteMemberDialog.loadingRoles", "Loading roles…")
 						}),
-						q.map((e) => {
-							let t = F?.roleId === e.id;
-							return /* @__PURE__ */ g("button", {
+						J.map((e) => {
+							let t = R?.roleId === e.id;
+							return /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => {
-									I(e), k();
+									te(e), j();
 								},
 								className: Q,
 								"data-testid": `persona-preview-${e.id}`,
 								children: [
-									/* @__PURE__ */ h(l, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g(u, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
+									/* @__PURE__ */ g("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									t && /* @__PURE__ */ h(s, { className: "ml-auto size-4 flex-shrink-0" })
+									t && /* @__PURE__ */ g(c, { className: "ml-auto size-4 flex-shrink-0" })
 								]
 							}, e.id);
 						}),
-						!z && q.length === 0 && W && /* @__PURE__ */ h("p", {
+						!V && J.length === 0 && G && /* @__PURE__ */ g("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
-							children: "No matching roles"
+							children: p("nav.noMatchingRoles", "No matching roles")
 						})
 					] }),
-					G.length === 0 && (!P || q.length === 0) && W && /* @__PURE__ */ h("p", {
+					K.length === 0 && (!L || J.length === 0) && G && /* @__PURE__ */ g("p", {
 						className: "px-2.5 py-1.5 text-body-sm text-text-muted",
-						children: "No matches"
+						children: p("conversations.empty.search.title", "No matches")
 					})
 				]
 			})]
-		}), document.body), /* @__PURE__ */ g("button", {
-			ref: E,
+		}), document.body), /* @__PURE__ */ _("button", {
+			ref: O,
 			type: "button",
-			onClick: Y,
-			"aria-expanded": y,
+			onClick: re,
+			"aria-expanded": x,
 			"aria-haspopup": "listbox",
-			className: `flex w-full min-h-9 items-center gap-2 rounded-button border px-2.5 py-1.5 text-body-sm transition-colors ${F ? "border-status-warning-text/40 bg-status-warning-bg-subtle text-text-primary" : "border-border-subtle bg-bg-canvas text-text-primary hover:bg-bg-sunken"}`,
+			className: `flex w-full min-h-9 items-center gap-2 rounded-button border px-2.5 py-1.5 text-body-sm transition-colors ${R ? "border-status-warning-text/40 bg-status-warning-bg-subtle text-text-primary" : "border-border-subtle bg-bg-canvas text-text-primary hover:bg-bg-sunken"}`,
 			"data-testid": "persona-view-trigger",
 			children: [
-				F ? /* @__PURE__ */ h(l, { className: "size-4 flex-shrink-0 text-status-warning-text" }) : /* @__PURE__ */ h(s, { className: "size-4 flex-shrink-0 text-text-muted" }),
-				/* @__PURE__ */ h("span", {
+				R ? /* @__PURE__ */ g(u, { className: "size-4 flex-shrink-0 text-status-warning-text" }) : /* @__PURE__ */ g(c, { className: "size-4 flex-shrink-0 text-text-muted" }),
+				/* @__PURE__ */ g("span", {
 					className: "min-w-0 flex-1 truncate text-left",
-					children: F ? `Preview: ${J}` : J
+					children: R ? p("nav.previewNamedView", "Preview: {{name}}", { name: Y }) : Y
 				}),
-				/* @__PURE__ */ h(c, { className: "size-4 flex-shrink-0 text-text-muted" })
+				/* @__PURE__ */ g(l, { className: "size-4 flex-shrink-0 text-text-muted" })
 			]
 		})]
 	});
 }
-function b({ everythingLabel: r, customizeLabel: i }) {
+function x({ everythingLabel: r, customizeLabel: i }) {
 	let a = n(), { sidebarCollapsed: o, toggleSidebar: s } = t(), c = e(), l = r ?? c("nav.everything", "Everything"), u = i ?? c("nav.customizeMenu", "Customize menu");
 	if (!a) return null;
-	let { setCustomizeOpen: d } = a, p = () => {
+	let { setCustomizeOpen: d } = a, f = () => {
 		typeof window < "u" && window.innerWidth < 768 && !o && s(), d(!0);
-	}, m = /* @__PURE__ */ h("button", {
+	}, m = /* @__PURE__ */ g("button", {
 		type: "button",
-		onClick: p,
+		onClick: f,
 		className: "p-2 rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors flex-shrink-0",
 		"aria-label": u,
 		title: u,
 		"data-testid": "persona-customize-trigger",
-		children: /* @__PURE__ */ h(f, { className: "size-4" })
+		children: /* @__PURE__ */ g(p, { className: "size-4" })
 	});
-	return o ? /* @__PURE__ */ h("div", {
+	return o ? /* @__PURE__ */ g("div", {
 		className: "hidden md:flex justify-center",
 		"data-testid": "persona-controls-collapsed",
 		children: m
-	}) : /* @__PURE__ */ g("div", {
+	}) : /* @__PURE__ */ _("div", {
 		className: "flex items-center gap-1",
 		"data-testid": "persona-controls",
-		children: [/* @__PURE__ */ h(y, {
+		children: [/* @__PURE__ */ g(b, {
 			everythingLabel: l,
-			onOpenCustomize: p
+			onOpenCustomize: f
 		}), m]
 	});
 }
-function x() {
-	let e = n();
-	return e?.simulation ? /* @__PURE__ */ g("div", {
+function S() {
+	let t = e(), i = n();
+	return i?.simulation ? /* @__PURE__ */ _("div", {
 		className: "fixed bottom-4 left-1/2 z-[120] -translate-x-1/2 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-full border border-border-subtle bg-bg-canvas px-4 py-2 shadow-lg",
 		style: { marginBottom: "env(safe-area-inset-bottom)" },
 		role: "status",
 		"data-testid": "persona-simulation-pill",
 		children: [
-			/* @__PURE__ */ h(l, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
+			/* @__PURE__ */ g(u, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
 			/* @__PURE__ */ g("span", {
 				className: "truncate text-body-sm text-text-primary",
-				children: [
-					"Viewing as ",
-					/* @__PURE__ */ h("span", {
-						className: "font-semibold",
-						children: e.simulation.roleName
-					}),
-					" (simulated)"
-				]
+				children: r(t("nav.simulationSummary", "Viewing as {{role}} (simulated)"), { role: /* @__PURE__ */ g("span", {
+					className: "font-semibold",
+					children: i.simulation.roleName
+				}) })
 			}),
-			/* @__PURE__ */ h("button", {
+			/* @__PURE__ */ g("button", {
 				type: "button",
-				onClick: e.stopSimulation,
+				onClick: i.stopSimulation,
 				className: "rounded-full px-2 py-0.5 text-body-sm font-medium text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 				"data-testid": "persona-simulation-pill-exit",
-				children: "Exit"
+				children: t("nav.exit", "Exit")
 			})
 		]
 	}) : null;
 }
 //#endregion
-export { x as PersonaSimulationPill, b as PersonaSurfaceControls };
+export { S as PersonaSimulationPill, x as PersonaSurfaceControls };

package/dist/chrome/PluginSettingsPage.js

@@ -1,57 +1,58 @@
-import { useSettingsRegistryStore as e } from "../shared/plugins/registries/useSettingsRegistry.js";
-import { useEffect as t, useMemo as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { useSettingsRegistryStore as t } from "../shared/plugins/registries/useSettingsRegistry.js";
+import { useEffect as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/chrome/PluginSettingsPage.tsx
-var o = () => {
-	let o = e((e) => e.items), s = n(() => o.filter((e) => e.visible !== !1), [o]), c = n(() => {
+var s = () => {
+	let s = e(), c = t((e) => e.items), l = r(() => c.filter((e) => e.visible !== !1), [c]), u = r(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of s) {
+		for (let t of l) {
 			let n = t.category || "General";
 			e.has(n) || e.set(n, []), e.get(n).push(t);
 		}
 		return e;
-	}, [s]), l = Array.from(c.keys()), [u, d] = r(l[0] ?? "");
-	if (t(() => {
-		(!u || !c.has(u)) && d(l[0] ?? "");
+	}, [l]), d = Array.from(u.keys()), [f, p] = i(d[0] ?? "");
+	if (n(() => {
+		(!f || !u.has(f)) && p(d[0] ?? "");
 	}, [
+		f,
 		u,
-		c,
-		l
-	]), s.length === 0) return /* @__PURE__ */ i("div", {
+		d
+	]), l.length === 0) return /* @__PURE__ */ a("div", {
 		className: "p-6 text-text-secondary text-sm",
-		children: "No plugin settings available."
+		children: s("appShell.noPluginSettingsAvailable", "No plugin settings available.")
 	});
-	let f = c.get(u) ?? [];
-	return /* @__PURE__ */ a("div", {
+	let m = u.get(f) ?? [];
+	return /* @__PURE__ */ o("div", {
 		className: "flex h-full",
 		"data-ui-plugin-settings-page": "true",
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "w-52 border-r border-border-default p-4 flex-shrink-0",
-			children: [/* @__PURE__ */ i("h2", {
+			children: [/* @__PURE__ */ a("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Settings"
-			}), /* @__PURE__ */ i("nav", {
+				children: s("common.actions.settings", "Settings")
+			}), /* @__PURE__ */ a("nav", {
 				className: "space-y-1",
-				children: l.map((e) => /* @__PURE__ */ i("button", {
-					onClick: () => d(e),
-					className: `w-full text-left px-3 py-2 rounded-button text-sm transition-colors ${e === u ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"}`,
+				children: d.map((e) => /* @__PURE__ */ a("button", {
+					onClick: () => p(e),
+					className: `w-full text-left px-3 py-2 rounded-button text-sm transition-colors ${e === f ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"}`,
 					children: e
 				}, e))
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "flex-1 p-6 overflow-auto",
-			children: f.map((e) => {
+			children: m.map((e) => {
 				let t = e.component;
-				return /* @__PURE__ */ a("div", {
+				return /* @__PURE__ */ o("div", {
 					className: "mb-8",
-					children: [/* @__PURE__ */ i("h3", {
+					children: [/* @__PURE__ */ a("h3", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: e.label
-					}), /* @__PURE__ */ i(t, {})]
+					}), /* @__PURE__ */ a(t, {})]
 				}, e.id);
 			})
 		})]
 	});
 };
 //#endregion
-export { o as PluginSettingsPage };
+export { s as PluginSettingsPage };

package/dist/chrome/PluginWidgetGrid.js

@@ -1,37 +1,38 @@
-import { useWidgetRegistryStore as e } from "../shared/plugins/registries/useWidgetRegistry.js";
-import { useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { useWidgetRegistryStore as t } from "../shared/plugins/registries/useWidgetRegistry.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/chrome/PluginWidgetGrid.tsx
-var i = ({ category: i, emptyState: a = "No plugin widgets registered." }) => {
-	let o = e((e) => e.items), s = t(() => o.filter((e) => e.visible !== !1).filter((e) => i ? e.category === i : !0).sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), [i, o]);
-	return s.length === 0 ? /* @__PURE__ */ n("div", {
+var a = ({ category: a, emptyState: o }) => {
+	let s = e(), c = t((e) => e.items), l = n(() => c.filter((e) => e.visible !== !1).filter((e) => a ? e.category === a : !0).sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), [a, c]);
+	return l.length === 0 ? /* @__PURE__ */ r("div", {
 		className: "rounded-card border border-border-subtle bg-bg-surface p-6 text-sm text-text-secondary",
-		children: a
-	}) : /* @__PURE__ */ n("div", {
+		children: o ?? s("appShell.noPluginWidgets", "No plugin widgets registered.")
+	}) : /* @__PURE__ */ r("div", {
 		className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",
 		"data-ui-plugin-widget-grid": "true",
-		children: s.map((e) => {
-			let t = e.component, i = e.defaultSize.cols >= 4 ? "md:col-span-2 xl:col-span-4" : e.defaultSize.cols === 3 ? "md:col-span-2 xl:col-span-3" : e.defaultSize.cols === 2 ? "md:col-span-2 xl:col-span-2" : "md:col-span-1 xl:col-span-1", a = { minHeight: `${Math.max(1, e.defaultSize.rows) * 10}rem` };
-			return /* @__PURE__ */ r("section", {
-				className: `rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1 transition-all duration-200 ${i}`,
+		children: l.map((e) => {
+			let t = e.component, n = e.defaultSize.cols >= 4 ? "md:col-span-2 xl:col-span-4" : e.defaultSize.cols === 3 ? "md:col-span-2 xl:col-span-3" : e.defaultSize.cols === 2 ? "md:col-span-2 xl:col-span-2" : "md:col-span-1 xl:col-span-1", a = { minHeight: `${Math.max(1, e.defaultSize.rows) * 10}rem` };
+			return /* @__PURE__ */ i("section", {
+				className: `rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1 transition-all duration-200 ${n}`,
 				style: a,
 				"data-ui-plugin-widget": e.id,
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center justify-between border-b border-border-subtle px-4 py-3",
-					children: /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+					children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h2", {
 						className: "text-sm font-semibold text-text-primary",
 						children: e.title
-					}), e.description ? /* @__PURE__ */ n("p", {
+					}), e.description ? /* @__PURE__ */ r("p", {
 						className: "mt-1 text-xs text-text-secondary",
 						children: e.description
 					}) : null] })
-				}), /* @__PURE__ */ n("div", {
+				}), /* @__PURE__ */ r("div", {
 					className: "h-[calc(100%-4rem)] p-4",
-					children: /* @__PURE__ */ n(t, { widgetId: e.id })
+					children: /* @__PURE__ */ r(t, { widgetId: e.id })
 				})]
 			}, e.id);
 		})
 	});
 };
 //#endregion
-export { i as PluginWidgetGrid };
+export { a as PluginWidgetGrid };