Skip to content

docs: give the resizable sidebar its own FEATURES.md section #1557

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sorenbs merged 2 commits into from
Jul 18, 2026
Merged

docs: give the resizable sidebar its own FEATURES.md section #1557

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9b1184e
docs: give the resizable sidebar its own FEATURES.md section
sorenbs Jul 17, 2026
d7f45ff
docs: state the concrete sidebar resize bounds
sorenbs Jul 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion FEATURES.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,12 @@ Users can share links into a precise Studio state, and stale params are resolved
The sidebar provides schema switching and active-table navigation so users can move through large databases quickly.
Table-name metadata is normalized into local TanStack DB state and queried live for responsive list rendering.

## Resizable Sidebar

The sidebar width is user-resizable from a drag handle on its right edge, so long table and stream names stay fully readable instead of being cut off at a fixed width.
The handle also supports keyboard resizing (`ArrowLeft` / `ArrowRight`, plus `Home` / `End` for the extremes), and the width is clamped to a 192px minimum and a 520px maximum, additionally capped at 60% of the viewport width on narrow screens, so both the sidebar and the main content stay usable.
The chosen width is persisted in local Studio UI state, so it survives navigation and reopening Studio; the default width is unchanged until the user resizes.

## Sidebar Table Name Search

Table filtering is available inline in the Tables header, so search is there when needed without permanent UI clutter.
Expand All @@ -63,7 +69,6 @@ Studio can optionally connect to a Prisma Streams server alongside the database
The list reuses the same compact navigation shell as table browsing, loads live stream names from the configured Streams base URL, and disappears entirely when Studio is embedded without Streams configured.
Streams also reuse the same inline filter disclosure as tables, so the `Streams` header can open an in-place search field with the same keyboard flow, real-time local filtering, and `ArrowUp` / `ArrowDown` plus `Enter` selection behavior instead of introducing a second sidebar filtering pattern.
That shared hover affordance also adds a stream-list refresh button beside search, so the current Streams server can be queried again on demand without opening the field first or adding permanent chrome to the sidebar header.
The sidebar width is also user-resizable from a drag handle on its right edge, and that width is persisted in Studio UI state so wider stream names stay readable as you move around the app or reopen it later.

## Prisma WAL Table History

Expand Down