birdclaw 0.8.3 → 0.8.5

package/dist/server/assets/inbox-CkGOaW1q.js

@@ -0,0 +1,214 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, K as emptyStateClass, Mt as primaryButtonClass, Ot as pageTitleClass, Tt as pageHeaderClass, Wt as secondaryButtonClass, Z as feedClass, cn as tabButtonClass, dn as textFieldClass, fn as textFieldShortClass, ln as tabButtonIndicatorClass, m as cx, pn as timestampClass, un as tabStripClass } from "./ui-qbmcMSSX.js";
+import { a as fetchQueryEnvelope, n as queryKeys, r as fetchJson, s as postAction, y as inboxResponseSchema } from "./query-client-BdauHBgd.js";
+import { r as useSelectedAccountId } from "./account-selection-CTdFGWRk.js";
+import { i as validateInboxSearch } from "./route-search-BUlQ5lGM.js";
+import { n as InboxCard, t as Route$1 } from "./inbox-DpWd1EzC.js";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Sparkles } from "lucide-react";
+import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/routes/inbox.tsx?tsr-split=component
+var TABS = [
+	{
+		value: "mixed",
+		label: "Mixed"
+	},
+	{
+		value: "mentions",
+		label: "Mentions"
+	},
+	{
+		value: "dms",
+		label: "DMs"
+	}
+];
+function InboxRoute() {
+	const search = Route$1.useSearch();
+	const navigate = Route$1.useNavigate();
+	return /* @__PURE__ */ jsx(InboxRouteView, {
+		searchState: search,
+		onSearchChange: (next, options) => void navigate({
+			search: next,
+			replace: options?.replace
+		})
+	});
+}
+function InboxRouteView({ searchState: controlledSearch, onSearchChange } = {}) {
+	const queryClient = useQueryClient();
+	const [localSearch, setLocalSearch] = useState(() => validateInboxSearch({}));
+	const searchState = controlledSearch ?? localSearch;
+	const updateSearch = (next, options) => onSearchChange ? onSearchChange(next, options) : setLocalSearch(next);
+	const { kind, minScore, hideLowSignal } = searchState;
+	const [activeReplyId, setActiveReplyId] = useState(null);
+	const [replyDraft, setReplyDraft] = useState("");
+	const [isSendingReply, setIsSendingReply] = useState(false);
+	const [replyError, setReplyError] = useState(null);
+	const meta = useQuery({
+		queryKey: queryKeys.status,
+		queryFn: ({ signal }) => fetchQueryEnvelope({ signal })
+	}).data ?? null;
+	const selectedAccountId = useSelectedAccountId(meta?.accounts);
+	const inboxQuery = useQuery({
+		queryKey: [...queryKeys.inbox, {
+			hideLowSignal,
+			kind,
+			minScore,
+			selectedAccountId: selectedAccountId ?? null
+		}],
+		queryFn: async ({ signal }) => {
+			const url = new URL("/api/inbox", window.location.origin);
+			url.searchParams.set("kind", kind);
+			url.searchParams.set("minScore", minScore);
+			if (selectedAccountId) url.searchParams.set("account", selectedAccountId);
+			if (hideLowSignal) url.searchParams.set("hideLowSignal", "1");
+			return fetchJson(url, { signal }, inboxResponseSchema, "Inbox request failed");
+		},
+		placeholderData: keepPreviousData,
+		staleTime: 5 * 6e4
+	});
+	const items = inboxQuery.data?.items ?? [];
+	const stats = inboxQuery.data?.stats ?? null;
+	const scoreMutation = useMutation({
+		mutationFn: () => postAction({
+			kind: "scoreInbox",
+			scoreKind: kind,
+			account: selectedAccountId,
+			limit: 8
+		}),
+		onSuccess: () => queryClient.invalidateQueries({ queryKey: queryKeys.inbox })
+	});
+	const subtitle = useMemo(() => {
+		if (!meta || !stats) return "Ranking unreplied mentions and DMs...";
+		return `${String(stats.total)} in queue · ${String(stats.openai)} OpenAI scored · ${meta.transport.statusText}`;
+	}, [meta, stats]);
+	async function scoreNow() {
+		await scoreMutation.mutateAsync();
+	}
+	async function sendReply(item) {
+		if (!replyDraft.trim()) return;
+		setIsSendingReply(true);
+		setReplyError(null);
+		try {
+			await postAction(item.entityKind === "dm" ? {
+				kind: "replyDm",
+				conversationId: item.entityId,
+				text: replyDraft
+			} : {
+				kind: "replyTweet",
+				accountId: item.accountId,
+				tweetId: item.entityId,
+				text: replyDraft
+			});
+			setReplyDraft("");
+			setActiveReplyId(null);
+			await queryClient.invalidateQueries({ queryKey: queryKeys.inbox });
+		} catch (error) {
+			setReplyError(error instanceof Error ? error.message : "Reply failed");
+		} finally {
+			setIsSendingReply(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs("header", {
+			className: pageHeaderClass,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: pageHeaderRowClass,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-col",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: pageTitleClass,
+							children: "Inbox"
+						}), /* @__PURE__ */ jsx("p", {
+							className: pageSubtitleClass,
+							children: subtitle
+						})]
+					}), /* @__PURE__ */ jsxs("button", {
+						className: primaryButtonClass,
+						disabled: scoreMutation.isPending,
+						onClick: () => void scoreNow(),
+						type: "button",
+						children: [/* @__PURE__ */ jsx(Sparkles, {
+							className: "size-4",
+							strokeWidth: 2.2
+						}), scoreMutation.isPending ? "Scoring..." : "Score with OpenAI"]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2 px-4 pb-3",
+					children: [/* @__PURE__ */ jsx("input", {
+						className: cx(textFieldClass, textFieldShortClass),
+						inputMode: "numeric",
+						onChange: (event) => updateSearch({
+							...searchState,
+							minScore: event.target.value
+						}, { replace: true }),
+						placeholder: "Min AI score",
+						value: minScore
+					}), /* @__PURE__ */ jsx("button", {
+						className: secondaryButtonClass,
+						onClick: () => updateSearch({
+							...searchState,
+							hideLowSignal: !hideLowSignal
+						}),
+						type: "button",
+						"aria-pressed": hideLowSignal,
+						children: hideLowSignal ? "Hide low-signal" : "Show all"
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: tabStripClass,
+					children: TABS.map((tab) => {
+						const active = kind === tab.value;
+						return /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-pressed": active,
+							className: cx(tabButtonClass, active && "text-[var(--ink)] font-bold"),
+							onClick: () => updateSearch({
+								...searchState,
+								kind: tab.value
+							}),
+							children: /* @__PURE__ */ jsxs("span", {
+								className: "relative inline-flex flex-col items-center justify-center py-1",
+								children: [tab.value, active ? /* @__PURE__ */ jsx("span", { className: tabButtonIndicatorClass }) : null]
+							})
+						}, tab.value);
+					})
+				})
+			]
+		}),
+		replyError ? /* @__PURE__ */ jsx("p", {
+			className: cx(timestampClass, "px-4 py-2 text-red-500"),
+			children: replyError
+		}) : null,
+		/* @__PURE__ */ jsxs("section", {
+			className: feedClass,
+			children: [items.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: emptyStateClass,
+				children: "Inbox clear."
+			}) : null, items.map((item) => /* @__PURE__ */ jsx(InboxCard, {
+				isReplying: activeReplyId === item.id,
+				item,
+				onReplyChange: setReplyDraft,
+				onReplySend: () => void sendReply(item),
+				onReplyToggle: () => {
+					setReplyError(null);
+					if (activeReplyId === item.id) {
+						setActiveReplyId(null);
+						setReplyDraft("");
+						return;
+					}
+					setActiveReplyId(item.id);
+					setReplyDraft("");
+				},
+				replyDraft: activeReplyId === item.id ? replyDraft : ""
+			}, item.id))]
+		}),
+		isSendingReply ? /* @__PURE__ */ jsx("p", {
+			className: cx(timestampClass, "px-4 py-2"),
+			children: "Sending reply..."
+		}) : null
+	] });
+}
+//#endregion
+export { InboxRouteView, InboxRoute as component };

