@burdenoff/fe-libs 2026.1001.6 → 2026.1002.2

package/dist/shared/assistant/ui/AssistantHistorySearchBox.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export interface AssistantHistorySearchBoxProps {
+    /** What the box holds — the list's own state, and nowhere else. */
+    value: string;
+    onChange: (next: string) => void;
+    /** Enter: search what the box holds now, without waiting for typing to pause. */
+    onSubmit: () => void;
+    /** Why the server's matches are missing or incomplete; "" when nothing is wrong. */
+    notice: string;
+}
+export declare const AssistantHistorySearchBox: FC<AssistantHistorySearchBoxProps>;
+//# sourceMappingURL=AssistantHistorySearchBox.d.ts.map

package/dist/shared/assistant/ui/AssistantHistorySearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantHistorySearchBox.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantHistorySearchBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA2C/C,MAAM,WAAW,8BAA8B;IAC7C,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA+ExE,CAAC"}

package/dist/shared/assistant/ui/AssistantHistorySearchBox.js

@@ -0,0 +1,74 @@
+import { useAssistantTr as e } from "../i18n.js";
+import { clampHistorySearchText as t } from "../history/historySearchQuery.js";
+import { useId as n, useRef as r } from "react";
+import { Search as i, X as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantHistorySearchBox.tsx
+var l = "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-1 focus-visible:outline-[var(--color-focus-ring)]", u = ({ value: u, onChange: d, onSubmit: f, notice: p }) => {
+	let m = e(), h = `${n()}-search-label`, g = r(null), _ = m("historySearch.label", "Search conversations");
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+		role: "search",
+		"aria-labelledby": h,
+		className: "relative",
+		"data-testid": "history-search",
+		children: [/* @__PURE__ */ c("label", {
+			className: "block",
+			children: [
+				/* @__PURE__ */ s("span", {
+					id: h,
+					className: "sr-only",
+					children: _
+				}),
+				/* @__PURE__ */ s(i, {
+					className: "pointer-events-none absolute left-2 top-1/2 size-3 -translate-y-1/2 text-text-muted",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ s("input", {
+					ref: g,
+					role: "searchbox",
+					inputMode: "search",
+					enterKeyHint: "search",
+					autoComplete: "off",
+					spellCheck: !1,
+					value: u,
+					placeholder: _,
+					onChange: (e) => d(t(e.target.value)),
+					onKeyDown: (e) => {
+						if (!e.nativeEvent.isComposing) {
+							if (e.key === "Enter") {
+								e.preventDefault(), f();
+								return;
+							}
+							e.key !== "Escape" || u.length === 0 || (e.preventDefault(), e.stopPropagation(), d(""));
+						}
+					},
+					className: `block min-h-7 w-full rounded-md border border-border-default bg-bg-sunken py-1 pl-7 pr-8 text-xs text-text-primary placeholder:text-text-muted focus:border-action-primary-bg ${l}`,
+					"data-testid": "history-search-input"
+				})
+			]
+		}), u.length > 0 ? /* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: () => {
+				g.current?.focus({ preventScroll: !0 }), d("");
+			},
+			"aria-label": m("historySearch.clear", "Clear search"),
+			className: `absolute right-0.5 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded text-text-muted hover:bg-bg-elevated hover:text-text-primary ${l}`,
+			"data-testid": "history-search-clear",
+			children: /* @__PURE__ */ s(a, {
+				className: "size-3",
+				"aria-hidden": "true"
+			})
+		}) : null]
+	}), /* @__PURE__ */ s("p", {
+		role: "status",
+		"aria-live": "polite",
+		className: "break-words text-[10px] leading-4 text-text-secondary",
+		"data-testid": "history-search-notice",
+		children: p ? /* @__PURE__ */ s("span", {
+			className: "block pt-1",
+			children: p
+		}) : null
+	})] });
+};
+//#endregion
+export { u as AssistantHistorySearchBox };