feat(web): add drag-to-reorder for sidebar thread sections

[adhyaay-karnwal]

Summary

• Adds hold-and-drag reordering for active, snoozed, and settled sidebar threads with no visible drag handles (6px activation threshold keeps clicks working)
• Persists per-section order locally via threadOrderBySection in UI state; pinned threads continue using server-synced pinOrderKey ordering
• Updates user docs to describe the new behavior

Test plan

• pnpm exec vitest run src/uiStateStore.test.ts (17 tests pass)
• Hold and drag threads within the active inbox; order should stick after reload
• Repeat for snoozed and settled shelves (expanded)
• Confirm pinned thread drag still works and syncs when server supports reorder
• Confirm plain clicks still navigate without accidental drags

Made with Cursor

Note

Add drag-to-reorder for active, snoozed, and settled sidebar thread sections

• Wraps each sidebar thread section in a DndContext and SortableContext (via dnd-kit), allowing threads to be reordered by dragging within their section; cross-section drops are ignored.
• Adds a reorderThreads pure function and store action in uiStateStore.ts that merges visible reordered ids with hidden thread positions to avoid losing filtered-out threads.
• Per-section order is persisted to and restored from localStorage via threadOrderBySection in PersistedUiState.
• Slim thread rows (snoozed/settled) gain drag transform styles and a dragging visual state (z-20 opacity-80); pinned rows continue to use the existing sortable path.
• Behavioral Change: thread order in active, snoozed, and settled sections is now client-local, while pinned order continues to sync via the server.

^{Macroscope summarized a7652a6.}

[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: 98cdd90b-e494-403c-85a0-ea476807e937

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[cursor]

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

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

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit e9303dc. Configure here.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (drag-to-reorder for sidebar thread sections) with new state management and UI interactions. New features warrant human review to validate the behavior and user experience.

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