birdclaw 0.6.0 → 0.8.0

package/src/routes/today.tsx

@@ -51,6 +51,8 @@ function digestUrl(
 	const url = new URL("/api/period-digest", window.location.origin);
 	url.searchParams.set("period", period);
 	url.searchParams.set("includeDms", String(includeDms));
+	url.searchParams.set("maxTweets", "5000");
+	url.searchParams.set("maxLinks", "20");
 	if (refresh) {
 		url.searchParams.set("refresh", "true");
 	}
@@ -175,6 +177,7 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 	const [result, setResult] = useState<PeriodDigestRunResult | null>(null);
 	const [error, setError] = useState<string | null>(null);
 	const [loading, setLoading] = useState(false);
+	const [status, setStatus] = useState("Starting digest");
 	const abortRef = useRef<AbortController | null>(null);
 	const requestIdRef = useRef(0);
 	const hydratedHandlesRef = useRef(new Set<string>());
@@ -195,6 +198,7 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 			setContext(null);
 			setResult(null);
 			setError(null);
+			setStatus("Starting digest");
 			setLoading(true);
 
 			fetch(digestUrl(period, includeDms, refresh), {
@@ -222,16 +226,27 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 								if (line) {
 									const event = JSON.parse(line) as PeriodDigestStreamEvent;
 									if (!isActiveRequest()) return;
-									if (event.type === "start") {
+									if (event.type === "status") {
+										setStatus(
+											event.detail
+												? `${event.label} · ${event.detail}`
+												: event.label,
+										);
+									} else if (event.type === "start") {
 										setContext(event.context);
 									} else if (event.type === "delta") {
+										setStatus("Streaming AI summary");
 										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 ? "Loaded cached report" : "Ready",
+										);
 									} else if (event.type === "error") {
 										setError(event.error);
+										setStatus("Digest failed");
 									}
 								}
 								newline = buffer.indexOf("\n");
@@ -243,6 +258,7 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 				.catch((cause: unknown) => {
 					if (!isActiveRequest()) return;
 					setError(cause instanceof Error ? cause.message : "Digest failed");
+					setStatus("Digest failed");
 				})
 				.finally(() => {
 					if (isActiveRequest()) {
@@ -342,16 +358,14 @@ function useDigestStream(period: PeriodOption, includeDms: boolean) {
 		};
 	}, [result]);
 
-	return { context, error, loading, markdown, result, run };
+	return { context, error, loading, markdown, result, run, status };
 }
 
 function TodayRoute() {
 	const [period, setPeriod] = useState<PeriodOption>("today");
 	const [includeDms, setIncludeDms] = useState(false);
-	const { context, error, loading, markdown, result, run } = useDigestStream(
-		period,
-		includeDms,
-	);
+	const { context, error, loading, markdown, result, run, status } =
+		useDigestStream(period, includeDms);
 	const sourceLabel = useMemo(
 		() => formatCounts(result?.context ?? context),
 		[context, result],
@@ -419,7 +433,7 @@ function TodayRoute() {
 						<Sparkles className="size-4" aria-hidden="true" />
 					)}
 					{loading
-						? "Streaming report"
+						? status
 						: result
 							? `${result.cached ? "Cached" : "Ready"} · ${result.context.window.label}`
 							: "Ready"}
@@ -433,7 +447,7 @@ function TodayRoute() {
 				/>
 			) : (
 				<div className="px-4 py-5 text-[14px] text-[var(--ink-soft)]">
-					Waiting for the first tokens...
+					{loading ? status : "Waiting for the first tokens..."}
 				</div>
 			)}
 		</div>

package/src/styles.css

@@ -129,6 +129,28 @@ textarea {
 	background: color-mix(in srgb, var(--ink-soft) 55%, transparent);
 }
 
+[data-theme="dark"] .mapboxgl-ctrl-group {
+	background: var(--bg-elevated);
+	border: 1px solid var(--line-strong);
+	box-shadow: 0 10px 28px var(--shadow);
+}
+
+[data-theme="dark"] .mapboxgl-ctrl-group button {
+	background-color: var(--bg-elevated);
+}
+
+[data-theme="dark"] .mapboxgl-ctrl-group button + button {
+	border-top-color: var(--line);
+}
+
+[data-theme="dark"] .mapboxgl-ctrl-group button:not(:disabled):hover {
+	background-color: var(--bg-hover);
+}
+
+[data-theme="dark"] .mapboxgl-ctrl-group .mapboxgl-ctrl-icon {
+	filter: invert(0.88);
+}
+
 @keyframes theme-circle-transition {
 	0% {
 		clip-path: circle(