Add archive search and project collapse

[OliverGamborg]

What Changed

• Added client-side search to Settings > Archive for archived thread titles, branches, worktree paths, project names, and project paths.
• Added local per-project collapse controls in the archived settings section.
• Added focused unit and browser coverage for archive filtering, search, and collapse behavior.

Why

Archived threads can become hard to scan once several projects accumulate history. This keeps the fix small and UI-only by filtering the existing archived snapshot in the web app without changing server contracts, persistence, or archive loading.

UI Changes

This changes the Settings > Archive UI by adding a search field and per-project collapse button.

Before

After

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

Verification

• bun run --cwd apps/web test src/components/settings/SettingsPanels.logic.test.ts
• bun run --cwd apps/web test:browser src/components/settings/SettingsPanels.browser.tsx
• bun fmt
• bun lint
• bun typecheck

---

Note

Low Risk
Low risk: changes are UI-only (client-side filtering and collapsible sections) and covered by new unit + browser tests; the main risk is minor layout regressions from the new SettingsSection contentVisible prop.

Overview
Adds a search box to Settings → Archived threads that filters archived thread groups client-side across project name/path plus thread title/branch/worktree path, and shows an explicit no matches empty state.

Adds per-project collapse/expand controls (with thread counts) by extending SettingsSection with a contentVisible prop to hide section content, and includes new unit tests for filterArchivedThreadGroups plus a browser test covering search + collapse behavior.

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

Note

Add search and per-project collapse to ArchivedThreadsPanel

• Adds a search input to ArchivedThreadsPanel that filters archived threads by project name, cwd, thread title, branch, and worktree path using token-based matching via filterArchivedThreadGroups.
• Adds per-project collapse/expand controls with accessible aria-expanded labels and thread counts in each section header.
• Extends SettingsSection with an optional contentVisible prop to conditionally hide section body content while keeping the header visible.
• Adds unit tests for filterArchivedThreadGroups and browser tests for search filtering and collapse behavior in ArchivedThreadsPanel.

^{Macroscope summarized 014d46f.}

[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

Run ID: a2ef6e96-3827-4704-9cda-5000e670ea45

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 and usage tips.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR adds new user-facing features (archive search and project collapse) rather than being a simple bug fix or mechanical change. New interactive capabilities warrant human review even when well-tested and self-contained.

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