@burdenoff/fe-libs 2026.1018.1 → 2026.1019.2

package/dist/chrome/ProductPickerSheet.js

@@ -1,111 +1,108 @@
 import { isSameProductSlug as e } from "../shared/config/productSlug.js";
 import { Sheet as t, SheetContent as n, SheetHeader as r, SheetTitle as i } from "../ui/sheet.js";
-import { filterProducts as a, resolveProductLogo as o } from "./ProductSwitcher.js";
-import { useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useShellLabel as a } from "../shared/providers/shell/useShellLabel.js";
+import { filterProducts as o, resolveProductLogo as s } from "./ProductSwitcher.js";
+import { useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/chrome/ProductPickerSheet.tsx
-var d = 6, f = ({ product: e }) => {
-	let [t, n] = c(!1), r = o(e);
-	return r && !t ? /* @__PURE__ */ l("div", {
+var f = 6, p = ({ product: e }) => {
+	let [t, n] = l(!1), r = s(e);
+	return r && !t ? /* @__PURE__ */ u("div", {
 		className: "size-10 rounded-lg bg-white p-1 ring-1 ring-border-default dark:ring-border-strong flex items-center justify-center flex-shrink-0 overflow-hidden",
-		children: /* @__PURE__ */ l("img", {
+		children: /* @__PURE__ */ u("img", {
 			src: r,
 			alt: e.name,
 			className: "size-full object-contain",
 			onError: () => n(!0)
 		})
-	}) : e.icon ? /* @__PURE__ */ l("div", {
+	}) : e.icon ? /* @__PURE__ */ u("div", {
 		className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0",
 		children: e.icon
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "size-10 rounded-lg bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-		children: /* @__PURE__ */ l("span", {
+		children: /* @__PURE__ */ u("span", {
 			className: "text-action-primary-text font-bold text-sm",
 			children: e.name.substring(0, 2).toUpperCase()
 		})
 	});
-}, p = ({ open: o, onOpenChange: p, products: m, currentProductId: h, onProductChange: g }) => {
-	let [_, v] = c(""), y = m.length > d, b = s(() => a(m, _), [m, _]), x = (e) => {
-		g && g(e), p(!1);
+}, m = ({ open: s, onOpenChange: m, products: h, currentProductId: g, onProductChange: _ }) => {
+	let v = a(), [y, b] = l(""), x = h.length > f, S = c(() => o(h, y), [h, y]), C = (e) => {
+		_ && _(e), m(!1);
 	};
-	return /* @__PURE__ */ l(t, {
-		open: o,
+	return /* @__PURE__ */ u(t, {
+		open: s,
 		onOpenChange: (e) => {
-			e || v(""), p(e);
+			e || b(""), m(e);
 		},
-		children: /* @__PURE__ */ u(n, {
+		children: /* @__PURE__ */ d(n, {
 			side: "bottom",
 			className: "h-[60vh] flex flex-col p-0",
 			children: [
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ u(r, {
 					className: "px-4 pt-4 pb-2 border-b border-border-subtle",
-					children: /* @__PURE__ */ l(i, {
+					children: /* @__PURE__ */ u(i, {
 						className: "text-text-primary",
-						children: "Switch Product"
+						children: v("productSwitcher.title", "Switch Product")
 					})
 				}),
-				y && /* @__PURE__ */ u("div", {
+				x && /* @__PURE__ */ d("div", {
 					className: "relative px-4 py-2 border-b border-border-subtle",
-					children: [/* @__PURE__ */ l("svg", {
+					children: [/* @__PURE__ */ u("svg", {
 						className: "pointer-events-none absolute left-7 top-1/2 -translate-y-1/2 size-4 text-text-muted",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ l("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 						})
-					}), /* @__PURE__ */ l("input", {
+					}), /* @__PURE__ */ u("input", {
 						type: "text",
-						value: _,
-						onChange: (e) => v(e.target.value),
-						placeholder: "Search products…",
-						"aria-label": "Search products",
+						value: y,
+						onChange: (e) => b(e.target.value),
+						placeholder: v("productSwitcher.searchPlaceholder", "Search products…"),
+						"aria-label": v("productSwitcher.searchAria", "Search products"),
 						className: "w-full rounded-md border border-border-subtle bg-bg-surface py-2.5 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-muted focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)]"
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex-1 overflow-y-auto py-2",
-					children: [b.length === 0 && /* @__PURE__ */ u("p", {
+					children: [S.length === 0 && /* @__PURE__ */ u("p", {
 						className: "px-4 py-6 text-center text-body-sm text-text-muted",
+						children: v("productSwitcher.noMatches", "No products match “{{query}}”", { query: y })
+					}), S.map((t) => /* @__PURE__ */ d("button", {
+						onClick: () => C(t),
+						className: `w-full flex items-center gap-4 px-4 py-3.5 text-body-sm transition-colors ${e(t.id, g) ? "bg-[var(--color-accent-soft)]" : "hover:bg-bg-sunken"}`,
 						children: [
-							"No products match “",
-							_,
-							"”"
-						]
-					}), b.map((t) => /* @__PURE__ */ u("button", {
-						onClick: () => x(t),
-						className: `w-full flex items-center gap-4 px-4 py-3.5 text-body-sm transition-colors ${e(t.id, h) ? "bg-[var(--color-accent-soft)]" : "hover:bg-bg-sunken"}`,
-						children: [
-							/* @__PURE__ */ l(f, { product: t }),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ u(p, { product: t }),
+							/* @__PURE__ */ d("div", {
 								className: "flex-1 text-left min-w-0",
-								children: [/* @__PURE__ */ l("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "font-medium text-text-primary",
 									children: t.name
-								}), t.description && /* @__PURE__ */ l("p", {
+								}), t.description && /* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary truncate",
 									children: t.description
 								})]
 							}),
-							e(t.id, h) && /* @__PURE__ */ l("svg", {
+							e(t.id, g) && /* @__PURE__ */ u("svg", {
 								className: "size-5 text-action-primary-bg flex-shrink-0",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
-								children: /* @__PURE__ */ l("path", {
+								children: /* @__PURE__ */ u("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"
 								})
 							}),
-							t.url && !e(t.id, h) && /* @__PURE__ */ l("svg", {
+							t.url && !e(t.id, g) && /* @__PURE__ */ u("svg", {
 								className: "size-4 text-text-muted flex-shrink-0",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ l("path", {
+								children: /* @__PURE__ */ u("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -120,4 +117,4 @@ var d = 6, f = ({ product: e }) => {
 	});
 };
 //#endregion
-export { p as ProductPickerSheet };
+export { m as ProductPickerSheet };

package/dist/chrome/ProductSwitcher.js

@@ -144,13 +144,9 @@ var m = ({ products: t, currentProductId: u, onProductChange: m, compact: h = !1
 				}),
 				/* @__PURE__ */ c("div", {
 					className: "py-1 max-h-96 overflow-y-auto",
-					children: [T.length === 0 && /* @__PURE__ */ c("p", {
+					children: [T.length === 0 && /* @__PURE__ */ s("p", {
 						className: "px-4 py-6 text-center text-body-sm text-text-muted",
-						children: [
-							"No products match “",
-							y,
-							"”"
-						]
+						children: g("productSwitcher.noMatches", "No products match “{{query}}”", { query: y })
 					}), T.map((t) => /* @__PURE__ */ c("button", {
 						onClick: () => E(t),
 						disabled: t.comingSoon,

package/dist/chrome/ProfileSwitcher.js

@@ -79,13 +79,9 @@ var l = ({ user: l, accounts: u = [], activeAccountId: d, onViewProfile: f, onLo
 								children: w
 							})
 						}),
-						/* @__PURE__ */ c("h3", {
+						/* @__PURE__ */ s("h3", {
 							className: "text-base font-semibold text-text-primary mb-1",
-							children: [
-								"Hi, ",
-								l.firstName,
-								"!"
-							]
+							children: x("userMenu.greeting", "Hi, {{name}}!", { name: l.firstName })
 						}),
 						l.email && /* @__PURE__ */ s("p", {
 							className: "text-body-sm text-text-secondary truncate",
@@ -115,14 +111,14 @@ var l = ({ user: l, accounts: u = [], activeAccountId: d, onViewProfile: f, onLo
 							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"
+						children: x("userMenu.viewProfile", "View Profile")
 					})
 				}),
 				T && D.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
 					className: "px-4 pt-2 pb-1",
 					children: /* @__PURE__ */ s("p", {
 						className: "text-[11px] font-medium text-text-muted uppercase tracking-wider",
-						children: "Switch Account"
+						children: x("auth.security.switchAccount", "Switch Account")
 					})
 				}), /* @__PURE__ */ s("div", {
 					className: `${D.length >= 3 ? "max-h-48 overflow-y-auto" : ""}`,
@@ -208,7 +204,7 @@ var l = ({ user: l, accounts: u = [], activeAccountId: d, onViewProfile: f, onLo
 									strokeWidth: 2,
 									d: "M12 4v16m8-8H4"
 								})
-							}), /* @__PURE__ */ s("span", { children: "Add account" })]
+							}), /* @__PURE__ */ s("span", { children: x("auth.profileMenu.addAccount", "Add account") })]
 						}), p && /* @__PURE__ */ c("button", {
 							type: "button",
 							onClick: () => {
@@ -226,7 +222,7 @@ var l = ({ user: l, accounts: u = [], activeAccountId: d, onViewProfile: f, onLo
 									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__ */ s("span", { children: "Sign out" })]
+							}), /* @__PURE__ */ s("span", { children: x("auth.security.signOutDialogConfirm", "Sign out") })]
 						})]
 					})
 				})

package/dist/chrome/ShortcutHelpDialog.js

@@ -1,122 +1,117 @@
-import { detectPlatform as e, getDisplayKeysForPlatform as t } from "../shared/keyboard/utils.js";
-import { EscapeLayer as n } from "../shared/components/EscapeLayer.js";
-import { SHELL_OVERLAY_LAYER_CLASS as r } from "./shellOverlayLayer.js";
-import { useEffect as i, useRef as a } from "react";
-import { X as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { interpolateShellLabel as t } from "../shared/providers/shell/interpolateShellLabel.js";
+import { detectPlatform as n, getDisplayKeysForPlatform as r } from "../shared/keyboard/utils.js";
+import { EscapeLayer as i } from "../shared/components/EscapeLayer.js";
+import { SHELL_OVERLAY_LAYER_CLASS as a } from "./shellOverlayLayer.js";
+import { useEffect as o, useRef as s } from "react";
+import { X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/chrome/ShortcutHelpDialog.tsx
-var l = ({ isOpen: l, onClose: u, shortcuts: d }) => {
-	let f = a(null), p = a(u);
-	if (i(() => {
-		p.current = u;
-	}), i(() => {
-		if (!l) return;
+var d = ({ isOpen: d, onClose: f, shortcuts: p }) => {
+	let m = e(), h = s(null), g = s(f);
+	if (o(() => {
+		g.current = f;
+	}), o(() => {
+		if (!d) return;
 		let e = setTimeout(() => {
 			let e = (e) => {
-				e.key === "?" && (e.preventDefault(), e.stopPropagation(), p.current());
+				e.key === "?" && (e.preventDefault(), e.stopPropagation(), g.current());
 			};
-			f.current = e, document.addEventListener("keydown", e);
+			h.current = e, document.addEventListener("keydown", e);
 		}, 100);
 		return () => {
-			clearTimeout(e), f.current &&= (document.removeEventListener("keydown", f.current), null);
+			clearTimeout(e), h.current &&= (document.removeEventListener("keydown", h.current), null);
 		};
-	}, [l]), i(() => {
-		if (l) return document.body.style.overflow = "hidden", () => {
+	}, [d]), o(() => {
+		if (d) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
-	}, [l]), !l) return null;
-	let m = d.reduce((e, t) => {
-		let n = t.category || "Other";
+	}, [d]), !d) return null;
+	let _ = p.reduce((e, t) => {
+		let n = t.category || m("appShell.otherShortcuts", "Other");
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), h = Object.keys(m).sort((e, t) => {
+	}, {}), v = Object.keys(_).sort((e, t) => {
 		let n = {
 			Navigation: 0,
 			Actions: 1,
 			UI: 2
 		}, r = n[e] ?? 99, i = n[t] ?? 99;
 		return r === i ? e.localeCompare(t) : r - i;
-	}), g = e(), _ = g === "mac" ? "macOS" : g === "windows" ? "Windows" : "Linux";
-	return /* @__PURE__ */ s(n, {
+	}), y = n(), b = y === "mac" ? "macOS" : y === "windows" ? "Windows" : "Linux";
+	return /* @__PURE__ */ l(i, {
 		modal: !0,
-		onDismiss: u,
-		children: /* @__PURE__ */ c("div", {
-			className: `fixed inset-0 ${r} flex items-center justify-center animate-in fade-in duration-200`,
+		onDismiss: f,
+		children: /* @__PURE__ */ u("div", {
+			className: `fixed inset-0 ${a} flex items-center justify-center animate-in fade-in duration-200`,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "shortcut-dialog-title",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "absolute inset-0 bg-bg-overlay backdrop-blur-sm",
-				onClick: u,
+				onClick: f,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ u("div", {
 				className: "relative bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] max-w-2xl w-full mx-4 max-h-[85dvh] flex flex-col animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-4 duration-300",
 				children: [
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between p-6 border-b border-border-subtle",
-						children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
 							id: "shortcut-dialog-title",
 							className: "text-lg font-semibold text-text-primary",
-							children: "Keyboard Shortcuts"
-						}), /* @__PURE__ */ s("p", {
+							children: m("shortcuts.title", "Keyboard Shortcuts")
+						}), /* @__PURE__ */ l("p", {
 							className: "text-text-secondary text-sm mt-1",
-							children: "Quickly navigate and perform actions using your keyboard"
-						})] }), /* @__PURE__ */ s("button", {
+							children: m("appShell.shortcutsDescription", "Quickly navigate and perform actions using your keyboard")
+						})] }), /* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: u,
+							onClick: f,
 							className: "p-2 hover:bg-bg-sunken rounded-button text-text-secondary transition-colors",
-							"aria-label": "Close",
-							children: /* @__PURE__ */ s(o, { className: "size-5" })
+							"aria-label": m("common.close", "Close"),
+							children: /* @__PURE__ */ l(c, { className: "size-5" })
 						})]
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto p-6",
-						children: /* @__PURE__ */ s("div", {
+						children: /* @__PURE__ */ l("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-8",
-							children: h.map((e) => /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h3", {
+							children: v.map((e) => /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
 								className: "text-sm font-semibold text-text-primary mb-3",
 								children: e
-							}), /* @__PURE__ */ s("div", {
+							}), /* @__PURE__ */ l("div", {
 								className: "space-y-1",
-								children: m[e].map((e, n) => /* @__PURE__ */ c("div", {
+								children: _[e].map((e, t) => /* @__PURE__ */ u("div", {
 									className: "flex items-center justify-between py-2 px-3 rounded-button hover:bg-bg-sunken transition-all duration-200 hover:translate-x-0.5",
-									style: { animationDelay: `${n * 30}ms` },
-									children: [/* @__PURE__ */ s("span", {
+									style: { animationDelay: `${t * 30}ms` },
+									children: [/* @__PURE__ */ l("span", {
 										className: "text-text-primary text-sm",
 										children: e.description
-									}), /* @__PURE__ */ s("kbd", {
+									}), /* @__PURE__ */ l("kbd", {
 										className: "ml-4 px-2.5 py-1 bg-bg-sunken border border-border-subtle rounded text-text-secondary text-xs font-mono whitespace-nowrap transition-all duration-200 hover:scale-105",
-										children: t(e.keys)
+										children: r(e.keys)
 									})]
 								}, e.id))
 							})] }, e))
 						})
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ l("div", {
 						className: "p-4 border-t border-border-subtle bg-bg-sunken/50 rounded-b-card",
-						children: /* @__PURE__ */ c("div", {
+						children: /* @__PURE__ */ u("div", {
 							className: "flex items-center justify-between text-xs",
-							children: [/* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ l("p", {
 								className: "text-text-muted",
-								children: [_, " shortcuts"]
-							}), /* @__PURE__ */ c("p", {
+								children: m("appShell.platformShortcuts", "{{platform}} shortcuts", { platform: b })
+							}), /* @__PURE__ */ l("p", {
 								className: "text-text-secondary",
-								children: [
-									"Press",
-									" ",
-									/* @__PURE__ */ s("kbd", {
+								children: t(m("appShell.closeShortcutsHint", "Press {{question}} or {{escape}} to close"), {
+									question: /* @__PURE__ */ l("kbd", {
 										className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
 										children: "?"
 									}),
-									" ",
-									"or",
-									" ",
-									/* @__PURE__ */ s("kbd", {
+									escape: /* @__PURE__ */ l("kbd", {
 										className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
 										children: "Esc"
-									}),
-									" ",
-									"to close"
-								]
+									})
+								})
 							})]
 						})
 					})
@@ -126,4 +121,4 @@ var l = ({ isOpen: l, onClose: u, shortcuts: d }) => {
 	});
 };
 //#endregion
-export { l as ShortcutHelpDialog };
+export { d as ShortcutHelpDialog };

package/dist/chrome/SideNavigation.js

@@ -82,7 +82,7 @@ var h = ({ items: h, currentPath: g, collapsed: _ = !1, onItemClick: v, onToggle
 		type: "button",
 		className: "fixed inset-y-0 right-0 left-64 z-[112] md:hidden cursor-pointer",
 		onClick: y,
-		"aria-label": "Close sidebar"
+		"aria-label": P("appShell.closeSidebar", "Close sidebar")
 	})] }), /* @__PURE__ */ m("aside", {
 		ref: O,
 		className: `
@@ -110,7 +110,7 @@ var h = ({ items: h, currentPath: g, collapsed: _ = !1, onItemClick: v, onToggle
 					type: "button",
 					onClick: y,
 					className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
-					"aria-label": "Close sidebar",
+					"aria-label": P("appShell.closeSidebar", "Close sidebar"),
 					children: /* @__PURE__ */ p("svg", {
 						className: "size-5",
 						fill: "none",

package/dist/chrome/Sidebar.js

@@ -1,72 +1,73 @@
 import { cn as e } from "../shared-utils.js";
-import { useState as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/chrome/Sidebar.tsx
-var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, footer: l, className: u, width: d = "280px", collapsedWidth: f = "64px" }) => {
-	let [p, m] = t(new Set(a.filter((e) => e.defaultCollapsed).map((e) => e.title))), h = (e) => {
-		m((t) => {
+var o = ({ sections: o, isCollapsed: s = !1, onToggleCollapse: c, header: l, footer: u, className: d, width: f = "280px", collapsedWidth: p = "64px" }) => {
+	let m = t(), [h, g] = n(new Set(o.filter((e) => e.defaultCollapsed).map((e) => e.title))), _ = (e) => {
+		g((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	};
-	return /* @__PURE__ */ i("aside", {
-		className: e("flex flex-col bg-bg-surface border-r border-border-subtle transition-all duration-300", u),
-		style: { width: o ? f : d },
+	return /* @__PURE__ */ a("aside", {
+		className: e("flex flex-col bg-bg-surface border-r border-border-subtle transition-all duration-300", d),
+		style: { width: s ? p : f },
 		children: [
-			c && /* @__PURE__ */ r("div", {
-				className: e("flex items-center border-b border-border-subtle", o ? "justify-center p-4" : "px-card-padding py-4"),
-				children: c
+			l && /* @__PURE__ */ i("div", {
+				className: e("flex items-center border-b border-border-subtle", s ? "justify-center p-4" : "px-card-padding py-4"),
+				children: l
 			}),
-			/* @__PURE__ */ r("nav", {
+			/* @__PURE__ */ i("nav", {
 				className: "scrollbar-slim scrollbar-hover-only flex-1 overflow-y-auto py-section-gap",
-				children: a.map((t) => {
-					let a = p.has(t.title);
-					return /* @__PURE__ */ i("div", {
+				children: o.map((t) => {
+					let n = h.has(t.title);
+					return /* @__PURE__ */ a("div", {
 						className: "mb-section-gap",
-						children: [!o && /* @__PURE__ */ r("div", {
+						children: [!s && /* @__PURE__ */ i("div", {
 							className: "px-card-padding mb-2",
-							children: t.collapsible ? /* @__PURE__ */ i("button", {
+							children: t.collapsible ? /* @__PURE__ */ a("button", {
 								type: "button",
-								onClick: () => h(t.title),
+								onClick: () => _(t.title),
 								className: "flex items-center justify-between w-full text-text-muted text-[11px] font-medium uppercase tracking-wider hover:text-text-secondary transition-colors",
-								"aria-expanded": !a,
-								children: [/* @__PURE__ */ r("span", { children: t.title }), /* @__PURE__ */ r("svg", {
-									className: e("w-4 h-4 transition-transform", a && "rotate-180"),
+								"aria-expanded": !n,
+								children: [/* @__PURE__ */ i("span", { children: t.title }), /* @__PURE__ */ i("svg", {
+									className: e("w-4 h-4 transition-transform", n && "rotate-180"),
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ r("path", {
+									children: /* @__PURE__ */ i("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M19 9l-7 7-7-7"
 									})
 								})]
-							}) : /* @__PURE__ */ r("div", {
+							}) : /* @__PURE__ */ i("div", {
 								className: "text-text-muted text-[11px] font-medium uppercase tracking-wider",
 								children: t.title
 							})
-						}), (!t.collapsible || !a) && /* @__PURE__ */ r("ul", {
+						}), (!t.collapsible || !n) && /* @__PURE__ */ i("ul", {
 							className: "space-y-1 px-2",
-							children: t.items.map((t) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ i("button", {
+							children: t.items.map((t) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a("button", {
 								onClick: t.onClick,
 								disabled: t.disabled,
-								className: e("w-full flex items-center gap-3 rounded-button text-sm transition-all duration-200 ease-[var(--motion-easing-out)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border", o ? "justify-center p-3" : "px-3 py-2", {
+								className: e("w-full flex items-center gap-3 rounded-button text-sm transition-all duration-200 ease-[var(--motion-easing-out)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border", s ? "justify-center p-3" : "px-3 py-2", {
 									"bg-[var(--color-accent-soft)] text-text-primary font-medium": t.isActive && !t.disabled,
 									"text-text-secondary hover:text-text-primary hover:bg-bg-sunken": !t.isActive && !t.disabled,
 									"text-text-disabled cursor-not-allowed opacity-50": t.disabled
 								}),
-								"aria-label": o ? t.label : void 0,
+								"aria-label": s ? t.label : void 0,
 								"aria-current": t.isActive ? "page" : void 0,
-								title: o ? t.label : void 0,
+								title: s ? t.label : void 0,
 								type: "button",
-								children: [t.icon && /* @__PURE__ */ r("span", {
+								children: [t.icon && /* @__PURE__ */ i("span", {
 									className: "flex items-center flex-shrink-0",
 									children: t.icon
-								}), !o && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+								}), !s && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
 									className: "flex-1 text-left truncate",
 									children: t.label
-								}), t.badge !== void 0 && /* @__PURE__ */ r("span", {
+								}), t.badge !== void 0 && /* @__PURE__ */ i("span", {
 									className: e("flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium tabular-nums", t.isActive ? "bg-action-primary-bg text-action-primary-text" : "bg-status-info-bg-subtle text-status-info-text"),
 									children: typeof t.badge == "number" && t.badge > 99 ? "99+" : t.badge
 								})] })]
@@ -75,22 +76,22 @@ var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, foo
 					}, t.title);
 				})
 			}),
-			l && /* @__PURE__ */ r("div", {
-				className: e("border-t border-border-subtle", o ? "flex justify-center p-4" : "px-card-padding py-4"),
-				children: l
+			u && /* @__PURE__ */ i("div", {
+				className: e("border-t border-border-subtle", s ? "flex justify-center p-4" : "px-card-padding py-4"),
+				children: u
 			}),
-			s && /* @__PURE__ */ r("button", {
-				onClick: s,
-				className: e("border-t border-border-subtle p-4 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border", o && "flex justify-center"),
-				"aria-label": o ? "Expand sidebar" : "Collapse sidebar",
-				title: o ? "Expand sidebar" : "Collapse sidebar",
+			c && /* @__PURE__ */ i("button", {
+				onClick: c,
+				className: e("border-t border-border-subtle p-4 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border", s && "flex justify-center"),
+				"aria-label": s ? m("nav.expandSidebar", "Expand sidebar") : m("nav.collapseSidebar", "Collapse sidebar"),
+				title: s ? m("nav.expandSidebar", "Expand sidebar") : m("nav.collapseSidebar", "Collapse sidebar"),
 				type: "button",
-				children: /* @__PURE__ */ r("svg", {
-					className: e("w-5 h-5 transition-transform", o && "rotate-180"),
+				children: /* @__PURE__ */ i("svg", {
+					className: e("w-5 h-5 transition-transform", s && "rotate-180"),
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ r("path", {
+					children: /* @__PURE__ */ i("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -102,4 +103,4 @@ var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, foo
 	});
 };
 //#endregion
-export { a as Sidebar };
+export { o as Sidebar };