fix(mobile): reconnects no longer shift the thread list

[t3dotgg]

When an environment reconnected on mobile, the connection status appeared as a row above the thread list. Every reconnect pushed all the rows down, then popped them back when it resolved. Jarring, and it happens constantly.

Now the header's brand slot doubles as the status surface. While an environment is unavailable, the T3 Code lockup ("Threads" on the iPad sidebar) fades to a spinner plus a status label in the same place, then fades back on reconnect. Nothing is inserted into the list, so its geometry never moves.

An 800ms debounce gates the swap, so the sub-second blips that make up most reconnects now show nothing at all. Offline and error states get a wifi-slash icon instead of the spinner, and tapping the status still opens environment settings the way the old pill did.

Covers every surface the old pill lived on: iPhone Home (both the liquid-glass and pre-glass header paths), Android Home, and the iPad sidebar in both native and custom chrome. The pill component is deleted; its display logic stays in workspace-connection-status.ts with tests extended for the new presentation helper.

Testing

• vp test run in apps/mobile: 611 passing
• Typecheck and lint clean for the changed files (one pre-existing packages/contracts/src/orchestration.ts error reproduces on clean main, unrelated to this branch)
• iOS 26.5 Simulator (iPhone 17e): connected to an isolated environment, stopped its backend, confirmed the debounced "Reconnecting to leftbook" header while the seeded thread row stayed fixed, then restarted the backend and confirmed the brand returned

Simulator verification

Connected	Reconnecting

📹 Full-quality 9-second simulator recording

---

Written by Claude Opus 5 (1M context) in T3 Code.

---

Note

Low Risk
UI-only mobile header/list layout change with no auth, data, or API changes; main risk is header animation/native chrome edge cases; the iPhone path is now verified in an iOS 26.5 Simulator.

Overview
Reconnects used to insert a connection status pill above the thread list, which pushed rows down and back on every blip. That pill is removed; status now lives in the header brand/title slot via new WorkspaceConnectionTitle, so list geometry stays fixed.

While disconnected (after an 800ms debounce), the T3 Code lockup or “Threads” title is replaced in place by a tappable label (spinner for reconnect/sync, wifi-slash for offline/errors) that still opens environment settings. getConnectionAwareBrandHeaderOptions wires this into iOS nav headers; Android home header and iPad sidebar (native + custom chrome) use the same component. Shared brandTitleOffset keeps status aligned with the brand.

workspace-connection-status.ts gains workspaceConnectionStatusPresentation (label + whether to show progress); tests cover it. onOpenEnvironments moves from HomeScreen to HomeHeader / route header options.

^{Reviewed by Cursor Bugbot for commit d61499f. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Move connection status display from thread list into the header title area

• Replaces the inline WorkspaceConnectionStatus component (rendered inside HomeScreen and ThreadNavigationSidebarPane) with a new WorkspaceConnectionTitle component that swaps the header brand area to show connection status during reconnects.
• Adds getConnectionAwareBrandHeaderOptions to wire WorkspaceConnectionTitle into native stack headers, with platform-specific placement (iOS native glass vs. Android).
• Introduces useDelayedConnectionStatus, which suppresses status changes shorter than 800ms so brief reconnects don't flash the UI.
• On Android, the header brand area becomes pressable to open environment settings; iOS uses unstable_headerLeftItems for alignment.
• Behavioral Change: connection status no longer shifts the thread list layout; it is shown in-place within the header title slot.

^{Macroscope summarized d61499f.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: f1f323bb-e050-401a-8d61-682cf1d3d01f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit d61499f. Configure here.}

[cursor]

Status labels overflow header actions

Medium Severity

When WorkspaceConnectionTitle displays a connection status with grow, the inner Pressable and its label don't properly constrain their width. This allows long status messages to overflow and overlap adjacent header controls, as flex: 1 and minWidth: 0 are not effectively applied to the content.

 

^{Reviewed by Cursor Bugbot for commit d61499f. Configure here.}

[macroscopeapp]

Approvability

Verdict: Needs human review

PR is marked WIP and introduces a new component with meaningful UI behavior changes (relocating connection status display). An unresolved comment identifies a potential layout overflow issue in the new component.

^{You can customize Macroscope's approvability policy. Learn more.}