birdclaw 0.8.2 → 0.8.4

package/dist/server/assets/data-sources-BnA1Q94p.js

@@ -0,0 +1,180 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, Ot as pageTitleClass, Tt as pageHeaderClass, Wt as secondaryButtonClass, m as cx, on as statusCopyClass, q as errorCopyClass, wt as pageHeaderActionsClass } from "./ui-qbmcMSSX.js";
+import { S as liveDataSourcesResponseSchema, n as queryKeys, r as fetchJson } from "./query-client-BdauHBgd.js";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Database, RefreshCw, Route, TerminalSquare, XCircle } from "lucide-react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/routes/data-sources.tsx?tsr-split=component
+async function fetchDataSources() {
+	return fetchJson("/api/data-sources", void 0, liveDataSourcesResponseSchema, "Data source status failed");
+}
+function sourceIcon(source) {
+	if (source === "birdclaw") return Database;
+	if (source === "bird") return TerminalSquare;
+	return Route;
+}
+function statusTone(status) {
+	if (status === "ok") return "border-[color:color-mix(in_srgb,#22c55e_45%,var(--line))] bg-[color:color-mix(in_srgb,#22c55e_10%,var(--bg))] text-[color:color-mix(in_srgb,#22c55e_82%,var(--ink))]";
+	if (status === "warning") return "border-[color:color-mix(in_srgb,#f59e0b_50%,var(--line))] bg-[color:color-mix(in_srgb,#f59e0b_12%,var(--bg))] text-[color:color-mix(in_srgb,#f59e0b_82%,var(--ink))]";
+	return "border-[color:color-mix(in_srgb,var(--alert)_55%,var(--line))] bg-[var(--alert-soft)] text-[var(--alert)]";
+}
+function statusIcon(status) {
+	if (status === "ok") return CheckCircle2;
+	if (status === "warning") return AlertTriangle;
+	return XCircle;
+}
+function sourceLabel(source) {
+	if (source === "birdclaw") return "local";
+	return source;
+}
+function SourceCard({ source }) {
+	const Icon = sourceIcon(source.source);
+	const StatusIcon = statusIcon(source.status);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "min-w-0 border-b border-[var(--line)] px-4 py-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center gap-3",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "grid size-10 shrink-0 place-items-center rounded-md border border-[var(--line)] bg-[var(--bg-active)] text-[var(--ink)]",
+					children: /* @__PURE__ */ jsx(Icon, {
+						className: "size-5",
+						strokeWidth: 1.9
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "truncate text-[16px] font-bold text-[var(--ink)]",
+						children: source.label
+					}), /* @__PURE__ */ jsx("p", {
+						className: "truncate text-[13px] text-[var(--ink-soft)]",
+						children: source.installed === false ? "not installed" : source.detail
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("span", {
+				className: cx("inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[12px] font-bold", statusTone(source.status)),
+				children: [/* @__PURE__ */ jsx(StatusIcon, {
+					className: "size-3.5",
+					strokeWidth: 2
+				}), source.works ? "works" : source.status]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "mt-4 flex flex-wrap gap-2",
+			children: source.accounts.length > 0 ? source.accounts.map((account, index) => /* @__PURE__ */ jsxs("span", {
+				className: "inline-flex max-w-full items-center gap-1.5 rounded-full border border-[var(--line)] bg-[var(--bg)] px-2.5 py-1 text-[12px] font-semibold text-[var(--ink-soft)]",
+				children: [
+					account.app ? /* @__PURE__ */ jsx("span", {
+						className: "text-[var(--ink-faint)]",
+						children: account.app
+					}) : null,
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: account.handle ?? (account.username ? `@${account.username}` : account.id)
+					}),
+					account.isDefault ? /* @__PURE__ */ jsx("span", {
+						className: "text-[var(--accent)]",
+						children: "default"
+					}) : null
+				]
+			}, `${account.app ?? ""}:${account.username ?? account.handle ?? account.id ?? String(index)}`)) : /* @__PURE__ */ jsx("span", {
+				className: "text-[13px] text-[var(--ink-soft)]",
+				children: "no authenticated account detected"
+			})
+		})]
+	});
+}
+function CapabilityRow({ capability, sourcesByKind }) {
+	const chain = [capability.primary, ...capability.fallbacks];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid gap-3 border-b border-[var(--line)] px-4 py-4 min-[840px]:grid-cols-[220px_minmax(0,1fr)]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "font-bold text-[var(--ink)]",
+				children: capability.label
+			}), capability.notes ? /* @__PURE__ */ jsx("div", {
+				className: "mt-1 text-[12px] text-[var(--ink-soft)]",
+				children: capability.notes
+			}) : null]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex min-w-0 flex-wrap items-center gap-2",
+			children: chain.map((source, index) => {
+				const status = sourcesByKind.get(source);
+				return /* @__PURE__ */ jsxs("div", {
+					className: cx("inline-flex items-center gap-2 rounded-full border px-3 py-1 text-[13px] font-semibold", Boolean(status?.works) ? "border-[color:color-mix(in_srgb,#22c55e_38%,var(--line))] text-[var(--ink)]" : "border-[var(--line)] text-[var(--ink-soft)]"),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-[12px] text-[var(--ink-faint)]",
+						children: index === 0 ? "primary" : `fallback ${String(index)}`
+					}), /* @__PURE__ */ jsx("span", { children: sourceLabel(source) })]
+				}, `${capability.key}:${source}:${String(index)}`);
+			})
+		})]
+	});
+}
+function DataSourcesRoute() {
+	const dataSourcesQuery = useQuery({
+		queryKey: queryKeys.dataSources,
+		queryFn: fetchDataSources,
+		staleTime: 5 * 6e4
+	});
+	const snapshot = dataSourcesQuery.data ?? null;
+	const loading = dataSourcesQuery.isFetching;
+	const error = dataSourcesQuery.error;
+	const sourcesByKind = useMemo(() => new Map((snapshot?.sources ?? []).map((source) => [source.source, source])), [snapshot]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-screen flex-col",
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: pageHeaderClass,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: pageHeaderRowClass,
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: pageTitleClass,
+						children: "Data Sources"
+					}), /* @__PURE__ */ jsx("p", {
+						className: pageSubtitleClass,
+						children: "Live auth, local archive, and automatic fallback order"
+					})] }), /* @__PURE__ */ jsx("div", {
+						className: pageHeaderActionsClass,
+						children: /* @__PURE__ */ jsxs("button", {
+							className: secondaryButtonClass,
+							type: "button",
+							onClick: () => void dataSourcesQuery.refetch(),
+							disabled: loading,
+							children: [/* @__PURE__ */ jsx(RefreshCw, { className: cx("size-4", loading && "animate-spin") }), "Refresh"]
+						})
+					})]
+				})
+			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				className: errorCopyClass,
+				children: error instanceof Error ? error.message : "Data sources unavailable"
+			}) : null,
+			snapshot ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+				className: "grid border-t border-[var(--line)]",
+				children: snapshot.sources.map((source) => /* @__PURE__ */ jsx(SourceCard, { source }, source.source))
+			}), /* @__PURE__ */ jsxs("section", {
+				className: "min-h-0 flex-1",
+				children: [/* @__PURE__ */ jsxs("header", {
+					className: "border-b border-[var(--line)] px-4 py-3",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-[16px] font-bold text-[var(--ink)]",
+						children: "Fallbacks"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-[13px] text-[var(--ink-soft)]",
+						children: "Calls try the next source when the current source cannot serve the request."
+					})]
+				}), snapshot.capabilities.map((capability) => /* @__PURE__ */ jsx(CapabilityRow, {
+					capability,
+					sourcesByKind
+				}, capability.key))]
+			})] }) : loading ? /* @__PURE__ */ jsx("div", {
+				className: statusCopyClass,
+				children: "Checking data sources..."
+			}) : null
+		]
+	});
+}
+//#endregion
+export { DataSourcesRoute as component };

