# feat\(web\): simplify sidebar drag destination cues · PR \#9750 · pingdotgg/t3code

[View on GitCafe](https://git.cafe/pingdotgg/t3code/pull/9750)

Repository: [pingdotgg/t3code](https://git.cafe/pingdotgg/t3code)

Visibility: public

State: merged

Source repository: pingdotgg/t3code

Source branch: sidebar/drag-destination-cue

Target branch: sidebar/drag-sections

Head commit: 85bf36e92897aa684541476b29fe658e8e3fff6c

[Discussion and reviews](https://git.cafe/pingdotgg/t3code/pull/9750)

[Commits](https://git.cafe/pingdotgg/t3code/pull/9750/commits?format=markdown)

[Files changed](https://git.cafe/pingdotgg/t3code/pull/9750/diffs?format=markdown)

## Description

---

Dragging between sections repeats the move instruction on the boundary while the dragged thread still shows its old pin. This optional follow-up to [#9731](https://github.com/pingdotgg/t3code/pull/9731) puts that feedback on the thread: **→ Pinned**, **→ Active**, or **→ Settled** appears when crossing sections. The usual pin, status, and hover actions hide during dragging; reordering within a section shows no destination badge. Boundaries keep their section names and highlight.

The sortable layout, drop behavior, and movement animations are unchanged. This affects the shared web/desktop sidebar, including compact rows dragged out of Snoozed or Settled. It can be accepted or closed independently of the parent PR.

Verified with 207 focused sidebar tests, web typecheck, targeted lint, and an independent code review. React Doctor reported only existing sidebar complexity warnings. The recordings exercise pinning and unpinning on matching fixtures; the dark screenshots cover a compact Settled row moving toward Active.

**Before and after — pinned thread moving into Active**

| Before — parent | After — experiment |
| --- | --- |
| ![Before: boundary repeats Drop to unpin and dragged row retains the pin](https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/afd8e95bc063d6c6/base-drag.png) | ![After: neutral boundary label and one Active destination badge on the dragged row](https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/eea365b76c160cc4/head-drag.png) |

**Before recording** — pickup, unpin, then pin again:

https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/0c102f7a0712df0e/base-drag.mp4

**After recording** — the same sequence with the destination cue on the row:

https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/4c317de36b39b3fc/head-drag.mp4

**Compact row in dark mode — Settled to Active**

| Before — parent | After — experiment |
| --- | --- |
| ![Before: compact row drag with repeated boundary action text](https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/bb01c162143c384d/base-compact-active-dark.png) | ![After: compact row carries the Active badge while the boundary keeps its label](https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/11b5fef9e0d63c39/head-compact-active-dark.png) |

The light-mode screenshots and recordings compare parent `33e70c44a3` with head `0186450688`, using matching fixtures and viewport. They are cropped to the Pinned and Active sections. The existing compact-row evidence remains representative; these fixes do not change its presentation.

Prepared with Codex.


<!-- Macroscope's pull request summary starts here -->
<!-- Macroscope will only edit the content between these invisible markers, and the markers themselves will not be visible in the GitHub rendered markdown. -->
<!-- If you delete either of the start / end markers from your PR's description, Macroscope will append its summary at the bottom of the description. -->
> [!NOTE]
> ### Simplify sidebar drag destination cues and add accessible `Move to` badge
> - Removes contextual hint text from `SidebarDragBoundary`, `SidebarSectionHeader`, and `SidebarThreadRow` during drag operations
> - Adds an accessible hidden "Move to" prefix to the destination badge shown only on the actively dragged row when it crosses into a different section (pinned, active, or settled)
> - Hides pin indicators, status, and hover-action slots during a drag, replacing them with the destination badge in both slim and card layouts
> - Snoozed is no longer offered as a drag destination; same-section reordering shows no badge
> - Updates [thread-sidebar.md](https://github.com/pingdotgg/t3code/pull/9750/files#diff-7bdc679f37b354bbc78160b5dc7435fb0d2d5a7d72c6a7015a8b682032a7150a) to reflect the new drag-and-drop behavior
>
> <!-- Macroscope's review summary starts here -->
>
> <sup><a href="https://app.macroscope.com">Macroscope</a> summarized 85bf36e.</sup>
> <!-- Macroscope's review summary ends here -->
>
<!-- Macroscope's pull request summary ends here -->

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Low Risk**
> UI-only sidebar drag affordances; drop logic and server commands are unchanged per the PR scope.
> 
> **Overview**
> Sidebar drag-and-drop feedback moves from repeated boundary hints onto the **dragged row**, with boundaries kept as section names plus highlight only.
> 
> **Row behavior:** When a drag crosses into a different section (pinned, active, or settled—not snoozed), the active row shows a **→ Pinned / Active / Settled** badge with an accessible **Move to** prefix. Same-section reorder shows no badge. During drag, the pin control, status/time slot, and hover actions are hidden in favor of that badge.
> 
> **Boundaries & placeholders:** `SidebarDragBoundary`, `SidebarSectionHeader`, and empty-section placeholders no longer take contextual hints (e.g. “Drop to pin”); labels are static section names. `dropSection` is typed to exclude snoozed.
> 
> **Docs:** `thread-sidebar.md` describes the new cues and that reordering within a section does not show a destination badge.
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit 84346fbb527b868fa8d0ff40ab652b7b3851edc0. Bugbot is set up for automated code reviews on this repo. Configure [here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->