feat(devbox): add streaming exec viewer with kill support and terminal resize stability (#77)

- Add ExecViewer component with real-time stdout/stderr streaming via
SSE
- Added secrets for devbox create
- Use awaitCompleted long-polling for efficient completion detection
- Support killing running executions mid-flight
- Persist execution state across terminal resizes via route params
- Add StreamingLogsViewer for real-time devbox logs
- Improve tunnel UI with "open in browser" functionality

Author: dines-rl

.dockerignore

@@ -0,0 +1,12 @@
+node_modules
+dist
+.git
+.github
+.husky
+*.log
+*.md
+!README.md
+.cursor
+.env*
+coverage
+.DS_Store

Dockerfile

@@ -0,0 +1,30 @@
+FROM ubuntu:22.04
+
+# Avoid prompts during package installation
+ENV DEBIAN_FRONTEND=noninteractive
+
+# Install Node.js and build dependencies
+RUN apt-get update && apt-get install -y \
+    curl \
+    ca-certificates \
+    git \
+    && curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
+    && apt-get install -y nodejs \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/*
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files first for better caching
+COPY package.json package-lock.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy source code
+COPY . .
+
+WORKDIR /workspace
+
+CMD ["/bin/bash"]

src/commands/devbox/create.ts

@@ -15,6 +15,7 @@ interface CreateOptions {
   entrypoint?: string;
   launchCommands?: string[];
   envVars?: string[];
+  secrets?: string[];
   codeMounts?: string[];
   idleTime?: string;
   idleAction?: string;
@@ -42,6 +43,23 @@ function parseEnvVars(envVars: string[]): Record<string, string> {
   return result;
 }
 
+// Parse secrets from ENV_VAR=SECRET_NAME format
+function parseSecrets(secrets: string[]): Record<string, string> {
+  const result: Record<string, string> = {};
+  for (const secret of secrets) {
+    const eqIndex = secret.indexOf("=");
+    if (eqIndex === -1) {
+      throw new Error(
+        `Invalid secret format: ${secret}. Expected ENV_VAR=SECRET_NAME`,
+      );
+    }
+    const envVarName = secret.substring(0, eqIndex);
+    const secretName = secret.substring(eqIndex + 1);
+    result[envVarName] = secretName;
+  }
+  return result;
+}
+
 // Parse code mounts from JSON format
 function parseCodeMounts(codeMounts: string[]): unknown[] {
   return codeMounts.map((mount) => {
@@ -150,6 +168,11 @@ export async function createDevbox(options: CreateOptions = {}) {
       createRequest.code_mounts = parseCodeMounts(options.codeMounts);
     }
 
+    // Handle secrets
+    if (options.secrets && options.secrets.length > 0) {
+      createRequest.secrets = parseSecrets(options.secrets);
+    }
+
     if (Object.keys(launchParameters).length > 0) {
       createRequest.launch_parameters = launchParameters;
     }

src/commands/devbox/tunnel.ts

@@ -11,6 +11,7 @@ import { getSSHKey, getProxyCommand, checkSSHTools } from "../../utils/ssh.js";
 interface TunnelOptions {
   ports: string;
   output?: string;
+  open?: boolean;
 }
 
 export async function createTunnel(devboxId: string, options: TunnelOptions) {
@@ -68,15 +69,41 @@ export async function createTunnel(devboxId: string, options: TunnelOptions) {
       `${user}@${sshInfo!.url}`,
     ];
 
+    const tunnelUrl = `http://localhost:${localPort}`;
     console.log(
       `Starting tunnel: local port ${localPort} -> remote port ${remotePort}`,
     );
+    console.log(`Tunnel URL: ${tunnelUrl}`);
     console.log("Press Ctrl+C to stop the tunnel.");
 
     const tunnelProcess = spawn("/usr/bin/ssh", tunnelArgs, {
       stdio: "inherit",
     });
 
+    // Open browser if --open flag is set
+    if (options.open) {
+      // Small delay to let the tunnel establish
+      setTimeout(async () => {
+        const { exec } = await import("child_process");
+        const platform = process.platform;
+
+        let openCommand: string;
+        if (platform === "darwin") {
+          openCommand = `open "${tunnelUrl}"`;
+        } else if (platform === "win32") {
+          openCommand = `start "${tunnelUrl}"`;
+        } else {
+          openCommand = `xdg-open "${tunnelUrl}"`;
+        }
+
+        exec(openCommand, (error) => {
+          if (error) {
+            console.log(`\nCould not open browser: ${error.message}`);
+          }
+        });
+      }, 1000);
+    }
+
     tunnelProcess.on("close", (code) => {
       console.log("\nTunnel closed.");
       processUtils.exit(code || 0);