birdclaw 0.8.2 → 0.8.4

package/dist/server/assets/FeedState-ntW0Q2GB.js

@@ -0,0 +1,214 @@
+import { K as emptyStateClass, m as cx } from "./ui-qbmcMSSX.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/BrandMark.tsx
+function BirdclawMark({ animated = false, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: cx("birdclaw-mark relative inline-grid shrink-0 place-items-center", animated && "birdclaw-mark-animated", className),
+		children: /* @__PURE__ */ jsx("img", {
+			alt: "",
+			className: "size-full object-contain drop-shadow-[0_10px_22px_var(--brand-shadow)]",
+			draggable: false,
+			src: "/birdclaw-mark.png"
+		})
+	});
+}
+function BirdclawLoading({ label, detail }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(emptyStateClass, "birdclaw-state"),
+		children: [
+			/* @__PURE__ */ jsx(BirdclawMark, {
+				animated: true,
+				className: "size-16"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3 text-[14px] font-semibold text-[var(--ink)]",
+				children: label
+			}),
+			detail ? /* @__PURE__ */ jsx("div", {
+				className: "mt-1 text-[13px] text-[var(--ink-soft)]",
+				children: detail
+			}) : null
+		]
+	});
+}
+function BirdclawEmpty({ label, detail }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(emptyStateClass, "birdclaw-state"),
+		children: [
+			/* @__PURE__ */ jsx(BirdclawMark, { className: "size-12 opacity-75" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3 text-[14px] font-semibold text-[var(--ink)]",
+				children: label
+			}),
+			detail ? /* @__PURE__ */ jsx("div", {
+				className: "mt-1 text-[13px] text-[var(--ink-soft)]",
+				children: detail
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/FeedState.tsx
+function SkeletonBlock({ className, muted = false }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: `block animate-pulse rounded-full ${muted ? "bg-[color:color-mix(in_srgb,var(--ink-soft)_16%,transparent)]" : "bg-[color:color-mix(in_srgb,var(--ink-soft)_24%,transparent)]"} ${className}`
+	});
+}
+function TweetSkeletonRows({ count = 4 }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: "divide-y divide-[var(--line)]",
+		children: Array.from({ length: count }, (_unused, index) => {
+			const hasMedia = index % 3 === 0;
+			const hasQuote = index % 4 === 2;
+			return /* @__PURE__ */ jsxs("article", {
+				className: "flex gap-3 px-4 py-3",
+				"data-perf": "tweet-skeleton-row",
+				children: [/* @__PURE__ */ jsx(SkeletonBlock, { className: "size-10 shrink-0 rounded-full" }), /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1 space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3.5 w-32" }),
+								/* @__PURE__ */ jsx(SkeletonBlock, {
+									className: "h-3 w-20",
+									muted: true
+								}),
+								/* @__PURE__ */ jsx(SkeletonBlock, {
+									className: "ml-auto h-5 w-16",
+									muted: true
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-full" }),
+								/* @__PURE__ */ jsx(SkeletonBlock, {
+									className: "h-3 w-11/12",
+									muted: true
+								}),
+								index % 2 === 0 ? /* @__PURE__ */ jsx(SkeletonBlock, {
+									className: "h-3 w-7/12",
+									muted: true
+								}) : null
+							]
+						}),
+						hasMedia ? /* @__PURE__ */ jsx(SkeletonBlock, {
+							className: "h-32 w-full rounded-2xl",
+							muted: true
+						}) : null,
+						hasQuote ? /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2 rounded-2xl border border-[var(--line)] px-3 py-2",
+							children: [/* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-28",
+								muted: true
+							}), /* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-full",
+								muted: true
+							})]
+						}) : null,
+						/* @__PURE__ */ jsx("div", {
+							className: "flex max-w-md items-center justify-between",
+							children: [
+								"thread",
+								"reply",
+								"repost",
+								"like"
+							].map((key) => /* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-11",
+								muted: true
+							}, key))
+						})
+					]
+				})]
+			}, `tweet-skeleton-${index}`);
+		})
+	});
+}
+function LinkSkeletonRows({ count = 4 }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: "divide-y divide-[var(--line)]",
+		children: Array.from({ length: count }, (_unused, index) => /* @__PURE__ */ jsxs("article", {
+			className: "flex gap-3 px-4 py-3",
+			"data-perf": "link-skeleton-row",
+			children: [/* @__PURE__ */ jsx(SkeletonBlock, {
+				className: "size-9 shrink-0 rounded-full",
+				muted: true
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1 space-y-3",
+				children: [
+					/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3.5 w-8/12" }),
+					/* @__PURE__ */ jsx(SkeletonBlock, {
+						className: "h-3 w-6/12",
+						muted: true
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap gap-2",
+						children: [
+							/* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-20",
+								muted: true
+							}),
+							/* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-14",
+								muted: true
+							}),
+							/* @__PURE__ */ jsx(SkeletonBlock, {
+								className: "h-3 w-24",
+								muted: true
+							})
+						]
+					}),
+					index % 2 === 0 ? /* @__PURE__ */ jsx(SkeletonBlock, {
+						className: "h-20 w-72 max-w-full rounded-2xl",
+						muted: true
+					}) : null
+				]
+			})]
+		}, `link-skeleton-${index}`))
+	});
+}
+function FeedLoading({ children, detail, label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-b border-[var(--line)]",
+		children: [/* @__PURE__ */ jsx(BirdclawLoading, {
+			detail,
+			label
+		}), children]
+	});
+}
+function FeedError({ action, message, title = "Could not load this view" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "border-b border-[var(--line)] px-6 py-10 text-center",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-sm",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-[14px] font-bold text-[var(--alert)]",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-[13px] leading-[1.45] text-[var(--ink-soft)]",
+					children: message
+				}),
+				action ? /* @__PURE__ */ jsx("div", {
+					className: "mt-4 flex justify-center",
+					children: action
+				}) : null
+			]
+		})
+	});
+}
+function FeedEmpty({ detail, label }) {
+	return /* @__PURE__ */ jsx(BirdclawEmpty, {
+		detail,
+		label
+	});
+}
+//#endregion
+export { TweetSkeletonRows as a, BirdclawMark as c, LinkSkeletonRows as i, FeedError as n, BirdclawEmpty as o, FeedLoading as r, BirdclawLoading as s, FeedEmpty as t };

