@burdenoff/fe-libs 2026.1007.4 → 2026.1007.6

package/dist/chrome/HeaderBar.js

@@ -1,124 +1,128 @@
 import { isInstalledApp as e } from "../shared/native/platform.js";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
 import "../shared-native.js";
-import { HeaderThemeSwitcher as t } from "./HeaderThemeSwitcher.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { HeaderThemeSwitcher as n } from "./HeaderThemeSwitcher.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/chrome/HeaderBar.tsx
-var i = ({ logo: i, appName: a, onLogoClick: o, onMenuToggle: s, onSearchClick: c, searchPlaceholder: l = "Search...", searchShortcut: u = "⌘K", unreadNotifications: d = 0, onNotificationsClick: f, notificationCenter: p, colorMode: m = "light", onThemeToggle: h, user: g, onUserMenuClick: _, actions: v, contextSwitcher: y, productSwitcher: b, languageSwitcher: x, geographySwitcher: S, profileSwitcher: C, onKeyboardShortcutsClick: w, mobileOptimized: T = !0 }) => /* @__PURE__ */ r("header", {
-	"data-desktop-drag-region": "",
-	className: "relative z-[100] h-14 bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] border-b border-[var(--color-border-glass)] flex items-center px-3 md:px-card-padding justify-between",
-	children: [/* @__PURE__ */ r("div", {
-		"data-no-drag": "",
-		className: "flex items-center gap-2 md:gap-control-gap",
-		children: [s && /* @__PURE__ */ n("button", {
-			type: "button",
-			onClick: s,
-			className: "p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
-			"aria-label": "Toggle sidebar",
-			children: /* @__PURE__ */ n("svg", {
-				className: "w-icon-md h-icon-md",
-				fill: "none",
-				stroke: "currentColor",
-				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ n("path", {
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					strokeWidth: 2,
-					d: "M4 6h16M4 12h16M4 18h16"
-				})
-			})
-		}), i && /* @__PURE__ */ n("div", {
-			className: `w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center ${o ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
-			onClick: o,
-			role: o ? "button" : void 0,
-			tabIndex: o ? 0 : void 0,
-			onKeyDown: o ? (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
-			} : void 0,
-			"aria-label": o ? "Go to home" : void 0,
-			children: typeof i == "string" ? /* @__PURE__ */ n("span", {
-				className: "text-action-primary-text font-bold text-sm",
-				children: i
-			}) : i
-		})]
-	}), /* @__PURE__ */ r("div", {
-		"data-no-drag": "",
-		className: "flex items-center gap-1 md:gap-control-gap",
-		children: [
-			y,
-			b && !e() && /* @__PURE__ */ n("div", {
-				className: T ? "hidden md:block empty:hidden" : "empty:hidden",
-				children: b
-			}),
-			x && /* @__PURE__ */ n("div", {
-				className: T ? "hidden md:block empty:hidden" : "empty:hidden",
-				children: x
-			}),
-			S && /* @__PURE__ */ n("div", {
-				className: T ? "hidden md:block empty:hidden" : "empty:hidden",
-				children: S
-			}),
-			(y || b || x || S) && /* @__PURE__ */ n("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
-			w && /* @__PURE__ */ n("button", {
-				type: "button",
-				onClick: w,
-				className: `p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors ${T ? "hidden md:block" : ""}`,
-				"aria-label": "Keyboard shortcuts",
-				title: "Keyboard shortcuts (Ctrl+/ or Cmd+/)",
-				children: /* @__PURE__ */ n("svg", {
-					className: "w-icon-md h-icon-md",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ n("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
-					})
-				})
-			}),
-			c && /* @__PURE__ */ n("button", {
+var a = ({ logo: a, appName: o, onLogoClick: s, onMenuToggle: c, onSearchClick: l, searchPlaceholder: u = "Search...", searchShortcut: d = "⌘K", unreadNotifications: f = 0, onNotificationsClick: p, notificationCenter: m, colorMode: h = "light", onThemeToggle: g, user: _, onUserMenuClick: v, actions: y, contextSwitcher: b, productSwitcher: x, languageSwitcher: S, geographySwitcher: C, profileSwitcher: w, onKeyboardShortcutsClick: T, mobileOptimized: E = !0 }) => {
+	let D = t();
+	return /* @__PURE__ */ i("header", {
+		"data-desktop-drag-region": "",
+		className: "relative z-[100] h-14 bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] border-b border-[var(--color-border-glass)] flex items-center px-3 md:px-card-padding justify-between",
+		children: [/* @__PURE__ */ i("div", {
+			"data-no-drag": "",
+			className: "flex items-center gap-2 md:gap-control-gap",
+			children: [c && /* @__PURE__ */ r("button", {
 				type: "button",
 				onClick: c,
 				className: "p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
-				"aria-label": "Search",
-				title: `Search (${u})`,
-				children: /* @__PURE__ */ n("svg", {
+				"aria-label": D("appShell.toggleSidebar", "Toggle sidebar"),
+				children: /* @__PURE__ */ r("svg", {
 					className: "w-icon-md h-icon-md",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ n("path", {
+					children: /* @__PURE__ */ r("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
-						d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						d: "M4 6h16M4 12h16M4 18h16"
 					})
 				})
-			}),
-			v,
-			p || (f ? /* @__PURE__ */ r("button", {
-				type: "button",
-				onClick: f,
-				className: "relative p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
-				"aria-label": "Notifications",
-				children: [/* @__PURE__ */ n("svg", {
-					className: "w-icon-md h-icon-md",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ n("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+			}), a && /* @__PURE__ */ r("div", {
+				className: `w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center ${s ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
+				onClick: s,
+				role: s ? "button" : void 0,
+				tabIndex: s ? 0 : void 0,
+				onKeyDown: s ? (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
+				} : void 0,
+				"aria-label": s ? "Go to home" : void 0,
+				children: typeof a == "string" ? /* @__PURE__ */ r("span", {
+					className: "text-action-primary-text font-bold text-sm",
+					children: a
+				}) : a
+			})]
+		}), /* @__PURE__ */ i("div", {
+			"data-no-drag": "",
+			className: "flex items-center gap-1 md:gap-control-gap",
+			children: [
+				b,
+				x && !e() && /* @__PURE__ */ r("div", {
+					className: E ? "hidden md:block empty:hidden" : "empty:hidden",
+					children: x
+				}),
+				S && /* @__PURE__ */ r("div", {
+					className: E ? "hidden md:block empty:hidden" : "empty:hidden",
+					children: S
+				}),
+				C && /* @__PURE__ */ r("div", {
+					className: E ? "hidden md:block empty:hidden" : "empty:hidden",
+					children: C
+				}),
+				(b || x || S || C) && /* @__PURE__ */ r("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
+				T && /* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: T,
+					className: `p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors ${E ? "hidden md:block" : ""}`,
+					"aria-label": D("appShell.keyboardShortcuts", "Keyboard shortcuts"),
+					title: D("appShell.keyboardShortcutsHint", "Keyboard shortcuts (Ctrl+/ or Cmd+/)"),
+					children: /* @__PURE__ */ r("svg", {
+						className: "w-icon-md h-icon-md",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ r("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+						})
 					})
-				}), d > 0 && /* @__PURE__ */ n("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
-			}) : null),
-			h && /* @__PURE__ */ n(t, { mobileOptimized: T }),
-			C
-		]
-	})]
-});
+				}),
+				l && /* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: l,
+					className: "p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
+					"aria-label": D("nav.search", "Search"),
+					title: D("appShell.searchHint", "Search ({{shortcut}})", { shortcut: d }),
+					children: /* @__PURE__ */ r("svg", {
+						className: "w-icon-md h-icon-md",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ r("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						})
+					})
+				}),
+				y,
+				m || (p ? /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: p,
+					className: "relative p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
+					"aria-label": D("notifications.bellLabel", "Notifications"),
+					children: [/* @__PURE__ */ r("svg", {
+						className: "w-icon-md h-icon-md",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ r("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+						})
+					}), f > 0 && /* @__PURE__ */ r("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
+				}) : null),
+				g && /* @__PURE__ */ r(n, { mobileOptimized: E }),
+				w
+			]
+		})]
+	});
+};
 //#endregion
