birdclaw 0.8.2 → 0.8.4

package/dist/server/assets/dms-BuLj4bp8.js

@@ -0,0 +1,368 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, Ht as searchFieldInputClass, Kt as segmentClass, Ot as pageTitleClass, Tt as pageHeaderClass, Ut as searchFieldShellClass, Vt as searchFieldIconClass, cn as tabButtonClass, ln as tabButtonIndicatorClass, m as cx, pn as timestampClass, qt as segmentedClass, un as tabStripClass } from "./ui-qbmcMSSX.js";
+import { a as fetchQueryEnvelope, n as queryKeys, r as fetchJson, s as postAction, v as dmQueryResponseSchema } from "./query-client-BdauHBgd.js";
+import { r as useSelectedAccountId } from "./account-selection-CTdFGWRk.js";
+import { n as FeedError, r as FeedLoading, t as FeedEmpty } from "./FeedState-ntW0Q2GB.js";
+import { r as validateDmsSearch } from "./route-search-BUlQ5lGM.js";
+import { n as DmWorkspace, t as Route$1 } from "./dms-DAyQrVM2.js";
+import { t as SyncNowButton } from "./SyncNowButton-BOn_IBXS.js";
+import { t as useDebouncedValue } from "./useDebouncedValue-DOnA6Xcy.js";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/routes/dms.tsx?tsr-split=component
+var TABS = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "unreplied",
+		label: "Unreplied"
+	},
+	{
+		value: "replied",
+		label: "Replied"
+	}
+];
+var SORTS = [{
+	value: "recent",
+	label: "Newest"
+}, {
+	value: "followers",
+	label: "Followers"
+}];
+var INBOX_FILTERS = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "accepted",
+		label: "Accepted"
+	},
+	{
+		value: "requests",
+		label: "Requests"
+	}
+];
+var filterNumberFieldClass = "flex h-[46px] shrink-0 items-center gap-2 rounded-md border border-[var(--line)] bg-[var(--bg)] px-3 py-0 text-[14px] text-[var(--ink)] outline-none transition-colors duration-150 focus-within:border-[var(--accent)] focus-within:shadow-[0_0_0_1px_var(--accent)]";
+function DmsRoute() {
+	const search = Route$1.useSearch();
+	const navigate = Route$1.useNavigate();
+	return /* @__PURE__ */ jsx(DmsRouteView, {
+		searchState: search,
+		onSearchChange: (next, options) => void navigate({
+			search: next,
+			replace: options?.replace
+		})
+	});
+}
+function DmsRouteView({ searchState: controlledSearch, onSearchChange } = {}) {
+	const queryClient = useQueryClient();
+	const [localSearch, setLocalSearch] = useState(() => validateDmsSearch({}));
+	const searchState = controlledSearch ?? localSearch;
+	const updateSearch = (next, options) => onSearchChange ? onSearchChange(next, options) : setLocalSearch(next);
+	const inboxFilter = searchState.inbox;
+	const replyFilter = searchState.reply;
+	const minFollowers = searchState.minFollowers;
+	const minInfluenceScore = searchState.minInfluence;
+	const sort = searchState.sort;
+	const search = searchState.q;
+	const selectedConversationId = searchState.conversation || void 0;
+	const [replyDraft, setReplyDraft] = useState("");
+	const meta = useQuery({
+		queryKey: queryKeys.status,
+		queryFn: ({ signal }) => fetchQueryEnvelope({ signal })
+	}).data ?? null;
+	const selectedAccountId = useSelectedAccountId(meta?.accounts);
+	const debouncedSearch = useDebouncedValue(search, 180);
+	const dmsQueryKey = [...queryKeys.dms, {
+		inboxFilter,
+		replyFilter,
+		minFollowers,
+		minInfluenceScore,
+		sort,
+		search: debouncedSearch,
+		selectedAccountId: selectedAccountId ?? null,
+		selectedConversationId: selectedConversationId ?? null
+	}];
+	const dmsQuery = useQuery({
+		queryKey: dmsQueryKey,
+		queryFn: ({ signal }) => {
+			const url = new URL("/api/query", window.location.origin);
+			url.searchParams.set("resource", "dms");
+			url.searchParams.set("inbox", inboxFilter);
+			url.searchParams.set("replyFilter", replyFilter);
+			url.searchParams.set("sort", sort);
+			if (minFollowers.trim()) url.searchParams.set("minFollowers", minFollowers.trim());
+			if (minInfluenceScore.trim()) url.searchParams.set("minInfluenceScore", minInfluenceScore.trim());
+			if (selectedAccountId && inboxFilter !== "requests") url.searchParams.set("account", selectedAccountId);
+			if (selectedConversationId) url.searchParams.set("conversationId", selectedConversationId);
+			if (debouncedSearch.trim()) url.searchParams.set("search", debouncedSearch.trim());
+			return fetchJson(url, { signal }, dmQueryResponseSchema, "Direct messages unavailable");
+		},
+		placeholderData: keepPreviousData,
+		staleTime: 5 * 6e4
+	});
+	const queryData = dmsQuery.data;
+	const dmsData = queryData?.resource === "dms" ? queryData : null;
+	const items = dmsData?.items ?? [];
+	const messages = dmsData?.selectedConversation?.messages ?? [];
+	const loadedConversationId = dmsData?.selectedConversation?.conversation.id;
+	useEffect(() => {
+		if (!dmsQuery.data) return;
+		const nextSelected = loadedConversationId ?? items[0]?.id;
+		const resolved = selectedConversationId && items.some((conversation) => conversation.id === selectedConversationId) ? selectedConversationId : nextSelected;
+		if (resolved && resolved !== selectedConversationId) updateSearch({
+			...searchState,
+			conversation: resolved
+		}, { replace: true });
+	}, [
+		dmsQuery.data,
+		items,
+		loadedConversationId
+	]);
+	const selectedConversation = items.find((item) => item.id === selectedConversationId) ?? null;
+	const switchingConversation = Boolean(!dmsQuery.isError && selectedConversationId && loadedConversationId && selectedConversationId !== loadedConversationId);
+	const subtitle = useMemo(() => {
+		if (!meta) return "Loading direct messages...";
+		return `${String(meta.stats.dms)} conversations cached locally`;
+	}, [meta]);
+	const replyMutation = useMutation({
+		mutationFn: ({ conversationId, text }) => postAction({
+			kind: "replyDm",
+			conversationId,
+			text
+		}),
+		onMutate: async ({ conversationId, text }) => {
+			await queryClient.cancelQueries({ queryKey: dmsQueryKey });
+			const previous = queryClient.getQueryData(dmsQueryKey);
+			if (!previous || previous.resource !== "dms" || !selectedConversation) return { previous };
+			const now = (/* @__PURE__ */ new Date()).toISOString();
+			const accountRecord = meta?.accounts.find((account) => account.id === selectedConversation.accountId);
+			const senderHandle = (accountRecord?.handle ?? selectedConversation.accountHandle).replace(/^@/, "");
+			const optimisticMessage = {
+				id: `optimistic-${now}`,
+				conversationId,
+				text,
+				createdAt: now,
+				direction: "outbound",
+				isReplied: true,
+				mediaCount: 0,
+				sender: {
+					id: `local-${selectedConversation.accountId}`,
+					handle: senderHandle,
+					displayName: accountRecord?.name ?? senderHandle,
+					bio: "",
+					followersCount: 0,
+					avatarHue: 18,
+					createdAt: now
+				}
+			};
+			queryClient.setQueryData(dmsQueryKey, {
+				...previous,
+				items: previous.items.map((item) => item.id === conversationId ? {
+					...item,
+					lastMessageAt: now,
+					lastMessagePreview: text,
+					needsReply: false,
+					unreadCount: 0
+				} : item),
+				selectedConversation: previous.selectedConversation ? {
+					...previous.selectedConversation,
+					messages: [...previous.selectedConversation.messages, optimisticMessage]
+				} : previous.selectedConversation
+			});
+			return { previous };
+		},
+		onError: (_error, _variables, context) => {
+			if (context?.previous) queryClient.setQueryData(dmsQueryKey, context.previous);
+		},
+		onSettled: () => Promise.all([queryClient.invalidateQueries({ queryKey: queryKeys.dms }), queryClient.invalidateQueries({ queryKey: queryKeys.status })])
+	});
+	async function replyToConversation(conversationId) {
+		const text = replyDraft.trim();
+		if (!text || !selectedConversation) return;
+		setReplyDraft("");
+		try {
+			await replyMutation.mutateAsync({
+				conversationId,
+				text
+			});
+			updateSearch({
+				...searchState,
+				conversation: conversationId
+			});
+		} catch {
+			setReplyDraft(text);
+		}
+	}
+	function refreshLocalView() {
+		Promise.all([queryClient.invalidateQueries({ queryKey: queryKeys.dms }), queryClient.invalidateQueries({ queryKey: queryKeys.status })]);
+	}
+	const loading = dmsQuery.isPending;
+	const error = dmsQuery.error ? dmsQuery.error instanceof Error ? dmsQuery.error.message : "Messages unavailable" : null;
+	const replyError = replyMutation.error ? replyMutation.error instanceof Error ? replyMutation.error.message : "Reply failed" : null;
+	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: "Messages"
+						}), /* @__PURE__ */ jsx("p", {
+							className: pageSubtitleClass,
+							children: subtitle
+						})]
+					}), /* @__PURE__ */ jsx(SyncNowButton, {
+						accounts: meta?.accounts,
+						kind: "dms",
+						label: "Sync DMs",
+						onSynced: refreshLocalView,
+						syncOptions: {
+							inbox: inboxFilter,
+							limit: inboxFilter === "requests" ? 200 : 50,
+							maxPages: inboxFilter === "requests" ? 3 : 1
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2 px-4 pb-3",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: segmentedClass,
+							"aria-label": "DM inbox",
+							children: INBOX_FILTERS.map((filter) => /* @__PURE__ */ jsx("button", {
+								"aria-pressed": inboxFilter === filter.value,
+								className: cx(segmentClass, inboxFilter === filter.value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+								onClick: () => updateSearch({
+									...searchState,
+									inbox: filter.value
+								}),
+								type: "button",
+								children: filter.label
+							}, filter.value))
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: cx(searchFieldShellClass, "flex-1 min-w-[200px]"),
+							children: [/* @__PURE__ */ jsx(Search, {
+								className: searchFieldIconClass,
+								strokeWidth: 2
+							}), /* @__PURE__ */ jsx("input", {
+								className: searchFieldInputClass,
+								onChange: (event) => updateSearch({
+									...searchState,
+									q: event.target.value
+								}, { replace: true }),
+								placeholder: "Search DMs",
+								value: search
+							})]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: cx(filterNumberFieldClass, "w-[156px]"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "shrink-0 text-[12px] font-semibold text-[var(--ink-soft)]",
+								children: "Followers"
+							}), /* @__PURE__ */ jsx("input", {
+								className: "min-w-0 flex-1 border-0 bg-transparent text-right text-[14px] text-[var(--ink)] outline-none placeholder:text-[var(--ink-soft)]",
+								inputMode: "numeric",
+								onChange: (event) => updateSearch({
+									...searchState,
+									minFollowers: event.target.value
+								}, { replace: true }),
+								placeholder: "Any",
+								value: minFollowers
+							})]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: cx(filterNumberFieldClass, "w-[132px]"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "shrink-0 text-[12px] font-semibold text-[var(--ink-soft)]",
+								children: "Score"
+							}), /* @__PURE__ */ jsx("input", {
+								className: "min-w-0 flex-1 border-0 bg-transparent text-right text-[14px] text-[var(--ink)] outline-none placeholder:text-[var(--ink-soft)]",
+								inputMode: "numeric",
+								onChange: (event) => updateSearch({
+									...searchState,
+									minInfluence: event.target.value
+								}, { replace: true }),
+								placeholder: "Any",
+								value: minInfluenceScore
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: segmentedClass,
+							children: SORTS.map((option) => /* @__PURE__ */ jsx("button", {
+								className: cx(segmentClass, option.value === sort && "bg-[var(--bg-active)] text-[var(--ink)]"),
+								onClick: () => updateSearch({
+									...searchState,
+									sort: option.value
+								}),
+								type: "button",
+								children: option.label
+							}, option.value))
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: tabStripClass,
+					"aria-label": "DM reply filter",
+					children: TABS.map((tab) => {
+						const active = replyFilter === tab.value;
+						return /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-pressed": active,
+							className: cx(tabButtonClass, active && "text-[var(--ink)] font-bold"),
+							onClick: () => updateSearch({
+								...searchState,
+								reply: 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,
+		loading && items.length === 0 || switchingConversation ? /* @__PURE__ */ jsx(FeedLoading, {
+			detail: "Reading local conversations and reply state",
+			label: "Loading messages"
+		}) : error ? /* @__PURE__ */ jsx(FeedError, {
+			action: /* @__PURE__ */ jsx("button", {
+				className: "rounded-full bg-[var(--accent)] px-4 py-1.5 text-[14px] font-bold text-white",
+				onClick: () => void dmsQuery.refetch(),
+				type: "button",
+				children: "Retry"
+			}),
+			message: error,
+			title: "Could not load messages"
+		}) : items.length === 0 ? /* @__PURE__ */ jsx(FeedEmpty, {
+			detail: "Sync DMs or broaden the filters to find a conversation.",
+			label: "No conversations in this view"
+		}) : /* @__PURE__ */ jsx(DmWorkspace, {
+			conversations: items,
+			onReplyDraftChange: setReplyDraft,
+			onReplySend: replyToConversation,
+			onSelectConversation: (conversation) => updateSearch({
+				...searchState,
+				conversation
+			}),
+			replyDraft,
+			selectedConversation,
+			selectedMessages: messages
+		})
+	] });
+}
+//#endregion
+export { DmsRouteView, DmsRoute as component };

package/dist/server/assets/dms-DAyQrVM2.js

@@ -0,0 +1,240 @@
+import { A as dmMessageRowClass, At as pillClass, C as dmListNameClass, D as dmMessageBubbleInboundClass, E as dmMessageBubbleClass, F as dmThreadHeaderClass, I as dmThreadNameClass, L as dmThreadSubtitleClass, M as dmMessagesClass, Mt as primaryButtonClass, N as dmShellClass, O as dmMessageBubbleOutboundClass, P as dmThreadClass, R as dmThreadTitleClass, S as dmListItemClass, T as dmListTimestampClass, _ as dmListBodyClass, b as dmListHeaderClass, c as composerBarClass, d as contextStatRowClass, f as contextStatTermClass, g as dmComposerShellClass, jt as pillSoftClass, k as dmMessageMetaClass, kt as pillAlertClass, l as composerInputClass, m as cx, p as contextStatValueClass, pn as timestampClass, v as dmListClass, w as dmListPreviewClass, y as dmListHandleClass } 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 { o as BirdclawEmpty } from "./FeedState-ntW0Q2GB.js";
+import { t as SmartTimestamp } from "./SmartTimestamp-DfwE1NGf.js";
+import { r as validateDmsSearch } from "./route-search-BUlQ5lGM.js";
+import "./SyncNowButton-BOn_IBXS.js";
+import "./useDebouncedValue-DOnA6Xcy.js";
+import "react";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, Circle } from "lucide-react";
+import "@tanstack/react-query";
+//#region src/components/DmWorkspace.tsx
+function MessageBubble({ message }) {
+	const outbound = message.direction === "outbound";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(dmMessageRowClass, outbound && "self-end items-end"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cx(dmMessageBubbleClass, outbound ? dmMessageBubbleOutboundClass : dmMessageBubbleInboundClass),
+			children: message.text
+		}), /* @__PURE__ */ jsxs("div", {
+			className: dmMessageMetaClass,
+			children: [
+				/* @__PURE__ */ jsx("span", { children: message.sender.displayName }),
+				/* @__PURE__ */ jsx("span", { children: "·" }),
+				/* @__PURE__ */ jsx(SmartTimestamp, { value: message.createdAt })
+			]
+		})]
+	});
+}
+function DmWorkspace({ conversations, selectedConversation, selectedMessages, onSelectConversation, replyDraft, onReplyDraftChange, onReplySend }) {
+	const participant = selectedConversation?.participant ?? null;
+	const selectedStatus = selectedConversation ? selectedConversation.isMessageRequest ? "Message request" : selectedConversation.needsReply ? "Reply open" : "We replied" : null;
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "DM workspace",
+		className: dmShellClass,
+		children: [/* @__PURE__ */ jsxs("aside", {
+			className: dmListClass,
+			children: [conversations.length === 0 ? /* @__PURE__ */ jsx(BirdclawEmpty, {
+				detail: "Sync DMs to populate this lane.",
+				label: "No conversations"
+			}) : null, conversations.map((conversation) => {
+				return /* @__PURE__ */ jsxs("button", {
+					className: cx(dmListItemClass, conversation.id === selectedConversation?.id && "bg-[var(--bg-active)]"),
+					onClick: () => onSelectConversation(conversation.id),
+					type: "button",
+					children: [/* @__PURE__ */ jsx(AvatarChip, {
+						avatarUrl: conversation.participant.avatarUrl,
+						hue: conversation.participant.avatarHue,
+						name: conversation.participant.displayName,
+						profileId: conversation.participant.id
+					}), /* @__PURE__ */ jsxs("div", {
+						className: dmListBodyClass,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: dmListHeaderClass,
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex min-w-0 items-center gap-1.5",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: dmListNameClass,
+										children: conversation.participant.displayName
+									}), /* @__PURE__ */ jsxs("span", {
+										className: dmListHandleClass,
+										children: ["@", conversation.participant.handle]
+									})]
+								}), /* @__PURE__ */ jsx(SmartTimestamp, {
+									className: dmListTimestampClass,
+									value: conversation.lastMessageAt
+								})]
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: dmListPreviewClass,
+								children: conversation.lastMessagePreview
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-1 flex items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ jsxs("span", {
+										className: cx(pillClass, conversation.needsReply ? pillAlertClass : pillSoftClass),
+										"aria-label": conversation.needsReply ? "Reply open" : "We replied",
+										children: [conversation.needsReply ? /* @__PURE__ */ jsx(Circle, {
+											className: "size-3",
+											strokeWidth: 2.2
+										}) : /* @__PURE__ */ jsx(CheckCircle2, {
+											className: "size-3.5",
+											strokeWidth: 2
+										}), conversation.needsReply ? "open" : "replied"]
+									}),
+									conversation.isMessageRequest ? /* @__PURE__ */ jsx("span", {
+										className: cx(pillClass, pillAlertClass),
+										children: "request"
+									}) : null,
+									/* @__PURE__ */ jsxs("span", {
+										className: cx(pillClass, pillSoftClass),
+										children: [
+											formatCompactNumber(conversation.participant.followersCount),
+											" ",
+											"followers"
+										]
+									})
+								]
+							})
+						]
+					})]
+				}, conversation.id);
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: dmThreadClass,
+			children: selectedConversation ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: dmThreadHeaderClass,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: dmThreadTitleClass,
+						children: [/* @__PURE__ */ jsx(AvatarChip, {
+							avatarUrl: participant?.avatarUrl,
+							hue: participant?.avatarHue ?? 18,
+							name: participant?.displayName ?? "Unknown",
+							profileId: participant?.id ?? void 0
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: dmThreadNameClass,
+								children: selectedConversation.participant.displayName
+							}), /* @__PURE__ */ jsx("div", {
+								className: dmThreadSubtitleClass,
+								children: selectedStatus && selectedConversation ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									selectedStatus,
+									" · last message",
+									" ",
+									/* @__PURE__ */ jsx(SmartTimestamp, { value: selectedConversation.lastMessageAt })
+								] }) : "No conversation selected"
+							})]
+						})]
+					}), /* @__PURE__ */ jsx("button", {
+						className: primaryButtonClass,
+						onClick: () => onReplySend(selectedConversation.id),
+						type: "button",
+						children: "Reply"
+					})]
+				}),
+				participant?.bio || participant?.followersCount ? /* @__PURE__ */ jsxs("div", {
+					className: "border-b border-[var(--line)] px-4 py-3",
+					children: [participant?.bio ? /* @__PURE__ */ jsx("p", {
+						className: "text-[14px] leading-[1.4] text-[var(--ink)]",
+						children: participant.bio
+					}) : null, /* @__PURE__ */ jsxs("dl", {
+						className: "mt-2 grid grid-cols-2 gap-1 text-[13px]",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: contextStatRowClass,
+								children: [/* @__PURE__ */ jsx("dt", {
+									className: contextStatTermClass,
+									children: "Followers"
+								}), /* @__PURE__ */ jsx("dd", {
+									className: contextStatValueClass,
+									children: formatCompactNumber(participant?.followersCount ?? 0)
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: contextStatRowClass,
+								children: [/* @__PURE__ */ jsx("dt", {
+									className: contextStatTermClass,
+									children: "Influence"
+								}), /* @__PURE__ */ jsxs("dd", {
+									className: contextStatValueClass,
+									children: [
+										selectedConversation.influenceScore,
+										" ·",
+										" ",
+										selectedConversation.influenceLabel
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: contextStatRowClass,
+								children: [/* @__PURE__ */ jsx("dt", {
+									className: contextStatTermClass,
+									children: "Reply state"
+								}), /* @__PURE__ */ jsx("dd", {
+									className: contextStatValueClass,
+									children: selectedConversation.isMessageRequest ? "Message request" : selectedConversation.needsReply ? "Reply open" : "We replied"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: contextStatRowClass,
+								children: [/* @__PURE__ */ jsx("dt", {
+									className: contextStatTermClass,
+									children: "Account"
+								}), /* @__PURE__ */ jsx("dd", {
+									className: contextStatValueClass,
+									children: selectedConversation.accountHandle
+								})]
+							})
+						]
+					})]
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: dmMessagesClass,
+					children: selectedMessages.map((message) => /* @__PURE__ */ jsx(MessageBubble, { message }, message.id))
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: dmComposerShellClass,
+					children: [/* @__PURE__ */ jsx("textarea", {
+						className: composerInputClass,
+						onChange: (event) => onReplyDraftChange(event.target.value),
+						placeholder: `Reply to @${selectedConversation.participant.handle}`,
+						rows: 3,
+						value: replyDraft
+					}), /* @__PURE__ */ jsxs("div", {
+						className: composerBarClass,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: timestampClass,
+							children: selectedConversation.needsReply ? "Reply open" : "We replied"
+						}), /* @__PURE__ */ jsx("button", {
+							className: primaryButtonClass,
+							disabled: !replyDraft.trim(),
+							onClick: () => onReplySend(selectedConversation.id),
+							type: "button",
+							children: "Send reply"
+						})]
+					})]
+				})
+			] }) : /* @__PURE__ */ jsx(BirdclawEmpty, {
+				detail: "Pick a conversation to read the thread.",
+				label: "No DM selected"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/routes/dms.tsx
+var $$splitComponentImporter = () => import("./dms-BuLj4bp8.js");
+var Route$1 = createFileRoute("/dms")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	validateSearch: validateDmsSearch
+});
+//#endregion
+export { DmWorkspace as n, Route$1 as t };

package/dist/server/assets/empty-plugin-adapters-DzrEkdBF.js

@@ -0,0 +1,5 @@
+//#region node_modules/.pnpm/@tanstack+start-server-core@1.169.15/node_modules/@tanstack/start-server-core/dist/esm/empty-plugin-adapters.js
+var pluginSerializationAdapters = [];
+var hasPluginAdapters = false;
+//#endregion
+export { hasPluginAdapters, pluginSerializationAdapters };