@burdenoff/fe-libs 2026.805.2 → 2026.805.4

package/dist/chrome/ProductSwitcher.js

@@ -1,81 +1,82 @@
 import { getProductsWithUrls as e } from "../shared/config/products.js";
-import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/chrome/ProductSwitcher.tsx
-var s = 6;
-function c(e) {
+var c = 6;
+function l(e) {
 	if (e?.logoUrl) return e.logoUrl;
 	let t = e?.url;
 	if (!(!t || t === "#")) return `${t.replace(/\/+$/, "")}/icons/icon.svg`;
 }
-var l = ({ product: e, sizeClass: t, textClass: n }) => {
-	let [r, o] = i(!1), s = c(e), l = !!s && !r;
-	return /* @__PURE__ */ a("div", {
-		className: `${t} rounded-md flex items-center justify-center flex-shrink-0 overflow-hidden ${l ? "bg-white p-0.5 ring-1 ring-border-default dark:ring-border-strong" : `text-text-inverse font-semibold ${n}`}`,
-		style: l ? void 0 : { backgroundColor: e?.color || "var(--color-action-primary-bg)" },
-		children: l ? /* @__PURE__ */ a("img", {
+var u = ({ product: e, sizeClass: t, textClass: n }) => {
+	let [r, i] = a(!1), s = l(e), c = !!s && !r;
+	return /* @__PURE__ */ o("div", {
+		className: `${t} rounded-md flex items-center justify-center flex-shrink-0 overflow-hidden ${c ? "bg-white p-0.5 ring-1 ring-border-default dark:ring-border-strong" : `text-text-inverse font-semibold ${n}`}`,
+		style: c ? void 0 : { backgroundColor: e?.color || "var(--color-action-primary-bg)" },
+		children: c ? /* @__PURE__ */ o("img", {
 			src: s,
 			alt: e?.name ?? "",
 			className: "size-full object-contain",
-			onError: () => o(!0)
+			onError: () => i(!0)
 		}) : e?.icon || e?.name.charAt(0)
 	});
 };
-function u(e, t) {
+function d(e, t) {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.name.toLowerCase().includes(n) || e.id.toLowerCase().includes(n) || (e.description ? e.description.toLowerCase().includes(n) : !1)) : e;
 }
-function d(t, n) {
+function f(t, n) {
 	return t.find((e) => e.id === n) || (n ? e().find((e) => e.id === n) || {
 		id: n,
 		name: n,
 		url: "#"
 	} : t[0]);
 }
-var f = ({ products: e, currentProductId: c, onProductChange: f, compact: p = !1 }) => {
-	let [m, h] = i(!1), [g, _] = i(""), v = r(null), y = r(null), b = d(e, c), x = e.length > s, S = n(() => u(e, g), [e, g]);
-	t(() => {
+var p = ({ products: e, currentProductId: l, onProductChange: p, compact: m = !1 }) => {
+	let h = t(), [g, _] = a(!1), [v, y] = a(""), b = i(null), x = i(null), S = f(e, l), C = e.length > c, w = r(() => d(e, v), [e, v]);
+	n(() => {
 		let e = (e) => {
-			v.current && !v.current.contains(e.target) && h(!1);
+			b.current && !b.current.contains(e.target) && _(!1);
 		};
-		if (m) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [m]), t(() => {
-		if (!m) {
-			_("");
+		if (g) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [g]), n(() => {
+		if (!g) {
+			y("");
 			return;
 		}
-		if (x) {
-			let e = setTimeout(() => y.current?.focus(), 60);
+		if (C) {
+			let e = setTimeout(() => x.current?.focus(), 60);
 			return () => clearTimeout(e);
 		}
-	}, [m, x]);
-	let C = (e) => {
-		e.comingSoon || (f ? f(e) : window.location.href = e.url, h(!1));
+	}, [g, C]);
+	let T = (e) => {
+		e.comingSoon || (p ? p(e) : window.location.href = e.url, _(!1));
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "relative",
-		ref: v,
-		children: [/* @__PURE__ */ o("button", {
-			onClick: () => h(!m),
-			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors ${m ? "bg-bg-sunken" : ""}`,
-			"aria-label": "Switch product",
-			"aria-expanded": m,
+		ref: b,
+		children: [/* @__PURE__ */ s("button", {
+			onClick: () => _(!g),
+			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors ${g ? "bg-bg-sunken" : ""}`,
+			"aria-label": h("productSwitcher.title", "Switch product"),
+			"aria-expanded": g,
 			children: [
-				/* @__PURE__ */ a(l, {
-					product: b,
+				/* @__PURE__ */ o(u, {
+					product: S,
 					sizeClass: "size-6",
 					textClass: "text-xs"
 				}),
-				!p && /* @__PURE__ */ a("span", {
+				!m && /* @__PURE__ */ o("span", {
 					className: "text-body-sm font-medium text-text-primary",
-					children: b?.name
+					children: S?.name
 				}),
-				!p && /* @__PURE__ */ a("svg", {
-					className: `w-4 h-4 text-text-secondary transition-transform ${m ? "rotate-180" : ""}`,
+				!m && /* @__PURE__ */ o("svg", {
+					className: `w-4 h-4 text-text-secondary transition-transform ${g ? "rotate-180" : ""}`,
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ a("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -83,54 +84,54 @@ var f = ({ products: e, currentProductId: c, onProductChange: f, compact: p = !1
 					})
 				})
 			]
-		}), m && /* @__PURE__ */ o("div", {
+		}), g && /* @__PURE__ */ s("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)] z-50 py-2 overflow-hidden animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "px-4 py-2 border-b border-border-subtle",
-					children: /* @__PURE__ */ a("p", {
+					children: /* @__PURE__ */ o("p", {
 						className: "text-[11px] font-medium text-text-muted uppercase tracking-wider",
-						children: "Switch Product"
+						children: h("productSwitcher.title", "Switch Product")
 					})
 				}),
-				x && /* @__PURE__ */ o("div", {
+				C && /* @__PURE__ */ s("div", {
 					className: "relative px-3 py-2 border-b border-border-subtle",
 					children: [
-						/* @__PURE__ */ a("svg", {
+						/* @__PURE__ */ o("svg", {
 							className: "pointer-events-none absolute left-6 top-1/2 -translate-y-1/2 size-4 text-text-muted",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ a("path", {
+							children: /* @__PURE__ */ o("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 							})
 						}),
-						/* @__PURE__ */ a("input", {
-							ref: y,
+						/* @__PURE__ */ o("input", {
+							ref: x,
 							type: "text",
-							value: g,
-							onChange: (e) => _(e.target.value),
+							value: v,
+							onChange: (e) => y(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Escape" && (g ? (e.stopPropagation(), _("")) : h(!1));
+								e.key === "Escape" && (v ? (e.stopPropagation(), y("")) : _(!1));
 							},
-							placeholder: "Search products…",
-							"aria-label": "Search products",
+							placeholder: h("productSwitcher.searchPlaceholder", "Search products…"),
+							"aria-label": h("productSwitcher.searchAria", "Search products"),
 							className: "w-full rounded-md border border-border-subtle bg-bg-surface py-2 pl-9 pr-8 text-sm text-text-primary placeholder:text-text-muted transition-all duration-200 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)]"
 						}),
-						g && /* @__PURE__ */ a("button", {
+						v && /* @__PURE__ */ o("button", {
 							type: "button",
-							onClick: () => _(""),
-							"aria-label": "Clear search",
+							onClick: () => y(""),
+							"aria-label": h("common.clearSearch", "Clear search"),
 							className: "absolute right-5 top-1/2 -translate-y-1/2 rounded-button p-1 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-							children: /* @__PURE__ */ a("svg", {
+							children: /* @__PURE__ */ o("svg", {
 								className: "size-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ a("path", {
+								children: /* @__PURE__ */ o("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -140,39 +141,39 @@ var f = ({ products: e, currentProductId: c, onProductChange: f, compact: p = !1
 						})
 					]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "py-1 max-h-96 overflow-y-auto",
-					children: [S.length === 0 && /* @__PURE__ */ o("p", {
+					children: [w.length === 0 && /* @__PURE__ */ s("p", {
 						className: "px-4 py-6 text-center text-body-sm text-text-muted",
 						children: [
 							"No products match “",
-							g,
+							v,
 							"”"
 						]
-					}), S.map((e) => /* @__PURE__ */ o("button", {
-						onClick: () => C(e),
+					}), w.map((e) => /* @__PURE__ */ s("button", {
+						onClick: () => T(e),
 						disabled: e.comingSoon,
 						"aria-disabled": e.comingSoon,
-						title: e.comingSoon ? "Soon" : e.name,
-						className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.comingSoon ? "text-text-muted cursor-not-allowed opacity-60" : e.id === c ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"}`,
+						title: e.comingSoon ? h("productSwitcher.soon", "Soon") : e.name,
+						className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.comingSoon ? "text-text-muted cursor-not-allowed opacity-60" : e.id === l ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"}`,
 						children: [
-							/* @__PURE__ */ a(l, {
+							/* @__PURE__ */ o(u, {
 								product: e,
 								sizeClass: "size-8",
 								textClass: "text-sm"
 							}),
-							/* @__PURE__ */ a("span", {
+							/* @__PURE__ */ o("span", {
 								className: "flex-1 text-left leading-tight",
 								children: e.name
 							}),
-							e.comingSoon ? /* @__PURE__ */ a("span", {
+							e.comingSoon ? /* @__PURE__ */ o("span", {
 								className: "shrink-0 whitespace-nowrap rounded-full border border-border-subtle bg-bg-sunken px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-text-secondary",
-								children: "Soon"
-							}) : e.id === c && /* @__PURE__ */ a("svg", {
+								children: h("productSwitcher.soon", "Soon")
+							}) : e.id === l && /* @__PURE__ */ o("svg", {
 								className: "size-5 text-action-primary-bg",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
-								children: /* @__PURE__ */ a("path", {
+								children: /* @__PURE__ */ o("path", {
 									fillRule: "evenodd",
 									d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
 									clipRule: "evenodd"
@@ -186,4 +187,4 @@ var f = ({ products: e, currentProductId: c, onProductChange: f, compact: p = !1
 	});
 };
 //#endregion
-export { f as ProductSwitcher, u as filterProducts, c as resolveProductLogo };
+export { p as ProductSwitcher, d as filterProducts, l as resolveProductLogo };

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../src/chrome/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOtD,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;CACvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwNlD,CAAC"}
+{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../src/chrome/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOtD,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;CACvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2NlD,CAAC"}

package/dist/chrome/SideNavigation.js

@@ -1,43 +1,44 @@
 import { Tooltip as e, TooltipContent as t, TooltipProvider as n, TooltipTrigger as r } from "../ui/tooltip.js";
-import { NavItemRenderer as i } from "./sideNavigation/NavItemRenderer.js";
-import { SidebarHeader as a } from "./sideNavigation/SidebarHeader.js";
-import { MobileActionsBar as o } from "./sideNavigation/MobileActionsBar.js";
-import { CollapseToggle as s } from "./sideNavigation/CollapseToggle.js";
-import { useSideNavigationState as c } from "./sideNavigation/useSideNavigationState.js";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useShellLabel as i } from "../shared/providers/shell/useShellLabel.js";
+import { NavItemRenderer as a } from "./sideNavigation/NavItemRenderer.js";
+import { SidebarHeader as o } from "./sideNavigation/SidebarHeader.js";
+import { MobileActionsBar as s } from "./sideNavigation/MobileActionsBar.js";
+import { CollapseToggle as c } from "./sideNavigation/CollapseToggle.js";
+import { useSideNavigationState as l } from "./sideNavigation/useSideNavigationState.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/chrome/SideNavigation.tsx
-var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggleCollapse: g, collapseLabel: _ = "Collapse", header: v, footer: y, mobileActions: b, groupOrder: x, groupLabels: S, maxDepth: C = 4, contextSearchParams: w }) => {
-	let { expandedItems: T, toggleExpand: E, collapseAll: D } = c({
-		items: f,
-		currentPath: p,
-		collapsed: m,
-		onToggleCollapse: g
-	}), O = f.filter((e) => e.visible !== !1), k = (() => {
-		if (m) return [{
+var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggleCollapse: _, collapseLabel: v, header: y, footer: b, mobileActions: x, groupOrder: S, groupLabels: C, maxDepth: w = 4, contextSearchParams: T }) => {
+	let { expandedItems: E, toggleExpand: D, collapseAll: O } = l({
+		items: p,
+		currentPath: m,
+		collapsed: h,
+		onToggleCollapse: _
+	}), k = i(), A = v ?? k("nav.collapse", "Collapse"), j = p.filter((e) => e.visible !== !1), M = (() => {
+		if (h) return [{
 			id: "__all__",
 			label: null,
-			items: O
+			items: j
 		}];
 		let e = /* @__PURE__ */ new Map();
-		for (let t of O) {
+		for (let t of j) {
 			let n = t.group ?? "__default__", r = e.get(n);
 			r ? r.push(t) : e.set(n, [t]);
 		}
-		return [...x ?? [], ...Array.from(e.keys()).filter((e) => !(x ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
+		return [...S ?? [], ...Array.from(e.keys()).filter((e) => !(S ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
 			id: t,
-			label: t === "__default__" ? null : S?.[t] ?? t,
+			label: t === "__default__" ? null : C?.[t] ?? t,
 			items: e.get(t) ?? []
 		}));
 	})();
-	return /* @__PURE__ */ d(l, { children: [!m && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ f(u, { children: [!h && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
 		className: "fixed inset-0 bg-bg-overlay z-[109] md:hidden",
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ u("button", {
+	}), /* @__PURE__ */ d("button", {
 		type: "button",
 		className: "fixed inset-y-0 right-0 left-64 z-[112] md:hidden cursor-pointer",
-		onClick: g,
+		onClick: _,
 		"aria-label": "Close sidebar"
-	})] }), /* @__PURE__ */ d("aside", {
+	})] }), /* @__PURE__ */ f("aside", {
 		className: `
           bg-bg-canvas supports-[backdrop-filter]:bg-[var(--color-surface-glass)] supports-[backdrop-filter]:backdrop-blur-[var(--blur-glass)]
           border-r border-border-seam
@@ -48,28 +49,28 @@ var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggle
           z-[110] md:z-auto
           md:h-full
           overflow-x-hidden
-          ${m ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
+          ${h ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
           w-64 md:w-auto
-          ${m ? "md:w-16" : "md:w-64"}
+          ${h ? "md:w-16" : "md:w-64"}
         `,
 		style: {
 			paddingTop: "env(safe-area-inset-top)",
 			paddingBottom: "env(safe-area-inset-bottom)"
 		},
 		children: [
-			!m && g && /* @__PURE__ */ u("div", {
+			!h && _ && /* @__PURE__ */ d("div", {
 				className: "md:hidden flex justify-end px-2 pt-2",
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: g,
+					onClick: _,
 					className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
 					"aria-label": "Close sidebar",
-					children: /* @__PURE__ */ u("svg", {
+					children: /* @__PURE__ */ d("svg", {
 						className: "size-5",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ u("path", {
+						children: /* @__PURE__ */ d("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -78,59 +79,59 @@ var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggle
 					})
 				})
 			}),
-			v && /* @__PURE__ */ u(a, {
-				header: v,
-				collapsed: m,
-				expandedCount: T.size,
-				onCollapseAll: D
+			y && /* @__PURE__ */ d(o, {
+				header: y,
+				collapsed: h,
+				expandedCount: E.size,
+				onCollapseAll: O
 			}),
-			/* @__PURE__ */ u("nav", {
+			/* @__PURE__ */ d("nav", {
 				className: "flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
-				children: /* @__PURE__ */ u(n, {
+				children: /* @__PURE__ */ d(n, {
 					delayDuration: 300,
-					children: /* @__PURE__ */ u("ul", {
+					children: /* @__PURE__ */ d("ul", {
 						className: "space-y-list-gap",
-						children: k.map((n, a) => /* @__PURE__ */ d("li", {
+						children: M.map((n, i) => /* @__PURE__ */ f("li", {
 							className: "list-none",
 							children: [
-								a > 0 && !m && /* @__PURE__ */ u("div", { className: "my-2 border-t border-border-subtle" }),
-								n.label && !m && /* @__PURE__ */ u("p", {
+								i > 0 && !h && /* @__PURE__ */ d("div", { className: "my-2 border-t border-border-subtle" }),
+								n.label && !h && /* @__PURE__ */ d("p", {
 									className: "px-3 pb-1.5 pt-0.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 									children: n.label
 								}),
-								/* @__PURE__ */ u("ul", {
+								/* @__PURE__ */ d("ul", {
 									className: "space-y-list-gap",
-									children: n.items.map((n) => m ? /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, {
+									children: n.items.map((n) => h ? /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(r, {
 										asChild: !0,
-										children: /* @__PURE__ */ u(i, {
+										children: /* @__PURE__ */ d(a, {
 											item: n,
 											depth: 0,
-											maxDepth: C,
-											currentPath: p,
-											expandedItems: T,
-											toggleExpand: E,
-											onItemClick: h,
-											onToggleCollapse: g,
-											collapsed: m,
-											contextSearchParams: w
+											maxDepth: w,
+											currentPath: m,
+											expandedItems: E,
+											toggleExpand: D,
+											onItemClick: g,
+											onToggleCollapse: _,
+											collapsed: h,
+											contextSearchParams: T
 										})
-									}), /* @__PURE__ */ d(t, {
+									}), /* @__PURE__ */ f(t, {
 										side: "right",
-										children: [/* @__PURE__ */ u("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ d("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ d("span", {
 											className: "ml-2 text-xs bg-status-error-bg-subtle text-status-error-text px-2 py-0.5 rounded-full",
 											children: n.badge
 										})]
-									})] }, n.id) : /* @__PURE__ */ u(i, {
+									})] }, n.id) : /* @__PURE__ */ d(a, {
 										item: n,
 										depth: 0,
-										maxDepth: C,
-										currentPath: p,
-										expandedItems: T,
-										toggleExpand: E,
-										onItemClick: h,
-										onToggleCollapse: g,
-										collapsed: m,
-										contextSearchParams: w
+										maxDepth: w,
+										currentPath: m,
+										expandedItems: E,
+										toggleExpand: D,
+										onItemClick: g,
+										onToggleCollapse: _,
+										collapsed: h,
+										contextSearchParams: T
 									}, n.id))
 								})
 							]
@@ -138,22 +139,22 @@ var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggle
 					})
 				})
 			}),
-			y && /* @__PURE__ */ u("div", {
-				className: `py-card-padding border-t border-border-subtle ${m ? "md:px-2" : "px-card-padding"}`,
-				children: y
+			b && /* @__PURE__ */ d("div", {
+				className: `py-card-padding border-t border-border-subtle ${h ? "md:px-2" : "px-card-padding"}`,
+				children: b
 			}),
-			b && b.length > 0 && /* @__PURE__ */ u(o, {
-				actions: b,
-				collapsed: m,
-				onToggleCollapse: g
+			x && x.length > 0 && /* @__PURE__ */ d(s, {
+				actions: x,
+				collapsed: h,
+				onToggleCollapse: _
 			}),
-			g && /* @__PURE__ */ u(s, {
-				collapsed: m,
-				collapseLabel: _,
-				onToggleCollapse: g
+			_ && /* @__PURE__ */ d(c, {
+				collapsed: h,
+				collapseLabel: A,
+				onToggleCollapse: _
 			})
 		]
 	})] });
 };
 //#endregion
-export { f as SideNavigation };
+export { p as SideNavigation };

package/dist/chrome/globalSearch/SearchModeBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModeBar.d.ts","sourceRoot":"","sources":["../../../src/chrome/globalSearch/SearchModeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,EAAE,kBAAkB,GAAG,SAAS,CAwChC"}
+{"version":3,"file":"SearchModeBar.d.ts","sourceRoot":"","sources":["../../../src/chrome/globalSearch/SearchModeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAG3E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,EAAE,kBAAkB,GAAG,SAAS,CA6ChC"}

package/dist/chrome/globalSearch/SearchModeBar.js

@@ -1,36 +1,38 @@
-import { cn as e } from "../../utils/cn.js";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { cn as t } from "../../utils/cn.js";
 import "../../utils/index.js";
-import { ChevronDown as t, ChevronUp as n, SlidersHorizontal as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ChevronDown as n, ChevronUp as r, SlidersHorizontal as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/chrome/globalSearch/SearchModeBar.tsx
-function o({ searchMode: o, onSearchModeChange: s, showAdvanced: c, onToggleAdvanced: l }) {
-	return /* @__PURE__ */ a("div", {
+function s({ searchMode: s, onSearchModeChange: c, showAdvanced: l, onToggleAdvanced: u }) {
+	let d = e();
+	return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-between px-3 py-1.5 border-b border-border-subtle",
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center gap-1",
 			children: [
 				"PARTIAL",
 				"FULLTEXT",
 				"EXACT"
-			].map((t) => /* @__PURE__ */ i("button", {
+			].map((e) => /* @__PURE__ */ a("button", {
 				type: "button",
-				onClick: () => s(t),
-				className: e("px-2 py-1 text-[10px] font-medium rounded-button transition-colors", o === t ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
-				title: t === "PARTIAL" ? "Autocomplete — matches prefixes and substrings" : t === "FULLTEXT" ? "Full-text — BM25 word matching with stemming" : "Exact — all search terms must appear",
-				children: t === "PARTIAL" ? "Partial" : t === "FULLTEXT" ? "Fulltext" : "Exact"
-			}, t))
-		}), /* @__PURE__ */ a("button", {
+				onClick: () => c(e),
+				className: t("px-2 py-1 text-[10px] font-medium rounded-button transition-colors", s === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				title: e === "PARTIAL" ? "Autocomplete — matches prefixes and substrings" : e === "FULLTEXT" ? "Full-text — BM25 word matching with stemming" : "Exact — all search terms must appear",
+				children: e === "PARTIAL" ? d("search.mode.partial", "Partial") : e === "FULLTEXT" ? d("search.mode.fulltext", "Fulltext") : d("search.mode.exact", "Exact")
+			}, e))
+		}), /* @__PURE__ */ o("button", {
 			type: "button",
-			onClick: l,
+			onClick: u,
 			className: "flex items-center gap-1 px-2 py-1 text-[10px] font-medium text-text-secondary rounded-button hover:bg-bg-sunken hover:text-text-primary transition-colors",
-			"aria-expanded": c,
+			"aria-expanded": l,
 			children: [
-				/* @__PURE__ */ i(r, { className: "size-3" }),
-				"Filters",
-				i(c ? n : t, { className: "size-3" })
+				/* @__PURE__ */ a(i, { className: "size-3" }),
+				d("search.filters", "Filters"),
+				a(l ? r : n, { className: "size-3" })
 			]
 		})]
 	});
 }
 //#endregion
-export { o as SearchModeBar };
+export { s as SearchModeBar };

package/dist/shared/providers/shell/useShellLabel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Resolve a shell chrome label through the i18n service, with an English
+ * fallback.
+ *
+ * `useI18n().t()` echoes the key back when there is no translation, which is
+ * awkward at a call site — a missing key would render `nav.collapse` to the
+ * user. This wraps that check once.
+ *
+ *   const label = useShellLabel();
+ *   label('nav.collapse', 'Collapse');
+ *
+ * Used by the shell's own chrome (side nav, footer, breadcrumbs) so those
+ * strings follow the active locale instead of being permanently English.
+ * Components that already accept a label PROP should prefer the prop and fall
+ * back to this, so a host can still override:
+ *
+ *   const text = collapseLabel ?? label('nav.collapse', 'Collapse');
+ */
+export declare function useShellLabel(): (key: string, fallback: string) => string;
+//# sourceMappingURL=useShellLabel.d.ts.map

package/dist/shared/providers/shell/useShellLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShellLabel.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/useShellLabel.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CASzE"}

package/dist/shared/providers/shell/useShellLabel.js

@@ -0,0 +1,12 @@
+import { useI18n as e } from "./I18nProvider.js";
+import { useCallback as t } from "react";
+//#region src/shared/providers/shell/useShellLabel.ts
+function n() {
+	let { t: n } = e();
+	return t((e, t) => {
+		let r = n(e);
+		return r === e ? t : r;
+	}, [n]);
+}
+//#endregion
+export { n as useShellLabel };

package/dist/shared/tours/tourTrigger/DesktopTourDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTourDropdown.d.ts","sourceRoot":"","sources":["../../../../src/shared/tours/tourTrigger/DesktopTourDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGxD,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,mBAAmB,qHAsE/B,CAAC"}
+{"version":3,"file":"DesktopTourDropdown.d.ts","sourceRoot":"","sources":["../../../../src/shared/tours/tourTrigger/DesktopTourDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIxD,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,mBAAmB,qHA2E/B,CAAC"}