Tegy UI verification · 23 July 2026

Sidebar scroll parity with Claude

The sidebar now uses the same native thin-scrollbar pattern observed on claude.ai/new, removes the oversized gap beneath New chat, and reveals a subtle boundary only after the navigation region moves.

Merged, deployed, and production-verified
1 px
Tegy gap from New chat to Projects (Claude measured at 2 px)
thin · stable
Native scrollbar width and reserved gutter
17 / 17
Focused sidebar browser tests passed
1028b638
Cloudflare Worker production version prefix

Original problem

User-supplied comparison highlighting the oversized Tegy gap and missing native scrollbar controls
User-supplied reference: Claude at left, previous Tegy behavior at right.

Implemented states

Tegy sidebar at the top with compact spacing and no boundary beneath New chat
Top state: one-pixel transition into Projects and no divider.
Tegy sidebar after scrolling with a subtle boundary below New chat
Scrolled state: the fixed New chat dock gains a subtle boundary.

Real interaction demo

Chromium Profile 3 / tegy, using a local production build and generated test titles: native wheel scroll down and back up. No scripted DOM-state mutation occurs during capture.

What changed

SurfaceResult
Scroll ownership The shadcn SidebarContent region now owns native vertical scrolling; the Radix overlay scrollbar was removed from this surface.
Scrollbar scrollbar-width: thin and scrollbar-gutter: stable preserve Claude-like native Chromium endpoint controls.
Spacing Header bottom padding was removed and the first group starts at one pixel, eliminating the previous 16 px gap.
Scroll boundary A shadcn SidebarSeparator remains transparent at the top and adopts the sidebar border color once scrollTop > 0.

Verification record

CheckOutcome
npm run buildPassed
npm run lintPassed
Sidebar Playwright suite17 passed
Mandatory deploy auth gate7 browser checks passed
Production auth smokePassed
Production self-service chat smokePassed
Authenticated production geometry1 px gap, thin/stable scrollbar, boundary toggled at scrollTop 500
Demo capture targethttp://127.0.0.1:5174/new, titled New chat - Tegy; one target tab with no multi-tab sequence
Media auditBeginning, middle, and end frames decoded and visually inspected; final embedded video loaded and sought successfully in Chromium

Delivery

GitHub issue #1279 was delivered through pull request #1283, merged to current main at b62f72e, and deployed to app.tegy.io/new. Exact native arrow glyphs remain browser/OS-rendered; Chromium on this workstation matches the Claude reference.