package/dist/server/assets/inbox-DpWd1EzC.js

@@ -0,0 +1,146 @@
+import { $ as feedRowBodyClass, At as pillClass, Mt as primaryButtonClass, Wt as secondaryButtonClass, _t as mutedDotClass, c as composerBarClass, ct as feedRowTextClass, et as feedRowClass, it as feedRowNameClass, jt as pillSoftClass, kt as pillAlertClass, l as composerInputClass, lt as feedRowTimestampClass, m as cx, nt as feedRowHandleClass, pn as timestampClass, rt as feedRowHeaderClass, tt as feedRowDotClass, u as composerShellClass, ut as inboxAnalysisClass } from "./ui-qbmcMSSX.js";
+import "./query-client-BdauHBgd.js";
+import { r as formatCompactNumber, t as AvatarChip } from "./AvatarChip-zUDAEmjL.js";
+import "./account-selection-CTdFGWRk.js";
+import { t as SmartTimestamp } from "./SmartTimestamp-DfwE1NGf.js";
+import { i as validateInboxSearch } from "./route-search-BUlQ5lGM.js";
+import "react";
+import { Link, createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, Circle, ExternalLink, MessageCircle } from "lucide-react";
+import "@tanstack/react-query";
+//#region src/components/InboxCard.tsx
+function InboxCard({ item, isReplying, replyDraft, onReplyChange, onReplyToggle, onReplySend }) {
+	return /* @__PURE__ */ jsxs("article", {
+		className: cx(feedRowClass, "items-start"),
+		children: [/* @__PURE__ */ jsx(AvatarChip, {
+			avatarUrl: item.participant.avatarUrl,
+			hue: item.participant.avatarHue,
+			name: item.participant.displayName,
+			profileId: item.participant.id
+		}), /* @__PURE__ */ jsxs("div", {
+			className: feedRowBodyClass,
+			children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: feedRowHeaderClass,
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "flex min-w-0 items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: feedRowNameClass,
+								children: item.participant.displayName
+							}), /* @__PURE__ */ jsxs("span", {
+								className: feedRowHandleClass,
+								children: ["@", item.participant.handle]
+							})]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: feedRowDotClass,
+							children: "·"
+						}),
+						/* @__PURE__ */ jsx(SmartTimestamp, {
+							className: feedRowTimestampClass,
+							value: item.createdAt
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "ml-auto flex items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: cx(pillClass, pillSoftClass),
+								children: item.entityKind
+							}), /* @__PURE__ */ jsxs("span", {
+								className: cx(pillClass, pillAlertClass),
+								children: ["score ", item.score]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("h3", {
+					className: "text-[15px] font-bold text-[var(--ink)]",
+					children: item.title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: feedRowTextClass,
+					children: item.text
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: inboxAnalysisClass,
+					children: [/* @__PURE__ */ jsx("strong", {
+						className: "text-[var(--ink)]",
+						children: item.summary
+					}), /* @__PURE__ */ jsx("p", { children: item.reasoning })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex items-center justify-between gap-3 text-[13px] text-[var(--ink-soft)]",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx("span", { children: item.source }),
+							/* @__PURE__ */ jsx("span", { className: mutedDotClass }),
+							/* @__PURE__ */ jsxs("span", { children: ["influence ", formatCompactNumber(item.influenceScore)] }),
+							/* @__PURE__ */ jsx("span", { className: mutedDotClass }),
+							/* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-1",
+								children: [item.needsReply ? /* @__PURE__ */ jsx(Circle, {
+									className: "size-3",
+									strokeWidth: 2.2
+								}) : /* @__PURE__ */ jsx(CheckCircle2, {
+									className: "size-3.5",
+									strokeWidth: 2
+								}), item.needsReply ? "open" : "replied"]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsxs("button", {
+							className: secondaryButtonClass,
+							onClick: onReplyToggle,
+							type: "button",
+							children: [/* @__PURE__ */ jsx(MessageCircle, {
+								className: "size-4",
+								strokeWidth: 2
+							}), isReplying ? "Close reply" : "Reply"]
+						}), /* @__PURE__ */ jsxs(Link, {
+							className: cx(secondaryButtonClass, "gap-1.5"),
+							to: item.entityKind === "dm" ? "/dms" : "/mentions",
+							children: [/* @__PURE__ */ jsx(ExternalLink, {
+								className: "size-4",
+								strokeWidth: 2
+							}), "Open"]
+						})]
+					})]
+				}),
+				isReplying ? /* @__PURE__ */ jsxs("div", {
+					className: composerShellClass,
+					children: [/* @__PURE__ */ jsx("textarea", {
+						className: composerInputClass,
+						onChange: (event) => onReplyChange(event.target.value),
+						placeholder: item.entityKind === "dm" ? `Reply to @${item.participant.handle}` : `Reply to mention from @${item.participant.handle}`,
+						rows: 4,
+						value: replyDraft
+					}), /* @__PURE__ */ jsxs("div", {
+						className: composerBarClass,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: timestampClass,
+							children: "Send from inbox"
+						}), /* @__PURE__ */ jsx("button", {
+							className: primaryButtonClass,
+							disabled: !replyDraft.trim(),
+							onClick: onReplySend,
+							type: "button",
+							children: "Send"
+						})]
+					})]
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/routes/inbox.tsx
+var $$splitComponentImporter = () => import("./inbox-CkGOaW1q.js");
+var Route$1 = createFileRoute("/inbox")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	validateSearch: validateInboxSearch
+});
+//#endregion
+export { InboxCard as n, Route$1 as t };

package/dist/server/assets/likes-BMm2JWYI.js

@@ -0,0 +1,14 @@
+import { t as SavedTimelineView } from "./SavedTimelineView-BtCq1dHk.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/likes.tsx?tsr-split=component
+function LikesRoute() {
+	return /* @__PURE__ */ jsx(SavedTimelineView, {
+		eyebrow: "liked posts",
+		filter: "liked",
+		loadingLabel: "Loading liked posts...",
+		searchPlaceholder: "Search likes",
+		title: "Things worth keeping in the orbit."
+	});
+}
+//#endregion
+export { LikesRoute as component };