@marktiderman/genesis-chat 0.2.0 → 0.2.1

package/dist/{thread-DWXHKPdw.d.ts → thread-oPra7pkW.d.ts}

@@ -1,4 +1,4 @@
-import { q as ChatMessage, B as PendingMessage, g as ChatActivity } from './client-DMa2j7kz.js';
+import { q as ChatMessage, B as PendingMessage, g as ChatActivity } from './client-DUIG1hum.js';
 
 /**
  * @feat:chat

package/dist/web.d.ts

@@ -1,10 +1,10 @@
 import * as react from 'react';
 import { ComponentType, ReactNode, Ref, Component, ErrorInfo } from 'react';
 import { SlotOverride } from '@marktiderman/genesis-core/slots';
-import { q as ChatMessage, m as ChatInboxItem, o as ChatLinkPreview$1, h as ChatAttachment, k as ChatConversation, p as ChatMember, t as ChatRole, i as ChatClient, g as ChatActivity, C as ChatAvailability, x as ChatTopic, T as TopicInput, u as ChatSearchHit, E as SendInput, A as AttachmentInput } from './client-DMa2j7kz.js';
+import { q as ChatMessage, m as ChatInboxItem, o as ChatLinkPreview$1, h as ChatAttachment, k as ChatConversation, p as ChatMember, t as ChatRole, i as ChatClient, g as ChatActivity, C as ChatAvailability, x as ChatTopic, T as TopicInput, u as ChatSearchHit, F as SendInput, A as AttachmentInput } from './client-DUIG1hum.js';
 import { ChatAttachmentKind, ConversationState, ChatVideoUpload } from './react.js';
-import { T as ThreadItem } from './thread-DWXHKPdw.js';
-import { L as LocalFile } from './outbox-B0y3phE0.js';
+import { T as ThreadItem } from './thread-oPra7pkW.js';
+import { L as LocalFile } from './outbox-B9NAWQ58.js';
 import '@supabase/supabase-js';
 import '@tanstack/query-core';
 
@@ -209,8 +209,16 @@ interface ChatThreadProps {
     threadRootId?: string;
     /** One topic's messages. */
     topic?: string;
-    /** Shown on messages that have replies, to open their thread. */
-    onOpenThread?: (message: ChatMessage) => void;
+    /**
+     * Shown on messages that have replies, to open their thread. Also called when a search result
+     * is a reply in a thread, with `jumpTo` (that reply) for the thread's own ChatThread.
+     */
+    onOpenThread?: (message: ChatMessage, opts?: {
+        jumpTo?: {
+            messageId: string;
+            seq: number;
+        };
+    }) => void;
     /** The quick reactions; 👍 ❤️ 😂 😮 😢 🙏 by default. */
     quickReactions?: readonly string[];
     placeholder?: string;
