@burdenoff/fe-libs 2026.1018.1 → 2026.1019.2

package/dist/chrome/AccountSwitcher.js

@@ -1,85 +1,86 @@
 import { Sheet as e, SheetContent as t, SheetHeader as n, SheetTitle as r } from "../ui/sheet.js";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useShellLabel as i } from "../shared/providers/shell/useShellLabel.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/chrome/AccountSwitcher.tsx
-function u(e = 640) {
-	let [t, n] = o(!1);
-	return i(() => {
+function d(e = 640) {
+	let [t, n] = s(!1);
+	return a(() => {
 		let t = () => n(window.innerWidth < e);
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [e]), t;
 }
-function d(e, t, n) {
+function f(e, t, n) {
 	if (t && n) return `${t.charAt(0)}${n.charAt(0)}`.toUpperCase();
 	let r = e.split(" ");
 	return r.length >= 2 ? `${r[0].charAt(0)}${r[1].charAt(0)}`.toUpperCase() : e.substring(0, 2).toUpperCase();
 }
-var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h, onRemoveAccount: g, onLogoutAll: _, compact: v = !1 }) => {
-	let [y, b] = o(!1), x = u(), S = a(null), C = f.find((e) => e.id === p) || f[0], w = f.filter((e) => e.id !== p);
-	i(() => {
-		if (x) return;
+var p = ({ accounts: p, activeAccountId: m, onSwitchAccount: h, onAddAccount: g, onRemoveAccount: _, onLogoutAll: v, compact: y = !1 }) => {
+	let b = i(), [x, S] = s(!1), C = d(), w = o(null), T = p.find((e) => e.id === m) || p[0], E = p.filter((e) => e.id !== m);
+	a(() => {
+		if (C) return;
 		let e = (e) => {
-			S.current && !S.current.contains(e.target) && b(!1);
+			w.current && !w.current.contains(e.target) && S(!1);
 		};
-		if (y) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [y, x]);
-	let T = (e) => {
-		m && m(e), b(!1);
-	}, E = (e, t = !1) => {
-		let n = d(e.name, e.firstName, e.lastName);
-		return /* @__PURE__ */ l("div", {
+		if (x) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [x, C]);
+	let D = (e) => {
+		h && h(e), S(!1);
+	}, O = (e, t = !1) => {
+		let n = f(e.name, e.firstName, e.lastName);
+		return /* @__PURE__ */ u("div", {
 			className: `flex items-center gap-3 p-3 ${t ? "bg-[var(--color-accent-soft)]" : "hover:bg-bg-sunken cursor-pointer"} transition-colors`,
-			onClick: () => !t && T(e),
+			onClick: () => !t && D(e),
 			role: t ? void 0 : "button",
 			tabIndex: t ? void 0 : 0,
 			onKeyDown: (n) => {
-				!t && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), T(e));
+				!t && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), D(e));
 			},
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "size-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-					children: e.avatar ? /* @__PURE__ */ c("img", {
+					children: e.avatar ? /* @__PURE__ */ l("img", {
 						src: e.avatar,
 						alt: e.name,
 						className: "w-full h-full rounded-full object-cover"
-					}) : /* @__PURE__ */ c("span", {
+					}) : /* @__PURE__ */ l("span", {
 						className: "text-action-primary-text font-semibold text-sm",
 						children: n
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex-1 min-w-0",
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ l("p", {
 						className: "font-medium text-text-primary truncate",
 						children: e.name
-					}), /* @__PURE__ */ c("p", {
+					}), /* @__PURE__ */ l("p", {
 						className: "text-sm text-text-secondary truncate",
 						children: e.email
 					})]
 				}),
-				t && /* @__PURE__ */ c("svg", {
+				t && /* @__PURE__ */ l("svg", {
 					className: "size-5 text-action-primary-bg flex-shrink-0",
 					fill: "currentColor",
 					viewBox: "0 0 20 20",
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ l("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 && g && /* @__PURE__ */ c("button", {
+				!t && _ && /* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: (t) => {
-						t.stopPropagation(), g(e.id);
+						t.stopPropagation(), _(e.id);
 					},
 					className: "p-1 rounded-button hover:bg-status-error-bg-subtle text-text-muted hover:text-status-error-text transition-colors",
-					"aria-label": `Remove ${e.name}`,
-					children: /* @__PURE__ */ c("svg", {
+					"aria-label": b("userMenu.removeNamedAccount", "Remove {{name}}", { name: e.name }),
+					children: /* @__PURE__ */ l("svg", {
 						className: "size-4",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ c("path", {
+						children: /* @__PURE__ */ l("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -89,136 +90,136 @@ var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h,
 				})
 			]
 		}, e.id);
-	}, D = () => /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ l("div", {
+	}, k = () => /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ u("div", {
 			className: "border-b border-border-subtle",
-			children: [/* @__PURE__ */ c("p", {
+			children: [/* @__PURE__ */ l("p", {
 				className: "px-3 pt-3 pb-1 text-[11px] font-medium text-text-muted uppercase tracking-wider",
-				children: "Active Account"
-			}), C && E(C, !0)]
+				children: b("userMenu.activeAccount", "Active Account")
+			}), T && O(T, !0)]
 		}),
-		w.length > 0 && /* @__PURE__ */ l("div", {
+		E.length > 0 && /* @__PURE__ */ u("div", {
 			className: "border-b border-border-subtle",
-			children: [/* @__PURE__ */ c("p", {
+			children: [/* @__PURE__ */ l("p", {
 				className: "px-3 pt-3 pb-1 text-[11px] font-medium text-text-muted uppercase tracking-wider",
-				children: "Switch Account"
-			}), w.map((e) => E(e))]
+				children: b("auth.security.switchAccount", "Switch Account")
+			}), E.map((e) => O(e))]
 		}),
-		/* @__PURE__ */ l("div", {
+		/* @__PURE__ */ u("div", {
 			className: "p-2 space-y-1",
-			children: [h && /* @__PURE__ */ l("button", {
+			children: [g && /* @__PURE__ */ u("button", {
 				type: "button",
 				onClick: () => {
-					h(), b(!1);
+					g(), S(!1);
 				},
 				className: "w-full flex items-center gap-3 px-3 py-2 rounded-button text-text-primary hover:bg-bg-sunken transition-colors",
-				children: [/* @__PURE__ */ c("svg", {
+				children: [/* @__PURE__ */ l("svg", {
 					className: "size-5",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ l("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"
 					})
-				}), /* @__PURE__ */ c("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "text-sm font-medium",
-					children: "Add Another Account"
+					children: b("userMenu.addAnotherAccount", "Add Another Account")
 				})]
-			}), _ && f.length > 0 && /* @__PURE__ */ l("button", {
+			}), v && p.length > 0 && /* @__PURE__ */ u("button", {
 				type: "button",
 				onClick: () => {
-					_(), b(!1);
+					v(), S(!1);
 				},
 				className: "w-full flex items-center gap-3 px-3 py-2 rounded-button text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-				children: [/* @__PURE__ */ c("svg", {
+				children: [/* @__PURE__ */ l("svg", {
 					className: "size-5",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ l("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__ */ c("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "text-sm font-medium",
-					children: "Sign Out All Accounts"
+					children: b("userMenu.signOutAllAccounts", "Sign Out All Accounts")
 				})]
 			})]
 		})
-	] }), O = /* @__PURE__ */ l("button", {
-		onClick: () => b(!y),
-		className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${y ? "bg-bg-sunken" : ""}`,
-		"aria-label": "Account switcher",
-		"aria-expanded": y,
+	] }), A = /* @__PURE__ */ u("button", {
+		onClick: () => S(!x),
+		className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${x ? "bg-bg-sunken" : ""}`,
+		"aria-label": b("userMenu.accountSwitcher", "Account switcher"),
+		"aria-expanded": x,
 		children: [
-			C && /* @__PURE__ */ c("div", {
+			T && /* @__PURE__ */ l("div", {
 				className: "size-8 rounded-full bg-action-primary-bg flex items-center justify-center",
-				children: C.avatar ? /* @__PURE__ */ c("img", {
-					src: C.avatar,
-					alt: C.name,
+				children: T.avatar ? /* @__PURE__ */ l("img", {
+					src: T.avatar,
+					alt: T.name,
 					className: "w-full h-full rounded-full object-cover"
-				}) : /* @__PURE__ */ c("span", {
+				}) : /* @__PURE__ */ l("span", {
 					className: "text-action-primary-text font-semibold text-sm",
-					children: d(C.name, C.firstName, C.lastName)
+					children: f(T.name, T.firstName, T.lastName)
 				})
 			}),
-			!v && C && /* @__PURE__ */ c("span", {
+			!y && T && /* @__PURE__ */ l("span", {
 				className: "hidden sm:block text-body-sm font-medium text-text-primary max-w-[120px] truncate",
-				children: C.name
+				children: T.name
 			}),
-			f.length > 1 && /* @__PURE__ */ l("div", {
+			p.length > 1 && /* @__PURE__ */ u("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ c("svg", {
-					className: `w-4 h-4 text-text-secondary transition-transform ${y ? "rotate-180" : ""}`,
+				children: [/* @__PURE__ */ l("svg", {
+					className: `w-4 h-4 text-text-secondary transition-transform ${x ? "rotate-180" : ""}`,
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ l("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M19 9l-7 7-7-7"
 					})
-				}), /* @__PURE__ */ c("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "absolute -top-1 -right-1 size-3 text-[10px] bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center font-bold",
-					children: f.length
+					children: p.length
 				})]
 			})
 		]
 	});
-	return x ? /* @__PURE__ */ l("div", {
+	return C ? /* @__PURE__ */ u("div", {
 		className: "relative",
-		children: [O, /* @__PURE__ */ c(e, {
-			open: y,
-			onOpenChange: b,
-			children: /* @__PURE__ */ l(t, {
+		children: [A, /* @__PURE__ */ l(e, {
+			open: x,
+			onOpenChange: S,
+			children: /* @__PURE__ */ u(t, {
 				side: "bottom",
 				className: "h-auto max-h-[70vh] flex flex-col p-0",
-				children: [/* @__PURE__ */ c(n, {
+				children: [/* @__PURE__ */ l(n, {
 					className: "px-4 pt-4 pb-2 border-b border-border-subtle",
-					children: /* @__PURE__ */ c(r, {
+					children: /* @__PURE__ */ l(r, {
 						className: "text-text-primary",
-						children: "Accounts"
+						children: b("userMenu.accounts", "Accounts")
 					})
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ l("div", {
 					className: "flex-1 overflow-y-auto",
-					children: D()
+					children: k()
 				})]
 			})
 		})]
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "relative",
-		ref: S,
-		children: [O, y && /* @__PURE__ */ c("div", {
+		ref: w,
+		children: [A, x && /* @__PURE__ */ l("div", {
 			className: "absolute right-0 mt-2 w-80 bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] z-50 overflow-hidden animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
-			children: D()
+			children: k()
 		})]
 	});
 };
 //#endregion
-export { f as AccountSwitcher };
+export { p as AccountSwitcher };

package/dist/chrome/Breadcrumbs.js

@@ -28,7 +28,7 @@ var c = /* @__PURE__ */ o(i, {
 					type: "button",
 					onClick: p,
 					className: e(l, "p-1.5"),
-					"aria-label": "Home",
+					"aria-label": g("nav.home", "Home"),
 					children: /* @__PURE__ */ o(a, { className: "size-3.5" })
 				})
 			}), _.map((t, r) => {

package/dist/chrome/CommandPalette.js

@@ -1,10 +1,11 @@
-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 { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { Search as a, X as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { Search as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/chrome/CommandPalette.tsx
-function l(e) {
+function u(e) {
 	let t = e.toLowerCase().split("+").map((e) => e.trim()), n = t.length - 1;
 	return {
 		mod: t.includes("mod"),
@@ -15,52 +16,52 @@ function l(e) {
 		key: t[n] || ""
 	};
 }
-function u(e, t) {
-	let n = l(t);
+function d(e, t) {
+	let n = u(t);
 	return n.mod && !(e.metaKey || e.ctrlKey) || n.ctrl && !e.ctrlKey || n.alt && !e.altKey || n.shift && !e.shiftKey || n.meta && !e.metaKey || !e.key ? !1 : e.key.toLowerCase() === n.key;
 }
-function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or search...", className: p }) {
-	let [m, h] = i(!1), [g, _] = i(""), [v, y] = i(0), b = r(() => l.filter((e) => !e.hidden), [l]), x = t(async (e) => {
+function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
+	let h = e(), [g, _] = a(!1), [v, y] = a(""), [b, x] = a(0), S = i(() => u.filter((e) => !e.hidden), [u]), C = n(async (e) => {
 		try {
-			await e.action(), h(!1);
+			await e.action(), _(!1);
 		} catch (e) {
 			console.error("Failed to execute command:", e);
 		}
-	}, []), S = r(() => {
-		if (!g.trim()) return b;
-		let e = g.toLowerCase();
-		return b.filter((t) => {
+	}, []), w = i(() => {
+		if (!v.trim()) return S;
+		let e = v.toLowerCase();
+		return S.filter((t) => {
 			let n = t.label.toLowerCase().includes(e), r = t.keywords?.some((t) => t.toLowerCase().includes(e)), i = t.description?.toLowerCase().includes(e);
 			return n || r || i;
 		});
-	}, [b, g]);
-	n(() => {
-		m || (_(""), y(0));
-	}, [m]), n(() => {
+	}, [S, v]);
+	r(() => {
+		g || (y(""), x(0));
+	}, [g]), r(() => {
 		let e = (e) => {
 			if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-				e.preventDefault(), h((e) => !e);
+				e.preventDefault(), _((e) => !e);
 				return;
 			}
-			if (m) {
-				if (e.key === "Escape") e.preventDefault(), h(!1);
-				else if (e.key === "ArrowDown") e.preventDefault(), y((e) => e < S.length - 1 ? e + 1 : e);
-				else if (e.key === "ArrowUp") e.preventDefault(), y((e) => e > 0 ? e - 1 : e);
+			if (g) {
+				if (e.key === "Escape") e.preventDefault(), _(!1);
+				else if (e.key === "ArrowDown") e.preventDefault(), x((e) => e < w.length - 1 ? e + 1 : e);
+				else if (e.key === "ArrowUp") e.preventDefault(), x((e) => e > 0 ? e - 1 : e);
 				else if (e.key === "Enter") {
 					e.preventDefault();
-					let t = S[v];
-					t && x(t);
+					let t = w[b];
+					t && C(t);
 				}
 				return;
 			}
-			for (let t of d) if (u(e, t.keys)) {
+			for (let t of f) if (d(e, t.keys)) {
 				e.preventDefault();
-				let n = b.find((e) => e.id === t.actionId);
-				n && x(n);
+				let n = S.find((e) => e.id === t.actionId);
+				n && C(n);
 				return;
 			}
-			for (let t of b) if (t.shortcut && u(e, t.shortcut)) {
-				e.preventDefault(), x(t);
+			for (let t of S) if (t.shortcut && d(e, t.shortcut)) {
+				e.preventDefault(), C(t);
 				return;
 			}
 		};
@@ -68,117 +69,117 @@ function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or
 			document.removeEventListener("keydown", e);
 		};
 	}, [
-		x,
-		S,
-		m,
-		v,
-		d,
-		b
+		C,
+		w,
+		g,
+		b,
+		f,
+		S
 	]);
-	let C = r(() => S.reduce((e, t) => {
+	let T = i(() => w.reduce((e, t) => {
 		let n = t.section || "Actions";
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), [S]);
-	if (n(() => {
-		y(0);
-	}, [S]), !m) return null;
-	let w = 0;
-	return /* @__PURE__ */ s("div", {
-		className: e("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", p),
-		onClick: () => h(!1),
-		"data-state": m ? "open" : "closed",
+	}, {}), [w]);
+	if (r(() => {
+		x(0);
+	}, [w]), !g) return null;
+	let E = 0;
+	return /* @__PURE__ */ c("div", {
+		className: t("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", m),
+		onClick: () => _(!1),
+		"data-state": g ? "open" : "closed",
 		role: "dialog",
 		"aria-modal": "true",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "w-full max-w-lg mx-4 max-h-[85dvh] overflow-hidden",
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "overflow-hidden rounded-2xl border border-border-subtle bg-bg-elevated shadow-[var(--shadow-elevation-5)]",
 				children: [
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex items-center border-b border-border-subtle px-4",
 						children: [
-							/* @__PURE__ */ s(a, { className: "size-4 mr-2 flex-shrink-0 text-text-muted" }),
-							/* @__PURE__ */ s("input", {
+							/* @__PURE__ */ c(o, { className: "size-4 mr-2 flex-shrink-0 text-text-muted" }),
+							/* @__PURE__ */ c("input", {
 								type: "text",
-								placeholder: f,
-								value: g,
-								onChange: (e) => _(e.target.value),
+								placeholder: p ?? h("search.commandPlaceholder", "Type a command or search..."),
+								value: v,
+								onChange: (e) => y(e.target.value),
 								className: "flex-1 bg-transparent py-3.5 text-sm text-text-primary outline-none placeholder:text-text-placeholder",
 								autoFocus: !0
 							}),
-							g && /* @__PURE__ */ s("button", {
+							v && /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => _(""),
+								onClick: () => y(""),
 								className: "ml-2 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary transition-colors",
-								"aria-label": "Clear search",
-								children: /* @__PURE__ */ s(o, { className: "size-4" })
+								"aria-label": h("common.clearSearch", "Clear search"),
+								children: /* @__PURE__ */ c(s, { className: "size-4" })
 							})
 						]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "max-h-96 overflow-y-auto p-2",
-						children: [S.length === 0 && /* @__PURE__ */ s("div", {
+						children: [w.length === 0 && /* @__PURE__ */ c("div", {
 							className: "py-6 text-center text-sm text-text-muted",
-							children: "No commands found."
-						}), Object.entries(C).map(([t, n]) => /* @__PURE__ */ c("div", {
+							children: h("search.noCommandsFound", "No commands found.")
+						}), Object.entries(T).map(([e, n]) => /* @__PURE__ */ l("div", {
 							className: "mb-2 last:mb-0",
-							children: [/* @__PURE__ */ s("div", {
+							children: [/* @__PURE__ */ c("div", {
 								className: "px-2 py-1.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
-								children: t
-							}), n.map((t) => {
-								let n = t.icon, r = w;
-								return w++, /* @__PURE__ */ c("button", {
+								children: e
+							}), n.map((e) => {
+								let n = e.icon, r = E;
+								return E++, /* @__PURE__ */ l("button", {
 									type: "button",
-									onClick: () => void x(t),
-									className: e("w-full flex items-start gap-3 px-2.5 py-2 text-sm rounded-button transition-colors text-left", r === v ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+									onClick: () => void C(e),
+									className: t("w-full flex items-start gap-3 px-2.5 py-2 text-sm rounded-button transition-colors text-left", r === b ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
 									children: [
-										n && /* @__PURE__ */ s(n, { className: "size-4 mt-0.5 flex-shrink-0" }),
-										/* @__PURE__ */ c("div", {
+										n && /* @__PURE__ */ c(n, { className: "size-4 mt-0.5 flex-shrink-0" }),
+										/* @__PURE__ */ l("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ s("div", {
+											children: [/* @__PURE__ */ c("div", {
 												className: "font-medium text-text-primary",
-												children: t.label
-											}), t.description && /* @__PURE__ */ s("div", {
+												children: e.label
+											}), e.description && /* @__PURE__ */ c("div", {
 												className: "text-xs text-text-muted",
-												children: t.description
+												children: e.description
 											})]
 										}),
-										t.shortcut && /* @__PURE__ */ s("kbd", {
+										e.shortcut && /* @__PURE__ */ c("kbd", {
 											className: "ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-border-subtle bg-bg-sunken px-1.5 font-mono text-[10px] font-medium text-text-secondary",
-											children: t.shortcut
+											children: e.shortcut
 										})
 									]
-								}, t.id);
+								}, e.id);
 							})]
-						}, t))]
+						}, e))]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "border-t border-border-subtle px-3 py-2 text-xs text-text-muted flex items-center justify-between",
 						children: [
-							/* @__PURE__ */ c("div", { children: [
-								/* @__PURE__ */ s("kbd", {
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("kbd", {
 									className: "inline-flex h-5 select-none items-center gap-1 rounded border border-border-subtle bg-bg-sunken px-1.5 font-mono text-[10px] text-text-secondary",
 									children: "↑↓"
 								}),
 								" ",
-								"Navigate"
+								h("search.navigate", "Navigate")
 							] }),
-							/* @__PURE__ */ c("div", { children: [
-								/* @__PURE__ */ s("kbd", {
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("kbd", {
 									className: "inline-flex h-5 select-none items-center gap-1 rounded border border-border-subtle bg-bg-sunken px-1.5 font-mono text-[10px] text-text-secondary",
 									children: "Enter"
 								}),
 								" ",
-								"Execute"
+								h("search.execute", "Execute")
 							] }),
-							/* @__PURE__ */ c("div", { children: [
-								/* @__PURE__ */ s("kbd", {
+							/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("kbd", {
 									className: "inline-flex h-5 select-none items-center gap-1 rounded border border-border-subtle bg-bg-sunken px-1.5 font-mono text-[10px] text-text-secondary",
 									children: "Esc"
 								}),
 								" ",
-								"Close"
+								h("common.close", "Close")
 							] })
 						]
 					})
@@ -188,4 +189,4 @@ function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or
 	});
 }
 //#endregion
-export { d as CommandPalette };
+export { f as CommandPalette };