research-agent-ui 0.1.69 → 0.1.71

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { clsx as _ } from "clsx";
 import { twMerge as v } from "tailwind-merge";
 import y from "markdown-to-jsx";
 import * as b from "lucide-react";
-import { AlertCircle as x, Archive as S, ArrowLeftRight as C, ArrowUp as w, BookMarked as T, Bot as E, BrainCircuit as D, CalendarDays as O, Check as k, CheckIcon as A, ChevronDown as j, ChevronRight as M, ChevronRightIcon as N, ChevronUp as P, Clipboard as F, ClipboardList as I, Clock as L, Cloud as R, CloudIcon as z, Copy as ee, Cpu as te, Download as B, ExternalLink as V, EyeOff as ne, File as re, FileDown as ie, FileSpreadsheet as ae, FileText as oe, FileType as se, FolderOpen as ce, Highlighter as le, History as ue, Link as de, Loader2 as H, Lock as fe, MessageCircleQuestion as pe, Mic as me, Paperclip as he, Pencil as ge, Pin as _e, Plus as ve, Search as ye, Settings as be, Settings2 as xe, Share2 as Se, SlidersHorizontal as Ce, Square as we, SquarePen as Te, Star as Ee, StopCircle as De, Sun as Oe, Trash as ke, Trash2 as Ae, Upload as je, Video as Me, Volume2 as Ne, X as Pe, XIcon as Fe } from "lucide-react";
+import { AlertCircle as x, Archive as S, ArrowLeftRight as C, ArrowUp as w, BookMarked as T, Bot as E, BrainCircuit as D, CalendarDays as O, Check as k, CheckIcon as A, ChevronDown as j, ChevronRight as M, ChevronRightIcon as N, ChevronUp as P, Clipboard as F, ClipboardList as I, Clock as L, Cloud as R, CloudIcon as z, Copy as B, Cpu as ee, Download as te, ExternalLink as V, EyeOff as ne, File as re, FileDown as ie, FileSpreadsheet as ae, FileText as oe, FileType as se, FolderOpen as ce, Highlighter as le, History as ue, Link as de, Loader2 as H, Lock as fe, MessageCircleQuestion as pe, Mic as me, Paperclip as he, Pencil as ge, Pin as _e, Plus as ve, Search as ye, Settings as be, Settings2 as xe, Share2 as Se, SlidersHorizontal as Ce, Square as we, SquarePen as Te, Star as Ee, StopCircle as De, Sun as Oe, Trash as ke, Trash2 as Ae, Upload as je, Video as Me, Volume2 as Ne, X as Pe, XIcon as Fe } from "lucide-react";
 import { addFavorite as Ie, agentChat as Le, agentSearch as Re, articleFollowups as ze, articleQa as Be, autocomplete as Ve, createDocument as He, deleteAllChats as Ue, deleteChatById as We, getArticle as Ge, getChatById as Ke, getGoogleDriveFile as qe, getGoogleToken as Je, googleDocsAuth as Ye, googleDocsAuthStatus as Xe, listChats as Ze, listFavorites as Qe, listProviders as $e, removeFavorite as et, saveMessage as tt, searchChats as nt, shareChat as rt, updateArticle as it, uploadFiles as at } from "qwksearch-api-client";
 import { convertURLSafeHTMLToHTML as ot } from "extract-webpage/html-to-content/html-utils";
 import { AnimatePresence as st, animate as ct, motion as lt } from "motion/react";