@@ -220,6 +228,7 @@ interface ChatThreadProps {
     jumpTo?: {
         messageId: string;
         seq?: number;
+        threadRootId?: string | null;
     } | null;
     /** A search button in the header. Default true. */
     search?: boolean;
@@ -508,7 +517,7 @@ interface ChatScheduledListProps {
     conversationTitle?: (conversationId: string) => string;
     className?: string;
 }
-/** Your scheduled messages, soonest first, each with when it goes and Cancel. */
+/** Your scheduled messages, soonest first, each with when it goes and Cancel (Remove for one that failed). */
 declare function ChatScheduledList({ conversationId, conversationTitle, className }: ChatScheduledListProps): react.JSX.Element;
 
 interface ChatAwayBannerProps {
@@ -643,12 +652,18 @@ declare function useVideoRecorder({ maxMs, onTick }: UseVideoRecorderOptions): {
     handOff: () => void;
 };
 type VideoRecorder = ReturnType<typeof useVideoRecorder>;
-/** A recording as a file the outbox uploads to storage (the fallback without `videoUpload`). */
-declare function videoFile(rec: VideoRecording): LocalFile;
+/**
+ * A recording as a file for the outbox: `hosted` sends it to the hosted provider (the provider's
+ * `videoUpload`, the message going at once with the video pending); otherwise it goes to storage.
+ */
+declare function videoFile(rec: VideoRecording, opts?: {
+    hosted?: boolean;
+}): LocalFile;
 /**
  * Uploads a recording through the app's `videoUpload` (a Mux direct upload: PUT the bytes to
  * the URL it returns) and gives back the attachment to send, pending until Mux's webhook marks
- * it ready.
+ * it ready. The composer no longer uses it: it sends `videoFile(rec, { hosted: true })` through
+ * the outbox, so the message keeps its place in the order while the bytes go up.
  */
 declare function uploadVideo(videoUpload: ChatVideoUpload, conversationId: string, rec: Pick<VideoRecording, "blob" | "contentType" | "durationMs" | "name">, fetchImpl?: typeof fetch, signal?: AbortSignal): Promise<AttachmentInput>;
 interface ChatVideoRecorderProps {
@@ -660,14 +675,19 @@ interface ChatVideoRecorderProps {
     send: (input: Omit<SendInput, "conversationId" | "clientId">, files?: LocalFile[]) => Promise<unknown>;
     /** Merged into what's sent (a reply, a topic, an internal note). */
     extra?: Omit<SendInput, "conversationId" | "clientId" | "attachments" | "body">;
+    /**
+     * Marks the take as hosted. Pass the same `videoUpload` the `ChatProvider` has (or give the
+     * provider a `hostedUpload`): the outbox does the upload, and without one it falls back to
+     * storage with no error.
+     */
     videoUpload?: ChatVideoUpload;
     onTick?: () => void;
     onSent?: () => void;
-    /** For tests. */
+    /** @deprecated Unused: the bytes go through the outbox's `hostedUpload` now. */
     fetchImpl?: typeof fetch;
 }
 /** The composer's video dialog: preview, record (to the role's limit), review, retake, send. */
-declare function ChatVideoRecorder({ open, onOpenChange, conversationId, maxMs, send, extra, videoUpload, onTick, onSent, fetchImpl }: ChatVideoRecorderProps): react.JSX.Element;
+declare function ChatVideoRecorder({ open, onOpenChange, maxMs, send, extra, videoUpload, onTick, onSent }: ChatVideoRecorderProps): react.JSX.Element;
 declare const muxStreamUrl: (playbackId: string) => string;
 declare const muxPosterUrl: (playbackId: string) => string;
 interface ChatVideoPlayerProps {

package/dist/web.js

@@ -1,10 +1,11 @@
+import { attachmentPreview } from './chunk-AZS3HNLM.js';
 import { snippetParts, isHttpsUrl, scheduleQuickPicks, isSchedulable, scheduleLabel, extractLinks, topicKey } from './chunk-BJCE5O7V.js';
-import { useChat, useInbox, useSearch, useScheduled, useAvailability, useTopics, useConversation, useMessageActions, usePins, useFileUrls, useLinkPreviews, useBroadcast } from './chunk-PZTOY2LY.js';
-import { previewText, summarizeReactions, activityLine, itemSender, startsDay, dayLabel, itemTime, startsGroup, parseMentions } from './chunk-5D5A7I4Q.js';
-import { fileExtension, formatDuration, nextPlaybackRate, awaySummary, awayLine, WEEKDAYS, CHAT_LIMITS, waveformPeaks, recordingLimitMs, isAllowedExtension, attachmentKindFor, randomId, ChatError } from './chunk-7S6HYNWW.js';
+import { useChat, useInbox, useSearch, useScheduled, useAvailability, useTopics, useConversation, useMessageActions, usePins, useFileUrls, useLinkPreviews, useBroadcast } from './chunk-JU2FAPBI.js';
+import { previewText, summarizeReactions, activityLine, itemSender, startsDay, dayLabel, itemTime, startsGroup, parseMentions } from './chunk-A4YJX7KT.js';
+import { fileExtension, formatDuration, nextPlaybackRate, awaySummary, awayLine, WEEKDAYS, CHAT_LIMITS, waveformPeaks, recordingLimitMs, isAllowedExtension, attachmentKindFor, randomId, ChatError } from './chunk-GBJ3YI4E.js';
 import { createContext, useRef, useState, Fragment, Component, useCallback, useEffect, useMemo, useImperativeHandle, useLayoutEffect, useContext } from 'react';
 import { MessageSquare, Pin, BellOff, AtSign, Search, X, Mic, ClipboardList, ExternalLink, VideoOff, Video, RotateCcw, SendHorizontal, Square, Circle, Pause, Play, Paperclip, ChevronLeft, ChevronRight, FileText, Download, Lock, Ban, EyeOff, ShieldAlert, AlertCircle, Clock, Reply, Copy, Pencil, PinOff, Bookmark, Flag, Trash2, SmilePlus, Plus, MoreHorizontal, ChevronUp, CalendarClock, Moon, RefreshCw, Smile, Hash, LockOpen, ArrowDown, ImagePlus, Megaphone, Link2, ArrowLeft } from 'lucide-react';
-import { Skeleton, cn, EmptyState, Button, UserAvatar, Badge, Input, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Alert, AlertDescription, Spinner, Collapsible, CollapsibleTrigger, CollapsibleContent, VisuallyHidden, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuSeparator, ContextMenuItem, Tooltip, Textarea, Popover, PopoverTrigger, PopoverContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DropdownMenuLabel, Label, DialogFooter, toast, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Toggle, ToggleGroup, ToggleGroupItem, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, RadioGroup, RadioGroupItem, Split, Checkbox } from '@marktiderman/genesis-ui';
+import { Skeleton, cn, EmptyState, Button, UserAvatar, Badge, Input, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Alert, AlertDescription, Spinner, Collapsible, CollapsibleTrigger, CollapsibleContent, VisuallyHidden, Progress, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuSeparator, ContextMenuItem, Tooltip, Textarea, Popover, PopoverTrigger, PopoverContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DropdownMenuLabel, Label, DialogFooter, toast, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Toggle, ToggleGroup, ToggleGroupItem, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, RadioGroup, RadioGroupItem, Split, Checkbox } from '@marktiderman/genesis-ui';
 import { renderSlot } from '@marktiderman/genesis-core/slots';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { EmojiPicker } from 'frimousse';
@@ -58,7 +59,7 @@ function inboxTitle(item, resolveUser, fallback) {
   return fallback?.(item) ?? "Conversation";
 }
 function ChatInbox({ resolveUser, onSelect, selectedId, kind, archived = false, fallbackTitle, slots, className, ...rest }) {
-  const { userId: me } = useChat();
+  const { userId: me, attachmentKinds } = useChat();
   const { items, isLoading, error, refetch } = useInbox({ kind, archived });
   const list = useRef(null);
   const onKeyDown = (e) => {
@@ -92,14 +93,14 @@ function ChatInbox({ resolveUser, onSelect, selectedId, kind, archived = false,
   if (items.length === 0) {
     return /* @__PURE__ */ jsx("div", { className, children: renderSlot(DefaultEmpty, slots?.empty, { archived }) });
   }
-  return /* @__PURE__ */ jsx("nav", { "aria-label": rest["aria-label"] ?? "Conversations", className: cn("min-h-0", className), "data-testid": "genesis-chat-inbox", children: /* @__PURE__ */ jsx("ul", { ref: list, className: "flex flex-col", onKeyDown, children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(InboxRow, { item, me, resolveUser, fallbackTitle, selected: item.conversationId === selectedId, onSelect }) }, item.conversationId)) }) });
+  return /* @__PURE__ */ jsx("nav", { "aria-label": rest["aria-label"] ?? "Conversations", className: cn("min-h-0", className), "data-testid": "genesis-chat-inbox", children: /* @__PURE__ */ jsx("ul", { ref: list, className: "flex flex-col", onKeyDown, children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(InboxRow, { item, me, kinds: attachmentKinds, resolveUser, fallbackTitle, selected: item.conversationId === selectedId, onSelect }) }, item.conversationId)) }) });
 }
-function InboxRow({ item, me, resolveUser, fallbackTitle, selected, onSelect }) {
+function InboxRow({ item, me, kinds, resolveUser, fallbackTitle, selected, onSelect }) {
   const title = inboxTitle(item, resolveUser, fallbackTitle);
   const other = item.otherUserId ? resolveUser(item.otherUserId) : null;
   const last = item.lastMessage;
   const unread = item.unread > 0;
-  let preview = last ? previewText(last.body, last.attachment, last.deleted) : "";
+  let preview = last ? attachmentPreview(last.body, last.attachment, kinds, last.deleted) : "";
   if (last && last.kind !== "system" && !last.deleted && last.senderId) {
     if (last.senderId === me) preview = `You: ${preview}`;
     else if (!item.otherUserId && item.memberCount > 2) preview = `${resolveUser(last.senderId).name}: ${preview}`;
@@ -646,13 +647,14 @@ function useVideoRecorder({ maxMs, onTick }) {
   useEffect(() => () => reset(), [reset]);
   return { state, error, elapsedMs, maxMs, stream, recording, open, start, stop, retake, reset, handOff };
 }
-function videoFile(rec) {
+function videoFile(rec, opts = {}) {
   return {
     data: rec.blob,
     name: rec.name,
     contentType: rec.contentType,
     previewUrl: rec.url ?? void 0,
-    meta: { kind: "video", durationMs: rec.durationMs, bytes: rec.blob.size }
+    meta: { kind: "video", durationMs: rec.durationMs, bytes: rec.blob.size },
+    ...opts.hosted ? { hosted: true } : {}
   };
 }
 async function uploadVideo(videoUpload, conversationId, rec, fetchImpl = fetch, signal) {
@@ -683,48 +685,36 @@ function Preview({ stream }) {
   }, [stream]);
   return /* @__PURE__ */ jsx("video", { ref, autoPlay: true, muted: true, playsInline: true, className: "h-full w-full -scale-x-100 object-cover", "aria-label": "Camera preview", "data-testid": "genesis-chat-video-preview" });
 }
-function ChatVideoRecorder({ open, onOpenChange, conversationId, maxMs, send, extra, videoUpload, onTick, onSent, fetchImpl }) {
+function ChatVideoRecorder({ open, onOpenChange, maxMs, send, extra, videoUpload, onTick, onSent }) {
   const rec = useVideoRecorder({ maxMs, onTick });
   const [sending, setSending] = useState(false);
   const [sendError, setSendError] = useState(null);
-  const upload = useRef(null);
+  const sendingNow = useRef(false);
   const { open: openCamera, reset } = rec;
   useEffect(() => {
     if (open) void openCamera();
     else reset();
   }, [open, openCamera, reset]);
-  useEffect(() => () => upload.current?.abort(), []);
   const submit = async () => {
     const take = rec.recording;
-    if (!take || upload.current) return;
-    const controller = new AbortController();
-    upload.current = controller;
+    if (!take || sendingNow.current) return;
+    sendingNow.current = true;
     setSending(true);
     setSendError(null);
     try {
-      if (videoUpload) {
-        const attachment2 = await uploadVideo(videoUpload, conversationId, take, fetchImpl, controller.signal);
-        if (controller.signal.aborted) return;
-        await send({ ...extra, body: "", attachments: [attachment2] });
-      } else {
-        await send({ ...extra, body: "" }, [videoFile(take)]);
-        rec.handOff();
-      }
+      await send({ ...extra, body: "" }, [videoFile(take, { hosted: Boolean(videoUpload) })]);
+      rec.handOff();
       onSent?.();
       onOpenChange(false);
     } catch (e) {
-      if (!controller.signal.aborted) setSendError(e instanceof Error ? e.message : "The video didn't send");
+      setSendError(e instanceof Error ? e.message : "The video didn't send");
     } finally {
-      upload.current = null;
+      sendingNow.current = false;
       setSending(false);
     }
   };
-  const close = (o) => {
-    if (!o) upload.current?.abort();
-    onOpenChange(o);
-  };
   const recording = rec.state === "recording";
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", "data-testid": "genesis-chat-video-recorder", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => (o || !sendingNow.current) && onOpenChange(o), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", "data-testid": "genesis-chat-video-recorder", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: "Record a video" }),
       /* @__PURE__ */ jsxs(DialogDescription, { children: [
@@ -750,8 +740,7 @@ function ChatVideoRecorder({ open, onOpenChange, conversationId, maxMs, send, ex
       ] }) : null,
       sending ? /* @__PURE__ */ jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-background/70 text-sm font-medium", role: "status", children: [
         /* @__PURE__ */ jsx(Spinner, {}),
-        " Uploading\u2026",
-        videoUpload ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => upload.current?.abort(), "data-testid": "genesis-chat-video-cancel-upload", children: "Cancel upload" }) : null
+        " Sending\u2026"
       ] }) : null
     ] }),
     /* @__PURE__ */ jsx("div", { className: "sr-only", role: "status", children: recording ? "Recording" : rec.state === "recorded" ? "Recorded. Watch it, retake it or send it." : "" }),
