@sentry/junior-dashboard 0.235.0 → 0.237.0

package/src/client/App.tsx

@@ -50,6 +50,7 @@ import { WorkspacesPage } from "./pages/system/WorkspacesPage";
 import { MemoryRouteLoading } from "./pages/memory/MemoryPageLayout";
 import { AutomationExecutionsPage } from "./pages/automations/AutomationExecutionsPage";
 import { AutomationRunsPage } from "./pages/automations/AutomationRunsPage";
+import { AutomationVersionsPage } from "./pages/automations/AutomationVersionsPage";
 import { AutomationsPage } from "./pages/automations/AutomationsPage";
 import {
   AutomationsPageLayout,
@@ -230,6 +231,27 @@ export function DashboardShell() {
             }
             path="/automations/:kind/:automationId/executions"
           />
+          <Route
+            element={
+              loading ? (
+                <AutomationsPageLayout>
+                  <AutomationsRouteLoading
+                    description="Saved settings for this automation, newest first."
+                    label="Loading version history"
+                    title="Version history"
+                    variant="list"
+                  />
+                </AutomationsPageLayout>
+              ) : loggedIn ? (
+                <AutomationsPageLayout>
+                  <AutomationVersionsPage enabled={loggedIn} />
+                </AutomationsPageLayout>
+              ) : (
+                <Navigate replace to="/" />
+              )
+            }
+            path="/automations/:kind/:automationId/versions"
+          />
           <Route
             element={
               loading ? (

package/src/client/api.ts

@@ -19,6 +19,7 @@ import {
   automationListSchema,
   automationSummarySchema,
   automationRunListSchema,
+  automationVersionListSchema,
 } from "@sentry/junior/api/schema";
 import {
   pluginOperationalReportFeedSchema,
@@ -223,6 +224,25 @@ export function useAutomationExecutionsData(
   });
 }
 
+/** Fetch saved definitions for one viewer-visible Automation, newest first. */
+export function useAutomationVersionsData(
+  enabled: boolean,
+  kind: "scheduled" | "event" | undefined,
+  automationId: string | undefined,
+) {
+  return useQuery({
+    enabled: enabled && Boolean(kind && automationId),
+    queryKey: ["dashboard", "automations", kind, automationId, "versions"],
+    queryFn: ({ signal }) =>
+      fetchDashboardJson(
+        automationVersionListSchema,
+        `/api/automations/${kind}/${encodeURIComponent(automationId!)}/versions`,
+        signal,
+      ),
+    retry: false,
+  });
+}
+
 /** Fetch the actor directory used by the People dashboard route. */
 export function useActorDirectoryData() {
   return useQuery({

package/src/client/conversations/ConversationEventLog.tsx

@@ -1,5 +1,5 @@
 import { ChevronRight } from "lucide-react";
-import { memo, useId, useMemo, useState } from "react";
+import { memo, useEffect, useId, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
 import { Drawer } from "../components/Drawer";
@@ -12,18 +12,31 @@ import {
   eventLogUsage,
 } from "./eventLog";
 import { EventDetails } from "./EventDetails";
+import { ForkConversationButton } from "./ForkConversationButton";
 import { HighlightText, useTranscriptSearch } from "./transcriptSearch";
 
 const rowClass =
   "grid grid-cols-[12ch_minmax(0,1fr)_1rem] items-center gap-x-3 px-3 @min-[48rem]:grid-cols-[12ch_19ch_minmax(0,1fr)_1rem]";
 
-/** Show every reporting event in sequence order, outside the transcript reducer. */
+/**
+ * Show every reporting event in sequence order, outside the transcript reducer.
+ * Pass `onSelectedSeqChange` to own the open entry, for example in the URL.
+ */
 export const ConversationEventLog = memo(function ConversationEventLog(props: {
   conversation: ConversationTranscript;
+  onSelectedSeqChange?(seq: number | undefined): void;
+  selectedSeq?: number;
 }) {
   const { conversation } = props;
   const search = useTranscriptSearch();
-  const [selectedSeq, setSelectedSeq] = useState<number>();
+  const [localSelectedSeq, setLocalSelectedSeq] = useState<number>();
+  const selectedSeq = props.onSelectedSeqChange
+    ? props.selectedSeq
+    : localSelectedSeq;
+  const setSelectedSeq = props.onSelectedSeqChange ?? setLocalSelectedSeq;
+  const listRef = useRef<HTMLOListElement>(null);
+  // Rows opened by a click are already visible. Scroll only for a linked entry.
+  const revealedSeqRef = useRef<number>(undefined);
   const titleId = useId();
   const events = conversation.events;
   const rows = useMemo(
@@ -50,6 +63,17 @@ export const ConversationEventLog = memo(function ConversationEventLog(props: {
   );
   // Resolve the selection from current data so polling cannot leave stale details.
   const selected = events.find((event) => event.seq === selectedSeq);
+  useEffect(() => {
+    if (selectedSeq === undefined || revealedSeqRef.current === selectedSeq) {
+      return;
+    }
+    const row = listRef.current?.querySelector(
+      `[data-event-seq="${selectedSeq}"]`,
+    );
+    if (!row) return;
+    revealedSeqRef.current = selectedSeq;
+    row.scrollIntoView({ block: "center" });
+  }, [selectedSeq, visibleRows]);
 
   if (conversation.eventHistory.status === "expired") {
     return (
@@ -85,9 +109,10 @@ export const ConversationEventLog = memo(function ConversationEventLog(props: {
         <ol
           aria-label="Events"
           className="m-0 list-none divide-y divide-dashboard-border-subtle p-0"
+          ref={listRef}
         >
           {visibleRows.map(({ event, summary, model, usage }) => (
-            <li key={event.seq}>
+            <li data-event-seq={event.seq} key={event.seq}>
               <button
                 aria-haspopup="dialog"
                 aria-label={`Event ${event.seq}: ${event.data.type}`}
@@ -96,7 +121,10 @@ export const ConversationEventLog = memo(function ConversationEventLog(props: {
                   "min-h-11 w-full cursor-pointer border-0 bg-transparent py-2 text-left leading-5 hover:bg-dashboard-fill-hover active:bg-dashboard-fill-strong focus-visible:bg-dashboard-fill-hover focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-dashboard-focus @min-[48rem]:min-h-8 @min-[48rem]:py-1",
                   selectedSeq === event.seq && "bg-dashboard-fill-strong",
                 )}
-                onClick={() => setSelectedSeq(event.seq)}
+                onClick={() => {
+                  revealedSeqRef.current = event.seq;
+                  setSelectedSeq(event.seq);
+                }}
                 type="button"
               >
                 <time
@@ -191,6 +219,18 @@ export const ConversationEventLog = memo(function ConversationEventLog(props: {
               titleId={titleId}
               width="wide"
             >
+              {conversation.canFork &&
+              selected.data.type === "message" &&
+              selected.data.role === "assistant" &&
+              !selected.data.redacted ? (
+                <div className="mb-3 flex items-center gap-2 text-sm">
+                  <ForkConversationButton
+                    conversationId={conversation.conversationId}
+                    messageId={selected.data.messageId}
+                  />
+                  <span>Fork after this reply</span>
+                </div>
+              ) : null}
               <EventDetails key={selected.seq} event={selected} />
             </Drawer>,
             document.body,

package/src/client/conversations/ConversationForkLinks.tsx

@@ -0,0 +1,51 @@
+import { GitFork } from "lucide-react";
+import { Link } from "react-router";
+import { conversationPath } from "./conversationRoutes";
+
+const linkClassName =
+  "font-medium text-dashboard-text no-underline underline-offset-2 hover:underline";
+
+/** Link a conversation to its fork source and to its forks. */
+export function ConversationForkLinks(props: {
+  forkedFromConversationId?: string;
+  forkedFromTitle?: string;
+  forks?: string[];
+}) {
+  return (
+    <nav
+      aria-label="Conversation forks"
+      className="flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1 text-xs leading-snug text-dashboard-text-muted"
+    >
+      <GitFork aria-hidden="true" size={12} className="shrink-0" />
+      {props.forkedFromConversationId ? (
+        <span>
+          Forked from{" "}
+          <Link
+            className={linkClassName}
+            to={conversationPath(props.forkedFromConversationId)}
+          >
+            {props.forkedFromTitle ?? "source conversation"}
+          </Link>
+        </span>
+      ) : null}
+      {props.forkedFromConversationId && props.forks?.length ? (
+        <span>·</span>
+      ) : null}
+      {props.forks?.length ? (
+        <span className="inline-flex flex-wrap items-center gap-x-1.5">
+          Forks:
+          {props.forks.map((id, index) => (
+            <Link
+              key={id}
+              aria-label={`Fork ${index + 1}`}
+              className={linkClassName}
+              to={conversationPath(id)}
+            >
+              {index + 1}
+            </Link>
+          ))}
+        </span>
+      ) : null}
+    </nav>
+  );
+}

package/src/client/conversations/ConversationHeader.tsx

@@ -32,6 +32,8 @@ export function ConversationHeader(props: {
   archive: ConversationArchiveAction;
   brief?: ReactNode;
   conversationId: string;
+  /** Links to the fork source and to forks of this conversation. */
+  forks?: ReactNode;
   identity: ReactNode;
   linkedWork?: ReactNode;
   lastActivityAt?: string;
@@ -149,7 +151,10 @@ export function ConversationHeader(props: {
   );
 
   const showMobileHeader =
-    searchOpenVisible || props.archive.error || Boolean(props.linkedWork);
+    searchOpenVisible ||
+    props.archive.error ||
+    Boolean(props.linkedWork) ||
+    Boolean(props.forks);
 
   const liveIndicator = props.live ? (
     <span
@@ -183,6 +188,9 @@ export function ConversationHeader(props: {
                 {props.meta}
               </div>
             ) : null}
+            {props.forks ? (
+              <div className="mt-1.5 min-w-0">{props.forks}</div>
+            ) : null}
           </div>
           <ConversationHeaderActions
             archive={props.archive}
@@ -196,6 +204,9 @@ export function ConversationHeader(props: {
             view={props.view}
           />
         </div>
+        {props.forks ? (
+          <div className="px-4 py-2 md:hidden">{props.forks}</div>
+        ) : null}
         {props.linkedWork ? (
           <div
             aria-label="Linked work"

package/src/client/conversations/ConversationPage.tsx

@@ -1,4 +1,5 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useSearchParams } from "react-router";
 import type {
   ConversationDetailReport,
   ConversationFeed,
@@ -18,8 +19,13 @@ import type { ConversationMailboxMessage } from "./conversationOutbox";
 import { buildConversationMarkdown } from "../markdownExport";
 import { CopyMarkdownButton } from "./CopyMarkdownButton";
 import { ConversationBrief } from "./ConversationBrief";
+import {
+  CONVERSATION_EVENT_PARAM,
+  parseConversationEventSeq,
+} from "./conversationRoutes";
 import { ConversationComposer } from "./ConversationComposer";
 import { ConversationHeader } from "./ConversationHeader";
+import { ConversationForkLinks } from "./ConversationForkLinks";
 import { ConversationHeaderMeta } from "./ConversationHeaderMeta";
 import {
   ConversationAnnotations,
@@ -67,7 +73,15 @@ export function ConversationPage(props: {
 }) {
   const [subagentTarget, setSubagentTarget] =
     useState<SubagentTranscriptTarget>();
-  const [view, setView] = useState<TranscriptViewMode>("rich");
+  const [searchParams, setSearchParams] = useSearchParams();
+  // The URL owns the open event log entry so readers can share that link.
+  const selectedEventSeq = parseConversationEventSeq(
+    searchParams.get(CONVERSATION_EVENT_PARAM),
+  );
+  const [viewState, setView] = useState<TranscriptViewMode>(() =>
+    selectedEventSeq === undefined ? "rich" : "raw",
+  );
+  const view = selectedEventSeq === undefined ? viewState : "raw";
   const [search, setSearch] = useState("");
   const [pinRequestVersion, setPinRequestVersion] = useState(0);
   const conversationId = props.conversationId;
@@ -109,6 +123,48 @@ export function ConversationPage(props: {
   // polls refresh generatedAt every 2s even when the queue is unchanged.
   const pendingGeneratedAtRef = useRef(detail.pendingGeneratedAt);
   pendingGeneratedAtRef.current = detail.pendingGeneratedAt;
+  const setSelectedEventSeq = useCallback(
+    (seq: number | undefined) => {
+      // Keep the event log after close, even when a link opened the page.
+      setView("raw");
+      setSearchParams(
+        (current) => {
+          const next = new URLSearchParams(current);
+          if (seq === undefined) next.delete(CONVERSATION_EVENT_PARAM);
+          else next.set(CONVERSATION_EVENT_PARAM, String(seq));
+          return next;
+        },
+        { replace: true },
+      );
+    },
+    [setSearchParams],
+  );
+  const onViewChange = useCallback(
+    (value: TranscriptViewMode) => {
+      if (value !== "raw" && selectedEventSeq !== undefined) {
+        setSelectedEventSeq(undefined);
+      }
+      setView(value);
+    },
+    [selectedEventSeq, setSelectedEventSeq],
+  );
+  // A linked event can be older than the first page. Load earlier pages until
+  // it is present or history ends.
+  const loadPreviousPageRef = useRef(detail.loadPreviousPage);
+  loadPreviousPageRef.current = detail.loadPreviousPage;
+  const oldestLoadedSeq = transcript?.events[0]?.seq;
+  const linkedEventMissing =
+    selectedEventSeq !== undefined &&
+    oldestLoadedSeq !== undefined &&
+    selectedEventSeq < oldestLoadedSeq;
+  const loadLinkedEvent =
+    linkedEventMissing &&
+    detail.hasPreviousPage &&
+    !detail.isLoadingPreviousPage &&
+    !detail.historyError;
+  useEffect(() => {
+    if (loadLinkedEvent) loadPreviousPageRef.current();
+  }, [loadLinkedEvent, oldestLoadedSeq]);
   const requestPin = useCallback(() => {
     setPinRequestVersion((version) => version + 1);
   }, []);
@@ -137,6 +193,18 @@ export function ConversationPage(props: {
           <section className="min-w-0">
             <ConversationHeader
               conversationId={conversationId}
+              forks={
+                detail.data?.forkedFromConversationId ||
+                detail.data?.forks?.length ? (
+                  <ConversationForkLinks
+                    forkedFromConversationId={
+                      detail.data.forkedFromConversationId
+                    }
+                    forkedFromTitle={detail.data.forkedFromTitle}
+                    forks={detail.data.forks}
+                  />
+                ) : null
+              }
               lastActivityAt={conversation?.lastSeenAt}
               sentryConversationUrl={detail.data?.sentryConversationUrl}
               copyAction={
@@ -206,7 +274,7 @@ export function ConversationPage(props: {
                 />
               }
               onSearchChange={setSearch}
-              onViewChange={setView}
+              onViewChange={onViewChange}
               privacy={
                 <ConversationPrivacyChip
                   visibility={conversation?.visibility}
@@ -256,12 +324,14 @@ export function ConversationPage(props: {
                     live={live}
                     loadingPreviousPage={detail.isLoadingPreviousPage}
                     onLoadPreviousPage={detail.loadPreviousPage}
+                    onSelectedEventSeqChange={setSelectedEventSeq}
                     pinRequestVersion={pinRequestVersion}
                     responding={
                       !detail.error && conversationIsResponding(transcript)
                     }
                     onOpenSubagentTranscript={onOpenSubagentTranscript}
                     search={search}
+                    selectedEventSeq={selectedEventSeq}
                     transcript={transcript}
                     view={view}
                   />

package/src/client/conversations/ForkConversationButton.tsx

@@ -0,0 +1,125 @@
+import { GitFork } from "lucide-react";
+import { useId, useState } from "react";
+import { createPortal } from "react-dom";
+import { useNavigate } from "react-router";
+import { Button } from "../components/Button";
+import { Drawer } from "../components/Drawer";
+import { Field } from "../components/Field";
+import { TextArea } from "../components/TextInput";
+import { DashboardApiError } from "../http";
+import { conversationPath } from "./conversationRoutes";
+import { useForkConversation } from "./queries";
+
+type ForkTarget = { conversationId: string; messageId: string };
+
+/** Open the fork dialog for one assistant reply. */
+export function ForkConversationButton(props: ForkTarget) {
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <Button
+        size="icon"
+        aria-label="Fork after this message"
+        title="Fork after this message"
+        onClick={() => setOpen(true)}
+      >
+        <GitFork size={14} aria-hidden="true" />
+      </Button>
+      {open
+        ? createPortal(
+            <ForkConversationDialog
+              {...props}
+              onClose={() => setOpen(false)}
+            />,
+            document.body,
+          )
+        : null}
+    </>
+  );
+}
+
+function ForkConversationDialog(props: ForkTarget & { onClose(): void }) {
+  const titleId = useId();
+  const inputId = useId();
+  const [idempotencyKey] = useState(() => crypto.randomUUID());
+  const [message, setMessage] = useState("");
+  const navigate = useNavigate();
+  const fork = useForkConversation(props.conversationId);
+  const submit = () => {
+    if (!message.trim() || fork.isPending) return;
+    fork.mutate(
+      { idempotencyKey, message, messageId: props.messageId },
+      {
+        onSuccess: (accepted) => {
+          props.onClose();
+          navigate(conversationPath(accepted.conversationId));
+        },
+      },
+    );
+  };
+  return (
+    <Drawer
+      closeLabel="Close fork dialog"
+      dismissLabel="Dismiss fork dialog"
+      header={
+        <h2 id={titleId} className="m-0 text-lg font-semibold">
+          Fork Conversation
+        </h2>
+      }
+      titleId={titleId}
+      openKey={idempotencyKey}
+      onClose={() => {
+        if (!fork.isPending) props.onClose();
+      }}
+      width="narrow"
+    >
+      <form
+        className="grid gap-4 text-sm"
+        onSubmit={(event) => {
+          event.preventDefault();
+          submit();
+        }}
+      >
+        <p className="m-0">
+          Creates a fork of the conversation from this point.
+        </p>
+        <Field htmlFor={inputId} label="Message">
+          <TextArea
+            id={inputId}
+            prose
+            autoFocus
+            className="min-h-28"
+            placeholder="Message Junior…"
+            value={message}
+            disabled={fork.isPending}
+            onChange={(event) => setMessage(event.target.value)}
+            onKeyDown={(event) => {
+              // Same keys as the composer: Enter sends, Shift+Enter adds a line.
+              if (
+                event.key === "Enter" &&
+                !event.shiftKey &&
+                !event.nativeEvent.isComposing
+              ) {
+                event.preventDefault();
+                submit();
+              }
+            }}
+          />
+        </Field>
+        {fork.error ? (
+          <p role="alert" className="m-0 text-red-300">
+            {(fork.error instanceof DashboardApiError && fork.error.apiError) ||
+              "Could not fork the conversation. Try again."}
+          </p>
+        ) : null}
+        <Button
+          tone="primary"
+          type="submit"
+          disabled={!message.trim() || fork.isPending}
+        >
+          {fork.isPending ? "Forking…" : "Fork and send"}
+        </Button>
+      </form>
+    </Drawer>
+  );
+}

package/src/client/conversations/TranscriptMessageView.tsx

@@ -1,3 +1,4 @@
+import { ForkConversationButton } from "./ForkConversationButton";
 import { TranscriptAttachments } from "./TranscriptAttachment";
 import { ObjectCard } from "./ObjectCard";
 import { AutomationCard } from "../components/AutomationCard";
@@ -46,11 +47,7 @@ export const TranscriptMessageView = memo(
         }}
       >
         <TranscriptMessageHeader
-          contextAction={
-            props.message.role === "user" && props.message.contexts?.length ? (
-              <TranscriptTurnContextView contexts={props.message.contexts} />
-            ) : undefined
-          }
+          action={messageAction(props.message, props.conversation)}
           message={props.message}
           conversation={props.conversation}
         />
@@ -86,6 +83,7 @@ export const TranscriptMessageView = memo(
     previous.message === next.message &&
     previous.conversation.conversationId === next.conversation.conversationId &&
     previous.conversation.surface === next.conversation.surface &&
+    previous.conversation.canFork === next.conversation.canFork &&
     previous.conversation.actorIdentity === next.conversation.actorIdentity,
 );
 
@@ -114,8 +112,31 @@ export function RedactedMessageView(props: {
   );
 }
 
+function messageAction(
+  message: TranscriptViewMessage,
+  conversation: ConversationTranscript,
+): ReactNode {
+  if (message.role === "user" && message.contexts?.length) {
+    return <TranscriptTurnContextView contexts={message.contexts} />;
+  }
+  if (
+    conversation.canFork &&
+    message.role === "assistant" &&
+    message.messageId &&
+    !message.pending
+  ) {
+    return (
+      <ForkConversationButton
+        conversationId={conversation.conversationId}
+        messageId={message.messageId}
+      />
+    );
+  }
+  return undefined;
+}
+
 function TranscriptMessageHeader(props: {
-  contextAction?: ReactNode;
+  action?: ReactNode;
   message: TranscriptViewMessage;
   conversation: ConversationTranscript;
 }) {
@@ -127,7 +148,7 @@ function TranscriptMessageHeader(props: {
   );
 
   return (
-    <TranscriptMessageHeading action={props.contextAction}>
+    <TranscriptMessageHeading action={props.action}>
       <span className={transcriptRoleLabelClass(props.message.role)}>
         {roleLabel}
       </span>

package/src/client/conversations/TranscriptView.tsx

@@ -25,8 +25,10 @@ export function Transcript(props: {
   loadingPreviousPage?: boolean;
   pinRequestVersion?: number;
   onLoadPreviousPage?: () => void;
+  onSelectedEventSeqChange?(seq: number | undefined): void;
   responding?: boolean;
   search?: string;
+  selectedEventSeq?: number;
   onOpenSubagentTranscript?: (args: {
     part: TranscriptViewSubagentPart;
     conversation: ConversationTranscript;
@@ -101,6 +103,8 @@ export function Transcript(props: {
           <ConversationEventLog
             key={props.transcript.conversationId}
             conversation={props.transcript}
+            onSelectedSeqChange={props.onSelectedEventSeqChange}
+            selectedSeq={props.selectedEventSeq}
           />
         ) : (
           <ConversationTranscriptView

package/src/client/conversations/conversationRoutes.ts

@@ -10,3 +10,13 @@ export const NEW_CONVERSATION_PATH = "/";
 export function isNewConversationPath(pathname: string): boolean {
   return pathname === "/" || pathname === "/conversations/new";
 }
+
+/** Query param that opens one event log entry by its sequence number. */
+export const CONVERSATION_EVENT_PARAM = "event";
+
+/** Read a linked event sequence number. Ignore values that are not one. */
+export function parseConversationEventSeq(
+  value: string | null | undefined,
+): number | undefined {
+  return value && /^\d+$/.test(value) ? Number(value) : undefined;
+}

package/src/client/conversations/queries.ts

@@ -25,6 +25,7 @@ import {
   conversationDetailReportSchema,
   conversationEventPageSchema,
   conversationPendingMessagesReportSchema,
+  forkConversationResponseSchema,
 } from "@sentry/junior/api/schema";
 
 import type { DashboardCoreData } from "../types";
@@ -227,6 +228,50 @@ export function useCreateConversation() {
   });
 }
 
+/**
+ * Fork a conversation at one assistant reply and send the first message to
+ * the fork. A retry with the same key returns the same fork and message.
+ */
+export function useForkConversation(sourceConversationId: string) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (args: {
+      idempotencyKey: string;
+      message: string;
+      messageId: string;
+    }) => {
+      const fork = await post(
+        forkConversationResponseSchema,
+        `/api/conversations/${encodeURIComponent(sourceConversationId)}/forks`,
+        { messageId: args.messageId, idempotencyKey: args.idempotencyKey },
+      );
+      return post(
+        acceptedConversationMessageSchema,
+        `/api/conversations/${encodeURIComponent(fork.conversationId)}/messages`,
+        { idempotencyKey: args.idempotencyKey, message: args.message },
+      );
+    },
+    onSuccess: (accepted, args) => {
+      queryClient.setQueryData<ConversationOutboxMessage[]>(
+        conversationOutboxQueryKey(accepted.conversationId),
+        (current) =>
+          upsertConversationOutboxMessage(current, {
+            ...conversationOutboxMessageForSubmit({
+              idempotencyKey: args.idempotencyKey,
+              message: args.message,
+              actorIdentity: outboxActorIdentity(queryClient),
+              messageId: accepted.messageId,
+            }),
+            status: "accepted",
+          }),
+      );
+      void queryClient.invalidateQueries({
+        queryKey: ["dashboard", "conversations"],
+      });
+    },
+  });
+}
+
 /** Add one dashboard message and refresh the shared transcript. */
 export function useAppendConversationMessage(conversationId: string) {
   const queryClient = useQueryClient();