@@ -1654,7 +1654,7 @@ function _n(e) {
 	let [t, n] = p(e), [r, i] = p(!1), [a, o] = p(!1), [s, c] = p(!1), [l, u] = p(!1), [m, h] = p(!1), [g, _] = p(!1), [v, y] = p(!1), [b, x] = p(!1), [S, C] = p([]), [w, T] = p([]), [E, D] = p([]), [O, k] = p([]), [A, j] = p("webSearch"), [M, N] = p("general"), [P, F] = p("speed"), [I, L] = p({
 		key: "",
 		providerId: ""
-	}), R = f([]), z = d(() => w.filter((e) => e.role === "user" || e.role === "assistant"), [w]), ee = d(() => ln(w), [w]);
+	}), R = f([]), z = d(() => w.filter((e) => e.role === "user" || e.role === "assistant"), [w]), B = d(() => ln(w), [w]);
 	return {
 		state: {
 			chatId: t,
@@ -1696,7 +1696,7 @@ function _n(e) {
 		},
 		messagesRef: R,
 		chatTurns: z,
-		sections: ee
+		sections: B
 	};
 }
 //#endregion
@@ -2379,7 +2379,7 @@ var $ = {
 									className: J("px-3 py-2 flex items-center justify-between text-start duration-200 cursor-pointer transition rounded-xl group", n?.providerId === e.id && n?.key === t.key ? "bg-sky-50 dark:bg-sky-500/10" : "hover:bg-bg-100 dark:hover:bg-[#30302E]"),
 									children: [/* @__PURE__ */ G("div", {
 										className: "flex items-center space-x-2.5 min-w-0 flex-1",
-										children: [/* @__PURE__ */ W(te, {
+										children: [/* @__PURE__ */ W(ee, {
 											size: 14,
 											className: J("shrink-0", n?.providerId === e.id && n?.key === t.key ? "text-sky-500" : "text-text-400 dark:text-[#999999] group-hover:text-text-300 dark:group-hover:text-[#B4B4B4]")
 										}), /* @__PURE__ */ W("p", {
@@ -2577,7 +2577,7 @@ var er = ({ section: e, speechStatus: t, start: n, stop: r, handleOpenInLLM: i }
 					asChild: !0,
 					children: /* @__PURE__ */ W("button", {
 						className: "p-2 text-muted-foreground rounded-full backdrop-blur-md bg-white/10 dark:bg-black/10 hover:bg-white/20 dark:hover:bg-black/20 transition duration-200 hover:text-foreground",
-						children: /* @__PURE__ */ W(B, { size: 18 })
+						children: /* @__PURE__ */ W(te, { size: 18 })
 					})
 				})
 			}), /* @__PURE__ */ W(Z, {
@@ -3186,7 +3186,7 @@ var mr = () => window.gapi, hr = () => window.google, gr = () => {
 	return /* @__PURE__ */ G(Fn, { children: [/* @__PURE__ */ G(In, {
 		className: "gap-2",
 		children: [
-			/* @__PURE__ */ W(te, { className: "w-4 h-4 flex-shrink-0 text-sky-500" }),
+			/* @__PURE__ */ W(ee, { className: "w-4 h-4 flex-shrink-0 text-sky-500" }),
 			/* @__PURE__ */ W("span", { children: "Model" }),
 			/* @__PURE__ */ W("span", {
 				className: "ml-auto text-xs text-muted-foreground truncate max-w-[55px]",
@@ -3211,7 +3211,7 @@ var mr = () => window.gapi, hr = () => window.google, gr = () => {
 					onSelect: () => c(t.id, n.key),
 					className: J("gap-2", e?.providerId === t.id && e?.key === n.key && "bg-secondary"),
 					children: [
-						/* @__PURE__ */ W(te, { className: J("h-3.5 w-3.5 flex-shrink-0", e?.providerId === t.id && e?.key === n.key ? "text-sky-500" : "text-muted-foreground") }),
+						/* @__PURE__ */ W(ee, { className: J("h-3.5 w-3.5 flex-shrink-0", e?.providerId === t.id && e?.key === n.key ? "text-sky-500" : "text-muted-foreground") }),
 						/* @__PURE__ */ W("span", {
 							className: "truncate",
 							children: n.name
@@ -3849,7 +3849,7 @@ var Cr = [
 		m((e) => (e.trim() && setTimeout(() => {
 			n(e), O();
 		}, 0), e));
-	}), [M, N] = p(0), [P, F] = p(!0), [I, L] = p(!1), [R, z] = p([]), [ee, te] = p([]), [B, V] = p(-1), [ne, re] = p(!1), [ie, ae] = p("below"), oe = f(!1), se = f(null);
+	}), [M, N] = p(0), [P, F] = p(!0), [I, L] = p(!1), [R, z] = p([]), [B, ee] = p([]), [te, V] = p(-1), [ne, re] = p(!1), [ie, ae] = p("below"), oe = f(!1), se = f(null);
 	u(() => {
 		if (oe.current) {
 			oe.current = !1;
@@ -3857,7 +3857,7 @@ var Cr = [
 		}
 		let { query: e } = ce(d);
 		if (!I || e.length < 2) {
-			z([]), te([]), re(!1), V(-1);
+			z([]), ee([]), re(!1), V(-1);
 			return;
 		}
 		let t = setTimeout(async () => {
@@ -3874,7 +3874,7 @@ var Cr = [
 				});
 				if (r) return;
 				let i = Array.isArray(n?.suggestions) ? n.suggestions : [], a = Array.isArray(n?.domains) ? n.domains : [];
-				if (z(i), te(a), i.length + a.length > 0) {
+				if (z(i), ee(a), i.length + a.length > 0) {
 					if (g.current) {
 						let e = g.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = e.top;
 						t < Math.min(288, (i.length + a.length) * 36) && n > t ? ae("above") : ae("below");
@@ -3902,11 +3902,11 @@ var Cr = [
 	}, le = (e) => {
 		oe.current = !0;
 		let { prefix: t } = ce(d);
-		m(t + e), z([]), te([]), re(!1), V(-1), h.current?.focus();
+		m(t + e), z([]), ee([]), re(!1), V(-1), h.current?.focus();
 	}, ue = (e) => {
 		re(!1), V(-1), window.location.href = `https://${e.domain}`;
-	}, de = ee.length + R.length, H = (e) => {
-		e < ee.length ? ue(ee[e]) : le(R[e - ee.length]);
+	}, de = B.length + R.length, H = (e) => {
+		e < B.length ? ue(B[e]) : le(R[e - B.length]);
 	};
 	u(() => {
 		if (I || d) return;
@@ -3940,12 +3940,12 @@ var Cr = [
 				e.preventDefault(), re(!1), V(-1);
 				return;
 			}
-			if (e.key === "Tab" && B >= 0) {
-				e.preventDefault(), H(B);
+			if (e.key === "Tab" && te >= 0) {
+				e.preventDefault(), H(te);
 				return;
 			}
-			if (e.key === "Enter" && !e.shiftKey && B >= 0) {
-				e.preventDefault(), H(B);
+			if (e.key === "Enter" && !e.shiftKey && te >= 0) {
+				e.preventDefault(), H(te);
 				return;
 			}
 			let t = parseInt(e.key, 10);
@@ -4136,11 +4136,11 @@ var Cr = [
 				onMouseDown: (e) => e.preventDefault(),
 				children: /* @__PURE__ */ G("ul", {
 					className: "max-h-72 overflow-y-auto custom-scrollbar py-1",
-					children: [ee.map((e, t) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G("button", {
+					children: [B.map((e, t) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G("button", {
 						type: "button",
 						onMouseEnter: () => V(t),
 						onClick: () => ue(e),
-						className: `w-full text-left px-4 py-1.5 text-[15px] flex items-center gap-3 transition-colors ${t === B ? "bg-bg-200 text-text-100" : "text-text-200 hover:bg-bg-100 dark:hover:bg-[#3A3A38]"}`,
+						className: `w-full text-left px-4 py-1.5 text-[15px] flex items-center gap-3 transition-colors ${t === te ? "bg-bg-200 text-text-100" : "text-text-200 hover:bg-bg-100 dark:hover:bg-[#3A3A38]"}`,
 						children: [
 							/* @__PURE__ */ W("span", {
 								className: "w-5 h-5 flex items-center justify-center rounded bg-bg-200 dark:bg-[#3A3A38] text-[11px] font-semibold text-text-400 shrink-0",
@@ -4161,12 +4161,12 @@ var Cr = [
 							})
 						]
 					}) }, `domain-${e.domain}`)), R.map((e, t) => {
-						let n = ee.length + t;
+						let n = B.length + t;
 						return /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G("button", {
 							type: "button",
 							onMouseEnter: () => V(n),
 							onClick: () => le(e),
-							className: `w-full text-left px-4 py-1.5 text-[15px] flex items-center gap-3 transition-colors ${n === B ? "bg-bg-200 text-text-100" : "text-text-200 hover:bg-bg-100 dark:hover:bg-[#3A3A38]"}`,
+							className: `w-full text-left px-4 py-1.5 text-[15px] flex items-center gap-3 transition-colors ${n === te ? "bg-bg-200 text-text-100" : "text-text-200 hover:bg-bg-100 dark:hover:bg-[#3A3A38]"}`,
 							children: [
 								/* @__PURE__ */ W("span", {
 									className: "w-5 h-5 flex items-center justify-center rounded bg-bg-200 dark:bg-[#3A3A38] text-[11px] font-semibold text-text-400 shrink-0",
@@ -4548,7 +4548,7 @@ function Qr({ code: e }) {
 		}, [e]),
 		className: J("absolute top-3 right-3 p-1.5 rounded-md", "opacity-0 group-hover:opacity-100 transition-opacity duration-150", "bg-zinc-200/80 hover:bg-zinc-300 dark:bg-zinc-700/80 dark:hover:bg-zinc-600", "text-zinc-600 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200", "focus:outline-none focus:ring-1 focus:ring-zinc-400 dark:focus:ring-zinc-500"),
 		"aria-label": t ? "Copied!" : "Copy code",
-		children: t ? /* @__PURE__ */ W(k, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ W(ee, { className: "h-4 w-4" })
+		children: t ? /* @__PURE__ */ W(k, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ W(B, { className: "h-4 w-4" })
 	});
 }
 function $r({ children: e }) {
@@ -4732,113 +4732,113 @@ ei.displayName = "UnifiedMarkdown";
 //#endregion
 //#region src/components/ArticleReader/ArticleExtractPanel.tsx
 var ti = (e) => {
-	let { isOpen: n, url: r, searchText: i, panelWidth: a, setPanelWidth: o, closePanel: s } = Tt(), { isAuthenticated: c } = Sn(), l = e.isOpen === void 0 ? n : e.isOpen, d = e.onClose || s, m = e.url || r, h = e.searchText === void 0 ? i : e.searchText, [g, _] = p(null), [v, y] = p([]), [b, x] = p(!1), [S, C] = p(t.defaultSummarizePrompt), [w, T] = p(!1), [E, D] = p(!1), [O, k] = p(!1), [A, j] = p(""), [M, N] = p(""), [P, F] = p([]), [I, L] = p(""), [R, z] = p(!1), [ee, te] = p(!1), [B, V] = p(!1), [ne, re] = p(!1), [ie, ae] = p(a), [oe, se] = p(!1), [ce, le] = p(!1), ue = f(null);
+	let { isOpen: n, url: r, searchText: i, panelWidth: a, setPanelWidth: o, closePanel: s } = Tt(), { isAuthenticated: c } = Sn(), { chatModelProvider: l } = yn(), d = e.isOpen === void 0 ? n : e.isOpen, m = e.onClose || s, h = e.url || r, g = e.searchText === void 0 ? i : e.searchText, [_, v] = p(null), [y, b] = p([]), [x, S] = p(!1), [C, w] = p(t.defaultSummarizePrompt), [T, E] = p(!1), [D, O] = p(!1), [k, A] = p(!1), [j, M] = p(""), [N, P] = p(""), [F, I] = p([]), [L, R] = p(""), [z, B] = p(!1), [ee, te] = p(!1), [V, ne] = p(!1), [re, ie] = p(!1), [ae, oe] = p(a), [se, ce] = p(!1), [le, ue] = p(!1), de = f(null);
 	u(() => {
 		let e = () => {
-			re(window.innerWidth >= 1024);
+			ie(window.innerWidth >= 1024);
 		};
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), u(() => {
 		let e = (e) => {
-			if (!oe) return;
+			if (!se) return;
 			let t = window.innerWidth - e.clientX, n = Math.max(400, Math.min(t, window.innerWidth - 100));
-			ae(n), o(n);
+			oe(n), o(n);
 		}, t = () => {
-			se(!1);
+			ce(!1);
 		};
-		return oe && (document.addEventListener("mousemove", e), document.addEventListener("mouseup", t), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none"), () => {
+		return se && (document.addEventListener("mousemove", e), document.addEventListener("mouseup", t), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none"), () => {
 			document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", t), document.body.style.cursor = "", document.body.style.userSelect = "";
 		};
-	}, [oe, o]), u(() => {
-		l && m ? (le(!1), de()) : l || le(!1);
-	}, [l, m]);
-	let de = async () => {
-		console.log("[ArticleExtractPanel] Extracting URL:", m);
+	}, [se, o]), u(() => {
+		d && h ? (ue(!1), H()) : d || ue(!1);
+	}, [d, h]);
+	let H = async () => {
+		console.log("[ArticleExtractPanel] Extracting URL:", h);
 		try {
-			let e = new URL(m);
+			let e = new URL(h);
 			if ([
 				/^https?:\/\/(www\.)?google\.[^/]+\/search/i,
 				/^https?:\/\/(www\.)?bing\.com\/search/i,
 				/^https?:\/\/(www\.)?duckduckgo\.com\/\?/i
-			].some((e) => e.test(m))) {
-				K.error("Cannot extract articles from search result pages"), T(!1), le(!0);
+			].some((e) => e.test(h))) {
+				K.error("Cannot extract articles from search result pages"), E(!1), ue(!0);
 				return;
 			}
-			(e.pathname === "/" || e.pathname === "") && (console.error("[ArticleExtractPanel] URL is domain-only, missing article path:", m), K.error("Invalid article URL - only domain provided"));
+			(e.pathname === "/" || e.pathname === "") && (console.error("[ArticleExtractPanel] URL is domain-only, missing article path:", h), K.error("Invalid article URL - only domain provided"));
 		} catch (e) {
-			console.error("[ArticleExtractPanel] Invalid URL format:", m, e);
+			console.error("[ArticleExtractPanel] Invalid URL format:", h, e);
 		}
-		T(!0);
+		E(!0);
 		try {
-			let { data: e } = await Ge({ query: { url: m } }), t = e?.article, n = t?.html?.replace(/<[^>]*>/g, "").trim() || "";
+			let { data: e } = await Ge({ query: { url: h } }), t = e?.article, n = t?.html?.replace(/<[^>]*>/g, "").trim() || "";
 			t?.error || n.length < 20 ? (document.dispatchEvent(new CustomEvent("onInvokeChromeAPI", { detail: {
 				type: "extractURL",
-				url: m
+				url: h
 			} })), await Promise.race([new Promise((e) => {
 				let t = async (n) => {
 					window.removeEventListener("onExtractionResult", t);
-					let { data: r } = await Ge({ query: { url: m } }), i = r?.article;
-					i && (_(i), i.followUpQuestions?.length > 0 && F(i.followUpQuestions)), e();
+					let { data: r } = await Ge({ query: { url: h } }), i = r?.article;
+					i && (v(i), i.followUpQuestions?.length > 0 && I(i.followUpQuestions)), e();
 				};
 				window.addEventListener("onExtractionResult", t);
-			}), new Promise((e) => setTimeout(e, 1e4))])) : (_(t), t?.followUpQuestions && t.followUpQuestions.length > 0 && F(t.followUpQuestions)), c && H();
+			}), new Promise((e) => setTimeout(e, 1e4))])) : (v(t), t?.followUpQuestions && t.followUpQuestions.length > 0 && I(t.followUpQuestions)), c && fe();
 		} catch (e) {
 			console.error("[ArticleExtractPanel] Error extracting URL:", e), K.error("Failed to load article");
 		} finally {
-			T(!1), le(!0);
+			E(!1), ue(!0);
 		}
-	}, H = async () => {
+	}, fe = async () => {
 		try {
-			let { data: e } = await Qe(), t = e?.favorites?.some((e) => e.url === m);
-			z(!!t);
+			let { data: e } = await Qe(), t = e?.favorites?.some((e) => e.url === h);
+			B(!!t);
 		} catch (e) {
 			console.error("Error checking favorite status:", e);
 		}
-	}, fe = async () => {
-		if (g) {
+	}, pe = async () => {
+		if (_) {
 			te(!0);
 			try {
-				R ? (await et({ query: { url: m } }), z(!1), K.info("Removed from favorites")) : (await Ie({ body: {
-					url: g.url || m,
-					title: g.title,
-					cite: g.cite,
-					author: g.author,
-					author_cite: g.author_cite,
-					date: g.date,
-					source: g.source,
-					word_count: g.word_count,
-					html: g.html
-				} }), z(!0), K.success("Added to favorites"));
+				z ? (await et({ query: { url: h } }), B(!1), K.info("Removed from favorites")) : (await Ie({ body: {
+					url: _.url || h,
+					title: _.title,
+					cite: _.cite,
+					author: _.author,
+					author_cite: _.author_cite,
+					date: _.date,
+					source: _.source,
+					word_count: _.word_count,
+					html: _.html
+				} }), B(!0), K.success("Added to favorites"));
 			} catch (e) {
 				console.error("Error toggling favorite:", e), K.error("Failed to toggle favorite");
 			} finally {
 				te(!1);
 			}
 		}
-	}, pe = async (e) => {
-		if (!g) return;
-		let n = g.html?.replace(/<[^>]*>?/g, "").slice(0, t.maxArticleLength), r = e === "question", i = r ? D : k, a = r ? N : L;
+	}, me = async (e) => {
+		if (!_) return;
+		let n = _.html?.replace(/<[^>]*>?/g, "").slice(0, t.maxArticleLength), r = e === "question", i = r ? O : A, a = r ? P : R;
 		i(!0), a("");
 		try {
 			if (r) {
-				let e = [h, S].filter(Boolean).join("\n");
+				let e = [g, C].filter(Boolean).join("\n");
 				if (!n || n.length === 0) throw Error("Article content is empty");
 				let { data: t, error: r } = await Be({ body: {
 					article: n,
 					question: e,
-					chatHistory: v.slice(-5),
-					provider: "groq"
+					chatHistory: y.slice(-5),
+					chatModel: l
 				} });
 				if (r) {
 					let e = r.error || r.message || "Article QA failed";
 					throw Error(e);
 				}
 				let i = t?.content || "";
-				j(i), y((e) => [
+				M(i), b((e) => [
 					...e,
 					{
 						role: "user",
-						content: S,
+						content: C,
 						time: (/* @__PURE__ */ new Date()).toISOString()
 					},
 					{
@@ -4849,8 +4849,8 @@ var ti = (e) => {
 				]);
 				try {
 					await it({ body: {
-						url: m,
-						question: S,
+						url: h,
+						question: C,
 						answer: i
 					} });
 				} catch (e) {
@@ -4861,19 +4861,19 @@ var ti = (e) => {
 				if (!n || n.length === 0) throw Error("Article content is empty");
 				let { data: t, error: r } = await ze({ body: {
 					article: n,
-					chatHistory: v.slice(-5),
+					chatHistory: y.slice(-5),
 					maxQuestions: e,
-					provider: "groq"
+					chatModel: l
 				} });
 				if (r) {
 					let e = r.error || r.message || "Article followups failed";
 					throw Error(e);
 				}
 				let i = t?.extract || [];
-				F(i);
+				I(i);
 				try {
 					await it({ body: {
-						url: m,
+						url: h,
 						followUpQuestions: i
 					} });
 				} catch (e) {
@@ -4885,17 +4885,17 @@ var ti = (e) => {
 		} finally {
 			i(!1);
 		}
-	}, me = (e) => {
-		C(e), pe("question");
-	}, he = async () => {
-		if (!g) return;
-		let e = `${A}\n\n\n${g.cite || ""}\n\n\n${g.html}`;
+	}, he = (e) => {
+		w(e), me("question");
+	}, ge = async () => {
+		if (!_) return;
+		let e = `${j}\n\n\n${_.cite || ""}\n\n\n${_.html}`;
 		try {
-			await navigator.clipboard.writeText(e), x(!0), setTimeout(() => x(!1), 2e3);
+			await navigator.clipboard.writeText(e), S(!0), setTimeout(() => S(!1), 2e3);
 		} catch (e) {
 			console.error("Failed to copy to clipboard:", e);
 		}
-	}, ge = () => /* @__PURE__ */ W("div", {
+	}, _e = () => /* @__PURE__ */ W("div", {
 		className: "flex h-full flex-col bg-background shadow-xl",
 		children: /* @__PURE__ */ W("div", {
 			className: "flex-1 overflow-y-auto",
@@ -4905,37 +4905,37 @@ var ti = (e) => {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ W(zr, {
-							isLoadingAI: E,
-							isLoadingFollowups: O,
+							isLoadingAI: D,
+							isLoadingFollowups: k,
 							isLoadingFavorite: ee,
-							isFavorited: R,
-							isHighlightMode: B,
-							articleUrl: g?.url || m,
-							onAskClick: () => pe("question"),
-							onSuggestClick: () => pe("suggest-followups"),
-							onCopyClick: he,
-							onFavoriteClick: fe,
-							onHighlightToggle: () => V(!B),
-							onClose: d
+							isFavorited: z,
+							isHighlightMode: V,
+							articleUrl: _?.url || h,
+							onAskClick: () => me("question"),
+							onSuggestClick: () => me("suggest-followups"),
+							onCopyClick: ge,
+							onFavoriteClick: pe,
+							onHighlightToggle: () => ne(!V),
+							onClose: m
 						}),
-						b && /* @__PURE__ */ W("div", {
+						x && /* @__PURE__ */ W("div", {
 							className: "bg-blue-500 text-white text-sm font-medium px-3 py-2 rounded-md shadow-lg",
 							children: "Copied!"
 						}),
 						/* @__PURE__ */ W(Br, {
-							value: S,
-							onChange: C,
-							onSubmit: () => pe("question")
+							value: C,
+							onChange: w,
+							onSubmit: () => me("question")
 						}),
 						/* @__PURE__ */ W(Vr, {
-							questions: P,
-							isLoading: O,
-							error: I,
-							onQuestionClick: me
+							questions: F,
+							isLoading: k,
+							error: L,
+							onQuestionClick: he
 						}),
-						v.length > 0 && /* @__PURE__ */ W("div", {
+						y.length > 0 && /* @__PURE__ */ W("div", {
 							className: "space-y-4",
-							children: v.map((e, t) => /* @__PURE__ */ W("div", {
+							children: y.map((e, t) => /* @__PURE__ */ W("div", {
 								className: "space-y-2",
 								children: e.role === "user" ? /* @__PURE__ */ G("div", {
 									className: "bg-primary/10 border border-primary/20 rounded-lg p-3",
@@ -4958,42 +4958,42 @@ var ti = (e) => {
 								})
 							}, t))
 						}),
-						(E || A && v.length === 0) && /* @__PURE__ */ W(Hr, {
-							response: A,
-							isLoading: E,
-							error: M
+						(D || j && y.length === 0) && /* @__PURE__ */ W(Hr, {
+							response: j,
+							isLoading: D,
+							error: N
 						}),
-						M && !E && /* @__PURE__ */ W("div", {
+						N && !D && /* @__PURE__ */ W("div", {
 							className: "bg-red-500 text-white p-2 rounded-md text-sm",
-							children: M
+							children: N
 						})
 					]
-				}), g && /* @__PURE__ */ W(Wr, {
-					article: g,
-					isHighlightMode: B
+				}), _ && /* @__PURE__ */ W(Wr, {
+					article: _,
+					isHighlightMode: V
 				})]
 			})
 		})
 	});
-	return !l || !ce ? null : ne ? /* @__PURE__ */ G("div", {
+	return !d || !le ? null : re ? /* @__PURE__ */ G("div", {
 		className: "fixed top-0 right-0 h-screen z-40 transition-all duration-300",
-		style: { width: `${ie}px` },
+		style: { width: `${ae}px` },
 		children: [/* @__PURE__ */ W("div", {
-			ref: ue,
-			onMouseDown: () => se(!0),
+			ref: de,
+			onMouseDown: () => ce(!0),
 			className: "absolute left-0 top-0 bottom-0 w-1 cursor-ew-resize hover:bg-primary bg-transparent transition-colors z-50",
 			style: { touchAction: "none" },
 			children: /* @__PURE__ */ W("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-1 h-12 rounded-full bg-muted-foreground opacity-50 hover:opacity-100 transition-opacity" })
-		}), ge()]
+		}), _e()]
 	}) : /* @__PURE__ */ W(Dr, {
-		open: l,
-		onOpenChange: (e) => !e && d(),
+		open: d,
+		onOpenChange: (e) => !e && m(),
 		children: /* @__PURE__ */ G(jr, {
 			className: "pointer-events-auto fixed inset-0 !top-0 !left-0 !translate-x-0 !translate-y-0 h-full w-full max-w-none p-0 m-0 rounded-none border-0 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
 			hideCloseButton: !0,
 			children: [/* @__PURE__ */ W(Pr, { children: /* @__PURE__ */ W(Mr, { children: "Article Details" }) }), /* @__PURE__ */ W("div", {
 				className: "h-full overflow-y-auto",
-				children: ge()
+				children: _e()
 			})]
 		})
 	});
@@ -5967,7 +5967,7 @@ function wi({ preloadOnMount: e = !1 }) {
 						children: d ? /* @__PURE__ */ W(H, {
 							size: 18,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ W(B, { size: 18 })
+						}) : /* @__PURE__ */ W(te, { size: 18 })
 					})
 				}), /* @__PURE__ */ W(Z, {
 					side: "bottom",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "research-agent-ui",
   "description": "Chat research agent UI: conversation window, article reader, search config, file uploads, and chat history",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "author": "vtempest",
   "repository": {
     "type": "git",
@@ -63,19 +63,19 @@
     "@radix-ui/react-slot": "^1.2.5",
     "@radix-ui/react-tooltip": "^1.2.9",
     "@ricky0123/vad-web": "^0.0.30",
-    "chat-agent-toolkit": "^1.2.91",
-    "domain-rank": "^0.1.80",
+    "chat-agent-toolkit": "^1.2.94",
+    "domain-rank": "^0.1.83",
     "drizzle-orm": "^0.45.2",
     "fuse.js": "^7.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dompurify": "^3.4.9",
-    "extract-webpage": "^1.2.92",
-    "search-web-api": "^1.0.51",
+    "extract-webpage": "^1.2.95",
+    "search-web-api": "^1.0.53",
     "framer-motion": "^12.40.0",
     "grab-url": "^1.6.22",
     "kokoro-js": "^1.2.1",
-    "qwksearch-api-client": "^0.9.40",
+    "qwksearch-api-client": "^0.9.42",
     "html2canvas": "^1.4.1",
     "lucide-react": "^1.17.0",
     "markdown-to-jsx": "^9.8.2",