package/dist/server/assets/discuss-CJ1dau1j.js

@@ -0,0 +1,15 @@
+import "./ui-qbmcMSSX.js";
+import "./client-stream-contracts-C2xbWVjm.js";
+import { n as validateDiscussSearch } from "./route-search-BUlQ5lGM.js";
+import "react";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import "react/jsx-runtime";
+import "lucide-react";
+//#region src/routes/discuss.tsx
+var $$splitComponentImporter = () => import("./discuss-QTo08NCN.js");
+var Route$1 = createFileRoute("/discuss")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	validateSearch: validateDiscussSearch
+});
+//#endregion
+export { Route$1 as t };

package/dist/server/assets/discuss-QTo08NCN.js

@@ -0,0 +1,338 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, Ht as searchFieldInputClass, Jt as selectFieldClass, Mt as primaryButtonClass, Ot as pageTitleClass, Tt as pageHeaderClass, Ut as searchFieldShellClass, Vt as searchFieldIconClass, Wt as secondaryButtonClass, dn as textFieldClass, m as cx, q as errorCopyClass, wt as pageHeaderActionsClass } from "./ui-qbmcMSSX.js";
+import { a as useNdjsonRun, i as searchDiscussionStreamEventSchema, o as MarkdownViewer, t as isTerminalStreamEvent } from "./client-stream-contracts-C2xbWVjm.js";
+import { n as validateDiscussSearch } from "./route-search-BUlQ5lGM.js";
+import { t as Route$1 } from "./discuss-CJ1dau1j.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, ChevronDown, Loader2, RefreshCw, Search, Sparkles } from "lucide-react";
+//#region src/routes/discuss.tsx?tsr-split=component
+var sources = [
+	{
+		value: "search",
+		label: "Live search"
+	},
+	{
+		value: "all",
+		label: "All local"
+	},
+	{
+		value: "home",
+		label: "Home"
+	},
+	{
+		value: "mentions",
+		label: "Mentions"
+	},
+	{
+		value: "authored",
+		label: "Authored"
+	},
+	{
+		value: "likes",
+		label: "Likes"
+	},
+	{
+		value: "bookmarks",
+		label: "Bookmarks"
+	}
+];
+var modes = [
+	{
+		value: "auto",
+		label: "Auto"
+	},
+	{
+		value: "bird",
+		label: "Bird"
+	},
+	{
+		value: "xurl",
+		label: "xurl"
+	},
+	{
+		value: "local",
+		label: "Local"
+	}
+];
+var DISCUSS_SEARCH_LIMIT = 2e4;
+var DISCUSS_MAX_PAGES = 200;
+function discussionPrematureEofError() {
+	return /* @__PURE__ */ new Error("Discussion connection closed before completion. Retry to continue.");
+}
+function discussionStreamError(cause) {
+	return cause instanceof Error ? cause.message : "Discussion failed";
+}
+function discussionUrl(query, options) {
+	const url = new URL("/api/search-discussion", window.location.origin);
+	url.searchParams.set("query", query);
+	url.searchParams.set("source", options.source);
+	url.searchParams.set("mode", options.mode);
+	url.searchParams.set("includeDms", String(options.includeDms));
+	url.searchParams.set("limit", String(DISCUSS_SEARCH_LIMIT));
+	url.searchParams.set("maxPages", String(DISCUSS_MAX_PAGES));
+	if (options.question.trim()) url.searchParams.set("question", options.question.trim());
+	if (options.refresh) url.searchParams.set("refresh", "true");
+	return url;
+}
+function DropdownField({ label, value, options, onChange }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "relative min-w-0",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "pointer-events-none absolute left-3 top-1.5 z-10 text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--ink-soft)]",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("select", {
+				"aria-label": label,
+				className: cx(selectFieldClass, "h-[54px] rounded-2xl bg-[var(--bg)] pb-1 pl-3 pr-9 pt-5 font-semibold text-[var(--ink)]"),
+				value,
+				onChange: (event) => onChange(event.currentTarget.value),
+				children: options.map((item) => /* @__PURE__ */ jsx("option", {
+					value: item.value,
+					children: item.label
+				}, item.value))
+			}),
+			/* @__PURE__ */ jsx(ChevronDown, {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[var(--ink-soft)]",
+				strokeWidth: 2
+			})
+		]
+	});
+}
+function formatCounts(context) {
+	if (!context) return "Live keyword search with local memory.";
+	const counts = context.counts;
+	return [
+		context.liveSearch ? context.liveSearch.ok ? `${context.liveSearch.source} ${String(context.liveSearch.count)} fetched` : `${context.liveSearch.source} failed` : "local",
+		`${String(counts.search)} search`,
+		`${String(counts.home + counts.mentions + counts.authored)} timeline`,
+		`${String(counts.likes + counts.bookmarks)} saved`,
+		context.includeDms ? `${String(counts.dms)} DMs` : null
+	].filter(Boolean).join(" · ");
+}
+function useDiscussionStream(query, source, mode, includeDms, question) {
+	const [markdown, setMarkdown] = useState("");
+	const [context, setContext] = useState(null);
+	const [result, setResult] = useState(null);
+	const onStart = useCallback(() => {
+		setMarkdown("");
+		setContext(null);
+		setResult(null);
+	}, []);
+	const { error, loading, run: runStream } = useNdjsonRun({
+		schema: searchDiscussionStreamEventSchema,
+		request: useCallback((signal, refresh) => {
+			const trimmed = query.trim();
+			return fetch(discussionUrl(trimmed, {
+				source,
+				mode,
+				includeDms,
+				question,
+				refresh
+			}), { signal });
+		}, [
+			includeDms,
+			mode,
+			query,
+			question,
+			source
+		]),
+		onStart,
+		onEvent: useCallback((event) => {
+			if (event.type === "start") setContext(event.context);
+			else if (event.type === "delta") setMarkdown((current) => current + event.delta);
+			else if (event.type === "done") {
+				setResult(event.result);
+				setContext(event.result.context);
+				setMarkdown(event.result.markdown);
+			} else if (event.type === "error") throw new Error(event.error);
+		}, []),
+		isTerminal: isTerminalStreamEvent,
+		errorLabel: "Discussion request failed",
+		emptyBodyMessage: "Discussion request failed: empty response body",
+		prematureEofError: discussionPrematureEofError,
+		formatError: discussionStreamError
+	});
+	return {
+		context,
+		error,
+		loading,
+		markdown,
+		result,
+		run: useCallback((refresh = false) => {
+			if (query.trim()) runStream(refresh);
+		}, [query, runStream])
+	};
+}
+function DiscussRoute() {
+	const search = Route$1.useSearch();
+	const navigate = Route$1.useNavigate();
+	return /* @__PURE__ */ jsx(DiscussRouteView, {
+		searchState: search,
+		onSearchChange: (next, options) => void navigate({
+			search: next,
+			replace: options?.replace
+		})
+	});
+}
+function DiscussRouteView({ searchState: controlledSearch, onSearchChange } = {}) {
+	const [localSearch, setLocalSearch] = useState(() => validateDiscussSearch({}));
+	const searchState = controlledSearch ?? localSearch;
+	const updateSearch = (next, options) => onSearchChange ? onSearchChange(next, options) : setLocalSearch(next);
+	const { q: query, question, source, mode, includeDms } = searchState;
+	const [submittedQuery, setSubmittedQuery] = useState("");
+	const pendingSubmitRef = useRef(false);
+	const { context, error, loading, markdown, result, run } = useDiscussionStream(submittedQuery, source, mode, includeDms, question);
+	const sourceLabel = useMemo(() => formatCounts(result?.context ?? context), [context, result]);
+	function submit(event) {
+		event.preventDefault();
+		const trimmed = query.trim();
+		if (!trimmed) return;
+		pendingSubmitRef.current = true;
+		setSubmittedQuery(trimmed);
+		if (trimmed === submittedQuery) {
+			pendingSubmitRef.current = false;
+			run(false);
+		}
+	}
+	useEffect(() => {
+		if (!submittedQuery || !pendingSubmitRef.current) return;
+		pendingSubmitRef.current = false;
+		run(false);
+	}, [run, submittedQuery]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-screen flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: pageHeaderClass,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: pageHeaderRowClass,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: pageTitleClass,
+							children: "Discuss"
+						}), /* @__PURE__ */ jsx("p", {
+							className: pageSubtitleClass,
+							children: sourceLabel
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: pageHeaderActionsClass,
+						children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: secondaryButtonClass,
+							onClick: () => run(true),
+							disabled: loading || !submittedQuery,
+							children: [/* @__PURE__ */ jsx(RefreshCw, {
+								className: cx("size-4", loading && "animate-spin"),
+								"aria-hidden": "true"
+							}), "Refresh"]
+						})
+					})]
+				}), /* @__PURE__ */ jsxs("form", {
+					className: "grid gap-2 px-4 pb-3 md:grid-cols-[minmax(220px,1fr)_minmax(180px,0.8fr)_auto]",
+					onSubmit: submit,
+					children: [
+						/* @__PURE__ */ jsxs("label", {
+							className: searchFieldShellClass,
+							children: [/* @__PURE__ */ jsx(Search, {
+								className: searchFieldIconClass,
+								strokeWidth: 2
+							}), /* @__PURE__ */ jsx("input", {
+								className: searchFieldInputClass,
+								placeholder: "Keywords",
+								value: query,
+								onChange: (event) => updateSearch({
+									...searchState,
+									q: event.currentTarget.value
+								}, { replace: true })
+							})]
+						}),
+						/* @__PURE__ */ jsx("input", {
+							className: textFieldClass,
+							placeholder: "Optional question",
+							value: question,
+							onChange: (event) => updateSearch({
+								...searchState,
+								question: event.currentTarget.value
+							}, { replace: true })
+						}),
+						/* @__PURE__ */ jsxs("button", {
+							type: "submit",
+							className: primaryButtonClass,
+							disabled: loading || !query.trim(),
+							children: [/* @__PURE__ */ jsx(Sparkles, {
+								className: "size-4",
+								"aria-hidden": "true"
+							}), "Discuss"]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-2 md:col-span-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]",
+							children: [
+								/* @__PURE__ */ jsx(DropdownField, {
+									label: "Source",
+									options: sources,
+									value: source,
+									onChange: (value) => updateSearch({
+										...searchState,
+										source: value
+									})
+								}),
+								/* @__PURE__ */ jsx(DropdownField, {
+									label: "Mode",
+									options: modes,
+									value: mode,
+									onChange: (value) => updateSearch({
+										...searchState,
+										mode: value
+									})
+								}),
+								/* @__PURE__ */ jsxs("label", {
+									className: "inline-flex h-[54px] items-center gap-2 rounded-2xl border border-[var(--line)] bg-[var(--bg)] px-3 text-[13px] font-medium text-[var(--ink-soft)]",
+									children: [/* @__PURE__ */ jsx("input", {
+										type: "checkbox",
+										checked: includeDms,
+										onChange: (event) => updateSearch({
+											...searchState,
+											includeDms: event.currentTarget.checked
+										})
+									}), "DMs"]
+								})
+							]
+						})
+					]
+				})]
+			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				className: errorCopyClass,
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "border-b border-[var(--line)] px-4 py-2 text-[13px] text-[var(--ink-soft)]",
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1",
+					children: [loading ? /* @__PURE__ */ jsx(Loader2, {
+						className: "size-4 animate-spin",
+						"aria-hidden": "true"
+					}) : markdown ? /* @__PURE__ */ jsx(CheckCircle2, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ jsx(Sparkles, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), loading ? "Searching and streaming" : result ? `${result.cached ? "Cached" : "Ready"} · ${result.context.query}` : "Ready"]
+				})
+			}),
+			markdown ? /* @__PURE__ */ jsx(MarkdownViewer, {
+				context: result?.context ?? context,
+				markdown
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "px-4 py-5 text-[14px] text-[var(--ink-soft)]",
+				children: loading ? "Waiting for the first tokens..." : "Search to begin."
+			})
+		]
+	});
+}
+//#endregion
+export { DiscussRouteView, DiscussRoute as component };