@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/layout/TabStrip.js

@@ -1,77 +1,78 @@
-import { pluralText as e } from "../../lib/language.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Dropdown as n } from "../primitives/Dropdown.js";
-import { useText as r } from "../../hooks/useText.js";
-import { MenuItem as i } from "../primitives/MenuItem.js";
-import { DynamicIcon as a } from "../shared/DynamicIcon.js";
-import { usePreferencesStore as o } from "../../stores/preferences.js";
-import { tabIdsForCloseScope as s, useTabStore as c } from "../../stores/tabs.js";
-import { pageInsetX as l } from "../../lib/page-inset.js";
-import { useTabTitle as u } from "../../hooks/useTabTitle.js";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useNavigate as _ } from "react-router";
+import { usePreferencesStore as e } from "../../stores/preferences.js";
+import { pluralText as t } from "../../lib/language.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { Dropdown as r } from "../primitives/Dropdown.js";
+import { useText as i } from "../../hooks/useText.js";
+import { MenuItem as a } from "../primitives/MenuItem.js";
+import { DynamicIcon as o } from "../shared/DynamicIcon.js";
+import { shortcutLabel as s } from "../../lib/shortcut.js";
+import { tabIdsForCloseScope as c, useTabStore as l } from "../../stores/tabs.js";
+import { pageInsetX as u } from "../../lib/page-inset.js";
+import { useTabTitle as d } from "../../hooks/useTabTitle.js";
+import { useCallback as f, useEffect as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useNavigate as v } from "react-router";
 //#region src/components/layout/TabStrip.tsx
