fix(mobile): keep a message the host recorded but did not deliver in the phone chat, labelled not sent

config/scripts/structured-agent-session-start-failure-row-render.test.mjs

@@ -28,47 +28,60 @@ describe('startup sign-in rows from host to renderer', () => {
     ],
     ['OMP', 'Connectez-vous à OMP.']
   ])(
-    'translates an actual %s startup row with its diagnostic and resend advice',
+    'translates an actual %s startup row with plain detail and resend advice, hiding technical detail',
     async (agentName, guidance) => {
       await i18n.changeLanguage('fr')
-      const detail = 'Provider diagnostic: {{agent}} must remain literal.'
-      const startup = structuredAgentSessionStartFailure(
-        {
-          failure: {
-            kind: 'notSignedIn',
-            account: 'system',
-            detail: { text: detail, audience: 'person' }
-          }
-        },
-        { agentName }
-      )
-      const mutation = structuredAgentSessionStartFailureRow('generation', startup)
-      if (mutation.kind !== 'item' || mutation.body.kind !== 'status') {
-        throw new Error('Expected the startup writer to produce a status row')
-      }
-      expect(mutation.body.text).toContain('Then send your message again.')
-      const [message] = projectStructuredItemsToNativeChat([
-        {
-          itemId: agentJournalItemKey(mutation.identity),
-          sequence: 1,
-          revision: 1,
-          observedAt: 1,
-          body: mutation.body,
-          turnScope: mutation.turnScope
-        }
-      ])
-      render(
-        createElement(MessageRow, {
-          message,
-          agentName,
-          expandSignal: false,
-          onScrollMessageToTop: vi.fn()
-        })
-      )
+      renderStartupRow(agentName, 'Sign-in note: {{agent}} must remain literal.')
       expect(
-        screen.getByText(`${guidance} ${detail} Puis envoyez à nouveau votre message.`)
+        screen.getByText(
+          `${guidance} Sign-in note: {{agent}} must remain literal. Puis envoyez à nouveau votre message.`
+        )
       ).toBeInTheDocument()
-      expect(screen.queryByText(mutation.body.text)).toBeNull()
+      cleanup()
+
+      // Technical detail stays off the row; the agent-named sign-in step and resend advice remain.
+      renderStartupRow(agentName, 'Provider diagnostic: {{agent}} must remain literal.')
+      expect(
+        screen.getByText(`${guidance} Puis envoyez à nouveau votre message.`)
+      ).toBeInTheDocument()
+      expect(screen.queryByText(/provider|diagnostic/i)).toBeNull()
     }
   )
 })
+
+function renderStartupRow(agentName, detail) {
+  const startup = structuredAgentSessionStartFailure(
+    {
+      failure: {
+        kind: 'notSignedIn',
+        account: 'system',
+        detail: { text: detail, audience: 'person' }
+      }
+    },
+    { agentName }
+  )
+  const mutation = structuredAgentSessionStartFailureRow('generation', startup)
+  if (mutation.kind !== 'item' || mutation.body.kind !== 'status') {
+    throw new Error('Expected the startup writer to produce a status row')
+  }
+  expect(mutation.body.text).toContain('Then send your message again.')
+  const [message] = projectStructuredItemsToNativeChat([
+    {
+      itemId: agentJournalItemKey(mutation.identity),
+      sequence: 1,
+      revision: 1,
+      observedAt: 1,
+      body: mutation.body,
+      turnScope: mutation.turnScope
+    }
+  ])
+  render(
+    createElement(MessageRow, {
+      message,
+      agentName,
+      expandSignal: false,
+      onScrollMessageToTop: vi.fn()
+    })
+  )
+  expect(screen.queryByText(mutation.body.text)).toBeNull()
+}

config/scripts/vitest-sqlite-runtime-files.mjs

