Feat: Create page components around data/state layer for Sandbox details/inspect #79
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
3018bb7 to
d20d57c
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
d20d57c to
42134d8
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
3 times, most recently
from
0edfd68 to
e95e447
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
e95e447 to
e16ef9f
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
e16ef9f to
6fb546f
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
8268ed7 to
6fb546f
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
2 times, most recently
from
8c8e3a5 to
0e710ed
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
0e710ed to
34caf3e
Compare
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
bcd4dca to
ea991c2
Compare
…lesystem watcher parameters in SandboxManager for improved performance and reliability
…e layout of NotFound component for better user experience
… errors and updating error messages for better clarity
ben-fornefeld
force-pushed
the
create-page-layout-e2b-2464
branch
from
ccef0e5 to
bf10b32
Compare
There was a problem hiding this comment.
Pull Request Overview
This PR creates page components around the data/state layer for Sandbox details/inspect functionality, utilizing Next.js SSR and streaming to preload data and connect the frontend to the new state/API layer.
- Adds comprehensive sandbox inspect functionality with filesystem exploration and real-time updates
- Implements server-side data preloading and client-side state management for sandbox details
- Creates responsive UI components for file inspection, resource monitoring, and sandbox management
Reviewed Changes
Copilot reviewed 79 out of 82 changed files in this pull request and generated 7 comments.
Show a summary per file
| File | Description |
|---|---|
| src/features/dashboard/sandbox/ | New sandbox detail pages with inspect functionality and context providers |
| src/ui/primitives/ | Enhanced UI components with animations, styling updates, and new props |
| src/server/sandboxes/ | Server actions for sandbox data fetching and state management |
| src/types/filesystem.ts | Type definitions for filesystem operations and events |
| src/configs/ | New configuration constants for versioning, URLs, and intervals |
| src/app/dashboard/[teamIdOrSlug]/sandboxes/[sandboxId]/ | New page routes for sandbox details and inspect views |
Comments suppressed due to low confidence (1)
src/features/dashboard/sandbox/inspect/filesystem.tsx:42
- There's an extra space in the closing div tag. It should be
</div>instead of</ div>.
</ div>
…r enhanced configuration options
…ving conditional classNames for improved readability
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
|
@jakubno i addressed copilot review |
…dev/dashboard into create-page-layout-e2b-2464
… call conditions for better stability
jakubno
reviewed
Jul 31, 2025
…t for improved data fetching and state management
…dir' in sandbox components for consistency and clarity
jakubno
approved these changes
Jul 31, 2025
ben-fornefeld
added a commit
to ben-fornefeld/dashboard
that referenced
this pull request
Jul 31, 2025
…ils/inspect (e2b-dev#79) This pr connects the new state/api layer changes from e2b-dev#78 to the user interface. It utilizes next.js ssr and streaming features to: - preload sandbox details on the server and stream down in `layout.tsx` - preload sandbox root fs on the server in `/inspect/page.tsx` and hydrate client - `/inspect/page.tsx` client initializes inspect state & establishes connection to the sandbox via `e2b` sdk, as implemented in e2b-dev#78 <img width="2034" height="1273" alt="Screenshot 2025-07-30 at 1 55 41 PM" src="https://github.com/user-attachments/assets/c5931549-ab56-43fa-9946-82d05f6914d7" /> <img width="2034" height="1266" alt="Screenshot 2025-07-30 at 1 56 36 PM" src="https://github.com/user-attachments/assets/adbe6412-2cb9-4e52-8655-2b8d23ac8c59" /> <img width="1813" height="1266" alt="Screenshot 2025-07-30 at 4 41 32 PM" src="https://github.com/user-attachments/assets/f308d920-bbf6-46f4-af3d-26a9f86e6606" /> <img width="2035" height="1266" alt="Screenshot 2025-07-30 at 1 55 58 PM" src="https://github.com/user-attachments/assets/4aab0f0d-3170-4b89-b28e-ee09fc2902e5" /> <img width="2036" height="1266" alt="Screenshot 2025-07-30 at 1 56 14 PM" src="https://github.com/user-attachments/assets/dc366a4b-2c06-48c8-ab46-df2f38687bc8" /> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pr connects the new state/api layer changes from #78 to the user interface. It utilizes next.js ssr and streaming features to:
layout.tsx/inspect/page.tsxand hydrate client/inspect/page.tsxclient initializes inspect state & establishes connection to the sandbox viae2bsdk, as implemented in Feat: Application layer for sandbox details/inspect view #78UI States
Sandbox running, default inspect view
Sandbox running, user tries to set an invalid root path
Sandbox running, but watcher could not be created (no live updates)
Sandbox stopped, local state remaining inspect view
Sandbox stopped, user tries to change root path of local state