@@ -1200,12 +1189,12 @@ function attachmentKindOf(kinds, kind) {
   const k = kinds[kind];
   return k && typeof k.title === "function" ? k : null;
 }
-function attachmentCardOf(k, a) {
+function attachmentCardOf(k, a, ctx = { mine: false }) {
   try {
-    const title = k.title(a);
+    const title = k.title(a, ctx);
     if (typeof title !== "string") return null;
-    const sub = typeof k.subtitle === "function" ? k.subtitle(a) : null;
-    const act = typeof k.action === "function" ? k.action(a) : null;
+    const sub = typeof k.subtitle === "function" ? k.subtitle(a, ctx) : null;
+    const act = typeof k.action === "function" ? k.action(a, ctx) : null;
     const action = act && typeof act === "object" && typeof act.label === "string" && (typeof act.href === "string" || typeof act.onPress === "function") ? { label: act.label, href: typeof act.href === "string" ? act.href : void 0, onPress: typeof act.onPress === "function" ? act.onPress : void 0 } : null;
     return { title, subtitle: typeof sub === "string" ? sub : null, action };
   } catch (e) {
@@ -1246,7 +1235,7 @@ function MessageAttachments({ views, message, mine, tone, slot, kinds }) {
           const generic = /* @__PURE__ */ jsx(GenericAttachment, { attachment: v.attachment, message, url: v.url, mine });
           const k = attachmentKindOf(kinds, v.kind);
           if (k) {
-            const card = attachmentCardOf(k, v.attachment);
+            const card = attachmentCardOf(k, v.attachment, { mine });
             return card ? /* @__PURE__ */ jsx(ChatAttachmentCard, { ...card, tone }, v.key) : /* @__PURE__ */ jsx(GenericAttachment, { attachment: v.attachment, message, url: v.url, mine }, v.key);
           }
           return Custom ? /* @__PURE__ */ jsx(ChatErrorBoundary, { fallback: generic, children: /* @__PURE__ */ jsx(Custom, { attachment: v.attachment, message, url: v.url, mine }) }, v.key) : null;
@@ -1359,6 +1348,12 @@ function pendingViews(p) {
     pending: p.status === "sending"
   }));
 }
+function pendingProgress(p) {
+  if (p.status !== "sending") return null;
+  const files = p.files ?? [];
+  if (!files.some((f) => typeof f.progress === "number")) return null;
+  return Math.round(files.reduce((sum, f) => sum + (f.progress ?? 0), 0) / files.length * 100);
+}
 function returnFocus(e, keepFocus) {
   const next = keepFocus.current;
   if (next) {
@@ -1385,6 +1380,7 @@ function MessageRow({ item, startsGroup: startsGroup2, className }) {
   const showHeader = ctx.isGroup && !mine && startsGroup2;
   const tone = mine && !note && !deleted ? "primary" : "default";
   const views = pending ? pendingViews(pending) : message.attachments.map((a) => toAttachmentView(a, ctx.urls));
+  const progress = pending ? pendingProgress(pending) : null;
   const editing = ctx.editingId === message.id;
   const reactions = pending ? [] : summarizeReactions(message, ctx.me);
   const highlighted = ctx.highlightedId === message.id;
@@ -1417,7 +1413,22 @@ function MessageRow({ item, startsGroup: startsGroup2, className }) {
           " Message deleted"
         ] }) : editing ? /* @__PURE__ */ jsx(EditBox, { message }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
           message.replyToId ? /* @__PURE__ */ jsx(ReplyQuote, { id: message.replyToId, tone }) : null,
-          views.length ? /* @__PURE__ */ jsx("div", { className: cn(message.body ? "mb-1.5" : ""), children: /* @__PURE__ */ jsx(MessageAttachments, { views, message: pending ? void 0 : message, mine, tone, slot: ctx.attachmentSlot, kinds: ctx.attachmentKinds }) }) : null,
+          views.length ? /* @__PURE__ */ jsxs("div", { className: cn(message.body ? "mb-1.5" : ""), children: [
+            /* @__PURE__ */ jsx(MessageAttachments, { views, message: pending ? void 0 : message, mine, tone, slot: ctx.attachmentSlot, kinds: ctx.attachmentKinds }),
+            progress !== null ? /* @__PURE__ */ jsx(
+              Progress,
+              {
+                value: progress,
+                className: cn("mt-1.5 h-1", tone === "primary" && "bg-primary-foreground/30 [&>div]:bg-primary-foreground"),
+                role: "progressbar",
+                "aria-label": "Uploading",
+                "aria-valuemin": 0,
+                "aria-valuemax": 100,
+                "aria-valuenow": progress,
+                "data-testid": "genesis-chat-upload-progress"
+              }
+            ) : null
+          ] }) : null,
           message.body ? /* @__PURE__ */ jsx(ChatMarkdown, { text: message.body, me: ctx.me, tone }) : null,
           preview ? /* @__PURE__ */ jsx(ChatLinkPreview, { preview, images: ctx.linkPreviewImages, proxyUrl: ctx.linkPreviewProxyUrl, tone }) : null,
           hidden && mine && !observer ? /* @__PURE__ */ jsxs("span", { className: "mt-1 flex items-center gap-1 text-xs font-medium", "data-testid": "genesis-chat-hidden-notice", children: [
@@ -1830,7 +1841,22 @@ function ChatScheduledList({ conversationId, conversationTitle, className }) {
       /* @__PURE__ */ jsx("div", { className: "truncate text-sm", children: previewText(s.body, s.attachments[0]?.kind ?? null) }),
       s.error ? /* @__PURE__ */ jsx("div", { className: "text-xs text-destructive", children: s.error }) : null
     ] }),
-    s.status === "scheduled" ? /* @__PURE__ */ jsxs(
+    s.status === "failed" ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "h-7 shrink-0 gap-1 text-xs",
+        onClick: () => void cancel(s.id).then(() => toast.success("Removed"), () => toast.error("Couldn't remove it")),
+        "aria-label": "Remove the message that couldn't send",
+        "data-testid": "genesis-chat-scheduled-remove",
+        children: [
+          /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": true }),
+          " Remove"
+        ]
+      }
+    ) : s.status === "scheduled" ? /* @__PURE__ */ jsxs(
       Button,
       {
         type: "button",
@@ -2799,7 +2825,7 @@ function ChatThread({
   slots,
   className
 }) {
-  const { userId: me, attachmentKinds } = useChat();
+  const { userId: me, attachmentKinds, client: chatClient } = useChat();
   const topicsState = useTopics(threadRootId ? null : conversationId);
   const [chosenTopic, setChosenTopic] = useState(null);
   const topic = topicProp ?? chosenTopic ?? void 0;
@@ -2940,9 +2966,30 @@ function ChatThread({
     setHighlightedId(id);
     setTimeout(() => setHighlightedId((h) => h === id ? null : h), 1600);
   }, []);
-  const [pendingJump, setPendingJump] = useState(jumpToProp ? { ...jumpToProp, phase: "new" } : null);
+  const reach = useCallback(
+    (target) => {
+      const root = target.threadRootId;
+      if (!root || root === threadRootId || root === target.messageId) {
+        setPendingJump({ messageId: target.messageId, seq: target.seq, phase: "new" });
+        return;
+      }
+      void chatClient.message(root).then(
+        (m) => {
+          if (!m) {
+            toast.info("That message isn't here any more");
+            return;
+          }
+          onOpenThread?.(m, target.seq != null ? { jumpTo: { messageId: target.messageId, seq: target.seq } } : void 0);
+          setPendingJump({ messageId: m.id, seq: m.seq, phase: "new" });
+        },
+        (e) => toast.error(errorText(e))
+      );
+    },
+    [chatClient, onOpenThread, threadRootId]
+  );
+  const [pendingJump, setPendingJump] = useState(jumpToProp && !jumpToProp.threadRootId ? { ...jumpToProp, phase: "new" } : null);
   useEffect(() => {
-    if (jumpToProp) setPendingJump({ ...jumpToProp, phase: "new" });
+    if (jumpToProp) reach(jumpToProp);
   }, [jumpToProp?.messageId, jumpToProp?.seq]);
   const { loadUntil } = state;
   useEffect(() => {
@@ -2970,9 +3017,9 @@ function ChatThread({
     (hit) => {
       setSearching(false);
       if (topic && topicProp === void 0) setChosenTopic(null);
-      setPendingJump({ messageId: hit.messageId, seq: hit.seq, phase: "new" });
+      reach(hit);
     },
-    [topic, topicProp]
+    [topic, topicProp, reach]
   );
   const run = useCallback(async (p, done) => {
     try {
@@ -3349,7 +3396,7 @@ function ChatPanel({
             autoFocus: true,
             conversationTitle: titleOf,
             onOpen: (hit) => {
-              setJump({ messageId: hit.messageId, seq: hit.seq });
+              setJump({ messageId: hit.messageId, seq: hit.seq, threadRootId: hit.threadRootId });
               select(hit.conversationId);
             },
             className: "min-h-0 flex-1"
@@ -3734,6 +3781,8 @@ function createMemoryChatClient(options) {
     async upload(conversationId, userId, file, opts) {
       log("upload", conversationId, opts.name);
       await wait();
+      const total = file instanceof Blob ? file.size : file.byteLength;
+      opts.onProgress?.(total, total);
       const path = `${conversationId}/${userId}/${opts.id ?? uuid()}-${opts.name}`;
       const blob = file instanceof Blob ? file : new Blob([file], { type: opts.contentType });
       files[path] = typeof URL !== "undefined" && typeof URL.createObjectURL === "function" ? URL.createObjectURL(blob) : `memory://${path}`;
@@ -3827,7 +3876,7 @@ function createMemoryChatClient(options) {
     },
     async cancelScheduled(id) {
       log("cancelScheduled", id);
-      const s = scheduledList.find((x) => x.id === id && x.status === "scheduled");
+      const s = scheduledList.find((x) => x.id === id && x.status !== "sent" && x.status !== "cancelled");
       if (!s) throw new ChatError("Nothing to cancel", "22023", "cancel_scheduled");
       s.cancelledAt = (/* @__PURE__ */ new Date()).toISOString();
       s.status = "cancelled";
@@ -3879,7 +3928,7 @@ function createMemoryChatClient(options) {
         if (conversationId && c.conversation.id !== conversationId) continue;
         for (const m of c.messages) {
           if (m.deletedAt || !visible(c, m)) continue;
-          const base = { messageId: m.id, conversationId: c.conversation.id, seq: m.seq, senderId: m.senderId, createdAt: m.createdAt };
+          const base = { messageId: m.id, conversationId: c.conversation.id, seq: m.seq, senderId: m.senderId, createdAt: m.createdAt, threadRootId: m.threadRootId ?? null };
           if (m.body.toLowerCase().includes(q)) hits.push({ ...base, snippet: mark(m.body), inTranscript: false });
           else {
             const t = m.attachments.find((a) => a.transcript?.toLowerCase().includes(q))?.transcript;