research-agent-ui 0.1.292 → 0.1.294

package/README.md

@@ -20,6 +20,10 @@
 </p>
 <!-- template-git-repo:badges:end -->
 
+<!-- skills:install:start -->
+**🤖 Agent skill** — `npx skills@latest add https://github.com/OpenSourceAGI/qwksearch-research-agent --skill research-agent-ui` ([what it covers](../../skills/research-agent-ui/SKILL.md))
+<!-- skills:install:end -->
+
 # research-agent-ui
 
 
@@ -70,7 +74,7 @@ import { QwkSearchProviders, openSpotlight } from 'research-agent-ui';
 </QwkSearchProviders>;
 
 // …and from a button somewhere in your own chrome:
-<button onClick={() => openSpotlight()}>Search everything</button>;
+<button onClick={() => openSpotlight()}>Search </button>;
 ```
 
 Rows that open a chat or a settings section go through `onOpenChat` /
@@ -296,6 +300,43 @@ export const dynamic = "force-dynamic";
 export const POST = handleChatRequest;
 ```
 
+## Embedding on another site: "Sign in with QwkSearch"
+
+A site that embeds the research agent has no QwkSearch session cookie, so by
+default the embed runs as a guest. `createQwkSearchConnectAuthClient` makes the
+login button go through QwkSearch's OAuth-style consent screen
+(`https://qwksearch.com/connect`, authorization code + PKCE) instead. Your
+server finishes the exchange at `POST https://qwksearch.com/api/connect/token`,
+stores the returned API key against your own user, and hands it back to the
+embed; every request the embed then makes to `qwksearch.com/api/` carries it as
+`X-API-Key`, so chats, history and the user's QwkSearch plan work in the embed.
+
+```tsx
+import { SessionProvider, createQwkSearchConnectAuthClient } from 'research-agent-ui';
+
+const authClient = createQwkSearchConnectAuthClient({
+  sessionUrl: '/api/qwksearch/session',      // GET  -> { connected, user, apiKey, plan, upgradeUrl }
+  connectUrl: '/api/qwksearch/connect',      // GET  -> PKCE + redirect to qwksearch.com/connect
+  disconnectUrl: '/api/qwksearch/disconnect' // POST -> forget the stored key
+});
+
+<SessionProvider authClient={authClient} enableGoogleOneTap={false}>…</SessionProvider>
+```
+
+The flow, from your server's side:
+
+1. Make a PKCE verifier, keep it (an httpOnly cookie), and redirect to
+   `https://qwksearch.com/connect?redirect_uri=<your callback>&state=<random>&code_challenge=<S256>&code_challenge_method=S256`.
+2. QwkSearch signs the user in if needed and asks them to allow the link, then
+   redirects to `redirect_uri?code=…&state=…` (or `?error=access_denied`).
+3. `POST /api/connect/token` with `{ code, redirect_uri, code_verifier }` →
+   `{ api_key, user, plan, upgrade_url }`.
+4. `GET /api/connect/me` with the key as `X-API-Key` refreshes the profile and
+   plan later — e.g. after the user follows `upgrade_url` to upgrade.
+
+`redirect_uri` must be on QwkSearch's allowlist (debate-ai.com, ebate.app and localhost
+by default; more via the `QWKSEARCH_CONNECT_ORIGINS` env var on qwksearch-web).
+
 ## Configuration
 
 `configureResearchAgentUI` overrides app-specific values (branding strings,

package/dist/ArticleExtractPanel-25tRTnpl.cjs

@@ -0,0 +1,2 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./dialog-7GDz0sWx.cjs"),n=require("./tooltip-DmUO6ZUz.cjs"),r=require("./src-ebmQu_if.cjs"),i=require("./config.cjs");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("sonner"),c=require("qwksearch-api-client");var l=a.forwardRef(({className:e,...n},r)=>(0,o.jsx)(`span`,{ref:r,className:t.o(`absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0`,e),style:{clip:`rect(0, 0, 0, 0)`,clipPath:`inset(50%)`},...n}));l.displayName=`VisuallyHidden`;function u(e){return e instanceof Error&&e.name===`AbortError`}async function ee(e,t){if(t.share)try{return await t.share(e),`shared`}catch(e){if(u(e))return`cancelled`}return await t.writeText(e.url),`copied`}var d=e=>{let{isOpen:u,url:d,searchText:te,suggestQuestions:f,panelWidth:ne,setPanelWidth:p,closePanel:re}=n.a(),{isAuthenticated:ie}=n.c(),{chatModelProvider:m}=n.u(),h=e.isOpen===void 0?u:e.isOpen,g=e.onClose||re,_=e.url||d,ae=e.searchText===void 0?te:e.searchText,[v,y]=(0,a.useState)(null),[b,oe]=(0,a.useState)([]),[se,x]=(0,a.useState)(!1),[ce,S]=(0,a.useState)(!1),[C,w]=(0,a.useState)(i.researchAgentUIConfig.defaultSummarizePrompt),[le,T]=(0,a.useState)(!1),[E,ue]=(0,a.useState)(!1),[D,de]=(0,a.useState)(!1),[O,fe]=(0,a.useState)(``),[k,pe]=(0,a.useState)(``),[me,A]=(0,a.useState)([]),[he,ge]=(0,a.useState)(``),[j,M]=(0,a.useState)(!1),[_e,N]=(0,a.useState)(!1),[P,F]=(0,a.useState)(!1),[I,ve]=(0,a.useState)(!1),[ye,be]=(0,a.useState)(ne),[L,R]=(0,a.useState)(!1),[xe,z]=(0,a.useState)(!1),[B,V]=(0,a.useState)(1),Se=(0,a.useRef)(null),H=(0,a.useRef)({}),U=.5,W=1.8,G=.1;(0,a.useEffect)(()=>{let e=parseFloat(localStorage.getItem(`articleFontScale`)||``);Number.isNaN(e)||V(Math.min(W,Math.max(U,e)))},[]);let K=e=>{let t=Math.min(W,Math.max(U,Math.round(e*100)/100));V(t);try{localStorage.setItem(`articleFontScale`,String(t))}catch(e){console.error(`Error storing article font scale:`,e)}},q=()=>K(B+G),J=()=>K(B-G),Y=()=>K(1);(0,a.useEffect)(()=>{let e=()=>{ve(window.innerWidth>=1024)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),(0,a.useEffect)(()=>{let e=e=>{if(!L)return;let t=window.innerWidth-e.clientX,n=Math.max(400,Math.min(t,window.innerWidth-100));be(n),p(n)},t=()=>{R(!1)};return L&&(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=``}},[L,p]),(0,a.useEffect)(()=>{h&&_?(z(!1),Ce()):h||z(!1)},[h,_]);let Ce=async()=>{console.log(`[ArticleExtractPanel] Extracting URL:`,_);try{let e=new URL(_);if([/^https?:\/\/(www\.)?google\.[^/]+\/search/i,/^https?:\/\/(www\.)?bing\.com\/search/i,/^https?:\/\/(www\.)?duckduckgo\.com\/\?/i].some(e=>e.test(_))){s.toast.error(`Cannot extract articles from search result pages`),T(!1),z(!0);return}(e.pathname===`/`||e.pathname===``)&&(console.error(`[ArticleExtractPanel] URL is domain-only, missing article path:`,_),s.toast.error(`Invalid article URL - only domain provided`))}catch(e){console.error(`[ArticleExtractPanel] Invalid URL format:`,_,e)}T(!0);try{let{data:e}=await(0,c.getArticle)({query:{url:_}}),t=e?.article,n=t?.html?.replace(/<[^>]*>/g,``).trim()||``;t?.error||n.length<20?(document.dispatchEvent(new CustomEvent(`onInvokeChromeAPI`,{detail:{type:`extractURL`,url:_}})),await Promise.race([new Promise(e=>{let t=async n=>{window.removeEventListener(`onExtractionResult`,t);let{data:r}=await(0,c.getArticle)({query:{url:_}}),i=r?.article;i&&(y(i),i.followUpQuestions?.length>0?A(i.followUpQuestions):f&&(A([]),Z(`suggest-followups`,{source:i}))),e()};window.addEventListener(`onExtractionResult`,t)}),new Promise(e=>setTimeout(e,1e4))])):(y(t),t?.followUpQuestions&&t.followUpQuestions.length>0?A(t.followUpQuestions):f&&t&&(A([]),Z(`suggest-followups`,{source:t}))),ie&&we()}catch(e){console.error(`[ArticleExtractPanel] Error extracting URL:`,e),s.toast.error(`Failed to load article`)}finally{T(!1),z(!0)}},we=async()=>{try{let{data:e}=await(0,c.listFavorites)(),t=e?.favorites?.some(e=>e.url===_);M(!!t)}catch(e){console.error(`Error checking favorite status:`,e)}},X=async()=>{if(v){N(!0);try{j?(await(0,c.removeFavorite)({query:{url:_}}),M(!1),s.toast.info(`Removed from favorites`)):(await(0,c.addFavorite)({body:{url:v.url||_,title:v.title,cite:v.cite,author:v.author,author_cite:v.author_cite,date:v.date,source:v.source,word_count:v.word_count,html:v.html}}),M(!0),s.toast.success(`Added to favorites`))}catch(e){console.error(`Error toggling favorite:`,e),s.toast.error(`Failed to toggle favorite`)}finally{N(!1)}}},Te=()=>{if(m?.key&&m?.providerId)return m;try{let e=localStorage.getItem(`chatModelKey`)||``,t=localStorage.getItem(`chatModelProviderId`)||``;if(e&&t)return{key:e,providerId:t}}catch(e){console.error(`Error reading persisted chat model:`,e)}return m},Z=async(e,{source:t=v,question:n=C}={})=>{if(!t)return;let r=Te(),a=t.html?.replace(/<[^>]*>?/g,``).slice(0,i.researchAgentUIConfig.maxArticleLength),o=e===`question`,s=o?ue:de,l=o?pe:ge;s(!0),l(``);try{if(o){let e=[ae,n].filter(Boolean).join(`
+`);if(!a||a.length===0)throw Error(`Article content is empty`);let{data:t,error:i}=await(0,c.articleQa)({body:{article:a,question:e,chatHistory:b.slice(-5),chatModel:r}});if(i){let e=i.details||i.error||i.message||`Article QA failed`;throw Error(e)}let o=t?.content||``;fe(o),oe(e=>[...e,{role:`user`,content:n,time:new Date().toISOString()},{role:`assistant`,content:o,time:new Date().toISOString()}]);try{await(0,c.updateArticle)({body:{url:_,question:n,answer:o}})}catch(e){console.error(`Error storing Q&A in cache:`,e)}}else{let e=parseInt(localStorage.getItem(`maxFollowupQuestions`)||`4`);if(!a||a.length===0)throw Error(`Article content is empty`);let{data:t,error:n}=await(0,c.articleFollowups)({body:{article:a,chatHistory:b.slice(-5),maxQuestions:e,chatModel:r}});if(n){let e=n.details||n.error||n.message||`Article followups failed`;throw Error(e)}let i=t?.extract||[];A(i);try{await(0,c.updateArticle)({body:{url:_,followUpQuestions:i}})}catch(e){console.error(`Error storing follow-up questions in cache:`,e)}}}catch(e){console.error(`Error calling language API:`,e),l(e instanceof Error||typeof e==`object`&&e&&`message`in e?e.message:`Failed to get AI response`)}finally{s(!1)}},Ee=e=>{w(e),Z(`question`,{question:e})},Q=async()=>{if(!v)return;let e=`${O}\n\n\n${v.cite||``}\n\n\n${v.html}`;try{await navigator.clipboard.writeText(e),x(!0),setTimeout(()=>x(!1),2e3)}catch(e){console.error(`Failed to copy to clipboard:`,e)}},De=async()=>{let e=v?.url||_;if(e)try{await ee({title:v?.title,text:v?.cite,url:e},{share:typeof navigator<`u`&&navigator.share?e=>navigator.share(e):void 0,writeText:e=>navigator.clipboard.writeText(e)})===`copied`&&(S(!0),setTimeout(()=>S(!1),2e3))}catch(e){console.error(`Failed to share article:`,e)}};H.current={ask:()=>Z(`question`),suggest:()=>Z(`suggest-followups`),copy:Q,highlight:()=>F(e=>!e),favorite:X,open:()=>{let e=v?.url||_;e&&window.open(e,`_blank`,`noopener,noreferrer`)},zoomIn:q,zoomOut:J,zoomReset:Y,close:g},(0,a.useEffect)(()=>{if(!h)return;let e=e=>/^[a-z]$/.test(e)?`Key${e.toUpperCase()}`:/^[0-9]$/.test(e)?`Digit${e}`:e===`-`?`Minus`:e===`=`?`Equal`:e,t={};Object.keys(r.D).forEach(n=>{let{alt:i,key:a}=r.D[n];i&&(t[e(a.toLowerCase())]=n)});let n=e=>{if(e.key===`Escape`){H.current.close?.();return}if(!e.altKey||e.ctrlKey||e.metaKey)return;let n=e.target;if(n&&(n.tagName===`INPUT`||n.tagName===`TEXTAREA`||n.isContentEditable))return;let r=t[e.code];if(!r)return;let i=H.current[r];i&&(e.preventDefault(),i())};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[h]);let $=()=>(0,o.jsxs)(`div`,{className:`flex h-full flex-col bg-background shadow-xl`,children:[(0,o.jsx)(`div`,{className:`shrink-0 border-b border-border bg-background/95 px-4 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/80`,children:(0,o.jsx)(r.O,{isLoadingAI:E,isLoadingFollowups:D,isLoadingFavorite:_e,isFavorited:j,isHighlightMode:P,articleUrl:v?.url||_,fontScale:B,onAskClick:()=>Z(`question`),onSuggestClick:()=>Z(`suggest-followups`),onCopyClick:Q,onShareClick:De,onFavoriteClick:X,onHighlightToggle:()=>F(!P),onZoomIn:q,onZoomOut:J,onZoomReset:Y,onClose:g})}),(0,o.jsx)(`div`,{className:`flex-1 overflow-y-auto`,children:(0,o.jsxs)(`div`,{className:`p-4 space-y-6`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[se&&(0,o.jsx)(`div`,{className:`bg-blue-500 text-white text-sm font-medium px-3 py-2 rounded-md shadow-lg`,children:`Copied!`}),ce&&(0,o.jsx)(`div`,{className:`bg-blue-500 text-white text-sm font-medium px-3 py-2 rounded-md shadow-lg`,children:`Link copied!`}),(0,o.jsx)(r.E,{value:C,onChange:w,onSubmit:()=>Z(`question`)}),(0,o.jsx)(r.T,{questions:me,isLoading:D,error:he,onQuestionClick:Ee}),b.length>0&&(0,o.jsx)(`div`,{className:`space-y-4`,children:b.map((e,t)=>(0,o.jsx)(`div`,{className:`space-y-2`,children:e.role===`user`?(0,o.jsxs)(`div`,{className:`bg-primary/10 border border-primary/20 rounded-lg p-3`,children:[(0,o.jsx)(`div`,{className:`text-xs font-semibold text-primary mb-1`,children:`Your Question`}),(0,o.jsx)(`div`,{className:`text-sm text-foreground`,children:e.content})]}):(0,o.jsxs)(`div`,{className:`bg-muted rounded-lg shadow-md p-4`,children:[(0,o.jsx)(`div`,{className:`text-xs font-semibold text-muted-foreground mb-2`,children:`AI Response`}),(0,o.jsx)(`div`,{className:`text-sm`,dangerouslySetInnerHTML:{__html:e.content}})]})},t))}),(E||O&&b.length===0)&&(0,o.jsx)(r.w,{response:O,isLoading:E,error:k}),k&&!E&&(0,o.jsx)(`div`,{className:`bg-red-500 text-white p-2 rounded-md text-sm`,children:k})]}),v&&(0,o.jsx)(r.S,{article:v,isHighlightMode:P,fontScale:B})]})})]});return!h||!xe?null:I?(0,o.jsxs)(`div`,{className:`fixed top-0 right-0 h-screen z-40 transition-all duration-300`,style:{width:`${ye}px`},children:[(0,o.jsx)(`div`,{ref:Se,onMouseDown:()=>R(!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:(0,o.jsx)(`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`})}),$()]}):(0,o.jsx)(t.t,{open:h,onOpenChange:e=>!e&&g(),children:(0,o.jsxs)(t.n,{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:[(0,o.jsx)(l,{children:(0,o.jsx)(t.i,{children:`Article Details`})}),(0,o.jsx)(`div`,{className:`h-full overflow-y-auto`,children:$()})]})})};exports.default=d;

package/dist/ArticleExtractPanel-D_y16YHG.js

@@ -0,0 +1,389 @@
+import { i as e, n as t, o as n, t as r } from "./dialog-Cufn2u50.js";
+import { a as i, c as a, u as o } from "./tooltip-Bl3IdX-I.js";
+import { D as s, E as ee, O as te, S as ne, T as re, w as ie } from "./src-GPr1ceY8.js";
+import { researchAgentUIConfig as ae } from "./config.mjs";
+import * as c from "react";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { toast as m } from "sonner";
+import { addFavorite as oe, articleFollowups as se, articleQa as ce, getArticle as h, listFavorites as le, removeFavorite as ue, updateArticle as g } from "qwksearch-api-client";
+// src/ui/visually-hidden.tsx
+var _ = c.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ f("span", {
+	ref: r,
+	className: n("absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", e),
+	style: {
+		clip: "rect(0, 0, 0, 0)",
+		clipPath: "inset(50%)"
+	},
+	...t
+}));
+_.displayName = "VisuallyHidden";
+// src/lib/shareArticle.ts
+function v(e) {
+	return e instanceof Error && e.name === "AbortError";
+}
+async function de(e, t) {
+	if (t.share) try {
+		return await t.share(e), "shared";
+	} catch (e) {
+		if (v(e)) return "cancelled";
+	}
+	return await t.writeText(e.url), "copied";
+}
+// src/components/ArticleReader/ArticleExtractPanel.tsx
+var y = (n) => {
+	let { isOpen: c, url: v, searchText: y, suggestQuestions: fe, panelWidth: pe, setPanelWidth: b, closePanel: me } = i(), { isAuthenticated: he } = a(), { chatModelProvider: x } = o(), S = n.isOpen === void 0 ? c : n.isOpen, C = n.onClose || me, w = n.url || v, ge = n.searchText === void 0 ? y : n.searchText, [T, E] = d(null), [D, _e] = d([]), [ve, O] = d(!1), [ye, k] = d(!1), [A, j] = d(ae.defaultSummarizePrompt), [be, M] = d(!1), [N, xe] = d(!1), [P, Se] = d(!1), [F, Ce] = d(""), [I, we] = d(""), [Te, L] = d([]), [Ee, De] = d(""), [R, z] = d(!1), [Oe, B] = d(!1), [V, H] = d(!1), [ke, Ae] = d(!1), [je, Me] = d(pe), [U, W] = d(!1), [Ne, G] = d(!1), [K, q] = d(1), Pe = u(null), J = u({}), Y = .5, X = 1.8, Z = .1;
+	l(() => {
+		let e = parseFloat(localStorage.getItem("articleFontScale") || "");
+		Number.isNaN(e) || q(Math.min(X, Math.max(Y, e)));
+	}, []);
+	let Q = (e) => {
+		let t = Math.min(X, Math.max(Y, Math.round(e * 100) / 100));
+		q(t);
+		try {
+			localStorage.setItem("articleFontScale", String(t));
+		} catch (e) {
+			console.error("Error storing article font scale:", e);
+		}
+	}, Fe = () => Q(K + Z), Ie = () => Q(K - Z), Le = () => Q(1);
+	l(() => {
+		let e = () => {
+			Ae(window.innerWidth >= 1024);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), l(() => {
+		let e = (e) => {
+			if (!U) return;
+			let t = window.innerWidth - e.clientX, n = Math.max(400, Math.min(t, window.innerWidth - 100));
+			Me(n), b(n);
+		}, t = () => {
+			W(!1);
+		};
+		return U && (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 = "";
+		};
+	}, [U, b]), l(() => {
+		S && w ? (G(!1), Re()) : S || G(!1);
+	}, [S, w]);
+	let Re = async () => {
+		console.log("[ArticleExtractPanel] Extracting URL:", w);
+		try {
+			let e = new URL(w);
+			if ([
+				/^https?:\/\/(www\.)?google\.[^/]+\/search/i,
+				/^https?:\/\/(www\.)?bing\.com\/search/i,
+				/^https?:\/\/(www\.)?duckduckgo\.com\/\?/i
+			].some((e) => e.test(w))) {
+				m.error("Cannot extract articles from search result pages"), M(!1), G(!0);
+				return;
+			}
+			(e.pathname === "/" || e.pathname === "") && (console.error("[ArticleExtractPanel] URL is domain-only, missing article path:", w), m.error("Invalid article URL - only domain provided"));
+		} catch (e) {
+			console.error("[ArticleExtractPanel] Invalid URL format:", w, e);
+		}
+		M(!0);
+		try {
+			let { data: e } = await h({ query: { url: w } }), t = e?.article, n = t?.html?.replace(/<[^>]*>/g, "").trim() || "";
+			t?.error || n.length < 20 ? (document.dispatchEvent(new CustomEvent("onInvokeChromeAPI", { detail: {
+				type: "extractURL",
+				url: w
+			} })), await Promise.race([new Promise((e) => {
+				let t = async (n) => {
+					window.removeEventListener("onExtractionResult", t);
+					let { data: r } = await h({ query: { url: w } }), i = r?.article;
+					i && (E(i), i.followUpQuestions?.length > 0 ? L(i.followUpQuestions) : fe && (L([]), $("suggest-followups", { source: i }))), e();
+				};
+				window.addEventListener("onExtractionResult", t);
+			}), new Promise((e) => setTimeout(e, 1e4))])) : (E(t), t?.followUpQuestions && t.followUpQuestions.length > 0 ? L(t.followUpQuestions) : fe && t && (L([]), $("suggest-followups", { source: t }))), he && ze();
+		} catch (e) {
+			console.error("[ArticleExtractPanel] Error extracting URL:", e), m.error("Failed to load article");
+		} finally {
+			M(!1), G(!0);
+		}
+	}, ze = async () => {
+		try {
+			let { data: e } = await le(), t = e?.favorites?.some((e) => e.url === w);
+			z(!!t);
+		} catch (e) {
+			console.error("Error checking favorite status:", e);
+		}
+	}, Be = async () => {
+		if (T) {
+			B(!0);
+			try {
+				R ? (await ue({ query: { url: w } }), z(!1), m.info("Removed from favorites")) : (await oe({ body: {
+					url: T.url || w,
+					title: T.title,
+					cite: T.cite,
+					author: T.author,
+					author_cite: T.author_cite,
+					date: T.date,
+					source: T.source,
+					word_count: T.word_count,
+					html: T.html
+				} }), z(!0), m.success("Added to favorites"));
+			} catch (e) {
+				console.error("Error toggling favorite:", e), m.error("Failed to toggle favorite");
+			} finally {
+				B(!1);
+			}
+		}
+	}, Ve = () => {
+		if (x?.key && x?.providerId) return x;
+		try {
+			let e = localStorage.getItem("chatModelKey") || "", t = localStorage.getItem("chatModelProviderId") || "";
+			if (e && t) return {
+				key: e,
+				providerId: t
+			};
+		} catch (e) {
+			console.error("Error reading persisted chat model:", e);
+		}
+		return x;
+	}, $ = async (e, { source: t = T, question: n = A } = {}) => {
+		if (!t) return;
+		let r = Ve(), i = t.html?.replace(/<[^>]*>?/g, "").slice(0, ae.maxArticleLength), a = e === "question", o = a ? xe : Se, s = a ? we : De;
+		o(!0), s("");
+		try {
+			if (a) {
+				let e = [ge, n].filter(Boolean).join("\n");
+				if (!i || i.length === 0) throw Error("Article content is empty");
+				let { data: t, error: a } = await ce({ body: {
+					article: i,
+					question: e,
+					chatHistory: D.slice(-5),
+					chatModel: r
+				} });
+				if (a) {
+					let e = a.details || a.error || a.message || "Article QA failed";
+					throw Error(e);
+				}
+				let o = t?.content || "";
+				Ce(o), _e((e) => [
+					...e,
+					{
+						role: "user",
+						content: n,
+						time: (/* @__PURE__ */ new Date()).toISOString()
+					},
+					{
+						role: "assistant",
+						content: o,
+						time: (/* @__PURE__ */ new Date()).toISOString()
+					}
+				]);
+				try {
+					await g({ body: {
+						url: w,
+						question: n,
+						answer: o
+					} });
+				} catch (e) {
+					console.error("Error storing Q&A in cache:", e);
+				}
+			} else {
+				let e = parseInt(localStorage.getItem("maxFollowupQuestions") || "4");
+				if (!i || i.length === 0) throw Error("Article content is empty");
+				let { data: t, error: n } = await se({ body: {
+					article: i,
+					chatHistory: D.slice(-5),
+					maxQuestions: e,
+					chatModel: r
+				} });
+				if (n) {
+					let e = n.details || n.error || n.message || "Article followups failed";
+					throw Error(e);
+				}
+				let a = t?.extract || [];
+				L(a);
+				try {
+					await g({ body: {
+						url: w,
+						followUpQuestions: a
+					} });
+				} catch (e) {
+					console.error("Error storing follow-up questions in cache:", e);
+				}
+			}
+		} catch (e) {
+			console.error("Error calling language API:", e), s(e instanceof Error || typeof e == "object" && e && "message" in e ? e.message : "Failed to get AI response");
+		} finally {
+			o(!1);
+		}
+	}, He = (e) => {
+		j(e), $("question", { question: e });
+	}, Ue = async () => {
+		if (!T) return;
+		let e = `${F}\n\n\n${T.cite || ""}\n\n\n${T.html}`;
+		try {
+			await navigator.clipboard.writeText(e), O(!0), setTimeout(() => O(!1), 2e3);
+		} catch (e) {
+			console.error("Failed to copy to clipboard:", e);
+		}
+	}, We = async () => {
+		let e = T?.url || w;
+		if (e) try {
+			await de({
+				title: T?.title,
+				text: T?.cite,
+				url: e
+			}, {
+				share: typeof navigator < "u" && navigator.share ? (e) => navigator.share(e) : void 0,
+				writeText: (e) => navigator.clipboard.writeText(e)
+			}) === "copied" && (k(!0), setTimeout(() => k(!1), 2e3));
+		} catch (e) {
+			console.error("Failed to share article:", e);
+		}
+	};
+	J.current = {
+		ask: () => $("question"),
+		suggest: () => $("suggest-followups"),
+		copy: Ue,
+		highlight: () => H((e) => !e),
+		favorite: Be,
+		open: () => {
+			let e = T?.url || w;
+			e && window.open(e, "_blank", "noopener,noreferrer");
+		},
+		zoomIn: Fe,
+		zoomOut: Ie,
+		zoomReset: Le,
+		close: C
+	}, l(() => {
+		if (!S) return;
+		let e = (e) => /^[a-z]$/.test(e) ? `Key${e.toUpperCase()}` : /^[0-9]$/.test(e) ? `Digit${e}` : e === "-" ? "Minus" : e === "=" ? "Equal" : e, t = {};
+		Object.keys(s).forEach((n) => {
+			let { alt: r, key: i } = s[n];
+			r && (t[e(i.toLowerCase())] = n);
+		});
+		let n = (e) => {
+			if (e.key === "Escape") {
+				J.current.close?.();
+				return;
+			}
+			if (!e.altKey || e.ctrlKey || e.metaKey) return;
+			let n = e.target;
+			if (n && (n.tagName === "INPUT" || n.tagName === "TEXTAREA" || n.isContentEditable)) return;
+			let r = t[e.code];
+			if (!r) return;
+			let i = J.current[r];
+			i && (e.preventDefault(), i());
+		};
+		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+	}, [S]);
+	let Ge = () => /* @__PURE__ */ p("div", {
+		className: "flex h-full flex-col bg-background shadow-xl",
+		children: [/* @__PURE__ */ f("div", {
+			className: "shrink-0 border-b border-border bg-background/95 px-4 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/80",
+			children: /* @__PURE__ */ f(te, {
+				isLoadingAI: N,
+				isLoadingFollowups: P,
+				isLoadingFavorite: Oe,
+				isFavorited: R,
+				isHighlightMode: V,
+				articleUrl: T?.url || w,
+				fontScale: K,
+				onAskClick: () => $("question"),
+				onSuggestClick: () => $("suggest-followups"),
+				onCopyClick: Ue,
+				onShareClick: We,
+				onFavoriteClick: Be,
+				onHighlightToggle: () => H(!V),
+				onZoomIn: Fe,
+				onZoomOut: Ie,
+				onZoomReset: Le,
+				onClose: C
+			})
+		}), /* @__PURE__ */ f("div", {
+			className: "flex-1 overflow-y-auto",
+			children: /* @__PURE__ */ p("div", {
+				className: "p-4 space-y-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "space-y-4",
+					children: [
+						ve && /* @__PURE__ */ f("div", {
+							className: "bg-blue-500 text-white text-sm font-medium px-3 py-2 rounded-md shadow-lg",
+							children: "Copied!"
+						}),
+						ye && /* @__PURE__ */ f("div", {
+							className: "bg-blue-500 text-white text-sm font-medium px-3 py-2 rounded-md shadow-lg",
+							children: "Link copied!"
+						}),
+						/* @__PURE__ */ f(ee, {
+							value: A,
+							onChange: j,
+							onSubmit: () => $("question")
+						}),
+						/* @__PURE__ */ f(re, {
+							questions: Te,
+							isLoading: P,
+							error: Ee,
+							onQuestionClick: He
+						}),
+						D.length > 0 && /* @__PURE__ */ f("div", {
+							className: "space-y-4",
+							children: D.map((e, t) => /* @__PURE__ */ f("div", {
+								className: "space-y-2",
+								children: e.role === "user" ? /* @__PURE__ */ p("div", {
+									className: "bg-primary/10 border border-primary/20 rounded-lg p-3",
+									children: [/* @__PURE__ */ f("div", {
+										className: "text-xs font-semibold text-primary mb-1",
+										children: "Your Question"
+									}), /* @__PURE__ */ f("div", {
+										className: "text-sm text-foreground",
+										children: e.content
+									})]
+								}) : /* @__PURE__ */ p("div", {
+									className: "bg-muted rounded-lg shadow-md p-4",
+									children: [/* @__PURE__ */ f("div", {
+										className: "text-xs font-semibold text-muted-foreground mb-2",
+										children: "AI Response"
+									}), /* @__PURE__ */ f("div", {
+										className: "text-sm",
+										dangerouslySetInnerHTML: { __html: e.content }
+									})]
+								})
+							}, t))
+						}),
+						(N || F && D.length === 0) && /* @__PURE__ */ f(ie, {
+							response: F,
+							isLoading: N,
+							error: I
+						}),
+						I && !N && /* @__PURE__ */ f("div", {
+							className: "bg-red-500 text-white p-2 rounded-md text-sm",
+							children: I
+						})
+					]
+				}), T && /* @__PURE__ */ f(ne, {
+					article: T,
+					isHighlightMode: V,
+					fontScale: K
+				})]
+			})
+		})]
+	});
+	return !S || !Ne ? null : ke ? /* @__PURE__ */ p("div", {
+		className: "fixed top-0 right-0 h-screen z-40 transition-all duration-300",
+		style: { width: `${je}px` },
+		children: [/* @__PURE__ */ f("div", {
+			ref: Pe,
+			onMouseDown: () => W(!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__ */ f("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()]
+	}) : /* @__PURE__ */ f(r, {
+		open: S,
+		onOpenChange: (e) => !e && C(),
+		children: /* @__PURE__ */ p(t, {
+			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__ */ f(_, { children: /* @__PURE__ */ f(e, { children: "Article Details" }) }), /* @__PURE__ */ f("div", {
+				className: "h-full overflow-y-auto",
+				children: Ge()
+			})]
+		})
+	});
+};
+export { y as default };