@burdenoff/fe-libs 2026.1017.12 → 2026.1019.1

package/dist/chrome/globalSearch/AdvancedFiltersPanel.js

@@ -1,253 +1,255 @@
-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/globalSearch/AdvancedFiltersPanel.tsx
-function n({ filters: n }) {
-	return /* @__PURE__ */ t("div", {
+function r({ filters: r }) {
+	let i = e();
+	return /* @__PURE__ */ n("div", {
 		className: "px-3 py-2 border-b border-border-subtle space-y-2 bg-bg-sunken/40 max-h-64 overflow-y-auto",
 		children: [
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Sort by"
-				}), /* @__PURE__ */ t("select", {
-					value: n.sortBy,
-					onChange: (e) => n.setSortBy(e.target.value),
+					children: i("search.sortBy", "Sort by")
+				}), /* @__PURE__ */ n("select", {
+					value: r.sortBy,
+					onChange: (e) => r.setSortBy(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong scheme-normal dark:scheme-dark transition-colors [&_option]:bg-bg-surface [&_option]:text-text-primary",
 					children: [
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "SCORE_DESC",
-							children: "Relevance"
+							children: i("search.relevance", "Relevance")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "CREATED_DESC",
-							children: "Newest first"
+							children: i("search.newestFirst", "Newest first")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "CREATED_ASC",
-							children: "Oldest first"
+							children: i("search.oldestFirst", "Oldest first")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "UPDATED_DESC",
-							children: "Recently updated"
+							children: i("search.recentlyUpdated", "Recently updated")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "UPDATED_ASC",
-							children: "Least recently updated"
+							children: i("search.leastRecentlyUpdated", "Least recently updated")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "TITLE_ASC",
-							children: "Title A-Z"
+							children: i("search.titleAZ", "Title A-Z")
 						}),
-						/* @__PURE__ */ e("option", {
+						/* @__PURE__ */ t("option", {
 							value: "TITLE_DESC",
-							children: "Title Z-A"
+							children: i("search.titleZA", "Title Z-A")
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Products"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Product sources filter",
+					children: i("search.products", "Products")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.productSourcesFilter", "Product sources filter"),
 					type: "text",
 					placeholder: "vibecontrols, wspace-tags",
-					value: n.productSourcesInput,
-					onChange: (e) => n.setProductSourcesInput(e.target.value),
+					value: r.productSourcesInput,
+					onChange: (e) => r.setProductSourcesInput(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Project"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Project ID filter",
+					children: i("contextSwitcher.project", "Project")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.projectIDFilter", "Project ID filter"),
 					type: "text",
-					placeholder: "Project ID",
-					value: n.projectId,
-					onChange: (e) => n.setProjectId(e.target.value),
+					placeholder: i("projectDetail.projectId", "Project ID"),
+					value: r.projectId,
+					onChange: (e) => r.setProjectId(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Created by"
-				}), /* @__PURE__ */ e("input", {
+					children: i("search.createdBy", "Created by")
+				}), /* @__PURE__ */ t("input", {
 					type: "text",
-					placeholder: "Actor ID",
-					value: n.createdBy,
-					onChange: (e) => n.setCreatedBy(e.target.value),
+					placeholder: i("rbac.checker.form.actorId.label", "Actor ID"),
+					value: r.createdBy,
+					onChange: (e) => r.setCreatedBy(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Updated by"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Updated by filter",
+					children: i("search.updatedBy", "Updated by")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.updatedByFilter", "Updated by filter"),
 					type: "text",
-					placeholder: "Actor ID",
-					value: n.updatedBy,
-					onChange: (e) => n.setUpdatedBy(e.target.value),
+					placeholder: i("rbac.checker.form.actorId.label", "Actor ID"),
+					value: r.updatedBy,
+					onChange: (e) => r.setUpdatedBy(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Date from"
-				}), /* @__PURE__ */ e("input", {
+					children: i("search.dateFrom", "Date from")
+				}), /* @__PURE__ */ t("input", {
 					type: "date",
-					value: n.dateFrom,
-					onChange: (e) => n.setDateFrom(e.target.value),
+					value: r.dateFrom,
+					onChange: (e) => r.setDateFrom(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Date to"
-				}), /* @__PURE__ */ e("input", {
+					children: i("search.dateTo", "Date to")
+				}), /* @__PURE__ */ t("input", {
 					type: "date",
-					value: n.dateTo,
-					onChange: (e) => n.setDateTo(e.target.value),
+					value: r.dateTo,
+					onChange: (e) => r.setDateTo(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Updated from"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Updated from date",
+					children: i("search.updatedFrom", "Updated from")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.updatedFromDate", "Updated from date"),
 					type: "date",
-					value: n.updatedDateFrom,
-					onChange: (e) => n.setUpdatedDateFrom(e.target.value),
+					value: r.updatedDateFrom,
+					onChange: (e) => r.setUpdatedDateFrom(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Updated to"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Updated to date",
+					children: i("search.updatedTo", "Updated to")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.updatedToDate", "Updated to date"),
 					type: "date",
-					value: n.updatedDateTo,
-					onChange: (e) => n.setUpdatedDateTo(e.target.value),
+					value: r.updatedDateTo,
+					onChange: (e) => r.setUpdatedDateTo(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Tag keys"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Tag keys filter",
+					children: i("search.tagKeys", "Tag keys")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.tagKeysFilter", "Tag keys filter"),
 					type: "text",
 					placeholder: "search, team/platform",
-					value: n.tagKeysInput,
-					onChange: (e) => n.setTagKeysInput(e.target.value),
+					value: r.tagKeysInput,
+					onChange: (e) => r.setTagKeysInput(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Tag IDs"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Tag IDs filter",
+					children: i("search.tagIDs", "Tag IDs")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.tagIDsFilter", "Tag IDs filter"),
 					type: "text",
-					placeholder: "Comma-separated IDs",
-					value: n.tagIdsInput,
-					onChange: (e) => n.setTagIdsInput(e.target.value),
+					placeholder: i("search.commaSeparatedIDs", "Comma-separated IDs"),
+					value: r.tagIdsInput,
+					onChange: (e) => r.setTagIdsInput(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ e("label", {
+				children: [/* @__PURE__ */ t("label", {
 					className: "text-[10px] font-medium text-text-muted w-16 flex-shrink-0",
-					children: "Tag paths"
-				}), /* @__PURE__ */ e("input", {
-					"aria-label": "Tag hierarchy filter",
+					children: i("search.tagPaths", "Tag paths")
+				}), /* @__PURE__ */ t("input", {
+					"aria-label": i("search.tagHierarchyFilter", "Tag hierarchy filter"),
 					type: "text",
 					placeholder: "team/engineering",
-					value: n.tagPathsInput,
-					onChange: (e) => n.setTagPathsInput(e.target.value),
+					value: r.tagPathsInput,
+					onChange: (e) => r.setTagPathsInput(e.target.value),
 					className: "flex-1 h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "grid grid-cols-[1fr_auto_1fr] gap-2 items-center",
 				children: [
-					/* @__PURE__ */ e("input", {
-						"aria-label": "Metadata key filter",
+					/* @__PURE__ */ t("input", {
+						"aria-label": i("search.metadataKeyFilter", "Metadata key filter"),
 						type: "text",
 						placeholder: "metadata.path",
-						value: n.metadataKey,
-						onChange: (e) => n.setMetadataKey(e.target.value),
+						value: r.metadataKey,
+						onChange: (e) => r.setMetadataKey(e.target.value),
 						className: "h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 					}),
-					/* @__PURE__ */ t("select", {
-						"aria-label": "Metadata operator filter",
-						value: n.metadataOperator,
-						onChange: (e) => n.setMetadataOperator(e.target.value),
+					/* @__PURE__ */ n("select", {
+						"aria-label": i("search.metadataOperatorFilter", "Metadata operator filter"),
+						value: r.metadataOperator,
+						onChange: (e) => r.setMetadataOperator(e.target.value),
 						className: "h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong scheme-normal dark:scheme-dark transition-colors [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
-							/* @__PURE__ */ e("option", {
+							/* @__PURE__ */ t("option", {
 								value: "EQUALS",
 								children: "="
 							}),
-							/* @__PURE__ */ e("option", {
+							/* @__PURE__ */ t("option", {
 								value: "NOT_EQUALS",
 								children: "≠"
 							}),
-							/* @__PURE__ */ e("option", {
+							/* @__PURE__ */ t("option", {
 								value: "CONTAINS",
-								children: "contains"
+								children: i("search.contains", "contains")
 							}),
-							/* @__PURE__ */ e("option", {
+							/* @__PURE__ */ t("option", {
 								value: "STARTS_WITH",
-								children: "starts"
+								children: i("search.starts", "starts")
 							})
 						]
 					}),
-					/* @__PURE__ */ e("input", {
-						"aria-label": "Metadata value filter",
+					/* @__PURE__ */ t("input", {
+						"aria-label": i("search.metadataValueFilter", "Metadata value filter"),
 						type: "text",
-						placeholder: "Value",
-						value: n.metadataValue,
-						onChange: (e) => n.setMetadataValue(e.target.value),
+						placeholder: i("search.value", "Value"),
+						value: r.metadataValue,
+						onChange: (e) => r.setMetadataValue(e.target.value),
 						className: "h-7 text-xs rounded-input border border-border-subtle bg-bg-surface text-text-primary px-2 outline-none focus:border-border-strong placeholder:text-text-placeholder transition-colors"
 					})
 				]
 			}),
-			/* @__PURE__ */ e("div", {
+			/* @__PURE__ */ t("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ e("button", {
+				children: /* @__PURE__ */ t("button", {
 					type: "button",
-					onClick: n.reset,
+					onClick: r.reset,
 					className: "text-[10px] text-text-muted hover:text-text-primary transition-colors",
-					children: "Clear filters"
+					children: i("common.clearFilters", "Clear filters")
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { n as AdvancedFiltersPanel };
+export { r as AdvancedFiltersPanel };

package/dist/chrome/globalSearch/ResultsList.js

@@ -1,50 +1,48 @@
-import { Clock as e, Loader2 as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { Clock as t, Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/chrome/globalSearch/ResultsList.tsx
-function i({ loading: i, error: a, query: o, results: s, groupedResults: c, recentSearches: l, onRecentSelect: u, onResultSelect: d }) {
-	return /* @__PURE__ */ r("div", {
+function a({ loading: a, error: o, query: s, results: c, groupedResults: l, recentSearches: u, onRecentSelect: d, onResultSelect: f }) {
+	let p = e();
+	return /* @__PURE__ */ i("div", {
 		className: "max-h-[60dvh] overflow-y-auto p-2",
 		children: [
-			i && /* @__PURE__ */ n("div", {
+			a && /* @__PURE__ */ r("div", {
 				className: "flex items-center justify-center py-6",
-				children: /* @__PURE__ */ n(t, { className: "size-4 animate-spin" })
+				children: /* @__PURE__ */ r(n, { className: "size-4 animate-spin" })
 			}),
-			a && /* @__PURE__ */ n("div", {
+			o && /* @__PURE__ */ r("div", {
 				className: "py-6 text-center text-sm text-status-error-text",
-				children: a
+				children: o
 			}),
-			!i && !a && !o && l.length > 0 && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("div", {
+			!a && !o && !s && u.length > 0 && /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
 				className: "px-2 py-1.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
-				children: "Recent Searches"
-			}), l.map((t, i) => /* @__PURE__ */ r("button", {
+				children: p("search.recentSearches", "Recent Searches")
+			}), u.map((e, n) => /* @__PURE__ */ i("button", {
 				type: "button",
-				onClick: () => u(t),
+				onClick: () => d(e),
 				className: "w-full flex items-center gap-2 px-2 py-2 text-sm rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors text-left",
-				children: [/* @__PURE__ */ n(e, { className: "size-4 opacity-50" }), t]
-			}, i))] }),
-			!i && !a && o && s.length === 0 && /* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ r(t, { className: "size-4 opacity-50" }), e]
+			}, n))] }),
+			!a && !o && s && c.length === 0 && /* @__PURE__ */ r("div", {
 				className: "py-6 text-center text-sm text-text-muted",
-				children: [
-					"No results found for \"",
-					o,
-					"\""
-				]
+				children: p("search.noResultsFor", "No results found for \"{{query}}\"", { query: s })
 			}),
-			!i && !a && Object.entries(c).map(([e, t]) => /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("div", {
+			!a && !o && Object.entries(l).map(([e, t]) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
 				className: "px-2 py-1.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 				children: e
 			}), t.map((e) => {
 				let t = e.icon;
-				return /* @__PURE__ */ r("button", {
+				return /* @__PURE__ */ i("button", {
 					type: "button",
-					onClick: () => d(e),
+					onClick: () => f(e),
 					className: "w-full flex items-start gap-2 px-2 py-2 text-sm rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors text-left",
-					children: [t && /* @__PURE__ */ n(t, { className: "size-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ r("div", {
+					children: [t && /* @__PURE__ */ r(t, { className: "size-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ i("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ n("div", {
+						children: [/* @__PURE__ */ r("div", {
 							className: "font-medium truncate text-text-primary",
 							children: e.title
-						}), e.description && /* @__PURE__ */ n("div", {
+						}), e.description && /* @__PURE__ */ r("div", {
 							className: "text-xs text-text-muted truncate",
 							children: e.description
 						})]
@@ -55,4 +53,4 @@ function i({ loading: i, error: a, query: o, results: s, groupedResults: c, rece
 	});
 }
 //#endregion
-export { i as ResultsList };
+export { a as ResultsList };

package/dist/chrome/globalSearch/SearchInput.js

@@ -1,28 +1,30 @@
-import { Search as e, X as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
+import { Search as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/chrome/globalSearch/SearchInput.tsx
-function i({ value: i, placeholder: a, onChange: o, onClear: s }) {
-	return /* @__PURE__ */ r("div", {
+function a({ value: a, placeholder: o, onChange: s, onClear: c }) {
+	let l = e();
+	return /* @__PURE__ */ i("div", {
 		className: "flex items-center border-b border-border-subtle px-4",
 		children: [
-			/* @__PURE__ */ n(e, { className: "size-4 mr-2 flex-shrink-0 text-text-muted" }),
-			/* @__PURE__ */ n("input", {
+			/* @__PURE__ */ r(t, { className: "size-4 mr-2 flex-shrink-0 text-text-muted" }),
+			/* @__PURE__ */ r("input", {
 				type: "text",
-				placeholder: a,
-				value: i,
-				onChange: (e) => o(e.target.value),
+				placeholder: o,
+				value: a,
+				onChange: (e) => s(e.target.value),
 				className: "flex-1 bg-transparent py-3.5 text-sm text-text-primary outline-none placeholder:text-text-placeholder",
 				autoFocus: !0
 			}),
-			i && /* @__PURE__ */ n("button", {
+			a && /* @__PURE__ */ r("button", {
 				type: "button",
-				onClick: s,
+				onClick: c,
 				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__ */ n(t, { className: "size-4" })
+				"aria-label": l("common.clearSearch", "Clear search"),
+				children: /* @__PURE__ */ r(n, { className: "size-4" })
 			})
 		]
 	});
 }
 //#endregion
-export { i as SearchInput };
+export { a as SearchInput };