Redesign sidebar with focus and project navigation by D3OXY · Pull Request #4100 · pingdotgg/t3code

D3OXY · 2026-07-17T19:50:57Z

What Changed

Rebuilt the sidebar around separate project rail, focus, and project views.
Added project favicons, tooltips, context menus, sorting, and project creation.
Added grouped, ungrouped, and folded thread layouts with persisted settings.
Reused the searchable project picker for new threads, including a second selection step for grouped local and remote projects.
Preserved thread actions, rename, archive, status indicators, and active-thread visibility.
Added responsive mobile sizing and a resizable floating preview when hovering the left edge of a collapsed desktop sidebar.

Why

Implements the sidebar overhaul proposed in #4086.

Closes #4086

UI Changes

Screenshots and design reference are included in #4086.

Verification

vp check
vp run typecheck
vp test: 597 files passed; one ACP timeout failed, then its targeted test passed 14/14 on retry.

Checklist

This PR is small and focused
I explained what changed and why
Screenshots are available in the linked design issue
Video included

Note

Redesign sidebar with two-pane project rail and focus navigation

Restructures the sidebar into a left project rail (with a Focus inbox, archived link, and draggable project tiles) and a right content pane that switches between a unified focus view and per-project thread lists.
Adds grouped/ungrouped thread layout and age-based folding of inactive threads (configurable days threshold) via new sidebarThreadLayout, sidebarFoldOlderThreads, and sidebarOlderAfterDays client settings; removes the old visible-thread count control.
Introduces per-thread visual signal badges (approval needed, working, failed, completed, etc.) with icons, labels, and color coding in Sidebar.tsx.
Adds a command palette flow for selecting a project when starting a new thread in a multi-member project group, via a new useOpenNewThreadProjectCommandPalette hook in commandPaletteContext.tsx.
Risk: The previous per-project expand/collapse and "Show more/less" thread count controls are removed; all thread visibility is now governed by the new layout and folding settings.

^{Macroscope summarized 512dd78.}

- Gate mock split navigator behind development URL flag - Document prototype UX and status grouping

…ock data structure - Clarified independent scrolling for project and thread lists, with hidden scrollbar for the project rail. - Updated mock data generation to include varied thread types and realistic distributions. - Improved visual elements for project tiles and thread status indicators. - Added documentation for prototype data requirements and validation.

…e UI elements - Added 'connecting', 'error', and 'interrupted' thread states to enhance status tracking. - Updated mock data generation to reflect new thread types and their respective behaviors. - Improved visual indicators for thread statuses in the sidebar. - Revised documentation to include new priority order and project section definitions.

…ptions - Updated sidebar to support configurable project sorting, grouping, and thread layout options. - Introduced new menu for sidebar options, allowing users to adjust project and thread display settings. - Improved handling of inactive threads with adjustable folding thresholds. - Revised documentation to reflect changes in project and thread management features.

- Added functionality to confirm archiving of non-working thread rows with hover/focus interactions. - Introduced state management for confirming and executing the archive action. - Updated UI elements to reflect the new archive confirmation process, enhancing user experience. - Revised documentation to include new behavior for thread archiving.

…xt menus - Introduced inline renaming for thread titles with double-click support, allowing users to edit titles directly. - Added context menus for thread rows, exposing options such as Rename, Mark Unread, Copy Path, Copy Thread ID, and Delete. - Implemented tooltips for truncated thread titles and various thread state indicators, improving user experience and accessibility. - Updated documentation to reflect new features and interactions in the sidebar prototype.

…d user experience

coderabbitai · 2026-07-17T19:51:15Z

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: bade50dd-73d2-492d-9f6d-9de480a565b1

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

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

macroscopeapp · 2026-07-17T19:54:38Z

Approvability

Verdict: Needs human review

1 blocking correctness issue found. This PR is a significant sidebar redesign introducing new navigation modes (focus/project/rail), new thread grouping UI, and new settings. The scope of new user-facing behavior and an unresolved comment about an empty-state visibility bug warrant human review.

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

D3OXY added 11 commits July 18, 2026 01:18

Add split project sidebar prototype

902df4f

- Gate mock split navigator behind development URL flag - Document prototype UX and status grouping

feat(sidebar): better-sidebar

923b7a5

feat(sidebar): updated delay to 200ms for tooltip trigger for improve…

f2412a4

…d user experience

chore(web): remove sidebar prototype

7cb4a40

fix(web): widen mobile sidebar

f8ec44f

feat(web): preview collapsed sidebar on edge hover

b60f6e0

github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XXL 1,000+ changed lines (additions + deletions). labels Jul 17, 2026

D3OXY force-pushed the d3oxy/prototype-project-sidebar branch from 1e028e6 to b60f6e0 Compare July 17, 2026 19:51

macroscopeapp Bot reviewed Jul 17, 2026

View reviewed changes

Comment thread apps/web/src/components/Sidebar.tsx

Comment thread apps/web/src/components/Sidebar.tsx

Comment thread apps/web/src/components/Sidebar.tsx

Comment thread apps/web/src/components/Sidebar.tsx

fix(web): address sidebar review feedback

512dd78

macroscopeapp Bot reviewed Jul 17, 2026

View reviewed changes

Comment thread apps/web/src/components/Sidebar.tsx

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Redesign sidebar with focus and project navigation#4100

Redesign sidebar with focus and project navigation#4100
D3OXY wants to merge 12 commits into
pingdotgg:mainfrom
D3OXY:d3oxy/prototype-project-sidebar

D3OXY commented Jul 17, 2026 •

edited by macroscopeapp Bot

Loading

Uh oh!

coderabbitai Bot commented Jul 17, 2026 •

edited

Loading

Review skipped

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

macroscopeapp Bot commented Jul 17, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

D3OXY commented Jul 17, 2026 • edited by macroscopeapp Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What Changed

Why

UI Changes

Verification

Checklist

Redesign sidebar with two-pane project rail and focus navigation

Uh oh!

coderabbitai Bot commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

macroscopeapp Bot commented Jul 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Approvability

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

D3OXY commented Jul 17, 2026 •

edited by macroscopeapp Bot

Loading

coderabbitai Bot commented Jul 17, 2026 •

edited

Loading

macroscopeapp Bot commented Jul 17, 2026 •

edited

Loading