Consolidate developer tools into dedicated "Developer Panel" #7458
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
manzt
force-pushed
the
manzt/developer-panel
branch
from
8b598e7 to
c299d07
Compare
manzt
force-pushed
the
manzt/developer-panel
branch
from
c299d07 to
9f2f110
Compare
manzt
force-pushed
the
manzt/developer-panel
branch
from
9f2f110 to
775038e
Compare
manzt
force-pushed
the
manzt/developer-panel
branch
from
775038e to
8743f2d
Compare
| | "packages" | ||
| | "documentation" | ||
| | "snippets" | ||
| | "datasources" |
There was a problem hiding this comment.
Thoughts on this going in dev tools? Was just thinking we could offer a "inspect element" like behavior with clicking on a cell highlights it in the graph. We have a "jump to current cell", but it doesn't have a toggle.
Just a suggestion
There was a problem hiding this comment.
In a follow up PR, i consolidated variables and datasources into the same panel #7459. I also like @mscolnick bigger vision of letting folks adjust which panel items are in sidebar vs developer panel (like in VS Code). We just need to have more responsive components so I'd like to have that for a follow up PR.
There was a problem hiding this comment.
Woops, was meant for the "dependencies line". But nice
|
Screenshots of updated horizontal layouts for the panels: Errors: 
Scratchpad: 
Tracing: 
Secrets: 
Logs: 
Terminal: 
|
poc to reorder and hide/remove elements from the sidebar --------- Co-authored-by: Trevor Manz <trevor.j.manz@gmail.com>
manzt
force-pushed
the
manzt/developer-panel
branch
from
4f41f85 to
bfc00e6
Compare
The sidebar was becoming crowded with options that served different audiences. Some panels like files, variables, and packages are essential for everyday notebook work. Others like tracing, logs, scratchpad, and terminal are more specialized tools for debugging and development.
This PR introduces a "Developer Panel" at the bottom of the editor (similar to VS Code's panel or browser DevTools) to house these advanced tools. The sidebar now focuses on the core panels that all users need, while power users can open the Developer Panel when they need deeper visibility into execution, logs, or want a scratchpad for experimentation.
The Developer Panel can be toggled via the footer or with the keyboard shortcut
Cmd/Ctrl + J.Before
After
