Skip to content

feat(web): simplify sidebar drag destination cues - #9750

Open
juliusmarminge wants to merge 2 commits into
sidebar/drag-sectionsfrom
sidebar/drag-destination-cue
Open

feat(web): simplify sidebar drag destination cues#9750
juliusmarminge wants to merge 2 commits into
sidebar/drag-sectionsfrom
sidebar/drag-destination-cue

Conversation

@juliusmarminge

@juliusmarminge juliusmarminge commented Sep 4, 2026

Copy link
Copy Markdown
Member

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 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 203 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 After: neutral boundary label and one Active destination badge on the dragged row

Before recording — pickup, unpin, then pin again:

https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/ff678fdac0988ddd/before-drag-destination-cues.mp4

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

https://gh-file-drop-api-prod-mi5fy3sowv63ufte.pinglabs.workers.dev/f/4fd7ab881f826aa5/after-drag-destination-cues.mp4

Compact row in dark mode — Settled to Active

Before — parent After — experiment
Before: compact row drag with repeated boundary action text After: compact row carries the Active badge while the boundary keeps its label

Evidence compares parent d2c3f461c5 with this PR at 896abc27b0. Screenshots and recordings use the same sidebar fixtures and viewport.

Prepared with Codex.

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 to reflect the new drag-and-drop behavior

Macroscope summarized 84346fb.


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.

Reviewed by Cursor Bugbot for commit 84346fb. Bugbot is set up for automated code reviews on this repo. Configure here.

@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Sep 4, 2026
@github-actions

github-actions Bot commented Sep 4, 2026

Copy link
Copy Markdown
Contributor

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ℹ️ No successful main baseline artifact is available yet. This run establishes the initial measurement.

Provider Metric Main baseline This PR Impact PR ceiling
Codex Total thread wire 13.5 KiB 15.1 KiB
Codex Thread snapshot wire 7.0 KiB 7.3 KiB
Codex Live turn WebSocket wire 6.5 KiB 7.8 KiB
Codex Live turn WebSocket decoded 57.0 KiB 66.4 KiB
Codex Live turn messages 8 21
Claude Total thread wire 13.6 KiB 15.1 KiB
Claude Thread snapshot wire 7.0 KiB 7.3 KiB
Claude Live turn WebSocket wire 6.6 KiB 7.8 KiB
Claude Live turn WebSocket decoded 57.9 KiB 66.4 KiB
Claude Live turn messages 10 21

Baseline: unavailable · PR result: 84346fb · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 113.9 KiB
  • Claude decoded thread snapshot: 114.5 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

macroscopeapp[bot]
macroscopeapp Bot previously approved these changes Sep 4, 2026
@macroscopeapp

macroscopeapp Bot commented Sep 4, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 896abc2

Macroscope's review found this PR approvable — This is a contained sidebar UX refinement that changes only drag-time destination cues and temporarily hides existing row controls; the underlying drag targets, drop actions, and persistence remain unchanged. Documentation is updated alongside the isolated UI change, with no schema, infrastructure, security, billing, or static-analysis impact.

No code changes detected at 84346fb. Prior analysis still applies.

You can add or adjust custom eligibility rules. Learn more.

@macroscopeapp
macroscopeapp Bot dismissed their stale review September 4, 2026 18:47

Dismissing prior approval to re-evaluate 896abc2

@juliusmarminge
juliusmarminge force-pushed the sidebar/drag-destination-cue branch from 896abc2 to 84346fb Compare September 5, 2026 05:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M 30-99 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant