fix(web): make settings project scopes searchable and scrollable

[maria-rcks]

settings → projects could open a project list tall enough to cover most of the page. reuse the sidebar's exact search field for project and machine scope dropdowns, with an empty state and a scrollable list capped at 23rem. both selectors share the same component so styling stays identical; existing scope actions remain intact.

verified web typecheck, focused lint, 158 sidebar logic tests, the sidebar shift+f10 project-settings shortcut, and actual browser search, keyboard selection, query reset, empty results, scrolling to the last project, and returning to all projects. checked desktop dark and 390px light layouts; the >3-machine dropdown branch was not exercised. recording export saved on the desktop host and could not be retrieved for playback or upload, so interaction video evidence remains blocked.

model: gpt-5.6-sol; harness: codex.

Summary by CodeRabbit

• Improvements
  • Updated project scope search fields in Settings and the sidebar with a consistent, reusable search interface.
  • Added clearer focus styling and a built-in search icon while preserving existing filtering and keyboard interactions.
  • Maintained project scope query behavior and navigation to project settings from the sidebar.

Note

Replace Select-based project scope pickers with searchable Combobox

• Adds ComboboxSearchInput to combobox.tsx as a shared wrapper around ComboboxInput with a search icon and standardized layout.
• Updates Sidebar.tsx to use ComboboxSearchInput for the project-scope search markup.
• Replaces the Select-based ScopePicker in ProjectsSettings.tsx with a Combobox that supports local search query, a no-match empty state, and an all-scopes option.
• Behavioral Change: selecting the synthetic all-scopes item still reports null; selecting an option reports its value, preserving the existing callback contract.

^{Macroscope summarized c5499a5.}

[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: d90dcde9-44b6-46ec-a4ab-b0006243a9c5

📥 Commits

Reviewing files that changed from the base of the PR and between d57af40 and c5499a5.

📒 Files selected for processing (3)

• apps/web/src/components/Sidebar.tsx
• apps/web/src/components/settings/ProjectsSettings.tsx
• apps/web/src/components/ui/combobox.tsx

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

---

📝 Walkthrough

Walkthrough

The project scope combobox search fields now use a shared ComboboxSearchInput component. The component centralizes search icon rendering, focus styling, compact sizing, and trigger behavior.

Changes

Shared combobox search input

Layer / File(s)	Summary
Shared search input component apps/web/src/components/ui/combobox.tsx	Adds and exports ComboboxSearchInput with shared search field styling and behavior.
Scope picker integrations apps/web/src/components/Sidebar.tsx, apps/web/src/components/settings/ProjectsSettings.tsx	Replaces duplicated search field markup with ComboboxSearchInput. Existing labels, placeholders, keyboard handling, and query updates remain in place.

Estimated code review effort: 2 (Simple) | ~10 minutes

Merge Risk: ⚪ Minimal · up to c5499

This change consolidates project-scope combobox search-field presentation while retaining existing selection and query behavior. No merge-blocking risk is currently identified.

Suggested reviewers: juliusmarminge, shivamhwp

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

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

✅ Passed checks (4 passed)

Check name	Status	Explanation
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.
Title check	✅ Passed	The title clearly summarizes the primary change: searchable and scrollable project scopes in the web settings.
Description check	✅ Passed	The description explains what changed and why, includes UI screenshots, and documents verification results and the unavailable interaction video. It does not reproduce the template headings or checkbo…

• Fix all pre-merge checks with AI

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

[macroscopeapp]

Approvability

Verdict: Approved at c5499a5

Macroscope's review found this PR approvable — This is a contained web UI enhancement that replaces existing scope dropdowns with searchable, scrollable popups while preserving the existing selection callbacks and data flow. The shared input change is a small extraction of already-present markup, with no schema, infrastructure, security, billing, or product-default impact.

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

Dismissing prior approval to re-evaluate d57af40

Dismissing prior approval to re-evaluate c5499a5