Skip to content

feat(mobile): WIP redesign core app surfaces - #5373

Open
t3dotgg wants to merge 4 commits into
mainfrom
t3code/redesign-mobile-ui
Open

feat(mobile): WIP redesign core app surfaces#5373
t3dotgg wants to merge 4 commits into
mainfrom
t3code/redesign-mobile-ui

Conversation

@t3dotgg

@t3dotgg t3dotgg commented Aug 5, 2026

Copy link
Copy Markdown
Member

Warning

WIP: This redesign is still under active visual verification.

What Changed

  • Modernizes the mobile composer into one stable surface with a restored attachment action, a direct model selector, compact configuration access, and keyboard-safe expanded geometry.
  • Rebuilds model selection as a searchable provider-grouped sheet with device-local favorites, selected-state feedback, and the mainline legacy-model fold.
  • Simplifies the phone thread header so the title stays readable, status remains distinct, and secondary terminal, files, git, and review actions live in one menu.
  • Refines the thread list, new-task flow, approval cards, and multi-question input while preserving current mainline pinning, provider metadata, and connection-state behavior.
  • Shows only actionable thread states. Completed or already-read threads fall back to timestamps instead of a persistent Done label.

Why

The previous React Native surfaces were too small, crowded important titles with utilities, and produced an unreliable composer when the keyboard opened. This update brings the mobile client closer to the rebuilt native direction while keeping the implementation shared across iOS and Android.

UI Changes

Captured from the repository's iPhone 6.9 iOS simulator workflow.

Thread list

Before Latest WIP
Thread list before redesign Latest redesigned thread list

Thread detail and composer

Before Latest WIP
Thread detail before redesign Latest redesigned thread detail and composer

Simulator evidence: baseline run and final WIP run.

Verification

  • 74 focused mobile tests pass across model selection, preferences, home, thread-list, connection-state, and header behavior.
  • Targeted lint passes for every changed TypeScript file.
  • GitHub Check, Test, Release Smoke, Effect Service Conventions, and Mobile Native Static Analysis pass on the latest commit.
  • The final iOS workflow validated 15 dark-mode screenshots across iPhone 6.9, iPhone 6.5, and iPad 13.
  • Local mobile package typecheck is blocked by an unchanged packages/contracts error already present on main: orchestration.ts reports a message property on Option<unknown>.

Checklist

  • Rebases onto current main
  • Preserves the mainline legacy-model fold
  • Includes before and latest simulator screenshots
  • Covers phone and tablet layouts in the simulator matrix
  • No animation or timing behavior changed, so no video is required

Built with GPT-5.6 Codex in the T3 Code harness.

@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown

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: c273ddfe-8180-486c-b929-d60b2cde51ee

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

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

@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XXL 1,000+ changed lines (additions + deletions). labels Aug 5, 2026
Comment thread apps/mobile/src/features/threads/ThreadRouteScreen.tsx Outdated
Comment thread apps/mobile/src/features/threads/PendingUserInputCard.tsx
Comment thread apps/mobile/src/features/home/HomeHeader.tsx
Comment thread apps/mobile/src/features/home/HomeRouteScreen.tsx
const requestChrome = props.activePendingUserInput ? 430 : 270;
const composerOverlapHeight = activePendingRequest
? requestChrome + Math.max(insets.bottom, 12)
: composerChrome + composerBottomInset;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed pending card inset height

Medium Severity

Feed bottom inset for pending approval or user-input overlays uses hardcoded heights (270 and 430) instead of measuring the redesigned cards. Tall approval details or multi-option input steps can exceed those constants and leave messages hidden under the overlay.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 62b3883. Configure here.

@macroscopeapp

macroscopeapp Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This is a major mobile UI redesign introducing new components (ModelPickerSheet, thread header status), new features (model favorites), and significant changes across core app surfaces. The WIP designation and an unresolved bug report about hardcoded overlay heights warrant human review.

You can customize Macroscope's approvability policy. Learn more.

@t3dotgg
t3dotgg force-pushed the t3code/redesign-mobile-ui branch from 62b3883 to 73cc66f Compare August 5, 2026 04:06
Comment thread apps/mobile/src/features/home/HomeHeader.tsx
Comment thread apps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment thread apps/mobile/src/features/home/WorkspaceConnectionStatus.tsx Outdated
Comment thread apps/mobile/src/features/threads/useModelFavorites.ts

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

There are 3 total unresolved issues (including 2 from previous reviews).

Fix All in Cursor

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

Reviewed by Cursor Bugbot for commit 73cc66f. Configure here.

Comment thread apps/mobile/src/features/threads/PendingUserInputCard.tsx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XXL 1,000+ changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant