+
)
}
diff --git a/src/features/dashboard/sandbox/header/status.tsx b/src/features/dashboard/sandbox/header/status.tsx
index a8fe0e976..da92dd441 100644
--- a/src/features/dashboard/sandbox/header/status.tsx
+++ b/src/features/dashboard/sandbox/header/status.tsx
@@ -1,7 +1,7 @@
'use client'
-import { Circle, Square } from 'lucide-react'
import { Badge } from '@/ui/primitives/badge'
+import { DotIcon, PausedIcon } from '@/ui/primitives/icons'
import { useSandboxContext } from '../context'
export default function Status() {
@@ -11,7 +11,7 @@ export default function Status() {
if (state === 'paused') {
return (
-
+
Paused
)
@@ -19,11 +19,13 @@ export default function Status() {
return (
- {isRunning ? (
-
- ) : (
-
- )}
+
{isRunning ? 'Running' : 'Stopped'}
)
diff --git a/src/features/dashboard/sandbox/header/template-id.tsx b/src/features/dashboard/sandbox/header/template-id.tsx
index fa254285c..0444b77f0 100644
--- a/src/features/dashboard/sandbox/header/template-id.tsx
+++ b/src/features/dashboard/sandbox/header/template-id.tsx
@@ -13,14 +13,9 @@ export default function TemplateId() {
}, [sandboxInfo])
return (
-
+
{value}
-
+
)
}
diff --git a/src/features/dashboard/sandbox/inspect/dir.tsx b/src/features/dashboard/sandbox/inspect/dir.tsx
index 6cf5ac1ac..beda65082 100644
--- a/src/features/dashboard/sandbox/inspect/dir.tsx
+++ b/src/features/dashboard/sandbox/inspect/dir.tsx
@@ -1,9 +1,9 @@
'use client'
-import { AlertCircle, FolderClosed, FolderOpen } from 'lucide-react'
import { AnimatePresence, motion } from 'motion/react'
import { cn } from '@/lib/utils'
import { DataTableRow } from '@/ui/data-table'
+import { AlertIcon, FolderIcon, FolderOpenIcon } from '@/ui/primitives/icons'
import SandboxInspectEmptyNode from './empty-node'
import type { FilesystemNode } from './filesystem/types'
import { useDirectory } from './hooks/use-directory'
@@ -51,9 +51,9 @@ export default function SandboxInspectDir({ dir }: SandboxInspectDirProps) {
)}
>
{isExpanded && isLoaded ? (
-
+
) : (
-
+
)}
{hasError && (
-
+
{error}
)}
diff --git a/src/features/dashboard/sandbox/inspect/file.tsx b/src/features/dashboard/sandbox/inspect/file.tsx
index f420c0506..ba8db5215 100644
--- a/src/features/dashboard/sandbox/inspect/file.tsx
+++ b/src/features/dashboard/sandbox/inspect/file.tsx
@@ -1,8 +1,8 @@
'use client'
-import { AlertCircle, FileIcon } from 'lucide-react'
import { cn } from '@/lib/utils'
import { DataTableRow } from '@/ui/data-table'
+import { AlertIcon, FileIcon } from '@/ui/primitives/icons'
import type { FilesystemNode } from './filesystem/types'
import { useFile } from './hooks/use-file'
import NodeLabel from './node-label'
@@ -42,7 +42,7 @@ export default function SandboxInspectFile({ file }: SandboxInspectFileProps) {
{hasError && (
-
+
{error}
)}
diff --git a/src/features/dashboard/sandbox/inspect/filesystem.tsx b/src/features/dashboard/sandbox/inspect/filesystem.tsx
index 1fb84def5..9ec6fee7b 100644
--- a/src/features/dashboard/sandbox/inspect/filesystem.tsx
+++ b/src/features/dashboard/sandbox/inspect/filesystem.tsx
@@ -26,7 +26,7 @@ export default function SandboxInspectFilesystem({
isRunning && children.length === 0 && (!isLoaded || isLoading)
return (
-
+
-
+
Incompatible template
The folder should contain an{' '}
-
- e2b.toml
- {' '}
- file.
+ e2b.toml file.
@@ -87,9 +88,7 @@ export default function SandboxInspectIncompatible({
Rebuild the template
Use{' '}
-
- e2b template build
- {' '}
+ e2b template build{' '}
along with custom{' '}
{' '}
and any other arguments to rebuild. For example:
-
- -c "start.sh"
-
+ -c "start.sh"
@@ -120,25 +117,23 @@ export default function SandboxInspectIncompatible({
diff --git a/src/features/dashboard/sandbox/inspect/not-found.tsx b/src/features/dashboard/sandbox/inspect/not-found.tsx
index 884175ba2..05648b47d 100644
--- a/src/features/dashboard/sandbox/inspect/not-found.tsx
+++ b/src/features/dashboard/sandbox/inspect/not-found.tsx
@@ -1,6 +1,5 @@
'use client'
-import { ArrowLeft, ArrowUp, Home, RefreshCw } from 'lucide-react'
import { useParams, useRouter } from 'next/navigation'
import { useCallback, useEffect, useState, useTransition } from 'react'
import { PROTECTED_URLS } from '@/configs/urls'
@@ -8,6 +7,12 @@ import { l, serializeErrorForLog } from '@/core/shared/clients/logger/logger'
import { useSandboxInspectAnalytics } from '@/lib/hooks/use-analytics'
import { cn } from '@/lib/utils'
import { Button } from '@/ui/primitives/button'
+import {
+ ArrowLeftIcon,
+ ArrowUpIcon,
+ HomeIcon,
+ RefreshIcon,
+} from '@/ui/primitives/icons'
import { useSandboxContext } from '../context'
import SandboxInspectEmptyFrame from './empty'
@@ -64,26 +69,26 @@ export default function SandboxInspectNotFound() {
<>
)
}
diff --git a/src/features/dashboard/sandbox/inspect/viewer.tsx b/src/features/dashboard/sandbox/inspect/viewer.tsx
index bed8b5606..8d12123dc 100644
--- a/src/features/dashboard/sandbox/inspect/viewer.tsx
+++ b/src/features/dashboard/sandbox/inspect/viewer.tsx
@@ -1,7 +1,6 @@
'use client'
import { AnimatePresence } from 'framer-motion'
-import { Download } from 'lucide-react'
import { useEffect, useState } from 'react'
import ShikiHighlighter, { type Language } from 'react-shiki'
import { useShikiTheme } from '@/configs/shiki'
@@ -9,6 +8,7 @@ import { useIsMobile } from '@/lib/hooks/use-mobile'
import { cn } from '@/lib/utils'
import { Button } from '@/ui/primitives/button'
import { Drawer, DrawerContent } from '@/ui/primitives/drawer'
+import { DownloadIcon } from '@/ui/primitives/icons'
import { ScrollArea, ScrollBar } from '@/ui/primitives/scroll-area'
import {
@@ -155,9 +155,9 @@ function TextContent({
return (
This file is empty.
-
)
@@ -215,9 +215,9 @@ function UnreadableContent({ state, onDownload }: UnreadableContentProps) {
File is too large to preview ({sizeMB} MB). Limit is {maxSizeMB} MB.
-
This file is not readable.
-
)
diff --git a/src/features/dashboard/sandbox/monitoring/components/chart-overlays.tsx b/src/features/dashboard/sandbox/monitoring/components/chart-overlays.tsx
index 2c3424adc..51bc27a39 100644
--- a/src/features/dashboard/sandbox/monitoring/components/chart-overlays.tsx
+++ b/src/features/dashboard/sandbox/monitoring/components/chart-overlays.tsx
@@ -1,6 +1,10 @@
-import { PowerIcon, SquareIcon } from 'lucide-react'
import { cn } from '@/lib/utils'
-import { type AddIcon, PausedIcon, RunningIcon } from '@/ui/primitives/icons'
+import {
+ AddIcon,
+ BlockIcon,
+ PausedIcon,
+ RunningIcon,
+} from '@/ui/primitives/icons'
import { withOpacity } from '../utils/chart-colors'
import type {
CrosshairMarker,
@@ -20,14 +24,11 @@ const MARKER_BORDER_OPACITY = 0.12
import { formatHoverTimestamp } from '../utils/formatters'
-const SANDBOX_LIFECYCLE_EVENT_ICON_MAP: Record<
- string,
- typeof AddIcon | typeof PowerIcon
-> = {
- [SANDBOX_LIFECYCLE_EVENT_CREATED]: PowerIcon,
+const SANDBOX_LIFECYCLE_EVENT_ICON_MAP: Record = {
+ [SANDBOX_LIFECYCLE_EVENT_CREATED]: AddIcon,
[SANDBOX_LIFECYCLE_EVENT_PAUSED]: PausedIcon,
[SANDBOX_LIFECYCLE_EVENT_RESUMED]: RunningIcon,
- [SANDBOX_LIFECYCLE_EVENT_KILLED]: SquareIcon,
+ [SANDBOX_LIFECYCLE_EVENT_KILLED]: BlockIcon,
}
function LifecycleEventOverlayGroup({
diff --git a/src/features/dashboard/sandbox/monitoring/components/monitoring-time-range-controls.tsx b/src/features/dashboard/sandbox/monitoring/components/monitoring-time-range-controls.tsx
index 757019df3..fedbb7e3d 100644
--- a/src/features/dashboard/sandbox/monitoring/components/monitoring-time-range-controls.tsx
+++ b/src/features/dashboard/sandbox/monitoring/components/monitoring-time-range-controls.tsx
@@ -1,11 +1,11 @@
'use client'
-import { RotateCcw } from 'lucide-react'
import { useCallback, useMemo, useState } from 'react'
import { cn } from '@/lib/utils'
import { LiveDot } from '@/ui/live'
import { Button } from '@/ui/primitives/button'
-import { TimeIcon } from '@/ui/primitives/icons'
+import { IconButton } from '@/ui/primitives/icon-button'
+import { RefreshIcon, TimeIcon } from '@/ui/primitives/icons'
import {
Popover,
PopoverContent,
@@ -189,8 +189,7 @@ export default function SandboxMonitoringTimeRangeControls({