package/dist/server/assets/ProfileAnalysisStream-BFvhVdhn.js

@@ -0,0 +1,198 @@
+import { q as errorCopyClass } from "./ui-qbmcMSSX.js";
+import { a as useNdjsonRun, o as MarkdownViewer, r as profileAnalysisStreamEventSchema, t as isTerminalStreamEvent } from "./client-stream-contracts-C2xbWVjm.js";
+import { n as normalizeProfileHydrationHandle, t as hydrateProfileHandles } from "./profile-hydration-client-GJ4kwJS8.js";
+import { useCallback, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, Loader2, Sparkles } from "lucide-react";
+import { useQueryClient } from "@tanstack/react-query";
+//#region src/components/ProfileAnalysisClient.ts
+var DEFAULT_PROFILE_ANALYSIS_LIMITS = {
+	maxTweets: 1e4,
+	maxPages: 100,
+	maxConversations: 80,
+	maxConversationPages: 3
+};
+var PROFILE_MENTION_RE = /(^|[^\w@./])@([A-Za-z0-9_]{1,15})\b/g;
+var normalizeProfileHandle = normalizeProfileHydrationHandle;
+function handlesFromText(value) {
+	return Array.from(value.matchAll(PROFILE_MENTION_RE)).map((match) => match[2]);
+}
+function knownProfileHandles(context) {
+	const handles = /* @__PURE__ */ new Set();
+	handles.add(normalizeProfileHandle(context.profile.handle));
+	for (const profile of context.profiles ?? []) handles.add(normalizeProfileHandle(profile.handle));
+	for (const tweet of context.conversations) handles.add(normalizeProfileHandle(tweet.author));
+	return handles;
+}
+function collectProfileAnalysisHydrationHandles({ context, analysis, markdown }) {
+	const handles = /* @__PURE__ */ new Set();
+	const known = knownProfileHandles(context);
+	const add = (value) => {
+		if (!value) return;
+		const handle = normalizeProfileHandle(value);
+		if (!/^[a-z0-9_]{1,15}$/.test(handle) || known.has(handle)) return;
+		handles.add(handle);
+	};
+	for (const handle of analysis?.sourceHandles ?? []) add(handle);
+	for (const theme of analysis?.themes ?? []) for (const handle of theme.handles) add(handle);
+	if (markdown) for (const handle of handlesFromText(markdown)) add(handle);
+	for (const handle of handlesFromText(context.profile.bio)) add(handle);
+	for (const tweet of context.tweets) for (const handle of handlesFromText(tweet.text)) add(handle);
+	for (const tweet of context.conversations) {
+		for (const handle of handlesFromText(tweet.text)) add(handle);
+		for (const handle of handlesFromText(tweet.bio)) add(handle);
+	}
+	return [...handles];
+}
+function applyHydratedProfilesToProfileAnalysisContext(context, profiles) {
+	const existing = /* @__PURE__ */ new Map();
+	for (const profile of context.profiles ?? []) existing.set(normalizeProfileHandle(profile.handle), profile);
+	for (const profile of profiles) existing.set(normalizeProfileHandle(profile.handle), profile);
+	return {
+		...context,
+		profiles: [...existing.values()]
+	};
+}
+async function hydrateProfileAnalysisProfiles({ queryClient, context, analysis, markdown }) {
+	const { profiles } = await hydrateProfileHandles(queryClient, collectProfileAnalysisHydrationHandles({
+		context,
+		analysis,
+		markdown
+	}), { limit: 50 });
+	return profiles;
+}
+function profileAnalysisUrl(handle, options) {
+	const params = new URLSearchParams();
+	params.set("handle", handle);
+	params.set("maxTweets", String(options.maxTweets));
+	params.set("maxPages", String(options.maxPages));
+	params.set("maxConversations", String(options.maxConversations));
+	params.set("maxConversationPages", String(options.maxConversationPages));
+	if (options.refresh) params.set("refresh", "true");
+	return `/api/profile-analysis?${params.toString()}`;
+}
+function formatProfileAnalysisCounts(context) {
+	if (!context) return "xurl profile backfill with cached AI analysis.";
+	return [
+		context.fetchCached ? "cached backfill" : "fresh xurl backfill",
+		`${String(context.counts.tweets)} tweets`,
+		`${String(context.counts.conversationTweets)} conversation tweets`,
+		`${String(context.counts.conversationsScanned)} conversations`
+	].join(" · ");
+}
+function cleanProfileHandle(value) {
+	return value.trim().replace(/^@/, "");
+}
+//#endregion
+//#region src/components/ProfileAnalysisStream.tsx
+function profilePrematureEofError() {
+	return /* @__PURE__ */ new Error("Profile analysis connection closed before completion. Retry to continue.");
+}
+function profileStreamError(cause) {
+	return cause instanceof Error ? cause.message : "Analysis failed";
+}
+function useProfileAnalysisStream(handle) {
+	const queryClient = useQueryClient();
+	const [markdown, setMarkdown] = useState("");
+	const [context, setContext] = useState(null);
+	const [result, setResult] = useState(null);
+	const [status, setStatus] = useState("Ready");
+	const onStart = useCallback(() => {
+		setMarkdown("");
+		setContext(null);
+		setResult(null);
+		setStatus("Starting profile analysis");
+	}, []);
+	const { error, loading, run: runStream } = useNdjsonRun({
+		schema: profileAnalysisStreamEventSchema,
+		request: useCallback((signal, trimmed, refresh) => fetch(profileAnalysisUrl(trimmed, {
+			refresh,
+			...DEFAULT_PROFILE_ANALYSIS_LIMITS
+		}), { signal }), []),
+		onStart,
+		onEvent: useCallback((event, runContext) => {
+			const hydrateContext = (nextContext, nextResult) => {
+				hydrateProfileAnalysisProfiles({
+					queryClient,
+					context: nextContext,
+					analysis: nextResult?.analysis,
+					markdown: nextResult?.markdown
+				}).then((profiles) => {
+					if (!runContext.isActive()) return;
+					if (profiles.length === 0) return;
+					setContext((current) => current ? applyHydratedProfilesToProfileAnalysisContext(current, profiles) : current);
+					setResult((current) => {
+						if (!current) return current;
+						const mergedContext = applyHydratedProfilesToProfileAnalysisContext(current.context, profiles);
+						return mergedContext === current.context ? current : {
+							...current,
+							context: mergedContext
+						};
+					});
+				}).catch(() => {});
+			};
+			if (event.type === "status") setStatus(event.detail ? `${event.label} · ${event.detail}` : event.label);
+			else if (event.type === "start") {
+				setContext(event.context);
+				setStatus(event.cached ? "Loading cached analysis" : "Summarizing profile");
+				hydrateContext(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);
+				setStatus(event.result.cached ? "Cached" : "Complete");
+				hydrateContext(event.result.context, event.result);
+			} else if (event.type === "error") throw new Error(event.error);
+		}, [queryClient]),
+		isTerminal: isTerminalStreamEvent,
+		errorLabel: "Profile analysis failed",
+		emptyBodyMessage: "Profile analysis failed: empty response body",
+		prematureEofError: profilePrematureEofError,
+		formatError: profileStreamError
+	});
+	return {
+		context,
+		error,
+		loading,
+		markdown,
+		result,
+		run: useCallback((refresh = false, overrideHandle) => {
+			const trimmed = cleanProfileHandle(overrideHandle ?? handle);
+			if (trimmed) runStream(trimmed, refresh);
+		}, [handle, runStream]),
+		status
+	};
+}
+function ProfileAnalysisStatusLine({ analysis, className = "" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center gap-2 text-[13px] font-medium text-[var(--ink-soft)] ${className}`,
+		children: [analysis.loading ? /* @__PURE__ */ jsx(Loader2, {
+			className: "size-4 animate-spin",
+			strokeWidth: 1.8
+		}) : analysis.result ? /* @__PURE__ */ jsx(CheckCircle2, {
+			className: "size-4",
+			strokeWidth: 1.8
+		}) : /* @__PURE__ */ jsx(Sparkles, {
+			className: "size-4",
+			strokeWidth: 1.8
+		}), /* @__PURE__ */ jsx("span", { children: analysis.status })]
+	});
+}
+function ProfileAnalysisOutput({ analysis, emptyLabel = "No profile selected." }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [analysis.error ? /* @__PURE__ */ jsx("div", {
+		className: errorCopyClass,
+		children: analysis.error
+	}) : null, analysis.markdown ? /* @__PURE__ */ jsx("div", {
+		className: "max-w-3xl",
+		children: /* @__PURE__ */ jsx(MarkdownViewer, {
+			context: analysis.context,
+			markdown: analysis.markdown
+		})
+	}) : /* @__PURE__ */ jsx("div", {
+		className: "rounded-[8px] border border-[var(--line)] bg-[var(--panel)] p-6 text-[14px] text-[var(--ink-soft)]",
+		children: emptyLabel
+	})] });
+}
+//#endregion
+export { formatProfileAnalysisCounts as a, cleanProfileHandle as i, ProfileAnalysisStatusLine as n, useProfileAnalysisStream as r, ProfileAnalysisOutput as t };