Add search to new-thread project picker

[colonelpanic8]

Summary

• replace the new-thread project menu with a searchable picker
• narrow candidates incrementally by project name or workspace path as the user types
• auto-highlight the first remaining candidate so Enter selects it
• preserve the existing New project action

Verification

• vp test run src/components/chat/draftHeroProjectSearch.test.ts --project unit
• vp lint and vp fmt on the changed files
• pnpm run typecheck in apps/web

Isolated exact-head browser verification of incremental search completed against disposable projects; the server and test data were stopped and removed afterward.

Exact-head evidence

Revalidated at 064fa4bb9fc2 on current main (9a0a071): focused tests, vp check, and vp run typecheck passed. The capture uses only disposable local projects.

---

Note

Low Risk
UI-only change to project selection on the new-thread draft hero, with logic covered by unit tests and no auth or data-path changes.

Overview
Replaces the draft hero project menu with a searchable combobox so users can narrow projects by name or workspace path while starting a new thread.

Filtering is client-side via new draftHeroProjectSearch helpers: multi-token matching (including grouped member titles/paths), picker state that clears the query on close, guards so stale highlights cannot switch projects after filtering, and IME-safe Enter handling in the search field. The combobox uses auto-highlight on the first match for keyboard selection; New project stays as a sticky footer action and only fires after explicit keyboard or pointer intent so it does not steal focus from search.

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

Note

Add search to the new-thread project picker in DraftHeroHeadline

• Replaces the menu-based project selector with a searchable combobox in DraftHeroHeadline.tsx, filtering projects by title, workspace root, and group member search terms.
• Adds draftHeroProjectSearch.ts with a reducer for {open, query} state (query clears on close), a multi-token case-insensitive filter, an IME Enter detection util, and a visibility guard to prevent acting on selections no longer in filtered results.
• The "New project" action is a sticky item at the bottom of the list with collision-safe key generation; it requires keyboard navigation intent before it can be selected.

^{Macroscope summarized b3408bb.}

Current combined-stack UI evidence (2026-07-24)

Captured from PR head a1e3bc69a67caa3ffe6e2afa1fad5bbd65097782 on upstream main ece05087a70e94efcd57441337fa1249559362ba, using combined integration 4dd4cef40 and package /nix/store/pf7fjqw8ykkdgayf3ywsbgxxp6wi1m42-t3code-0.0.29-patched-main-20260724.

The animation shows the draft project picker filtering incrementally to Canvas Components and Enter selecting the only visible result. All names and paths are disposable seed data.

[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: b95a8bed-8062-46c0-858c-7b042bcb1a41

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[macroscopeapp]

Approvability

Verdict: Approved

Self-contained UI enhancement adding search to an existing project picker dropdown. Uses existing Combobox component, implements straightforward client-side filtering, and includes comprehensive tests. No backend, API, or security implications.

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

Dismissing prior approval to re-evaluate 14cbec2

Dismissing prior approval to re-evaluate af5decc

[juliusmarminge]

BEFORE/AFTER SCREENSHOTS FOR UI CHANGES

[juliusmarminge]

BEFORE/AFTER SCREENSHOTS FOR UI CHANGES

Dismissing prior approval to re-evaluate e3fbb39

Dismissing prior approval to re-evaluate 064fa4b

Dismissing prior approval to re-evaluate 0e8327b

[juliusmarminge]

Closing as part of the open-PR backlog sweep (wave 1).

Reason: Jul conflicted picker search; superseded in spirit by later picker work e.g. #7392.
Related: #7392

Reopen if this is still wanted and you’re willing to rebase onto current main.