-function v({ onNew: n, onCloseRequest: i } = {}) {
-	let v = r(), b = u(), x = _(), S = p(null), C = p(null), w = p(null), T = p(!1), [E, D] = m(!1), O = c((e) => e.tabs), k = c((e) => e.activeTabId), A = o((e) => e.tabsMaxOpen), j = c((e) => e.switchTab), M = c((e) => e.closeTab), N = O.findIndex((e) => e.id === k);
-	f(() => {
-		let e = N === O.length - 1 ? w.current : C.current;
+function y({ onNew: r, onCloseRequest: a } = {}) {
+	let y = i(), x = d(), S = v(), C = m(null), w = m(null), T = m(null), E = m(!1), [D, O] = h(!1), k = l((e) => e.tabs), A = l((e) => e.activeTabId), j = e((e) => e.tabsMaxOpen), M = l((e) => e.switchTab), N = l((e) => e.closeTab), P = k.findIndex((e) => e.id === A);
+	p(() => {
+		let e = P === k.length - 1 ? T.current : w.current;
 		e && (e.scrollIntoView({
 			block: "nearest",
 			inline: "nearest",
-			behavior: T.current ? "smooth" : "auto"
-		}), T.current = !0);
+			behavior: E.current ? "smooth" : "auto"
+		}), E.current = !0);
 	}, [
-		k,
-		N,
-		O.length
+		A,
+		P,
+		k.length
 	]);
-	let P = d((e, t) => {
-		let n = O[e];
-		n && (j(n.id), x({
+	let F = f((e, t) => {
+		let n = k[e];
+		n && (M(n.id), S({
 			pathname: n.pathname,
 			search: n.search || void 0
 		}));
 	}, [
-		O,
-		j,
-		x
-	]), F = d((e) => {
-		let t = O[e];
+		k,
+		M,
+		S
+	]), I = f((e) => {
+		let t = k[e];
 		if (!t) return;
-		if (i) {
-			i("current", t.id);
+		if (a) {
+			a("current", t.id);
 			return;
 		}
-		let n = t.id === k;
-		if (M(t.id), n) {
-			let n = O.filter((e) => e.id !== t.id);
+		let n = t.id === A;
+		if (N(t.id), n) {
+			let n = k.filter((e) => e.id !== t.id);
 			if (n.length > 0) {
 				let t = n[e < n.length ? e : n.length - 1];
-				x({
+				S({
 					pathname: t.pathname,
 					search: t.search || void 0
 				});
 			}
 		}
 	}, [
-		O,
 		k,
-		M,
-		x,
-		i
-	]), I = d((e) => {
-		D(!1), i ? i(e) : e === "current" && N >= 0 && F(N);
-	}, [
+		A,
 		N,
-		F,
-		i
-	]), L = d(() => {
-		n ? n() : x("/");
-	}, [n, x]);
-	if (O.length === 0) return null;
-	let R = N >= 0 && O.length > 1 && O[N]?.closable !== !1, z = s(O, k, "others").length > 0, B = s(O, k, "right").length > 0, V = O.length >= A ? "danger" : O.length >= Math.ceil(A * .8) ? "warning" : "normal", H = V === "danger" ? "var(--danger)" : V === "warning" ? "var(--warn)" : "var(--text-3)";
-	return /* @__PURE__ */ g("div", {
+		S,
+		a
+	]), L = f((e) => {
+		O(!1), a ? a(e) : e === "current" && P >= 0 && I(P);
+	}, [
+		P,
+		I,
+		a
+	]), R = f(() => {
+		r ? r() : S("/");
+	}, [r, S]);
+	if (k.length === 0) return null;
+	let z = P >= 0 && k.length > 1 && k[P]?.closable !== !1, B = c(k, A, "others").length > 0, V = c(k, A, "right").length > 0, H = k.length >= j ? "danger" : k.length >= Math.ceil(j * .8) ? "warning" : "normal", U = H === "danger" ? "var(--danger)" : H === "warning" ? "var(--warn)" : "var(--text-3)";
+	return /* @__PURE__ */ _("div", {
 		style: {
 			display: "flex",
 			alignItems: "stretch",
@@ -81,7 +82,7 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 			overflow: "hidden",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "scrollbar-none",
 			style: {
 				display: "flex",
@@ -90,22 +91,22 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 				flex: 1,
 				gap: 0
 			},
-			children: [O.map((e, n) => {
-				let r = n === N, i = O.length > 1 && e.closable !== !1;
-				return /* @__PURE__ */ g("div", {
+			children: [k.map((e, t) => {
+				let r = t === P, i = k.length > 1 && e.closable !== !1;
+				return /* @__PURE__ */ _("div", {
 					"data-testid": "tabstrip-tab",
-					ref: r ? C : void 0,
-					onClick: (e) => P(n, { newTab: e.metaKey || e.ctrlKey }),
+					ref: r ? w : void 0,
+					onClick: (e) => F(t, { newTab: e.metaKey || e.ctrlKey }),
 					onAuxClick: (e) => {
-						e.button === 1 && (e.preventDefault(), F(n));
+						e.button === 1 && (e.preventDefault(), I(t));
 					},
-					title: b(e),
+					title: x(e),
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 6,
 						height: "100%",
-						...l(11),
+						...u(11),
 						background: r ? "var(--surface)" : "transparent",
 						borderRight: "1px solid var(--border)",
 						borderTop: r ? "2px solid var(--accent)" : "2px solid transparent",
@@ -120,26 +121,26 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 						fontWeight: r ? 500 : 400
 					},
 					children: [
-						e.icon && /* @__PURE__ */ h("span", {
+						e.icon && /* @__PURE__ */ g("span", {
 							style: {
 								color: r ? "var(--accent)" : "var(--text-4)",
 								display: "flex"
 							},
-							children: /* @__PURE__ */ h(a, {
+							children: /* @__PURE__ */ g(o, {
 								name: e.icon,
 								size: 12
 							})
 						}),
-						/* @__PURE__ */ h("span", {
+						/* @__PURE__ */ g("span", {
 							style: {
 								flex: 1,
 								whiteSpace: "nowrap",
 								overflow: "hidden",
 								textOverflow: "ellipsis"
 							},
-							children: b(e)
+							children: x(e)
 						}),
-						e.dirty && /* @__PURE__ */ h("span", {
+						e.dirty && /* @__PURE__ */ g("span", {
 							style: {
 								width: 6,
 								height: 6,
@@ -147,14 +148,14 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 								background: "var(--warn)",
 								flexShrink: 0
 							},
-							title: v("shell.tabs.unsaved", "Unsaved changes")
+							title: y("shell.tabs.unsaved", "Unsaved changes")
 						}),
-						i && /* @__PURE__ */ h("button", {
+						i && /* @__PURE__ */ g("button", {
 							onClick: (e) => {
-								e.stopPropagation(), F(n);
+								e.stopPropagation(), I(t);
 							},
-							"aria-label": v("shell.tabs.close_named", "Close {title}", { title: b(e) }),
-							title: v("shell.tabs.close_tab", "Close tab"),
+							"aria-label": y("shell.tabs.close_named", "Close {title}", { title: x(e) }),
+							title: y("shell.tabs.close_tab", "Close tab"),
 							style: {
 								display: "flex",
 								background: "transparent",
@@ -171,14 +172,14 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 							onMouseLeave: (e) => {
 								e.currentTarget.style.background = "transparent", e.currentTarget.style.color = "var(--text-4)";
 							},
-							children: /* @__PURE__ */ h(t.x, { size: 11 })
+							children: /* @__PURE__ */ g(n.x, { size: 11 })
 						})
 					]
 				}, e.id);
-			}), /* @__PURE__ */ h("button", {
-				ref: w,
-				onClick: L,
-				title: v("shell.tabs.new", "New tab (⌘T)"),
+			}), /* @__PURE__ */ g("button", {
+				ref: T,
+				onClick: R,
+				title: y("shell.tabs.new", "New tab ({keys})", { keys: s("T") }),
 				style: {
 					width: 32,
 					background: "transparent",
@@ -190,12 +191,12 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 					alignItems: "center",
 					justifyContent: "center"
 				},
-				children: /* @__PURE__ */ h(t.plus, { size: 13 })
+				children: /* @__PURE__ */ g(n.plus, { size: 13 })
 			})]
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "tabstrip-utility",
 			style: {
-				...l(10),
+				...u(10),
 				fontSize: 11,
 				color: "var(--text-4)",
 				display: "flex",
@@ -205,32 +206,32 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 				flexShrink: 0
 			},
 			children: [
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ _("span", {
 					"data-testid": "tabstrip-tab-count",
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 3,
-						color: H,
-						fontWeight: V === "normal" ? 400 : 600
+						color: U,
+						fontWeight: H === "normal" ? 400 : 600
 					},
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "mono num",
 						children: [
-							O.length,
+							k.length,
 							"/",
-							A
+							j
 						]
-					}), /* @__PURE__ */ h("span", {
+					}), /* @__PURE__ */ g("span", {
 						className: "tabstrip-tabs-label",
 						style: { color: "var(--text-3)" },
-						children: e(v, "shell.tabs.count_label", A, {
+						children: t(y, "shell.tabs.count_label", j, {
 							one: "tab",
 							other: "tabs"
 						})
 					})]
 				}),
-				/* @__PURE__ */ h("span", {
+				/* @__PURE__ */ g("span", {
 					className: "tabstrip-utility-divider",
 					style: {
 						width: 1,
@@ -238,11 +239,11 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 						background: "var(--border)"
 					}
 				}),
-				/* @__PURE__ */ h("button", {
-					ref: S,
-					onClick: () => D(!0),
-					title: v("shell.tabs.actions", "Tab actions"),
-					"aria-label": v("shell.tabs.actions", "Tab actions"),
+				/* @__PURE__ */ g("button", {
+					ref: C,
+					onClick: () => O(!0),
+					title: y("shell.tabs.actions", "Tab actions"),
+					"aria-label": y("shell.tabs.actions", "Tab actions"),
 					"data-testid": "tabstrip-actions-button",
 					style: {
 						width: 24,
@@ -262,54 +263,54 @@ function v({ onNew: n, onCloseRequest: i } = {}) {
 					onMouseLeave: (e) => {
 						e.currentTarget.style.background = "transparent";
 					},
-					children: /* @__PURE__ */ h(t.more, { size: 13 })
+					children: /* @__PURE__ */ g(n.more, { size: 13 })
 				}),
-				/* @__PURE__ */ h(y, {
-					open: E,
-					anchor: S.current,
-					onClose: () => D(!1),
-					canCloseCurrent: R,
-					canCloseOthers: z,
-					canCloseRight: B,
-					onAction: I
+				/* @__PURE__ */ g(b, {
+					open: D,
+					anchor: C.current,
+					onClose: () => O(!1),
+					canCloseCurrent: z,
+					canCloseOthers: B,
+					canCloseRight: V,
+					onAction: L
 				})
 			]
 		})]
 	});
 }
-function y({ open: e, anchor: a, onClose: o, canCloseCurrent: s, canCloseOthers: c, canCloseRight: l, onAction: u }) {
-	let d = r();
-	return /* @__PURE__ */ g(n, {
+function b({ open: e, anchor: t, onClose: o, canCloseCurrent: s, canCloseOthers: c, canCloseRight: l, onAction: u }) {
+	let d = i();
+	return /* @__PURE__ */ _(r, {
 		open: e,
 		onClose: o,
-		anchor: a,
+		anchor: t,
 		align: "end",
 		width: 230,
 		children: [
-			/* @__PURE__ */ h(i, {
-				icon: /* @__PURE__ */ h(t.x, { size: 13 }),
+			/* @__PURE__ */ g(a, {
+				icon: /* @__PURE__ */ g(n.x, { size: 13 }),
 				disabled: !s,
 				title: s ? void 0 : d("shell.tabs.none_closable", "No current tab can be closed"),
 				onClick: () => u("current"),
 				children: d("shell.tabs.close_current", "Close current tab")
 			}),
-			/* @__PURE__ */ h(i, {
-				icon: /* @__PURE__ */ h(t.x, { size: 13 }),
+			/* @__PURE__ */ g(a, {
+				icon: /* @__PURE__ */ g(n.x, { size: 13 }),
 				disabled: !c,
 				title: c ? void 0 : d("shell.tabs.no_others", "No other tabs"),
 				onClick: () => u("others"),
 				children: d("shell.tabs.close_others", "Close others")
 			}),
-			/* @__PURE__ */ h(i, {
-				icon: /* @__PURE__ */ h(t.x, { size: 13 }),
+			/* @__PURE__ */ g(a, {
+				icon: /* @__PURE__ */ g(n.x, { size: 13 }),
 				disabled: !l,
 				title: l ? void 0 : d("shell.tabs.none_right", "No tabs to the right"),
 				onClick: () => u("right"),
 				children: d("shell.tabs.close_right", "Close tabs to the right")
 			}),
-			/* @__PURE__ */ h(i, { divider: !0 }),
-			/* @__PURE__ */ h(i, {
-				icon: /* @__PURE__ */ h(t.trash, { size: 13 }),
+			/* @__PURE__ */ g(a, { divider: !0 }),
+			/* @__PURE__ */ g(a, {
+				icon: /* @__PURE__ */ g(n.trash, { size: 13 }),
 				danger: !0,
 				onClick: () => u("all"),
 				children: d("shell.tabs.close_all", "Close all tabs")
@@ -318,4 +319,4 @@ function y({ open: e, anchor: a, onClose: o, canCloseCurrent: s, canCloseOthers:
 	});
 }
 //#endregion
-export { v as TabStrip };
+export { y as TabStrip };

package/dist-lib/components/layout/TenantChip.js

@@ -33,38 +33,38 @@ var f = {
 function m(e) {
 	return e ? f[e] ?? p : f.production;
 }
-function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _, lockedReason: v }) {
-	let y = r(), [b, x] = o(!1), [S, C] = o(""), w = a(null), T = s?.env, E = m(T), D = s?.name || "—", O = s?.role || "—", k = i(() => d.filter((e) => e.is_member !== !1), [d]), A = i(() => d.filter((e) => e.is_member === !1), [d]), j = d.length >= u, M = (e) => {
-		if (!S) return !0;
-		let t = S.toLowerCase();
+function h({ tenant: s, tenants: d, role: f, onSwitch: p, busy: h, compact: _, locked: v, lockedReason: y }) {
+	let b = r(), x = f ?? b("profile.role.none", "No role"), [S, C] = o(!1), [w, T] = o(""), E = a(null), D = s?.env, O = m(D), k = s?.name || "—", A = i(() => d.filter((e) => e.is_member !== !1), [d]), j = i(() => d.filter((e) => e.is_member === !1), [d]), M = d.length >= u, N = (e) => {
+		if (!w) return !0;
+		let t = w.toLowerCase();
 		return e.name.toLowerCase().includes(t) || e.code.toLowerCase().includes(t);
-	}, N = k.filter(M), P = A.filter(M), F = S !== "" && N.length === 0 && P.length === 0;
+	}, P = A.filter(N), F = j.filter(N), I = w !== "" && P.length === 0 && F.length === 0;
 	return /* @__PURE__ */ l("div", {
 		style: { position: "relative" },
 		children: [/* @__PURE__ */ l("button", {
-			ref: w,
-			onClick: () => !_ && x((e) => !e),
+			ref: E,
+			onClick: () => !v && C((e) => !e),
 			"data-testid": "tenant-chip",
-			"data-locked": _ ? "true" : void 0,
+			"data-locked": v ? "true" : void 0,
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				height: 28,
 				padding: "0 8px 0 8px",
-				maxWidth: h ? "100%" : void 0,
+				maxWidth: _ ? "100%" : void 0,
 				minWidth: 0,
 				background: "var(--surface-2)",
 				border: "1px solid var(--border)",
 				borderRadius: "var(--radius-md)",
-				cursor: _ ? "not-allowed" : "pointer",
+				cursor: v ? "not-allowed" : "pointer",
 				color: "var(--text)",
 				fontSize: 12.5,
 				fontWeight: 500,
-				opacity: _ ? .6 : 1
+				opacity: v ? .6 : 1
 			},
-			title: _ ? v || y("shell.tenant.switch_disabled", "Tenant switching is disabled") : y("shell.tenant.current", "Current tenant / environment"),
-			disabled: p || _,
+			title: v ? y || b("shell.tenant.switch_disabled", "Tenant switching is disabled") : b("shell.tenant.current", "Current tenant / environment"),
+			disabled: h || v,
 			children: [
 				/* @__PURE__ */ c(t.tenant, {
 					size: 13,
@@ -77,13 +77,13 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 					style: {
 						fontWeight: 600,
 						minWidth: 0,
-						overflow: h ? "hidden" : void 0,
-						textOverflow: h ? "ellipsis" : void 0,
-						whiteSpace: h ? "nowrap" : void 0
+						overflow: _ ? "hidden" : void 0,
+						textOverflow: _ ? "ellipsis" : void 0,
+						whiteSpace: _ ? "nowrap" : void 0
 					},
-					children: D
+					children: k
 				}),
-				T && /* @__PURE__ */ c("span", {
+				D && /* @__PURE__ */ c("span", {
 					className: "mono",
 					style: {
 						padding: "2px 6px",
@@ -92,12 +92,12 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 						fontWeight: 700,
 						letterSpacing: "0.06em",
 						textTransform: "uppercase",
-						background: E.bg,
-						color: E.fg,
-						border: `1px solid ${E.border}`,
+						background: O.bg,
+						color: O.fg,
+						border: `1px solid ${O.border}`,
 						flex: "none"
 					},
-					children: T
+					children: D
 				}),
 				/* @__PURE__ */ c(t.down, {
 					size: 11,
@@ -108,9 +108,9 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 				})
 			]
 		}), /* @__PURE__ */ l(n, {
-			open: b,
-			anchor: w.current,
-			onClose: () => x(!1),
+			open: S,
+			anchor: E.current,
+			onClose: () => C(!1),
 			width: 300,
 			align: "start",
 			children: [
@@ -128,7 +128,7 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 								fontWeight: 700,
 								textTransform: "uppercase"
 							},
-							children: y("shell.tenant.active_scope", "Active scope")
+							children: b("shell.tenant.active_scope", "Active scope")
 						}),
 						/* @__PURE__ */ l("div", {
 							style: {
@@ -147,9 +147,9 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 										fontSize: 13,
 										fontWeight: 600
 									},
-									children: D
+									children: k
 								}),
-								T && /* @__PURE__ */ c("span", {
+								D && /* @__PURE__ */ c("span", {
 									className: "mono",
 									style: {
 										marginLeft: "auto",
@@ -157,10 +157,10 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 										borderRadius: "var(--radius-xs)",
 										fontSize: 10,
 										fontWeight: 700,
-										background: E.bg,
-										color: E.fg
+										background: O.bg,
+										color: O.fg
 									},
-									children: T
+									children: D
 								})
 							]
 						}),
@@ -170,26 +170,26 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: e(y("shell.tenant.role", "Role: {role}"), { role: /* @__PURE__ */ c("span", {
+							children: e(b("shell.tenant.role", "Role: {role}"), { role: /* @__PURE__ */ c("span", {
 								style: {
 									color: "var(--text-2)",
 									fontWeight: 500
 								},
-								children: O
+								children: x
 							}) })
 						})
 					]
 				}),
-				j && /* @__PURE__ */ c("div", {
+				M && /* @__PURE__ */ c("div", {
 					style: {
 						padding: "8px 10px 4px",
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: /* @__PURE__ */ c("input", {
 						type: "text",
-						value: S,
-						onChange: (e) => C(e.target.value),
-						placeholder: y("shell.tenant.search", "Search tenants…"),
+						value: w,
+						onChange: (e) => T(e.target.value),
+						placeholder: b("shell.tenant.search", "Search tenants…"),
 						autoFocus: !0,
 						"data-testid": "tenant-switch-search",
 						style: {
@@ -212,29 +212,29 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 					},
 					children: [
 						/* @__PURE__ */ c(g, {
-							label: A.length > 0 ? y("shell.tenant.yours", "Your tenants") : y("shell.tenant.switch", "Switch tenant"),
-							tenants: N,
+							label: j.length > 0 ? b("shell.tenant.yours", "Your tenants") : b("shell.tenant.switch", "Switch tenant"),
+							tenants: P,
 							activeID: s?.id,
 							onPick: (e) => {
-								x(!1), f(e);
+								C(!1), p(e);
 							}
 						}),
-						P.length > 0 && /* @__PURE__ */ c(g, {
-							label: y("shell.tenant.all_admin", "All tenants (admin)"),
-							tenants: P,
+						F.length > 0 && /* @__PURE__ */ c(g, {
+							label: b("shell.tenant.all_admin", "All tenants (admin)"),
+							tenants: F,
 							activeID: s?.id,
 							onPick: (e) => {
-								x(!1), f(e);
+								C(!1), p(e);
 							}
 						}),
-						F && /* @__PURE__ */ c("div", {
+						I && /* @__PURE__ */ c("div", {
 							style: {
 								padding: "12px 12px",
 								fontSize: 12,
 								color: "var(--text-3)",
 								textAlign: "center"
 							},
-							children: y("shell.tenant.no_matches", "No tenants match “{query}”.", { query: S })
+							children: b("shell.tenant.no_matches", "No tenants match “{query}”.", { query: w })
 						})
 					]
 				}),
@@ -254,7 +254,7 @@ function h({ tenant: s, tenants: d, onSwitch: f, busy: p, compact: h, locked: _,
 							marginTop: 2,
 							flexShrink: 0
 						}
-					}), /* @__PURE__ */ c("span", { children: y("shell.tenant.switch_hint", "Switching tenant reloads all data. Unsaved changes in open tabs will prompt.") })]
+					}), /* @__PURE__ */ c("span", { children: b("shell.tenant.switch_hint", "Switching tenant reloads all data. Unsaved changes in open tabs will prompt.") })]
 				})
 			]
 		})]
@@ -334,13 +334,6 @@ function _({ tenant: e, tone: n, active: i, onPick: a }) {
 				children: e.env
 			}) : null,
 			/* @__PURE__ */ c("span", { style: { flex: 1 } }),
-			e.role && /* @__PURE__ */ c("span", {
-				style: {
-					fontSize: 10.5,
-					color: "var(--text-3)"
-				},
-				children: e.role
-			}),
 			i && /* @__PURE__ */ c(t.check, {
 				size: 12,
 				style: {