@burdenoff/fe-libs 2026.1017.12 → 2026.1019.1

package/dist/chrome/contextSwitcher/EmptyState.js

@@ -1,32 +1,36 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/EmptyState.tsx
-var r = ({ message: r, isSearchResult: i }) => /* @__PURE__ */ t("div", {
-	className: "px-4 py-8 text-center animate-in fade-in-0 duration-200",
-	children: i ? /* @__PURE__ */ n(e, { children: [
-		/* @__PURE__ */ t("svg", {
-			className: "size-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
-			fill: "none",
-			stroke: "currentColor",
-			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ t("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+var i = ({ message: i, isSearchResult: a }) => {
+	let o = e();
+	return /* @__PURE__ */ n("div", {
+		className: "px-4 py-8 text-center animate-in fade-in-0 duration-200",
+		children: a ? /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("svg", {
+				className: "size-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+				})
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-[var(--color-text-secondary)] text-sm",
+				children: o("common.noResults", "No results found")
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-[var(--color-text-tertiary)] text-xs mt-1",
+				children: o("contextSwitcher.emptyHint", "Try a different search term")
 			})
-		}),
-		/* @__PURE__ */ t("p", {
+		] }) : /* @__PURE__ */ n("p", {
 			className: "text-[var(--color-text-secondary)] text-sm",
-			children: "No results found"
-		}),
-		/* @__PURE__ */ t("p", {
-			className: "text-[var(--color-text-tertiary)] text-xs mt-1",
-			children: "Try a different search term"
+			children: i
 		})
-	] }) : /* @__PURE__ */ t("p", {
-		className: "text-[var(--color-text-secondary)] text-sm",
-		children: r
-	})
-});
+	});
+};
 //#endregion
-export { r as EmptyState };
+export { i as EmptyState };

package/dist/chrome/contextSwitcher/OrganizationList.js

