diff --git a/mobile/app/hybrid.tsx b/mobile/app/hybrid.tsx
index 27c6dcb2ff0..ac499326ab2 100644
--- a/mobile/app/hybrid.tsx
+++ b/mobile/app/hybrid.tsx
@@ -22,7 +22,6 @@ import { MobileWebHybridShellPresentation } from '../src/mobile-web/MobileWebHyb
 import { mobileWebShellLoadFailureWarning } from '../src/mobile-web/mobile-web-shell-load-failure-warning'
 import { useMobileWebNavigationIntentHandoff } from '../src/mobile-web/use-mobile-web-navigation-intent-handoff'
 import { useMobileWebColdResumeRoute } from '../src/mobile-web/use-mobile-web-cold-resume-route'
-import { mobileWebBridgeConnectionState } from '../src/mobile-web/mobile-web-bridge-connection-state'
 import { MobileWebOneShotResponseDrop } from '../src/mobile-web/mobile-web-one-shot-response-drop'
 import { useMobileWebE2eHostSelection } from '../src/mobile-web/mobile-web-e2e-host-selection'
 import { useMobileWebAppForegroundAuthority } from '../src/mobile-web/use-mobile-web-app-foreground-authority'
@@ -266,7 +265,7 @@ export default function HybridScreen() {
   }, [postInit])
 
   useEffect(() => {
-    brokerRef.current?.updateConnectionState(mobileWebBridgeConnectionState(state))
+    brokerRef.current?.updateConnectionState(state)
     const current = session
     if (!current || pageDocument.initializedSessionRef.current !== current.sessionId) {
       return
@@ -276,7 +275,7 @@ export default function HybridScreen() {
       type: 'connection',
       shellSessionId: current.sessionId,
       buildId: current.buildId,
-      state: mobileWebBridgeConnectionState(state),
+      state,
       reconnectAttempts: reconnects,
       lastConnectedAt: lastConnected
     })
diff --git a/mobile/host-web-app/h/[hostId]/accounts.tsx b/mobile/host-web-app/h/[hostId]/accounts.tsx
index e539c86395b..201db4a8058 100644
--- a/mobile/host-web-app/h/[hostId]/accounts.tsx
+++ b/mobile/host-web-app/h/[hostId]/accounts.tsx
@@ -14,18 +14,12 @@ export default function HostMobileWebAccountsRoute() {
         : undefined,
     [shell.client, shell.hostDisplayName]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <AccountsScreen
       hostId={HOSTED_PAGE_HOST_ID}
       operations={operations}
-      connectionState={connectionState}
+      connectionState={shell.connection}
       nativeHostBinding={false}
     />
   )
diff --git a/mobile/host-web-app/h/[hostId]/files/[worktreeId].tsx b/mobile/host-web-app/h/[hostId]/files/[worktreeId].tsx
index df3fd039e15..b75f361e723 100644
--- a/mobile/host-web-app/h/[hostId]/files/[worktreeId].tsx
+++ b/mobile/host-web-app/h/[hostId]/files/[worktreeId].tsx
@@ -9,17 +9,11 @@ export default function HostMobileWebFileExplorerRoute() {
     () => (shell.client ? webHostFileExplorerOperations(shell.client) : undefined),
     [shell.client]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <MobileFileExplorerScreen
       operations={operations}
-      connectionState={connectionState}
+      connectionState={shell.connection}
       nativeHostBinding={false}
     />
   )
diff --git a/mobile/host-web-app/h/[hostId]/files/preview/[worktreeId].tsx b/mobile/host-web-app/h/[hostId]/files/preview/[worktreeId].tsx
index b52bbde909e..438a53d9782 100644
--- a/mobile/host-web-app/h/[hostId]/files/preview/[worktreeId].tsx
+++ b/mobile/host-web-app/h/[hostId]/files/preview/[worktreeId].tsx
@@ -9,17 +9,11 @@ export default function HostMobileWebFilePreviewRoute() {
     () => (shell.client ? webHostFilePreviewOperations(shell.client) : undefined),
     [shell.client]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <MobileFilePreviewRoute
       operations={operations}
-      connectionState={connectionState}
+      connectionState={shell.connection}
       nativeHostBinding={false}
     />
   )
diff --git a/mobile/host-web-app/h/[hostId]/review/[worktreeId].tsx b/mobile/host-web-app/h/[hostId]/review/[worktreeId].tsx
index d1e57a20559..ba4fa52058e 100644
--- a/mobile/host-web-app/h/[hostId]/review/[worktreeId].tsx
+++ b/mobile/host-web-app/h/[hostId]/review/[worktreeId].tsx
@@ -16,19 +16,13 @@ export default function HostMobileWebDiffReviewRoute() {
     () => (shell.client && workspaceId ? webHostDiffReviewClient(shell.client, workspaceId) : null),
     [shell.client, workspaceId]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <MobileDiffReviewRoute
       routeName={workspaceName}
       binding={{
         client,
-        connectionState,
+        connectionState: shell.connection,
         reconnect: async () => {
           await shell.client?.navigationReconnect()
         },
diff --git a/mobile/host-web-app/h/[hostId]/session/[worktreeId].tsx b/mobile/host-web-app/h/[hostId]/session/[worktreeId].tsx
index 2df9052100d..ac460129e36 100644
--- a/mobile/host-web-app/h/[hostId]/session/[worktreeId].tsx
+++ b/mobile/host-web-app/h/[hostId]/session/[worktreeId].tsx
@@ -83,12 +83,6 @@ export default function HostMobileWebSessionRoute() {
     () => (shell.client ? webHostSessionChatPendingDeliveryOperations(shell.client) : undefined),
     [shell.client]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <SessionScreen
@@ -104,7 +98,7 @@ export default function HostMobileWebSessionRoute() {
       sessionNativeChatOperations={sessionNativeChatOperations}
       sessionChatDraftOperations={sessionChatDraftOperations}
       sessionChatPendingDeliveryOperations={sessionChatPendingDeliveryOperations}
-      connectionState={connectionState}
+      connectionState={shell.connection}
       nativeHostBinding={false}
       reconnect={() =>
         shell.client
diff --git a/mobile/host-web-app/h/[hostId]/source-control/[worktreeId].tsx b/mobile/host-web-app/h/[hostId]/source-control/[worktreeId].tsx
index eeecd745a73..a92ec8416c8 100644
--- a/mobile/host-web-app/h/[hostId]/source-control/[worktreeId].tsx
+++ b/mobile/host-web-app/h/[hostId]/source-control/[worktreeId].tsx
@@ -17,19 +17,13 @@ export default function HostMobileWebSourceControlRoute() {
       shell.client && workspaceId ? webHostSourceControlClient(shell.client, workspaceId) : null,
     [shell.client, workspaceId]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <MobileSourceControlRoute
       routeName={workspaceName}
       binding={{
         client,
-        connectionState,
+        connectionState: shell.connection,
         reconnect: async () => {
           await shell.client?.navigationReconnect()
         },
diff --git a/mobile/host-web-app/h/[hostId]/tasks.tsx b/mobile/host-web-app/h/[hostId]/tasks.tsx
index 58974df04c2..2c069af31fe 100644
--- a/mobile/host-web-app/h/[hostId]/tasks.tsx
+++ b/mobile/host-web-app/h/[hostId]/tasks.tsx
@@ -41,12 +41,6 @@ export default function HostMobileWebTasksRoute() {
       workspaceCreation: webHostWorkspaceCreationOperations(shell.client)
     }
   }, [shell.client])
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
 
   return (
     <MobileTasksScreen
@@ -65,7 +59,7 @@ export default function HostMobileWebTasksRoute() {
       providerWriteOperations={operations?.providerWrite}
       readOperations={operations?.read}
       workspaceCreationOperations={operations?.workspaceCreation}
-      connectionState={connectionState}
+      connectionState={shell.connection}
       connectionMetrics={{
         reconnectAttempts: shell.reconnectAttempts,
         lastConnectedAt: shell.lastConnectedAt
diff --git a/mobile/host-web-app/index.tsx b/mobile/host-web-app/index.tsx
index ee044ed7e55..835c673188f 100644
--- a/mobile/host-web-app/index.tsx
+++ b/mobile/host-web-app/index.tsx
@@ -45,12 +45,6 @@ export default function HostMobileWebRoute() {
       ),
     [pathname, router, shell.client]
   )
-  const connectionState =
-    shell.connection === 'offline'
-      ? 'disconnected'
-      : shell.connection === 'recovering'
-        ? 'reconnecting'
-        : shell.connection
   const hostStatusGates = useWebHostStatusGates({
     client: shell.client,
     connection: shell.connection
@@ -60,7 +54,7 @@ export default function HostMobileWebRoute() {
       <HostScreen
         hostId={HOSTED_PAGE_HOST_ID}
         nativeHostBinding={false}
-        connectionState={connectionState}
+        connectionState={shell.connection}
         connectionMetrics={{
           reconnectAttempts: shell.reconnectAttempts,
           lastConnectedAt: shell.lastConnectedAt
diff --git a/mobile/src/mobile-web/mobile-web-bridge-connection-state.ts b/mobile/src/mobile-web/mobile-web-bridge-connection-state.ts
deleted file mode 100644
index c8ffc4093ff..00000000000
--- a/mobile/src/mobile-web/mobile-web-bridge-connection-state.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { ConnectionState } from '../transport/types'
-
-export function mobileWebBridgeConnectionState(
-  state: ConnectionState
-): 'connecting' | 'connected' | 'offline' | 'recovering' {
-  if (state === 'connected') {
-    return 'connected'
-  }
-  if (state === 'reconnecting') {
-    return 'recovering'
-  }
-  if (state === 'connecting' || state === 'handshaking') {
-    return 'connecting'
-  }
-  return 'offline'
-}
diff --git a/mobile/src/mobile-web/mobile-web-capability-broker.ts b/mobile/src/mobile-web/mobile-web-capability-broker.ts
index d59df52d709..8c4ccba4752 100644
--- a/mobile/src/mobile-web/mobile-web-capability-broker.ts
+++ b/mobile/src/mobile-web/mobile-web-capability-broker.ts
@@ -1,6 +1,7 @@
 import { requireMobileWebConnectedClient } from './mobile-web-connected-client'
 import type {
   MobileWebBridgePageMessage,
+  MobileWebConnectionState,
   MobileWebResumeRoute
 } from '../../../src/shared/mobile-web/bridge-contract'
 import type { RpcClient } from '../transport/rpc-client'
@@ -115,7 +116,7 @@ export class MobileWebCapabilityBroker {
       void this.messages.error(requestId, 'cancelled', false)
     }
   }
-  updateConnectionState(state: 'connecting' | 'connected' | 'offline' | 'recovering'): void {
+  updateConnectionState(state: MobileWebConnectionState): void {
     if (state !== 'connected') {
       this.authorities.terminalArtifact.clear()
       void this.speechAuthority.cancel('disconnected')
diff --git a/mobile/src/mobile-web/mobile-web-shell-init-message.ts b/mobile/src/mobile-web/mobile-web-shell-init-message.ts
index 4d9b898bb9e..f9b009990a9 100644
--- a/mobile/src/mobile-web/mobile-web-shell-init-message.ts
+++ b/mobile/src/mobile-web/mobile-web-shell-init-message.ts
@@ -4,7 +4,6 @@ import {
   type MobileWebResumeRoute
 } from '../../../src/shared/mobile-web/bridge-contract'
 import type { ConnectionState } from '../transport/types'
-import { mobileWebBridgeConnectionState } from './mobile-web-bridge-connection-state'
 import { MOBILE_WEB_PRODUCTION_GRANTS } from './mobile-web-production-grants'
 
 type MobileWebShellInitArgs = {
@@ -28,7 +27,7 @@ export function mobileWebShellInitMessage(
     type: 'init',
     shellSessionId: args.shellSessionId,
     buildId: args.buildId,
-    connection: mobileWebBridgeConnectionState(args.state),
+    connection: args.state,
     hostDisplayName: args.hostDisplayName,
     reconnectAttempts: args.reconnectAttempts,
     lastConnectedAt: args.lastConnectedAt,
diff --git a/src/mobile-web/src/native-shell-channel.ts b/src/mobile-web/src/native-shell-channel.ts
index aaf728a9394..eafc41d7252 100644
--- a/src/mobile-web/src/native-shell-channel.ts
+++ b/src/mobile-web/src/native-shell-channel.ts
@@ -15,6 +15,7 @@ import {
   parseMobileWebBridgeInitialMessage,
   parseMobileWebBridgeShellMessage,
   type MobileWebBridgeMessageContext,
+  type MobileWebConnectionState,
   type MobileWebNavigationRoute,
   type MobileWebResumeRoute
 } from '../../shared/mobile-web/bridge-contract'
@@ -29,7 +30,7 @@ import { subscribeToMobileWebShellMessages } from './native-shell-message-inbox'
 export type MobileWebNativeShellState = {
   client: MobileWebBridgeClient | null
   context: MobileWebBridgeMessageContext | null
-  connection: 'connecting' | 'connected' | 'offline' | 'recovering'
+  connection: MobileWebConnectionState
   hostDisplayName: string | null
   reconnectAttempts: number
   lastConnectedAt: number | null
diff --git a/src/shared/mobile-web/bridge-contract.test.ts b/src/shared/mobile-web/bridge-contract.test.ts
index cd466fb9fa0..4dac5cdf533 100644
--- a/src/shared/mobile-web/bridge-contract.test.ts
+++ b/src/shared/mobile-web/bridge-contract.test.ts
@@ -516,7 +516,7 @@ describe('mobile web bridge shell contract', () => {
       type: 'connection',
       shellSessionId: SHELL_SESSION_ID,
       buildId: BUILD_ID,
-      state: 'recovering'
+      state: 'reconnecting'
     }
 
     expect(
diff --git a/src/shared/mobile-web/bridge-contract.ts b/src/shared/mobile-web/bridge-contract.ts
index 76133e1b5ff..c53dc43d305 100644
--- a/src/shared/mobile-web/bridge-contract.ts
+++ b/src/shared/mobile-web/bridge-contract.ts
@@ -165,7 +165,16 @@ const ShellEnvelopeSchema = z.object({
   buildId: BuildIdSchema
 })
 
-const ConnectionStateSchema = z.enum(['connecting', 'connected', 'offline', 'recovering'])
+// The shell publishes the transport's own state; the page decides what to show for each.
+const ConnectionStateSchema = z.enum([
+  'connecting',
+  'handshaking',
+  'connected',
+  'disconnected',
+  'reconnecting',
+  'auth-failed'
+])
+export type MobileWebConnectionState = z.infer<typeof ConnectionStateSchema>
 const ConnectionMetricsShape = {
   reconnectAttempts: z.number().int().nonnegative().max(1_000_000).optional(),
   lastConnectedAt: z.number().int().nonnegative().max(Number.MAX_SAFE_INTEGER).nullable().optional()