research-agent-ui 0.1.293 → 0.1.294

package/dist/ChatConversationThread-BIJ8aNug.js

@@ -0,0 +1,1428 @@
+import { i as e, n as t, o as n, r, s as i, t as a } from "./dialog-Cufn2u50.js";
+import { a as o, c as s, n as c, r as l, t as u, u as d } from "./tooltip-Bl3IdX-I.js";
+import { G as f, J as p, K as m, Q as h, U as g, V as _, W as v, X as y, Y as b, Z as x, d as S, q as C, tt as w } from "./src-GPr1ceY8.js";
+import { researchAgentUIConfig as T } from "./config.mjs";
+import { Fragment as E, Suspense as D, lazy as O, memo as k, useCallback as A, useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { animate as R } from "motion/react";
+import { ArrowLeftRight as z, BrainCircuit as B, Check as V, ChevronDown as H, ChevronRight as U, ChevronUp as ee, ClipboardList as W, Cpu as te, Download as ne, ExternalLink as G, File as re, FileDown as ie, FileSpreadsheet as ae, FileText as K, FileType as oe, Image as se, Link2 as ce, Loader2 as q, Pencil as le, Plus as ue, Search as J, StopCircle as de, Trash2 as fe, Video as pe, Volume2 as me } from "lucide-react";
+import { agentSearch as he, getArticle as ge, listProviders as _e } from "qwksearch-api-client";
+import ve from "quantum-sphere-loading-icon/react";
+import ye from "markdown-to-jsx";
+import { convertURLSafeHTMLToHTML as Y } from "extract-webpage/html-to-content/html-utils";
+import * as X from "@radix-ui/react-popover";
+import * as be from "grab-url/animations";
+// src/ui/glowing-effect.tsx
+var Z = k(({ blur: e = 0, inactiveZone: t = .7, proximity: r = 0, spread: i = 20, variant: a = "default", glow: o = !1, className: s, movementDuration: c = 2, borderWidth: l = 1, disabled: u = !0 }) => {
+	let d = N(null), f = N({
+		x: 0,
+		y: 0
+	}), p = N(0), m = A((e) => {
+		d.current && (p.current && cancelAnimationFrame(p.current), p.current = requestAnimationFrame(() => {
+			let n = d.current;
+			if (!n) return;
+			let { left: i, top: a, width: o, height: s } = n.getBoundingClientRect(), l = e?.x ?? f.current.x, u = e?.y ?? f.current.y;
+			e && (f.current = {
+				x: l,
+				y: u
+			});
+			let p = [i + o * .5, a + s * .5];
+			if (Math.hypot(l - p[0], u - p[1]) < .5 * Math.min(o, s) * t) {
+				n.style.setProperty("--active", "0");
+				return;
+			}
+			let m = l > i - r && l < i + o + r && u > a - r && u < a + s + r;
+			if (n.style.setProperty("--active", m ? "1" : "0"), !m) return;
+			let h = parseFloat(n.style.getPropertyValue("--start")) || 0, g = h + ((180 * Math.atan2(u - p[1], l - p[0]) / Math.PI + 90 - h + 180) % 360 - 180);
+			R(h, g, {
+				duration: c,
+				ease: [
+					.16,
+					1,
+					.3,
+					1
+				],
+				onUpdate: (e) => {
+					n.style.setProperty("--start", String(e));
+				}
+			});
+		}));
+	}, [
+		t,
+		r,
+		c
+	]);
+	return j(() => {
+		if (u) return;
+		let e = () => m(), t = (e) => m(e);
+		return window.addEventListener("scroll", e, { passive: !0 }), document.body.addEventListener("pointermove", t, { passive: !0 }), () => {
+			p.current && cancelAnimationFrame(p.current), window.removeEventListener("scroll", e), document.body.removeEventListener("pointermove", t);
+		};
+	}, [m, u]), /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", { className: n("pointer-events-none absolute -inset-px hidden rounded-[inherit] border opacity-0 transition-opacity", o && "opacity-100", a === "white" && "border-white", u && "!block") }), /* @__PURE__ */ I("div", {
+		ref: d,
+		style: {
+			"--blur": `${e}px`,
+			"--spread": i,
+			"--start": "0",
+			"--active": "0",
+			"--glowingeffect-border-width": `${l}px`,
+			"--repeating-conic-gradient-times": "5",
+			"--gradient": a === "white" ? "repeating-conic-gradient(\n                  from 236.84deg at 50% 50%,\n                  var(--black),\n                  var(--black) calc(25% / var(--repeating-conic-gradient-times))\n                )" : "radial-gradient(circle, #dd7bbb 10%, #dd7bbb00 20%),\n                radial-gradient(circle at 40% 40%, #d79f1e 5%, #d79f1e00 15%),\n                radial-gradient(circle at 60% 60%, #5a922c 10%, #5a922c00 20%),\n                radial-gradient(circle at 40% 60%, #4c7894 10%, #4c789400 20%),\n                repeating-conic-gradient(\n                  from 236.84deg at 50% 50%,\n                  #dd7bbb 0%,\n                  #d79f1e calc(25% / var(--repeating-conic-gradient-times)),\n                  #5a922c calc(50% / var(--repeating-conic-gradient-times)),\n                  #4c7894 calc(75% / var(--repeating-conic-gradient-times)),\n                  #dd7bbb calc(100% / var(--repeating-conic-gradient-times))\n                )"
+		},
+		className: n("pointer-events-none absolute inset-0 rounded-[inherit] opacity-100 transition-opacity", o && "opacity-100", e > 0 && "blur-[var(--blur)] ", s, u && "!hidden"),
+		children: /* @__PURE__ */ I("div", { className: n("glow", "rounded-[inherit]", "after:content-[\"\"] after:rounded-[inherit] after:absolute after:inset-[calc(-1*var(--glowingeffect-border-width))]", "after:[border:var(--glowingeffect-border-width)_solid_transparent]", "after:[background:var(--gradient)] after:[background-attachment:fixed]", "after:opacity-[var(--active)] after:transition-opacity after:duration-300", "after:[mask-clip:padding-box,border-box]", "after:[mask-composite:intersect]", "after:[mask-image:linear-gradient(#0000,#0000),conic-gradient(from_calc((var(--start)-var(--spread))*1deg),#00000000_0deg,#fff,#00000000_calc(var(--spread)*2deg))]") })
+	})] });
+});
+Z.displayName = "GlowingEffect";
+// src/lib/videoPlayback.ts
+function xe(e) {
+	try {
+		let t = new URL(e);
+		return t.protocol === "https:" || t.protocol === "http:";
+	} catch {
+		return !1;
+	}
+}
+function Se(e) {
+	return e.iframe_src && xe(e.iframe_src) ? {
+		type: "inline",
+		src: e.iframe_src
+	} : {
+		type: "external",
+		url: e.url || ""
+	};
+}
+// src/lib/searchResultToDocument.ts
+function Ce(e) {
+	return {
+		pageContent: e.snippet || e.content || "",
+		metadata: {
+			title: e.title || "",
+			source: e.source || "",
+			thumbnail: e.thumbnail || "",
+			url: e.url || "",
+			...e.img_src && { img_src: e.img_src },
+			...e.iframe_src && { iframe_src: e.iframe_src }
+		}
+	};
+}
+// src/components/SearchResults/MessageSources.tsx
+var we = p.filter((e) => [
+	"general",
+	"news",
+	"videos",
+	"images",
+	"science",
+	"files"
+].includes(e.code)), Te = ({ sources: r, query: i }) => {
+	let [s, c] = P("general"), [l, u] = P(r), [d, f] = P(!1), [p, m] = P(!1), [h, g] = P(1), [_, v] = P(!0), [y, b] = P(!1), [x, S] = P(!1), [C, w] = P(null), T = N(null), E = N(!1), D = N(!1), { openPanel: O, isOpen: k } = o();
+	j(() => {
+		let e = () => {
+			S(localStorage.getItem("searchResultGlow") === "true");
+		};
+		return e(), window.addEventListener("client-config-changed", e), window.addEventListener("storage", e), () => {
+			window.removeEventListener("client-config-changed", e), window.removeEventListener("storage", e);
+		};
+	}, []);
+	let [M, R] = P({});
+	j(() => {
+		let e = () => {
+			b(window.innerWidth >= 1024);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), j(() => {
+		u(r), c("general"), g(1), v(!0), R({}), z(r);
+	}, [r]);
+	let z = A(async (e) => {
+		let t = e.filter((e) => e.metadata.url && e.metadata.url !== "File" && !e.metadata.iframe_src);
+		for (let e of t) try {
+			let { data: t } = await ge({ query: { url: e.metadata.url } });
+			t?.cached && t?.article?.html && R((t) => ({
+				...t,
+				[e.metadata.url]: "loaded"
+			}));
+		} catch {}
+	}, []);
+	j(() => {
+		if (typeof window < "u") {
+			let e = new URLSearchParams(window.location.search).get("extract");
+			e && (O(decodeURIComponent(e), ""), D.current = !1);
+		}
+	}, [O]), j(() => {
+		D.current = !1;
+	}, [r]), j(() => {
+		E.current && !k && (D.current = !0), E.current = k;
+	}, [k]), j(() => {
+		if (y && l && l.length > 0 && !k && !D.current) {
+			let e = l[0];
+			e?.metadata?.url && O(e.metadata.url, "");
+		}
+	}, [l, y]);
+	let B = async (e, t) => {
+		e.preventDefault(), D.current = !1, R((e) => ({
+			...e,
+			[t]: "loading"
+		})), O(t, "");
+		try {
+			await ge({ query: { url: t } }), R((e) => ({
+				...e,
+				[t]: "loaded"
+			}));
+		} catch {
+			R((e) => ({
+				...e,
+				[t]: "loaded"
+			}));
+		}
+	}, V = A(async () => {
+		if (!i || p || !_) return;
+		m(!0);
+		let e = h + 1, { data: t } = await he({ query: {
+			q: i,
+			cat: s,
+			page: e
+		} }), n = t?.results ?? [];
+		if (n.length === 0) {
+			v(!1), m(!1);
+			return;
+		}
+		let r = n.map((e) => {
+			if (e.url) try {
+				let t = new URL(e.url);
+				(t.pathname === "/" || t.pathname === "") && console.warn("[MessageSources] Search result URL is domain-only:", e.url, "Title:", e.title);
+			} catch {
+				console.error("[MessageSources] Invalid URL in search result:", e.url);
+			}
+			return Ce(e);
+		});
+		u((e) => [...e, ...r]), g(e), m(!1);
+	}, [
+		i,
+		s,
+		h,
+		p,
+		_
+	]), H = async (e) => {
+		if (e !== s && i) {
+			c(e), f(!0), g(1), v(!0);
+			try {
+				let { data: t } = await he({ query: {
+					q: i,
+					cat: e,
+					page: 1
+				} }), n = (t?.results ?? []).map((e) => {
+					if (e.url) try {
+						let t = new URL(e.url);
+						(t.pathname === "/" || t.pathname === "") && console.warn("[MessageSources] Category search result URL is domain-only:", e.url, "Title:", e.title);
+					} catch {
+						console.error("[MessageSources] Invalid URL in category search result:", e.url);
+					}
+					return Ce(e);
+				});
+				u(n);
+			} catch (e) {
+				console.error("Error searching:", e);
+			} finally {
+				f(!1);
+			}
+		}
+	};
+	j(() => {
+		let e = T.current;
+		if (!e) return;
+		let t = () => {
+			let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
+			n - t - r < 100 && V();
+		};
+		return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+	}, [V]);
+	let U = (e, t) => {
+		let n = s === "images", r = s === "videos", i = e.metadata.img_src || e.metadata.thumbnail;
+		if (n && i) return /* @__PURE__ */ I("div", {
+			className: "relative rounded-lg group",
+			children: /* @__PURE__ */ L("a", {
+				className: "relative block overflow-hidden rounded-lg cursor-pointer",
+				href: e.metadata.url,
+				onClick: (t) => B(t, e.metadata.url),
+				children: [/* @__PURE__ */ I("img", {
+					src: i,
+					alt: e.metadata.title,
+					className: "w-full h-auto object-cover rounded-lg hover:scale-105 transition-transform duration-200",
+					loading: "lazy"
+				}), /* @__PURE__ */ L("div", {
+					className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200",
+					children: [/* @__PURE__ */ I("p", {
+						className: "text-xs text-white line-clamp-2",
+						children: Y(e.metadata.title)
+					}), /* @__PURE__ */ I("p", {
+						className: "text-[10px] text-white/70 truncate mt-0.5",
+						children: e.metadata.source
+					})]
+				})]
+			})
+		}, t);
+		if (r && i) {
+			let n = Se(e.metadata), r = /* @__PURE__ */ L("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ I("img", {
+					src: i,
+					alt: e.metadata.title,
+					className: "w-full h-24 object-cover"
+				}), /* @__PURE__ */ I("div", {
+					className: "absolute inset-0 flex items-center justify-center",
+					children: /* @__PURE__ */ I("div", {
+						className: "w-10 h-10 bg-black/60 rounded-full flex items-center justify-center",
+						children: /* @__PURE__ */ I(pe, {
+							size: 18,
+							className: "text-white ml-0.5"
+						})
+					})
+				})]
+			}), a = /* @__PURE__ */ I("p", {
+				className: "text-xs line-clamp-2 p-2 text-muted-foreground",
+				children: Y(e.metadata.title)
+			});
+			return /* @__PURE__ */ L("div", {
+				className: "relative rounded-xl",
+				children: [/* @__PURE__ */ I(Z, {
+					spread: 40,
+					glow: !0,
+					disabled: !x,
+					proximity: 64,
+					inactiveZone: .01,
+					borderWidth: 2
+				}), n.type === "inline" ? /* @__PURE__ */ L("button", {
+					type: "button",
+					className: "relative w-full text-left bg-card text-card-foreground border border-border rounded-xl overflow-hidden flex flex-col cursor-pointer shadow-sm hover:shadow-md transition-all duration-200",
+					onClick: () => w({
+						src: n.src,
+						title: e.metadata.title
+					}),
+					children: [r, a]
+				}) : /* @__PURE__ */ L("a", {
+					className: "relative bg-card text-card-foreground border border-border rounded-xl overflow-hidden flex flex-col cursor-pointer shadow-sm hover:shadow-md transition-all duration-200",
+					href: n.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: [r, a]
+				})]
+			}, t);
+		}
+		let a = M[e.metadata.url];
+		return /* @__PURE__ */ L("div", {
+			className: "relative rounded-xl group h-full",
+			children: [/* @__PURE__ */ I(Z, {
+				spread: 40,
+				glow: !0,
+				disabled: !x,
+				proximity: 64,
+				inactiveZone: .01,
+				borderWidth: 2
+			}), /* @__PURE__ */ L("div", {
+				className: "relative bg-card text-card-foreground border border-border rounded-xl p-2.5 flex flex-col font-medium cursor-pointer shadow-sm hover:shadow-md transition-all duration-200 h-full",
+				onClick: (t) => B(t, e.metadata.url),
+				children: [
+					a && /* @__PURE__ */ I("div", {
+						className: "absolute top-1.5 left-1.5 p-1 rounded-md bg-background/80 backdrop-blur-sm z-[5]",
+						children: a === "loading" ? /* @__PURE__ */ I(q, {
+							size: 14,
+							className: "text-primary animate-spin"
+						}) : /* @__PURE__ */ I(K, {
+							size: 14,
+							className: "text-green-500"
+						})
+					}),
+					/* @__PURE__ */ I("a", {
+						href: e.metadata.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						onClick: (e) => e.stopPropagation(),
+						className: "absolute top-1.5 right-1.5 p-1 rounded-md bg-secondary/50 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-secondary z-10",
+						title: "Open in new tab",
+						children: /* @__PURE__ */ I(G, {
+							size: 12,
+							className: "text-muted-foreground"
+						})
+					}),
+					/* @__PURE__ */ L("p", {
+						className: "text-xs line-clamp-4 text-muted-foreground",
+						children: [
+							/* @__PURE__ */ L("span", {
+								className: "inline-flex items-center gap-1 font-semibold text-foreground/70 align-middle",
+								children: [e.metadata.url === "File" ? /* @__PURE__ */ I("span", {
+									className: "inline-flex items-center justify-center w-3.5 h-3.5 rounded-full bg-secondary flex-shrink-0",
+									children: /* @__PURE__ */ I(re, {
+										size: 10,
+										className: "text-muted-foreground"
+									})
+								}) : /* @__PURE__ */ I("img", {
+									src: `https://s2.googleusercontent.com/s2/favicons?domain_url=${e.metadata.url}`,
+									width: 20,
+									height: 20,
+									alt: "favicon",
+									className: "inline rounded h-5 w-5 flex-shrink-0"
+								}), e.metadata.source]
+							}),
+							" ",
+							/* @__PURE__ */ I("span", {
+								className: "align-middle",
+								children: Y(e.metadata.title)
+							})
+						]
+					})
+				]
+			})]
+		}, t);
+	};
+	return /* @__PURE__ */ L(F, { children: [
+		i && /* @__PURE__ */ I("div", {
+			className: "flex items-center gap-1 mb-3 overflow-x-auto pb-1",
+			children: we.map((e) => /* @__PURE__ */ L("button", {
+				onClick: () => H(e.code),
+				disabled: d,
+				className: n("flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 whitespace-nowrap", s === e.code ? "bg-primary text-primary-foreground" : "bg-secondary/50 text-muted-foreground hover:bg-secondary hover:text-foreground"),
+				children: [/* @__PURE__ */ I(e.icon, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ I("span", { children: e.name })]
+			}, e.code))
+		}),
+		/* @__PURE__ */ I("div", {
+			ref: T,
+			className: n("overflow-y-auto pb-2 pr-1", s === "images" ? "max-h-[400px] lg:max-h-[500px]" : "max-h-[180px] lg:max-h-[280px]"),
+			children: d ? /* @__PURE__ */ I("div", {
+				className: "flex items-center justify-center py-8",
+				children: /* @__PURE__ */ I(q, { className: "w-6 h-6 animate-spin text-muted-foreground" })
+			}) : l.length > 0 ? /* @__PURE__ */ L(F, { children: [
+				/* @__PURE__ */ I("div", {
+					className: n(s === "images" ? "columns-2 sm:columns-3 lg:columns-4 gap-2 [&>div]:mb-2 [&>div]:break-inside-avoid" : n("grid gap-3 auto-rows-fr", k && y ? "grid-cols-2" : "grid-cols-3")),
+					children: l.map((e, t) => U(e, t))
+				}),
+				p && /* @__PURE__ */ I("div", {
+					className: "flex items-center justify-center py-4",
+					children: /* @__PURE__ */ I(q, { className: "w-5 h-5 animate-spin text-muted-foreground" })
+				}),
+				!_ && l.length > 0 && /* @__PURE__ */ I("div", {
+					className: "flex items-center justify-center py-4 text-muted-foreground text-xs",
+					children: "No more results"
+				})
+			] }) : /* @__PURE__ */ I("div", {
+				className: "flex items-center justify-center py-8 text-muted-foreground text-sm",
+				children: "No results found"
+			})
+		}),
+		/* @__PURE__ */ I(a, {
+			open: C !== null,
+			onOpenChange: (e) => !e && w(null),
+			children: /* @__PURE__ */ L(t, {
+				className: "max-w-3xl p-0 overflow-hidden gap-0",
+				children: [/* @__PURE__ */ I(e, {
+					className: "sr-only",
+					children: C?.title || "Video player"
+				}), C && /* @__PURE__ */ I("iframe", {
+					src: C.src,
+					title: C.title || "Video player",
+					className: "w-full aspect-video",
+					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+					allowFullScreen: !0
+				})]
+			})
+		})
+	] });
+}, Ee = {
+	extract: "Extract",
+	arxiv: "ArXiv",
+	"google scholar": "Scholar",
+	pubmed: "PubMed",
+	wolframalpha: "Wolfram",
+	youtube: "YouTube",
+	Web: "Web"
+};
+function De(e) {
+	return e ? Ee[e] ?? e : "Web";
+}
+function Oe({ queries: e, loading: t }) {
+	let r = e.filter((e) => e.status === "done").length, i = e.length, a = t && e.some((e) => e.status === "running");
+	return t ? /* @__PURE__ */ L("div", {
+		className: "rounded-xl border border-border bg-secondary/20 overflow-hidden text-sm",
+		children: [/* @__PURE__ */ L("div", {
+			className: "flex items-center justify-between px-3 py-2 border-b border-border/50",
+			children: [/* @__PURE__ */ L("div", {
+				className: "flex items-center gap-2 text-muted-foreground",
+				children: [a ? /* @__PURE__ */ I(q, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ I(J, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ I("span", {
+					className: "font-medium text-foreground",
+					children: a ? "Running analysis…" : "Analysis complete"
+				})]
+			}), i > 0 && /* @__PURE__ */ L("span", {
+				className: "text-xs text-muted-foreground tabular-nums",
+				children: [
+					r,
+					"/",
+					i,
+					" searches"
+				]
+			})]
+		}), e.length > 0 && /* @__PURE__ */ I("div", {
+			className: "divide-y divide-border/40",
+			children: e.map((e, t) => /* @__PURE__ */ L("div", {
+				className: "flex items-center gap-2.5 px-3 py-2",
+				children: [e.status === "running" ? /* @__PURE__ */ I(q, { className: "w-3.5 h-3.5 text-muted-foreground animate-spin flex-shrink-0" }) : /* @__PURE__ */ I(J, { className: n("w-3.5 h-3.5 flex-shrink-0", e.status === "done" ? "text-muted-foreground" : "text-muted-foreground/40") }), /* @__PURE__ */ L("div", {
+					className: "flex items-baseline gap-1.5 min-w-0 flex-1",
+					children: [/* @__PURE__ */ L("span", {
+						className: "text-xs text-muted-foreground whitespace-nowrap flex-shrink-0",
+						children: [De(e.category), " ·"]
+					}), /* @__PURE__ */ I("span", {
+						className: "text-foreground/80 truncate",
+						children: e.query
+					})]
+				})]
+			}, t))
+		})]
+	}) : null;
+}
+// src/components/SearchResults/WebCitationBadge.tsx
+var ke = ({ href: e, children: t, sources: n }) => {
+	let { openPanel: r } = o(), i = M(() => !n || !e ? null : n.find((t) => t.metadata?.url === e) ?? null, [n, e]), a = M(() => {
+		try {
+			return new URL(e).hostname.replace("www.", "");
+		} catch {
+			return i?.metadata?.source || "";
+		}
+	}, [e, i]), s = i?.metadata?.title || "", d = `https://s2.googleusercontent.com/s2/favicons?domain_url=${e}`;
+	return /* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+		asChild: !0,
+		children: /* @__PURE__ */ I("a", {
+			href: e,
+			onClick: (t) => {
+				t.preventDefault(), r(e, "");
+			},
+			className: "bg-light-secondary dark:bg-dark-secondary px-1 rounded ml-1 no-underline text-xs text-black/70 dark:text-white/70 relative cursor-pointer hover:bg-black/10 dark:hover:bg-white/20 transition-colors",
+			children: t
+		})
+	}), /* @__PURE__ */ I(c, {
+		side: "top",
+		className: "max-w-72 p-2.5",
+		children: /* @__PURE__ */ L("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ I("img", {
+				src: d,
+				alt: "",
+				width: 16,
+				height: 16,
+				className: "rounded flex-shrink-0 mt-0.5"
+			}), /* @__PURE__ */ L("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ I("p", {
+					className: "text-xs font-medium leading-snug line-clamp-2",
+					children: s || a
+				}), s && /* @__PURE__ */ I("p", {
+					className: "text-[10px] opacity-70 truncate mt-0.5",
+					children: a
+				})]
+			})]
+		})
+	})] });
+}, Ae = ({ content: e, thinkingEnded: t }) => {
+	let [n, r] = P(!0);
+	return j(() => {
+		r(!t);
+	}, [t]), /* @__PURE__ */ L("div", {
+		className: "my-4 bg-secondary/50 rounded-xl border border-border overflow-hidden",
+		children: [/* @__PURE__ */ L("button", {
+			onClick: () => r(!n),
+			className: "w-full flex items-center justify-between px-4 py-1 text-foreground/90 hover:bg-secondary transition duration-200",
+			children: [/* @__PURE__ */ L("div", {
+				className: "flex items-center space-x-2",
+				children: [/* @__PURE__ */ I(B, {
+					size: 20,
+					className: "text-accent-foreground"
+				}), /* @__PURE__ */ I("p", {
+					className: "font-medium text-sm",
+					children: "Thinking Process"
+				})]
+			}), I(n ? ee : H, {
+				size: 18,
+				className: "text-muted-foreground"
+			})]
+		}), n && /* @__PURE__ */ I("div", {
+			className: "px-4 py-3 text-foreground/80 text-sm border-t border-border bg-muted/50 whitespace-pre-wrap",
+			children: e
+		})]
+	});
+}, je = ({ children: e, thinkingEnded: t }) => /* @__PURE__ */ I(Ae, {
+	content: e,
+	thinkingEnded: t
+}), Me = [
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"svg",
+	"bmp",
+	"avif"
+], Ne = (e) => {
+	let t = (e || "").toLowerCase();
+	return Me.includes(t) ? /* @__PURE__ */ I(se, { size: 15 }) : I(t === "url" ? ce : K, { size: 15 });
+}, Pe = ({ file: n }) => {
+	let { deleteAttachedFile: i } = d(), [o, s] = P(!1), [c, l] = P(!1);
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("div", {
+		className: "group inline-flex max-w-full items-center gap-2 rounded-lg border border-border bg-secondary/40 py-1.5 pl-2.5 pr-1.5 text-sm",
+		children: [
+			/* @__PURE__ */ I("span", {
+				className: "text-muted-foreground",
+				children: Ne(n.fileExtension)
+			}),
+			/* @__PURE__ */ I("span", {
+				className: "min-w-0 truncate font-medium text-foreground",
+				title: n.fileName,
+				children: n.fileName
+			}),
+			n.fileExtension && n.fileExtension !== "url" && /* @__PURE__ */ I("span", {
+				className: "hidden shrink-0 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground sm:inline",
+				children: n.fileExtension
+			}),
+			/* @__PURE__ */ I("button", {
+				type: "button",
+				"aria-label": `Delete ${n.fileName}`,
+				onClick: () => s(!0),
+				className: "shrink-0 rounded-md p-1 text-muted-foreground transition-colors hover:bg-red-500/10 hover:text-red-500",
+				children: /* @__PURE__ */ I(fe, { size: 14 })
+			})
+		]
+	}), /* @__PURE__ */ I(a, {
+		open: o,
+		onOpenChange: (e) => {
+			c || s(e);
+		},
+		children: /* @__PURE__ */ L(t, {
+			className: "w-full max-w-md rounded-2xl",
+			children: [
+				/* @__PURE__ */ I(e, {
+					className: "text-lg font-medium leading-6",
+					children: "Delete file"
+				}),
+				/* @__PURE__ */ L(r, {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Are you sure you want to delete",
+						" ",
+						/* @__PURE__ */ I("span", {
+							className: "font-medium text-foreground",
+							children: n.fileName
+						}),
+						"? This removes it from the conversation and permanently deletes the upload."
+					]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "mt-6 flex flex-row items-center justify-end gap-4",
+					children: [/* @__PURE__ */ I("button", {
+						type: "button",
+						onClick: () => !c && s(!1),
+						className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+						children: "Cancel"
+					}), /* @__PURE__ */ L("button", {
+						type: "button",
+						onClick: async () => {
+							l(!0);
+							try {
+								await i(n.fileId), s(!1);
+							} finally {
+								l(!1);
+							}
+						},
+						disabled: c,
+						className: "inline-flex items-center gap-1.5 text-sm text-red-500 transition-colors hover:text-red-600 disabled:opacity-60",
+						children: [c && /* @__PURE__ */ I(q, {
+							size: 14,
+							className: "animate-spin"
+						}), "Delete"]
+					})]
+				})
+			]
+		})
+	})] });
+}, Fe = ({ files: e }) => !e || e.length === 0 ? null : /* @__PURE__ */ I("div", {
+	className: "ml-10 mt-2 flex flex-wrap gap-2",
+	children: e.map((e) => /* @__PURE__ */ I(Pe, { file: e }, e.fileId))
+}), Ie = ({ section: e, isExpanded: t, setIsExpanded: r, isEditing: a, setIsEditing: o, editText: s, setEditText: d, handleEditSubmit: f, copiedUserMsg: p, handleCopyUserMsg: m }) => {
+	let h = N(null);
+	return /* @__PURE__ */ L("div", {
+		className: "w-full pt-8 break-words",
+		children: [
+			/* @__PURE__ */ L("button", {
+				onClick: () => r(!t),
+				className: "flex items-center gap-3 group text-left w-full",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex-shrink-0 p-1.5 rounded-lg bg-secondary/50 group-hover:bg-secondary transition-colors duration-200",
+					children: I(t ? H : U, {
+						size: 18,
+						className: "text-muted-foreground group-hover:text-foreground transition-colors"
+					})
+				}), /* @__PURE__ */ I("h2", {
+					className: "text-foreground font-medium text-lg lg:text-3xl lg:w-9/12 group-hover:text-foreground/80 transition-colors line-clamp-3 lg:line-clamp-none",
+					children: e.userMessage.content
+				})]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex items-center gap-0.5 mt-1 ml-10",
+				children: [
+					(() => {
+						let t = i(e.userMessage.createdAt);
+						return t ? /* @__PURE__ */ I("time", {
+							dateTime: new Date(e.userMessage.createdAt).toISOString(),
+							className: "mr-1.5 text-xs text-muted-foreground tabular-nums select-none",
+							children: t
+						}) : null;
+					})(),
+					/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+						asChild: !0,
+						children: /* @__PURE__ */ I("button", {
+							onClick: m,
+							className: "p-1.5 text-muted-foreground rounded-lg hover:bg-secondary transition-all duration-200 hover:text-foreground",
+							children: /* @__PURE__ */ I("span", {
+								className: n("flex items-center transition-all duration-300", p ? "scale-110" : "scale-100"),
+								children: p ? /* @__PURE__ */ I(V, {
+									size: 14,
+									className: "text-green-500"
+								}) : /* @__PURE__ */ I(W, { size: 14 })
+							})
+						})
+					}), /* @__PURE__ */ I(c, {
+						side: "bottom",
+						children: p ? "Copied!" : "Copy prompt"
+					})] }),
+					/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+						asChild: !0,
+						children: /* @__PURE__ */ I("button", {
+							onClick: () => {
+								d(e.userMessage.content), o(!0), setTimeout(() => h.current?.focus(), 50);
+							},
+							className: "p-1.5 text-muted-foreground rounded-lg hover:bg-secondary transition-all duration-200 hover:text-foreground",
+							children: /* @__PURE__ */ I(le, { size: 14 })
+						})
+					}), /* @__PURE__ */ I(c, {
+						side: "bottom",
+						children: "Edit & resubmit"
+					})] })
+				]
+			}),
+			/* @__PURE__ */ I(Fe, { files: e.userMessage.files }),
+			a && /* @__PURE__ */ L("div", {
+				className: "mt-3 ml-10 flex flex-col gap-2",
+				children: [/* @__PURE__ */ I("textarea", {
+					ref: h,
+					value: s,
+					onChange: (e) => d(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && !e.shiftKey && (e.preventDefault(), f()), e.key === "Escape" && o(!1);
+					},
+					rows: 3,
+					className: "w-full rounded-xl border border-border bg-background p-3 text-sm resize-none focus:outline-none focus:ring-2 focus:ring-primary/30 transition-colors"
+				}), /* @__PURE__ */ L("div", {
+					className: "flex gap-2 justify-end",
+					children: [/* @__PURE__ */ I("button", {
+						onClick: () => o(!1),
+						className: "px-3 py-1.5 text-sm text-muted-foreground rounded-lg hover:bg-secondary transition-colors duration-200",
+						children: "Cancel"
+					}), /* @__PURE__ */ I("button", {
+						onClick: f,
+						disabled: !s.trim(),
+						className: "px-3 py-1.5 text-sm bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
+						children: "Resubmit"
+					})]
+				})]
+			})
+		]
+	});
+}, Le = ({ section: e, initialMessage: t }) => {
+	let [n, r] = P(!1);
+	return /* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+		asChild: !0,
+		children: /* @__PURE__ */ I("button", {
+			onClick: () => {
+				let n = `${t}${e?.sourceMessage?.sources && e.sourceMessage.sources.length > 0 && `\n\nCitations:\n${e.sourceMessage.sources?.map((e, t) => `[${t + 1}] ${e.metadata.url}`).join("\n")}`}`;
+				navigator.clipboard.writeText(n), r(!0), setTimeout(() => r(!1), 1e3);
+			},
+			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: I(n ? V : W, { size: 18 })
+		})
+	}), /* @__PURE__ */ I(c, {
+		side: "bottom",
+		children: n ? "Copied!" : "Copy"
+	})] });
+};
+// src/ui/popover.tsx
+function Re({ ...e }) {
+	return /* @__PURE__ */ I(X.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function ze({ ...e }) {
+	return /* @__PURE__ */ I(X.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function Be({ className: e, align: t = "center", sideOffset: r = 4, container: i, ...a }) {
+	return /* @__PURE__ */ I(X.Portal, {
+		container: i,
+		children: /* @__PURE__ */ I(X.Content, {
+			"data-slot": "popover-content",
+			align: t,
+			sideOffset: r,
+			className: n("bg-popover text-popover-foreground 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]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-2xl border p-4 shadow-md outline-hidden", e),
+			...a
+		})
+	});
+}
+// src/components/MessageActions/RewriteMessageButton.tsx
+var Ve = ({ messageId: e }) => {
+	let { rewrite: t, chatModelProvider: r, setChatModelProvider: i } = d(), [a, o] = P([]), [s, f] = P(!0), [p, m] = P(""), [h, g] = P(!1);
+	j(() => {
+		h && (async () => {
+			try {
+				f(!0);
+				let { data: e } = await _e();
+				o(e?.providers ?? []);
+			} catch (e) {
+				console.error("Error loading providers:", e);
+			} finally {
+				f(!1);
+			}
+		})();
+	}, [h]);
+	let _ = M(() => {
+		if (!r?.providerId) return a;
+		let e = a.findIndex((e) => e.id === r.providerId);
+		return e === -1 ? a : [a[e], ...a.filter((t, n) => n !== e)];
+	}, [a, r]).map((e) => ({
+		...e,
+		chatModels: (e.chatModels ?? []).filter((t) => t.name.toLowerCase().includes(p.toLowerCase()) || e.name.toLowerCase().includes(p.toLowerCase()))
+	})).filter((e) => e.chatModels.length > 0), v = M(() => {
+		if (!r.key) return "Rewrite";
+		for (let e of a) {
+			let t = e.chatModels.find((e) => e.key === r.key);
+			if (t) return t.name;
+		}
+		return r.key;
+	}, [a, r.key]), y = (n, r) => {
+		i({
+			providerId: n,
+			key: r
+		}), localStorage.setItem("chatModelProviderId", n), localStorage.setItem("chatModelKey", r), g(!1), t(e);
+	};
+	return /* @__PURE__ */ L(Re, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+			asChild: !0,
+			children: /* @__PURE__ */ I(ze, {
+				asChild: !0,
+				children: /* @__PURE__ */ I("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__ */ I(z, { size: 18 })
+				})
+			})
+		}), /* @__PURE__ */ L(c, {
+			side: "bottom",
+			children: ["Rewrite with ", v]
+		})] }), /* @__PURE__ */ I(Be, {
+			className: "w-[280px] p-0",
+			align: "start",
+			side: "top",
+			sideOffset: 8,
+			children: /* @__PURE__ */ L("div", {
+				className: "bg-white dark:bg-[#212121] max-h-[400px] border rounded-2xl border-[#DDDDDD] dark:border-[#30302E] w-full flex flex-col shadow-2xl overflow-hidden",
+				children: [/* @__PURE__ */ I("div", {
+					className: "p-3 border-b border-[#EEEEEE] dark:border-[#30302E]",
+					children: /* @__PURE__ */ L("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ I(J, {
+							size: 14,
+							className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-400 dark:text-[#999999]"
+						}), /* @__PURE__ */ I("input", {
+							type: "text",
+							placeholder: "Search models...",
+							value: p,
+							onChange: (e) => m(e.target.value),
+							className: "w-full pl-9 pr-3 py-2 text-[13px] bg-bg-100 dark:bg-[#30302E] border border-bg-300 dark:border-[#404040] rounded-lg text-text-100 dark:text-[#ECECEC] placeholder:text-text-400 dark:placeholder:text-[#999999] focus:outline-none focus:ring-2 focus:ring-sky-500/20 focus:border-sky-500/30 transition-all"
+						})]
+					})
+				}), /* @__PURE__ */ I("div", {
+					className: "max-h-[320px] overflow-y-auto",
+					children: s ? /* @__PURE__ */ I("div", {
+						className: "flex items-center justify-center py-12",
+						children: /* @__PURE__ */ I(w.Loader2, {
+							className: "animate-spin text-text-400 dark:text-[#999999]",
+							size: 20
+						})
+					}) : _.length === 0 ? /* @__PURE__ */ I("div", {
+						className: "text-center py-12 px-4 text-text-400 dark:text-[#999999] text-sm",
+						children: p ? "No models found" : "No chat models configured"
+					}) : /* @__PURE__ */ I("div", {
+						className: "flex flex-col",
+						children: _.map((e, t) => /* @__PURE__ */ L("div", { children: [
+							/* @__PURE__ */ I("div", {
+								className: "px-4 py-2 sticky top-0 bg-white dark:bg-[#212121] border-b border-[#EEEEEE]/50 dark:border-[#30302E]/50",
+								children: /* @__PURE__ */ I("p", {
+									className: "text-[11px] text-text-400 dark:text-[#999999] uppercase tracking-wider font-medium",
+									children: e.name
+								})
+							}),
+							/* @__PURE__ */ I("div", {
+								className: "flex flex-col px-1.5 py-1.5 space-y-0.5",
+								children: e.chatModels.map((t) => /* @__PURE__ */ L("button", {
+									onClick: () => y(e.id, t.key),
+									type: "button",
+									className: n("px-3 py-2 flex items-center justify-between text-start duration-200 cursor-pointer transition rounded-xl group", r?.providerId === e.id && r?.key === t.key ? "bg-sky-50 dark:bg-sky-500/10" : "hover:bg-bg-100 dark:hover:bg-[#30302E]"),
+									children: [/* @__PURE__ */ L("div", {
+										className: "flex items-center space-x-2.5 min-w-0 flex-1",
+										children: [/* @__PURE__ */ I(te, {
+											size: 14,
+											className: n("shrink-0", r?.providerId === e.id && r?.key === t.key ? "text-sky-500" : "text-text-400 dark:text-[#999999] group-hover:text-text-300 dark:group-hover:text-[#B4B4B4]")
+										}), /* @__PURE__ */ I("p", {
+											className: n("text-[13px] truncate", r?.providerId === e.id && r?.key === t.key ? "text-sky-600 dark:text-sky-400 font-medium" : "text-text-200 dark:text-[#ECECEC] group-hover:text-text-100 dark:group-hover:text-white"),
+											children: t.name
+										})]
+									}), r?.providerId === e.id && r?.key === t.key && /* @__PURE__ */ I(w.Check, { className: "w-4 h-4 text-sky-500 shrink-0" })]
+								}, t.key))
+							}),
+							t < _.length - 1 && /* @__PURE__ */ I("div", { className: "h-px bg-[#EEEEEE] dark:bg-[#30302E] mx-2" })
+						] }, e.id))
+					})
+				})]
+			})
+		})]
+	});
+}, He = ({ section: e, speechStatus: t, isLoadingTTS: n = !1, start: r, stop: i, handleOpenInLLM: a }) => e.assistantMessage ? /* @__PURE__ */ I("div", {
+	className: "flex flex-row items-center justify-end w-full text-foreground py-4 -mx-2",
+	children: /* @__PURE__ */ L("div", {
+		className: "flex flex-row items-center space-x-1",
+		children: [
+			/* @__PURE__ */ I(Ve, { messageId: e.assistantMessage.messageId }),
+			/* @__PURE__ */ I(Le, {
+				initialMessage: e.assistantMessage.content,
+				section: e
+			}),
+			/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+				asChild: !0,
+				children: /* @__PURE__ */ I("button", {
+					onClick: () => {
+						t === "started" ? i() : r();
+					},
+					disabled: n,
+					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 disabled:opacity-50 disabled:cursor-not-allowed",
+					children: n ? /* @__PURE__ */ I(q, {
+						size: 18,
+						className: "animate-spin"
+					}) : I(t === "started" ? de : me, { size: 18 })
+				})
+			}), /* @__PURE__ */ I(c, {
+				side: "bottom",
+				children: n ? "Loading TTS..." : t === "started" ? "Stop" : "Read aloud"
+			})] }),
+			/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+				asChild: !0,
+				children: /* @__PURE__ */ I(h, {
+					asChild: !0,
+					children: /* @__PURE__ */ I("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__ */ I(ne, { size: 18 })
+					})
+				})
+			}), /* @__PURE__ */ I(c, {
+				side: "bottom",
+				children: "Export"
+			})] }), /* @__PURE__ */ L(y, {
+				align: "end",
+				side: "top",
+				children: [
+					/* @__PURE__ */ L(x, {
+						onClick: () => f(e.userMessage.content, e.assistantMessage.content),
+						children: [/* @__PURE__ */ I(K, { size: 16 }), "Markdown"]
+					}),
+					/* @__PURE__ */ L(x, {
+						onClick: () => m(e.userMessage.content, e.assistantMessage.content),
+						children: [/* @__PURE__ */ I(oe, { size: 16 }), "PDF"]
+					}),
+					/* @__PURE__ */ L(x, {
+						onClick: () => v(e.userMessage.content, e.assistantMessage.content),
+						children: [/* @__PURE__ */ I(ie, { size: 16 }), "DOCX"]
+					}),
+					/* @__PURE__ */ L(x, {
+						onClick: () => C(e.userMessage.content, e.assistantMessage.content),
+						children: [/* @__PURE__ */ I(ae, { size: 16 }), "Google Docs"]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(u, { children: [/* @__PURE__ */ I(l, {
+				asChild: !0,
+				children: /* @__PURE__ */ I(h, {
+					asChild: !0,
+					children: /* @__PURE__ */ I("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__ */ I(G, { size: 18 })
+					})
+				})
+			}), /* @__PURE__ */ I(c, {
+				side: "bottom",
+				children: "Open in LLM"
+			})] }), /* @__PURE__ */ L(y, {
+				align: "end",
+				side: "top",
+				children: [
+					/* @__PURE__ */ I(x, {
+						onClick: () => a("qwksearch"),
+						children: "QwkSearch"
+					}),
+					/* @__PURE__ */ I(x, {
+						onClick: () => a("claude"),
+						children: "Claude"
+					}),
+					/* @__PURE__ */ I(x, {
+						onClick: () => a("perplexity"),
+						children: "Perplexity"
+					}),
+					/* @__PURE__ */ I(x, {
+						onClick: () => a("gemini"),
+						children: "Google Gemini"
+					}),
+					/* @__PURE__ */ I(x, {
+						onClick: () => a("chatgpt"),
+						children: "ChatGPT"
+					})
+				]
+			})] })
+		]
+	})
+}) : null, Ue = ({ section: e, isLast: t, loading: n, sendMessage: r }) => {
+	let i = N([]);
+	return j(() => {
+		e.suggestions && e.suggestions.length > 0 && (i.current = e.suggestions.slice(0, 5));
+	}, [e.suggestions]), j(() => {
+		let e = (e) => {
+			let t = e.target;
+			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) return;
+			let n = e.key, a = parseInt(n);
+			a >= 1 && a <= 5 && i.current.length >= a && (e.preventDefault(), r(i.current[a - 1]));
+		};
+		if (t && i.current.length > 0) return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [t, r]), !e.suggestions || e.suggestions.length === 0 || !e.assistantMessage ? null : /* @__PURE__ */ I("div", {
+		className: "mt-8 pt-6 border-t border-border/50",
+		children: /* @__PURE__ */ I("div", {
+			className: "space-y-2",
+			children: e.suggestions?.slice(0, 5).map((e, t) => /* @__PURE__ */ I("button", {
+				onClick: () => r(e),
+				className: "group w-full px-4 py-4 text-left transition-all duration-200 cursor-pointer rounded-lg border border-border/50 hover:border-primary/30 hover:bg-accent/50 hover:shadow-sm",
+				children: /* @__PURE__ */ L("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ I(_, {
+							variant: "secondary",
+							className: "flex-shrink-0 h-6 w-6 p-0 flex items-center justify-center rounded-full text-sm font-semibold",
+							children: t + 1
+						}),
+						/* @__PURE__ */ I("p", {
+							className: "flex-1 text-base font-medium text-muted-foreground group-hover:text-primary transition-colors duration-200 leading-relaxed",
+							children: e
+						}),
+						/* @__PURE__ */ I(ue, {
+							size: 18,
+							className: "text-muted-foreground/60 group-hover:text-primary transition-colors duration-200 flex-shrink-0"
+						})
+					]
+				})
+			}, t))
+		})
+	});
+}, We = ({ section: e, dividerRef: t, isLast: r }) => {
+	let { loading: i, sendMessage: a } = d(), [o, s] = P(!0), [c, l] = P(!1), [u, f] = P(!1), [p, m] = P(e.userMessage.content), h = () => {
+		navigator.clipboard.writeText(e.userMessage.content), l(!0), setTimeout(() => l(!1), 1500);
+	}, g = () => {
+		p.trim() && (a(p.trim()), f(!1));
+	}, _ = e.parsedAssistantMessage || "", v = e.speechMessage || "", y = e.thinkingEnded, { speechStatus: b, start: x, stop: C, isLoading: w } = S(v, { enableInterrupt: !0 }), T = (t) => {
+		if (!e.assistantMessage) return;
+		let n = `${e.userMessage.content}\n\n${e.assistantMessage.content}`;
+		navigator.clipboard.writeText(n);
+		let r = {
+			qwksearch: "https://qwksearch.com/?q=",
+			claude: "https://claude.ai/new?q=",
+			perplexity: "https://www.perplexity.ai/?q=",
+			gemini: "https://gemini.google.com/?q=",
+			chatgpt: "https://chat.openai.com/?q="
+		}[t];
+		r && window.open(`${r}${encodeURIComponent(n)}`, "_blank");
+	}, E = { overrides: {
+		think: {
+			component: je,
+			props: { thinkingEnded: y }
+		},
+		citation: {
+			component: ke,
+			props: { sources: e.sourceMessage?.sources || [] }
+		},
+		table: { component: ({ children: e, ...t }) => /* @__PURE__ */ I("div", {
+			className: "not-prose -mx-2 my-4 max-w-full overflow-x-auto sm:mx-0",
+			children: /* @__PURE__ */ I("table", {
+				...t,
+				className: "w-max min-w-full border-collapse text-sm",
+				children: e
+			})
+		}) }
+	} };
+	return /* @__PURE__ */ L("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ I(Ie, {
+			section: e,
+			isExpanded: o,
+			setIsExpanded: s,
+			isEditing: u,
+			setIsEditing: f,
+			editText: p,
+			setEditText: m,
+			handleEditSubmit: g,
+			copiedUserMsg: c,
+			handleCopyUserMsg: h
+		}), /* @__PURE__ */ I("div", {
+			className: n("flex flex-col space-y-3 overflow-hidden transition-all duration-300 ease-in-out", o ? "max-h-[100000px] opacity-100" : "max-h-0 opacity-0"),
+			children: /* @__PURE__ */ L("div", {
+				ref: t,
+				className: "flex flex-col space-y-6 w-full",
+				children: [
+					e.searchingMessage && e.searchingMessage.queries.length > 0 && /* @__PURE__ */ I(Oe, {
+						queries: e.searchingMessage.queries,
+						loading: i && r
+					}),
+					e.sourceMessage && e.sourceMessage.sources.length > 0 && /* @__PURE__ */ I("div", {
+						className: "flex flex-col space-y-2",
+						children: /* @__PURE__ */ I(Te, {
+							sources: e.sourceMessage.sources,
+							query: e.userMessage.content
+						})
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "flex min-w-0 flex-col space-y-2",
+						children: e.assistantMessage && /* @__PURE__ */ L(F, { children: [
+							/* @__PURE__ */ I(ye, {
+								className: n("prose prose-lg prose-h1:mb-3 prose-h2:mb-2 prose-h2:mt-6 prose-h2:font-[800] prose-h3:mt-4 prose-h3:mb-1.5 prose-h3:font-[600] dark:prose-invert prose-p:leading-loose prose-pre:p-0 font-[400]", "min-w-0 max-w-none break-words text-foreground font-inter"),
+								options: E,
+								children: _
+							}),
+							i && r ? null : /* @__PURE__ */ I(He, {
+								section: e,
+								speechStatus: b,
+								isLoadingTTS: w,
+								start: x,
+								stop: C,
+								handleOpenInLLM: T
+							}),
+							/* @__PURE__ */ I(Ue, {
+								section: e,
+								isLast: r,
+								loading: i,
+								sendMessage: a
+							})
+						] })
+					})
+				]
+			})
+		})]
+	});
+}, Ge = [
+	"default",
+	"circle",
+	"pinwheel",
+	"circle-filled",
+	"ellipsis",
+	"ring",
+	"bars",
+	"infinite"
+], Ke = "M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z", Q = {
+	transformBox: "view-box",
+	transformOrigin: "center"
+}, qe = [
+	[
+		12,
+		2,
+		12,
+		6
+	],
+	[
+		16.24,
+		7.76,
+		19.07,
+		4.93
+	],
+	[
+		18,
+		12,
+		22,
+		12
+	],
+	[
+		16.24,
+		16.24,
+		19.07,
+		19.07
+	],
+	[
+		12,
+		18,
+		12,
+		22
+	],
+	[
+		4.93,
+		19.07,
+		7.76,
+		16.24
+	],
+	[
+		2,
+		12,
+		6,
+		12
+	],
+	[
+		4.93,
+		4.93,
+		7.76,
+		7.76
+	]
+], Je = (e) => {
+	switch (e) {
+		case "circle": return /* @__PURE__ */ I("g", {
+			className: "animate-spin",
+			style: Q,
+			children: /* @__PURE__ */ I("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+		});
+		case "pinwheel": return /* @__PURE__ */ L("g", {
+			className: "animate-spin",
+			style: Q,
+			children: [
+				/* @__PURE__ */ I("path", { d: "M22 12a1 1 0 0 1-10 0 1 1 0 0 0-10 0" }),
+				/* @__PURE__ */ I("path", { d: "M7 20.7a1 1 0 1 1 5-8.7 1 1 0 1 0 5-8.6" }),
+				/* @__PURE__ */ I("path", { d: "M7 3.3a1 1 0 1 1 5 8.6 1 1 0 1 0 5 8.6" }),
+				/* @__PURE__ */ I("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				})
+			]
+		});
+		case "circle-filled": return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9",
+			opacity: "0.2"
+		}), /* @__PURE__ */ I("g", {
+			className: "animate-spin",
+			style: Q,
+			children: /* @__PURE__ */ I("path", { d: "M21 12a9 9 0 0 0-9-9" })
+		})] });
+		case "ellipsis": return /* @__PURE__ */ I("g", {
+			fill: "currentColor",
+			stroke: "none",
+			children: [
+				4,
+				12,
+				20
+			].map((e, t) => /* @__PURE__ */ I("circle", {
+				cx: e,
+				cy: "12",
+				r: "2.5",
+				children: /* @__PURE__ */ I("animate", {
+					attributeName: "cy",
+					values: "12;7.5;12",
+					keyTimes: "0;0.5;1",
+					dur: "1.2s",
+					begin: `${t * .16}s`,
+					repeatCount: "indefinite"
+				})
+			}, e))
+		});
+		case "ring": return /* @__PURE__ */ I(F, { children: [0, -.8].map((e) => /* @__PURE__ */ L("circle", {
+			cx: "12",
+			cy: "12",
+			r: "2",
+			children: [/* @__PURE__ */ I("animate", {
+				attributeName: "r",
+				values: "2;11",
+				dur: "1.6s",
+				begin: `${e}s`,
+				repeatCount: "indefinite"
+			}), /* @__PURE__ */ I("animate", {
+				attributeName: "opacity",
+				values: "1;0",
+				dur: "1.6s",
+				begin: `${e}s`,
+				repeatCount: "indefinite"
+			})]
+		}, e)) });
+		case "bars": return /* @__PURE__ */ I("g", {
+			fill: "currentColor",
+			stroke: "none",
+			children: [
+				2.5,
+				10,
+				17.5
+			].map((e, t) => /* @__PURE__ */ L("rect", {
+				x: e,
+				y: "8",
+				width: "4",
+				height: "8",
+				rx: "1.5",
+				children: [/* @__PURE__ */ I("animate", {
+					attributeName: "height",
+					values: "8;18;8",
+					keyTimes: "0;0.5;1",
+					dur: "1.1s",
+					begin: `${t * .18}s`,
+					repeatCount: "indefinite"
+				}), /* @__PURE__ */ I("animate", {
+					attributeName: "y",
+					values: "8;3;8",
+					keyTimes: "0;0.5;1",
+					dur: "1.1s",
+					begin: `${t * .18}s`,
+					repeatCount: "indefinite"
+				})]
+			}, e))
+		});
+		case "infinite": return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("path", {
+			d: Ke,
+			opacity: "0.2"
+		}), /* @__PURE__ */ I("path", {
+			d: Ke,
+			pathLength: "100",
+			strokeDasharray: "25 75",
+			children: /* @__PURE__ */ I("animate", {
+				attributeName: "stroke-dashoffset",
+				values: "100;0",
+				dur: "1.5s",
+				repeatCount: "indefinite"
+			})
+		})] });
+		default: return /* @__PURE__ */ I("g", {
+			className: "animate-spin",
+			style: Q,
+			children: qe.map(([e, t, n, r], i) => /* @__PURE__ */ I("line", {
+				x1: e,
+				y1: t,
+				x2: n,
+				y2: r,
+				opacity: 1 - i * .1
+			}, `${e}-${t}`))
+		});
+	}
+}, Ye = ({ variant: e = "default", size: t = 24, className: r, ...i }) => /* @__PURE__ */ I("svg", {
+	"aria-hidden": "true",
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	width: t,
+	height: t,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: n("shrink-0", r),
+	...i,
+	children: Je(e)
+}), Xe = "quantumSphere", Ze = "spinner:", Qe = /* @__PURE__ */ new Set([
+	"loadingSpokes",
+	"loadingCircleNotch",
+	"loadingPinwheel",
+	"loadingCircleTrack",
+	"loadingDotsBounce",
+	"loadingPulseRing",
+	"loadingEqualizerBars",
+	"loadingInfiniteDash"
+]), $e = Object.fromEntries(Object.entries(be).filter(([e, t]) => typeof t == "function" && e.startsWith("loading") && !Qe.has(e))), et = [
+	Xe,
+	...Ge.map((e) => `${Ze}${e}`),
+	...Object.keys($e).sort()
+], $;
+function tt() {
+	let e = et.filter((e) => e !== $), t = e.length > 0 ? e : et;
+	return $ = t[Math.floor(Math.random() * t.length)], $;
+}
+function nt(e) {
+	if (!e.startsWith("spinner:")) return;
+	let t = e.slice(8);
+	return Ge.find((e) => e === t);
+}
+function rt(e, t) {
+	let n = $e[e];
+	return n ? n({
+		size: t,
+		raw: !0
+	}) : "";
+}
+// src/components/ChatConversation/RandomLoadingAnimation.tsx
+var it = ({ size: e = 140, className: t }) => {
+	let [r, i] = P(null);
+	j(() => {
+		i(tt());
+	}, []);
+	let a = r ? nt(r) : void 0;
+	return /* @__PURE__ */ I("div", {
+		role: "status",
+		"aria-label": "Loading",
+		className: n("flex items-center justify-center w-full h-[200px]", t),
+		children: r === "quantumSphere" ? /* @__PURE__ */ I(ve, { autoRandomize: !0 }) : a ? /* @__PURE__ */ I(Ye, {
+			variant: a,
+			size: e,
+			className: "text-muted-foreground"
+		}) : r ? /* @__PURE__ */ I("div", {
+			className: "flex items-center justify-center",
+			dangerouslySetInnerHTML: { __html: rt(r, e) }
+		}) : null
+	});
+}, at = O(() => import("./ArticleExtractPanel-D_y16YHG.js")), ot = () => {
+	let { sections: e, chatTurns: t, loading: n, messageAppeared: r, newChat: i, chatId: a } = d(), { isOpen: c, panelWidth: l } = o(), { isAuthenticated: u } = s(), [f, p] = P(!1);
+	j(() => {
+		c && p(!0);
+	}, [c]);
+	let [m, h] = P(!1), _ = N(null), v = N(null), y = N(!1);
+	j(() => {
+		let e = () => {
+			h(window.innerWidth >= 1024);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), j(() => {
+		t.length === 1 && (document.title = `${t[0].content.substring(0, 30)} - ${T.appName}`), t[t.length - 1]?.role === "user" && (y.current = !0, v.current?.scrollIntoView({ behavior: "auto" }), setTimeout(() => {
+			y.current = !1;
+		}, 100));
+	}, [t]);
+	let b = m && c ? { width: `calc(100% - ${l}px)` } : {};
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("div", {
+		className: "flex flex-col min-h-full transition-all duration-300",
+		style: b,
+		children: [/* @__PURE__ */ L("div", {
+			className: `flex-1 flex flex-col space-y-3 pb-48 ${m && !c ? "px-0 max-w-[800px] mx-auto w-full" : "px-4 lg:px-8"}`,
+			children: [
+				e.map((t, n) => {
+					let r = n === e.length - 1;
+					return /* @__PURE__ */ L(E, { children: [/* @__PURE__ */ I(We, {
+						section: t,
+						sectionIndex: n,
+						dividerRef: r ? _ : void 0,
+						isLast: r
+					}), !r && /* @__PURE__ */ I("div", { className: "h-px w-full bg-light-secondary dark:bg-dark-secondary" })] }, t.userMessage.messageId);
+				}),
+				n && !r && /* @__PURE__ */ I(it, {}),
+				/* @__PURE__ */ I("div", {
+					ref: v,
+					className: "h-0"
+				})
+			]
+		}), /* @__PURE__ */ I("div", {
+			className: "sticky bottom-[60px] md:bottom-0 z-40 bg-gradient-to-t from-background via-background to-transparent pt-4 pb-2",
+			children: /* @__PURE__ */ I(g, {})
+		})]
+	}), (f || c) && /* @__PURE__ */ I(D, {
+		fallback: null,
+		children: /* @__PURE__ */ I(at, {})
+	})] });
+};
+export { ot as default };