@burdenoff/fe-libs 2026.1007.3 → 2026.1007.5

package/dist/chrome/ProfileSwitcher.js

@@ -1,59 +1,60 @@
-import { useAssistantControl as e } from "../shared/assistant/appControls/useAssistantControl.js";
-import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { useAssistantControl as t } from "../shared/assistant/appControls/useAssistantControl.js";
+import { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/chrome/ProfileSwitcher.tsx
-var c = ({ user: c, accounts: l = [], activeAccountId: u, onViewProfile: d, onLogout: f, onSwitchAccount: p, onAddAccount: m, onRemoveAccount: h, compact: g = !1 }) => {
-	let [_, v] = i(!1), y = r(null), b = r(f);
-	b.current = f;
-	let x = f !== void 0;
-	if (e("account.logout", n(() => x ? { run: () => {
-		let e = b.current;
+var l = ({ user: l, accounts: u = [], activeAccountId: d, onViewProfile: f, onLogout: p, onSwitchAccount: m, onAddAccount: h, onRemoveAccount: g, compact: _ = !1 }) => {
+	let [v, y] = a(!1), b = i(null), x = e(), S = i(p);
+	S.current = p;
+	let C = p !== void 0;
+	if (t("account.logout", r(() => C ? { run: () => {
+		let e = S.current;
 		return e ? (e(), { status: "done" }) : { status: "failed" };
-	} } : null, [x])), t(() => {
+	} } : null, [C])), n(() => {
 		let e = (e) => {
-			y.current && !y.current.contains(e.target) && v(!1);
+			b.current && !b.current.contains(e.target) && y(!1);
 		};
-		if (_) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [_]), !c) return null;
-	let S = `${c.firstName.charAt(0)}${c.lastName.charAt(0)}`.toUpperCase(), C = l.length > 1, w = l.find((e) => e.id === u), T = l.filter((e) => e.id !== u);
-	return /* @__PURE__ */ s("div", {
+		if (v) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [v]), !l) return null;
+	let w = `${l.firstName.charAt(0)}${l.lastName.charAt(0)}`.toUpperCase(), T = u.length > 1, E = u.find((e) => e.id === d), D = u.filter((e) => e.id !== d);
+	return /* @__PURE__ */ c("div", {
 		className: "relative",
-		ref: y,
-		children: [/* @__PURE__ */ s("button", {
-			onClick: () => v(!_),
-			className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${_ ? "bg-bg-sunken" : ""}`,
-			"aria-label": "User menu",
-			"aria-expanded": _,
+		ref: b,
+		children: [/* @__PURE__ */ c("button", {
+			onClick: () => y(!v),
+			className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${v ? "bg-bg-sunken" : ""}`,
+			"aria-label": x("appShell.userMenu", "User menu"),
+			"aria-expanded": v,
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "size-8 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-					children: c.avatar ? /* @__PURE__ */ o("img", {
-						src: c.avatar,
-						alt: `${c.firstName} ${c.lastName}`,
+					children: l.avatar ? /* @__PURE__ */ s("img", {
+						src: l.avatar,
+						alt: `${l.firstName} ${l.lastName}`,
 						className: "w-full h-full rounded-full object-cover"
-					}) : /* @__PURE__ */ o("span", {
+					}) : /* @__PURE__ */ s("span", {
 						className: "text-action-primary-text font-semibold text-sm",
-						children: S
+						children: w
 					})
 				}),
-				!g && /* @__PURE__ */ s("span", {
+				!_ && /* @__PURE__ */ c("span", {
 					className: "text-body-sm font-medium text-text-primary",
 					children: [
-						c.firstName,
+						l.firstName,
 						" ",
-						c.lastName
+						l.lastName
 					]
 				}),
-				!g && C && /* @__PURE__ */ o("span", {
+				!_ && T && /* @__PURE__ */ s("span", {
 					className: "text-xs bg-action-primary-bg text-action-primary-text rounded-full size-5 flex items-center justify-center font-semibold",
-					children: l.length
+					children: u.length
 				}),
-				!g && /* @__PURE__ */ o("svg", {
-					className: `w-4 h-4 text-text-secondary transition-transform ${_ ? "rotate-180" : ""}`,
+				!_ && /* @__PURE__ */ s("svg", {
+					className: `w-4 h-4 text-text-secondary transition-transform ${v ? "rotate-180" : ""}`,
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ o("path", {
+					children: /* @__PURE__ */ s("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -61,119 +62,119 @@ var c = ({ user: c, accounts: l = [], activeAccountId: u, onViewProfile: d, onLo
 					})
 				})
 			]
-		}), _ && /* @__PURE__ */ s("div", {
+		}), v && /* @__PURE__ */ c("div", {
 			className: "absolute right-0 mt-2 w-[calc(100vw-1.5rem)] sm:w-72 max-w-72 bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] overflow-hidden z-50 animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
 			children: [
-				!C && /* @__PURE__ */ s("div", {
+				!T && /* @__PURE__ */ c("div", {
 					className: "px-6 py-4 text-center border-b border-border-subtle",
 					children: [
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "size-20 mx-auto mb-3 rounded-full bg-action-primary-bg flex items-center justify-center",
-							children: c.avatar ? /* @__PURE__ */ o("img", {
-								src: c.avatar,
-								alt: c.firstName,
+							children: l.avatar ? /* @__PURE__ */ s("img", {
+								src: l.avatar,
+								alt: l.firstName,
 								className: "w-full h-full rounded-full object-cover"
-							}) : /* @__PURE__ */ o("span", {
+							}) : /* @__PURE__ */ s("span", {
 								className: "text-action-primary-text font-bold text-2xl",
-								children: S
+								children: w
 							})
 						}),
-						/* @__PURE__ */ s("h3", {
+						/* @__PURE__ */ c("h3", {
 							className: "text-base font-semibold text-text-primary mb-1",
 							children: [
 								"Hi, ",
-								c.firstName,
+								l.firstName,
 								"!"
 							]
 						}),
-						c.email && /* @__PURE__ */ o("p", {
+						l.email && /* @__PURE__ */ s("p", {
 							className: "text-body-sm text-text-secondary truncate",
-							children: c.email
+							children: l.email
 						})
 					]
 				}),
-				C && w && /* @__PURE__ */ s("div", {
+				T && E && /* @__PURE__ */ c("div", {
 					className: "px-4 py-3 border-b border-border-subtle",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "text-body-sm font-semibold text-text-primary",
 						children: [
-							w.firstName,
+							E.firstName,
 							" ",
-							w.lastName
+							E.lastName
 						]
-					}), /* @__PURE__ */ o("p", {
+					}), /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-muted mt-0.5 truncate",
-						children: w.email
+						children: E.email
 					})]
 				}),
-				d && /* @__PURE__ */ o("div", {
+				f && /* @__PURE__ */ s("div", {
 					className: "px-4 py-2",
-					children: /* @__PURE__ */ o("button", {
+					children: /* @__PURE__ */ s("button", {
 						type: "button",
 						onClick: () => {
-							d(), v(!1);
+							f(), y(!1);
 						},
 						className: "w-full px-4 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
 						children: "View Profile"
 					})
 				}),
-				C && T.length > 0 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+				T && D.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
 					className: "px-4 pt-2 pb-1",
-					children: /* @__PURE__ */ o("p", {
+					children: /* @__PURE__ */ s("p", {
 						className: "text-[11px] font-medium text-text-muted uppercase tracking-wider",
 						children: "Switch Account"
 					})
-				}), /* @__PURE__ */ o("div", {
-					className: `${T.length >= 3 ? "max-h-48 overflow-y-auto" : ""}`,
-					children: T.map((e) => {
+				}), /* @__PURE__ */ s("div", {
+					className: `${D.length >= 3 ? "max-h-48 overflow-y-auto" : ""}`,
+					children: D.map((e) => {
 						let t = `${e.firstName?.charAt(0) || ""}${e.lastName?.charAt(0) || ""}`.toUpperCase();
-						return /* @__PURE__ */ o("div", {
+						return /* @__PURE__ */ s("div", {
 							className: "px-4 py-2 hover:bg-bg-sunken transition-colors group",
-							children: /* @__PURE__ */ s("div", {
+							children: /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ o("div", {
+									/* @__PURE__ */ s("div", {
 										className: "size-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-										children: e.avatar ? /* @__PURE__ */ o("img", {
+										children: e.avatar ? /* @__PURE__ */ s("img", {
 											src: e.avatar,
 											alt: e.name,
 											className: "w-full h-full rounded-full object-cover"
-										}) : /* @__PURE__ */ o("span", {
+										}) : /* @__PURE__ */ s("span", {
 											className: "text-action-primary-text font-semibold text-sm",
 											children: t
 										})
 									}),
-									/* @__PURE__ */ s("button", {
+									/* @__PURE__ */ c("button", {
 										type: "button",
 										onClick: () => {
-											p && (p(e), v(!1));
+											m && (m(e), y(!1));
 										},
 										className: "flex-1 text-left min-w-0",
-										children: [/* @__PURE__ */ s("p", {
+										children: [/* @__PURE__ */ c("p", {
 											className: "text-body-sm font-medium text-text-primary truncate",
 											children: [
 												e.firstName,
 												" ",
 												e.lastName
 											]
-										}), /* @__PURE__ */ o("p", {
+										}), /* @__PURE__ */ s("p", {
 											className: "text-xs text-text-muted truncate",
 											children: e.email
 										})]
 									}),
-									h && /* @__PURE__ */ o("button", {
+									g && /* @__PURE__ */ s("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), h(e.id);
+											t.stopPropagation(), g(e.id);
 										},
 										className: "size-6 flex items-center justify-center rounded-full hover:bg-status-error-bg-subtle text-text-muted hover:text-status-error-text transition-colors opacity-0 group-hover:opacity-100",
-										"aria-label": "Remove account",
-										children: /* @__PURE__ */ o("svg", {
+										"aria-label": x("appShell.removeAccount", "Remove account"),
+										children: /* @__PURE__ */ s("svg", {
 											className: "size-4",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ o("path", {
+											children: /* @__PURE__ */ s("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -186,46 +187,46 @@ var c = ({ user: c, accounts: l = [], activeAccountId: u, onViewProfile: d, onLo
 						}, e.id);
 					})
 				})] }),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "px-4 py-3 border-t border-border-subtle",
-					children: /* @__PURE__ */ s("div", {
+					children: /* @__PURE__ */ c("div", {
 						className: "grid grid-cols-2 gap-2",
-						children: [m && /* @__PURE__ */ s("button", {
+						children: [h && /* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => {
-								m(), v(!1);
+								h(), y(!1);
 							},
 							className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
-							children: [/* @__PURE__ */ o("svg", {
+							children: [/* @__PURE__ */ s("svg", {
 								className: "size-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ o("path", {
+								children: /* @__PURE__ */ s("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
 									d: "M12 4v16m8-8H4"
 								})
-							}), /* @__PURE__ */ o("span", { children: "Add account" })]
-						}), f && /* @__PURE__ */ s("button", {
+							}), /* @__PURE__ */ s("span", { children: "Add account" })]
+						}), p && /* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => {
-								f(), v(!1);
+								p(), y(!1);
 							},
 							className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
-							children: [/* @__PURE__ */ o("svg", {
+							children: [/* @__PURE__ */ s("svg", {
 								className: "size-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ o("path", {
+								children: /* @__PURE__ */ s("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
 									d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
 								})
-							}), /* @__PURE__ */ o("span", { children: "Sign out" })]
+							}), /* @__PURE__ */ s("span", { children: "Sign out" })]
 						})]
 					})
 				})
@@ -234,4 +235,4 @@ var c = ({ user: c, accounts: l = [], activeAccountId: u, onViewProfile: d, onLo
 	});
 };
 //#endregion
-export { c as ProfileSwitcher };
+export { l as ProfileSwitcher };

package/dist/chrome/SideNavigation.js

@@ -1,6 +1,6 @@
 import { Tooltip as e, TooltipContent as t, TooltipProvider as n, TooltipTrigger as r } from "../ui/tooltip.js";
-import { useAssistantControl as i } from "../shared/assistant/appControls/useAssistantControl.js";
-import { useShellLabel as a } from "../shared/providers/shell/useShellLabel.js";
+import { useShellLabel as i } from "../shared/providers/shell/useShellLabel.js";
+import { useAssistantControl as a } from "../shared/assistant/appControls/useAssistantControl.js";
 import "./sideNavigation/navVisibility.js";
 import { NavItemRenderer as o } from "./sideNavigation/NavItemRenderer.js";
 import { SidebarHeader as s } from "./sideNavigation/SidebarHeader.js";
@@ -31,7 +31,7 @@ var h = ({ items: h, currentPath: g, collapsed: _ = !1, onItemClick: v, onToggle
 		toggleExpand: A
 	};
 	let N = y !== void 0;
-	i("sidebar", u(() => N ? {
+	a("sidebar", u(() => N ? {
 		collapsed: () => M.current.collapsed,
 		setCollapsed: (e) => {
 			let t = M.current;
@@ -58,7 +58,7 @@ var h = ({ items: h, currentPath: g, collapsed: _ = !1, onItemClick: v, onToggle
 			return n.expandedItems.has(e) === t ? { status: "already" } : (n.toggleExpand(e), { status: "done" });
 		}
 	} : null, [N]));
-	let P = a(), F = b ?? P("nav.collapse", "Collapse"), I = P("nav.expand", "Expand"), L = h.filter((e) => e.visible !== !1), R = (() => {
+	let P = i(), F = b ?? P("nav.collapse", "Collapse"), I = P("nav.expand", "Expand"), L = h.filter((e) => e.visible !== !1), R = (() => {
 		if (_) return [{
 			id: "__all__",
 			label: null,

package/dist/chrome/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/chrome/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAE5C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2J9B,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/chrome/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAE5C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA4J9B,CAAC"}

package/dist/chrome/Tabs.js

@@ -1,55 +1,56 @@
 import { cn as e } from "../shared-utils.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/chrome/Tabs.tsx
-var r = ({ items: r, activeTabId: i, onTabChange: a, variant: o = "default", size: s = "md", fullWidth: c = !1, className: l }) => {
-	let u = (e, t) => {
+var i = ({ items: i, activeTabId: a, onTabChange: o, variant: s = "default", size: c = "md", fullWidth: l = !1, className: u }) => {
+	let d = t(), f = (e, t) => {
 		let n = t;
-		for (e.key === "ArrowLeft" ? (e.preventDefault(), n = t === 0 ? r.length - 1 : t - 1) : e.key === "ArrowRight" ? (e.preventDefault(), n = t === r.length - 1 ? 0 : t + 1) : e.key === "Home" ? (e.preventDefault(), n = 0) : e.key === "End" && (e.preventDefault(), n = r.length - 1); r[n]?.disabled && n !== t;) n = n > t ? n === r.length - 1 ? 0 : n + 1 : n === 0 ? r.length - 1 : n - 1;
-		let i = r[n];
-		i && !i.disabled && a(i.id);
-	}, d = (t, n) => {
+		for (e.key === "ArrowLeft" ? (e.preventDefault(), n = t === 0 ? i.length - 1 : t - 1) : e.key === "ArrowRight" ? (e.preventDefault(), n = t === i.length - 1 ? 0 : t + 1) : e.key === "Home" ? (e.preventDefault(), n = 0) : e.key === "End" && (e.preventDefault(), n = i.length - 1); i[n]?.disabled && n !== t;) n = n > t ? n === i.length - 1 ? 0 : n + 1 : n === 0 ? i.length - 1 : n - 1;
+		let r = i[n];
+		r && !r.disabled && o(r.id);
+	}, p = (t, n) => {
 		let r = e("relative flex items-center gap-icon-gap transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border rounded-button", {
 			sm: "px-3 py-1.5 text-body-sm",
 			md: "px-4 py-2 text-body-md",
 			lg: "px-6 py-3 text-body-lg"
-		}[s], c && "flex-1 justify-center");
-		return t.disabled ? e(r, "text-text-disabled cursor-not-allowed opacity-50") : o === "underline" ? e("flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border rounded-t", s === "sm" && "px-3 py-2 text-xs sm:gap-2 sm:px-4 sm:text-sm", s === "md" && "px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm", s === "lg" && "px-4 py-3 text-sm sm:gap-2 sm:px-5 sm:text-body-md", "font-medium border-b-2", c && "flex-1 justify-center", t.disabled && "text-text-disabled cursor-not-allowed opacity-50", !t.disabled && (n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default")) : o === "pills" ? e(r, "rounded-button", n ? "bg-action-primary-bg text-action-primary-text font-medium" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover") : e(r, "border border-border-default", n ? "bg-bg-elevated text-text-primary font-medium border-border-strong" : "bg-bg-surface text-text-secondary hover:text-text-primary hover:bg-bg-elevated");
+		}[c], l && "flex-1 justify-center");
+		return t.disabled ? e(r, "text-text-disabled cursor-not-allowed opacity-50") : s === "underline" ? e("flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border rounded-t", c === "sm" && "px-3 py-2 text-xs sm:gap-2 sm:px-4 sm:text-sm", c === "md" && "px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm", c === "lg" && "px-4 py-3 text-sm sm:gap-2 sm:px-5 sm:text-body-md", "font-medium border-b-2", l && "flex-1 justify-center", t.disabled && "text-text-disabled cursor-not-allowed opacity-50", !t.disabled && (n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default")) : s === "pills" ? e(r, "rounded-button", n ? "bg-action-primary-bg text-action-primary-text font-medium" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover") : e(r, "border border-border-default", n ? "bg-bg-elevated text-text-primary font-medium border-border-strong" : "bg-bg-surface text-text-secondary hover:text-text-primary hover:bg-bg-elevated");
 	};
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		role: "tablist",
-		"aria-label": "Tabs",
-		className: e(o === "underline" && "flex gap-1 -mb-px overflow-x-auto pb-1 border-b border-border-default", o === "default" && "flex items-center gap-2", o === "pills" && "flex items-center gap-1 p-1 bg-bg-sunken rounded-button", l),
-		children: r.map((r, s) => {
-			let c = r.id === i;
-			return /* @__PURE__ */ n("button", {
+		"aria-label": d("common.tabs", "Tabs"),
+		className: e(s === "underline" && "flex gap-1 -mb-px overflow-x-auto pb-1 border-b border-border-default", s === "default" && "flex items-center gap-2", s === "pills" && "flex items-center gap-1 p-1 bg-bg-sunken rounded-button", u),
+		children: i.map((t, i) => {
+			let c = t.id === a;
+			return /* @__PURE__ */ r("button", {
 				role: "tab",
 				"aria-selected": c,
-				"aria-disabled": r.disabled,
+				"aria-disabled": t.disabled,
 				tabIndex: c ? 0 : -1,
 				onClick: () => {
-					r.disabled || (r.onClick?.(), a(r.id));
+					t.disabled || (t.onClick?.(), o(t.id));
 				},
-				onKeyDown: (e) => u(e, s),
-				className: d(r, c),
-				disabled: r.disabled,
+				onKeyDown: (e) => f(e, i),
+				className: p(t, c),
+				disabled: t.disabled,
 				type: "button",
 				children: [
-					r.icon && /* @__PURE__ */ t("span", {
+					t.icon && /* @__PURE__ */ n("span", {
 						className: "flex items-center flex-shrink-0",
-						children: r.icon
+						children: t.icon
 					}),
-					/* @__PURE__ */ t("span", {
+					/* @__PURE__ */ n("span", {
 						className: "truncate",
-						children: r.label
+						children: t.label
 					}),
-					r.badge !== void 0 && /* @__PURE__ */ t("span", {
-						className: e("flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium tabular-nums", c && o === "pills" ? "bg-action-primary-text text-action-primary-bg" : "bg-status-info-bg-subtle text-status-info-text"),
-						children: typeof r.badge == "number" && r.badge > 99 ? "99+" : r.badge
+					t.badge !== void 0 && /* @__PURE__ */ n("span", {
+						className: e("flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium tabular-nums", c && s === "pills" ? "bg-action-primary-text text-action-primary-bg" : "bg-status-info-bg-subtle text-status-info-text"),
+						children: typeof t.badge == "number" && t.badge > 99 ? "99+" : t.badge
 					})
 				]
-			}, r.id);
+			}, t.id);
 		})
 	});
 };
 //#endregion
-export { r as Tabs };
+export { i as Tabs };

package/dist/chrome/breadcrumbLabel.d.ts

@@ -0,0 +1,10 @@
+import { NavItem } from '../shared/hooks/shell/useNavRegistry';
+/** A translator that echoes the key back on a miss, like `useI18n().t`. */
+export type EchoTranslator = (key: string) => string;
+/** `/a/b/?x=1#y` -> `/a/b`: the part of a path a breadcrumb segment can equal. */
+export declare function normalizeNavPath(path: string): string;
+/** The label of the first registered nav item (depth-first) at exactly `path`. */
+export declare function findNavLabelForPath(items: readonly NavItem[], path: string): string | null;
+export declare function titleCaseSegment(segment: string): string;
+export declare function resolveBreadcrumbLabel(accumulatedPath: string, segment: string, t: EchoTranslator, navItems: readonly NavItem[]): string;
+//# sourceMappingURL=breadcrumbLabel.d.ts.map

package/dist/chrome/breadcrumbLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbLabel.d.ts","sourceRoot":"","sources":["../../src/chrome/breadcrumbLabel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAEpE,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAErD,kFAAkF;AAClF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGrD;AAED,kFAAkF;AAClF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAa1F;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAKxD;AAED,wBAAgB,sBAAsB,CACpC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,cAAc,EACjB,QAAQ,EAAE,SAAS,OAAO,EAAE,GAC3B,MAAM,CAaR"}

package/dist/chrome/breadcrumbLabel.js

@@ -0,0 +1,31 @@
+//#region src/chrome/breadcrumbLabel.ts
+function e(e) {
+	let t = e.split(/[?#]/)[0] ?? "";
+	return t.length > 1 ? t.replace(/\/+$/, "") : t;
+}
+function t(t, n) {
+	let r = e(n), i = (t) => {
+		for (let n of t) {
+			if (e(n.path) === r && n.label.trim() !== "") return n.label;
+			if (n.children?.length) {
+				let e = i(n.children);
+				if (e !== null) return e;
+			}
+		}
+		return null;
+	};
+	return i(t);
+}
+function n(e) {
+	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function r(e, r, i, a) {
+	let o = `nav.${e.slice(1).replace(/\//g, "-")}`, s = i(o);
+	if (s !== o) return s;
+	let c = t(a, e);
+	if (c !== null) return c;
+	let l = `nav.${r.replace(/-([a-z])/g, (e, t) => t.toUpperCase())}`, u = i(l);
+	return u === l ? n(r) : u;
+}
+//#endregion
+export { r as resolveBreadcrumbLabel };

package/dist/chrome/contextSwitcher/TriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../src/chrome/contextSwitcher/TriggerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAqCA,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../src/chrome/contextSwitcher/TriggerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAwCA,CAAC"}

package/dist/chrome/contextSwitcher/TriggerButton.js

@@ -1,38 +1,42 @@
-import { BuildingIcon as e, ChevronDownIcon as t } from "./icons.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { BuildingIcon as t, ChevronDownIcon as n } from "./icons.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/TriggerButton.tsx
-var a = ({ isOpen: a, compact: o, currentOrg: s, currentWorkspace: c, currentProject: l, onToggle: u }) => /* @__PURE__ */ r("button", {
-	onClick: u,
-	className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-all duration-200 ease-[var(--motion-easing-out)] ${a ? "bg-bg-sunken" : ""}`,
-	"aria-label": "Switch context",
-	"aria-expanded": a,
-	children: o ? /* @__PURE__ */ r(e, { className: "size-5 text-[var(--color-text-primary)]" }) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("div", {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ r(e, { className: "size-4 text-[var(--color-text-secondary)]" }), /* @__PURE__ */ i("div", {
-			className: "flex items-center gap-1 text-sm",
-			children: [
-				/* @__PURE__ */ r("span", {
-					className: "text-[var(--color-text-primary)] font-medium",
-					children: s?.name || "Select Org"
-				}),
-				/* @__PURE__ */ r("span", {
-					className: "text-[var(--color-text-tertiary)]",
-					children: "/"
-				}),
-				/* @__PURE__ */ r("span", {
-					className: "text-[var(--color-text-secondary)]",
-					children: c?.name || "Workspace"
-				}),
-				l && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
-					className: "text-[var(--color-text-tertiary)]",
-					children: "/"
-				}), /* @__PURE__ */ r("span", {
-					className: "text-[var(--color-text-secondary)]",
-					children: l.name
-				})] })
-			]
-		})]
-	}), /* @__PURE__ */ r(t, { className: `w-4 h-4 text-[var(--color-text-secondary)] transition-transform duration-200 ${a ? "rotate-180" : ""}` })] })
-});
+var o = ({ isOpen: o, compact: s, currentOrg: c, currentWorkspace: l, currentProject: u, onToggle: d }) => {
+	let f = e();
+	return /* @__PURE__ */ i("button", {
+		onClick: d,
+		className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-all duration-200 ease-[var(--motion-easing-out)] ${o ? "bg-bg-sunken" : ""}`,
+		"aria-label": f("contextSwitcher.triggerLabel", "Switch context"),
+		"aria-expanded": o,
+		children: s ? /* @__PURE__ */ i(t, { className: "size-5 text-[var(--color-text-primary)]" }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ i(t, { className: "size-4 text-[var(--color-text-secondary)]" }), /* @__PURE__ */ a("div", {
+				className: "flex items-center gap-1 text-sm",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "text-[var(--color-text-primary)] font-medium",
+						children: c?.name || "Select Org"
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "text-[var(--color-text-tertiary)]",
+						children: "/"
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "text-[var(--color-text-secondary)]",
+						children: l?.name || "Workspace"
+					}),
+					u && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+						className: "text-[var(--color-text-tertiary)]",
+						children: "/"
+					}), /* @__PURE__ */ i("span", {
+						className: "text-[var(--color-text-secondary)]",
+						children: u.name
+					})] })
+				]
+			})]
+		}), /* @__PURE__ */ i(n, { className: `w-4 h-4 text-[var(--color-text-secondary)] transition-transform duration-200 ${o ? "rotate-180" : ""}` })] })
+	});
+};
 //#endregion
-export { a as TriggerButton };
+export { o as TriggerButton };

package/dist/chrome/notificationCenter/BellButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BellButton.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/BellButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuB1C,CAAC"}
+{"version":3,"file":"BellButton.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/BellButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgC1C,CAAC"}