fix: show Killed/Paused instead of Stopped in sandbox detail header (#341)

Co-authored-by: jakub@e2b.dev <jakub@e2b.dev>

Author: devin-ai-integration[bot]

src/features/dashboard/sandbox/header/header.tsx

@@ -21,7 +21,7 @@ export default function SandboxDetailsHeader() {
 
   const runningLabel = isInitialLoading || isRunning ? 'running for' : 'ran for'
   const timeoutLabel = isKilled
-    ? 'stopped at'
+    ? 'killed at'
     : isPaused
       ? 'paused at'
       : 'timeout in'

src/features/dashboard/sandbox/header/status.tsx

@@ -17,6 +17,15 @@ export default function Status() {
     )
   }
 
+  if (state === 'killed') {
+    return (
+      <Badge variant="error" className="uppercase">
+        <DotIcon className="size-3 fill-current" />
+        Killed
+      </Badge>
+    )
+  }
+
   return (
     <Badge variant={isRunning ? 'positive' : 'error'} className="uppercase">
       <DotIcon

src/features/dashboard/sandbox/inspect/stopped-banner.tsx

@@ -18,7 +18,7 @@ interface StoppedBannerProps {
 }
 
 export function StoppedBanner({ rootNodeCount }: StoppedBannerProps) {
-  const { isRunning } = useSandboxContext()
+  const { isRunning, sandboxInfo } = useSandboxContext()
   const lastUpdated = useLastUpdated()
   const watcherError = useWatcherError()
 
@@ -29,6 +29,13 @@ export function StoppedBanner({ rootNodeCount }: StoppedBannerProps) {
 
   const showWatcherError = watcherError && isRunning && rootNodeCount > 0
 
+  const stoppedLabel =
+    sandboxInfo?.state === 'paused'
+      ? 'Sandbox Paused'
+      : sandboxInfo?.state === 'killed'
+        ? 'Sandbox Killed'
+        : 'Sandbox Stopped'
+
   return (
     <AnimatePresence mode="wait">
       {show && (
@@ -48,7 +55,7 @@ export function StoppedBanner({ rootNodeCount }: StoppedBannerProps) {
               <span className="prose-headline-small uppercase">
                 {showWatcherError
                   ? 'Live filesystem updates disabled'
-                  : 'Sandbox Stopped'}
+                  : stoppedLabel}
               </span>
             </CardTitle>
             <CardDescription>