birdclaw 0.8.0 → 0.8.2

package/src/routes/today.tsx

@@ -53,6 +53,8 @@ function digestUrl(
 	url.searchParams.set("includeDms", String(includeDms));
 	url.searchParams.set("maxTweets", "5000");
 	url.searchParams.set("maxLinks", "20");
+	// Cloudflare caps proxied requests; live timeline sync remains a separate job/UI action.
+	url.searchParams.set("liveSync", "false");
 	if (refresh) {
 		url.searchParams.set("refresh", "true");
 	}
@@ -77,6 +79,11 @@ async function digestRequestError(response: Response) {
 	} catch {
 		detail = "";
 	}
+	if (response.status === 524) {
+		return new Error(
+			"Digest startup timed out at Cloudflare (524). Retry to open a new stream.",
+		);
+	}
 	return new Error(
 		detail
 			? `Digest request failed (${status}): ${detail}`
@@ -84,6 +91,20 @@ async function digestRequestError(response: Response) {
 	);
 }
 
+function digestStreamError(cause: unknown, phase: string) {
+	const message = cause instanceof Error ? cause.message : String(cause);
+	if (
+		cause instanceof TypeError &&
+		/network error|failed to fetch|load failed/i.test(message)
+	) {
+		return `Digest connection was interrupted while ${phase.toLowerCase()}. Retry to continue.`;
+	}
+	if (cause instanceof SyntaxError) {
+		return `Digest stream returned invalid data while ${phase.toLowerCase()}. Retry to continue.`;
+	}
+	return message || "Digest failed";
+}
+
 function formatCounts(context: PeriodDigestContext | null) {
 	if (!context) return "Local Twitter memory, summarized as it streams.";
 	const counts = context.counts;
@@ -200,8 +221,11 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 			setError(null);
 			setStatus("Starting digest");
 			setLoading(true);
+			let latestStatus = "Starting digest";
+			let completed = false;
 
 			fetch(digestUrl(period, includeDms, refresh), {
+				cache: "no-store",
 				signal: controller.signal,
 			})
 				.then(async (response) => {
@@ -217,7 +241,14 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 					const pump = (): Promise<void> =>
 						reader.read().then(({ done, value }) => {
 							if (!isActiveRequest()) return;
-							if (done) return;
+							if (done) {
+								if (!completed) {
+									throw new Error(
+										`Digest connection closed while ${latestStatus.toLowerCase()}. Retry to continue.`,
+									);
+								}
+								return;
+							}
 							buffer += decoder.decode(value, { stream: true });
 							let newline = buffer.indexOf("\n");
 							while (newline >= 0) {
@@ -227,17 +258,18 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 									const event = JSON.parse(line) as PeriodDigestStreamEvent;
 									if (!isActiveRequest()) return;
 									if (event.type === "status") {
-										setStatus(
-											event.detail
-												? `${event.label} · ${event.detail}`
-												: event.label,
-										);
+										latestStatus = event.detail
+											? `${event.label} · ${event.detail}`
+											: event.label;
+										setStatus(latestStatus);
 									} else if (event.type === "start") {
 										setContext(event.context);
 									} else if (event.type === "delta") {
-										setStatus("Streaming AI summary");
+										latestStatus = "Streaming AI summary";
+										setStatus(latestStatus);
 										setMarkdown((current) => current + event.delta);
 									} else if (event.type === "done") {
+										completed = true;
 										setResult(event.result);
 										setContext(event.result.context);
 										setMarkdown(event.result.markdown);
@@ -245,6 +277,7 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 											event.result.cached ? "Loaded cached report" : "Ready",
 										);
 									} else if (event.type === "error") {
+										completed = true;
 										setError(event.error);
 										setStatus("Digest failed");
 									}
@@ -257,7 +290,7 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 				})
 				.catch((cause: unknown) => {
 					if (!isActiveRequest()) return;
-					setError(cause instanceof Error ? cause.message : "Digest failed");
+					setError(digestStreamError(cause, latestStatus));
 					setStatus("Digest failed");
 				})
 				.finally(() => {
@@ -421,7 +454,24 @@ function TodayRoute() {
 				</div>
 			</header>
 
-			{error ? <div className={errorCopyClass}>{error}</div> : null}
+			{error ? (
+				<div
+					className={cx(
+						errorCopyClass,
+						"flex items-center justify-between gap-3",
+					)}
+					role="alert"
+				>
+					<span>{error}</span>
+					<button
+						className="shrink-0 font-semibold underline underline-offset-2"
+						onClick={() => run(true)}
+						type="button"
+					>
+						Retry
+					</button>
+				</div>
+			) : null}
 
 			<div className="border-b border-[var(--line)] px-4 py-2 text-[13px] text-[var(--ink-soft)]">
 				<span className="inline-flex items-center gap-1">
@@ -436,7 +486,9 @@ function TodayRoute() {
 						? status
 						: result
 							? `${result.cached ? "Cached" : "Ready"} · ${result.context.window.label}`
-							: "Ready"}
+							: error
+								? "Digest failed"
+								: "Ready"}
 				</span>
 			</div>
 
@@ -447,7 +499,11 @@ function TodayRoute() {
 				/>
 			) : (
 				<div className="px-4 py-5 text-[14px] text-[var(--ink-soft)]">
-					{loading ? status : "Waiting for the first tokens..."}
+					{loading
+						? status
+						: error
+							? "No digest was generated. Retry to start a new run."
+							: "Waiting for the first tokens..."}
 				</div>
 			)}
 		</div>

package/vite.config.ts

@@ -1,5 +1,4 @@
 import tailwindcss from "@tailwindcss/vite";
-import { devtools } from "@tanstack/devtools-vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
@@ -11,7 +10,6 @@ const extraAllowedHosts =
 
 const config = defineConfig({
 	plugins: [
-		devtools(),
 		tailwindcss(),
 		tanstackStart({
 			router: {