research-agent-ui 0.1.293 → 0.1.294

package/dist/workspace.mjs

@@ -1,25 +1,24 @@
 "use client";
 "use client";
-import { configureResearchAgentUI as e, researchAgentUIConfig as t } from "./config.mjs";
-import { A as n, C as r, D as i, E as a, F as o, G as s, I as c, K as l, L as u, M as d, N as f, O as p, P as m, R as h, S as g, T as _, U as v, W as y, _ as b, a as x, b as S, c as C, d as w, f as T, g as E, h as D, i as O, j as k, k as A, l as j, m as M, n as N, o as P, p as F, q as I, r as L, s as ee, t as R, u as z, v as B, w as te, x as ne, y as re } from "./src-HL9JjPc-.js";
-import { useCallback as V, useEffect as H, useRef as ie, useState as U } from "react";
-import { useSearchParams as ae } from "next/navigation";
-import { jsx as W } from "react/jsx-runtime";
-import G from "grab-url";
-import { ReasonDocs as K } from "react-reason-editor/reason-docs";
-import { themeActions as q } from "react-reason-editor/theme";
-import { localeActions as oe } from "react-reason-editor/locale-bundle";
-import { Sidebar as J, SidebarContent as Y } from "react-reason-editor-sidebar";
-import "katex/dist/katex.min.css";
-import "easydrawer/styles.css";
-import "katex/contrib/mhchem";
-//#region src/workspace/page-tips.ts
-function X(e) {
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, U as _, _ as v, a as y, b, c as x, d as S, et as C, f as w, g as T, h as E, i as D, j as O, k, l as ee, m as te, n as ne, o as A, p as j, r as M, s as N, t as P, u as F, v as I, w as re, x as ie, y as ae, z as oe } from "./src-GPr1ceY8.js";
+import { configureResearchAgentUI as L, researchAgentUIConfig as se } from "./config.mjs";
+import { a as ce, c as R, i as le, o as ue, s as de, u as z } from "./tooltip-Bl3IdX-I.js";
+import { c as fe, o as pe, s as me } from "./dialog-Cufn2u50.js";
+import { useCallback as B, useEffect as V, useRef as he, useState as H } from "react";
+import { useSearchParams as ge } from "next/navigation";
+import { jsx as U } from "react/jsx-runtime";
+import W from "grab-url";
+import { ReasonDocs as G } from "react-reason-editor/reason-docs";
+import { themeActions as _e } from "react-reason-editor/theme";
+import { localeActions as ve } from "react-reason-editor/locale-bundle";
+import { Sidebar as ye, SidebarContent as be } from "react-reason-editor-sidebar";
+// src/workspace/page-tips.ts
+function K(e) {
 	return e.replace(/<(script|style)[^>]*>[\s\S]*?<\/\1>/gi, " ").replace(/<[^>]+>/g, " ").replace(/&nbsp;/g, " ").replace(/\s+/g, " ").trim();
 }
