feat: show the conversation evidence behind each learning trajectory

Reviewers were asked to include or exclude learning trajectories while
only seeing metadata — credit class, confidence, status. The decisions
and their redacted context turns were already captured and stored, but
no endpoint returned them, so the evidence was unreachable from the UI.

Add GET /api/learning/trajectories/:id and an expandable row on the
learning page that fetches on demand.

Also widen SentMessageSchema to accept matrixEventId, imageOutcomeCredit
and imageOutcomeAt. The learning loop added these to SentMessageRecord
and they flow out of /api/messages, but the strict contract rejected
them, breaking the dashboard.

Enable generation with shadow mode off so eligible examples reach reply
prompts.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

apps/dashboard/src/features/accounts/accounts-page.tsx

@@ -1,13 +1,19 @@
 import { useEffect, useRef, useState } from 'react';
-import type { AccountEstablishmentSummary } from '../../../../../packages/api-contracts/src/index.js';
+import type {
+  AccountEstablishmentSummary,
+  RedditAccountSummary,
+} from '../../../../../packages/api-contracts/src/index.js';
 import { RedditUsernameLink } from '../../components/reddit-username-link.js';
 import {
   useImportRedditSessionMutation,
   useLoginStatusQuery,
   useRedditAccountsQuery,
+  useRemoveRedditAccountMutation,
 } from '../settings/settings-queries.js';
 import './accounts.css';
 
+const CONFIRM_TIMEOUT_MS = 8_000;
+
 function errorMessage(error: Error | null): string {
   return error?.message ?? 'Something went wrong.';
 }
@@ -85,6 +91,73 @@ function establishmentPill(establishment: AccountEstablishmentSummary | null | u
   return <span className="pill success">Established</span>;
 }
 
+/**
+ * Removal is destructive — the account's messages, activity and sync state go
+ * with it — so the button arms a confirmation that disarms itself if ignored.
+ */
+function AccountRow({ account }: { account: RedditAccountSummary }) {
+  const removeMutation = useRemoveRedditAccountMutation();
+  const [confirmRemove, setConfirmRemove] = useState(false);
+
+  useEffect(() => {
+    if (!confirmRemove) return;
+    const timer = globalThis.setTimeout(() => setConfirmRemove(false), CONFIRM_TIMEOUT_MS);
+    return () => globalThis.clearTimeout(timer);
+  }, [confirmRemove]);
+
+  return (
+    <div className={account.isRunning ? 'account-row is-active' : 'account-row'}>
+      <div>
+        <strong><RedditUsernameLink username={account.redditUsername} /></strong>
+        <span>{account.isRunning ? 'Running independently' : 'Waiting for a refreshed session'}</span>
+      </div>
+      <div className="account-row-pills">
+        {establishmentPill(account.establishment)}
+        <span className={account.isRunning ? 'pill success' : 'pill warning'}>
+          {account.isRunning ? 'Running' : 'Paused'}
+        </span>
+      </div>
+      <div className="account-row-actions">
+        {confirmRemove ? (
+          <>
+            <span className="account-remove-warning">
+              Removes u/{account.redditUsername}, its stored session and all of its messages,
+              conversations and activity. This cannot be undone.
+            </span>
+            <button className="button secondary" onClick={() => setConfirmRemove(false)} type="button">
+              Cancel
+            </button>
+            <button
+              aria-busy={removeMutation.isPending || undefined}
+              className="button danger"
+              disabled={removeMutation.isPending}
+              onClick={() => removeMutation.mutate(account.accountId)}
+              type="button"
+            >
+              {removeMutation.isPending ? 'Removing…' : 'Confirm removal'}
+            </button>
+          </>
+        ) : (
+          <button
+            aria-label={`Remove u/${account.redditUsername}`}
+            className="button secondary"
+            onClick={() => setConfirmRemove(true)}
+            type="button"
+          >
+            Remove
+          </button>
+        )}
+      </div>
+      {removeMutation.isError ? (
+        <strong className="save-error" role="alert">{errorMessage(removeMutation.error)}</strong>
+      ) : null}
+      {account.establishment && account.establishment.state !== 'unknown' ? (
+        <EstablishmentDetail establishment={account.establishment} />
+      ) : null}
+    </div>
+  );
+}
+
 function sessionLabel(status: ReturnType<typeof useLoginStatusQuery>['data']): string {
   if (!status) return 'Unknown';
   if (!status.ready) return 'Browser unavailable';
@@ -211,21 +284,7 @@ export function AccountsPage() {
                   </div>
                 ) : null}
                 {accounts.map((account) => (
-                  <div className={account.isRunning ? 'account-row is-active' : 'account-row'} key={account.accountId}>
-                    <div>
-                      <strong><RedditUsernameLink username={account.redditUsername} /></strong>
-                      <span>{account.isRunning ? 'Running independently' : 'Waiting for a refreshed session'}</span>
-                    </div>
-                    <div className="account-row-pills">
-                      {establishmentPill(account.establishment)}
-                      <span className={account.isRunning ? 'pill success' : 'pill warning'}>
-                        {account.isRunning ? 'Running' : 'Paused'}
-                      </span>
-                    </div>
-                    {account.establishment && account.establishment.state !== 'unknown' ? (
-                      <EstablishmentDetail establishment={account.establishment} />
-                    ) : null}
-                  </div>
+                  <AccountRow account={account} key={account.accountId} />
                 ))}
                 {accountsQuery.isSuccess && accounts.length === 0 ? (
                   <div className="empty-state">

apps/dashboard/src/features/accounts/accounts.css

@@ -9,6 +9,8 @@
 .account-row span { color: var(--muted); font-size: .82rem; }
 .account-row .pill { font-size: .7rem; }
 .account-row > .account-row-pills { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
+.account-row > .account-row-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .4rem; margin-left: auto; }
+.account-row .account-remove-warning { flex-basis: 100%; text-align: right; color: var(--danger-text, var(--muted)); font-size: .78rem; }
 
 /* Establishment evidence sits on its own row beneath the account summary. */
 .account-establishment { flex-basis: 100%; display: grid; gap: .4rem; padding-top: .7rem; border-top: 1px solid var(--border); }