-export { i as HeaderBar };
+export { a as HeaderBar };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderThemeSwitcher.tsx"],"names":[],"mappings":"AAgCA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,eAAsB,EAAE,EAAE;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,2CAiD5F"}
+{"version":3,"file":"HeaderThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderThemeSwitcher.tsx"],"names":[],"mappings":"AAiCA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,eAAsB,EAAE,EAAE;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,2CAmD5F"}

package/dist/chrome/HeaderThemeSwitcher.js

@@ -1,20 +1,21 @@
 import { DropdownMenu as e, DropdownMenuContent as t, DropdownMenuItem as n, DropdownMenuLabel as r, DropdownMenuSeparator as i, DropdownMenuTrigger as a } from "../ui/dropdown-menu.js";
 import { useTheme as o } from "../shared/providers/shell/ThemeProvider.js";
-import { useExclusiveMenu as s } from "../shared/hooks/useExclusiveMenu.js";
-import { cn as c } from "../utils/cn.js";
+import { useShellLabel as s } from "../shared/providers/shell/useShellLabel.js";
+import { useExclusiveMenu as c } from "../shared/hooks/useExclusiveMenu.js";
+import { cn as l } from "../utils/cn.js";
 import "../utils/index.js";
-import { useCallback as l, useState as u } from "react";
-import { Check as d, Contrast as f, Monitor as p, Moon as m, Palette as h, Sun as g, Sunset as _, Trees as v, Waves as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useCallback as u, useState as d } from "react";
+import { Check as f, Contrast as p, Monitor as m, Moon as h, Palette as g, Sun as _, Sunset as v, Trees as y, Waves as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/chrome/HeaderThemeSwitcher.tsx
-var S = {
-	light: g,
-	dark: m,
-	forest: v,
-	ocean: y,
-	sunset: _,
-	"high-contrast": f
-}, C = [
+var C = {
+	light: _,
+	dark: h,
+	forest: y,
+	ocean: b,
+	sunset: v,
+	"high-contrast": p
+}, w = [
 	{
 		value: "light",
 		label: "Light"
@@ -40,67 +41,67 @@ var S = {
 		label: "High contrast"
 	}
 ];
-function w({ mobileOptimized: n = !0 }) {
-	let [d, f] = u(!1);
-	s("header-theme", d, l(() => f(!1), []));
-	let { mode: _, setMode: v, resolvedTheme: y } = o(), w = y === "dark" ? m : g, E = l((e) => v(e), [v]);
-	return /* @__PURE__ */ x(e, {
-		open: d,
-		onOpenChange: f,
-		children: [/* @__PURE__ */ b(a, {
+function T({ mobileOptimized: n = !0 }) {
+	let [f, p] = d(!1);
+	c("header-theme", f, u(() => p(!1), []));
+	let { mode: v, setMode: y, resolvedTheme: b } = o(), T = s()("themeSwitcher.label", "Theme"), D = b === "dark" ? h : _, O = u((e) => y(e), [y]);
+	return /* @__PURE__ */ S(e, {
+		open: f,
+		onOpenChange: p,
+		children: [/* @__PURE__ */ x(a, {
 			asChild: !0,
-			children: /* @__PURE__ */ b("button", {
+			children: /* @__PURE__ */ x("button", {
 				type: "button",
-				"aria-label": "Theme",
-				title: "Theme",
-				className: c("flex size-9 items-center justify-center rounded-button text-text-primary transition-colors", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", n ? "hidden md:flex" : ""),
-				children: /* @__PURE__ */ b(w, {
+				"aria-label": T,
+				title: T,
+				className: l("flex size-9 items-center justify-center rounded-button text-text-primary transition-colors", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", n ? "hidden md:flex" : ""),
+				children: /* @__PURE__ */ x(D, {
 					className: "size-5",
 					"aria-hidden": "true"
 				})
 			})
-		}), /* @__PURE__ */ x(t, {
+		}), /* @__PURE__ */ S(t, {
 			align: "end",
 			className: "w-56",
 			children: [
-				/* @__PURE__ */ x(r, {
+				/* @__PURE__ */ S(r, {
 					className: "flex items-center gap-2 text-text-secondary",
-					children: [/* @__PURE__ */ b(h, {
+					children: [/* @__PURE__ */ x(g, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Appearance"]
 				}),
-				/* @__PURE__ */ b(i, {}),
-				/* @__PURE__ */ b(T, {
-					active: _ === "system",
-					icon: p,
+				/* @__PURE__ */ x(i, {}),
+				/* @__PURE__ */ x(E, {
+					active: v === "system",
+					icon: m,
 					label: "System",
-					onSelect: () => E("system")
+					onSelect: () => O("system")
 				}),
-				C.map((e) => /* @__PURE__ */ b(T, {
-					active: _ === e.value,
-					icon: S[e.value],
+				w.map((e) => /* @__PURE__ */ x(E, {
+					active: v === e.value,
+					icon: C[e.value],
 					label: e.label,
-					onSelect: () => E(e.value)
+					onSelect: () => O(e.value)
 				}, e.value))
 			]
 		})]
 	});
 }
-function T({ active: e, icon: t, label: r, onSelect: i }) {
-	return /* @__PURE__ */ x(n, {
+function E({ active: e, icon: t, label: r, onSelect: i }) {
+	return /* @__PURE__ */ S(n, {
 		onSelect: i,
-		className: c("gap-2", e && "bg-[var(--color-accent-soft)] text-text-primary"),
+		className: l("gap-2", e && "bg-[var(--color-accent-soft)] text-text-primary"),
 		children: [
-			/* @__PURE__ */ b(t, {
+			/* @__PURE__ */ x(t, {
 				className: "size-4 text-text-secondary",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ x("span", {
 				className: "flex-1",
 				children: r
 			}),
-			e && /* @__PURE__ */ b(d, {
+			e && /* @__PURE__ */ x(f, {
 				className: "size-4 text-action-primary-bg",
 				"aria-hidden": "true"
 			})
@@ -108,4 +109,4 @@ function T({ active: e, icon: t, label: r, onSelect: i }) {
 	});
 }
 //#endregion
-export { w as HeaderThemeSwitcher };
+export { T as HeaderThemeSwitcher };

package/dist/chrome/LanguageSwitcher.js

@@ -1,10 +1,10 @@
-import { useAssistantControl as e } from "../shared/assistant/appControls/useAssistantControl.js";
-import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+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/LanguageSwitcher.tsx
 var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !1 }) => {
-	let p = t(), [m, h] = a(!1), g = i(null), _ = l.find((e) => e.code === u) || l[0], v = i({
+	let p = e(), [m, h] = a(!1), g = i(null), _ = l.find((e) => e.code === u) || l[0], v = i({
 		languages: l,
 		currentLanguage: u,
 		onLanguageChange: d
@@ -15,7 +15,7 @@ var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !
 		onLanguageChange: d
 	};
 	let y = d !== void 0;
-	e("language", r(() => y ? {
+	t("language", r(() => y ? {
 		languages: () => v.current.languages.map((e) => ({
 			code: e.code,
 			label: e.nativeName || e.name

package/dist/chrome/MobileTabBar.js

@@ -1,8 +1,8 @@
 import { cn as e } from "../lib/utils.js";
 import { BottomSheet as t, BottomSheetContent as n, BottomSheetHeader as r, BottomSheetTitle as i } from "../ui/bottom-sheet.js";
 import { getNativeBridge as a } from "../shared/native/bridge.js";
-import { appendContextToPath as o, useCurrentContextSearchParams as s } from "../shared/hooks/useCurrentContextSearchParams.js";
-import { useShellLabel as c } from "../shared/providers/shell/useShellLabel.js";
+import { useShellLabel as o } from "../shared/providers/shell/useShellLabel.js";
+import { appendContextToPath as s, useCurrentContextSearchParams as c } from "../shared/hooks/useCurrentContextSearchParams.js";
 import "./sideNavigation/navVisibility.js";
 import { useVisibleNavItems as l } from "./mobileTabBar/useVisibleNavItems.js";
 import { isItemOrChildActive as u } from "./sideNavigation/helpers.js";
@@ -40,7 +40,7 @@ function D(e, t, n) {
 	}));
 }
 function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4, moreLabel: M, mobileActions: N, hideWhenKeyboardOpen: P = !0, className: F }) {
-	let I = c(), L = M ?? I("nav.more", "More"), R = w(), z = C(), B = s(), { items: V } = l(), [H, U] = v(!1), W = _(null), { tabs: G, more: K, hasMore: q } = g(() => f(V, j), [V, j]), J = g(() => D(K, O, A), [
+	let I = o(), L = M ?? I("nav.more", "More"), R = w(), z = C(), B = c(), { items: V } = l(), [H, U] = v(!1), W = _(null), { tabs: G, more: K, hasMore: q } = g(() => f(V, j), [V, j]), J = g(() => D(K, O, A), [
 		K,
 		O,
 		A
@@ -58,7 +58,7 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 		U(!1);
 	}, [z.pathname]);
 	let Z = p((e) => {
-		E(), R(o(e, B));
+		E(), R(s(e, B));
 	}, [R, B]), Q = g(() => !!q && K.some((e) => u(e, z.pathname)), [
 		q,
 		K,

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/chrome/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CAuDjB"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/chrome/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CA2DjB"}

package/dist/chrome/PageHeader.js

@@ -1,67 +1,69 @@
 import { cn as e } from "../lib/utils.js";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
 import "react";
-import { ChevronRightIcon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Link as i } from "react-router";
+import { ChevronRightIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Link as a } from "react-router";
 //#region src/chrome/PageHeader.tsx
-function a({ title: a, description: o, actions: s, breadcrumb: c, icon: l, toolbar: u, className: d }) {
-	return /* @__PURE__ */ r("header", {
+function o({ title: o, description: s, actions: c, breadcrumb: l, icon: u, toolbar: d, className: f }) {
+	let p = t();
+	return /* @__PURE__ */ i("header", {
 		"data-slot": "page-header",
-		className: e("mb-6", d),
+		className: e("mb-6", f),
 		children: [
-			c && c.length > 0 ? /* @__PURE__ */ n("nav", {
+			l && l.length > 0 ? /* @__PURE__ */ r("nav", {
 				className: "mb-2 overflow-x-auto",
-				"aria-label": "Breadcrumb",
-				children: /* @__PURE__ */ n("ol", {
+				"aria-label": p("nav.breadcrumb", "Breadcrumb"),
+				children: /* @__PURE__ */ r("ol", {
 					className: "flex items-center gap-1.5 text-sm text-text-secondary whitespace-nowrap",
-					children: c.map((e, a) => {
-						let o = a === c.length - 1;
-						return /* @__PURE__ */ r("li", {
+					children: l.map((e, t) => {
+						let o = t === l.length - 1;
+						return /* @__PURE__ */ i("li", {
 							className: "flex items-center gap-1.5",
-							children: [a > 0 ? /* @__PURE__ */ n(t, {
+							children: [t > 0 ? /* @__PURE__ */ r(n, {
 								className: "size-3 text-text-muted",
 								"aria-hidden": "true"
-							}) : null, e.to && !o ? /* @__PURE__ */ n(i, {
+							}) : null, e.to && !o ? /* @__PURE__ */ r(a, {
 								to: e.to,
 								className: "hover:text-text-primary transition-colors focus-visible:outline-none focus-visible:underline",
 								children: e.label
-							}) : /* @__PURE__ */ n("span", {
+							}) : /* @__PURE__ */ r("span", {
 								className: o ? "text-text-primary font-medium" : void 0,
 								children: e.label
 							})]
-						}, a);
+						}, t);
 					})
 				})
 			}) : null,
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ i("div", {
 					className: "min-w-0 flex items-start gap-3 lg:flex-1",
-					children: [l ? /* @__PURE__ */ n("div", {
+					children: [u ? /* @__PURE__ */ r("div", {
 						className: "shrink-0 mt-1",
-						children: l
-					}) : null, /* @__PURE__ */ r("div", {
+						children: u
+					}) : null, /* @__PURE__ */ i("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ n("h1", {
+						children: [/* @__PURE__ */ r("h1", {
 							className: "text-2xl font-semibold tracking-tight text-text-primary break-words md:text-3xl",
-							children: a
-						}), o ? /* @__PURE__ */ n("p", {
-							className: "mt-1.5 text-sm text-text-secondary",
 							children: o
+						}), s ? /* @__PURE__ */ r("p", {
+							className: "mt-1.5 text-sm text-text-secondary",
+							children: s
 						}) : null]
 					})]
-				}), s ? /* @__PURE__ */ n("div", {
+				}), c ? /* @__PURE__ */ r("div", {
 					"data-slot": "page-header-actions",
 					className: "flex flex-shrink-0 flex-wrap items-center gap-2",
-					children: s
+					children: c
 				}) : null]
 			}),
-			u ? /* @__PURE__ */ n("div", {
+			d ? /* @__PURE__ */ r("div", {
 				className: "mt-4",
-				children: u
+				children: d
 			}) : null
 		]
 	});
 }
 //#endregion
-export { a as PageHeader };
+export { o as PageHeader };

package/dist/chrome/PersonaSurfaceControls.js

@@ -1,6 +1,6 @@
-import { useShellUi as e } from "../shared/providers/shell/ShellUiProvider.js";
-import { useSafePersonaSurface as t } from "../shared/providers/shell/PersonaSurfaceProvider.js";
-import { useShellLabel as n } from "../shared/providers/shell/useShellLabel.js";
+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";
@@ -18,8 +18,8 @@ function ee(e, t) {
 	}));
 }
 var v = 300;
-function y({ everythingLabel: e, onOpenCustomize: n }) {
-	let f = t(), [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(() => {
+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();
@@ -140,7 +140,7 @@ function y({ everythingLabel: e, onOpenCustomize: n }) {
 						H && !W && /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => {
-								k(), n();
+								k(), t();
 							},
 							className: `${Q} text-text-secondary`,
 							"data-testid": "persona-view-create",
@@ -215,7 +215,7 @@ function y({ everythingLabel: e, onOpenCustomize: n }) {
 	});
 }
 function b({ everythingLabel: r, customizeLabel: i }) {
-	let a = t(), { sidebarCollapsed: o, toggleSidebar: s } = e(), c = n(), l = r ?? c("nav.everything", "Everything"), u = i ?? c("nav.customizeMenu", "Customize menu");
+	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 = () => {
 		typeof window < "u" && window.innerWidth < 768 && !o && s(), d(!0);
@@ -242,7 +242,7 @@ function b({ everythingLabel: r, customizeLabel: i }) {
 	});
 }
 function x() {
-	let e = t();
+	let e = n();
 	return e?.simulation ? /* @__PURE__ */ g("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)" },

package/dist/chrome/ProductSideNav.js

@@ -1,6 +1,6 @@
-import { useShellUi as e } from "../shared/providers/shell/ShellUiProvider.js";
-import { appendContextToPath as t, useCurrentContextSearchParams as n } from "../shared/hooks/useCurrentContextSearchParams.js";
-import { useShellLabel as r } from "../shared/providers/shell/useShellLabel.js";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { useShellUi as t } from "../shared/providers/shell/ShellUiProvider.js";
+import { appendContextToPath as n, useCurrentContextSearchParams as r } from "../shared/hooks/useCurrentContextSearchParams.js";
 import { useVisibleNavItems as i } from "./mobileTabBar/useVisibleNavItems.js";
 import { SideNavigation as a } from "./SideNavigation.js";
 import { NavCustomizeDialog as o } from "./NavCustomizeDialog.js";
@@ -9,10 +9,10 @@ import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { useLocation as f, useNavigate as p } from "react-router";
 //#region src/chrome/ProductSideNav.tsx
 function m({ logo: m, appName: h, groupOrder: g, groupLabels: _, mobileActions: v, customHeader: y, homeAriaLabel: b, collapseLabel: x }) {
-	let S = r(), C = b ?? S("nav.goToDashboard", "Go to dashboard"), w = x ?? S("nav.collapse", "Collapse"), T = p(), E = f(), { sidebarCollapsed: D, toggleSidebar: O } = e(), k = n(), { items: A, persona: j } = i(), M = j?.simulation ?? null, N = j?.activeSurface ?? null, P = (e) => {
-		T(t(e, k));
+	let S = e(), C = b ?? S("nav.goToDashboard", "Go to dashboard"), w = x ?? S("nav.collapse", "Collapse"), T = p(), E = f(), { sidebarCollapsed: D, toggleSidebar: O } = t(), k = r(), { items: A, persona: j } = i(), M = j?.simulation ?? null, N = j?.activeSurface ?? null, P = (e) => {
+		T(n(e, k));
 	}, F = () => {
-		T(t("/", k));
+		T(n("/", k));
 	}, I = /* @__PURE__ */ d("div", {
 		className: "flex items-center gap-icon-gap cursor-pointer",
 		onClick: F,

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProfileSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wBAAwB;IACxB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6SpD,CAAC"}
+{"version":3,"file":"ProfileSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProfileSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wBAAwB;IACxB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8SpD,CAAC"}