refactor(mobile): share Android toolbar search fields

[juliusmarminge]

Targets main independently. This PR has no dependency on V2 or another UI audit PR.

Thread-list and file-browser Android toolbars duplicated search pills, input geometry, and clear controls. MaterialSearchField now owns those defaults and clear-to-refocus behavior. Screens retain their refs, back controls, visibility, and query state.

Validation: hardwareKeyboardCommands and commandPaletteItems tests, affected client typecheck, scoped lint, and React Doctor review. React Doctor’s existing consumer findings remain documented from the original audit; no new component findings were identified.

Code-only verification was requested; no browser/device pass or before/after screenshots are included. This remains a draft for visual review. No wire contracts, persisted data, or upgrade migrations change.

Model: GPT-6. Harness: Codex.

Summary by CodeRabbit

• New Features

  • Added a reusable mobile search field with themed styling, autofocus, accessibility labels, and a clear button.
  • Clear actions now empty the search field and return focus to it.

• Improvements

  • Updated file and home screens to use the consistent shared search experience while preserving existing search behavior.

[github-actions]

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	13.5 KiB	13.5 KiB	+24 B (+0.2%)	15.1 KiB	✅
Codex	Thread snapshot wire	7.1 KiB	7.1 KiB	+8 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.5 KiB	6.5 KiB	+16 B (+0.2%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	56.3 KiB	56.3 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	10	10	0 (0.0%)	21	✅
Claude	Total thread wire	13.5 KiB	13.5 KiB	+1 B (+0.0%)	15.1 KiB	✅
Claude	Thread snapshot wire	7.1 KiB	7.1 KiB	+6 B (+0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.4 KiB	6.4 KiB	−5 B (−0.1%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	57.0 KiB	57.0 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	9	9	0 (0.0%)	21	✅

Baseline: 53510d4 · PR result: 17d7e3f · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 113.9 KiB
• Claude decoded thread snapshot: 114.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

[macroscopeapp]

Approvability

Verdict: Approved at 17d7e3f

Macroscope's review found this PR approvable — This change extracts identical Android search-field UI into a shared mobile component while preserving existing props, focus behavior, callbacks, styling, and accessibility labels. It introduces no new capability or product-default change and has a small, localized runtime impact.

^{You can add or adjust custom eligibility rules. Learn more.}

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Team

Run ID: fa47be45-f873-498d-b5f3-baf7b3da7bc0

📥 Commits

Reviewing files that changed from the base of the PR and between 53510d4 and 17d7e3f.

📒 Files selected for processing (3)

• apps/mobile/src/components/MaterialSearchField.tsx
• apps/mobile/src/features/files/MaterialFilesHeader.tsx
• apps/mobile/src/features/home/MaterialThreadListToolbar.tsx

Included review availability: Your plan provides up to 10 included reviews per hour; 4 remain after this review.

---

📝 Walkthrough

Walkthrough

A reusable controlled search field now provides shared search input behavior. The files header and home toolbar use this component instead of separate inline implementations.

Changes

Material search field reuse

Layer / File(s)	Summary
MaterialSearchField component apps/mobile/src/components/MaterialSearchField.tsx	Adds a controlled, themed search field with configurable labels and placeholder text. A clear button appears for non-empty values and refocuses the input after clearing.
Toolbar search integrations apps/mobile/src/features/files/MaterialFilesHeader.tsx, apps/mobile/src/features/home/MaterialThreadListToolbar.tsx	Replaces the duplicated search implementations with MaterialSearchField and preserves existing refs, query values, labels, placeholders, and change handlers.

Priority: ⬇️ Low

Estimated code review effort: 3 (Moderate) | ~20 minutes

Change: Refactor

Merge Risk: ⚪ Minimal · up to 17d7e

The shared search-field refactor preserves the existing toolbar search behavior with no actionable merge risk identified.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 66.67% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 3 functions across 3 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the main change: sharing Android toolbar search fields across mobile screens.
Description check	✅ Passed	The description explains what changed, why the shared component was introduced, validation performed, scope exclusions, and the absence of visual verification. It does not reproduce the template headi…
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

---

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