-var Z = async (e, t) => {
+var q = async (e, t) => {
 	try {
-		let n = await G("agent/page-tips", {
+		let n = await W("agent/page-tips", {
 			method: "POST",
 			body: JSON.stringify({
 				title: e,
@@ -30,9 +29,9 @@ var Z = async (e, t) => {
 	} catch {
 		return [];
 	}
-}, Q = async (e, t) => {
+}, J = async (e, t) => {
 	try {
-		let n = await G("agent/topic-searches", {
+		let n = await W("agent/topic-searches", {
 			method: "POST",
 			body: JSON.stringify({
 				title: e,
@@ -43,95 +42,239 @@ var Z = async (e, t) => {
 	} catch {
 		return [];
 	}
+}, Y = "/api/doc/google-docs", X = "application/vnd.google-apps.document", Z = "application/vnd.google-apps.spreadsheet", xe = "application/vnd.google-apps.presentation", Se = "application/vnd.google-apps.drawing", Q = "application/vnd.google-apps.folder", Ce = class extends Error {
+	needsReauth;
+	needsFolderAccess;
+	status;
+	constructor(e, t, n = {}) {
+		super(e), this.name = "GoogleDriveError", this.status = t, this.needsReauth = !!n.needsReauth, this.needsFolderAccess = !!n.needsFolderAccess;
+	}
+};
+async function we(e) {
+	let t = await fetch(`${Y}${e}`, { credentials: "same-origin" }), n = {};
+	try {
+		n = await t.json();
+	} catch {}
+	if (!t.ok || n?.success === !1) throw new Ce(n?.error || `Google Drive request failed (${t.status})`, t.status, n);
+	return n;
+}
+function Te(e) {
+	return e === X || e === "text/plain" || e === "text/markdown" ? "editor" : e === "application/pdf" || e === Z || e === xe ? "pdf" : e === Se || e.startsWith("image/") ? "image" : "unsupported";
+}
+function Ee(e) {
+	if (e.mimeType === X) return "docx";
+	if (e.mimeType === Z) return "xlsx";
+	if (e.mimeType === xe) return "pptx";
+	if (e.mimeType === Se) return "png";
+	let t = e.name.lastIndexOf(".");
+	if (t > 0 && t < e.name.length - 1) return e.name.slice(t + 1).toLowerCase();
+	if (e.mimeType === "application/pdf") return "pdf";
+	let n = e.mimeType.split("/")[1];
+	return n && /^[a-z0-9]{2,5}$/.test(n) ? n : void 0;
+}
+var $ = (e, t) => `${e}:${t}`, De = (e) => `${Y}/content?fileId=${encodeURIComponent(e)}`;
+function Oe(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set(), i = (e, t) => Number(t.mimeType === "application/vnd.google-apps.folder") - Number(e.mimeType === "application/vnd.google-apps.folder") || e.name.localeCompare(t.name, void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+	for (let { root: a, items: o } of t) {
+		let s = $(e, a.id);
+		if (r.has(s)) continue;
+		r.add(s), n.push({
+			id: s,
+			title: a.name,
+			content: "",
+			parentId: null,
+			isFolder: !0,
+			isExpanded: t.length === 1,
+			external: {
+				sourceId: e,
+				fileId: a.id,
+				mimeType: Q,
+				view: "unsupported",
+				webViewLink: a.webViewLink
+			}
+		});
+		let c = /* @__PURE__ */ new Set([a.id, ...o.filter((e) => e.mimeType === Q).map((e) => e.id)]);
+		for (let t of [...o].sort(i)) {
+			let i = $(e, t.id);
+			if (r.has(i)) continue;
+			r.add(i);
+			let o = t.parents?.find((e) => c.has(e)) ?? a.id, s = t.mimeType === Q, l = s ? "unsupported" : Te(t.mimeType);
+			n.push({
+				id: i,
+				title: t.name,
+				content: "",
+				parentId: $(e, o),
+				isFolder: s,
+				isExpanded: !1,
+				external: {
+					sourceId: e,
+					fileId: t.id,
+					mimeType: t.mimeType,
+					view: l,
+					extension: s ? void 0 : Ee(t),
+					contentUrl: s || l === "unsupported" ? void 0 : De(t.id),
+					webViewLink: t.webViewLink
+				}
+			});
+		}
+	}
+	return n;
+}
+function ke(e) {
+	return e?.folders?.length ? e.folders : (e?.folderIds ?? []).map((e) => ({
+		id: e,
+		name: e === "root" ? "My Drive" : e
+	}));
+}
+async function Ae(e) {
+	let t = ke(e.credentials);
+	if (t.length === 0) return [];
+	let n = await Promise.allSettled(t.map((e) => we(`/folder-tree?folderId=${encodeURIComponent(e.id)}`))), r = n.flatMap((e) => e.status === "fulfilled" ? [e.value] : []);
+	if (r.length === 0) throw n[0].reason;
+	return Oe(e.id, r);
+}
+function je(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function Me(e) {
+	return e.split(/\r?\n\r?\n/).map((e) => e.trim()).filter(Boolean).map((e) => `<p>${je(e).replace(/\r?\n/g, "<br>")}</p>`).join("");
+}
+function Ne(e) {
+	if (typeof DOMParser > "u") {
+		let t = e.match(/<body[^>]*>([\s\S]*)<\/body>/i);
+		return (t ? t[1] : e).replace(/<(script|style)[\s\S]*?<\/\1>/gi, "");
+	}
+	let t = new DOMParser().parseFromString(e, "text/html"), n = /* @__PURE__ */ new Map();
+	for (let e of Array.from(t.querySelectorAll("style"))) for (let t of (e.textContent ?? "").matchAll(/\.([A-Za-z0-9_-]+)\s*\{([^}]*)\}/g)) n.set(t[1], `${n.get(t[1]) ?? ""};${t[2]}`);
+	t.querySelectorAll("script, style, meta, link, title").forEach((e) => e.remove());
+	for (let e of Array.from(t.body.querySelectorAll("span"))) {
+		let r = [...Array.from(e.classList).map((e) => n.get(e) ?? ""), e.getAttribute("style") ?? ""].join(";"), i = Array.from(e.childNodes), a = (e) => {
+			let n = t.createElement(e);
+			i.forEach((e) => n.appendChild(e)), i = [n];
+		};
+		/font-weight:\s*(700|800|900|bold)/i.test(r) && a("strong"), /font-style:\s*italic/i.test(r) && a("em"), /text-decoration[^;]*underline/i.test(r) && a("u"), /text-decoration[^;]*line-through/i.test(r) && a("s"), e.replaceWith(...i);
+	}
+	for (let e of Array.from(t.body.querySelectorAll("a[href]"))) try {
+		let t = new URL(e.getAttribute("href"));
+		t.hostname === "www.google.com" && t.pathname === "/url" && t.searchParams.get("q") && e.setAttribute("href", t.searchParams.get("q"));
+	} catch {}
+	for (let e of Array.from(t.body.querySelectorAll("[class], [style], [id]"))) e.removeAttribute("class"), e.removeAttribute("style"), e.removeAttribute("id");
+	return t.body.innerHTML.trim();
+}
+async function Pe(e) {
+	let t = e.external;
+	if (!t?.contentUrl) return "";
+	let n = await fetch(t.contentUrl, { credentials: "same-origin" });
+	if (!n.ok) {
+		let e = {};
+		try {
+			e = await n.json();
+		} catch {}
+		throw new Ce(e?.error || `Couldn't load the file (${n.status})`, n.status, e);
+	}
+	let r = await n.text();
+	return t.mimeType === X ? Ne(r) : Me(r);
+}
+var Fe = {
+	canList: (e) => e.type === "gdocs",
+	listDocuments: (e) => Ae(e),
+	loadDocumentContent: Pe
 };
-//#endregion
-//#region src/workspace/ResearchWorkspaceView.tsx
-function $() {
-	let { activeView: t, toggleToDocs: n, toggleToResearch: r, filesSidebarRequestId: i } = b(), { chatTabs: a, activeChatId: s, openChat: l, newChat: u, closeChat: f, closeChats: p } = R(), { sendMessage: m } = c(), { signIn: h } = o(), g = ae(), [_, v] = U(null), [y, x] = U(null), [S, C] = U(!1), [w, T] = U(null);
-	H(() => {
-		oe.setLang("en"), q.setColor("default");
+// src/workspace/ResearchWorkspaceView.tsx
+function Ie({ SidebarComponent: e = ye, SidebarContentComponent: t = be, openSidebarEvent: n } = {}) {
+	let { activeView: r, toggleToDocs: i, toggleToResearch: a, filesSidebarRequestId: o, requestFilesSidebar: s } = b(), { chatTabs: c, activeChatId: u, openChat: d, newChat: f, closeChat: p, closeChats: m } = P(), { sendMessage: h } = z(), { signIn: g } = R(), v = ge(), [y, x] = H(null), [S, C] = H(null), [w, T] = H(!1), [E, D] = H(null);
+	V(() => {
+		if (n) return window.addEventListener(n, s), () => window.removeEventListener(n, s);
+	}, [n, s]), V(() => {
+		ve.setLang("en"), _e.setColor("default");
 	}, []);
-	let E = ie(!1);
-	H(() => {
-		if (E.current) return;
-		E.current = !0;
-		let e = g.get("docs"), t = g.get("chat");
-		e ? (x(e), n()) : t && (l(t), r()), C(!0);
-	}, []), H(() => {
-		if (typeof window > "u" || !S) return;
+	let O = he(!1);
+	V(() => {
+		if (O.current) return;
+		O.current = !0;
+		let e = v.get("docs"), t = v.get("chat");
+		e ? (C(e), i()) : t && (d(t), a()), T(!0);
+	}, []), V(() => {
+		if (typeof window > "u" || !w) return;
 		let e = new URL(window.location.href);
-		e.searchParams.set("chat", t === "research" ? s ?? "" : ""), e.searchParams.set("docs", t === "docs" ? _ ?? "" : "");
-		let n = `${e.pathname}?${e.searchParams.toString()}${e.hash}`;
-		n !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(null, "", n);
+		e.searchParams.set("chat", r === "research" ? u ?? "" : ""), e.searchParams.set("docs", r === "docs" ? y ?? "" : "");
+		let t = `${e.pathname}?${e.searchParams.toString()}${e.hash}`;
+		t !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(null, "", t);
 	}, [
-		t,
-		s,
-		_,
-		S
+		r,
+		u,
+		y,
+		w
 	]);
-	let D = a.map((e) => ({
+	let k = c.map((e) => ({
 		id: e.id,
 		title: e.title,
 		kind: "chat"
-	})), O = (e) => {
-		l(e), r();
-	}, k = (e) => {
-		let { closedWasActive: t, nextActiveId: r } = f(e);
-		t && !r && n();
-	}, A = (e) => {
-		let { closedWasActive: t, nextActiveId: r } = p(e);
-		t && !r && n();
-	}, j = () => {
-		u(), r();
-	}, M = V((e) => (l(e), r(), !0), [l, r]);
-	H(() => (e({ onOpenChat: M }), () => e({ onOpenChat: void 0 })), [M]);
-	let N = async (e, t) => Z(e, X(t)), P = async (e, t) => Q(e, X(t)), F = V((e) => {
-		u(), r(), T(e);
-	}, [u, r]);
-	H(() => {
-		w && s && (m(w), T(null));
+	})), ee = (e) => {
+		d(e), a();
+	}, te = (e) => {
+		let { closedWasActive: t, nextActiveId: n } = p(e);
+		t && !n && i();
+	}, ne = (e) => {
+		let { closedWasActive: t, nextActiveId: n } = m(e);
+		t && !n && i();
+	}, A = () => {
+		f(), a();
+	}, j = B((e) => (d(e), a(), !0), [d, a]);
+	V(() => (L({ onOpenChat: j }), () => L({ onOpenChat: void 0 })), [j]);
+	let M = async (e, t) => q(e, K(t)), N = async (e, t) => J(e, K(t)), F = B((e) => {
+		f(), a(), D(e);
+	}, [f, a]);
+	V(() => {
+		E && u && (h(E), D(null));
 	}, [
-		w,
-		s,
-		m
+		E,
+		u,
+		h
 	]);
 	let I = {
-		extraTabs: D,
-		activeExtraTabId: t === "research" ? s ?? void 0 : void 0,
-		onExtraTabSelect: O,
-		onExtraTabClose: k,
-		onExtraTabsClose: A,
-		onExtraTabAdd: j,
-		onFileTabSelect: n,
-		initialDocId: y,
-		onActiveDocumentChange: v,
-		onGenerateTips: N,
-		onGenerateTopics: P,
+		extraTabs: k,
+		activeExtraTabId: r === "research" ? u ?? void 0 : void 0,
+		onExtraTabSelect: ee,
+		onExtraTabClose: te,
+		onExtraTabsClose: ne,
+		onExtraTabAdd: A,
+		onFileTabSelect: i,
+		initialDocId: S,
+		onActiveDocumentChange: x,
+		onGenerateTips: M,
+		onGenerateTopics: N,
 		onSearchTopic: F,
-		onSignIn: h
+		onSignIn: g,
+		fileSourceProvider: Fe
 	};
-	return t === "docs" ? /* @__PURE__ */ W(K, {
-		SidebarComponent: J,
-		SidebarContentComponent: Y,
-		belowMainContent: /* @__PURE__ */ W(d, {}),
-		openFilesSidebarSignal: i,
+	return r === "docs" ? /* @__PURE__ */ U(G, {
+		SidebarComponent: e,
+		SidebarContentComponent: t,
+		belowMainContent: /* @__PURE__ */ U(_, {}),
+		openFilesSidebarSignal: o,
 		...I
-	}) : /* @__PURE__ */ W(K, {
-		SidebarComponent: J,
-		SidebarContentComponent: Y,
-		mainContent: /* @__PURE__ */ W(B, {}),
-		openFilesSidebarSignal: i,
+	}) : /* @__PURE__ */ U(G, {
+		SidebarComponent: e,
+		SidebarContentComponent: t,
+		mainContent: /* @__PURE__ */ U(l, {}),
+		openFilesSidebarSignal: o,
 		...I
 	});
 }
-//#endregion
-//#region src/workspace/QwkSearchWorkspaceApp.tsx
-function se(e) {
-	return /* @__PURE__ */ W(L, {
-		...e,
+// src/workspace/QwkSearchWorkspaceApp.tsx
+function Le({ SidebarComponent: e, SidebarContentComponent: t, openSidebarEvent: n, ...r }) {
+	return /* @__PURE__ */ U(M, {
+		...r,
 		docsEnabled: !0,
-		children: /* @__PURE__ */ W($, {})
+		children: /* @__PURE__ */ U(Ie, {
+			SidebarComponent: e,
+			SidebarContentComponent: t,
+			openSidebarEvent: n
+		})
 	});
 }
-//#endregion
-export { p as ARTICLE_TOOLBAR_SHORTCUTS, _ as ArticleAIResponse, A as ArticleActionButtons, r as ArticleContent, a as ArticleFollowupQuestions, k as ArticlePanelHeader, i as ArticlePromptInput, P as CategoryDock, d as ChatInputBox, f as ChatProvider, B as ChatWindow, x as CookieConsent, v as ExtractPanelProvider, S as HistoryDialogs, re as HistoryDropdown, C as KokoroVoiceSelector, te as LexicalArticleViewer, E as MainViewProvider, N as QwkSearchApp, L as QwkSearchProviders, se as QwkSearchWorkspaceApp, $ as ResearchWorkspaceView, D as SPOTLIGHT_LINKS, T as SPOTLIGHT_PREFIXES, m as SessionProvider, z as SpotlightPalette, g as UnifiedMarkdown, ee as VoiceSettingsPanel, s as cn, e as configureResearchAgentUI, l as formatMessageTime, I as formatTimeDifference, n as formatToolbarShortcut, Z as getPageTips, Q as getTopicSearches, X as htmlToPlainText, F as matchSpotlight, w as openSpotlight, M as parsePrefix, t as researchAgentUIConfig, c as useChat, u as useChatState, R as useChatTabs, O as useChunkErrorReload, y as useExtractPanel, ne as useHistoryState, j as useKokoroTTS, b as useMainView, o as useSession, h as useTextToSpeech };
+export { i as ARTICLE_TOOLBAR_SHORTCUTS, re as ArticleAIResponse, f as ArticleActionButtons, h as ArticleContent, g as ArticleFollowupQuestions, t as ArticlePanelHeader, a as ArticlePromptInput, m as ArticleReaderMount, x as CategoryDock, _ as ChatInputBox, e as ChatProvider, l as ChatWindow, N as CookieConsent, le as ExtractPanelProvider, n as HistoryDialogs, oe as HistoryDropdown, F as KokoroVoiceSelector, r as LexicalArticleViewer, ae as MainViewProvider, O as QWKSEARCH_DEFAULT_ORIGIN, ne as QwkSearchApp, M as QwkSearchProviders, Le as QwkSearchWorkspaceApp, Ie as ResearchWorkspaceView, I as SPOTLIGHT_LINKS, E as SPOTLIGHT_PREFIXES, de as SessionProvider, j as SpotlightPalette, ie as UnifiedMarkdown, ee as VoiceSettingsPanel, u as buildConnectStartUrl, pe as cn, L as configureResearchAgentUI, d as createQwkSearchConnectAuthClient, me as formatMessageTime, fe as formatTimeDifference, k as formatToolbarShortcut, q as getPageTips, p as getQwkSearchApiKey, J as getTopicSearches, K as htmlToPlainText, D as isChunkLoadError, o as isQwkSearchApiRequest, T as matchSpotlight, te as openSpotlight, v as parsePrefix, y as reloadForChunkError, se as researchAgentUIConfig, c as setQwkSearchApiKey, z as useChat, C as useChatState, P as useChatTabs, A as useChunkErrorReload, ce as useExtractPanel, s as useHistoryState, w as useKokoroTTS, b as useMainView, ue as useOptionalExtractPanel, R as useSession, S as useTextToSpeech };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "research-agent-ui",
   "description": "The QwkSearch app UI: conversation window, article reader, search config, file uploads, chat history, and the app shell — exported both with and without the REASON editor and its sidebar",
-  "version": "0.1.293",
+  "version": "0.1.294",
   "author": "vtempest",
   "repository": {
     "type": "git",
@@ -37,6 +37,14 @@
       "types": "./src/lib/file-sources.ts",
       "import": "./src/lib/file-sources.ts"
     },
+    "./google-drive": {
+      "types": "./src/lib/google-drive-source.ts",
+      "import": "./src/lib/google-drive-source.ts"
+    },
+    "./chunk-error-reload": {
+      "types": "./src/app/useChunkErrorReload.ts",
+      "import": "./src/app/useChunkErrorReload.ts"
+    },
     "./settings": {
       "types": "./src/settings/index.ts",
       "import": "./src/settings/index.ts"
@@ -48,6 +56,7 @@
   "files": [
     "dist",
     "src/settings",
+    "src/app/useChunkErrorReload.ts",
     "README.md"
   ],
   "sideEffects": [
@@ -82,72 +91,66 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@huggingface/transformers": "^4.2.0",
-    "@radix-ui/react-dialog": "^1.1.23",
-    "@radix-ui/react-dropdown-menu": "^2.1.24",
-    "@radix-ui/react-popover": "^1.1.23",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@radix-ui/react-tooltip": "^1.2.16",
-    "@ricky0123/vad-web": "^0.0.30",
-    "ai": "^7.0.94",
-    "chat-agent-toolkit": "^1.2.426",
+    "@radix-ui/react-dialog": "^1.3.1",
+    "@radix-ui/react-dropdown-menu": "^2.2.1",
+    "@radix-ui/react-popover": "^1.3.1",
+    "@radix-ui/react-slot": "^1.5.0",
+    "@radix-ui/react-tooltip": "^1.4.1",
+    "ai": "^7.0.159",
+    "chat-agent-toolkit": "^1.2.427",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "domain-rank": "^0.1.415",
-    "dompurify": "^3.4.15",
-    "drizzle-orm": "^0.45.2",
-    "extract-webpage": "^1.2.420",
-    "framer-motion": "^13.2.0",
-    "fuse.js": "^7.5.0",
-    "grab-url": "^1.6.22",
+    "dompurify": "^3.4.17",
+    "drizzle-orm": "^0.45.4",
+    "extract-webpage": "^1.2.421",
+    "grab-url": "^3.0.9",
     "html2canvas": "^1.4.1",
     "kokoro-js": "^1.2.1",
-    "legal-terms-privacy-policy": "^0.1.103",
-    "lucide-react": "^1.43.0",
-    "markdown-to-jsx": "^9.10.2",
-    "motion": "^13.2.0",
-    "quantum-sphere-loading-icon": "^1.0.3",
-    "qwksearch-api-client": "^1.0.98",
+    "legal-terms-privacy-policy": "^0.1.242",
+    "lucide-react": "^1.66.0",
+    "markdown-to-jsx": "^9.10.4",
+    "motion": "^14.9.0",
+    "quantum-sphere-loading-icon": "^1.0.6",
+    "qwksearch-api-client": "^1.0.237",
     "react-icons": "^5.7.0",
     "react-native-app-buttons": "^0.1.4",
     "react-textarea-autosize": "^8.5.9",
-    "search-web-api": "^1.0.278",
-    "shadcn-app-dock": "^0.1.276",
-    "shadcn-theme-menu": "^1.1.47",
+    "search-autocomplete": "^0.1.0",
+    "search-web-api": "^1.0.279",
+    "shadcn-app-dock": "^0.1.277",
+    "shadcn-theme-menu": "^1.1.74",
     "sonner": "^2.0.8",
-    "streamdown": "^2.6.0",
-    "tailwind-merge": "^3.6.0",
-    "tldts": "^7.4.12",
-    "trending-news-api": "^0.1.154",
+    "streamdown": "^2.7.1",
+    "tailwind-merge": "^3.7.0",
+    "trending-news-api": "^0.1.155",
+    "education-playlists": "^0.1.102",
     "turndown": "^7.2.4",
-    "use-voice-control": "^0.1.95",
-    "use-weather-forecast": "^0.1.240"
+    "use-voice-control": "^0.1.235",
+    "use-weather-forecast": "^0.1.379"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^5.20260908.1",
-    "@storybook/react-vite": "^10.6.0",
+    "@cloudflare/workers-types": "^5.20261101.1",
+    "@storybook/react-vite": "^10.6.5",
     "@tailwindcss/vite": "^4.3.3",
     "@testing-library/react": "^16.3.3",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@types/turndown": "^5.0.6",
-    "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/coverage-v8": "^5.0.0",
-    "easydrawer": "^0.0.18",
+    "@vitejs/plugin-react": "^6.1.2",
+    "@vitest/coverage-v8": "^5.0.5",
     "itty-router": "^5.0.24",
-    "jsdom": "^30.0.1",
-    "katex": "^0.18.7",
-    "next": "^16.3.4",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "react-reason-editor": "^1.0.228",
-    "react-reason-editor-sidebar": "^0.1.145",
-    "storybook": "^10.6.0",
+    "jsdom": "^30.1.3",
+    "next": "^16.4.3",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-reason-editor": "^1.0.229",
+    "react-reason-editor-sidebar": "^0.1.284",
+    "storybook": "^10.6.5",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
-    "vite": "^8.2.2",
-    "vitest": "^5.0.0",
-    "wrangler": "^4.130.0"
+    "vite": "^8.3.5",
+    "vitest": "^5.0.5",
+    "wrangler": "^4.156.1"
   },
   "license": "rights.institute/PROSPER"
-}
+}

package/src/app/useChunkErrorReload.ts

@@ -0,0 +1,92 @@
+'use client';
+
+import { useEffect } from 'react';
+
+const RELOAD_KEY = 'qwk:chunk-error-reload';
+
+/**
+ * How long after one chunk-error reload another is refused. Long enough that a
+ * build which is genuinely missing a chunk cannot put the tab in a reload loop,
+ * short enough that a tab which recovered and then outlived a *later* deploy in
+ * the same session still gets its one reload.
+ */
+const RELOAD_COOLDOWN_MS = 60_000;
+
+/**
+ * The messages browsers and bundlers give a chunk that could not be fetched:
+ * webpack's `ChunkLoadError`, and the native dynamic-`import()` failures that
+ * Vite (and so vinext) builds surface — Chromium's "Failed to fetch dynamically
+ * imported module", Firefox's "error loading dynamically imported module" and
+ * Safari's "Importing a module script failed".
+ */
+const CHUNK_ERROR_PATTERN =
+  /Loading (CSS )?chunk|ChunkLoadError|Failed to fetch dynamically imported module|error loading dynamically imported module|Importing a module script failed|Unable to preload CSS/i;
+
+/** Whether `error` (an Error, a message, or a rejection reason) is a failed chunk fetch. */
+export function isChunkLoadError(error: unknown): boolean {
+  if (typeof error === 'string') return CHUNK_ERROR_PATTERN.test(error);
+  if (error && typeof error === 'object') {
+    const { name, message } = error as { name?: unknown; message?: unknown };
+    return (
+      name === 'ChunkLoadError' ||
+      (typeof message === 'string' && CHUNK_ERROR_PATTERN.test(message))
+    );
+  }
+  return false;
+}
+
+/**
+ * Reloads the page if `error` is a failed chunk fetch and no such reload
+ * happened in the last {@link RELOAD_COOLDOWN_MS}. Returns whether it reloaded,
+ * so a caller can keep showing a loading state instead of an error.
+ */
+export function reloadForChunkError(error: unknown): boolean {
+  if (typeof window === 'undefined' || !isChunkLoadError(error)) return false;
+  try {
+    const last = Number(window.sessionStorage.getItem(RELOAD_KEY));
+    if (last && Date.now() - last < RELOAD_COOLDOWN_MS) return false;
+    window.sessionStorage.setItem(RELOAD_KEY, String(Date.now()));
+  } catch {
+    // Without storage there is no loop guard, so don't reload at all.
+    return false;
+  }
+  window.location.reload();
+  return true;
+}
+
+/**
+ * Deployments replace `_next/static` chunks with newly-hashed filenames, so a
+ * browser tab left open from before a deploy will 404 when it tries to fetch
+ * an old chunk (e.g. on a client-side navigation). Reload once to pick up the
+ * new build instead of leaving the user stuck on a broken page.
+ *
+ * This only sees failures nothing else handled. A lazy component's failed
+ * chunk is caught by the nearest error boundary instead, so boundaries around
+ * lazy subtrees should call {@link reloadForChunkError} themselves.
+ */
+export function useChunkErrorReload(): void {
+  useEffect(() => {
+    const onError = (event: ErrorEvent): void => {
+      reloadForChunkError(event.error ?? event.message);
+    };
+    const onRejection = (event: PromiseRejectionEvent): void => {
+      reloadForChunkError(event.reason);
+    };
+    // Vite's preload helper dispatches this when a dynamic import's
+    // dependencies fail to load; `payload` is the underlying error.
+    const onPreloadError = (event: Event): void => {
+      if (reloadForChunkError((event as Event & { payload?: unknown }).payload ?? 'Loading chunk')) {
+        event.preventDefault();
+      }
+    };
+
+    window.addEventListener('error', onError);
+    window.addEventListener('unhandledrejection', onRejection);
+    window.addEventListener('vite:preloadError', onPreloadError);
+    return () => {
+      window.removeEventListener('error', onError);
+      window.removeEventListener('unhandledrejection', onRejection);
+      window.removeEventListener('vite:preloadError', onPreloadError);
+    };
+  }, []);
+}

package/src/settings/index.ts

@@ -118,3 +118,26 @@ export function getSettingsSchema(): {
     fieldsBySection: settingsFieldsBySection,
   };
 }
+
+/**
+ * One settings section as a standalone page a host can mount in its own
+ * settings area — the "external page" form of {@link SettingsSectionSchema}.
+ */
+export interface SettingsPageSchema extends SettingsSectionSchema {
+  /** Route the host serves this section at, e.g. `/settings/research/models`. */
+  href: string;
+}
+
+/**
+ * The settings sections as pages under `basePath`, in menu order. A host that
+ * embeds the research agent registers these alongside its own settings pages
+ * (`basePath` is where it mounts the research settings), so every section the
+ * agent exposes is reachable from the host's global settings.
+ */
+export function getSettingsPages(basePath = "/settings"): SettingsPageSchema[] {
+  const base = basePath.replace(/\/+$/, "");
+  return settingsSections.map((section) => ({
+    ...section,
+    href: `${base}/${section.key}`,
+  }));
+}