@@ -159,6 +159,7 @@ export const SQLITE_RUNTIME_INCLUDE = [
   'src/main/native-chat/agent-session-wire/structured-agent-session-status-feed-stopping.test.ts',
   'src/main/native-chat/agent-session-wire/structured-agent-session-status-feed.test.ts',
   'src/main/native-chat/agent-session-wire/structured-agent-session-status-reentry.test.ts',
+  'src/main/native-chat/agent-session-wire/structured-agent-session-stop-failure-copy.test.ts',
   'src/main/native-chat/agent-session-wire/structured-agent-session-stop-note-opened-turn.test.ts',
   'src/main/native-chat/agent-session-wire/structured-agent-session-stop-note-withdrawn-send.test.ts',
   'src/main/native-chat/agent-session-wire/structured-agent-session-stopping-journal.test.ts',

mobile/src/session/MobileNativeChatMessage.test.ts

@@ -84,6 +84,7 @@ describe('MobileNativeChatMessage', () => {
       } | null
       onToggleTurn?: () => void
       reasoningIsLive?: boolean
+      unsentNotice?: string
     } = {}
   ): ReactTestRenderer {
     act(() => {
@@ -168,6 +169,28 @@ describe('MobileNativeChatMessage', () => {
     expect(rows.some((row) => row.props.style.includes(styles.rowUser))).toBe(false)
   })
 
+  // As on the desktop: an orchestration task the host recorded and rejected reads as not sent too.
+  it("says under another agent's message the host never delivered that it was not sent", () => {
+    const tree = render(
+      {
+        ...userMessage([{ type: 'text', text: 'Fix the parser.' }]),
+        unsent: true,
+        from: {
+          kind: 'agent',
+          senders: [
+            {
+              party: { address: 'term_a', terminalHandle: 'term_a', orcaSessionId: null },
+              name: 'Coder'
+            }
+          ],
+          orchestration: null
+        }
+      },
+      { unsentNotice: "Claude couldn't start." }
+    )
+    expect(textIn(tree.root)).toContain("Claude couldn't start.")
+  })
+
   it('preserves an ordinary assistant answer without interpreting its text as a host notice', () => {
     const tree = render(toolMessage([{ type: 'text', text: 'provider fallback' }]))
     expect(tree.root.find((node) => String(node.type) === 'MobileMarkdown').props.content).toBe(
@@ -201,6 +224,36 @@ describe('MobileNativeChatMessage', () => {
     expect(texts.some((text) => text.includes('/tmp/host.png'))).toBe(true)
   })
 
+  it('says under a message the host recorded but never delivered why it was not sent', () => {
+    const tree = render(
+      { ...userMessage([{ type: 'text', text: 'hello' }]), unsent: true },
+      { unsentNotice: "Claude couldn't receive this message. Send it again." }
+    )
+    expect(textIn(tree.root)).toEqual([
+      'hello',
+      "Claude couldn't receive this message. Send it again."
+    ])
+  })
+
+  it('still says it was not sent when no words for it are loaded', () => {
+    const tree = render({ ...userMessage([{ type: 'text', text: 'hello' }]), unsent: true })
+    expect(textIn(tree.root)).toEqual(['hello', 'Your message was not sent.'])
+  })
+
+  it('says it was not sent as a muted label, not an error', () => {
+    const tree = render({ ...userMessage([{ type: 'text', text: 'hello' }]), unsent: true })
+    const [label] = tree.root.findAll(
+      (node) =>
+        node.props.style !== undefined && node.children.join('') === 'Your message was not sent.'
+    )
+    expect(label?.props.style).toMatchObject({ color: colors.textMuted })
+  })
+
+  it('says nothing more under a delivered message', () => {
+    const tree = render(userMessage([{ type: 'text', text: 'hello' }]))
+    expect(textIn(tree.root)).toEqual(['hello'])
+  })
+
   it('makes user message text selectable', () => {
     const tree = render(userMessage([{ type: 'text', text: 'Prompt I typed' }]))
     const text = tree.root

mobile/src/session/MobileNativeChatMessage.tsx

@@ -31,6 +31,7 @@ import type { NativeChatTurnStatus } from './use-mobile-native-chat-turn-status'
 import { isRenderableImageUri } from './mobile-native-chat-image-preview'
 import { styles, TEXT_SIZE } from './mobile-native-chat-message-styles'
 import { agentMessageAttribution } from './mobile-agent-message-attribution'
+import { AGENT_SESSION_WRITE_NOTICE_COPY } from '../../../src/shared/agent-session-write-notice-copy'
 import { withoutPendingNativeChatVisualDirectiveTail } from '../../../src/shared/native-chat-visual-directive'
 import {
   MobileNativeChatVisualContext,
@@ -146,6 +147,7 @@ function MobileNativeChatMessageImpl({
   reasoningIsLive = false,
   reasoningExpanded,
   onToggleReasoning,
+  unsentNotice,
   subagentGroupsOpen,
   onToggleSubagentGroup
 }: {
@@ -175,6 +177,8 @@ function MobileNativeChatMessageImpl({
   /** The transcript-held disclosure of a reasoning row; one stable handler takes its key. */
   reasoningExpanded?: boolean
   onToggleReasoning?: (key: string) => void
+  /** Why the host did not deliver this message, when it is shown as not sent. */
+  unsentNotice?: string
   /** The roster groups the reader opened, held by the transcript; only a roster row gets it. */
   subagentGroupsOpen?: ReadonlySet<string>
   onToggleSubagentGroup?: (groupId: string) => void
@@ -308,6 +312,11 @@ function MobileNativeChatMessageImpl({
             />
           ) : null}
         </Content>
+        {message.role === 'user' && message.unsent === true ? (
+          <NativeText style={styles.unsentLabel}>
+            {unsentNotice ?? AGENT_SESSION_WRITE_NOTICE_COPY.notDoneSend}
+          </NativeText>
+        ) : null}
       </View>
       {actionsOpen ? (
         <MobileNativeChatMessageActionsSheet

mobile/src/session/MobileNativeChatQueuedMessages.test.tsx

@@ -168,7 +168,7 @@ describe('MobileNativeChatQueuedMessages', () => {
 
   it("lets a returned card's reason wrap whole, in the destructive color, beside an alert", async () => {
     const reason =
-      'The provider did not accept this message: Claude does not support the image type .bmp in a steering message.'
+      "Claude didn't accept this message: Claude does not support the image type .bmp in a steering message."
     const mounted = await mount({
       cards: [
         card({ messageId: 'r', state: 'returned', needsAttention: true, caption: reason }),

mobile/src/session/MobileNativeChatView.tsx

@@ -21,6 +21,7 @@ import type { NativeChatTurnJournal } from '../../../src/shared/native-chat-turn
 import { colors } from '../theme/mobile-theme'
 import { styles } from './mobile-native-chat-view-styles'
 import { mobileNativeChatListFooter } from './mobile-native-chat-list-footer'
+import { mobileNativeChatListHeader } from './mobile-native-chat-list-header'
 import {
   buildMobileNativeChatTransientData,
   mobileNativeChatEmptyState,
@@ -44,6 +45,7 @@ import type { MobileChatPermission } from './mobile-native-chat-permission'
 import type { MobileChatQuestion } from './mobile-native-chat-question'
 import type { MobileNativeChatSessionOptionPickersProps } from './MobileNativeChatSessionOptionPickers'
 import { MobileNativeChatMessage } from './MobileNativeChatMessage'
+import { mobileNativeChatUnsentNotices } from './mobile-native-chat-unsent-notices'
 import type { MobileNativeChatStatus } from './use-mobile-native-chat-session'
 
 /** Why the composer input is locked: the transport is disconnected, or the
@@ -297,6 +299,10 @@ export function MobileNativeChatView({
     scopeKey: sendSurfaceId
   })
 
+  const unsentNotices = useMemo(
+    () => mobileNativeChatUnsentNotices(turnJournal, agent ?? null),
+    [turnJournal, agent]
+  )
   const renderItem = useCallback(
     ({ item, index }: { item: NativeChatMessage; index: number }) => (
       <MobileNativeChatMessage
@@ -306,10 +312,11 @@ export function MobileNativeChatView({
         onOpenFile={onOpenFile}
         structuredActivityUi={structuredActivityUi}
         onToggleTurn={turns.onToggleTurn}
+        unsentNotice={item.unsent === true ? unsentNotices.get(item.id) : undefined}
         {...turns.resolveRow(index, item)}
       />
     ),
-    [toolsExpanded, fontScale, onOpenFile, structuredActivityUi, turns]
+    [toolsExpanded, fontScale, onOpenFile, structuredActivityUi, turns, unsentNotices]
   )
 
   const liveStatus = turns.liveLine ? (
@@ -368,21 +375,7 @@ export function MobileNativeChatView({
               scrollEventThrottle={32}
               onContentSizeChange={pinToTailAfterContentResize}
               onLayout={pinToTail}
-              ListHeaderComponent={
-                hasMore ? (
-                  <Pressable
-                    style={styles.loadEarlier}
-                    onPress={loadEarlier}
-                    disabled={loadingEarlier}
-                  >
-                    {loadingEarlier ? (
-                      <ActivityIndicator size="small" color={colors.textMuted} />
-                    ) : (
-                      <Text style={styles.loadEarlierText}>Load earlier messages</Text>
-                    )}
-                  </Pressable>
-                ) : null
-              }
+              ListHeaderComponent={mobileNativeChatListHeader(hasMore, loadingEarlier, loadEarlier)}
               ListFooterComponent={mobileNativeChatListFooter(
                 liveStatus,
                 turns.waitingRows,