feat(dashboard): close legacy parity gaps

apps/dashboard/src/features/conversations/conversation-detail.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useRef, useState } from 'react';
 import type { ConversationDetailResponse } from '../../../../../packages/api-contracts/src/index.js';
-import { useConversationDetailQuery, useSendReplyMutation, useSuggestReplyMutation } from './conversation-queries.js';
+import { useConversationDetailQuery, useSendReplyMutation, useSuggestMediaAskMutation, useSuggestReplyMutation } from './conversation-queries.js';
 import { SendConfirmationDialog } from './send-confirmation-dialog.js';
 
 interface ConversationDetailProps {
@@ -38,6 +38,7 @@ function ConversationComposer({ conversation }: { conversation: ConversationDeta
   const [wasSent, setWasSent] = useState(false);
   const sendButtonRef = useRef<HTMLButtonElement>(null);
   const suggestionMutation = useSuggestReplyMutation(conversation.roomId ?? conversation.username);
+  const mediaAskMutation = useSuggestMediaAskMutation(conversation.roomId ?? conversation.username);
   const sendMutation = useSendReplyMutation(conversation.roomId ?? conversation.username);
   const canSend = draft.trim().length > 0 && !sendMutation.isPending;
 
@@ -51,6 +52,11 @@ function ConversationComposer({ conversation }: { conversation: ConversationDeta
     suggestionMutation.mutate(undefined, { onSuccess: (suggestion) => setDraft(suggestion) });
   }
 
+  function suggestMediaAsk() {
+    setWasSent(false);
+    mediaAskMutation.mutate(undefined, { onSuccess: (suggestion) => setDraft(suggestion) });
+  }
+
   function sendReply() {
     if (!canSend) return;
     sendMutation.mutate(draft, {
@@ -69,6 +75,9 @@ function ConversationComposer({ conversation }: { conversation: ConversationDeta
         <button disabled={suggestionMutation.isPending} onClick={suggestReply} type="button">
           {suggestionMutation.isPending ? 'Generating…' : 'Suggest reply'}
         </button>
+        <button disabled={mediaAskMutation.isPending} onClick={suggestMediaAsk} type="button">
+          {mediaAskMutation.isPending ? 'Generating media ask…' : 'Suggest media ask'}
+        </button>
       </div>
       <label className="sr-only" htmlFor="conversation-reply">Reply to u/{conversation.username}</label>
       <textarea
@@ -82,6 +91,7 @@ function ConversationComposer({ conversation }: { conversation: ConversationDeta
         value={draft}
       />
       {suggestionMutation.isError ? <div className="conversation-inline-error" role="alert">{suggestionMutation.error.message}</div> : null}
+      {mediaAskMutation.isError ? <div className="conversation-inline-error" role="alert">{mediaAskMutation.error.message}</div> : null}
       {sendMutation.isError ? <div className="conversation-inline-error" role="alert">{sendMutation.error.message}</div> : null}
       {wasSent ? (
         <div aria-label="Reply sent" className="conversation-inline-success" role="status">Reply sent to u/{conversation.username}</div>