@@ -1,45 +1,55 @@
-import { organizationDetail as e } from "./organizationLabel.js";
-import { SearchInput as t } from "./SearchInput.js";
-import { EmptyState as n } from "./EmptyState.js";
-import { BuildingIcon as r, CheckIcon as i } from "./icons.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { organizationDetail as t } from "./organizationLabel.js";
+import { SearchInput as n } from "./SearchInput.js";
+import { EmptyState as r } from "./EmptyState.js";
+import { BuildingIcon as i, CheckIcon as a } from "./icons.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/OrganizationList.tsx
-var s = ({ organizations: s, searchedOrganizations: c, currentOrganizationId: l, searchQuery: u, onSearchChange: d, onSelect: f, searchInputRef: p }) => /* @__PURE__ */ o("div", {
+var c = ({ organizations: e, searchedOrganizations: n, currentOrganizationId: r, searchQuery: c, onSearchChange: d, onSelect: f, searchInputRef: p }) => /* @__PURE__ */ s("div", {
 	className: "h-full flex flex-col",
-	children: [/* @__PURE__ */ a(t, {
-		value: u,
+	children: [/* @__PURE__ */ o(l, {
+		value: c,
 		onChange: d,
-		placeholder: "Search organizations...",
 		inputRef: p
-	}), /* @__PURE__ */ a("div", {
+	}), /* @__PURE__ */ o("div", {
 		className: "flex-1 overflow-y-auto py-1",
-		children: c.length > 0 ? c.map((t, n) => {
-			let c = e(t, s);
-			return /* @__PURE__ */ o("button", {
-				"aria-label": c ? `${t.name} (${c})` : void 0,
-				onClick: () => f(t),
-				className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${t.id === l ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
-				style: { animationDelay: `${n * 30}ms` },
+		children: n.length > 0 ? n.map((n, c) => {
+			let l = t(n, e);
+			return /* @__PURE__ */ s("button", {
+				"aria-label": l ? `${n.name} (${l})` : void 0,
+				onClick: () => f(n),
+				className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${n.id === r ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
+				style: { animationDelay: `${c * 30}ms` },
 				children: [
-					/* @__PURE__ */ a(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ o(i, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+					/* @__PURE__ */ s("span", {
 						className: "flex-1 min-w-0 text-left",
-						children: [/* @__PURE__ */ a("span", {
+						children: [/* @__PURE__ */ o("span", {
 							className: "block truncate",
-							children: t.name
-						}), c && /* @__PURE__ */ a("span", {
+							children: n.name
+						}), l && /* @__PURE__ */ o("span", {
 							className: "block break-all text-xs text-[var(--color-text-secondary)]",
-							children: c
+							children: l
 						})]
 					}),
-					t.id === l && /* @__PURE__ */ a(i, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+					n.id === r && /* @__PURE__ */ o(a, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
 				]
-			}, t.id);
-		}) : /* @__PURE__ */ a(n, {
-			message: "No organizations available",
-			isSearchResult: u.length > 0
-		})
+			}, n.id);
+		}) : /* @__PURE__ */ o(u, { isSearchResult: c.length > 0 })
 	})]
 });
+function l(t) {
+	let r = e();
+	return /* @__PURE__ */ o(n, {
+		...t,
+		placeholder: r("organizations.list.searchPlaceholder", "Search organizations...")
+	});
+}
+function u({ isSearchResult: t }) {
+	return /* @__PURE__ */ o(r, {
+		isSearchResult: t,
+		message: e()("contextSwitcher.noOrganizations", "No organizations available")
+	});
+}
 //#endregion
-export { s as OrganizationList };
+export { c as OrganizationList };

package/dist/chrome/contextSwitcher/ProjectList.js

@@ -1,47 +1,51 @@
-import { SearchInput as e } from "./SearchInput.js";
-import { EmptyState as t } from "./EmptyState.js";
-import { CheckIcon as n, FolderIcon as r } from "./icons.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { SearchInput as t } from "./SearchInput.js";
+import { EmptyState as n } from "./EmptyState.js";
+import { CheckIcon as r, FolderIcon as i } from "./icons.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/ProjectList.tsx
-var o = ({ filteredProjects: o, searchedProjects: s, currentProjectId: c, searchQuery: l, onSearchChange: u, onSelect: d, onWorkspaceWideSelect: f, searchInputRef: p }) => /* @__PURE__ */ a("div", {
-	className: "h-full flex flex-col",
-	children: [/* @__PURE__ */ i(e, {
-		value: l,
-		onChange: u,
-		placeholder: "Search projects...",
-		inputRef: p
-	}), /* @__PURE__ */ a("div", {
-		className: "flex-1 overflow-y-auto py-1",
-		children: [f && /* @__PURE__ */ a("button", {
-			type: "button",
-			onClick: f,
-			className: "w-full flex items-center gap-3 px-4 py-3 text-sm text-text-primary hover:bg-bg-sunken",
-			"aria-pressed": !c,
-			children: [
-				/* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
-				/* @__PURE__ */ i("span", {
-					className: "flex-1 text-left",
-					children: "All projects (workspace-wide)"
-				}),
-				!c && /* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0" })
-			]
-		}), o.length === 0 ? /* @__PURE__ */ i(t, { message: "No projects in this workspace" }) : s.length > 0 ? s.map((e, t) => /* @__PURE__ */ a("button", {
-			onClick: () => d(e),
-			className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${e.id === c ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
-			style: { animationDelay: `${t * 30}ms` },
-			children: [
-				/* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
-				/* @__PURE__ */ i("span", {
-					className: "flex-1 text-left truncate",
-					children: e.name
-				}),
-				e.id === c && /* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
-			]
-		}, e.id)) : /* @__PURE__ */ i(t, {
-			message: "No projects found",
-			isSearchResult: l.length > 0
+var s = ({ filteredProjects: s, searchedProjects: c, currentProjectId: l, searchQuery: u, onSearchChange: d, onSelect: f, onWorkspaceWideSelect: p, searchInputRef: m }) => {
+	let h = e();
+	return /* @__PURE__ */ o("div", {
+		className: "h-full flex flex-col",
+		children: [/* @__PURE__ */ a(t, {
+			value: u,
+			onChange: d,
+			placeholder: h("projectsList.searchPlaceholder", "Search projects..."),
+			inputRef: m
+		}), /* @__PURE__ */ o("div", {
+			className: "flex-1 overflow-y-auto py-1",
+			children: [p && /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: p,
+				className: "w-full flex items-center gap-3 px-4 py-3 text-sm text-text-primary hover:bg-bg-sunken",
+				"aria-pressed": !l,
+				children: [
+					/* @__PURE__ */ a(i, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+					/* @__PURE__ */ a("span", {
+						className: "flex-1 text-left",
+						children: h("contextSwitcher.allProjectsWorkspaceWide", "All projects (workspace-wide)")
+					}),
+					!l && /* @__PURE__ */ a(r, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0" })
+				]
+			}), s.length === 0 ? /* @__PURE__ */ a(n, { message: h("contextSwitcher.noProjectsInWorkspace", "No projects in this workspace") }) : c.length > 0 ? c.map((e, t) => /* @__PURE__ */ o("button", {
+				onClick: () => f(e),
+				className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${e.id === l ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
+				style: { animationDelay: `${t * 30}ms` },
+				children: [
+					/* @__PURE__ */ a(i, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+					/* @__PURE__ */ a("span", {
+						className: "flex-1 text-left truncate",
+						children: e.name
+					}),
+					e.id === l && /* @__PURE__ */ a(r, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+				]
+			}, e.id)) : /* @__PURE__ */ a(n, {
+				message: h("projectsList.noProjectsFound", "No projects found"),
+				isSearchResult: u.length > 0
+			})]
 		})]
-	})]
-});
+	});
+};
 //#endregion
-export { o as ProjectList };
+export { s as ProjectList };

package/dist/chrome/contextSwitcher/SearchInput.js

@@ -1,50 +1,54 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/SearchInput.tsx
-var n = ({ value: n, onChange: r, placeholder: i, inputRef: a }) => /* @__PURE__ */ e("div", {
-	className: "relative px-3 py-2 border-b border-[var(--color-border-subtle)]",
-	children: /* @__PURE__ */ t("div", {
-		className: "relative",
-		children: [
-			/* @__PURE__ */ e("svg", {
-				className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-text-tertiary)]",
-				fill: "none",
-				stroke: "currentColor",
-				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ e("path", {
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					strokeWidth: 2,
-					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-				})
-			}),
-			/* @__PURE__ */ e("input", {
-				ref: a,
-				type: "text",
-				value: n,
-				onChange: (e) => r(e.target.value),
-				placeholder: i,
-				className: "w-full pl-9 pr-8 py-2 text-sm bg-[var(--color-bg-surface)] border border-[var(--color-border-subtle)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)] focus:border-transparent text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] transition-all duration-200"
-			}),
-			n && /* @__PURE__ */ e("button", {
-				type: "button",
-				onClick: () => r(""),
-				className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-button hover:bg-bg-sunken text-text-muted hover:text-text-primary transition-all duration-150 ease-[var(--motion-easing-out)]",
-				"aria-label": "Clear search",
-				children: /* @__PURE__ */ e("svg", {
-					className: "size-4",
+var r = ({ value: r, onChange: i, placeholder: a, inputRef: o }) => {
+	let s = e();
+	return /* @__PURE__ */ t("div", {
+		className: "relative px-3 py-2 border-b border-[var(--color-border-subtle)]",
+		children: /* @__PURE__ */ n("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ t("svg", {
+					className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-text-tertiary)]",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
+					children: /* @__PURE__ */ t("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
-						d: "M6 18L18 6M6 6l12 12"
+						d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+					})
+				}),
+				/* @__PURE__ */ t("input", {
+					ref: o,
+					type: "text",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: a,
+					className: "w-full pl-9 pr-8 py-2 text-sm bg-[var(--color-bg-surface)] border border-[var(--color-border-subtle)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)] focus:border-transparent text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] transition-all duration-200"
+				}),
+				r && /* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: () => i(""),
+					className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-button hover:bg-bg-sunken text-text-muted hover:text-text-primary transition-all duration-150 ease-[var(--motion-easing-out)]",
+					"aria-label": s("common.clearSearch", "Clear search"),
+					children: /* @__PURE__ */ t("svg", {
+						className: "size-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ t("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M6 18L18 6M6 6l12 12"
+						})
 					})
 				})
-			})
-		]
-	})
-});
+			]
+		})
+	});
+};
 //#endregion
-export { n as SearchInput };
+export { r as SearchInput };

package/dist/chrome/contextSwitcher/TriggerButton.js

@@ -16,7 +16,7 @@ var o = ({ isOpen: o, compact: s, currentOrg: c, currentWorkspace: l, currentPro
 				children: [
 					/* @__PURE__ */ i("span", {
 						className: "text-[var(--color-text-primary)] font-medium",
-						children: c?.name || "Select Org"
+						children: c?.name || f("contextSwitcher.selectOrg", "Select Org")
 					}),
 					/* @__PURE__ */ i("span", {
 						className: "text-[var(--color-text-tertiary)]",
@@ -24,7 +24,7 @@ var o = ({ isOpen: o, compact: s, currentOrg: c, currentWorkspace: l, currentPro
 					}),
 					/* @__PURE__ */ i("span", {
 						className: "text-[var(--color-text-secondary)]",
-						children: l?.name || "Workspace"
+						children: l?.name || f("contextSwitcher.workspace", "Workspace")
 					}),
 					u && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
 						className: "text-[var(--color-text-tertiary)]",

package/dist/chrome/contextSwitcher/WorkspaceList.js

@@ -1,34 +1,38 @@
-import { SearchInput as e } from "./SearchInput.js";
-import { EmptyState as t } from "./EmptyState.js";
-import { BriefcaseIcon as n, CheckIcon as r } from "./icons.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { SearchInput as t } from "./SearchInput.js";
+import { EmptyState as n } from "./EmptyState.js";
+import { BriefcaseIcon as r, CheckIcon as i } from "./icons.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/chrome/contextSwitcher/WorkspaceList.tsx
-var o = ({ filteredWorkspaces: o, searchedWorkspaces: s, currentWorkspaceId: c, searchQuery: l, onSearchChange: u, onSelect: d, searchInputRef: f }) => /* @__PURE__ */ a("div", {
-	className: "h-full flex flex-col",
-	children: [/* @__PURE__ */ i(e, {
-		value: l,
-		onChange: u,
-		placeholder: "Search workspaces...",
-		inputRef: f
-	}), /* @__PURE__ */ i("div", {
-		className: "flex-1 overflow-y-auto py-1",
-		children: o.length === 0 ? /* @__PURE__ */ i(t, { message: "No workspaces in this organization" }) : s.length > 0 ? s.map((e, t) => /* @__PURE__ */ a("button", {
-			onClick: () => d(e),
-			className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${e.id === c ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
-			style: { animationDelay: `${t * 30}ms` },
-			children: [
-				/* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
-				/* @__PURE__ */ i("span", {
-					className: "flex-1 text-left truncate",
-					children: e.name
-				}),
-				e.id === c && /* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
-			]
-		}, e.id)) : /* @__PURE__ */ i(t, {
-			message: "No workspaces found",
-			isSearchResult: l.length > 0
-		})
-	})]
-});
+var s = ({ filteredWorkspaces: s, searchedWorkspaces: c, currentWorkspaceId: l, searchQuery: u, onSearchChange: d, onSelect: f, searchInputRef: p }) => {
+	let m = e();
+	return /* @__PURE__ */ o("div", {
+		className: "h-full flex flex-col",
+		children: [/* @__PURE__ */ a(t, {
+			value: u,
+			onChange: d,
+			placeholder: m("workspaces.list.searchPlaceholder", "Search workspaces..."),
+			inputRef: p
+		}), /* @__PURE__ */ a("div", {
+			className: "flex-1 overflow-y-auto py-1",
+			children: s.length === 0 ? /* @__PURE__ */ a(n, { message: m("contextSwitcher.noWorkspacesInOrganization", "No workspaces in this organization") }) : c.length > 0 ? c.map((e, t) => /* @__PURE__ */ o("button", {
+				onClick: () => f(e),
+				className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${e.id === l ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
+				style: { animationDelay: `${t * 30}ms` },
+				children: [
+					/* @__PURE__ */ a(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+					/* @__PURE__ */ a("span", {
+						className: "flex-1 text-left truncate",
+						children: e.name
+					}),
+					e.id === l && /* @__PURE__ */ a(i, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+				]
+			}, e.id)) : /* @__PURE__ */ a(n, {
+				message: m("workspaces.list.emptyNoneTitle", "No workspaces found"),
+				isSearchResult: u.length > 0
+			})
+		})]
+	});
+};
 //#endregion
-export { o as WorkspaceList };
+export { s as WorkspaceList };