diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 00000000..ac56d73e
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,33 @@
+name: CI
+
+on:
+  push:
+    branches: [main, master]
+  pull_request:
+    branches: [main, master]
+
+jobs:
+  lint-and-format:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run Prettier check
+        run: npm run format:check
+
+      - name: Run ESLint
+        run: npm run lint
+
+      - name: Build TypeScript
+        run: npm run build
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..26512ded
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,7 @@
+node_modules
+dist
+build
+coverage
+.next
+*.log
+package-lock.json
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..2c63c085
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,2 @@
+{
+}
diff --git a/CLAUDE_SETUP.md b/CLAUDE_SETUP.md
new file mode 100644
index 00000000..92b952b5
--- /dev/null
+++ b/CLAUDE_SETUP.md
@@ -0,0 +1,200 @@
+# Setting Up Runloop MCP with Claude
+
+This guide will walk you through connecting the Runloop MCP server to Claude Desktop.
+
+## Prerequisites
+
+1. Make sure you have Claude Desktop installed
+2. Authenticate with Runloop: `rln auth`
+3. Make sure `rln` is installed globally and in your PATH
+
+## Quick Setup (Automatic)
+
+The easiest way to set up Runloop with Claude Desktop:
+
+```bash
+rln mcp install
+```
+
+This command will:
+- Automatically find your Claude Desktop configuration file
+- Add the Runloop MCP server configuration
+- Preserve any existing MCP servers you have configured
+
+Then just restart Claude Desktop and you're ready to go!
+
+## Manual Setup
+
+If you prefer to set it up manually or the automatic install doesn't work:
+
+### 1. Find Your Claude Configuration File
+
+The location depends on your operating system:
+
+**macOS:**
+```
+~/Library/Application Support/Claude/claude_desktop_config.json
+```
+
+**Windows:**
+```
+%APPDATA%\Claude\claude_desktop_config.json
+```
+
+**Linux:**
+```
+~/.config/Claude/claude_desktop_config.json
+```
+
+### 2. Edit the Configuration File
+
+If the file doesn't exist, create it. Add or update it with this configuration:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"]
+    }
+  }
+}
+```
+
+**If you already have other MCP servers configured**, just add the runloop entry to the existing `mcpServers` object:
+
+```json
+{
+  "mcpServers": {
+    "existing-server": {
+      "command": "some-command",
+      "args": ["some-args"]
+    },
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"]
+    }
+  }
+}
+```
+
+### 3. Restart Claude Desktop
+
+Close and reopen Claude Desktop completely for the changes to take effect.
+
+### 4. Verify It's Working
+
+In Claude Desktop, you should now be able to ask Claude to interact with your Runloop account:
+
+**Try these example prompts:**
+
+- "Can you list all my devboxes?"
+- "Show me my running devboxes"
+- "Create a new devbox called 'test-env'"
+- "What blueprints are available?"
+- "Execute 'pwd' on devbox [your-devbox-id]"
+
+Claude will now have access to these Runloop tools and can manage your devboxes!
+
+## Troubleshooting
+
+### "Command not found: rln"
+
+Make sure `rln` is in your PATH. Test by running `which rln` (macOS/Linux) or `where rln` (Windows) in your terminal.
+
+If not found:
+- If installed via npm globally: `npm install -g @runloop/rl-cli`
+- Check your npm global bin directory is in PATH: `npm config get prefix`
+
+### "API key not configured"
+
+Run `rln auth` to configure your API key before using the MCP server.
+
+### Claude doesn't show Runloop tools
+
+1. Make sure you saved the config file correctly (valid JSON)
+2. Restart Claude Desktop completely (quit, not just close window)
+3. Check Claude's developer logs for errors:
+   - **macOS:** `~/Library/Logs/Claude/`
+   - **Windows:** `%APPDATA%\Claude\logs\`
+
+### Testing the MCP server manually
+
+You can test if the MCP server is working by running:
+
+```bash
+rln mcp start
+```
+
+It should output: `Runloop MCP server running on stdio`
+
+Press Ctrl+C to stop it.
+
+## Advanced Configuration
+
+### Using Development Environment
+
+If you want to connect to Runloop's development environment:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"],
+      "env": {
+        "RUNLOOP_ENV": "dev"
+      }
+    }
+  }
+}
+```
+
+### Using a Specific Path
+
+If `rln` isn't in your PATH, you can specify the full path:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "/full/path/to/rln",
+      "args": ["mcp", "start"]
+    }
+  }
+}
+```
+
+Find the full path with: `which rln` (macOS/Linux) or `where rln` (Windows)
+
+## What Can Claude Do Now?
+
+Once connected, Claude can:
+
+- ✅ List all your devboxes
+- ✅ Get detailed information about specific devboxes
+- ✅ Create new devboxes
+- ✅ Execute commands on devboxes
+- ✅ Shutdown, suspend, and resume devboxes
+- ✅ List available blueprints
+- ✅ List and create snapshots
+
+Claude will automatically use these tools when you ask questions about your Runloop infrastructure!
+
+## Example Conversation
+
+**You:** "What devboxes do I have running right now?"
+
+**Claude:** *Uses the list_devboxes tool and shows you all running devboxes with their details*
+
+**You:** "Create a new devbox called 'api-server' using the python-base blueprint"
+
+**Claude:** *Uses the create_devbox tool with the specified parameters and confirms creation*
+
+**You:** "Run 'python --version' on that new devbox"
+
+**Claude:** *Uses the execute_command tool and shows you the output*
+
+---
+
+**Need help?** Open an issue at https://github.com/runloop/rl-cli-node/issues
diff --git a/MCP_COMMANDS.md b/MCP_COMMANDS.md
new file mode 100644
index 00000000..443c7609
--- /dev/null
+++ b/MCP_COMMANDS.md
@@ -0,0 +1,163 @@
+# Runloop MCP Commands Reference
+
+Quick reference for all Runloop MCP commands.
+
+## Installation
+
+### Install MCP in Claude Desktop
+
+Automatically configure Claude Desktop to use Runloop MCP:
+
+```bash
+rln mcp install
+```
+
+This command:
+- Finds your Claude Desktop config file automatically
+- Adds Runloop MCP server configuration
+- Preserves existing MCP servers
+- Prompts before overwriting existing Runloop configuration
+
+After running this, restart Claude Desktop.
+
+## Starting the MCP Server
+
+### Stdio Mode (for Claude Desktop)
+
+Start the MCP server in stdio mode:
+
+```bash
+rln mcp start
+```
+
+This mode is used by Claude Desktop and other local AI assistants. The server communicates via stdin/stdout.
+
+### HTTP Mode (for remote/web access)
+
+Start the MCP server in HTTP mode:
+
+```bash
+rln mcp start --http
+```
+
+This starts an HTTP server on port 3000 by default, using Server-Sent Events (SSE) for communication.
+
+### HTTP Mode with Custom Port
+
+Start the HTTP server on a specific port:
+
+```bash
+rln mcp start --http --port 8080
+```
+
+## Configuration File Format
+
+When you run `rln mcp install`, it creates this configuration in your Claude Desktop config:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"]
+    }
+  }
+}
+```
+
+### With Environment Variables
+
+To use the development environment:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"],
+      "env": {
+        "RUNLOOP_ENV": "dev"
+      }
+    }
+  }
+}
+```
+
+## Available Tools
+
+Once configured, Claude can use these tools:
+
+### Devbox Management
+- `list_devboxes` - List all devboxes
+- `get_devbox` - Get devbox details
+- `create_devbox` - Create a new devbox
+- `execute_command` - Run commands on a devbox
+- `shutdown_devbox` - Shutdown a devbox
+- `suspend_devbox` - Suspend a devbox
+- `resume_devbox` - Resume a devbox
+
+### Blueprint Management
+- `list_blueprints` - List available blueprints
+
+### Snapshot Management
+- `list_snapshots` - List all snapshots
+- `create_snapshot` - Create a snapshot
+
+## Example Usage
+
+Once set up, you can ask Claude:
+
+```
+"List all my devboxes"
+"Create a new devbox called 'test-server'"
+"Execute 'python --version' on devbox abc123"
+"What blueprints are available?"
+"Create a snapshot of my devbox"
+```
+
+## Testing
+
+Test the stdio server manually:
+
+```bash
+rln mcp start
+```
+
+You should see: `Runloop MCP server running on stdio`
+
+Test the HTTP server:
+
+```bash
+rln mcp start --http
+```
+
+You should see:
+```
+Runloop MCP HTTP server running on http://localhost:3000
+SSE endpoint: http://localhost:3000/sse
+Message endpoint: http://localhost:3000/message
+```
+
+## Common Issues
+
+### Command not found
+
+If you get "command not found: rln":
+- Install globally: `npm install -g @runloop/rl-cli`
+- Check your PATH includes npm global bin directory
+
+### API key not configured
+
+Run `rln auth` before using the MCP server.
+
+### Port already in use
+
+For HTTP mode, use a different port:
+```bash
+rln mcp start --http --port 8080
+```
+
+## See Also
+
+- [CLAUDE_SETUP.md](./CLAUDE_SETUP.md) - Detailed setup guide for Claude Desktop
+- [MCP_README.md](./MCP_README.md) - Complete MCP documentation
diff --git a/MCP_README.md b/MCP_README.md
new file mode 100644
index 00000000..8f5df8f8
--- /dev/null
+++ b/MCP_README.md
@@ -0,0 +1,188 @@
+# Runloop MCP Server
+
+This CLI includes a Model Context Protocol (MCP) server that allows AI assistants like Claude to interact with your Runloop devboxes programmatically.
+
+## What is MCP?
+
+The Model Context Protocol (MCP) is an open standard that enables AI applications to connect with external systems. It's like a USB-C port for AI applications - a standardized way to expose tools, resources, and context to large language models.
+
+## Starting the MCP Server
+
+Runloop provides two transport modes for the MCP server:
+
+### Stdio Mode (Default - Local Usage)
+
+For local AI assistants like Claude Desktop:
+
+```bash
+rln mcp start
+```
+
+The server runs on stdio and communicates using the MCP protocol.
+
+### HTTP Mode (Remote Access)
+
+For web-based AI assistants or remote access:
+
+```bash
+rln mcp start --http
+```
+
+Or specify a custom port:
+
+```bash
+rln mcp start --http --port 8080
+```
+
+The HTTP server runs on `http://localhost:3000` by default and uses Server-Sent Events (SSE) for communication.
+
+## Available Tools
+
+The MCP server exposes the following tools:
+
+### Devbox Management
+
+- **list_devboxes** - List all devboxes with optional status filtering
+  - Parameters: `status` (optional), `limit` (optional)
+
+- **get_devbox** - Get detailed information about a specific devbox
+  - Parameters: `id` (required)
+
+- **create_devbox** - Create a new devbox
+  - Parameters: `name`, `blueprint_id`, `snapshot_id`, `entrypoint`, `environment_variables`, `resource_size`, `keep_alive_seconds`
+
+- **execute_command** - Execute a command on a devbox
+  - Parameters: `devbox_id` (required), `command` (required)
+
+- **shutdown_devbox** - Shutdown a devbox
+  - Parameters: `id` (required)
+
+- **suspend_devbox** - Suspend a devbox
+  - Parameters: `id` (required)
+
+- **resume_devbox** - Resume a suspended devbox
+  - Parameters: `id` (required)
+
+### Blueprint Management
+
+- **list_blueprints** - List all available blueprints
+  - Parameters: `limit` (optional)
+
+### Snapshot Management
+
+- **list_snapshots** - List all snapshots
+  - Parameters: `devbox_id` (optional), `limit` (optional)
+
+- **create_snapshot** - Create a snapshot of a devbox
+  - Parameters: `devbox_id` (required), `name` (optional)
+
+## Configuration
+
+### Quick Install for Claude Desktop
+
+The easiest way to set up with Claude Desktop:
+
+```bash
+rln mcp install
+```
+
+This automatically adds the configuration to your Claude Desktop config file and preserves any existing MCP servers.
+
+### Manual Configuration for Claude Desktop (Stdio)
+
+If you prefer to configure manually, add this to your Claude configuration file:
+
+**macOS/Linux:** Edit `~/Library/Application Support/Claude/claude_desktop_config.json`
+
+**Windows:** Edit `%APPDATA%\Claude\claude_desktop_config.json`
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "command": "rln",
+      "args": ["mcp", "start"],
+      "env": {
+        "RUNLOOP_ENV": "prod"
+      }
+    }
+  }
+}
+```
+
+### Configuring Web Clients (HTTP)
+
+For web-based AI clients, start the HTTP server and configure your client to connect to:
+
+- **SSE endpoint:** `http://localhost:3000/sse`
+- **Message endpoint:** `http://localhost:3000/message`
+
+Example for Claude Code or other MCP clients supporting HTTP:
+
+```json
+{
+  "mcpServers": {
+    "runloop": {
+      "url": "http://localhost:3000/sse"
+    }
+  }
+}
+```
+
+## Authentication
+
+The MCP server uses the same API key configuration as the CLI. Make sure you've authenticated first:
+
+```bash
+rln auth
+```
+
+The server will automatically use your stored API credentials.
+
+## Example Usage with Claude
+
+Once configured, you can ask Claude to perform Runloop operations:
+
+- "List all my running devboxes"
+- "Create a new devbox using the python-base blueprint"
+- "Execute 'ls -la' on devbox abc123"
+- "Show me all snapshots"
+- "Create a snapshot of my devbox"
+
+Claude will use the MCP tools to interact with your Runloop account and provide responses based on the actual data.
+
+## Environment Variables
+
+- `RUNLOOP_ENV` - Set to `dev` for development environment, `prod` (or leave unset) for production
+- API key is read from the CLI configuration (~/.config/rln/config.json)
+
+## Troubleshooting
+
+### Stdio Server
+
+If the stdio MCP server isn't working:
+
+1. Make sure you've run `rln auth` to configure your API key
+2. Check that the `rln` command is in your PATH
+3. Restart Claude Desktop after updating the configuration
+4. Check Claude's logs for any error messages
+
+### HTTP Server
+
+If the HTTP MCP server isn't working:
+
+1. Make sure you've run `rln auth` to configure your API key
+2. Check that the port isn't already in use
+3. Verify the server is running: `curl http://localhost:3000/sse`
+4. Check your firewall settings if connecting remotely
+5. Look at the server logs for error messages
+
+### Common Issues
+
+- **"API key not configured"**: Run `rln auth` to set up your credentials
+- **Port already in use**: Stop other services or use a different port with `--port`
+- **Connection refused**: Make sure the server is running and accessible
+
+## Security Note
+
+The MCP server provides full access to your Runloop account. Only use it with trusted AI assistants, and be aware that the assistant can create, modify, and delete devboxes on your behalf.
diff --git a/README.md b/README.md
index cf7dc795..f388abbe 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,7 @@ A beautiful, interactive CLI for managing Runloop devboxes built with Ink and Ty
 - 🚀 Execute commands in devboxes
 - 📤 Upload files to devboxes
 - 🎯 Organized command structure with aliases
+- 🤖 **Model Context Protocol (MCP) server for AI integration**
 
 ## Installation
 
@@ -138,6 +139,40 @@ The CLI is organized into command buckets:
 - **`blueprint` (alias: `bp`)** - Manage blueprints
   - `list` - List blueprints (coming soon)
 
+- **`mcp`** - Model Context Protocol server for AI integration
+  - `install` - Install MCP configuration in Claude Desktop
+  - `start` - Start the MCP server (stdio or HTTP mode)
+
+## MCP Server (AI Integration)
+
+Runloop includes a Model Context Protocol (MCP) server that allows AI assistants like Claude to interact with your devboxes.
+
+### Quick Setup for Claude Desktop
+
+```bash
+# Install MCP configuration
+rln mcp install
+
+# Restart Claude Desktop, then ask Claude:
+# "List my devboxes" or "Create a new devbox"
+```
+
+### Starting the Server
+
+```bash
+# Stdio mode (for Claude Desktop)
+rln mcp start
+
+# HTTP mode (for web/remote access)
+rln mcp start --http
+rln mcp start --http --port 8080
+```
+
+**Documentation:**
+- [CLAUDE_SETUP.md](./CLAUDE_SETUP.md) - Complete setup guide for Claude Desktop
+- [MCP_README.md](./MCP_README.md) - Full MCP documentation
+- [MCP_COMMANDS.md](./MCP_COMMANDS.md) - Quick command reference
+
 ## Interactive Features
 
 - **Pagination** - Lists show 10 items per page with keyboard navigation
diff --git a/RELEASE.md b/RELEASE.md
new file mode 100644
index 00000000..58bfe509
--- /dev/null
+++ b/RELEASE.md
@@ -0,0 +1,118 @@
+# Release Process
+
+This document outlines the manual release process for `@runloop/rl-cli`.
+
+## Prerequisites
+
+1. Ensure you have npm access to publish to the `@runloop` organization
+2. Ensure your local repository is clean and up to date with `main`
+3. Ensure all tests pass and the build succeeds
+
+## Release Steps
+
+### 1. Update Version
+
+Choose the appropriate version bump based on your changes:
+
+```bash
+# For bug fixes and minor changes
+npm run version:patch
+
+# For new features (backward compatible)
+npm run version:minor
+
+# For breaking changes
+npm run version:major
+```
+
+This will:
+- Update the version in `package.json`
+- Create a git commit with the version bump
+- Create a git tag for the new version
+
+### 2. Push Changes
+
+Push the version commit and tag to GitHub:
+
+```bash
+git push origin improvements --follow-tags
+```
+
+### 3. Build and Publish
+
+Build and publish the package to npm:
+
+```bash
+npm run release
+```
+
+This will:
+- Run the TypeScript compiler to build the project
+- Publish the package to npm
+
+### 4. Verify Publication
+
+Verify the package was published successfully:
+
+```bash
+npm view @runloop/rl-cli version
+```
+
+### 5. Create GitHub Release (Optional)
+
+Create a GitHub release for the new version:
+
+1. Go to https://github.com/runloop/rl-cli-node/releases
+2. Click "Draft a new release"
+3. Select the tag you just pushed
+4. Add release notes describing the changes
+5. Publish the release
+
+## Version Commands Reference
+
+- `npm run version:patch` - Bump patch version (e.g., 0.0.2 → 0.0.3)
+- `npm run version:minor` - Bump minor version (e.g., 0.0.2 → 0.1.0)
+- `npm run version:major` - Bump major version (e.g., 0.0.2 → 1.0.0)
+- `npm run release` - Build and publish to npm
+
+## Troubleshooting
+
+### Authentication Issues
+
+If you get authentication errors when publishing:
+
+```bash
+npm login
+```
+
+Follow the prompts to log in to your npm account.
+
+### Build Errors
+
+If the build fails, fix the errors and run:
+
+```bash
+npm run build
+```
+
+### Reverting a Release
+
+If you need to revert a release:
+
+```bash
+# Deprecate the version on npm (doesn't unpublish)
+npm deprecate @runloop/rl-cli@<version> "Reason for deprecation"
+
+# Revert the git commit and tag locally
+git reset --hard HEAD~1
+git tag -d v<version>
+git push origin :refs/tags/v<version>
+```
+
+Note: You cannot unpublish a package version after 72 hours. Use deprecation instead.
+
+## Notes
+
+- The `prepublishOnly` script automatically runs `npm run build` before publishing
+- The version is automatically read from `package.json` and displayed in the CLI
+- Make sure to update the changelog or release notes with each version
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 00000000..775f9f42
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,57 @@
+import eslint from '@eslint/js';
+import tseslint from '@typescript-eslint/eslint-plugin';
+import tsparser from '@typescript-eslint/parser';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+
+export default [
+  eslint.configs.recommended,
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    languageOptions: {
+      parser: tsparser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.node,
+        ...globals.es2021,
+        JSX: 'readonly',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tseslint,
+      react: react,
+      'react-hooks': reactHooks,
+    },
+    rules: {
+      ...tseslint.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+      ],
+      'no-console': 'off',
+      'no-case-declarations': 'off',
+      'no-control-regex': 'off',
+      'react/display-name': 'off',
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  {
+    ignores: ['dist/**', 'node_modules/**', '*.js', '!eslint.config.js'],
+  },
+];
diff --git a/package-lock.json b/package-lock.json
index fe4ab796..f72ac381 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,23 @@
 {
   "name": "@runloop/rl-cli",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@runloop/rl-cli",
-      "version": "0.0.1",
+      "version": "0.0.4",
       "license": "MIT",
       "dependencies": {
         "@inkjs/ui": "^2.0.0",
+        "@modelcontextprotocol/sdk": "^1.19.1",
         "@runloop/api-client": "^0.55.0",
         "@runloop/rl-cli": "^0.0.1",
+        "@types/express": "^5.0.3",
         "chalk": "^5.3.0",
         "commander": "^12.1.0",
         "conf": "^13.0.1",
+        "express": "^5.1.0",
         "figures": "^6.1.0",
         "gradient-string": "^2.0.2",
         "ink": "^5.0.1",
@@ -32,6 +35,13 @@
       "devDependencies": {
         "@types/node": "^22.7.9",
         "@types/react": "^18.3.11",
+        "@typescript-eslint/eslint-plugin": "^8.46.0",
+        "@typescript-eslint/parser": "^8.46.0",
+        "eslint": "^9.37.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^6.1.1",
+        "globals": "^16.4.0",
+        "prettier": "^3.6.2",
         "typescript": "^5.6.3"
       },
       "engines": {
@@ -51,361 +61,418 @@
         "node": ">=14.13.1"
       }
     },
-    "node_modules/@inkjs/ui": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@inkjs/ui/-/ui-2.0.0.tgz",
-      "integrity": "sha512-5+8fJmwtF9UvikzLfph9sA+LS+l37Ij/szQltkuXLOAXwNkBX9innfzh4pLGXIB59vKEQUtc6D4qGvhD7h3pAg==",
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^5.3.0",
-        "cli-spinners": "^3.0.0",
-        "deepmerge": "^4.3.1",
-        "figures": "^6.1.0"
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "ink": ">=5"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@inkjs/ui/node_modules/cli-spinners": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-3.3.0.tgz",
-      "integrity": "sha512-/+40ljC3ONVnYIttjMWrlL51nItDAbBrq2upN8BPyvGU/2n5Oxw3tbNwORCaNuNqLJnxGqOfjUuhsv7l5Q4IsQ==",
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.4.tgz",
+      "integrity": "sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=18.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@runloop/api-client": {
-      "version": "0.55.0",
-      "resolved": "https://registry.npmjs.org/@runloop/api-client/-/api-client-0.55.0.tgz",
-      "integrity": "sha512-zsyWKc/uiyoTnDY/AMwKtvJZeSs7DPB7k0gE1Ekr6CPtNgX0tSrjIIjSXAoxDWmNG+brcjMCLdqUfDBb6lpkjw==",
+    "node_modules/@babel/core": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
+      "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "^18.11.18",
-        "@types/node-fetch": "^2.6.4",
-        "abort-controller": "^3.0.0",
-        "agentkeepalive": "^4.2.1",
-        "form-data-encoder": "1.7.2",
-        "formdata-node": "^4.3.2",
-        "node-fetch": "^2.6.7",
-        "uuidv7": "^1.0.2",
-        "zod": "^3.24.1"
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.4",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.4",
+        "@babel/types": "^7.28.4",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@runloop/api-client/node_modules/@types/node": {
-      "version": "18.19.128",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.128.tgz",
-      "integrity": "sha512-m7wxXGpPpqxp2QDi/rpih5O772APRuBIa/6XiGqLNoM1txkjI8Sz1V4oSXJxQLTz/yP5mgy9z6UXEO6/lP70Gg==",
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
+      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~5.26.4"
+        "@babel/parser": "^7.28.3",
+        "@babel/types": "^7.28.2",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@runloop/api-client/node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "license": "MIT"
-    },
-    "node_modules/@runloop/rl-cli": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/@runloop/rl-cli/-/rl-cli-0.0.1.tgz",
-      "integrity": "sha512-4OY87GzfZV76C6UAG6wspQhmRWuLGIXLTfuixJGEyP5X/kSVfo9G9fBuBlOEH3RhlB9iB7Ch6SoFZHixslbF7w==",
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inkjs/ui": "^2.0.0",
-        "@runloop/api-client": "^0.55.0",
-        "chalk": "^5.3.0",
-        "commander": "^12.1.0",
-        "conf": "^13.0.1",
-        "figures": "^6.1.0",
-        "gradient-string": "^2.0.2",
-        "ink": "^5.0.1",
-        "ink-big-text": "^2.0.0",
-        "ink-gradient": "^3.0.0",
-        "ink-link": "^4.1.0",
-        "ink-spinner": "^5.0.0",
-        "ink-text-input": "^6.0.0",
-        "react": "^18.3.1",
-        "yaml": "^2.8.1"
-      },
-      "bin": {
-        "rln": "dist/cli.js"
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
       },
       "engines": {
-        "node": ">=18.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@types/gradient-string": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@types/gradient-string/-/gradient-string-1.1.6.tgz",
-      "integrity": "sha512-LkaYxluY4G5wR1M4AKQUal2q61Di1yVVCw42ImFTuaIoQVgmV0WP1xUaLB8zwb47mp82vWTpePI9JmrjEnJ7nQ==",
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/tinycolor2": "*"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@types/node": {
-      "version": "22.18.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.7.tgz",
-      "integrity": "sha512-3E97nlWEVp2V6J7aMkR8eOnw/w0pArPwf/5/W0865f+xzBoGL/ZuHkTAKAGN7cOWNwd+sG+hZOqj+fjzeHS75g==",
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.21.0"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@types/node-fetch": {
-      "version": "2.6.13",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.13.tgz",
-      "integrity": "sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==",
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*",
-        "form-data": "^4.0.4"
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.15",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
-      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-      "devOptional": true,
-      "license": "MIT"
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
     },
-    "node_modules/@types/react": {
-      "version": "18.3.25",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.25.tgz",
-      "integrity": "sha512-oSVZmGtDPmRZtVDqvdKUi/qgCsWp5IDY29wp8na8Bj4B3cc99hfNzvNhlMkVVxctkAOGUA3Km7MMpBHAnWfcIA==",
-      "devOptional": true,
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/prop-types": "*",
-        "csstype": "^3.0.2"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@types/tinycolor2": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
-      "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
-      "license": "MIT"
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
     },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "event-target-shim": "^5.0.0"
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
       },
       "engines": {
-        "node": ">=6.5"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/agentkeepalive": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
-      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+    "node_modules/@babel/parser": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
+      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "humanize-ms": "^1.2.1"
+        "@babel/types": "^7.28.4"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
       },
       "engines": {
-        "node": ">= 8.0.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/ajv-formats": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+    "node_modules/@babel/traverse": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
+      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4",
+        "debug": "^4.3.1"
       },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/ansi-escapes": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.1.1.tgz",
-      "integrity": "sha512-Zhl0ErHcSRUaVfGUeUdDuLgpkEo8KIFjB4Y9uAc46ScOpdDiU1Dbyplh7qWJeJ/ZHpbyMSM26+X3BySgnIz40Q==",
+    "node_modules/@babel/types": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
+      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "environment": "^1.0.0"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
       "engines": {
-        "node": ">=12"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
-    },
-    "node_modules/atomically": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.0.3.tgz",
-      "integrity": "sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==",
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
+      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "stubborn-fs": "^1.2.5",
-        "when-exit": "^2.1.1"
+        "@eslint/object-schema": "^2.1.6",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/auto-bind": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz",
-      "integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==",
+    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "license": "MIT",
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "*"
       }
     },
-    "node_modules/cfonts": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/cfonts/-/cfonts-3.3.1.tgz",
-      "integrity": "sha512-ZGEmN3W9mViWEDjsuPo4nK4h39sfh6YtoneFYp9WLPI/rw8BaSSrfQC6jkrGW3JMvV3ZnExJB/AEqXc/nHYxkw==",
-      "license": "GPL-3.0-or-later",
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.0.tgz",
+      "integrity": "sha512-WUFvV4WoIwW8Bv0KeKCIIEgdSiFOsulyN0xrMu+7z43q/hkOLXjvb5u7UC9jDxvRzcrbEmuZBX5yJZz1741jog==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "supports-color": "^8",
-        "window-size": "^1"
-      },
-      "bin": {
-        "cfonts": "bin/index.js"
+        "@eslint/core": "^0.16.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/chalk": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+    "node_modules/@eslint/core": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.16.0.tgz",
+      "integrity": "sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
       },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/cli-boxes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
-      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
-      "license": "MIT",
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/cli-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
-      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "restore-cursor": "^4.0.0"
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
       },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/cli-spinners": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
-      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=6"
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/cli-truncate": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
-      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "slice-ansi": "^5.0.0",
-        "string-width": "^7.0.0"
-      },
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=18"
       },
@@ -413,208 +480,4063 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/cli-truncate/node_modules/slice-ansi": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+    "node_modules/@eslint/eslintrc/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.0.0",
-        "is-fullwidth-code-point": "^4.0.0"
-      },
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+        "node": ">= 4"
       }
     },
-    "node_modules/code-excerpt": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz",
-      "integrity": "sha512-xxodCmBen3iy2i0WtAK8FlFNrRzjUqjRsMfho58xT/wvZU1YTM3fCnRjcy1gJPMepaRlgm/0e6w8SpWHpn3/cA==",
-      "license": "MIT",
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "convert-to-spaces": "^2.0.1"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": "*"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+    "node_modules/@eslint/js": {
+      "version": "9.37.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.37.0.tgz",
+      "integrity": "sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
       "engines": {
-        "node": ">=7.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
       }
     },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT"
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
     },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.0.tgz",
+      "integrity": "sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "delayed-stream": "~1.0.0"
+        "@eslint/core": "^0.16.0",
+        "levn": "^0.4.1"
       },
       "engines": {
-        "node": ">= 0.8"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/commander": {
-      "version": "12.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
-      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
-      "license": "MIT",
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=18"
+        "node": ">=18.18.0"
       }
     },
-    "node_modules/conf": {
-      "version": "13.1.0",
-      "resolved": "https://registry.npmjs.org/conf/-/conf-13.1.0.tgz",
-      "integrity": "sha512-Bi6v586cy1CoTFViVO4lGTtx780lfF96fUmS1lSX6wpZf6330NvHUu6fReVuDP1de8Mg0nkZb01c8tAQdz1o3w==",
-      "license": "MIT",
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "ajv": "^8.17.1",
-        "ajv-formats": "^3.0.1",
-        "atomically": "^2.0.3",
-        "debounce-fn": "^6.0.0",
-        "dot-prop": "^9.0.0",
-        "env-paths": "^3.0.0",
-        "json-schema-typed": "^8.0.1",
-        "semver": "^7.6.3",
-        "uint8array-extras": "^1.4.0"
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/convert-to-spaces": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz",
-      "integrity": "sha512-rcQ1bsQO9799wq24uE5AM2tAILy4gXGIK/njFWcVQkGNZ96edlpY+A7bjwvzjYvLDyzmG1MmMLZhpcsb+klNMQ==",
-      "license": "MIT",
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "devOptional": true,
-      "license": "MIT"
-    },
-    "node_modules/debounce-fn": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-6.0.0.tgz",
-      "integrity": "sha512-rBMW+F2TXryBwB54Q0d8drNEI+TfoS9JpNTAoVpukbWEhjXQq4rySFYLaqXMFXwdv61Zb2OHtj5bviSoimqxRQ==",
+    "node_modules/@inkjs/ui": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@inkjs/ui/-/ui-2.0.0.tgz",
+      "integrity": "sha512-5+8fJmwtF9UvikzLfph9sA+LS+l37Ij/szQltkuXLOAXwNkBX9innfzh4pLGXIB59vKEQUtc6D4qGvhD7h3pAg==",
       "license": "MIT",
       "dependencies": {
-        "mimic-function": "^5.0.0"
+        "chalk": "^5.3.0",
+        "cli-spinners": "^3.0.0",
+        "deepmerge": "^4.3.1",
+        "figures": "^6.1.0"
       },
       "engines": {
         "node": ">=18"
       },
+      "peerDependencies": {
+        "ink": ">=5"
+      }
+    },
+    "node_modules/@inkjs/ui/node_modules/cli-spinners": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-3.3.0.tgz",
+      "integrity": "sha512-/+40ljC3ONVnYIttjMWrlL51nItDAbBrq2upN8BPyvGU/2n5Oxw3tbNwORCaNuNqLJnxGqOfjUuhsv7l5Q4IsQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.20"
+      },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
-      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-descriptor": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.4.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/dot-prop": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-9.0.0.tgz",
-      "integrity": "sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==",
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "type-fest": "^4.18.2"
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@modelcontextprotocol/sdk": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.19.1.tgz",
+      "integrity": "sha512-3Y2h3MZKjec1eAqSTBclATlX+AbC6n1LgfVzRMJLt3v6w0RCYgwLrjbxPDbhsYHt6Wdqc/aCceNJYgj448ELQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.6",
+        "content-type": "^1.0.5",
+        "cors": "^2.8.5",
+        "cross-spawn": "^7.0.5",
+        "eventsource": "^3.0.2",
+        "eventsource-parser": "^3.0.0",
+        "express": "^5.0.1",
+        "express-rate-limit": "^7.5.0",
+        "pkce-challenge": "^5.0.0",
+        "raw-body": "^3.0.0",
+        "zod": "^3.23.8",
+        "zod-to-json-schema": "^3.24.1"
       },
       "engines": {
         "node": ">=18"
+      }
+    },
+    "node_modules/@modelcontextprotocol/sdk/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+    "node_modules/@modelcontextprotocol/sdk/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 8"
       }
     },
-    "node_modules/emoji-regex": {
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@runloop/api-client": {
+      "version": "0.55.0",
+      "resolved": "https://registry.npmjs.org/@runloop/api-client/-/api-client-0.55.0.tgz",
+      "integrity": "sha512-zsyWKc/uiyoTnDY/AMwKtvJZeSs7DPB7k0gE1Ekr6CPtNgX0tSrjIIjSXAoxDWmNG+brcjMCLdqUfDBb6lpkjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7",
+        "uuidv7": "^1.0.2",
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/@runloop/api-client/node_modules/@types/node": {
+      "version": "18.19.128",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.128.tgz",
+      "integrity": "sha512-m7wxXGpPpqxp2QDi/rpih5O772APRuBIa/6XiGqLNoM1txkjI8Sz1V4oSXJxQLTz/yP5mgy9z6UXEO6/lP70Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@runloop/api-client/node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "license": "MIT"
+    },
+    "node_modules/@runloop/rl-cli": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@runloop/rl-cli/-/rl-cli-0.0.1.tgz",
+      "integrity": "sha512-4OY87GzfZV76C6UAG6wspQhmRWuLGIXLTfuixJGEyP5X/kSVfo9G9fBuBlOEH3RhlB9iB7Ch6SoFZHixslbF7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@inkjs/ui": "^2.0.0",
+        "@runloop/api-client": "^0.55.0",
+        "chalk": "^5.3.0",
+        "commander": "^12.1.0",
+        "conf": "^13.0.1",
+        "figures": "^6.1.0",
+        "gradient-string": "^2.0.2",
+        "ink": "^5.0.1",
+        "ink-big-text": "^2.0.0",
+        "ink-gradient": "^3.0.0",
+        "ink-link": "^4.1.0",
+        "ink-spinner": "^5.0.0",
+        "ink-text-input": "^6.0.0",
+        "react": "^18.3.1",
+        "yaml": "^2.8.1"
+      },
+      "bin": {
+        "rln": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/express": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.3.tgz",
+      "integrity": "sha512-wGA0NX93b19/dZC1J18tKWVIYWyyF2ZjT9vin/NRu0qzzvfVzWjs04iq2rQ3H65vCTQYlRqs3YHfY7zjdV+9Kw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^5.0.0",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.1.0.tgz",
+      "integrity": "sha512-jnHMsrd0Mwa9Cf4IdOzbz543y4XJepXrbia2T4b6+spXC2We3t1y6K44D3mR8XMFSXMCf3/l7rCgddfx7UNVBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/gradient-string": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@types/gradient-string/-/gradient-string-1.1.6.tgz",
+      "integrity": "sha512-LkaYxluY4G5wR1M4AKQUal2q61Di1yVVCw42ImFTuaIoQVgmV0WP1xUaLB8zwb47mp82vWTpePI9JmrjEnJ7nQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/tinycolor2": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.18.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.7.tgz",
+      "integrity": "sha512-3E97nlWEVp2V6J7aMkR8eOnw/w0pArPwf/5/W0865f+xzBoGL/ZuHkTAKAGN7cOWNwd+sG+hZOqj+fjzeHS75g==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.4"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.25",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.25.tgz",
+      "integrity": "sha512-oSVZmGtDPmRZtVDqvdKUi/qgCsWp5IDY29wp8na8Bj4B3cc99hfNzvNhlMkVVxctkAOGUA3Km7MMpBHAnWfcIA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-zBF6vZJn1IaMpg3xUF25VK3gd3l8zwE0ZLRX7dsQyQi+jp4E8mMDJNGDYnYse+bQhYwWERTxVwHpi3dMOq7RKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.9.tgz",
+      "integrity": "sha512-dOTIuqpWLyl3BBXU3maNQsS4A3zuuoYRNIvYSxxhebPfXg2mzWQEPne/nlJ37yOse6uGgR386uTpdsx4D0QZWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "<1"
+      }
+    },
+    "node_modules/@types/serve-static/node_modules/@types/send": {
+      "version": "0.17.5",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.5.tgz",
+      "integrity": "sha512-z6F2D3cOStZvuk2SaP6YrwkNO65iTZcwA2ZkSABegdkAh/lf+Aa/YQndZVfmEXT5vgAp6zv06VQ3ejSVjAny4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/tinycolor2": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
+      "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.46.0.tgz",
+      "integrity": "sha512-hA8gxBq4ukonVXPy0OKhiaUh/68D0E88GSmtC1iAEnGaieuDi38LhS7jdCHRLi6ErJBNDGCzvh5EnzdPwUc0DA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.46.0",
+        "@typescript-eslint/type-utils": "8.46.0",
+        "@typescript-eslint/utils": "8.46.0",
+        "@typescript-eslint/visitor-keys": "8.46.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.46.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.46.0.tgz",
+      "integrity": "sha512-n1H6IcDhmmUEG7TNVSspGmiHHutt7iVKtZwRppD7e04wha5MrkV1h3pti9xQLcCMt6YWsncpoT0HMjkH1FNwWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.46.0",
+        "@typescript-eslint/types": "8.46.0",
+        "@typescript-eslint/typescript-estree": "8.46.0",
+        "@typescript-eslint/visitor-keys": "8.46.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.46.0.tgz",
+      "integrity": "sha512-OEhec0mH+U5Je2NZOeK1AbVCdm0ChyapAyTeXVIYTPXDJ3F07+cu87PPXcGoYqZ7M9YJVvFnfpGg1UmCIqM+QQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.46.0",
+        "@typescript-eslint/types": "^8.46.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.46.0.tgz",
+      "integrity": "sha512-lWETPa9XGcBes4jqAMYD9fW0j4n6hrPtTJwWDmtqgFO/4HF4jmdH/Q6wggTw5qIT5TXjKzbt7GsZUBnWoO3dqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.46.0",
+        "@typescript-eslint/visitor-keys": "8.46.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.46.0.tgz",
+      "integrity": "sha512-WrYXKGAHY836/N7zoK/kzi6p8tXFhasHh8ocFL9VZSAkvH956gfeRfcnhs3xzRy8qQ/dq3q44v1jvQieMFg2cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.46.0.tgz",
+      "integrity": "sha512-hy+lvYV1lZpVs2jRaEYvgCblZxUoJiPyCemwbQZ+NGulWkQRy0HRPYAoef/CNSzaLt+MLvMptZsHXHlkEilaeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.46.0",
+        "@typescript-eslint/typescript-estree": "8.46.0",
+        "@typescript-eslint/utils": "8.46.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.46.0.tgz",
+      "integrity": "sha512-bHGGJyVjSE4dJJIO5yyEWt/cHyNwga/zXGJbJJ8TiO01aVREK6gCTu3L+5wrkb1FbDkQ+TKjMNe9R/QQQP9+rA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.46.0.tgz",
+      "integrity": "sha512-ekDCUfVpAKWJbRfm8T1YRrCot1KFxZn21oV76v5Fj4tr7ELyk84OS+ouvYdcDAwZL89WpEkEj2DKQ+qg//+ucg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.46.0",
+        "@typescript-eslint/tsconfig-utils": "8.46.0",
+        "@typescript-eslint/types": "8.46.0",
+        "@typescript-eslint/visitor-keys": "8.46.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.46.0.tgz",
+      "integrity": "sha512-nD6yGWPj1xiOm4Gk0k6hLSZz2XkNXhuYmyIrOWcHoPuAhjT9i5bAG+xbWPgFeNR8HPHHtpNKdYUXJl/D3x7f5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.46.0",
+        "@typescript-eslint/types": "8.46.0",
+        "@typescript-eslint/typescript-estree": "8.46.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.46.0.tgz",
+      "integrity": "sha512-FrvMpAK+hTbFy7vH5j1+tMYHMSKLE6RzluFJlkFNKD0p9YsUT75JlBSmr5so3QRzvMwU5/bIEdeNrxm8du8l3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.46.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.1.1.tgz",
+      "integrity": "sha512-Zhl0ErHcSRUaVfGUeUdDuLgpkEo8KIFjB4Y9uAc46ScOpdDiU1Dbyplh7qWJeJ/ZHpbyMSM26+X3BySgnIz40Q==",
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/atomically": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.0.3.tgz",
+      "integrity": "sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==",
+      "dependencies": {
+        "stubborn-fs": "^1.2.5",
+        "when-exit": "^2.1.1"
+      }
+    },
+    "node_modules/auto-bind": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz",
+      "integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.13",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.13.tgz",
+      "integrity": "sha512-7s16KR8io8nIBWQyCYhmFhd+ebIzb9VKTzki+wOJXHTxTnV6+mFGH3+Jwn1zoKaY9/H9T/0BcKCZnzXljPnpSQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
+      "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.0",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.6.3",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.0",
+        "raw-body": "^3.0.0",
+        "type-is": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.26.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.3.tgz",
+      "integrity": "sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.9",
+        "caniuse-lite": "^1.0.30001746",
+        "electron-to-chromium": "^1.5.227",
+        "node-releases": "^2.0.21",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001748",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001748.tgz",
+      "integrity": "sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/cfonts": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/cfonts/-/cfonts-3.3.1.tgz",
+      "integrity": "sha512-ZGEmN3W9mViWEDjsuPo4nK4h39sfh6YtoneFYp9WLPI/rw8BaSSrfQC6jkrGW3JMvV3ZnExJB/AEqXc/nHYxkw==",
+      "license": "GPL-3.0-or-later",
+      "dependencies": {
+        "supports-color": "^8",
+        "window-size": "^1"
+      },
+      "bin": {
+        "cfonts": "bin/index.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/code-excerpt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz",
+      "integrity": "sha512-xxodCmBen3iy2i0WtAK8FlFNrRzjUqjRsMfho58xT/wvZU1YTM3fCnRjcy1gJPMepaRlgm/0e6w8SpWHpn3/cA==",
+      "license": "MIT",
+      "dependencies": {
+        "convert-to-spaces": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/conf": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/conf/-/conf-13.1.0.tgz",
+      "integrity": "sha512-Bi6v586cy1CoTFViVO4lGTtx780lfF96fUmS1lSX6wpZf6330NvHUu6fReVuDP1de8Mg0nkZb01c8tAQdz1o3w==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.17.1",
+        "ajv-formats": "^3.0.1",
+        "atomically": "^2.0.3",
+        "debounce-fn": "^6.0.0",
+        "dot-prop": "^9.0.0",
+        "env-paths": "^3.0.0",
+        "json-schema-typed": "^8.0.1",
+        "semver": "^7.6.3",
+        "uint8array-extras": "^1.4.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz",
+      "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-to-spaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz",
+      "integrity": "sha512-rcQ1bsQO9799wq24uE5AM2tAILy4gXGIK/njFWcVQkGNZ96edlpY+A7bjwvzjYvLDyzmG1MmMLZhpcsb+klNMQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debounce-fn": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-6.0.0.tgz",
+      "integrity": "sha512-rBMW+F2TXryBwB54Q0d8drNEI+TfoS9JpNTAoVpukbWEhjXQq4rySFYLaqXMFXwdv61Zb2OHtj5bviSoimqxRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dot-prop": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-9.0.0.tgz",
+      "integrity": "sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^4.18.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.232",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.232.tgz",
+      "integrity": "sha512-ENirSe7wf8WzyPCibqKUG1Cg43cPaxH4wRR7AJsX7MCABCHBIOFqvaYODSLKUuZdraxUTHRE/0A2Aq8BYKEHOg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
       "version": "10.5.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.5.0.tgz",
       "integrity": "sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==",
       "license": "MIT"
     },
-    "node_modules/env-paths": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz",
-      "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==",
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz",
+      "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-toolkit": {
+      "version": "1.39.10",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.10.tgz",
+      "integrity": "sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.37.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.37.0.tgz",
+      "integrity": "sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.0",
+        "@eslint/config-helpers": "^0.4.0",
+        "@eslint/core": "^0.16.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.37.0",
+        "@eslint/plugin-kit": "^0.4.0",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-6.1.1.tgz",
+      "integrity": "sha512-St9EKZzOAQF704nt2oJvAKZHjhrpg25ClQoaAlHmPZuajFldVLqRDW4VBNAS01NzeiQF0m0qhG1ZA807K6aVaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "zod": "^3.22.4 || ^4.0.0",
+        "zod-validation-error": "^3.0.3 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventsource": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+      "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+      "license": "MIT",
+      "dependencies": {
+        "eventsource-parser": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/eventsource-parser": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz",
+      "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.0",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express-rate-limit": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.5.1.tgz",
+      "integrity": "sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/express-rate-limit"
+      },
+      "peerDependencies": {
+        "express": ">= 4.11"
+      }
+    },
+    "node_modules/express/node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express/node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/figures": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
+      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz",
+      "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==",
+      "license": "MIT"
+    },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
+      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gradient-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/gradient-string/-/gradient-string-2.0.2.tgz",
+      "integrity": "sha512-rEDCuqUQ4tbD78TpzsMtt5OIf0cBCSDWSJtUDaF6JsAh+k0v9r++NzxNEG87oDZx9ZwGhD8DaezR2L/yrw0Jdw==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "tinygradient": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gradient-string/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/gradient-string/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/gradient-string/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
+      "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ink": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/ink/-/ink-5.2.1.tgz",
+      "integrity": "sha512-BqcUyWrG9zq5HIwW6JcfFHsIYebJkWWb4fczNah1goUO0vv5vneIlfwuS85twyJ5hYR/y18FlAYUxrO9ChIWVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@alcalzone/ansi-tokenize": "^0.1.3",
+        "ansi-escapes": "^7.0.0",
+        "ansi-styles": "^6.2.1",
+        "auto-bind": "^5.0.1",
+        "chalk": "^5.3.0",
+        "cli-boxes": "^3.0.0",
+        "cli-cursor": "^4.0.0",
+        "cli-truncate": "^4.0.0",
+        "code-excerpt": "^4.0.0",
+        "es-toolkit": "^1.22.0",
+        "indent-string": "^5.0.0",
+        "is-in-ci": "^1.0.0",
+        "patch-console": "^2.0.0",
+        "react-reconciler": "^0.29.0",
+        "scheduler": "^0.23.0",
+        "signal-exit": "^3.0.7",
+        "slice-ansi": "^7.1.0",
+        "stack-utils": "^2.0.6",
+        "string-width": "^7.2.0",
+        "type-fest": "^4.27.0",
+        "widest-line": "^5.0.0",
+        "wrap-ansi": "^9.0.0",
+        "ws": "^8.18.0",
+        "yoga-layout": "~3.2.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "react": ">=18.0.0",
+        "react-devtools-core": "^4.19.1"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react-devtools-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ink-big-text": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ink-big-text/-/ink-big-text-2.0.0.tgz",
+      "integrity": "sha512-Juzqv+rIOLGuhMJiE50VtS6dg6olWfzFdL7wsU/EARSL5Eaa5JNXMogMBm9AkjgzO2Y3UwWCOh87jbhSn8aNdw==",
+      "license": "MIT",
+      "dependencies": {
+        "cfonts": "^3.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      },
+      "peerDependencies": {
+        "ink": ">=4",
+        "react": ">=18"
+      }
+    },
+    "node_modules/ink-gradient": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ink-gradient/-/ink-gradient-3.0.0.tgz",
+      "integrity": "sha512-OVyPBovBxE1tFcBhSamb+P1puqDP6pG3xFe2W9NiLgwUZd9RbcjBeR7twLbliUT9navrUstEf1ZcPKKvx71BsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/gradient-string": "^1.1.2",
+        "gradient-string": "^2.0.2",
+        "prop-types": "^15.8.1",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      },
+      "peerDependencies": {
+        "ink": ">=4"
+      }
+    },
+    "node_modules/ink-link": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/ink-link/-/ink-link-4.1.0.tgz",
+      "integrity": "sha512-3nNyJXum0FJIKAXBK8qat2jEOM41nJ1J60NRivwgK9Xh92R5UMN/k4vbz0A9xFzhJVrlf4BQEmmxMgXkCE1Jeg==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.8.1",
+        "terminal-link": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      },
+      "peerDependencies": {
+        "ink": ">=4"
+      }
+    },
+    "node_modules/ink-spinner": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ink-spinner/-/ink-spinner-5.0.0.tgz",
+      "integrity": "sha512-EYEasbEjkqLGyPOUc8hBJZNuC5GvXGMLu0w5gdTNskPc7Izc5vO3tdQEYnzvshucyGCBXc86ig0ujXPMWaQCdA==",
+      "license": "MIT",
+      "dependencies": {
+        "cli-spinners": "^2.7.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "peerDependencies": {
+        "ink": ">=4.0.0",
+        "react": ">=18.0.0"
+      }
+    },
+    "node_modules/ink-text-input": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ink-text-input/-/ink-text-input-6.0.0.tgz",
+      "integrity": "sha512-Fw64n7Yha5deb1rHY137zHTAbSTNelUKuB5Kkk2HACXEtwIHBCf9OH2tP/LQ9fRYTl1F0dZgbW0zPnZk6FA9Lw==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "type-fest": "^4.18.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "ink": ">=5",
+        "react": ">=18"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "license": "MIT"
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-in-ci": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-1.0.0.tgz",
+      "integrity": "sha512-eUuAjybVTHMYWm/U+vBO1sY/JOCgoPCXRxzdju0K+K0BiGW0SChEL1MLC0PoCIR1OlPo5YAp8HuQoUlsWEICwg==",
+      "license": "MIT",
+      "bin": {
+        "is-in-ci": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
       "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-typed": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.1.tgz",
+      "integrity": "sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/environment": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
-      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -623,214 +4545,328 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 8"
       }
     },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8.6"
       }
     },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/es-toolkit": {
-      "version": "1.39.10",
-      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.10.tgz",
-      "integrity": "sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==",
-      "license": "MIT",
-      "workspaces": [
-        "docs",
-        "benchmarks"
-      ]
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=6"
       }
     },
-    "node_modules/event-target-shim": {
+    "node_modules/mimic-function": {
       "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
-    "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
       "funding": [
         {
           "type": "github",
-          "url": "https://github.com/sponsors/fastify"
+          "url": "https://github.com/sponsors/jimmywarting"
         },
         {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fastify"
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
         }
       ],
-      "license": "BSD-3-Clause"
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
     },
-    "node_modules/figures": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
-      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
       "license": "MIT",
       "dependencies": {
-        "is-unicode-supported": "^2.0.0"
+        "whatwg-url": "^5.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.23",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.23.tgz",
+      "integrity": "sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/form-data": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.12"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/form-data-encoder": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
-      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==",
-      "license": "MIT"
-    },
-    "node_modules/formdata-node": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
-      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "node-domexception": "1.0.0",
-        "web-streams-polyfill": "4.0.0-beta.3"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
       },
       "engines": {
-        "node": ">= 12.20"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-east-asian-width": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
-      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
       "engines": {
-        "node": ">=18"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -838,627 +4874,767 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/gradient-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/gradient-string/-/gradient-string-2.0.2.tgz",
-      "integrity": "sha512-rEDCuqUQ4tbD78TpzsMtt5OIf0cBCSDWSJtUDaF6JsAh+k0v9r++NzxNEG87oDZx9ZwGhD8DaezR2L/yrw0Jdw==",
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.1.2",
-        "tinygradient": "^1.1.5"
+        "yocto-queue": "^0.1.0"
       },
       "engines": {
         "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/gradient-string/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "p-limit": "^3.0.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/gradient-string/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
+        "callsites": "^3.0.0"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "node": ">=6"
       }
     },
-    "node_modules/gradient-string/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
       "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.8"
       }
     },
-    "node_modules/has-flag": {
+    "node_modules/patch-console": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/patch-console/-/patch-console-2.0.0.tgz",
+      "integrity": "sha512-0YNdUceMdaQwoKce1gatDScmMo5pu/tfABfnzEqeG0gtTmd7mh/WcwgUjtAeOU7N8nFFlbQBnFK2gXW5fGvmMA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/path-exists": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
+      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8.6"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+    "node_modules/pkce-challenge": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.0.tgz",
+      "integrity": "sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/humanize-ms": {
+    "node_modules/prelude-ls": {
       "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
-      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ms": "^2.0.0"
+      "engines": {
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/indent-string": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
-      "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
+    "node_modules/prettier": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+      "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+      "dev": true,
       "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
-    "node_modules/ink": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/ink/-/ink-5.2.1.tgz",
-      "integrity": "sha512-BqcUyWrG9zq5HIwW6JcfFHsIYebJkWWb4fczNah1goUO0vv5vneIlfwuS85twyJ5hYR/y18FlAYUxrO9ChIWVg==",
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
       "license": "MIT",
       "dependencies": {
-        "@alcalzone/ansi-tokenize": "^0.1.3",
-        "ansi-escapes": "^7.0.0",
-        "ansi-styles": "^6.2.1",
-        "auto-bind": "^5.0.1",
-        "chalk": "^5.3.0",
-        "cli-boxes": "^3.0.0",
-        "cli-cursor": "^4.0.0",
-        "cli-truncate": "^4.0.0",
-        "code-excerpt": "^4.0.0",
-        "es-toolkit": "^1.22.0",
-        "indent-string": "^5.0.0",
-        "is-in-ci": "^1.0.0",
-        "patch-console": "^2.0.0",
-        "react-reconciler": "^0.29.0",
-        "scheduler": "^0.23.0",
-        "signal-exit": "^3.0.7",
-        "slice-ansi": "^7.1.0",
-        "stack-utils": "^2.0.6",
-        "string-width": "^7.2.0",
-        "type-fest": "^4.27.0",
-        "widest-line": "^5.0.0",
-        "wrap-ansi": "^9.0.0",
-        "ws": "^8.18.0",
-        "yoga-layout": "~3.2.1"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@types/react": ">=18.0.0",
-        "react": ">=18.0.0",
-        "react-devtools-core": "^4.19.1"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "react-devtools-core": {
-          "optional": true
-        }
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
       }
     },
-    "node_modules/ink-big-text": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ink-big-text/-/ink-big-text-2.0.0.tgz",
-      "integrity": "sha512-Juzqv+rIOLGuhMJiE50VtS6dg6olWfzFdL7wsU/EARSL5Eaa5JNXMogMBm9AkjgzO2Y3UwWCOh87jbhSn8aNdw==",
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
       "license": "MIT",
       "dependencies": {
-        "cfonts": "^3.1.1",
-        "prop-types": "^15.8.1"
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
       },
       "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      },
-      "peerDependencies": {
-        "ink": ">=4",
-        "react": ">=18"
+        "node": ">= 0.10"
       }
     },
-    "node_modules/ink-gradient": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/ink-gradient/-/ink-gradient-3.0.0.tgz",
-      "integrity": "sha512-OVyPBovBxE1tFcBhSamb+P1puqDP6pG3xFe2W9NiLgwUZd9RbcjBeR7twLbliUT9navrUstEf1ZcPKKvx71BsQ==",
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "@types/gradient-string": "^1.1.2",
-        "gradient-string": "^2.0.2",
-        "prop-types": "^15.8.1",
-        "strip-ansi": "^7.1.0"
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=0.6"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      },
-      "peerDependencies": {
-        "ink": ">=4"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/ink-link": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/ink-link/-/ink-link-4.1.0.tgz",
-      "integrity": "sha512-3nNyJXum0FJIKAXBK8qat2jEOM41nJ1J60NRivwgK9Xh92R5UMN/k4vbz0A9xFzhJVrlf4BQEmmxMgXkCE1Jeg==",
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
       "license": "MIT",
-      "dependencies": {
-        "prop-types": "^15.8.1",
-        "terminal-link": "^3.0.0"
-      },
       "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      },
-      "peerDependencies": {
-        "ink": ">=4"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/ink-spinner": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/ink-spinner/-/ink-spinner-5.0.0.tgz",
-      "integrity": "sha512-EYEasbEjkqLGyPOUc8hBJZNuC5GvXGMLu0w5gdTNskPc7Izc5vO3tdQEYnzvshucyGCBXc86ig0ujXPMWaQCdA==",
+    "node_modules/raw-body": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.1.tgz",
+      "integrity": "sha512-9G8cA+tuMS75+6G/TzW8OtLzmBDMo8p1JRxN5AZ+LAp8uxGA8V8GZm4GQ4/N5QNQEnLmg6SS7wyuSmbKepiKqA==",
       "license": "MIT",
       "dependencies": {
-        "cli-spinners": "^2.7.0"
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.7.0",
+        "unpipe": "1.0.0"
       },
       "engines": {
-        "node": ">=14.16"
-      },
-      "peerDependencies": {
-        "ink": ">=4.0.0",
-        "react": ">=18.0.0"
+        "node": ">= 0.10"
       }
     },
-    "node_modules/ink-text-input": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/ink-text-input/-/ink-text-input-6.0.0.tgz",
-      "integrity": "sha512-Fw64n7Yha5deb1rHY137zHTAbSTNelUKuB5Kkk2HACXEtwIHBCf9OH2tP/LQ9fRYTl1F0dZgbW0zPnZk6FA9Lw==",
+    "node_modules/raw-body/node_modules/iconv-lite": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
+      "integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
       "license": "MIT",
       "dependencies": {
-        "chalk": "^5.3.0",
-        "type-fest": "^4.18.2"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=0.10.0"
       },
-      "peerDependencies": {
-        "ink": ">=5",
-        "react": ">=18"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/is-accessor-descriptor": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
-      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.0"
+        "loose-envify": "^1.1.0"
       },
       "engines": {
-        "node": ">= 0.10"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/is-buffer": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
-    "node_modules/is-data-descriptor": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
-      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+    "node_modules/react-reconciler": {
+      "version": "0.29.2",
+      "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.29.2.tgz",
+      "integrity": "sha512-zZQqIiYgDCTP/f1N/mAR10nJGrPD2ZR+jDSEsKWJHYC7Cm2wodlwbR3upZRdC3cjIjSlTLNVyO7Iu0Yy7t2AYg==",
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.0"
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
       }
     },
-    "node_modules/is-descriptor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
-      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.1",
-        "is-data-descriptor": "^1.0.1"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-in-ci": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-1.0.0.tgz",
-      "integrity": "sha512-eUuAjybVTHMYWm/U+vBO1sY/JOCgoPCXRxzdju0K+K0BiGW0SChEL1MLC0PoCIR1OlPo5YAp8HuQoUlsWEICwg==",
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
       "license": "MIT",
-      "bin": {
-        "is-in-ci": "cli.js"
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-number": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
-      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "license": "MIT",
-      "dependencies": {
-        "kind-of": "^3.0.2"
-      },
       "engines": {
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-unicode-supported": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
-      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+    "node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/js-tokens": {
+    "node_modules/resolve-from": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
-    },
-    "node_modules/json-schema-typed": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.1.tgz",
-      "integrity": "sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==",
-      "license": "BSD-2-Clause"
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
     },
-    "node_modules/kind-of": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+    "node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
       "license": "MIT",
       "dependencies": {
-        "is-buffer": "^1.1.5"
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
+        "iojs": ">=1.0.0",
         "node": ">=0.10.0"
       }
     },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
       "license": "MIT",
       "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
       },
-      "bin": {
-        "loose-envify": "cli.js"
+      "engines": {
+        "node": ">= 18"
       }
     },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mime-db": "1.52.0"
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
       },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/mimic-function": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
-      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">=10"
       }
     },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
+    "node_modules/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "mime-types": "^3.0.1",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
     },
-    "node_modules/node-domexception": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
-      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
-      "deprecated": "Use your platform's native DOMException instead",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/jimmywarting"
-        },
-        {
-          "type": "github",
-          "url": "https://paypal.me/jimmywarting"
-        }
-      ],
+    "node_modules/send/node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
       "license": "MIT",
       "engines": {
-        "node": ">=10.5.0"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/node-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+    "node_modules/send/node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
       "license": "MIT",
       "dependencies": {
-        "whatwg-url": "^5.0.0"
+        "mime-db": "^1.54.0"
       },
       "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
+        "node": ">= 0.6"
       }
     },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+    "node_modules/serve-static": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
+      "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
       "license": "MIT",
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 18"
       }
     },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mimic-fn": "^2.1.0"
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/patch-console": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/patch-console/-/patch-console-2.0.0.tgz",
-      "integrity": "sha512-0YNdUceMdaQwoKce1gatDScmMo5pu/tfABfnzEqeG0gtTmd7mh/WcwgUjtAeOU7N8nFFlbQBnFK2gXW5fGvmMA==",
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/react": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0"
+        "shebang-regex": "^3.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "license": "MIT"
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
     },
-    "node_modules/react-reconciler": {
-      "version": "0.29.2",
-      "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.29.2.tgz",
-      "integrity": "sha512-zZQqIiYgDCTP/f1N/mAR10nJGrPD2ZR+jDSEsKWJHYC7Cm2wodlwbR3upZRdC3cjIjSlTLNVyO7Iu0Yy7t2AYg==",
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.2"
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       },
-      "peerDependencies": {
-        "react": "^18.3.1"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
       "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/restore-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
-      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
       "license": "MIT",
       "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
       },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/scheduler": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/signal-exit": {
@@ -1510,6 +5686,29 @@
         "node": ">=10"
       }
     },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
@@ -1527,6 +5726,104 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
@@ -1539,7 +5836,20 @@
         "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/stubborn-fs": {
@@ -1587,6 +5897,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/terminal-link": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-3.0.0.tgz",
@@ -1646,12 +5969,70 @@
         "tinycolor2": "^1.0.0"
       }
     },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/to-regex-range/node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
       "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
       "license": "MIT"
     },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/type-fest": {
       "version": "4.41.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
@@ -1664,6 +6045,119 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/type-is": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
+      "license": "MIT",
+      "dependencies": {
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/type-is/node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/type-is/node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -1690,12 +6184,80 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/undici-types": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
       "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
       "license": "MIT"
     },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
     "node_modules/uuidv7": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/uuidv7/-/uuidv7-1.0.2.tgz",
@@ -1705,6 +6267,15 @@
         "uuidv7": "cli.js"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/web-streams-polyfill": {
       "version": "4.0.0-beta.3",
       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
@@ -1736,6 +6307,110 @@
       "integrity": "sha512-4rnvd3A1t16PWzrBUcSDZqcAmsUIy4minDXT/CZ8F2mVDgd65i4Aalimgz1aQkRGU0iH5eT5+6Rx2TK8o443Pg==",
       "license": "MIT"
     },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/widest-line": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz",
@@ -1767,6 +6442,16 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
@@ -1784,6 +6469,12 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
     "node_modules/ws": {
       "version": "8.18.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
@@ -1805,6 +6496,13 @@
         }
       }
     },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/yaml": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
@@ -1817,6 +6515,19 @@
         "node": ">= 14.6"
       }
     },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/yoga-layout": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
@@ -1831,6 +6542,28 @@
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
+    },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.24.6",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.24.6.tgz",
+      "integrity": "sha512-h/z3PKvcTcTetyjl1fkj79MHNEjm+HpD6NXheWjzOekY7kV+lwDYnHw+ivHkijnCSMz1yJaWBD9vu/Fcmk+vEg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 65970a55..82d8bfbb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@runloop/rl-cli",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Beautiful CLI for Runloop devbox management",
   "type": "module",
   "bin": {
@@ -14,7 +14,11 @@
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",
-    "release": "npm run build && npm publish"
+    "release": "npm run build && npm publish",
+    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json}\"",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix"
   },
   "keywords": [
     "runloop",
@@ -46,11 +50,14 @@
   },
   "dependencies": {
     "@inkjs/ui": "^2.0.0",
+    "@modelcontextprotocol/sdk": "^1.19.1",
     "@runloop/api-client": "^0.55.0",
     "@runloop/rl-cli": "^0.0.1",
+    "@types/express": "^5.0.3",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
     "conf": "^13.0.1",
+    "express": "^5.1.0",
     "figures": "^6.1.0",
     "gradient-string": "^2.0.2",
     "ink": "^5.0.1",
@@ -65,6 +72,13 @@
   "devDependencies": {
     "@types/node": "^22.7.9",
     "@types/react": "^18.3.11",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
+    "@typescript-eslint/parser": "^8.46.0",
+    "eslint": "^9.37.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^6.1.1",
+    "globals": "^16.4.0",
+    "prettier": "^3.6.2",
     "typescript": "^5.6.3"
   }
 }
diff --git a/src/cli.ts b/src/cli.ts
index 2b641405..c51deb97 100644
--- a/src/cli.ts
+++ b/src/cli.ts
@@ -1,128 +1,265 @@
 #!/usr/bin/env node
 
-import { Command } from 'commander';
-import { createDevbox } from './commands/devbox/create.js';
-import { listDevboxes } from './commands/devbox/list.js';
-import { deleteDevbox } from './commands/devbox/delete.js';
-import { execCommand } from './commands/devbox/exec.js';
-import { uploadFile } from './commands/devbox/upload.js';
-import { getConfig } from './utils/config.js';
+import { Command } from "commander";
+import { createDevbox } from "./commands/devbox/create.js";
+import { listDevboxes } from "./commands/devbox/list.js";
+import { deleteDevbox } from "./commands/devbox/delete.js";
+import { execCommand } from "./commands/devbox/exec.js";
+import { uploadFile } from "./commands/devbox/upload.js";
+import { getConfig } from "./utils/config.js";
+import { readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+
+// Get version from package.json
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const packageJson = JSON.parse(
+  readFileSync(join(__dirname, "../package.json"), "utf8"),
+);
+export const VERSION = packageJson.version;
+
+// Global Ctrl+C handler to ensure it always exits
+process.on("SIGINT", () => {
+  // Force exit immediately, clearing alternate screen buffer
+  process.stdout.write("\x1b[?1049l");
+  process.stdout.write("\n");
+  process.exit(130); // Standard exit code for SIGINT
+});
 
 const program = new Command();
 
 program
-  .name('rln')
-  .description('Beautiful CLI for Runloop devbox management')
-  .version('1.0.0');
+  .name("rln")
+  .description("Beautiful CLI for Runloop devbox management")
+  .version(VERSION);
 
 program
-  .command('auth')
-  .description('Configure API authentication')
+  .command("auth")
+  .description("Configure API authentication")
   .action(async () => {
-    const { default: auth } = await import('./commands/auth.js');
+    const { default: auth } = await import("./commands/auth.js");
     auth();
   });
 
 // Devbox commands
 const devbox = program
-  .command('devbox')
-  .description('Manage devboxes')
-  .alias('d');
+  .command("devbox")
+  .description("Manage devboxes")
+  .alias("d");
 
 devbox
-  .command('create')
-  .description('Create a new devbox')
-  .option('-n, --name <name>', 'Devbox name')
-  .option('-t, --template <template>', 'Template to use')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("create")
+  .description("Create a new devbox")
+  .option("-n, --name <name>", "Devbox name")
+  .option("-t, --template <template>", "Template to use")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(createDevbox);
 
 devbox
-  .command('list')
-  .description('List all devboxes')
-  .option('-s, --status <status>', 'Filter by status')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
-  .action(listDevboxes);
+  .command("list")
+  .description("List all devboxes")
+  .option("-s, --status <status>", "Filter by status")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
+  .action(async (options) => {
+    // Only use alternate screen for interactive mode
+    if (!options.output) {
+      const { runInteractiveCommand } = await import(
+        "./utils/interactiveCommand.js"
+      );
+      await runInteractiveCommand(() => listDevboxes(options));
+    } else {
+      await listDevboxes(options);
+    }
+  });
 
 devbox
-  .command('delete <id>')
-  .description('Shutdown a devbox')
-  .alias('rm')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("delete <id>")
+  .description("Shutdown a devbox")
+  .alias("rm")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(deleteDevbox);
 
 devbox
-  .command('exec <id> <command...>')
-  .description('Execute a command in a devbox')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("exec <id> <command...>")
+  .description("Execute a command in a devbox")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(execCommand);
 
 devbox
-  .command('upload <id> <file>')
-  .description('Upload a file to a devbox')
-  .option('-p, --path <path>', 'Target path in devbox')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("upload <id> <file>")
+  .description("Upload a file to a devbox")
+  .option("-p, --path <path>", "Target path in devbox")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(uploadFile);
 
 // Snapshot commands
 const snapshot = program
-  .command('snapshot')
-  .description('Manage devbox snapshots')
-  .alias('snap');
+  .command("snapshot")
+  .description("Manage devbox snapshots")
+  .alias("snap");
 
 snapshot
-  .command('list')
-  .description('List all snapshots')
-  .option('-d, --devbox <id>', 'Filter by devbox ID')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("list")
+  .description("List all snapshots")
+  .option("-d, --devbox <id>", "Filter by devbox ID")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(async (options) => {
-    const { listSnapshots } = await import('./commands/snapshot/list.js');
-    listSnapshots(options);
+    const { listSnapshots } = await import("./commands/snapshot/list.js");
+    if (!options.output) {
+      const { runInteractiveCommand } = await import(
+        "./utils/interactiveCommand.js"
+      );
+      await runInteractiveCommand(() => listSnapshots(options));
+    } else {
+      await listSnapshots(options);
+    }
   });
 
 snapshot
-  .command('create <devbox-id>')
-  .description('Create a snapshot of a devbox')
-  .option('-n, --name <name>', 'Snapshot name')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("create <devbox-id>")
+  .description("Create a snapshot of a devbox")
+  .option("-n, --name <name>", "Snapshot name")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(async (devboxId, options) => {
-    const { createSnapshot } = await import('./commands/snapshot/create.js');
+    const { createSnapshot } = await import("./commands/snapshot/create.js");
     createSnapshot(devboxId, options);
   });
 
 snapshot
-  .command('delete <id>')
-  .description('Delete a snapshot')
-  .alias('rm')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("delete <id>")
+  .description("Delete a snapshot")
+  .alias("rm")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
   .action(async (id, options) => {
-    const { deleteSnapshot } = await import('./commands/snapshot/delete.js');
+    const { deleteSnapshot } = await import("./commands/snapshot/delete.js");
     deleteSnapshot(id, options);
   });
 
 // Blueprint commands
 const blueprint = program
-  .command('blueprint')
-  .description('Manage blueprints')
-  .alias('bp');
+  .command("blueprint")
+  .description("Manage blueprints")
+  .alias("bp");
 
 blueprint
-  .command('list')
-  .description('List all blueprints')
-  .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
+  .command("list")
+  .description("List all blueprints")
+  .option(
+    "-o, --output [format]",
+    "Output format: text|json|yaml (default: interactive)",
+  )
+  .action(async (options) => {
+    const { listBlueprints } = await import("./commands/blueprint/list.js");
+    if (!options.output) {
+      const { runInteractiveCommand } = await import(
+        "./utils/interactiveCommand.js"
+      );
+      await runInteractiveCommand(() => listBlueprints(options));
+    } else {
+      await listBlueprints(options);
+    }
+  });
+
+// MCP server commands
+const mcp = program
+  .command("mcp")
+  .description("Model Context Protocol (MCP) server commands");
+
+mcp
+  .command("start")
+  .description("Start the MCP server")
+  .option("--http", "Use HTTP/SSE transport instead of stdio")
+  .option(
+    "-p, --port <port>",
+    "Port to listen on for HTTP mode (default: 3000)",
+    parseInt,
+  )
   .action(async (options) => {
-    const { listBlueprints } = await import('./commands/blueprint/list.js');
-    listBlueprints(options);
+    if (options.http) {
+      const { startMcpHttpServer } = await import("./commands/mcp-http.js");
+      await startMcpHttpServer(options.port);
+    } else {
+      const { startMcpServer } = await import("./commands/mcp.js");
+      await startMcpServer();
+    }
   });
 
-// Check if API key is configured (except for auth command)
-const args = process.argv.slice(2);
-if (args[0] !== 'auth' && args[0] !== '--help' && args[0] !== '-h' && args.length > 0) {
-  const config = getConfig();
-  if (!config.apiKey) {
-    console.error('\n❌ API key not configured. Run: rln auth\n');
-    process.exit(1);
+mcp
+  .command("install")
+  .description("Install Runloop MCP server configuration in Claude Desktop")
+  .action(async () => {
+    const { installMcpConfig } = await import("./commands/mcp-install.js");
+    await installMcpConfig();
+  });
+
+// Hidden command: 'rln mcp' without subcommand starts the server (for Claude Desktop config compatibility)
+program
+  .command("mcp-server", { hidden: true })
+  .option("--http", "Use HTTP/SSE transport instead of stdio")
+  .option(
+    "-p, --port <port>",
+    "Port to listen on for HTTP mode (default: 3000)",
+    parseInt,
+  )
+  .action(async (options) => {
+    if (options.http) {
+      const { startMcpHttpServer } = await import("./commands/mcp-http.js");
+      await startMcpHttpServer(options.port);
+    } else {
+      const { startMcpServer } = await import("./commands/mcp.js");
+      await startMcpServer();
+    }
+  });
+
+// Main CLI entry point
+(async () => {
+  // Check if API key is configured (except for auth and mcp commands)
+  const args = process.argv.slice(2);
+  if (
+    args[0] !== "auth" &&
+    args[0] !== "mcp" &&
+    args[0] !== "mcp-server" &&
+    args[0] !== "--help" &&
+    args[0] !== "-h" &&
+    args.length > 0
+  ) {
+    const config = getConfig();
+    if (!config.apiKey) {
+      console.error("\n❌ API key not configured. Run: rln auth\n");
+      process.exit(1);
+    }
   }
-}
 
-program.parse();
+  // If no command provided, show main menu
+  if (args.length === 0) {
+    const { runMainMenu } = await import("./commands/menu.js");
+    runMainMenu();
+  } else {
+    program.parse();
+  }
+})();
diff --git a/src/commands/auth.tsx b/src/commands/auth.tsx
index c543a6fe..8ffe9166 100644
--- a/src/commands/auth.tsx
+++ b/src/commands/auth.tsx
@@ -1,14 +1,15 @@
-import React from 'react';
-import { render, Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import figures from 'figures';
-import { setApiKey } from '../utils/config.js';
-import { Header } from '../components/Header.js';
-import { Banner } from '../components/Banner.js';
-import { SuccessMessage } from '../components/SuccessMessage.js';
+import React from "react";
+import { render, Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { setApiKey } from "../utils/config.js";
+import { Header } from "../components/Header.js";
+import { Banner } from "../components/Banner.js";
+import { SuccessMessage } from "../components/SuccessMessage.js";
+import { getSettingsUrl } from "../utils/url.js";
+import { colors } from "../utils/theme.js";
 
 const AuthUI: React.FC = () => {
-  const [apiKey, setApiKeyInput] = React.useState('');
+  const [apiKey, setApiKeyInput] = React.useState("");
   const [saved, setSaved] = React.useState(false);
 
   useInput((input, key) => {
@@ -24,7 +25,10 @@ const AuthUI: React.FC = () => {
       <>
         <Banner />
         <Header title="Authentication" />
-        <SuccessMessage message="API key saved!" details="Try: rln devbox list" />
+        <SuccessMessage
+          message="API key saved!"
+          details="Try: rln devbox list"
+        />
       </>
     );
   }
@@ -34,15 +38,20 @@ const AuthUI: React.FC = () => {
       <Banner />
       <Header title="Authentication" />
       <Box marginBottom={1}>
-        <Text color="gray">Get your key: </Text>
-        <Text color="cyan">https://runloop.ai/settings</Text>
+        <Text color={colors.textDim}>Get your key: </Text>
+        <Text color={colors.primary}>{getSettingsUrl()}</Text>
       </Box>
       <Box>
-        <Text color="cyan">API Key: </Text>
-        <TextInput value={apiKey} onChange={setApiKeyInput} placeholder="rl_..." mask="*" />
+        <Text color={colors.primary}>API Key: </Text>
+        <TextInput
+          value={apiKey}
+          onChange={setApiKeyInput}
+          placeholder="ak_..."
+          mask="*"
+        />
       </Box>
       <Box marginTop={1}>
-        <Text color="gray" dimColor>
+        <Text color={colors.textDim} dimColor>
           Press Enter to save
         </Text>
       </Box>
diff --git a/src/commands/blueprint/list.tsx b/src/commands/blueprint/list.tsx
index c8e21c83..0b9bc153 100644
--- a/src/commands/blueprint/list.tsx
+++ b/src/commands/blueprint/list.tsx
@@ -1,67 +1,59 @@
-import React from 'react';
-import { render, Box, Text, useInput, useStdout, useApp } from 'ink';
-import TextInput from 'ink-text-input';
-import figures from 'figures';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { Banner } from '../../components/Banner.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { StatusBadge } from '../../components/StatusBadge.js';
-import { Breadcrumb } from '../../components/Breadcrumb.js';
-import { MetadataDisplay } from '../../components/MetadataDisplay.js';
-import { Table, createTextColumn, createComponentColumn } from '../../components/Table.js';
-import { OperationsMenu, Operation } from '../../components/OperationsMenu.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
+import React from "react";
+import { Box, Text, useInput, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { StatusBadge } from "../../components/StatusBadge.js";
+import { Breadcrumb } from "../../components/Breadcrumb.js";
+import { MetadataDisplay } from "../../components/MetadataDisplay.js";
+import { createTextColumn } from "../../components/Table.js";
+import { OperationsMenu, Operation } from "../../components/OperationsMenu.js";
+import {
+  ResourceListView,
+  formatTimeAgo,
+} from "../../components/ResourceListView.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { getBlueprintUrl } from "../../utils/url.js";
+import { colors } from "../../utils/theme.js";
+import { getStatusDisplay } from "../../components/StatusBadge.js";
 
 const PAGE_SIZE = 10;
 const MAX_FETCH = 100;
 
-type OperationType = 'create_devbox' | 'delete' | null;
+type OperationType = "create_devbox" | "delete" | null;
 
-// Format time ago
-const formatTimeAgo = (timestamp: number): string => {
-  const seconds = Math.floor((Date.now() - timestamp) / 1000);
-
-  if (seconds < 60) return `${seconds}s ago`;
-
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-
-  const days = Math.floor(hours / 24);
-  if (days < 30) return `${days}d ago`;
-
-  const months = Math.floor(days / 30);
-  if (months < 12) return `${months}mo ago`;
-
-  const years = Math.floor(months / 12);
-  return `${years}y ago`;
-};
-
-const ListBlueprintsUI: React.FC = () => {
+const ListBlueprintsUI: React.FC<{
+  onBack?: () => void;
+  onExit?: () => void;
+}> = ({ onBack, onExit }) => {
   const { stdout } = useStdout();
-  const { exit } = useApp();
-  const [loading, setLoading] = React.useState(true);
-  const [blueprints, setBlueprints] = React.useState<any[]>([]);
-  const [error, setError] = React.useState<Error | null>(null);
-  const [currentPage, setCurrentPage] = React.useState(0);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
   const [showDetails, setShowDetails] = React.useState(false);
+  const [selectedBlueprint, setSelectedBlueprint] = React.useState<
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    any | null
+  >(null);
   const [selectedOperation, setSelectedOperation] = React.useState(0);
-  const [executingOperation, setExecutingOperation] = React.useState<OperationType>(null);
-  const [operationInput, setOperationInput] = React.useState('');
-  const [operationResult, setOperationResult] = React.useState<string | null>(null);
-  const [operationError, setOperationError] = React.useState<Error | null>(null);
+  const [executingOperation, setExecutingOperation] =
+    React.useState<OperationType>(null);
+  const [operationInput, setOperationInput] = React.useState("");
+  const [operationResult, setOperationResult] = React.useState<string | null>(
+    null,
+  );
+  const [operationError, setOperationError] = React.useState<Error | null>(
+    null,
+  );
+  const [loading, setLoading] = React.useState(false);
 
   // Calculate responsive column widths
   const terminalWidth = stdout?.columns || 120;
   const showDescription = terminalWidth >= 120;
-  const showFullId = terminalWidth >= 80;
 
+  const statusIconWidth = 2;
+  const statusTextWidth = 10;
   const idWidth = 25;
   const nameWidth = terminalWidth >= 120 ? 30 : 25;
   const descriptionWidth = 40;
@@ -69,48 +61,22 @@ const ListBlueprintsUI: React.FC = () => {
 
   const allOperations: Operation[] = [
     {
-      key: 'create_devbox',
-      label: 'Create Devbox from Blueprint',
-      color: 'green',
+      key: "create_devbox",
+      label: "Create Devbox from Blueprint",
+      color: colors.success,
       icon: figures.play,
       needsInput: true,
-      inputPrompt: 'Devbox name (optional):',
-      inputPlaceholder: 'my-devbox',
+      inputPrompt: "Devbox name (optional):",
+      inputPlaceholder: "my-devbox",
     },
     {
-      key: 'delete',
-      label: 'Delete Blueprint',
-      color: 'red',
+      key: "delete",
+      label: "Delete Blueprint",
+      color: colors.error,
       icon: figures.cross,
     },
   ];
 
-  React.useEffect(() => {
-    const list = async () => {
-      try {
-        const client = getClient();
-        const allBlueprints: any[] = [];
-
-        let count = 0;
-        for await (const blueprint of client.blueprints.list()) {
-          allBlueprints.push(blueprint);
-          count++;
-          if (count >= MAX_FETCH) {
-            break;
-          }
-        }
-
-        setBlueprints(allBlueprints);
-      } catch (err) {
-        setError(err as Error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    list();
-  }, []);
-
   // Clear console when transitioning to detail view
   const prevShowDetailsRef = React.useRef(showDetails);
   React.useEffect(() => {
@@ -122,19 +88,21 @@ const ListBlueprintsUI: React.FC = () => {
 
   // Auto-execute operations that don't need input
   React.useEffect(() => {
-    if (executingOperation === 'delete' && !loading && selectedBlueprint) {
+    if (executingOperation === "delete" && !loading && selectedBlueprint) {
       executeOperation();
     }
-  }, [executingOperation]);
+  }, [executingOperation, loading, selectedBlueprint]);
 
   const executeOperation = async () => {
     const client = getClient();
     const blueprint = selectedBlueprint;
 
+    if (!blueprint) return;
+
     try {
       setLoading(true);
       switch (executingOperation) {
-        case 'create_devbox':
+        case "create_devbox":
           const devbox = await client.devboxes.create({
             blueprint_id: blueprint.id,
             name: operationInput || undefined,
@@ -142,13 +110,13 @@ const ListBlueprintsUI: React.FC = () => {
           setOperationResult(
             `Devbox created successfully!\n\n` +
               `ID: ${devbox.id}\n` +
-              `Name: ${devbox.name || '(none)'}\n` +
+              `Name: ${devbox.name || "(none)"}\n` +
               `Status: ${devbox.status}\n\n` +
-              `Use 'rln devbox list' to view all devboxes.`
+              `Use 'rln devbox list' to view all devboxes.`,
           );
           break;
 
-        case 'delete':
+        case "delete":
           await client.blueprints.delete(blueprint.id);
           setOperationResult(`Blueprint ${blueprint.id} deleted successfully`);
           break;
@@ -161,18 +129,18 @@ const ListBlueprintsUI: React.FC = () => {
   };
 
   useInput((input, key) => {
-    const pageBlueprints = currentBlueprints.length;
-
     // Handle operation input mode
     if (executingOperation && !operationResult && !operationError) {
-      const currentOp = allOperations.find((op) => op.key === executingOperation);
+      const currentOp = allOperations.find(
+        (op) => op.key === executingOperation,
+      );
       if (currentOp?.needsInput) {
         if (key.return) {
           executeOperation();
-        } else if (input === 'q' || key.escape) {
+        } else if (input === "q" || key.escape) {
           console.clear();
           setExecutingOperation(null);
-          setOperationInput('');
+          setOperationInput("");
         }
       }
       return;
@@ -180,33 +148,33 @@ const ListBlueprintsUI: React.FC = () => {
 
     // Handle operation result display
     if (operationResult || operationError) {
-      if (input === 'q' || key.escape || key.return) {
+      if (input === "q" || key.escape || key.return) {
         console.clear();
         setOperationResult(null);
         setOperationError(null);
         setExecutingOperation(null);
-        setOperationInput('');
+        setOperationInput("");
       }
       return;
     }
 
     // Handle details view
     if (showDetails) {
-      if (input === 'q' || key.escape) {
+      if (input === "q" || key.escape) {
         console.clear();
         setShowDetails(false);
         setSelectedOperation(0);
-      } else if (input === 'o' && selectedBlueprint) {
+      } else if (input === "o" && selectedBlueprint) {
         // Open in browser
-        const url = `https://platform.runloop.ai/blueprints/${selectedBlueprint.id}`;
+        const url = getBlueprintUrl(selectedBlueprint.id);
         const openBrowser = async () => {
-          const { exec } = await import('child_process');
+          const { exec } = await import("child_process");
           const platform = process.platform;
 
           let openCommand: string;
-          if (platform === 'darwin') {
+          if (platform === "darwin") {
             openCommand = `open "${url}"`;
-          } else if (platform === 'win32') {
+          } else if (platform === "win32") {
             openCommand = `start "${url}"`;
           } else {
             openCommand = `xdg-open "${url}"`;
@@ -226,91 +194,47 @@ const ListBlueprintsUI: React.FC = () => {
       }
       return;
     }
-
-    // Handle list view
-    if (key.upArrow && selectedIndex > 0) {
-      setSelectedIndex(selectedIndex - 1);
-    } else if (key.downArrow && selectedIndex < pageBlueprints - 1) {
-      setSelectedIndex(selectedIndex + 1);
-    } else if ((input === 'n' || key.rightArrow) && currentPage < totalPages - 1) {
-      setCurrentPage(currentPage + 1);
-      setSelectedIndex(0);
-    } else if ((input === 'p' || key.leftArrow) && currentPage > 0) {
-      setCurrentPage(currentPage - 1);
-      setSelectedIndex(0);
-    } else if (key.return) {
-      console.clear();
-      setShowDetails(true);
-    } else if (input === 'o' && selectedBlueprint) {
-      // Open in browser
-      const url = `https://platform.runloop.ai/blueprints/${selectedBlueprint.id}`;
-      const openBrowser = async () => {
-        const { exec } = await import('child_process');
-        const platform = process.platform;
-
-        let openCommand: string;
-        if (platform === 'darwin') {
-          openCommand = `open "${url}"`;
-        } else if (platform === 'win32') {
-          openCommand = `start "${url}"`;
-        } else {
-          openCommand = `xdg-open "${url}"`;
-        }
-
-        exec(openCommand);
-      };
-      openBrowser();
-    } else if (input === 'q') {
-      process.exit(0);
-    }
   });
 
-  const totalPages = Math.ceil(blueprints.length / PAGE_SIZE);
-  const startIndex = currentPage * PAGE_SIZE;
-  const endIndex = Math.min(startIndex + PAGE_SIZE, blueprints.length);
-  const currentBlueprints = blueprints.slice(startIndex, endIndex);
-  const selectedBlueprint = currentBlueprints[selectedIndex];
-
-  const buildComplete = blueprints.filter((b) => b.status === 'build_complete').length;
-  const building = blueprints.filter((b) => ['provisioning', 'building'].includes(b.status)).length;
-  const failed = blueprints.filter((b) => b.status === 'build_failed').length;
-
   // Filter operations based on blueprint status
-  const operations =
-    selectedBlueprint
-      ? allOperations.filter((op) => {
-          const status = selectedBlueprint.status;
-
-          // Only allow creating devbox if build is complete
-          if (op.key === 'create_devbox') {
-            return status === 'build_complete';
-          }
+  const operations = selectedBlueprint
+    ? allOperations.filter((op) => {
+        const status = selectedBlueprint.status;
 
-          // Allow delete for any status
-          return true;
-        })
-      : allOperations;
+        // Only allow creating devbox if build is complete
+        if (op.key === "create_devbox") {
+          return status === "build_complete";
+        }
+
+        // Allow delete for any status
+        return true;
+      })
+    : allOperations;
 
   // Operation result display
   if (operationResult || operationError) {
     const operationLabel =
-      operations.find((o) => o.key === executingOperation)?.label || 'Operation';
+      operations.find((o) => o.key === executingOperation)?.label ||
+      "Operation";
     return (
       <>
         <Breadcrumb
           items={[
-            { label: 'Blueprints' },
+            { label: "Blueprints" },
             {
-              label: selectedBlueprint?.name || selectedBlueprint?.id || 'Blueprint',
+              label:
+                selectedBlueprint?.name || selectedBlueprint?.id || "Blueprint",
             },
             { label: operationLabel, active: true },
           ]}
         />
         <Header title="Operation Result" />
         {operationResult && <SuccessMessage message={operationResult} />}
-        {operationError && <ErrorMessage message="Operation failed" error={operationError} />}
+        {operationError && (
+          <ErrorMessage message="Operation failed" error={operationError} />
+        )}
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             Press [Enter], [q], or [esc] to continue
           </Text>
         </Box>
@@ -322,14 +246,14 @@ const ListBlueprintsUI: React.FC = () => {
   if (executingOperation && selectedBlueprint) {
     const currentOp = allOperations.find((op) => op.key === executingOperation);
     const needsInput = currentOp?.needsInput;
-    const operationLabel = currentOp?.label || 'Operation';
+    const operationLabel = currentOp?.label || "Operation";
 
     if (loading) {
       return (
         <>
           <Breadcrumb
             items={[
-              { label: 'Blueprints' },
+              { label: "Blueprints" },
               { label: selectedBlueprint.name || selectedBlueprint.id },
               { label: operationLabel, active: true },
             ]}
@@ -342,19 +266,21 @@ const ListBlueprintsUI: React.FC = () => {
 
     if (!needsInput) {
       const messages: Record<string, string> = {
-        delete: 'Deleting blueprint...',
+        delete: "Deleting blueprint...",
       };
       return (
         <>
           <Breadcrumb
             items={[
-              { label: 'Blueprints' },
+              { label: "Blueprints" },
               { label: selectedBlueprint.name || selectedBlueprint.id },
               { label: operationLabel, active: true },
             ]}
           />
           <Header title="Executing Operation" />
-          <SpinnerComponent message={messages[executingOperation as string] || 'Please wait...'} />
+          <SpinnerComponent
+            message={messages[executingOperation as string] || "Please wait..."}
+          />
         </>
       );
     }
@@ -363,7 +289,7 @@ const ListBlueprintsUI: React.FC = () => {
       <>
         <Breadcrumb
           items={[
-            { label: 'Blueprints' },
+            { label: "Blueprints" },
             { label: selectedBlueprint.name || selectedBlueprint.id },
             { label: operationLabel, active: true },
           ]}
@@ -371,22 +297,22 @@ const ListBlueprintsUI: React.FC = () => {
         <Header title={operationLabel} />
         <Box flexDirection="column" marginBottom={1}>
           <Box marginBottom={1}>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {selectedBlueprint.name || selectedBlueprint.id}
             </Text>
           </Box>
           <Box>
-            <Text color="gray">{currentOp.inputPrompt} </Text>
+            <Text color={colors.textDim}>{currentOp.inputPrompt} </Text>
           </Box>
           <Box marginTop={1}>
             <TextInput
               value={operationInput}
               onChange={setOperationInput}
-              placeholder={currentOp.inputPlaceholder || ''}
+              placeholder={currentOp.inputPlaceholder || ""}
             />
           </Box>
           <Box marginTop={1}>
-            <Text color="gray" dimColor>
+            <Text color={colors.textDim} dimColor>
               Press [Enter] to execute • [q or esc] Cancel
             </Text>
           </Box>
@@ -403,7 +329,7 @@ const ListBlueprintsUI: React.FC = () => {
       <>
         <Breadcrumb
           items={[
-            { label: 'Blueprints' },
+            { label: "Blueprints" },
             {
               label: selectedBlueprint.name || selectedBlueprint.id,
               active: true,
@@ -416,39 +342,39 @@ const ListBlueprintsUI: React.FC = () => {
         <Box
           flexDirection="column"
           borderStyle="round"
-          borderColor="cyan"
+          borderColor={colors.primary}
           paddingX={1}
           paddingY={0}
         >
           <Box>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {selectedBlueprint.name || selectedBlueprint.id}
             </Text>
             <Text> </Text>
             <StatusBadge status={selectedBlueprint.status} />
-            <Text color="gray" dimColor>
-              {' '}
+            <Text color={colors.textDim} dimColor>
+              {" "}
               • {selectedBlueprint.id}
             </Text>
           </Box>
           <Box>
-            <Text color="gray" dimColor>
+            <Text color={colors.textDim} dimColor>
               {selectedBlueprint.create_time_ms
                 ? new Date(selectedBlueprint.create_time_ms).toLocaleString()
-                : ''}
+                : ""}
             </Text>
-            <Text color="gray" dimColor>
-              {' '}
+            <Text color={colors.textDim} dimColor>
+              {" "}
               (
               {selectedBlueprint.create_time_ms
                 ? formatTimeAgo(selectedBlueprint.create_time_ms)
-                : ''}
+                : ""}
               )
             </Text>
           </Box>
           {ds?.description && (
             <Box>
-              <Text color="gray" dimColor>
+              <Text color={colors.textDim} dimColor>
                 {ds.description}
               </Text>
             </Box>
@@ -460,46 +386,56 @@ const ListBlueprintsUI: React.FC = () => {
           <Box
             flexDirection="column"
             borderStyle="round"
-            borderColor="yellow"
+            borderColor={colors.warning}
             paddingX={1}
             paddingY={0}
           >
-            <Text color="yellow" bold>
+            <Text color={colors.warning} bold>
               {figures.squareSmallFilled} Dockerfile Setup
             </Text>
-            {ds.base_image && (
-              <Text dimColor>Base Image: {ds.base_image}</Text>
-            )}
-            {ds.entrypoint && (
-              <Text dimColor>Entrypoint: {ds.entrypoint}</Text>
-            )}
+            {ds.base_image && <Text dimColor>Base Image: {ds.base_image}</Text>}
+            {ds.entrypoint && <Text dimColor>Entrypoint: {ds.entrypoint}</Text>}
             {ds.system_packages && ds.system_packages.length > 0 && (
               <Text dimColor>
-                System Packages: {ds.system_packages.join(', ')}
+                System Packages: {ds.system_packages.join(", ")}
               </Text>
             )}
             {ds.python_packages && ds.python_packages.length > 0 && (
               <Text dimColor>
-                Python Packages: {ds.python_packages.join(', ')}
+                Python Packages: {ds.python_packages.join(", ")}
               </Text>
             )}
           </Box>
         )}
 
         {/* Metadata */}
-        {selectedBlueprint.metadata && Object.keys(selectedBlueprint.metadata).length > 0 && (
-          <Box borderStyle="round" borderColor="green" paddingX={1} paddingY={0}>
-            <MetadataDisplay metadata={selectedBlueprint.metadata} showBorder={false} />
-          </Box>
-        )}
+        {selectedBlueprint.metadata &&
+          Object.keys(selectedBlueprint.metadata).length > 0 && (
+            <Box
+              borderStyle="round"
+              borderColor={colors.success}
+              paddingX={1}
+              paddingY={0}
+            >
+              <MetadataDisplay
+                metadata={selectedBlueprint.metadata}
+                showBorder={false}
+              />
+            </Box>
+          )}
 
         {/* Failure reason */}
         {selectedBlueprint.build_error && (
-          <Box borderStyle="round" borderColor="red" paddingX={1} paddingY={0}>
-            <Text color="red" bold>
-              {figures.cross}{' '}
+          <Box
+            borderStyle="round"
+            borderColor={colors.error}
+            paddingX={1}
+            paddingY={0}
+          >
+            <Text color={colors.error} bold>
+              {figures.cross}{" "}
             </Text>
-            <Text color="red" dimColor>
+            <Text color={colors.error} dimColor>
               {selectedBlueprint.build_error}
             </Text>
           </Box>
@@ -510,9 +446,12 @@ const ListBlueprintsUI: React.FC = () => {
           operations={operations}
           selectedIndex={selectedOperation}
           onNavigate={(direction) => {
-            if (direction === 'up' && selectedOperation > 0) {
+            if (direction === "up" && selectedOperation > 0) {
               setSelectedOperation(selectedOperation - 1);
-            } else if (direction === 'down' && selectedOperation < operations.length - 1) {
+            } else if (
+              direction === "down" &&
+              selectedOperation < operations.length - 1
+            ) {
               setSelectedOperation(selectedOperation + 1);
             }
           }}
@@ -525,128 +464,168 @@ const ListBlueprintsUI: React.FC = () => {
             setShowDetails(false);
             setSelectedOperation(0);
           }}
-          additionalActions={[{ key: 'o', label: 'Browser', handler: () => {} }]}
+          additionalActions={[
+            { key: "o", label: "Browser", handler: () => {} },
+          ]}
         />
       </>
     );
   }
 
-  // List view
+  // List view using ResourceListView
   return (
-    <>
-      {/* //<Banner /> */}
-      <Breadcrumb items={[{ label: 'Blueprints', active: true }]} />
-      {/* <Header title="Blueprints" /> */}
-      {loading && <SpinnerComponent message="Loading blueprints..." />}
-      {!loading && !error && blueprints.length === 0 && (
-        <Box>
-          <Text color="yellow">{figures.info}</Text>
-          <Text> No blueprints found. Try: </Text>
-          <Text color="cyan" bold>
-            rln blueprint create
-          </Text>
-        </Box>
-      )}
-      {!loading && !error && blueprints.length > 0 && (
-        <>
-          <Box marginBottom={1}>
-            <Text color="green">
-              {figures.tick} {buildComplete}
-            </Text>
-            <Text> </Text>
-            <Text color="yellow">
-              {figures.ellipsis} {building}
-            </Text>
-            <Text> </Text>
-            <Text color="red">
-              {figures.cross} {failed}
-            </Text>
-            <Text> </Text>
-            <Text color="cyan">
-              {figures.hamburger} {blueprints.length}
-              {blueprints.length >= MAX_FETCH && '+'}
-            </Text>
-            {totalPages > 1 && (
-              <>
-                <Text color="gray"> • </Text>
-                <Text color="gray" dimColor>
-                  Page {currentPage + 1}/{totalPages}
+    <ResourceListView
+      config={{
+        resourceName: "Blueprint",
+        resourceNamePlural: "Blueprints",
+        fetchResources: async () => {
+          const client = getClient();
+          const allBlueprints: any[] = [];
+          let count = 0;
+          for await (const blueprint of client.blueprints.list()) {
+            allBlueprints.push(blueprint);
+            count++;
+            if (count >= MAX_FETCH) break;
+          }
+          return allBlueprints;
+        },
+        columns: [
+          {
+            key: "statusIcon",
+            label: "",
+            width: statusIconWidth,
+            render: (blueprint: any, index: number, isSelected: boolean) => {
+              const statusDisplay = getStatusDisplay(blueprint.status);
+              return (
+                <Text
+                  color={isSelected ? "white" : statusDisplay.color}
+                  bold={true}
+                  inverse={isSelected}
+                  wrap="truncate"
+                >
+                  {statusDisplay.icon}{" "}
                 </Text>
-              </>
-            )}
-          </Box>
-
-          <Table
-            data={currentBlueprints}
-            keyExtractor={(blueprint: any) => blueprint.id}
-            selectedIndex={selectedIndex}
-            columns={[
-              createComponentColumn(
-                'status',
-                'Status',
-                (blueprint: any) => <StatusBadge status={blueprint.status} showText={false} />,
-                { width: 2 }
-              ),
-              createTextColumn(
-                'id',
-                'ID',
-                (blueprint: any) => (showFullId ? blueprint.id : blueprint.id.slice(0, 13)),
-                {
-                  width: showFullId ? idWidth : 15,
-                  color: 'gray',
-                  dimColor: true,
-                  bold: false,
-                }
-              ),
-              createTextColumn(
-                'name',
-                'Name',
-                (blueprint: any) => blueprint.name || '(unnamed)',
-                { width: nameWidth }
-              ),
-              createTextColumn(
-                'description',
-                'Description',
-                (blueprint: any) => blueprint.dockerfile_setup?.description || '',
-                {
-                  width: descriptionWidth,
-                  color: 'gray',
-                  dimColor: true,
-                  bold: false,
-                  visible: showDescription,
+              );
+            },
+          },
+          {
+            key: "id",
+            label: "ID",
+            width: idWidth + 1,
+            render: (blueprint: any, index: number, isSelected: boolean) => {
+              const value = blueprint.id;
+              const width = idWidth + 1;
+              const truncated = value.slice(0, width - 1);
+              const padded = truncated.padEnd(width, " ");
+              return (
+                <Text
+                  color={isSelected ? "white" : colors.textDim}
+                  bold={false}
+                  dimColor={!isSelected}
+                  inverse={isSelected}
+                  wrap="truncate"
+                >
+                  {padded}
+                </Text>
+              );
+            },
+          },
+          {
+            key: "statusText",
+            label: "Status",
+            width: statusTextWidth,
+            render: (blueprint: any, index: number, isSelected: boolean) => {
+              const statusDisplay = getStatusDisplay(blueprint.status);
+              const truncated = statusDisplay.text.slice(0, statusTextWidth);
+              const padded = truncated.padEnd(statusTextWidth, " ");
+              return (
+                <Text
+                  color={isSelected ? "white" : statusDisplay.color}
+                  bold={true}
+                  inverse={isSelected}
+                  wrap="truncate"
+                >
+                  {padded}
+                </Text>
+              );
+            },
+          },
+          createTextColumn(
+            "name",
+            "Name",
+            (blueprint: any) => blueprint.name || "(unnamed)",
+            {
+              width: nameWidth,
+            },
+          ),
+          createTextColumn(
+            "description",
+            "Description",
+            (blueprint: any) => blueprint.dockerfile_setup?.description || "",
+            {
+              width: descriptionWidth,
+              color: colors.textDim,
+              dimColor: true,
+              bold: false,
+              visible: showDescription,
+            },
+          ),
+          createTextColumn(
+            "created",
+            "Created",
+            (blueprint: any) =>
+              blueprint.create_time_ms
+                ? formatTimeAgo(blueprint.create_time_ms)
+                : "",
+            {
+              width: timeWidth,
+              color: colors.textDim,
+              dimColor: true,
+              bold: false,
+            },
+          ),
+        ],
+        keyExtractor: (blueprint: any) => blueprint.id,
+        getStatus: (blueprint: any) => blueprint.status,
+        statusConfig: {
+          success: ["build_complete"],
+          warning: ["provisioning", "building"],
+          error: ["build_failed"],
+        },
+        emptyState: {
+          message: "No blueprints found. Try:",
+          command: "rln blueprint create",
+        },
+        pageSize: PAGE_SIZE,
+        maxFetch: MAX_FETCH,
+        onBack: onBack,
+        onExit: onExit,
+        additionalShortcuts: [
+          {
+            key: "o",
+            label: "Browser",
+            handler: (blueprint: any) => {
+              const url = getBlueprintUrl(blueprint.id);
+              const openBrowser = async () => {
+                const { exec } = await import("child_process");
+                const platform = process.platform;
+                let openCommand: string;
+                if (platform === "darwin") {
+                  openCommand = `open "${url}"`;
+                } else if (platform === "win32") {
+                  openCommand = `start "${url}"`;
+                } else {
+                  openCommand = `xdg-open "${url}"`;
                 }
-              ),
-              createTextColumn(
-                'created',
-                'Created',
-                (blueprint: any) =>
-                  blueprint.create_time_ms ? formatTimeAgo(blueprint.create_time_ms) : '',
-                { width: timeWidth, color: 'gray', dimColor: true, bold: false }
-              ),
-            ]}
-          />
-
-          <Box marginTop={1}>
-            <Text color="gray" dimColor>
-              {figures.arrowUp}
-              {figures.arrowDown} Navigate • [Enter] Operations • [o] Open in Browser •
-            </Text>
-            {totalPages > 1 && (
-              <Text color="gray" dimColor>
-                {' '}
-                {figures.arrowLeft}
-                {figures.arrowRight} Page •
-              </Text>
-            )}
-            <Text color="gray" dimColor>
-              {' '}
-              [q] Quit
-            </Text>
-          </Box>
-        </>
-      )}
-      {error && <ErrorMessage message="Failed to list blueprints" error={error} />}
-    </>
+                exec(openCommand);
+              };
+              openBrowser();
+            },
+          },
+        ],
+        breadcrumbItems: [{ label: "Blueprints", active: true }],
+      }}
+    />
   );
 };
 
@@ -654,6 +633,9 @@ interface ListBlueprintsOptions {
   output?: string;
 }
 
+// Export the UI component for use in the main menu
+export { ListBlueprintsUI };
+
 export async function listBlueprints(options: ListBlueprintsOptions = {}) {
   const executor = createExecutor(options);
 
@@ -665,6 +647,6 @@ export async function listBlueprints(options: ListBlueprintsOptions = {}) {
       });
     },
     () => <ListBlueprintsUI />,
-    PAGE_SIZE
+    PAGE_SIZE,
   );
 }
diff --git a/src/commands/devbox/create.tsx b/src/commands/devbox/create.tsx
index 2722c805..0dda5109 100644
--- a/src/commands/devbox/create.tsx
+++ b/src/commands/devbox/create.tsx
@@ -1,12 +1,13 @@
-import React from 'react';
-import { render, Box, Text } from 'ink';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { Banner } from '../../components/Banner.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
+import React from "react";
+import { render, Box, Text } from "ink";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { Banner } from "../../components/Banner.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { colors } from "../../utils/theme.js";
 
 interface CreateOptions {
   name?: string;
@@ -52,12 +53,14 @@ const CreateDevboxUI: React.FC<{
             details={`ID: ${result.id}\nStatus: ${result.status}`}
           />
           <Box marginTop={1}>
-            <Text color="gray">Try: </Text>
-            <Text color="cyan">rln devbox exec {result.id} ls</Text>
+            <Text color={colors.textDim}>Try: </Text>
+            <Text color={colors.primary}>rln devbox exec {result.id} ls</Text>
           </Box>
         </>
       )}
-      {error && <ErrorMessage message="Failed to create devbox" error={error} />}
+      {error && (
+        <ErrorMessage message="Failed to create devbox" error={error} />
+      )}
     </>
   );
 };
@@ -73,6 +76,6 @@ export async function createDevbox(options: CreateOptions) {
         ...(options.template && { template: options.template }),
       });
     },
-    () => <CreateDevboxUI name={options.name} template={options.template} />
+    () => <CreateDevboxUI name={options.name} template={options.template} />,
   );
 }
diff --git a/src/commands/devbox/delete.tsx b/src/commands/devbox/delete.tsx
index d6cba5d2..62614088 100644
--- a/src/commands/devbox/delete.tsx
+++ b/src/commands/devbox/delete.tsx
@@ -1,12 +1,12 @@
-import React from 'react';
-import { render } from 'ink';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
-import { OutputOptions } from '../../utils/output.js';
+import React from "react";
+import { render } from "ink";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { OutputOptions } from "../../utils/output.js";
 
 const DeleteDevboxUI: React.FC<{ id: string }> = ({ id }) => {
   const [loading, setLoading] = React.useState(true);
@@ -31,7 +31,10 @@ const DeleteDevboxUI: React.FC<{ id: string }> = ({ id }) => {
 
   return (
     <>
-      <Header title="Shutdown Devbox" subtitle={`Shutting down devbox: ${id}`} />
+      <Header
+        title="Shutdown Devbox"
+        subtitle={`Shutting down devbox: ${id}`}
+      />
       {loading && <SpinnerComponent message="Shutting down devbox..." />}
       {success && (
         <SuccessMessage
@@ -39,7 +42,9 @@ const DeleteDevboxUI: React.FC<{ id: string }> = ({ id }) => {
           details={`ID: ${id}`}
         />
       )}
-      {error && <ErrorMessage message="Failed to shutdown devbox" error={error} />}
+      {error && (
+        <ErrorMessage message="Failed to shutdown devbox" error={error} />
+      )}
     </>
   );
 };
@@ -53,6 +58,6 @@ export async function deleteDevbox(id: string, options: OutputOptions = {}) {
       await client.devboxes.shutdown(id);
     },
     id,
-    () => <DeleteDevboxUI id={id} />
+    () => <DeleteDevboxUI id={id} />,
   );
 }
diff --git a/src/commands/devbox/exec.tsx b/src/commands/devbox/exec.tsx
index b142e5af..d46f7975 100644
--- a/src/commands/devbox/exec.tsx
+++ b/src/commands/devbox/exec.tsx
@@ -1,16 +1,17 @@
-import React from 'react';
-import { render, Box, Text } from 'ink';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
+import React from "react";
+import { render, Box, Text } from "ink";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { colors } from "../../utils/theme.js";
 
 const ExecCommandUI: React.FC<{ id: string; command: string[] }> = ({
   id,
   command,
 }) => {
   const [loading, setLoading] = React.useState(true);
-  const [output, setOutput] = React.useState<string>('');
+  const [output, setOutput] = React.useState<string>("");
   const [error, setError] = React.useState<Error | null>(null);
 
   React.useEffect(() => {
@@ -18,9 +19,11 @@ const ExecCommandUI: React.FC<{ id: string; command: string[] }> = ({
       try {
         const client = getClient();
         const result = await client.devboxes.executeSync(id, {
-          command: command.join(' '),
+          command: command.join(" "),
         });
-        setOutput(result.stdout || result.stderr || 'Command executed successfully');
+        setOutput(
+          result.stdout || result.stderr || "Command executed successfully",
+        );
       } catch (err) {
         setError(err as Error);
       } finally {
@@ -33,19 +36,18 @@ const ExecCommandUI: React.FC<{ id: string; command: string[] }> = ({
 
   return (
     <>
-      <Header
-        title="Execute Command"
-        subtitle={`Running in devbox: ${id}`}
-      />
+      <Header title="Execute Command" subtitle={`Running in devbox: ${id}`} />
       {loading && <SpinnerComponent message="Executing command..." />}
       {!loading && !error && (
         <Box flexDirection="column" marginTop={1}>
-          <Box borderStyle="round" borderColor="green" padding={1}>
+          <Box borderStyle="round" borderColor={colors.success} padding={1}>
             <Text>{output}</Text>
           </Box>
         </Box>
       )}
-      {error && <ErrorMessage message="Failed to execute command" error={error} />}
+      {error && (
+        <ErrorMessage message="Failed to execute command" error={error} />
+      )}
     </>
   );
 };
diff --git a/src/commands/devbox/list.tsx b/src/commands/devbox/list.tsx
index 74cc5654..a98d1cea 100644
--- a/src/commands/devbox/list.tsx
+++ b/src/commands/devbox/list.tsx
@@ -1,44 +1,25 @@
-import React from 'react';
-import { render, Box, Text, useInput, useApp, useStdout } from 'ink';
-import TextInput from 'ink-text-input';
-import figures from 'figures';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { Banner } from '../../components/Banner.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { StatusBadge, getStatusDisplay } from '../../components/StatusBadge.js';
-import { MetadataDisplay } from '../../components/MetadataDisplay.js';
-import { Breadcrumb } from '../../components/Breadcrumb.js';
-import { Table, createTextColumn, createComponentColumn } from '../../components/Table.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
-import { DevboxDetailPage } from '../../components/DevboxDetailPage.js';
-import { DevboxCreatePage } from '../../components/DevboxCreatePage.js';
-import { DevboxActionsMenu } from '../../components/DevboxActionsMenu.js';
-import { ActionsPopup } from '../../components/ActionsPopup.js';
-
-// Format time ago in a succinct way
-const formatTimeAgo = (timestamp: number): string => {
-  const seconds = Math.floor((Date.now() - timestamp) / 1000);
-
-  if (seconds < 60) return `${seconds}s ago`;
-
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-
-  const days = Math.floor(hours / 24);
-  if (days < 30) return `${days}d ago`;
-
-  const months = Math.floor(days / 30);
-  if (months < 12) return `${months}mo ago`;
-
-  const years = Math.floor(months / 12);
-  return `${years}y ago`;
-};
+import React from "react";
+import { Box, Text, useInput, useApp, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { getClient } from "../../utils/client.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { getStatusDisplay } from "../../components/StatusBadge.js";
+import { Breadcrumb } from "../../components/Breadcrumb.js";
+import { Table, createTextColumn } from "../../components/Table.js";
+import { formatTimeAgo } from "../../components/ResourceListView.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { DevboxDetailPage } from "../../components/DevboxDetailPage.js";
+import { DevboxCreatePage } from "../../components/DevboxCreatePage.js";
+import { DevboxActionsMenu } from "../../components/DevboxActionsMenu.js";
+import { ActionsPopup } from "../../components/ActionsPopup.js";
+import { getDevboxUrl } from "../../utils/url.js";
+import {
+  runSSHSession,
+  type SSHSessionConfig,
+} from "../../utils/sshSession.js";
+import { colors } from "../../utils/theme.js";
 
 interface ListOptions {
   status?: string;
@@ -47,10 +28,16 @@ interface ListOptions {
 
 const DEFAULT_PAGE_SIZE = 10;
 
-const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
-  const { exit } = useApp();
+const ListDevboxesUI: React.FC<{
+  status?: string;
+  onSSHRequest?: (config: SSHSessionConfig) => void;
+  focusDevboxId?: string;
+  onBack?: () => void;
+  onExit?: () => void;
+}> = ({ status, onSSHRequest, focusDevboxId, onBack, onExit }) => {
+  const { exit: inkExit } = useApp();
   const { stdout } = useStdout();
-  const [loading, setLoading] = React.useState(true);
+  const [initialLoading, setInitialLoading] = React.useState(true);
   const [devboxes, setDevboxes] = React.useState<any[]>([]);
   const [error, setError] = React.useState<Error | null>(null);
   const [currentPage, setCurrentPage] = React.useState(0);
@@ -62,8 +49,9 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
   const [selectedOperation, setSelectedOperation] = React.useState(0);
   const [refreshing, setRefreshing] = React.useState(false);
   const [refreshIcon, setRefreshIcon] = React.useState(0);
+  const isNavigating = React.useRef(false);
   const [searchMode, setSearchMode] = React.useState(false);
-  const [searchQuery, setSearchQuery] = React.useState('');
+  const [searchQuery, setSearchQuery] = React.useState("");
   const [totalCount, setTotalCount] = React.useState(0);
   const [hasMore, setHasMore] = React.useState(false);
   const pageCache = React.useRef<Map<number, any[]>>(new Map());
@@ -94,41 +82,150 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
   // Name width is flexible and uses remaining space
   let nameWidth = 15;
   if (terminalWidth >= 120) {
-    const remainingWidth = terminalWidth - fixedWidth - statusIconWidth - idWidth - statusTextWidth - timeWidth - capabilitiesWidth - tagWidth - 12;
+    const remainingWidth =
+      terminalWidth -
+      fixedWidth -
+      statusIconWidth -
+      idWidth -
+      statusTextWidth -
+      timeWidth -
+      capabilitiesWidth -
+      tagWidth -
+      12;
     nameWidth = Math.max(15, remainingWidth);
   } else if (terminalWidth >= 110) {
-    const remainingWidth = terminalWidth - fixedWidth - statusIconWidth - idWidth - statusTextWidth - timeWidth - tagWidth - 10;
+    const remainingWidth =
+      terminalWidth -
+      fixedWidth -
+      statusIconWidth -
+      idWidth -
+      statusTextWidth -
+      timeWidth -
+      tagWidth -
+      10;
     nameWidth = Math.max(12, remainingWidth);
   } else {
-    const remainingWidth = terminalWidth - fixedWidth - statusIconWidth - idWidth - statusTextWidth - timeWidth - 10;
+    const remainingWidth =
+      terminalWidth -
+      fixedWidth -
+      statusIconWidth -
+      idWidth -
+      statusTextWidth -
+      timeWidth -
+      10;
     nameWidth = Math.max(8, remainingWidth);
   }
 
   // Define allOperations
   const allOperations = [
-    { key: 'logs', label: 'View Logs', color: 'blue', icon: figures.info, shortcut: 'l' },
-    { key: 'exec', label: 'Execute Command', color: 'green', icon: figures.play, shortcut: 'e' },
-    { key: 'upload', label: 'Upload File', color: 'green', icon: figures.arrowUp, shortcut: 'u' },
-    { key: 'snapshot', label: 'Create Snapshot', color: 'yellow', icon: figures.circleFilled, shortcut: 'n' },
-    { key: 'ssh', label: 'SSH onto the box', color: 'cyan', icon: figures.arrowRight, shortcut: 's' },
-    { key: 'tunnel', label: 'Open Tunnel', color: 'magenta', icon: figures.pointerSmall, shortcut: 't' },
-    { key: 'suspend', label: 'Suspend Devbox', color: 'yellow', icon: figures.squareSmallFilled, shortcut: 'p' },
-    { key: 'resume', label: 'Resume Devbox', color: 'green', icon: figures.play, shortcut: 'r' },
-    { key: 'delete', label: 'Shutdown Devbox', color: 'red', icon: figures.cross, shortcut: 'd' },
+    {
+      key: "logs",
+      label: "View Logs",
+      color: colors.info,
+      icon: figures.info,
+      shortcut: "l",
+    },
+    {
+      key: "exec",
+      label: "Execute Command",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "e",
+    },
+    {
+      key: "upload",
+      label: "Upload File",
+      color: colors.success,
+      icon: figures.arrowUp,
+      shortcut: "u",
+    },
+    {
+      key: "snapshot",
+      label: "Create Snapshot",
+      color: colors.warning,
+      icon: figures.circleFilled,
+      shortcut: "n",
+    },
+    {
+      key: "ssh",
+      label: "SSH onto the box",
+      color: colors.primary,
+      icon: figures.arrowRight,
+      shortcut: "s",
+    },
+    {
+      key: "tunnel",
+      label: "Open Tunnel",
+      color: colors.secondary,
+      icon: figures.pointerSmall,
+      shortcut: "t",
+    },
+    {
+      key: "suspend",
+      label: "Suspend Devbox",
+      color: colors.warning,
+      icon: figures.squareSmallFilled,
+      shortcut: "p",
+    },
+    {
+      key: "resume",
+      label: "Resume Devbox",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "r",
+    },
+    {
+      key: "delete",
+      label: "Shutdown Devbox",
+      color: colors.error,
+      icon: figures.cross,
+      shortcut: "d",
+    },
   ];
 
+  // Check if we need to focus on a specific devbox after returning from SSH
+  React.useEffect(() => {
+    if (focusDevboxId && devboxes.length > 0 && !initialLoading) {
+      // Find the devbox in the current page
+      const devboxIndex = devboxes.findIndex((d) => d.id === focusDevboxId);
+      if (devboxIndex !== -1) {
+        setSelectedIndex(devboxIndex);
+        setShowDetails(true);
+      }
+    }
+  }, [devboxes, initialLoading, focusDevboxId]);
+
+  // Clear cache when search query changes
+  React.useEffect(() => {
+    pageCache.current.clear();
+    lastIdCache.current.clear();
+    setCurrentPage(0);
+  }, [searchQuery]);
+
   React.useEffect(() => {
-    const list = async (isInitialLoad: boolean = false) => {
+    const list = async (
+      isInitialLoad: boolean = false,
+      isBackgroundRefresh: boolean = false,
+    ) => {
       try {
+        // Set navigating flag at the start (but not for background refresh)
+        if (!isBackgroundRefresh) {
+          isNavigating.current = true;
+        }
+
         // Only show refreshing indicator on initial load
         if (isInitialLoad) {
           setRefreshing(true);
         }
 
         // Check if we have cached data for this page
-        if (!isInitialLoad && pageCache.current.has(currentPage)) {
+        if (
+          !isInitialLoad &&
+          !isBackgroundRefresh &&
+          pageCache.current.has(currentPage)
+        ) {
           setDevboxes(pageCache.current.get(currentPage) || []);
-          setLoading(false);
+          isNavigating.current = false;
           return;
         }
 
@@ -136,7 +233,10 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
         const pageDevboxes: any[] = [];
 
         // Get starting_after cursor from previous page's last ID
-        const startingAfter = currentPage > 0 ? lastIdCache.current.get(currentPage - 1) : undefined;
+        const startingAfter =
+          currentPage > 0
+            ? lastIdCache.current.get(currentPage - 1)
+            : undefined;
 
         // Build query params
         const queryParams: any = {
@@ -146,7 +246,18 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
           queryParams.starting_after = startingAfter;
         }
         if (status) {
-          queryParams.status = status as 'provisioning' | 'initializing' | 'running' | 'suspending' | 'suspended' | 'resuming' | 'failure' | 'shutdown';
+          queryParams.status = status as
+            | "provisioning"
+            | "initializing"
+            | "running"
+            | "suspending"
+            | "suspended"
+            | "resuming"
+            | "failure"
+            | "shutdown";
+        }
+        if (searchQuery) {
+          queryParams.search = searchQuery;
         }
 
         // Fetch only the current page
@@ -174,39 +285,51 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
         // Cache the page data and last ID
         if (pageDevboxes.length > 0) {
           pageCache.current.set(currentPage, pageDevboxes);
-          lastIdCache.current.set(currentPage, pageDevboxes[pageDevboxes.length - 1].id);
+          lastIdCache.current.set(
+            currentPage,
+            pageDevboxes[pageDevboxes.length - 1].id,
+          );
         }
 
         // Update devboxes for current page
         setDevboxes((prev) => {
-          const hasChanged = JSON.stringify(prev) !== JSON.stringify(pageDevboxes);
+          const hasChanged =
+            JSON.stringify(prev) !== JSON.stringify(pageDevboxes);
           return hasChanged ? pageDevboxes : prev;
         });
       } catch (err) {
         setError(err as Error);
       } finally {
-        setLoading(false);
-        // Show refresh indicator briefly
+        if (!isBackgroundRefresh) {
+          isNavigating.current = false;
+        }
+        // Only set initialLoading to false after first successful load
         if (isInitialLoad) {
+          setInitialLoading(false);
           setTimeout(() => setRefreshing(false), 300);
         }
       }
     };
 
-    list(true);
+    // Only treat as initial load on first mount
+    const isFirstMount = initialLoading;
+    list(isFirstMount, false);
 
-    // Poll every 3 seconds (increased from 2), but only when in list view
+    // Poll every 3 seconds (increased from 2), but only when in list view and not navigating
     const interval = setInterval(() => {
-      if (!showDetails && !showCreate && !showActions) {
-        // Clear cache on refresh to get latest data
-        pageCache.current.clear();
-        lastIdCache.current.clear();
-        list(false);
+      if (
+        !showDetails &&
+        !showCreate &&
+        !showActions &&
+        !isNavigating.current
+      ) {
+        // Don't clear cache on background refresh - just update the current page
+        list(false, true);
       }
     }, 3000);
 
     return () => clearInterval(interval);
-  }, [showDetails, showCreate, showActions, currentPage]);
+  }, [showDetails, showCreate, showActions, currentPage, searchQuery]);
 
   // Animate refresh icon only when in list view
   React.useEffect(() => {
@@ -221,13 +344,19 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
   }, [showDetails, showCreate, showActions]);
 
   useInput((input, key) => {
+    // Handle Ctrl+C to force exit
+    if (key.ctrl && input === "c") {
+      process.stdout.write("\x1b[?1049l"); // Exit alternate screen
+      process.exit(130);
+    }
+
     const pageDevboxes = currentDevboxes.length;
 
     // Skip input handling when in search mode - let TextInput handle it
     if (searchMode) {
       if (key.escape) {
         setSearchMode(false);
-        setSearchQuery('');
+        setSearchQuery("");
       }
       return;
     }
@@ -249,7 +378,7 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
 
     // Handle popup navigation
     if (showPopup) {
-      if (key.escape || input === 'q') {
+      if (key.escape || input === "q") {
         console.clear();
         setShowPopup(false);
         setSelectedOperation(0);
@@ -264,7 +393,9 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
         setShowActions(true);
       } else if (input) {
         // Check for shortcut match
-        const matchedOpIndex = operations.findIndex(op => op.shortcut === input);
+        const matchedOpIndex = operations.findIndex(
+          (op) => op.shortcut === input,
+        );
         if (matchedOpIndex !== -1) {
           setSelectedOperation(matchedOpIndex);
           console.clear();
@@ -280,33 +411,41 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
       setSelectedIndex(selectedIndex - 1);
     } else if (key.downArrow && selectedIndex < pageDevboxes - 1) {
       setSelectedIndex(selectedIndex + 1);
-    } else if ((input === 'n' || key.rightArrow) && currentPage < totalPages - 1) {
+    } else if (
+      (input === "n" || key.rightArrow) &&
+      !isNavigating.current &&
+      currentPage < totalPages - 1
+    ) {
       setCurrentPage(currentPage + 1);
       setSelectedIndex(0);
-    } else if ((input === 'p' || key.leftArrow) && currentPage > 0) {
+    } else if (
+      (input === "p" || key.leftArrow) &&
+      !isNavigating.current &&
+      currentPage > 0
+    ) {
       setCurrentPage(currentPage - 1);
       setSelectedIndex(0);
     } else if (key.return) {
       console.clear();
       setShowDetails(true);
-    } else if (input === 'a') {
+    } else if (input === "a") {
       console.clear();
       setShowPopup(true);
       setSelectedOperation(0);
-    } else if (input === 'c') {
+    } else if (input === "c") {
       console.clear();
       setShowCreate(true);
-    } else if (input === 'o' && selectedDevbox) {
+    } else if (input === "o" && selectedDevbox) {
       // Open in browser
-      const url = `https://platform.runloop.ai/devboxes/${selectedDevbox.id}`;
+      const url = getDevboxUrl(selectedDevbox.id);
       const openBrowser = async () => {
-        const { exec } = await import('child_process');
+        const { exec } = await import("child_process");
         const platform = process.platform;
 
         let openCommand: string;
-        if (platform === 'darwin') {
+        if (platform === "darwin") {
           openCommand = `open "${url}"`;
-        } else if (platform === 'win32') {
+        } else if (platform === "win32") {
           openCommand = `start "${url}"`;
         } else {
           openCommand = `xdg-open "${url}"`;
@@ -315,39 +454,37 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
         exec(openCommand);
       };
       openBrowser();
-    } else if (input === '/') {
+    } else if (input === "/") {
       setSearchMode(true);
-    } else if (key.escape && searchQuery) {
-      // Clear search when Esc is pressed and there's an active search
-      setSearchQuery('');
-      setCurrentPage(0);
-      setSelectedIndex(0);
-    } else if (input === 'q') {
-      process.exit(0);
+    } else if (key.escape) {
+      if (searchQuery) {
+        // Clear search when Esc is pressed and there's an active search
+        setSearchQuery("");
+        setCurrentPage(0);
+        setSelectedIndex(0);
+      } else {
+        // Go back to home
+        if (onBack) {
+          onBack();
+        } else if (onExit) {
+          onExit();
+        } else {
+          inkExit();
+        }
+      }
     }
   });
 
-  // Filter devboxes based on search query (client-side only for current page)
-  const filteredDevboxes = React.useMemo(() => {
-    if (!searchQuery.trim()) return devboxes;
-
-    const query = searchQuery.toLowerCase();
-    return devboxes.filter(devbox => {
-      return (
-        devbox.id?.toLowerCase().includes(query) ||
-        devbox.name?.toLowerCase().includes(query) ||
-        devbox.status?.toLowerCase().includes(query)
-      );
-    });
-  }, [devboxes, searchQuery]);
-
-  const running = filteredDevboxes.filter((d) => d.status === 'running').length;
-  const stopped = filteredDevboxes.filter((d) =>
-    ['stopped', 'suspended'].includes(d.status)
-  ).length;
-
-  // Current page is already fetched, no need to slice
-  const currentDevboxes = filteredDevboxes;
+  // No client-side filtering - search is handled server-side
+  const currentDevboxes = devboxes;
+
+  // Ensure selected index is within bounds after filtering
+  React.useEffect(() => {
+    if (currentDevboxes.length > 0 && selectedIndex >= currentDevboxes.length) {
+      setSelectedIndex(Math.max(0, currentDevboxes.length - 1));
+    }
+  }, [currentDevboxes.length, selectedIndex]);
+
   const selectedDevbox = currentDevboxes[selectedIndex];
 
   // Calculate pagination info
@@ -356,27 +493,33 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
   const endIndex = startIndex + currentDevboxes.length;
 
   // Filter operations based on devbox status
-  const operations = selectedDevbox ? allOperations.filter(op => {
-    const status = selectedDevbox.status;
+  const operations = selectedDevbox
+    ? allOperations.filter((op) => {
+        const status = selectedDevbox.status;
 
-    // When suspended: logs and resume
-    if (status === 'suspended') {
-      return op.key === 'resume' || op.key === 'logs';
-    }
+        // When suspended: logs and resume
+        if (status === "suspended") {
+          return op.key === "resume" || op.key === "logs";
+        }
 
-    // When not running (shutdown, failure, etc): only logs
-    if (status !== 'running' && status !== 'provisioning' && status !== 'initializing') {
-      return op.key === 'logs';
-    }
+        // When not running (shutdown, failure, etc): only logs
+        if (
+          status !== "running" &&
+          status !== "provisioning" &&
+          status !== "initializing"
+        ) {
+          return op.key === "logs";
+        }
 
-    // When running: everything except resume
-    if (status === 'running') {
-      return op.key !== 'resume';
-    }
+        // When running: everything except resume
+        if (status === "running") {
+          return op.key !== "resume";
+        }
 
-    // Default for transitional states (provisioning, initializing)
-    return op.key === 'logs' || op.key === 'delete';
-  }) : allOperations;
+        // Default for transitional states (provisioning, initializing)
+        return op.key === "logs" || op.key === "delete";
+      })
+    : allOperations;
 
   // Create view
   if (showCreate) {
@@ -405,28 +548,33 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
           setSelectedOperation(0);
         }}
         breadcrumbItems={[
-          { label: 'Devboxes' },
-          { label: selectedDevbox.name || selectedDevbox.id, active: true }
+          { label: "Devboxes" },
+          { label: selectedDevbox.name || selectedDevbox.id, active: true },
         ]}
         initialOperation={selectedOp?.key}
-        initialOperationIndex={selectedOperation}
+        skipOperationsMenu={true}
+        onSSHRequest={onSSHRequest}
       />
     );
   }
 
   // Details view
   if (showDetails && selectedDevbox) {
-    return <DevboxDetailPage devbox={selectedDevbox} onBack={() => setShowDetails(false)} />;
+    return (
+      <DevboxDetailPage
+        devbox={selectedDevbox}
+        onBack={() => setShowDetails(false)}
+        onSSHRequest={onSSHRequest}
+      />
+    );
   }
 
   // Show popup with table in background
   if (showPopup && selectedDevbox) {
     return (
       <>
-        <Breadcrumb items={[
-          { label: 'Devboxes', active: true }
-        ]} />
-        {!loading && !error && devboxes.length > 0 && (
+        <Breadcrumb items={[{ label: "Devboxes", active: true }]} />
+        {!initialLoading && !error && devboxes.length > 0 && (
           <>
             <Table
               data={currentDevboxes}
@@ -435,77 +583,125 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
               title={`devboxes[${totalCount}]`}
               columns={[
                 {
-                  key: 'statusIcon',
-                  label: '',
+                  key: "statusIcon",
+                  label: "",
                   width: statusIconWidth,
                   render: (devbox: any, index: number, isSelected: boolean) => {
                     const statusDisplay = getStatusDisplay(devbox.status);
 
-                    // Truncate icon to fit width and pad
-                    const icon = statusDisplay.icon.slice(0, statusIconWidth);
-                    const padded = icon.padEnd(statusIconWidth, ' ');
-
                     return (
-                      <Text color={isSelected ? 'white' : statusDisplay.color} bold={true} inverse={isSelected}>
-                        {padded}
+                      <Text
+                        color={isSelected ? "white" : statusDisplay.color}
+                        bold={true}
+                        inverse={isSelected}
+                        wrap="truncate"
+                      >
+                        {statusDisplay.icon}{" "}
                       </Text>
                     );
-                  }
+                  },
                 },
-                createTextColumn(
-                  'id',
-                  'ID',
-                  (devbox: any) => devbox.id,
-                  { width: idWidth, color: 'gray', dimColor: true, bold: false }
-                ),
+                createTextColumn("id", "ID", (devbox: any) => devbox.id, {
+                  width: idWidth,
+                  color: colors.textDim,
+                  dimColor: true,
+                  bold: false,
+                }),
                 {
-                  key: 'statusText',
-                  label: 'Status',
+                  key: "statusText",
+                  label: "Status",
                   width: statusTextWidth,
                   render: (devbox: any, index: number, isSelected: boolean) => {
                     const statusDisplay = getStatusDisplay(devbox.status);
 
-                    const truncated = statusDisplay.text.slice(0, statusTextWidth);
-                    const padded = truncated.padEnd(statusTextWidth, ' ');
+                    const truncated = statusDisplay.text.slice(
+                      0,
+                      statusTextWidth,
+                    );
+                    const padded = truncated.padEnd(statusTextWidth, " ");
 
                     return (
-                      <Text color={isSelected ? 'white' : statusDisplay.color} bold={true} inverse={isSelected}>
+                      <Text
+                        color={isSelected ? "white" : statusDisplay.color}
+                        bold={true}
+                        inverse={isSelected}
+                        wrap="truncate"
+                      >
                         {padded}
                       </Text>
                     );
-                  }
+                  },
                 },
                 createTextColumn(
-                  'name',
-                  'Name',
-                  (devbox: any) => devbox.name || '',
-                  { width: nameWidth, dimColor: true }
+                  "name",
+                  "Name",
+                  (devbox: any) => devbox.name || "",
+                  {
+                    width: nameWidth,
+                    dimColor: true,
+                  },
                 ),
                 createTextColumn(
-                  'capabilities',
-                  'Capabilities',
+                  "capabilities",
+                  "Capabilities",
                   (devbox: any) => {
-                    const hasCapabilities = devbox.capabilities && devbox.capabilities.filter((c: string) => c !== 'unknown').length > 0;
+                    const hasCapabilities =
+                      devbox.capabilities &&
+                      devbox.capabilities.filter((c: string) => c !== "unknown")
+                        .length > 0;
                     return hasCapabilities
                       ? `[${devbox.capabilities
-                          .filter((c: string) => c !== 'unknown')
-                          .map((c: string) => c === 'computer_usage' ? 'comp' : c === 'browser_usage' ? 'browser' : c === 'docker_in_docker' ? 'docker' : c)
-                          .join(',')}]`
-                      : '';
+                          .filter((c: string) => c !== "unknown")
+                          .map((c: string) =>
+                            c === "computer_usage"
+                              ? "comp"
+                              : c === "browser_usage"
+                                ? "browser"
+                                : c === "docker_in_docker"
+                                  ? "docker"
+                                  : c,
+                          )
+                          .join(",")}]`
+                      : "";
+                  },
+                  {
+                    width: capabilitiesWidth,
+                    color: colors.info,
+                    dimColor: true,
+                    bold: false,
+                    visible: showCapabilities,
                   },
-                  { width: capabilitiesWidth, color: 'blue', dimColor: true, bold: false, visible: showCapabilities }
                 ),
                 createTextColumn(
-                  'tags',
-                  'Tags',
-                  (devbox: any) => devbox.blueprint_id ? '[bp]' : devbox.snapshot_id ? '[snap]' : '',
-                  { width: tagWidth, color: 'yellow', dimColor: true, bold: false, visible: showTags }
+                  "tags",
+                  "Tags",
+                  (devbox: any) =>
+                    devbox.blueprint_id
+                      ? "[bp]"
+                      : devbox.snapshot_id
+                        ? "[snap]"
+                        : "",
+                  {
+                    width: tagWidth,
+                    color: colors.warning,
+                    dimColor: true,
+                    bold: false,
+                    visible: showTags,
+                  },
                 ),
                 createTextColumn(
-                  'created',
-                  'Created',
-                  (devbox: any) => devbox.create_time_ms ? formatTimeAgo(devbox.create_time_ms) : '',
-                  { width: timeWidth, color: 'gray', dimColor: true, bold: false }
+                  "created",
+                  "Created",
+                  (devbox: any) =>
+                    devbox.create_time_ms
+                      ? formatTimeAgo(devbox.create_time_ms)
+                      : "",
+                  {
+                    width: timeWidth,
+                    color: colors.textDim,
+                    dimColor: true,
+                    bold: false,
+                  },
                 ),
               ]}
             />
@@ -513,7 +709,10 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
         )}
 
         {/* Popup overlaying - use negative margin to pull it up over the table */}
-        <Box marginTop={-Math.min(operations.length + 10, PAGE_SIZE + 5)} justifyContent="center">
+        <Box
+          marginTop={-Math.min(operations.length + 10, PAGE_SIZE + 5)}
+          justifyContent="center"
+        >
           <ActionsPopup
             devbox={selectedDevbox}
             operations={operations}
@@ -525,29 +724,36 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
     );
   }
 
-  // List view
+  // If initial loading or error, show that first
+  if (initialLoading) {
+    return (
+      <>
+        <Breadcrumb items={[{ label: "Devboxes", active: true }]} />
+        <SpinnerComponent message="Loading..." />
+      </>
+    );
+  }
+
+  if (error) {
+    return (
+      <>
+        <Breadcrumb items={[{ label: "Devboxes", active: true }]} />
+        <ErrorMessage message="Failed to list devboxes" error={error} />
+      </>
+    );
+  }
+
+  // List view with data (always show, even if empty)
   return (
     <>
-      {/* //<Banner /> */}
-      <Breadcrumb items={[
-        { label: 'Devboxes', active: true }
-      ]} />
-      {/* <Header title="Devboxes" /> */}
-      {loading && <SpinnerComponent message="Loading..." />}
-      {!loading && !error && devboxes.length === 0 && (
-        <Box>
-          <Text color="yellow">{figures.info}</Text>
-          <Text> No devboxes found. Try: </Text>
-          <Text color="cyan" bold>
-            rln devbox create
-          </Text>
-        </Box>
-      )}
-      {!loading && !error && devboxes.length > 0 && (
+      <Breadcrumb items={[{ label: "Devboxes", active: true }]} />
+      {currentDevboxes && currentDevboxes.length >= 0 && (
         <>
           {searchMode && (
             <Box marginBottom={1}>
-              <Text color="cyan">{figures.pointerSmall} Search: </Text>
+              <Text color={colors.primary}>
+                {figures.pointerSmall} Search:{" "}
+              </Text>
               <TextInput
                 value={searchQuery}
                 onChange={setSearchQuery}
@@ -558,192 +764,272 @@ const ListDevboxesUI: React.FC<{ status?: string }> = ({ status }) => {
                   setSelectedIndex(0);
                 }}
               />
-              <Text color="gray" dimColor> [Esc to cancel]</Text>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                [Esc to cancel]
+              </Text>
             </Box>
           )}
-          {searchQuery && !searchMode && (
+          {!searchMode && searchQuery && (
             <Box marginBottom={1}>
-              <Text color="cyan">{figures.info} Searching for: </Text>
-              <Text color="yellow" bold>{searchQuery}</Text>
-              <Text color="gray" dimColor> ({filteredDevboxes.length} results) [/ to edit, Esc to clear]</Text>
+              <Text color={colors.primary}>{figures.info} Searching for: </Text>
+              <Text color={colors.warning} bold>
+                {searchQuery}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                ({totalCount} results) [/ to edit, Esc to clear]
+              </Text>
             </Box>
           )}
           <Table
+            key={`table-${searchQuery}-${currentPage}`}
             data={currentDevboxes}
             keyExtractor={(devbox: any) => devbox.id}
             selectedIndex={selectedIndex}
             title={`devboxes[${totalCount}]`}
             columns={[
               {
-                key: 'statusIcon',
-                label: '',
+                key: "statusIcon",
+                label: "",
                 width: statusIconWidth,
                 render: (devbox: any, index: number, isSelected: boolean) => {
                   const statusDisplay = getStatusDisplay(devbox.status);
 
-                  // Truncate icon to fit width and pad
-                  const icon = statusDisplay.icon.slice(0, statusIconWidth);
-                  const padded = icon.padEnd(statusIconWidth, ' ');
-
                   return (
-                    <Text color={isSelected ? 'white' : statusDisplay.color} bold={true} inverse={isSelected}>
-                      {padded}
+                    <Text
+                      color={isSelected ? "white" : statusDisplay.color}
+                      bold={true}
+                      inverse={isSelected}
+                      wrap="truncate"
+                    >
+                      {statusDisplay.icon}{" "}
                     </Text>
                   );
-                }
+                },
               },
-              createTextColumn(
-                'id',
-                'ID',
-                (devbox: any) => devbox.id,
-                { width: idWidth, color: 'gray', dimColor: true, bold: false }
-              ),
+              createTextColumn("id", "ID", (devbox: any) => devbox.id, {
+                width: idWidth,
+                color: colors.textDim,
+                dimColor: true,
+                bold: false,
+              }),
               {
-                key: 'statusText',
-                label: 'Status',
+                key: "statusText",
+                label: "Status",
                 width: statusTextWidth,
                 render: (devbox: any, index: number, isSelected: boolean) => {
                   const statusDisplay = getStatusDisplay(devbox.status);
 
-                  const truncated = statusDisplay.text.slice(0, statusTextWidth);
-                  const padded = truncated.padEnd(statusTextWidth, ' ');
+                  const truncated = statusDisplay.text.slice(
+                    0,
+                    statusTextWidth,
+                  );
+                  const padded = truncated.padEnd(statusTextWidth, " ");
 
                   return (
-                    <Text color={isSelected ? 'white' : statusDisplay.color} bold={true} inverse={isSelected}>
+                    <Text
+                      color={isSelected ? "white" : statusDisplay.color}
+                      bold={true}
+                      inverse={isSelected}
+                      wrap="truncate"
+                    >
                       {padded}
                     </Text>
                   );
-                }
+                },
               },
               createTextColumn(
-                'name',
-                'Name',
-                (devbox: any) => devbox.name || '',
-                { width: nameWidth }
+                "name",
+                "Name",
+                (devbox: any) => devbox.name || "",
+                {
+                  width: nameWidth,
+                },
               ),
               createTextColumn(
-                'capabilities',
-                'Capabilities',
+                "capabilities",
+                "Capabilities",
                 (devbox: any) => {
-                  const hasCapabilities = devbox.capabilities && devbox.capabilities.filter((c: string) => c !== 'unknown').length > 0;
+                  const hasCapabilities =
+                    devbox.capabilities &&
+                    devbox.capabilities.filter((c: string) => c !== "unknown")
+                      .length > 0;
                   return hasCapabilities
                     ? `[${devbox.capabilities
-                        .filter((c: string) => c !== 'unknown')
-                        .map((c: string) => c === 'computer_usage' ? 'comp' : c === 'browser_usage' ? 'browser' : c === 'docker_in_docker' ? 'docker' : c)
-                        .join(',')}]`
-                    : '';
+                        .filter((c: string) => c !== "unknown")
+                        .map((c: string) =>
+                          c === "computer_usage"
+                            ? "comp"
+                            : c === "browser_usage"
+                              ? "browser"
+                              : c === "docker_in_docker"
+                                ? "docker"
+                                : c,
+                        )
+                        .join(",")}]`
+                    : "";
+                },
+                {
+                  width: capabilitiesWidth,
+                  color: colors.info,
+                  dimColor: true,
+                  bold: false,
+                  visible: showCapabilities,
                 },
-                { width: capabilitiesWidth, color: 'blue', dimColor: true, bold: false, visible: showCapabilities }
               ),
               createTextColumn(
-                'tags',
-                'Tags',
-                (devbox: any) => devbox.blueprint_id ? '[bp]' : devbox.snapshot_id ? '[snap]' : '',
-                { width: tagWidth, color: 'yellow', dimColor: true, bold: false, visible: showTags }
+                "tags",
+                "Tags",
+                (devbox: any) =>
+                  devbox.blueprint_id
+                    ? "[bp]"
+                    : devbox.snapshot_id
+                      ? "[snap]"
+                      : "",
+                {
+                  width: tagWidth,
+                  color: colors.warning,
+                  dimColor: true,
+                  bold: false,
+                  visible: showTags,
+                },
               ),
               createTextColumn(
-                'created',
-                'Created',
-                (devbox: any) => devbox.create_time_ms ? formatTimeAgo(devbox.create_time_ms) : '',
-                { width: timeWidth, color: 'gray', dimColor: true, bold: false }
+                "created",
+                "Created",
+                (devbox: any) =>
+                  devbox.create_time_ms
+                    ? formatTimeAgo(devbox.create_time_ms)
+                    : "",
+                {
+                  width: timeWidth,
+                  color: colors.textDim,
+                  dimColor: true,
+                  bold: false,
+                },
               ),
             ]}
           />
 
           {/* Statistics Bar */}
           <Box marginTop={1} paddingX={1}>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {figures.hamburger} {totalCount}
             </Text>
-            <Text color="gray" dimColor> total</Text>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              total
+            </Text>
             {totalPages > 1 && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="gray" dimColor>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.textDim} dimColor>
                   Page {currentPage + 1} of {totalPages}
                 </Text>
               </>
             )}
-            <Text color="gray" dimColor> • </Text>
-            <Text color="gray" dimColor>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              •{" "}
+            </Text>
+            <Text color={colors.textDim} dimColor>
               Showing {startIndex + 1}-{endIndex} of {totalCount}
             </Text>
             {hasMore && (
-              <Text color="gray" dimColor> (more available)</Text>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                (more available)
+              </Text>
             )}
             <Text> </Text>
             {refreshing ? (
-              <Text color="cyan">
-                {['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'][refreshIcon % 10]}
+              <Text color={colors.primary}>
+                {
+                  ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"][
+                    refreshIcon % 10
+                  ]
+                }
               </Text>
             ) : (
-              <Text color="green">
-                {figures.circleFilled}
-              </Text>
+              <Text color={colors.success}>{figures.circleFilled}</Text>
             )}
           </Box>
 
           {/* Help Bar */}
           <Box marginTop={1} paddingX={1}>
-            <Text color="gray" dimColor>
+            <Text color={colors.textDim} dimColor>
               {figures.arrowUp}
               {figures.arrowDown} Navigate
             </Text>
             {totalPages > 1 && (
-              <Text color="gray" dimColor>
-                {' '}• {figures.arrowLeft}{figures.arrowRight} Page
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                • {figures.arrowLeft}
+                {figures.arrowRight} Page
               </Text>
             )}
-            <Text color="gray" dimColor>
-              {' '}• [Enter] Details • [a] Actions • [c] Create • [/] Search • [o] Browser • [q] Quit
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              • [Enter] Details • [a] Actions • [c] Create • [/] Search • [o]
+              Browser • [Esc] Back
             </Text>
           </Box>
-
         </>
       )}
-      {error && <ErrorMessage message="Failed to list devboxes" error={error} />}
     </>
   );
 };
 
-export async function listDevboxes(options: ListOptions) {
+// Export the UI component for use in the main menu
+export { ListDevboxesUI };
+
+export async function listDevboxes(
+  options: ListOptions,
+  focusDevboxId?: string,
+) {
   const executor = createExecutor(options);
 
+  let sshSessionConfig: SSHSessionConfig | null = null;
+
   await executor.executeList(
     async () => {
       const client = executor.getClient();
       return executor.fetchFromIterator(client.devboxes.list(), {
-        filter: options.status ? (devbox: any) => devbox.status === options.status : undefined,
+        filter: options.status
+          ? (devbox: any) => devbox.status === options.status
+          : undefined,
         limit: DEFAULT_PAGE_SIZE,
       });
     },
-    () => <ListDevboxesUI status={options.status} />,
-    DEFAULT_PAGE_SIZE
+    () => (
+      <ListDevboxesUI
+        status={options.status}
+        focusDevboxId={focusDevboxId}
+        onSSHRequest={(config) => {
+          sshSessionConfig = config;
+        }}
+      />
+    ),
+    DEFAULT_PAGE_SIZE,
   );
 
-  // Check if we need to spawn SSH after Ink exit
-  const sshCommand = (global as any).__sshCommand;
-  if (sshCommand) {
-    delete (global as any).__sshCommand;
-
-    // Import spawn
-    const { spawnSync } = await import('child_process');
-
-    // Clear and show connection message
-    console.clear();
-    console.log(`\nConnecting to devbox ${sshCommand.devboxName}...\n`);
-
-    // Spawn SSH in foreground
-    const result = spawnSync('ssh', [
-      '-i', sshCommand.keyPath,
-      '-o', `ProxyCommand=${sshCommand.proxyCommand}`,
-      '-o', 'StrictHostKeyChecking=no',
-      '-o', 'UserKnownHostsFile=/dev/null',
-      `${sshCommand.sshUser}@${sshCommand.url}`
-    ], {
-      stdio: 'inherit'
-    });
-
-    process.exit(result.status || 0);
+  // If SSH was requested, handle it now after Ink has exited
+  if (sshSessionConfig) {
+    const result = await runSSHSession(sshSessionConfig);
+
+    if (result.shouldRestart) {
+      console.clear();
+      console.log(`\nSSH session ended. Returning to CLI...\n`);
+      await new Promise((resolve) => setTimeout(resolve, 500));
+
+      // Restart the list view with the devbox ID to focus on
+      await listDevboxes(options, result.returnToDevboxId);
+    } else {
+      process.exit(result.exitCode);
+    }
   }
 }
diff --git a/src/commands/devbox/upload.tsx b/src/commands/devbox/upload.tsx
index 6461e89c..6633a084 100644
--- a/src/commands/devbox/upload.tsx
+++ b/src/commands/devbox/upload.tsx
@@ -1,11 +1,11 @@
-import React from 'react';
-import { render } from 'ink';
-import { createReadStream } from 'fs';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
+import React from "react";
+import { render } from "ink";
+import { createReadStream } from "fs";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
 
 interface UploadOptions {
   path?: string;
@@ -25,7 +25,7 @@ const UploadFileUI: React.FC<{
       try {
         const client = getClient();
         const fileStream = createReadStream(file);
-        const filename = file.split('/').pop() || 'uploaded-file';
+        const filename = file.split("/").pop() || "uploaded-file";
 
         await client.devboxes.uploadFile(id, {
           path: targetPath || filename,
@@ -50,7 +50,7 @@ const UploadFileUI: React.FC<{
       {success && (
         <SuccessMessage
           message="File uploaded successfully!"
-          details={`File: ${file}${targetPath ? `\nTarget: ${targetPath}` : ''}`}
+          details={`File: ${file}${targetPath ? `\nTarget: ${targetPath}` : ""}`}
         />
       )}
       {error && <ErrorMessage message="Failed to upload file" error={error} />}
@@ -61,10 +61,10 @@ const UploadFileUI: React.FC<{
 export async function uploadFile(
   id: string,
   file: string,
-  options: UploadOptions
+  options: UploadOptions,
 ) {
   const { waitUntilExit } = render(
-    <UploadFileUI id={id} file={file} targetPath={options.path} />
+    <UploadFileUI id={id} file={file} targetPath={options.path} />,
   );
   await waitUntilExit();
 }
diff --git a/src/commands/mcp-http.ts b/src/commands/mcp-http.ts
new file mode 100644
index 00000000..45d66eae
--- /dev/null
+++ b/src/commands/mcp-http.ts
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+import { spawn } from "child_process";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export async function startMcpHttpServer(port?: number) {
+  // Get the path to the compiled MCP HTTP server
+  const serverPath = join(__dirname, "../mcp/server-http.js");
+
+  const env = { ...process.env };
+  if (port) {
+    env.PORT = port.toString();
+  }
+
+  console.log(`Starting Runloop MCP HTTP server on port ${port || 3000}...`);
+  console.log("Press Ctrl+C to stop\n");
+
+  // Start the MCP HTTP server as a child process
+  const serverProcess = spawn("node", [serverPath], {
+    stdio: "inherit",
+    env,
+  });
+
+  serverProcess.on("error", (error) => {
+    console.error("Failed to start MCP HTTP server:", error);
+    process.exit(1);
+  });
+
+  serverProcess.on("exit", (code) => {
+    if (code !== 0) {
+      console.error(`MCP HTTP server exited with code ${code}`);
+      process.exit(code || 1);
+    }
+  });
+
+  // Handle Ctrl+C
+  process.on("SIGINT", () => {
+    console.log("\nShutting down MCP HTTP server...");
+    serverProcess.kill("SIGINT");
+    process.exit(0);
+  });
+}
diff --git a/src/commands/mcp-install.ts b/src/commands/mcp-install.ts
new file mode 100644
index 00000000..a237a6b9
--- /dev/null
+++ b/src/commands/mcp-install.ts
@@ -0,0 +1,162 @@
+#!/usr/bin/env node
+import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";
+import { homedir, platform } from "os";
+import { join } from "path";
+import { execSync } from "child_process";
+
+function getClaudeConfigPath(): string {
+  const plat = platform();
+
+  if (plat === "darwin") {
+    return join(
+      homedir(),
+      "Library",
+      "Application Support",
+      "Claude",
+      "claude_desktop_config.json",
+    );
+  } else if (plat === "win32") {
+    const appData = process.env.APPDATA;
+    if (!appData) {
+      throw new Error("APPDATA environment variable not found");
+    }
+    return join(appData, "Claude", "claude_desktop_config.json");
+  } else {
+    // Linux
+    return join(homedir(), ".config", "Claude", "claude_desktop_config.json");
+  }
+}
+
+function getRlnPath(): string {
+  try {
+    const cmd = platform() === "win32" ? "where rln" : "which rln";
+    const path = execSync(cmd, { encoding: "utf-8" }).trim().split("\n")[0];
+    return path;
+  } catch (error) {
+    // If rln not found in PATH, just use 'rln' and hope it works
+    return "rln";
+  }
+}
+
+export async function installMcpConfig() {
+  try {
+    const configPath = getClaudeConfigPath();
+    const rlnPath = getRlnPath();
+
+    console.log(`\n📍 Claude Desktop config location: ${configPath}`);
+    console.log(`📍 rln command location: ${rlnPath}\n`);
+
+    // Read or create config
+    let config: any = { mcpServers: {} };
+
+    if (existsSync(configPath)) {
+      console.log("✓ Found existing Claude Desktop config");
+      const content = readFileSync(configPath, "utf-8");
+      try {
+        config = JSON.parse(content);
+        if (!config.mcpServers) {
+          config.mcpServers = {};
+        }
+      } catch (error) {
+        console.error(
+          "❌ Error: Claude config file exists but is not valid JSON",
+        );
+        console.error(
+          "Please fix the file manually or delete it to create a new one",
+        );
+        process.exit(1);
+      }
+    } else {
+      console.log("✓ No existing config found, will create new one");
+      // Create directory if it doesn't exist
+      const configDir = join(configPath, "..");
+      if (!existsSync(configDir)) {
+        mkdirSync(configDir, { recursive: true });
+        console.log(`✓ Created directory: ${configDir}`);
+      }
+    }
+
+    // Check if runloop is already configured
+    if (config.mcpServers.runloop) {
+      console.log(
+        "\n⚠️  Runloop MCP server is already configured in Claude Desktop",
+      );
+      console.log("\nCurrent configuration:");
+      console.log(JSON.stringify(config.mcpServers.runloop, null, 2));
+
+      // Ask if they want to overwrite
+      console.log("\n❓ Do you want to overwrite it? (y/N): ");
+
+      // For non-interactive mode, just exit
+      if (process.stdin.isTTY) {
+        const response = await new Promise<string>((resolve) => {
+          process.stdin.once("data", (data) => {
+            resolve(data.toString().trim().toLowerCase());
+          });
+        });
+
+        if (response !== "y" && response !== "yes") {
+          console.log("\n✓ Keeping existing configuration");
+          process.exit(0);
+        }
+      } else {
+        console.log(
+          "\n✓ Keeping existing configuration (non-interactive mode)",
+        );
+        process.exit(0);
+      }
+    }
+
+    // Add runloop MCP server config
+    config.mcpServers.runloop = {
+      command: rlnPath,
+      args: ["mcp", "start"],
+    };
+
+    // Write config back
+    writeFileSync(configPath, JSON.stringify(config, null, 2), "utf-8");
+
+    console.log(
+      "\n✅ Successfully installed Runloop MCP server configuration!",
+    );
+    console.log("\nConfiguration added:");
+    console.log(
+      JSON.stringify(
+        { mcpServers: { runloop: config.mcpServers.runloop } },
+        null,
+        2,
+      ),
+    );
+
+    console.log("\n📝 Next steps:");
+    console.log("1. Restart Claude Desktop completely (quit and reopen)");
+    console.log(
+      '2. Ask Claude: "List my devboxes" or "What Runloop tools do you have?"',
+    );
+    console.log(
+      '\n💡 Tip: Make sure you\'ve run "rln auth" to configure your API key first!',
+    );
+  } catch (error: any) {
+    console.error("\n❌ Error installing MCP configuration:", error.message);
+    console.error(
+      "\n💡 You can manually add this configuration to your Claude Desktop config:",
+    );
+    console.error(`\nFile location: ${getClaudeConfigPath()}`);
+    console.error("\nConfiguration to add:");
+    console.error(
+      JSON.stringify(
+        {
+          mcpServers: {
+            runloop: {
+              command: "rln",
+              args: ["mcp", "start"],
+            },
+          },
+        },
+        null,
+        2,
+      ),
+    );
+    process.exit(1);
+  }
+}
diff --git a/src/commands/mcp.ts b/src/commands/mcp.ts
new file mode 100644
index 00000000..e4483e0e
--- /dev/null
+++ b/src/commands/mcp.ts
@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+import { spawn } from "child_process";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export async function startMcpServer() {
+  // Get the path to the compiled MCP server
+  const serverPath = join(__dirname, "../mcp/server.js");
+
+  // Start the MCP server as a child process
+  // The server uses stdio transport, so it communicates via stdin/stdout
+  const serverProcess = spawn("node", [serverPath], {
+    stdio: "inherit", // Pass through stdin/stdout/stderr
+  });
+
+  serverProcess.on("error", (error) => {
+    console.error("Failed to start MCP server:", error);
+    process.exit(1);
+  });
+
+  serverProcess.on("exit", (code) => {
+    if (code !== 0) {
+      console.error(`MCP server exited with code ${code}`);
+      process.exit(code || 1);
+    }
+  });
+
+  // Handle Ctrl+C
+  process.on("SIGINT", () => {
+    serverProcess.kill("SIGINT");
+    process.exit(0);
+  });
+}
diff --git a/src/commands/menu.tsx b/src/commands/menu.tsx
new file mode 100644
index 00000000..72014da3
--- /dev/null
+++ b/src/commands/menu.tsx
@@ -0,0 +1,125 @@
+import React from "react";
+import { render, useApp } from "ink";
+import { MainMenu } from "../components/MainMenu.js";
+import { runSSHSession, type SSHSessionConfig } from "../utils/sshSession.js";
+
+// Import list components dynamically to avoid circular deps
+type Screen = "menu" | "devboxes" | "blueprints" | "snapshots";
+
+// Import the UI components directly
+import { ListDevboxesUI } from "./devbox/list.js";
+import { ListBlueprintsUI } from "./blueprint/list.js";
+import { ListSnapshotsUI } from "./snapshot/list.js";
+
+import { Box } from "ink";
+
+interface AppProps {
+  onSSHRequest: (config: SSHSessionConfig) => void;
+  initialScreen?: Screen;
+  focusDevboxId?: string;
+}
+
+const App: React.FC<AppProps> = ({
+  onSSHRequest,
+  initialScreen = "menu",
+  focusDevboxId,
+}) => {
+  const { exit } = useApp();
+  const [currentScreen, setCurrentScreen] =
+    React.useState<Screen>(initialScreen);
+  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+
+  const handleMenuSelect = (key: string) => {
+    setCurrentScreen(key as Screen);
+  };
+
+  const handleBack = () => {
+    setCurrentScreen("menu");
+  };
+
+  const handleExit = () => {
+    exit();
+  };
+
+  // Wrap everything in a full-height container
+  return (
+    <Box flexDirection="column" minHeight={process.stdout.rows || 24}>
+      {currentScreen === "menu" && <MainMenu onSelect={handleMenuSelect} />}
+      {currentScreen === "devboxes" && (
+        <ListDevboxesUI
+          onBack={handleBack}
+          onExit={handleExit}
+          onSSHRequest={onSSHRequest}
+          focusDevboxId={focusDevboxId}
+        />
+      )}
+      {currentScreen === "blueprints" && (
+        <ListBlueprintsUI onBack={handleBack} onExit={handleExit} />
+      )}
+      {currentScreen === "snapshots" && (
+        <ListSnapshotsUI onBack={handleBack} onExit={handleExit} />
+      )}
+    </Box>
+  );
+};
+
+export async function runMainMenu(
+  initialScreen: Screen = "menu",
+  focusDevboxId?: string,
+) {
+  // Enter alternate screen buffer once at the start
+  process.stdout.write("\x1b[?1049h");
+
+  let sshSessionConfig: SSHSessionConfig | null = null;
+  let shouldContinue = true;
+  let currentInitialScreen = initialScreen;
+  let currentFocusDevboxId = focusDevboxId;
+
+  while (shouldContinue) {
+    sshSessionConfig = null;
+
+    try {
+      const { waitUntilExit } = render(
+        <App
+          onSSHRequest={(config) => {
+            sshSessionConfig = config;
+          }}
+          initialScreen={currentInitialScreen}
+          focusDevboxId={currentFocusDevboxId}
+        />,
+      );
+      await waitUntilExit();
+      shouldContinue = false;
+    } catch (error) {
+      console.error("Error in menu:", error);
+      shouldContinue = false;
+    }
+
+    // If SSH was requested, handle it now after Ink has exited
+    if (sshSessionConfig) {
+      // Exit alternate screen buffer for SSH
+      process.stdout.write("\x1b[?1049l");
+
+      const result = await runSSHSession(sshSessionConfig);
+
+      if (result.shouldRestart) {
+        console.clear();
+        console.log(`\nSSH session ended. Returning to menu...\n`);
+        await new Promise((resolve) => setTimeout(resolve, 500));
+
+        // Re-enter alternate screen buffer and return to devboxes list
+        process.stdout.write("\x1b[?1049h");
+        currentInitialScreen = "devboxes";
+        currentFocusDevboxId = result.returnToDevboxId;
+        shouldContinue = true;
+      } else {
+        shouldContinue = false;
+      }
+    }
+  }
+
+  // Exit alternate screen buffer once at the end
+  process.stdout.write("\x1b[?1049l");
+
+  process.exit(0);
+}
diff --git a/src/commands/snapshot/create.tsx b/src/commands/snapshot/create.tsx
index 87e78c58..e2fcdc3e 100644
--- a/src/commands/snapshot/create.tsx
+++ b/src/commands/snapshot/create.tsx
@@ -1,13 +1,14 @@
-import React from 'react';
-import { render, Box, Text } from 'ink';
-import Gradient from 'ink-gradient';
-import figures from 'figures';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { Banner } from '../../components/Banner.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
+import React from "react";
+import { render, Box, Text } from "ink";
+import Gradient from "ink-gradient";
+import figures from "figures";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { Banner } from "../../components/Banner.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { colors } from "../../utils/theme.js";
 
 interface CreateOptions {
   name?: string;
@@ -42,33 +43,38 @@ const CreateSnapshotUI: React.FC<{
   return (
     <>
       <Banner />
-      <Header title="Create Snapshot" subtitle="Taking a snapshot of your devbox..." />
+      <Header
+        title="Create Snapshot"
+        subtitle="Taking a snapshot of your devbox..."
+      />
 
       {loading && (
         <>
           <SpinnerComponent message="Creating snapshot..." />
           <Box
             borderStyle="round"
-            borderColor="blue"
+            borderColor={colors.info}
             paddingX={3}
             paddingY={1}
             marginY={1}
             flexDirection="column"
           >
             <Box marginBottom={1}>
-              <Text color="cyan" bold>
+              <Text color={colors.primary} bold>
                 {figures.info} Configuration
               </Text>
             </Box>
             <Box flexDirection="column" gap={1}>
               <Box>
-                <Text color="gray">{figures.pointer} Devbox ID: </Text>
-                <Text color="white">{devboxId}</Text>
+                <Text color={colors.textDim}>
+                  {figures.pointer} Devbox ID:{" "}
+                </Text>
+                <Text color={colors.text}>{devboxId}</Text>
               </Box>
               {name && (
                 <Box>
-                  <Text color="gray">{figures.pointer} Name: </Text>
-                  <Text color="white">{name}</Text>
+                  <Text color={colors.textDim}>{figures.pointer} Name: </Text>
+                  <Text color={colors.text}>{name}</Text>
                 </Box>
               )}
             </Box>
@@ -80,11 +86,11 @@ const CreateSnapshotUI: React.FC<{
         <>
           <SuccessMessage
             message="Snapshot created successfully!"
-            details={`ID: ${result.id}\nName: ${result.name || '(unnamed)'}\nStatus: ${result.status}`}
+            details={`ID: ${result.id}\nName: ${result.name || "(unnamed)"}\nStatus: ${result.status}`}
           />
           <Box
             borderStyle="double"
-            borderColor="green"
+            borderColor={colors.success}
             paddingX={3}
             paddingY={1}
             marginY={1}
@@ -97,19 +103,27 @@ const CreateSnapshotUI: React.FC<{
             </Box>
             <Box flexDirection="column" gap={1} marginLeft={2}>
               <Box>
-                <Text color="gray">{figures.tick} View snapshots: </Text>
-                <Text color="cyan">rln snapshot list</Text>
+                <Text color={colors.textDim}>
+                  {figures.tick} View snapshots:{" "}
+                </Text>
+                <Text color={colors.primary}>rln snapshot list</Text>
               </Box>
               <Box>
-                <Text color="gray">{figures.tick} Create devbox from snapshot: </Text>
-                <Text color="cyan">rln devbox create -t {result.id}</Text>
+                <Text color={colors.textDim}>
+                  {figures.tick} Create devbox from snapshot:{" "}
+                </Text>
+                <Text color={colors.primary}>
+                  rln devbox create -t {result.id}
+                </Text>
               </Box>
             </Box>
           </Box>
         </>
       )}
 
-      {error && <ErrorMessage message="Failed to create snapshot" error={error} />}
+      {error && (
+        <ErrorMessage message="Failed to create snapshot" error={error} />
+      )}
     </>
   );
 };
@@ -117,7 +131,7 @@ const CreateSnapshotUI: React.FC<{
 export async function createSnapshot(devboxId: string, options: CreateOptions) {
   console.clear();
   const { waitUntilExit } = render(
-    <CreateSnapshotUI devboxId={devboxId} name={options.name} />
+    <CreateSnapshotUI devboxId={devboxId} name={options.name} />,
   );
   await waitUntilExit();
 }
diff --git a/src/commands/snapshot/delete.tsx b/src/commands/snapshot/delete.tsx
index 79228039..d5caf6bd 100644
--- a/src/commands/snapshot/delete.tsx
+++ b/src/commands/snapshot/delete.tsx
@@ -1,12 +1,12 @@
-import React from 'react';
-import { render } from 'ink';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { SuccessMessage } from '../../components/SuccessMessage.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
-import { OutputOptions } from '../../utils/output.js';
+import React from "react";
+import { render } from "ink";
+import { getClient } from "../../utils/client.js";
+import { Header } from "../../components/Header.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { SuccessMessage } from "../../components/SuccessMessage.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { OutputOptions } from "../../utils/output.js";
 
 const DeleteSnapshotUI: React.FC<{ id: string }> = ({ id }) => {
   const [loading, setLoading] = React.useState(true);
@@ -39,7 +39,9 @@ const DeleteSnapshotUI: React.FC<{ id: string }> = ({ id }) => {
           details={`ID: ${id}`}
         />
       )}
-      {error && <ErrorMessage message="Failed to delete snapshot" error={error} />}
+      {error && (
+        <ErrorMessage message="Failed to delete snapshot" error={error} />
+      )}
     </>
   );
 };
@@ -53,6 +55,6 @@ export async function deleteSnapshot(id: string, options: OutputOptions = {}) {
       await client.devboxes.diskSnapshots.delete(id);
     },
     id,
-    () => <DeleteSnapshotUI id={id} />
+    () => <DeleteSnapshotUI id={id} />,
   );
 }
diff --git a/src/commands/snapshot/list.tsx b/src/commands/snapshot/list.tsx
index d43193da..3e4f8abd 100644
--- a/src/commands/snapshot/list.tsx
+++ b/src/commands/snapshot/list.tsx
@@ -1,15 +1,22 @@
-import React from 'react';
-import { render, Box, Text, useInput, useStdout } from 'ink';
-import figures from 'figures';
-import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
-import { Banner } from '../../components/Banner.js';
-import { SpinnerComponent } from '../../components/Spinner.js';
-import { ErrorMessage } from '../../components/ErrorMessage.js';
-import { StatusBadge } from '../../components/StatusBadge.js';
-import { Breadcrumb } from '../../components/Breadcrumb.js';
-import { Table, createTextColumn, createComponentColumn } from '../../components/Table.js';
-import { createExecutor } from '../../utils/CommandExecutor.js';
+import React from "react";
+import { render, Box, Text, useInput, useStdout, useApp } from "ink";
+import figures from "figures";
+import { getClient } from "../../utils/client.js";
+import { SpinnerComponent } from "../../components/Spinner.js";
+import { ErrorMessage } from "../../components/ErrorMessage.js";
+import { StatusBadge, getStatusDisplay } from "../../components/StatusBadge.js";
+import { Breadcrumb } from "../../components/Breadcrumb.js";
+import {
+  Table,
+  createTextColumn,
+  createComponentColumn,
+} from "../../components/Table.js";
+import {
+  ResourceListView,
+  formatTimeAgo,
+} from "../../components/ResourceListView.js";
+import { createExecutor } from "../../utils/CommandExecutor.js";
+import { colors } from "../../utils/theme.js";
 
 interface ListOptions {
   devbox?: string;
@@ -19,209 +26,107 @@ interface ListOptions {
 const PAGE_SIZE = 10;
 const MAX_FETCH = 100;
 
-// Format time ago
-const formatTimeAgo = (timestamp: number): string => {
-  const seconds = Math.floor((Date.now() - timestamp) / 1000);
-
-  if (seconds < 60) return `${seconds}s ago`;
-
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-
-  const days = Math.floor(hours / 24);
-  if (days < 30) return `${days}d ago`;
-
-  const months = Math.floor(days / 30);
-  if (months < 12) return `${months}mo ago`;
-
-  const years = Math.floor(months / 12);
-  return `${years}y ago`;
-};
-
-const ListSnapshotsUI: React.FC<{ devboxId?: string }> = ({ devboxId }) => {
+const ListSnapshotsUI: React.FC<{
+  devboxId?: string;
+  onBack?: () => void;
+  onExit?: () => void;
+}> = ({ devboxId, onBack, onExit }) => {
   const { stdout } = useStdout();
-  const [loading, setLoading] = React.useState(true);
-  const [snapshots, setSnapshots] = React.useState<any[]>([]);
-  const [error, setError] = React.useState<Error | null>(null);
-  const [currentPage, setCurrentPage] = React.useState(0);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
 
   // Calculate responsive column widths
   const terminalWidth = stdout?.columns || 120;
   const showDevboxId = terminalWidth >= 100 && !devboxId; // Hide devbox column if filtering by devbox
   const showFullId = terminalWidth >= 80;
 
+  const statusIconWidth = 2;
+  const statusTextWidth = 10;
   const idWidth = 25;
   const nameWidth = terminalWidth >= 120 ? 30 : 25;
   const devboxWidth = 15;
   const timeWidth = 20;
 
-  React.useEffect(() => {
-    const list = async () => {
-      try {
-        const client = getClient();
-        const allSnapshots: any[] = [];
-
-        let count = 0;
-        const params = devboxId ? { devbox_id: devboxId } : {};
-        for await (const snapshot of client.devboxes.listDiskSnapshots(params)) {
-          allSnapshots.push(snapshot);
-          count++;
-          if (count >= MAX_FETCH) {
-            break;
-          }
-        }
-
-        setSnapshots(allSnapshots);
-      } catch (err) {
-        setError(err as Error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    list();
-  }, [devboxId]);
-
-  useInput((input, key) => {
-    const pageSnapshots = currentSnapshots.length;
-
-    if (key.upArrow && selectedIndex > 0) {
-      setSelectedIndex(selectedIndex - 1);
-    } else if (key.downArrow && selectedIndex < pageSnapshots - 1) {
-      setSelectedIndex(selectedIndex + 1);
-    } else if ((input === 'n' || key.rightArrow) && currentPage < totalPages - 1) {
-      setCurrentPage(currentPage + 1);
-      setSelectedIndex(0);
-    } else if ((input === 'p' || key.leftArrow) && currentPage > 0) {
-      setCurrentPage(currentPage - 1);
-      setSelectedIndex(0);
-    } else if (input === 'q') {
-      process.exit(0);
-    }
-  });
-
-  const totalPages = Math.ceil(snapshots.length / PAGE_SIZE);
-  const startIndex = currentPage * PAGE_SIZE;
-  const endIndex = Math.min(startIndex + PAGE_SIZE, snapshots.length);
-  const currentSnapshots = snapshots.slice(startIndex, endIndex);
-
-  const ready = snapshots.filter((s) => s.status === 'ready').length;
-  const pending = snapshots.filter((s) => s.status !== 'ready').length;
-
   return (
-    <>
-      <Banner />
-      <Breadcrumb
-        items={[
-          { label: 'Snapshots', active: !devboxId },
+    <ResourceListView
+      config={{
+        resourceName: "Snapshot",
+        resourceNamePlural: "Snapshots",
+        fetchResources: async () => {
+          const client = getClient();
+          const allSnapshots: any[] = [];
+          let count = 0;
+          const params = devboxId ? { devbox_id: devboxId } : {};
+          for await (const snapshot of client.devboxes.listDiskSnapshots(
+            params,
+          )) {
+            allSnapshots.push(snapshot);
+            count++;
+            if (count >= MAX_FETCH) break;
+          }
+          return allSnapshots;
+        },
+        columns: [
+          createTextColumn("id", "ID", (snapshot: any) => snapshot.id, {
+            width: idWidth,
+            color: colors.textDim,
+            dimColor: true,
+            bold: false,
+          }),
+          createTextColumn(
+            "name",
+            "Name",
+            (snapshot: any) => snapshot.name || "(unnamed)",
+            {
+              width: nameWidth,
+            },
+          ),
+          createTextColumn(
+            "devbox",
+            "Devbox",
+            (snapshot: any) => snapshot.source_devbox_id || "",
+            {
+              width: devboxWidth,
+              color: colors.primary,
+              dimColor: true,
+              bold: false,
+              visible: showDevboxId,
+            },
+          ),
+          createTextColumn(
+            "created",
+            "Created",
+            (snapshot: any) =>
+              snapshot.create_time_ms
+                ? formatTimeAgo(snapshot.create_time_ms)
+                : "",
+            {
+              width: timeWidth,
+              color: colors.textDim,
+              dimColor: true,
+              bold: false,
+            },
+          ),
+        ],
+        keyExtractor: (snapshot: any) => snapshot.id,
+        emptyState: {
+          message: "No snapshots found. Try:",
+          command: "rln snapshot create <devbox-id>",
+        },
+        pageSize: PAGE_SIZE,
+        maxFetch: MAX_FETCH,
+        onBack: onBack,
+        onExit: onExit,
+        breadcrumbItems: [
+          { label: "Snapshots", active: !devboxId },
           ...(devboxId ? [{ label: `Devbox: ${devboxId}`, active: true }] : []),
-        ]}
-      />
-      <Header
-        title="Snapshots"
-        subtitle={devboxId ? `Filtering by devbox: ${devboxId}` : undefined}
-      />
-      {loading && <SpinnerComponent message="Loading snapshots..." />}
-      {!loading && !error && snapshots.length === 0 && (
-        <Box>
-          <Text color="yellow">{figures.info}</Text>
-          <Text> No snapshots found. Try: </Text>
-          <Text color="cyan" bold>
-            rln snapshot create &lt;devbox-id&gt;
-          </Text>
-        </Box>
-      )}
-      {!loading && !error && snapshots.length > 0 && (
-        <>
-          <Box marginBottom={1}>
-            <Text color="green">
-              {figures.tick} {ready}
-            </Text>
-            <Text> </Text>
-            <Text color="yellow">
-              {figures.ellipsis} {pending}
-            </Text>
-            <Text> </Text>
-            <Text color="cyan">
-              {figures.hamburger} {snapshots.length}
-              {snapshots.length >= MAX_FETCH && '+'}
-            </Text>
-            {totalPages > 1 && (
-              <>
-                <Text color="gray"> • </Text>
-                <Text color="gray" dimColor>
-                  Page {currentPage + 1}/{totalPages}
-                </Text>
-              </>
-            )}
-          </Box>
-
-          <Table
-            data={currentSnapshots}
-            keyExtractor={(snapshot: any) => snapshot.id}
-            selectedIndex={selectedIndex}
-            columns={[
-              createComponentColumn(
-                'status',
-                'Status',
-                (snapshot: any) => <StatusBadge status={snapshot.status} showText={false} />,
-                { width: 2 }
-              ),
-              createTextColumn(
-                'id',
-                'ID',
-                (snapshot: any) => showFullId ? snapshot.id : snapshot.id.slice(0, 13),
-                { width: showFullId ? idWidth : 15, color: 'gray', dimColor: true, bold: false }
-              ),
-              createTextColumn(
-                'name',
-                'Name',
-                (snapshot: any) => snapshot.name || '(unnamed)',
-                { width: nameWidth }
-              ),
-              createTextColumn(
-                'devbox',
-                'Devbox',
-                (snapshot: any) => snapshot.devbox_id || '',
-                { width: devboxWidth, color: 'cyan', dimColor: true, bold: false, visible: showDevboxId }
-              ),
-              createTextColumn(
-                'created',
-                'Created',
-                (snapshot: any) => snapshot.created_at ? formatTimeAgo(new Date(snapshot.created_at).getTime()) : '',
-                { width: timeWidth, color: 'gray', dimColor: true, bold: false }
-              ),
-            ]}
-          />
-
-          <Box marginTop={1}>
-            <Text color="gray" dimColor>
-              {figures.arrowUp}
-              {figures.arrowDown} Navigate •
-            </Text>
-            {totalPages > 1 && (
-              <Text color="gray" dimColor>
-                {' '}
-                {figures.arrowLeft}
-                {figures.arrowRight} Page •
-              </Text>
-            )}
-            <Text color="gray" dimColor>
-              {' '}
-              [q] Quit
-            </Text>
-          </Box>
-        </>
-      )}
-      {error && <ErrorMessage message="Failed to list snapshots" error={error} />}
-    </>
+        ],
+      }}
+    />
   );
 };
 
+// Export the UI component for use in the main menu
+export { ListSnapshotsUI };
+
 export async function listSnapshots(options: ListOptions) {
   const executor = createExecutor(options);
 
@@ -229,11 +134,14 @@ export async function listSnapshots(options: ListOptions) {
     async () => {
       const client = executor.getClient();
       const params = options.devbox ? { devbox_id: options.devbox } : {};
-      return executor.fetchFromIterator(client.devboxes.listDiskSnapshots(params), {
-        limit: PAGE_SIZE,
-      });
+      return executor.fetchFromIterator(
+        client.devboxes.listDiskSnapshots(params),
+        {
+          limit: PAGE_SIZE,
+        },
+      );
     },
     () => <ListSnapshotsUI devboxId={options.devbox} />,
-    PAGE_SIZE
+    PAGE_SIZE,
   );
 }
diff --git a/src/components/ActionsPopup.tsx b/src/components/ActionsPopup.tsx
index 511904c3..55234cad 100644
--- a/src/components/ActionsPopup.tsx
+++ b/src/components/ActionsPopup.tsx
@@ -1,7 +1,8 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
-import chalk from 'chalk';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import chalk from "chalk";
+import { colors } from "../utils/theme.js";
 
 interface ActionsPopupProps {
   devbox: any;
@@ -23,52 +24,64 @@ export const ActionsPopup: React.FC<ActionsPopupProps> = ({
   onClose,
 }) => {
   // Calculate the maximum width needed
-  const maxLabelLength = Math.max(...operations.map(op => op.label.length));
+  const maxLabelLength = Math.max(...operations.map((op) => op.label.length));
   const contentWidth = maxLabelLength + 12; // Content + icon + pointer + shortcuts
 
   // Strip ANSI codes to get real length, then pad
-  const stripAnsi = (str: string) => str.replace(/\u001b\[[0-9;]*m/g, '');
+  const stripAnsi = (str: string) => str.replace(/\u001b\[[0-9;]*m/g, "");
 
   const bgLine = (content: string) => {
     const cleanLength = stripAnsi(content).length;
     const padding = Math.max(0, contentWidth - cleanLength);
-    return chalk.bgBlack(content + ' '.repeat(padding));
+    return chalk.bgBlack(content + " ".repeat(padding));
   };
 
   // Render all lines with background
   const lines = [
     bgLine(chalk.cyan.bold(` ${figures.play} Quick Actions`)),
-    chalk.bgBlack(' '.repeat(contentWidth)),
+    chalk.bgBlack(" ".repeat(contentWidth)),
     ...operations.map((op, index) => {
       const isSelected = index === selectedOperation;
-      const pointer = isSelected ? figures.pointer : ' ';
+      const pointer = isSelected ? figures.pointer : " ";
       const content = ` ${pointer} ${op.icon} ${op.label} [${op.shortcut}]`;
 
       let styled: string;
       if (isSelected) {
-        const colorFn = chalk[op.color as 'red' | 'green' | 'blue' | 'yellow' | 'magenta' | 'cyan'];
-        styled = typeof colorFn === 'function' ? colorFn.bold(content) : chalk.white.bold(content);
+        const colorFn =
+          chalk[
+            op.color as "red" | "green" | "blue" | "yellow" | "magenta" | "cyan"
+          ];
+        styled =
+          typeof colorFn === "function"
+            ? colorFn.bold(content)
+            : chalk.white.bold(content);
       } else {
         styled = chalk.gray(content);
       }
 
       return bgLine(styled);
     }),
-    chalk.bgBlack(' '.repeat(contentWidth)),
-    bgLine(chalk.gray.dim(` ${figures.arrowUp}${figures.arrowDown} Nav • [Enter]`)),
+    chalk.bgBlack(" ".repeat(contentWidth)),
+    bgLine(
+      chalk.gray.dim(` ${figures.arrowUp}${figures.arrowDown} Nav • [Enter]`),
+    ),
     bgLine(chalk.gray.dim(` [Esc] Close`)),
   ];
 
   // Draw custom border with background to fill gaps
-  const borderTop = chalk.cyan('╭' + '─'.repeat(contentWidth) + '╮');
-  const borderBottom = chalk.cyan('╰' + '─'.repeat(contentWidth) + '╯');
+  const borderTop = chalk.cyan("╭" + "─".repeat(contentWidth) + "╮");
+  const borderBottom = chalk.cyan("╰" + "─".repeat(contentWidth) + "╯");
 
   return (
     <Box flexDirection="column" alignItems="center">
       <Box flexDirection="column">
         <Text>{borderTop}</Text>
         {lines.map((line, i) => (
-          <Text key={i}>{chalk.cyan('│')}{line}{chalk.cyan('│')}</Text>
+          <Text key={i}>
+            {chalk.cyan("│")}
+            {line}
+            {chalk.cyan("│")}
+          </Text>
         ))}
         <Text>{borderBottom}</Text>
       </Box>
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index eee0f492..3962bd28 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -1,20 +1,17 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import Gradient from 'ink-gradient';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import BigText from "ink-big-text";
+import Gradient from "ink-gradient";
 
 export const Banner: React.FC = React.memo(() => {
   return (
-    <Box flexDirection="column" marginBottom={1}>
-      <Gradient colors={['#0a4d3a', '#e5f1ed']}>
-        <Text bold>
-          {`
-╦═╗╦ ╦╔╗╔╦  ╔═╗╔═╗╔═╗
-╠╦╝║ ║║║║║  ║ ║║ ║╠═╝
-╩╚═╚═╝╝╚╝╩═╝╚═╝╚═╝╩ .ai
-          `}
-        </Text>
+    <Box flexDirection="column" alignItems="flex-start">
+      <Gradient name="vice">
+        <BigText text="RUNLOOP.ai" font="simple3d" />
       </Gradient>
+      {/* <Box marginTop={-1}>
+        <Text color="cyan" dimColor>.ai</Text>  
+      </Box> */}
     </Box>
   );
 });
diff --git a/src/components/Breadcrumb.tsx b/src/components/Breadcrumb.tsx
index d64890bf..621e9a84 100644
--- a/src/components/Breadcrumb.tsx
+++ b/src/components/Breadcrumb.tsx
@@ -1,8 +1,8 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import { colors } from "../utils/theme.js";
 
-interface BreadcrumbItem {
+export interface BreadcrumbItem {
   label: string;
   active?: boolean;
 }
@@ -12,25 +12,48 @@ interface BreadcrumbProps {
 }
 
 export const Breadcrumb: React.FC<BreadcrumbProps> = React.memo(({ items }) => {
-  const baseUrl = process.env.RUNLOOP_BASE_URL;
-  const isDevEnvironment = baseUrl && baseUrl !== 'https://api.runloop.ai';
+  const env = process.env.RUNLOOP_ENV?.toLowerCase();
+  const isDevEnvironment = env === "dev";
 
   return (
     <Box marginBottom={1} paddingX={1} paddingY={0}>
-      <Text color="green" dimColor bold>RL</Text>
-      {isDevEnvironment && <Text color="redBright" bold> (dev)</Text>}
-      <Text> </Text>
-      <Text color="gray" dimColor>{figures.arrowRight} </Text>
-      {items.map((item, index) => (
-        <React.Fragment key={index}>
-          <Text color={item.active ? 'cyan' : 'gray'} bold={item.active} dimColor={!item.active}>
-            {item.label}
+      <Box
+        borderStyle="round"
+        borderColor={colors.primary}
+        paddingX={2}
+        paddingY={0}
+      >
+        <Text color={colors.primary} bold>
+          rl
+        </Text>
+        {isDevEnvironment && (
+          <Text color="redBright" bold>
+            {" "}
+            (dev)
           </Text>
-          {index < items.length - 1 && (
-            <Text color="gray" dimColor> / </Text>
-          )}
-        </React.Fragment>
-      ))}
+        )}
+        <Text color={colors.textDim} dimColor>
+          {" "}
+          ›{" "}
+        </Text>
+        {items.map((item, index) => (
+          <React.Fragment key={index}>
+            <Text
+              color={item.active ? colors.text : colors.textDim}
+              bold={item.active}
+              dimColor={!item.active}
+            >
+              {item.label}
+            </Text>
+            {index < items.length - 1 && (
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                ›{" "}
+              </Text>
+            )}
+          </React.Fragment>
+        ))}
+      </Box>
     </Box>
   );
 });
diff --git a/src/components/DetailView.tsx b/src/components/DetailView.tsx
index 64edb2e6..9545e168 100644
--- a/src/components/DetailView.tsx
+++ b/src/components/DetailView.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface DetailSection {
   title: string;
@@ -24,13 +25,13 @@ export const DetailView: React.FC<DetailViewProps> = ({ sections }) => {
     <Box flexDirection="column" gap={1}>
       {sections.map((section, sectionIndex) => (
         <Box key={sectionIndex} flexDirection="column">
-          <Text color="yellow" bold>
+          <Text color={colors.warning} bold>
             {section.title}
           </Text>
           {section.items.map((item, itemIndex) => (
             <Box key={itemIndex}>
-              <Text color={item.color || 'gray'} dimColor>
-                  {item.label}: {item.value}
+              <Text color={item.color || colors.textDim} dimColor>
+                {item.label}: {item.value}
               </Text>
             </Box>
           ))}
@@ -59,21 +60,27 @@ export function buildDetailSections(
         color?: string;
       }>;
     };
-  }
+  },
 ): DetailSection[] {
-  return Object.entries(config).map(([sectionName, sectionConfig]) => ({
-    title: sectionName,
-    items: sectionConfig.fields
-      .map((field) => {
-        const value = data[field.key];
-        if (value === undefined || value === null) return null;
+  return Object.entries(config)
+    .map(([sectionName, sectionConfig]) => ({
+      title: sectionName,
+      items: sectionConfig.fields
+        .map((field) => {
+          const value = data[field.key];
+          if (value === undefined || value === null) return null;
 
-        return {
-          label: field.label,
-          value: field.formatter ? field.formatter(value) : String(value),
-          color: field.color,
-        };
-      })
-      .filter(Boolean) as Array<{ label: string; value: string | React.ReactNode; color?: string }>,
-  })).filter((section) => section.items.length > 0);
+          return {
+            label: field.label,
+            value: field.formatter ? field.formatter(value) : String(value),
+            color: field.color,
+          };
+        })
+        .filter(Boolean) as Array<{
+        label: string;
+        value: string | React.ReactNode;
+        color?: string;
+      }>,
+    }))
+    .filter((section) => section.items.length > 0);
 }
diff --git a/src/components/DevboxActionsMenu.tsx b/src/components/DevboxActionsMenu.tsx
index bcfdd874..25a566ed 100644
--- a/src/components/DevboxActionsMenu.tsx
+++ b/src/components/DevboxActionsMenu.tsx
@@ -1,15 +1,27 @@
-import React from 'react';
-import { Box, Text, useInput, useApp, useStdout } from 'ink';
-import TextInput from 'ink-text-input';
-import figures from 'figures';
-import { getClient } from '../utils/client.js';
-import { Header } from './Header.js';
-import { SpinnerComponent } from './Spinner.js';
-import { ErrorMessage } from './ErrorMessage.js';
-import { SuccessMessage } from './SuccessMessage.js';
-import { Breadcrumb } from './Breadcrumb.js';
-
-type Operation = 'exec' | 'upload' | 'snapshot' | 'ssh' | 'logs' | 'tunnel' | 'suspend' | 'resume' | 'delete' | null;
+import React from "react";
+import { Box, Text, useInput, useApp, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { getClient } from "../utils/client.js";
+import { Header } from "./Header.js";
+import { SpinnerComponent } from "./Spinner.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+import { SuccessMessage } from "./SuccessMessage.js";
+import { Breadcrumb } from "./Breadcrumb.js";
+import type { SSHSessionConfig } from "../utils/sshSession.js";
+import { colors } from "../utils/theme.js";
+
+type Operation =
+  | "exec"
+  | "upload"
+  | "snapshot"
+  | "ssh"
+  | "logs"
+  | "tunnel"
+  | "suspend"
+  | "resume"
+  | "delete"
+  | null;
 
 interface DevboxActionsMenuProps {
   devbox: any;
@@ -17,69 +29,147 @@ interface DevboxActionsMenuProps {
   breadcrumbItems?: Array<{ label: string; active?: boolean }>;
   initialOperation?: string; // Operation to execute immediately
   initialOperationIndex?: number; // Index of the operation to select
+  skipOperationsMenu?: boolean; // Skip showing operations menu and execute immediately
+  onSSHRequest?: (config: SSHSessionConfig) => void; // Callback when SSH is requested
 }
 
 export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
   devbox,
   onBack,
   breadcrumbItems = [
-    { label: 'Devboxes' },
-    { label: devbox.name || devbox.id, active: true }
+    { label: "Devboxes" },
+    { label: devbox.name || devbox.id, active: true },
   ],
   initialOperation,
   initialOperationIndex = 0,
+  skipOperationsMenu = false,
+  onSSHRequest,
 }) => {
   const { exit } = useApp();
   const { stdout } = useStdout();
   const [loading, setLoading] = React.useState(false);
-  const [selectedOperation, setSelectedOperation] = React.useState(initialOperationIndex);
-  const [executingOperation, setExecutingOperation] = React.useState<Operation>(initialOperation as Operation || null);
-  const [operationInput, setOperationInput] = React.useState('');
-  const [operationResult, setOperationResult] = React.useState<string | null>(null);
-  const [operationError, setOperationError] = React.useState<Error | null>(null);
-  const [logsWrapMode, setLogsWrapMode] = React.useState(true);
+  const [selectedOperation, setSelectedOperation] = React.useState(
+    initialOperationIndex,
+  );
+  const [executingOperation, setExecutingOperation] = React.useState<Operation>(
+    (initialOperation as Operation) || null,
+  );
+  const [operationInput, setOperationInput] = React.useState("");
+  const [operationResult, setOperationResult] = React.useState<string | null>(
+    null,
+  );
+  const [operationError, setOperationError] = React.useState<Error | null>(
+    null,
+  );
+  const [logsWrapMode, setLogsWrapMode] = React.useState(false);
   const [logsScroll, setLogsScroll] = React.useState(0);
   const [execScroll, setExecScroll] = React.useState(0);
   const [copyStatus, setCopyStatus] = React.useState<string | null>(null);
 
   const allOperations = [
-    { key: 'logs', label: 'View Logs', color: 'blue', icon: figures.info, shortcut: 'l' },
-    { key: 'exec', label: 'Execute Command', color: 'green', icon: figures.play, shortcut: 'e' },
-    { key: 'upload', label: 'Upload File', color: 'green', icon: figures.arrowUp, shortcut: 'u' },
-    { key: 'snapshot', label: 'Create Snapshot', color: 'yellow', icon: figures.circleFilled, shortcut: 'n' },
-    { key: 'ssh', label: 'SSH onto the box', color: 'cyan', icon: figures.arrowRight, shortcut: 's' },
-    { key: 'tunnel', label: 'Open Tunnel', color: 'magenta', icon: figures.pointerSmall, shortcut: 't' },
-    { key: 'suspend', label: 'Suspend Devbox', color: 'yellow', icon: figures.squareSmallFilled, shortcut: 'p' },
-    { key: 'resume', label: 'Resume Devbox', color: 'green', icon: figures.play, shortcut: 'r' },
-    { key: 'delete', label: 'Shutdown Devbox', color: 'red', icon: figures.cross, shortcut: 'd' },
+    {
+      key: "logs",
+      label: "View Logs",
+      color: colors.info,
+      icon: figures.info,
+      shortcut: "l",
+    },
+    {
+      key: "exec",
+      label: "Execute Command",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "e",
+    },
+    {
+      key: "upload",
+      label: "Upload File",
+      color: colors.success,
+      icon: figures.arrowUp,
+      shortcut: "u",
+    },
+    {
+      key: "snapshot",
+      label: "Create Snapshot",
+      color: colors.warning,
+      icon: figures.circleFilled,
+      shortcut: "n",
+    },
+    {
+      key: "ssh",
+      label: "SSH onto the box",
+      color: colors.primary,
+      icon: figures.arrowRight,
+      shortcut: "s",
+    },
+    {
+      key: "tunnel",
+      label: "Open Tunnel",
+      color: colors.secondary,
+      icon: figures.pointerSmall,
+      shortcut: "t",
+    },
+    {
+      key: "suspend",
+      label: "Suspend Devbox",
+      color: colors.warning,
+      icon: figures.squareSmallFilled,
+      shortcut: "p",
+    },
+    {
+      key: "resume",
+      label: "Resume Devbox",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "r",
+    },
+    {
+      key: "delete",
+      label: "Shutdown Devbox",
+      color: colors.error,
+      icon: figures.cross,
+      shortcut: "d",
+    },
   ];
 
   // Filter operations based on devbox status
-  const operations = devbox ? allOperations.filter(op => {
-    const status = devbox.status;
-
-    // When suspended: logs and resume
-    if (status === 'suspended') {
-      return op.key === 'resume' || op.key === 'logs';
-    }
-
-    // When not running (shutdown, failure, etc): only logs
-    if (status !== 'running' && status !== 'provisioning' && status !== 'initializing') {
-      return op.key === 'logs';
-    }
-
-    // When running: everything except resume
-    if (status === 'running') {
-      return op.key !== 'resume';
-    }
-
-    // Default for transitional states (provisioning, initializing)
-    return op.key === 'logs' || op.key === 'delete';
-  }) : allOperations;
+  const operations = devbox
+    ? allOperations.filter((op) => {
+        const status = devbox.status;
+
+        // When suspended: logs and resume
+        if (status === "suspended") {
+          return op.key === "resume" || op.key === "logs";
+        }
+
+        // When not running (shutdown, failure, etc): only logs
+        if (
+          status !== "running" &&
+          status !== "provisioning" &&
+          status !== "initializing"
+        ) {
+          return op.key === "logs";
+        }
+
+        // When running: everything except resume
+        if (status === "running") {
+          return op.key !== "resume";
+        }
+
+        // Default for transitional states (provisioning, initializing)
+        return op.key === "logs" || op.key === "delete";
+      })
+    : allOperations;
 
   // Auto-execute operations that don't need input
   React.useEffect(() => {
-    if ((executingOperation === 'delete' || executingOperation === 'ssh' || executingOperation === 'logs' || executingOperation === 'suspend' || executingOperation === 'resume') && !loading && devbox) {
+    const autoExecuteOps = ["delete", "ssh", "logs", "suspend", "resume"];
+    if (
+      executingOperation &&
+      autoExecuteOps.includes(executingOperation) &&
+      !loading &&
+      devbox
+    ) {
       executeOperation();
     }
   }, [executingOperation]);
@@ -89,150 +179,240 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     if (executingOperation && !operationResult && !operationError) {
       if (key.return && operationInput.trim()) {
         executeOperation();
-      } else if (input === 'q' || key.escape) {
+      } else if (input === "q" || key.escape) {
         console.clear();
         setExecutingOperation(null);
-        setOperationInput('');
+        setOperationInput("");
       }
       return;
     }
 
     // Handle operation result display
     if (operationResult || operationError) {
-      if (input === 'q' || key.escape || key.return) {
+      if (input === "q" || key.escape || key.return) {
         console.clear();
-        setOperationResult(null);
-        setOperationError(null);
-        setExecutingOperation(null);
-        setOperationInput('');
-        setLogsWrapMode(true);
-        setLogsScroll(0);
-        setExecScroll(0);
-        setCopyStatus(null);
-      } else if ((key.upArrow || input === 'k') && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+        // If skipOperationsMenu is true, go back to parent instead of operations menu
+        if (skipOperationsMenu) {
+          onBack();
+        } else {
+          setOperationResult(null);
+          setOperationError(null);
+          setExecutingOperation(null);
+          setOperationInput("");
+          setLogsWrapMode(true);
+          setLogsScroll(0);
+          setExecScroll(0);
+          setCopyStatus(null);
+        }
+      } else if (
+        (key.upArrow || input === "k") &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         setExecScroll(Math.max(0, execScroll - 1));
-      } else if ((key.downArrow || input === 'j') && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+      } else if (
+        (key.downArrow || input === "j") &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         setExecScroll(execScroll + 1);
-      } else if (key.pageUp && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+      } else if (
+        key.pageUp &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         setExecScroll(Math.max(0, execScroll - 10));
-      } else if (key.pageDown && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+      } else if (
+        key.pageDown &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         setExecScroll(execScroll + 10);
-      } else if (input === 'g' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+      } else if (
+        input === "g" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         setExecScroll(0);
-      } else if (input === 'G' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
-        const lines = [...((operationResult as any).stdout || '').split('\n'), ...((operationResult as any).stderr || '').split('\n')];
+      } else if (
+        input === "G" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
+        const lines = [
+          ...((operationResult as any).stdout || "").split("\n"),
+          ...((operationResult as any).stderr || "").split("\n"),
+        ];
         const terminalHeight = stdout?.rows || 30;
         const viewportHeight = Math.max(10, terminalHeight - 15);
         const maxScroll = Math.max(0, lines.length - viewportHeight);
         setExecScroll(maxScroll);
-      } else if (input === 'c' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
+      } else if (
+        input === "c" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "exec"
+      ) {
         // Copy exec output to clipboard
-        const output = ((operationResult as any).stdout || '') + ((operationResult as any).stderr || '');
+        const output =
+          ((operationResult as any).stdout || "") +
+          ((operationResult as any).stderr || "");
 
         const copyToClipboard = async (text: string) => {
-          const { spawn } = await import('child_process');
+          const { spawn } = await import("child_process");
           const platform = process.platform;
 
           let command: string;
           let args: string[];
 
-          if (platform === 'darwin') {
-            command = 'pbcopy';
+          if (platform === "darwin") {
+            command = "pbcopy";
             args = [];
-          } else if (platform === 'win32') {
-            command = 'clip';
+          } else if (platform === "win32") {
+            command = "clip";
             args = [];
           } else {
-            command = 'xclip';
-            args = ['-selection', 'clipboard'];
+            command = "xclip";
+            args = ["-selection", "clipboard"];
           }
 
           const proc = spawn(command, args);
           proc.stdin.write(text);
           proc.stdin.end();
 
-          proc.on('exit', (code) => {
+          proc.on("exit", (code) => {
             if (code === 0) {
-              setCopyStatus('Copied to clipboard!');
+              setCopyStatus("Copied to clipboard!");
               setTimeout(() => setCopyStatus(null), 2000);
             } else {
-              setCopyStatus('Failed to copy');
+              setCopyStatus("Failed to copy");
               setTimeout(() => setCopyStatus(null), 2000);
             }
           });
 
-          proc.on('error', () => {
-            setCopyStatus('Copy not supported');
+          proc.on("error", () => {
+            setCopyStatus("Copy not supported");
             setTimeout(() => setCopyStatus(null), 2000);
           });
         };
 
         copyToClipboard(output);
-      } else if ((key.upArrow || input === 'k') && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        (key.upArrow || input === "k") &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsScroll(Math.max(0, logsScroll - 1));
-      } else if ((key.downArrow || input === 'j') && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        (key.downArrow || input === "j") &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsScroll(logsScroll + 1);
-      } else if (key.pageUp && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        key.pageUp &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsScroll(Math.max(0, logsScroll - 10));
-      } else if (key.pageDown && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        key.pageDown &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsScroll(logsScroll + 10);
-      } else if (input === 'g' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        input === "g" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsScroll(0);
-      } else if (input === 'G' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        input === "G" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         const logs = (operationResult as any).__logs || [];
         const terminalHeight = stdout?.rows || 30;
         const viewportHeight = Math.max(10, terminalHeight - 10);
         const maxScroll = Math.max(0, logs.length - viewportHeight);
         setLogsScroll(maxScroll);
-      } else if (input === 'w' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        input === "w" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         setLogsWrapMode(!logsWrapMode);
-      } else if (input === 'c' && operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+      } else if (
+        input === "c" &&
+        operationResult &&
+        typeof operationResult === "object" &&
+        (operationResult as any).__customRender === "logs"
+      ) {
         // Copy logs to clipboard
         const logs = (operationResult as any).__logs || [];
-        const logsText = logs.map((log: any) => {
-          const time = new Date(log.timestamp_ms).toLocaleString();
-          const level = log.level || 'INFO';
-          const source = log.source || 'exec';
-          const message = log.message || '';
-          const cmd = log.cmd ? `[${log.cmd}] ` : '';
-          const exitCode = log.exit_code !== null && log.exit_code !== undefined ? `(${log.exit_code}) ` : '';
-          return `${time} ${level}/${source} ${exitCode}${cmd}${message}`;
-        }).join('\n');
+        const logsText = logs
+          .map((log: any) => {
+            const time = new Date(log.timestamp_ms).toLocaleString();
+            const level = log.level || "INFO";
+            const source = log.source || "exec";
+            const message = log.message || "";
+            const cmd = log.cmd ? `[${log.cmd}] ` : "";
+            const exitCode =
+              log.exit_code !== null && log.exit_code !== undefined
+                ? `(${log.exit_code}) `
+                : "";
+            return `${time} ${level}/${source} ${exitCode}${cmd}${message}`;
+          })
+          .join("\n");
 
         const copyToClipboard = async (text: string) => {
-          const { spawn } = await import('child_process');
+          const { spawn } = await import("child_process");
           const platform = process.platform;
 
           let command: string;
           let args: string[];
 
-          if (platform === 'darwin') {
-            command = 'pbcopy';
+          if (platform === "darwin") {
+            command = "pbcopy";
             args = [];
-          } else if (platform === 'win32') {
-            command = 'clip';
+          } else if (platform === "win32") {
+            command = "clip";
             args = [];
           } else {
-            command = 'xclip';
-            args = ['-selection', 'clipboard'];
+            command = "xclip";
+            args = ["-selection", "clipboard"];
           }
 
           const proc = spawn(command, args);
           proc.stdin.write(text);
           proc.stdin.end();
 
-          proc.on('exit', (code) => {
+          proc.on("exit", (code) => {
             if (code === 0) {
-              setCopyStatus('Copied to clipboard!');
+              setCopyStatus("Copied to clipboard!");
               setTimeout(() => setCopyStatus(null), 2000);
             } else {
-              setCopyStatus('Failed to copy');
+              setCopyStatus("Failed to copy");
               setTimeout(() => setCopyStatus(null), 2000);
             }
           });
 
-          proc.on('error', () => {
-            setCopyStatus('Copy not supported');
+          proc.on("error", () => {
+            setCopyStatus("Copy not supported");
             setTimeout(() => setCopyStatus(null), 2000);
           });
         };
@@ -243,7 +423,7 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     }
 
     // Operations selection mode
-    if (input === 'q' || key.escape) {
+    if (input === "q" || key.escape) {
       console.clear();
       onBack();
       setSelectedOperation(0);
@@ -257,7 +437,7 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
       setExecutingOperation(op);
     } else if (input) {
       // Check if input matches any operation shortcut
-      const matchedOp = operations.find(op => op.shortcut === input);
+      const matchedOp = operations.find((op) => op.shortcut === input);
       if (matchedOp) {
         console.clear();
         setExecutingOperation(matchedOp.key as Operation);
@@ -271,25 +451,25 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     try {
       setLoading(true);
       switch (executingOperation) {
-        case 'exec':
+        case "exec":
           const execResult = await client.devboxes.executeSync(devbox.id, {
             command: operationInput,
           });
           // Format exec result for custom rendering
           const formattedExecResult: any = {
-            __customRender: 'exec',
+            __customRender: "exec",
             command: operationInput,
-            stdout: execResult.stdout || '',
-            stderr: execResult.stderr || '',
+            stdout: execResult.stdout || "",
+            stderr: execResult.stderr || "",
             exitCode: (execResult as any).exit_code ?? 0,
           };
           setOperationResult(formattedExecResult);
           break;
 
-        case 'upload':
-          const fs = await import('fs');
+        case "upload":
+          const fs = await import("fs");
           const fileStream = fs.createReadStream(operationInput);
-          const filename = operationInput.split('/').pop() || 'file';
+          const filename = operationInput.split("/").pop() || "file";
           await client.devboxes.uploadFile(devbox.id, {
             path: filename,
             file: fileStream,
@@ -297,78 +477,100 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
           setOperationResult(`File ${filename} uploaded successfully`);
           break;
 
-        case 'snapshot':
+        case "snapshot":
           const snapshot = await client.devboxes.snapshotDisk(devbox.id, {
             name: operationInput || `snapshot-${Date.now()}`,
           });
           setOperationResult(`Snapshot created: ${snapshot.id}`);
           break;
 
-        case 'ssh':
+        case "ssh":
           const sshKey = await client.devboxes.createSSHKey(devbox.id);
 
-          const fsModule = await import('fs');
-          const pathModule = await import('path');
-          const osModule = await import('os');
+          const fsModule = await import("fs");
+          const pathModule = await import("path");
+          const osModule = await import("os");
 
-          const sshDir = pathModule.join(osModule.homedir(), '.runloop', 'ssh_keys');
+          const sshDir = pathModule.join(
+            osModule.homedir(),
+            ".runloop",
+            "ssh_keys",
+          );
           fsModule.mkdirSync(sshDir, { recursive: true });
           const keyPath = pathModule.join(sshDir, `${devbox.id}.pem`);
 
-          fsModule.writeFileSync(keyPath, sshKey.ssh_private_key, { mode: 0o600 });
+          fsModule.writeFileSync(keyPath, sshKey.ssh_private_key, {
+            mode: 0o600,
+          });
 
-          const sshUser = devbox.launch_parameters?.user_parameters?.username || 'user';
-          const proxyCommand = 'openssl s_client -quiet -verify_quiet -servername %h -connect ssh.runloop.ai:443 2>/dev/null';
+          const sshUser =
+            devbox.launch_parameters?.user_parameters?.username || "user";
+          const env = process.env.RUNLOOP_ENV?.toLowerCase();
+          const sshHost = env === "dev" ? "ssh.runloop.pro" : "ssh.runloop.ai";
+          const proxyCommand = `openssl s_client -quiet -verify_quiet -servername %h -connect ${sshHost}:443 2>/dev/null`;
 
-          (global as any).__sshCommand = {
+          const sshConfig: SSHSessionConfig = {
             keyPath,
             proxyCommand,
             sshUser,
             url: sshKey.url,
-            devboxName: devbox.name || devbox.id
+            devboxId: devbox.id,
+            devboxName: devbox.name || devbox.id,
           };
 
-          exit();
+          // Notify parent that SSH is requested
+          if (onSSHRequest) {
+            onSSHRequest(sshConfig);
+            exit();
+          } else {
+            setOperationError(new Error("SSH session handler not configured"));
+          }
           break;
 
-        case 'logs':
+        case "logs":
           const logsResult = await client.devboxes.logs.list(devbox.id);
           if (logsResult.logs.length === 0) {
-            setOperationResult('No logs available for this devbox.');
+            setOperationResult("No logs available for this devbox.");
           } else {
-            (logsResult as any).__customRender = 'logs';
+            (logsResult as any).__customRender = "logs";
             (logsResult as any).__logs = logsResult.logs;
             (logsResult as any).__totalCount = logsResult.logs.length;
             setOperationResult(logsResult as any);
           }
           break;
 
-        case 'tunnel':
+        case "tunnel":
           const port = parseInt(operationInput);
           if (isNaN(port) || port < 1 || port > 65535) {
-            setOperationError(new Error('Invalid port number. Please enter a port between 1 and 65535.'));
+            setOperationError(
+              new Error(
+                "Invalid port number. Please enter a port between 1 and 65535.",
+              ),
+            );
           } else {
-            const tunnel = await client.devboxes.createTunnel(devbox.id, { port });
+            const tunnel = await client.devboxes.createTunnel(devbox.id, {
+              port,
+            });
             setOperationResult(
               `Tunnel created!\n\n` +
-              `Local Port: ${port}\n` +
-              `Public URL: ${tunnel.url}\n\n` +
-              `You can now access port ${port} on the devbox via:\n${tunnel.url}`
+                `Local Port: ${port}\n` +
+                `Public URL: ${tunnel.url}\n\n` +
+                `You can now access port ${port} on the devbox via:\n${tunnel.url}`,
             );
           }
           break;
 
-        case 'suspend':
+        case "suspend":
           await client.devboxes.suspend(devbox.id);
           setOperationResult(`Devbox ${devbox.id} suspended successfully`);
           break;
 
-        case 'resume':
+        case "resume":
           await client.devboxes.resume(devbox.id);
           setOperationResult(`Devbox ${devbox.id} resumed successfully`);
           break;
 
-        case 'delete':
+        case "delete":
           await client.devboxes.shutdown(devbox.id);
           setOperationResult(`Devbox ${devbox.id} shut down successfully`);
           break;
@@ -380,57 +582,91 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     }
   };
 
-  const operationLabel = operations.find((o) => o.key === executingOperation)?.label || 'Operation';
+  const operationLabel =
+    operations.find((o) => o.key === executingOperation)?.label || "Operation";
 
   // Operation result display
   if (operationResult || operationError) {
     // Check for custom exec rendering
-    if (operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'exec') {
-      const command = (operationResult as any).command || '';
-      const stdout = (operationResult as any).stdout || '';
-      const stderr = (operationResult as any).stderr || '';
+    if (
+      operationResult &&
+      typeof operationResult === "object" &&
+      (operationResult as any).__customRender === "exec"
+    ) {
+      const command = (operationResult as any).command || "";
+      const stdout = (operationResult as any).stdout || "";
+      const stderr = (operationResult as any).stderr || "";
       const exitCode = (operationResult as any).exitCode;
 
-      const stdoutLines = stdout ? stdout.split('\n') : [];
-      const stderrLines = stderr ? stderr.split('\n') : [];
-      const allLines = [...stdoutLines, ...stderrLines].filter(line => line !== '');
+      const stdoutLines = stdout ? stdout.split("\n") : [];
+      const stderrLines = stderr ? stderr.split("\n") : [];
+      const allLines = [...stdoutLines, ...stderrLines].filter(
+        (line) => line !== "",
+      );
 
       const terminalHeight = stdout?.rows || 30;
       const viewportHeight = Math.max(10, terminalHeight - 15);
       const maxScroll = Math.max(0, allLines.length - viewportHeight);
       const actualScroll = Math.min(execScroll, maxScroll);
-      const visibleLines = allLines.slice(actualScroll, actualScroll + viewportHeight);
+      const visibleLines = allLines.slice(
+        actualScroll,
+        actualScroll + viewportHeight,
+      );
       const hasMore = actualScroll + viewportHeight < allLines.length;
       const hasLess = actualScroll > 0;
 
-      const exitCodeColor = exitCode === 0 ? 'green' : 'red';
+      const exitCodeColor = exitCode === 0 ? colors.success : colors.error;
 
       return (
         <>
-          <Breadcrumb items={[...breadcrumbItems, { label: 'Execute Command', active: true }]} />
+          <Breadcrumb
+            items={[
+              ...breadcrumbItems,
+              { label: "Execute Command", active: true },
+            ]}
+          />
 
           {/* Command header */}
-          <Box flexDirection="column" borderStyle="round" borderColor="cyan" paddingX={1} marginBottom={1}>
+          <Box
+            flexDirection="column"
+            borderStyle="round"
+            borderColor={colors.primary}
+            paddingX={1}
+            marginBottom={1}
+          >
             <Box>
-              <Text color="cyan" bold>{figures.play} Command:</Text>
+              <Text color={colors.primary} bold>
+                {figures.play} Command:
+              </Text>
               <Text> </Text>
-              <Text color="white">{command}</Text>
+              <Text color={colors.text}>{command}</Text>
             </Box>
             <Box>
-              <Text color="gray" dimColor>Exit Code: </Text>
-              <Text color={exitCodeColor} bold>{exitCode}</Text>
+              <Text color={colors.textDim} dimColor>
+                Exit Code:{" "}
+              </Text>
+              <Text color={exitCodeColor} bold>
+                {exitCode}
+              </Text>
             </Box>
           </Box>
 
           {/* Output display */}
-          <Box flexDirection="column" borderStyle="round" borderColor="gray" paddingX={1}>
+          <Box
+            flexDirection="column"
+            borderStyle="round"
+            borderColor={colors.border}
+            paddingX={1}
+          >
             {allLines.length === 0 && (
-              <Text color="gray" dimColor>No output</Text>
+              <Text color={colors.textDim} dimColor>
+                No output
+              </Text>
             )}
             {visibleLines.map((line: string, index: number) => {
               const actualIndex = actualScroll + index;
               const isStderr = actualIndex >= stdoutLines.length;
-              const lineColor = isStderr ? 'red' : 'white';
+              const lineColor = isStderr ? colors.error : colors.text;
 
               return (
                 <Box key={index}>
@@ -441,54 +677,81 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
 
             {hasLess && (
               <Box marginTop={1}>
-                <Text color="cyan">{figures.arrowUp} More above</Text>
+                <Text color={colors.primary}>{figures.arrowUp} More above</Text>
               </Box>
             )}
             {hasMore && (
               <Box marginTop={hasLess ? 0 : 1}>
-                <Text color="cyan">{figures.arrowDown} More below</Text>
+                <Text color={colors.primary}>
+                  {figures.arrowDown} More below
+                </Text>
               </Box>
             )}
           </Box>
 
           {/* Statistics bar */}
           <Box marginTop={1} paddingX={1}>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {figures.hamburger} {allLines.length}
             </Text>
-            <Text color="gray" dimColor> lines</Text>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              lines
+            </Text>
             {allLines.length > 0 && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="gray" dimColor>
-                  Viewing {actualScroll + 1}-{Math.min(actualScroll + viewportHeight, allLines.length)} of {allLines.length}
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.textDim} dimColor>
+                  Viewing {actualScroll + 1}-
+                  {Math.min(actualScroll + viewportHeight, allLines.length)} of{" "}
+                  {allLines.length}
                 </Text>
               </>
             )}
             {stdout && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="green" dimColor>stdout: {stdoutLines.length} lines</Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.success} dimColor>
+                  stdout: {stdoutLines.length} lines
+                </Text>
               </>
             )}
             {stderr && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="red" dimColor>stderr: {stderrLines.length} lines</Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.error} dimColor>
+                  stderr: {stderrLines.length} lines
+                </Text>
               </>
             )}
             {copyStatus && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="green" bold>{copyStatus}</Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.success} bold>
+                  {copyStatus}
+                </Text>
               </>
             )}
           </Box>
 
           {/* Help bar */}
           <Box marginTop={1} paddingX={1}>
-            <Text color="gray" dimColor>
-              {figures.arrowUp}{figures.arrowDown} Navigate • [g] Top • [G] Bottom • [c] Copy • [Enter], [q], or [esc] Back
+            <Text color={colors.textDim} dimColor>
+              {figures.arrowUp}
+              {figures.arrowDown} Navigate • [g] Top • [G] Bottom • [c] Copy •
+              [Enter], [q], or [esc] Back
             </Text>
           </Box>
         </>
@@ -496,7 +759,11 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     }
 
     // Check for custom logs rendering
-    if (operationResult && typeof operationResult === 'object' && (operationResult as any).__customRender === 'logs') {
+    if (
+      operationResult &&
+      typeof operationResult === "object" &&
+      (operationResult as any).__customRender === "logs"
+    ) {
       const logs = (operationResult as any).__logs || [];
       const totalCount = (operationResult as any).__totalCount || 0;
 
@@ -505,56 +772,97 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
       const viewportHeight = Math.max(10, terminalHeight - 10);
       const maxScroll = Math.max(0, logs.length - viewportHeight);
       const actualScroll = Math.min(logsScroll, maxScroll);
-      const visibleLogs = logs.slice(actualScroll, actualScroll + viewportHeight);
+      const visibleLogs = logs.slice(
+        actualScroll,
+        actualScroll + viewportHeight,
+      );
       const hasMore = actualScroll + viewportHeight < logs.length;
       const hasLess = actualScroll > 0;
 
       return (
         <>
-          <Breadcrumb items={[...breadcrumbItems, { label: 'Logs', active: true }]} />
-
-          <Box flexDirection="column" borderStyle="round" borderColor="gray" paddingX={1}>
+          <Breadcrumb
+            items={[...breadcrumbItems, { label: "Logs", active: true }]}
+          />
+
+          <Box
+            flexDirection="column"
+            borderStyle="round"
+            borderColor={colors.border}
+            paddingX={1}
+          >
             {visibleLogs.map((log: any, index: number) => {
               const time = new Date(log.timestamp_ms).toLocaleTimeString();
-              const level = log.level ? log.level[0].toUpperCase() : 'I';
-              const source = log.source ? log.source.substring(0, 8) : 'exec';
-              const fullMessage = log.message || '';
-              const cmd = log.cmd ? `[${log.cmd.substring(0, 40)}${log.cmd.length > 40 ? '...' : ''}] ` : '';
-              const exitCode = log.exit_code !== null && log.exit_code !== undefined ? `(${log.exit_code}) ` : '';
-
-              let levelColor = 'gray';
-              if (level === 'E') levelColor = 'red';
-              else if (level === 'W') levelColor = 'yellow';
-              else if (level === 'I') levelColor = 'cyan';
+              const level = log.level ? log.level[0].toUpperCase() : "I";
+              const source = log.source ? log.source.substring(0, 8) : "exec";
+              const fullMessage = log.message || "";
+              const cmd = log.cmd
+                ? `[${log.cmd.substring(0, 40)}${log.cmd.length > 40 ? "..." : ""}] `
+                : "";
+              const exitCode =
+                log.exit_code !== null && log.exit_code !== undefined
+                  ? `(${log.exit_code}) `
+                  : "";
+
+              let levelColor: string = colors.textDim;
+              if (level === "E") levelColor = colors.error;
+              else if (level === "W") levelColor = colors.warning;
+              else if (level === "I") levelColor = colors.primary;
 
               if (logsWrapMode) {
                 return (
                   <Box key={index}>
-                    <Text color="gray" dimColor>{time}</Text>
+                    <Text color={colors.textDim} dimColor>
+                      {time}
+                    </Text>
                     <Text> </Text>
-                    <Text color={levelColor} bold>{level}</Text>
-                    <Text color="gray" dimColor>/{source}</Text>
+                    <Text color={levelColor} bold>
+                      {level}
+                    </Text>
+                    <Text color={colors.textDim} dimColor>
+                      /{source}
+                    </Text>
                     <Text> </Text>
-                    {exitCode && <Text color="yellow">{exitCode}</Text>}
-                    {cmd && <Text color="blue" dimColor>{cmd}</Text>}
+                    {exitCode && <Text color={colors.warning}>{exitCode}</Text>}
+                    {cmd && (
+                      <Text color={colors.info} dimColor>
+                        {cmd}
+                      </Text>
+                    )}
                     <Text>{fullMessage}</Text>
                   </Box>
                 );
               } else {
-                const metadataWidth = 11 + 1 + 1 + 1 + 8 + 1 + exitCode.length + cmd.length + 6;
-                const availableMessageWidth = Math.max(20, terminalWidth - metadataWidth);
-                const truncatedMessage = fullMessage.length > availableMessageWidth
-                  ? fullMessage.substring(0, availableMessageWidth - 3) + '...'
-                  : fullMessage;
+                const metadataWidth =
+                  11 + 1 + 1 + 1 + 8 + 1 + exitCode.length + cmd.length + 6;
+                const availableMessageWidth = Math.max(
+                  20,
+                  terminalWidth - metadataWidth,
+                );
+                const truncatedMessage =
+                  fullMessage.length > availableMessageWidth
+                    ? fullMessage.substring(0, availableMessageWidth - 3) +
+                      "..."
+                    : fullMessage;
                 return (
                   <Box key={index}>
-                    <Text color="gray" dimColor>{time}</Text>
+                    <Text color={colors.textDim} dimColor>
+                      {time}
+                    </Text>
                     <Text> </Text>
-                    <Text color={levelColor} bold>{level}</Text>
-                    <Text color="gray" dimColor>/{source}</Text>
+                    <Text color={levelColor} bold>
+                      {level}
+                    </Text>
+                    <Text color={colors.textDim} dimColor>
+                      /{source}
+                    </Text>
                     <Text> </Text>
-                    {exitCode && <Text color="yellow">{exitCode}</Text>}
-                    {cmd && <Text color="blue" dimColor>{cmd}</Text>}
+                    {exitCode && <Text color={colors.warning}>{exitCode}</Text>}
+                    {cmd && (
+                      <Text color={colors.info} dimColor>
+                        {cmd}
+                      </Text>
+                    )}
                     <Text>{truncatedMessage}</Text>
                   </Box>
                 );
@@ -563,40 +871,63 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
 
             {hasLess && (
               <Box>
-                <Text color="cyan">{figures.arrowUp} More above</Text>
+                <Text color={colors.primary}>{figures.arrowUp} More above</Text>
               </Box>
             )}
             {hasMore && (
               <Box>
-                <Text color="cyan">{figures.arrowDown} More below</Text>
+                <Text color={colors.primary}>
+                  {figures.arrowDown} More below
+                </Text>
               </Box>
             )}
           </Box>
 
           <Box marginTop={1} paddingX={1}>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {figures.hamburger} {totalCount}
             </Text>
-            <Text color="gray" dimColor> total logs</Text>
-            <Text color="gray" dimColor> • </Text>
-            <Text color="gray" dimColor>
-              Viewing {actualScroll + 1}-{Math.min(actualScroll + viewportHeight, logs.length)} of {logs.length}
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              total logs
+            </Text>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              •{" "}
             </Text>
-            <Text color="gray" dimColor> • </Text>
-            <Text color={logsWrapMode ? 'green' : 'gray'} bold={logsWrapMode}>
-              {logsWrapMode ? 'Wrap: ON' : 'Wrap: OFF'}
+            <Text color={colors.textDim} dimColor>
+              Viewing {actualScroll + 1}-
+              {Math.min(actualScroll + viewportHeight, logs.length)} of{" "}
+              {logs.length}
+            </Text>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              •{" "}
+            </Text>
+            <Text
+              color={logsWrapMode ? colors.success : colors.textDim}
+              bold={logsWrapMode}
+            >
+              {logsWrapMode ? "Wrap: ON" : "Wrap: OFF"}
             </Text>
             {copyStatus && (
               <>
-                <Text color="gray" dimColor> • </Text>
-                <Text color="green" bold>{copyStatus}</Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  •{" "}
+                </Text>
+                <Text color={colors.success} bold>
+                  {copyStatus}
+                </Text>
               </>
             )}
           </Box>
 
           <Box marginTop={1} paddingX={1}>
-            <Text color="gray" dimColor>
-              {figures.arrowUp}{figures.arrowDown} Navigate • [g] Top • [G] Bottom • [w] Toggle Wrap • [c] Copy • [Enter], [q], or [esc] Back
+            <Text color={colors.textDim} dimColor>
+              {figures.arrowUp}
+              {figures.arrowDown} Navigate • [g] Top • [G] Bottom • [w] Toggle
+              Wrap • [c] Copy • [Enter], [q], or [esc] Back
             </Text>
           </Box>
         </>
@@ -605,12 +936,16 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
 
     return (
       <>
-        <Breadcrumb items={[...breadcrumbItems, { label: operationLabel, active: true }]} />
+        <Breadcrumb
+          items={[...breadcrumbItems, { label: operationLabel, active: true }]}
+        />
         <Header title="Operation Result" />
         {operationResult && <SuccessMessage message={operationResult} />}
-        {operationError && <ErrorMessage message="Operation failed" error={operationError} />}
+        {operationError && (
+          <ErrorMessage message="Operation failed" error={operationError} />
+        )}
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             Press [Enter], [q], or [esc] to continue
           </Text>
         </Box>
@@ -621,15 +956,20 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
   // Operation input mode
   if (executingOperation && devbox) {
     const needsInput =
-      executingOperation === 'exec' ||
-      executingOperation === 'upload' ||
-      executingOperation === 'snapshot' ||
-      executingOperation === 'tunnel';
+      executingOperation === "exec" ||
+      executingOperation === "upload" ||
+      executingOperation === "snapshot" ||
+      executingOperation === "tunnel";
 
     if (loading) {
       return (
         <>
-          <Breadcrumb items={[...breadcrumbItems, { label: operationLabel, active: true }]} />
+          <Breadcrumb
+            items={[
+              ...breadcrumbItems,
+              { label: operationLabel, active: true },
+            ]}
+          />
           <Header title="Executing Operation" />
           <SpinnerComponent message="Please wait..." />
         </>
@@ -638,58 +978,67 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
 
     if (!needsInput) {
       const messages: Record<string, string> = {
-        ssh: 'Creating SSH key...',
-        logs: 'Fetching logs...',
-        suspend: 'Suspending devbox...',
-        resume: 'Resuming devbox...',
-        delete: 'Shutting down devbox...',
+        ssh: "Creating SSH key...",
+        logs: "Fetching logs...",
+        suspend: "Suspending devbox...",
+        resume: "Resuming devbox...",
+        delete: "Shutting down devbox...",
       };
       return (
         <>
-          <Breadcrumb items={[...breadcrumbItems, { label: operationLabel, active: true }]} />
+          <Breadcrumb
+            items={[
+              ...breadcrumbItems,
+              { label: operationLabel, active: true },
+            ]}
+          />
           <Header title="Executing Operation" />
-          <SpinnerComponent message={messages[executingOperation as string] || 'Please wait...'} />
+          <SpinnerComponent
+            message={messages[executingOperation as string] || "Please wait..."}
+          />
         </>
       );
     }
 
     const prompts: Record<string, string> = {
-      exec: 'Command to execute:',
-      upload: 'File path to upload:',
-      snapshot: 'Snapshot name (optional):',
-      tunnel: 'Port number to expose:',
+      exec: "Command to execute:",
+      upload: "File path to upload:",
+      snapshot: "Snapshot name (optional):",
+      tunnel: "Port number to expose:",
     };
 
     return (
       <>
-        <Breadcrumb items={[...breadcrumbItems, { label: operationLabel, active: true }]} />
+        <Breadcrumb
+          items={[...breadcrumbItems, { label: operationLabel, active: true }]}
+        />
         <Header title={operationLabel} />
         <Box flexDirection="column" marginBottom={1}>
           <Box marginBottom={1}>
-            <Text color="cyan" bold>
+            <Text color={colors.primary} bold>
               {devbox.name || devbox.id}
             </Text>
           </Box>
           <Box>
-            <Text color="gray">{prompts[executingOperation]} </Text>
+            <Text color={colors.textDim}>{prompts[executingOperation]} </Text>
           </Box>
           <Box marginTop={1}>
             <TextInput
               value={operationInput}
               onChange={setOperationInput}
               placeholder={
-                executingOperation === 'exec'
-                  ? 'ls -la'
-                  : executingOperation === 'upload'
-                  ? '/path/to/file'
-                  : executingOperation === 'tunnel'
-                  ? '8080'
-                  : 'my-snapshot'
+                executingOperation === "exec"
+                  ? "ls -la"
+                  : executingOperation === "upload"
+                    ? "/path/to/file"
+                    : executingOperation === "tunnel"
+                      ? "8080"
+                      : "my-snapshot"
               }
             />
           </Box>
           <Box marginTop={1}>
-            <Text color="gray" dimColor>
+            <Text color={colors.textDim} dimColor>
               Press [Enter] to execute • [q or esc] Cancel
             </Text>
           </Box>
@@ -698,31 +1047,54 @@ export const DevboxActionsMenu: React.FC<DevboxActionsMenuProps> = ({
     );
   }
 
-  // Operations selection mode
-  return (
-    <>
-      <Breadcrumb items={breadcrumbItems} />
-      <Box flexDirection="column">
-        <Text color="cyan" bold>{figures.play} Operations</Text>
+  // Operations selection mode - only show if not skipping
+  if (!skipOperationsMenu || !executingOperation) {
+    return (
+      <>
+        <Breadcrumb items={breadcrumbItems} />
         <Box flexDirection="column">
-          {operations.map((op, index) => {
-            const isSelected = index === selectedOperation;
-            return (
-              <Box key={op.key}>
-                <Text color={isSelected ? 'cyan' : 'gray'}>{isSelected ? figures.pointer : ' '} </Text>
-                <Text color={isSelected ? op.color : 'gray'} bold={isSelected}>{op.icon} {op.label}</Text>
-                <Text color="gray" dimColor> [{op.shortcut}]</Text>
-              </Box>
-            );
-          })}
+          <Text color={colors.primary} bold>
+            {figures.play} Operations
+          </Text>
+          <Box flexDirection="column">
+            {operations.map((op, index) => {
+              const isSelected = index === selectedOperation;
+              return (
+                <Box key={op.key}>
+                  <Text color={isSelected ? colors.primary : colors.textDim}>
+                    {isSelected ? figures.pointer : " "}{" "}
+                  </Text>
+                  <Text
+                    color={isSelected ? op.color : colors.textDim}
+                    bold={isSelected}
+                  >
+                    {op.icon} {op.label}
+                  </Text>
+                  <Text color={colors.textDim} dimColor>
+                    {" "}
+                    [{op.shortcut}]
+                  </Text>
+                </Box>
+              );
+            })}
+          </Box>
         </Box>
-      </Box>
 
-      <Box marginTop={1}>
-        <Text color="gray" dimColor>
-          {figures.arrowUp}{figures.arrowDown} Navigate • [Enter] Select • [q] Back
-        </Text>
-      </Box>
+        <Box marginTop={1}>
+          <Text color={colors.textDim} dimColor>
+            {figures.arrowUp}
+            {figures.arrowDown} Navigate • [Enter] Select • [q] Back
+          </Text>
+        </Box>
+      </>
+    );
+  }
+
+  // If skipOperationsMenu is true and executingOperation is set, show loading while it executes
+  return (
+    <>
+      <Breadcrumb items={breadcrumbItems} />
+      <SpinnerComponent message="Loading..." />
     </>
   );
 };
diff --git a/src/components/DevboxCard.tsx b/src/components/DevboxCard.tsx
index 5d4f9af9..6cd593d7 100644
--- a/src/components/DevboxCard.tsx
+++ b/src/components/DevboxCard.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface DevboxCardProps {
   id: string;
@@ -18,18 +19,18 @@ export const DevboxCard: React.FC<DevboxCardProps> = ({
 }) => {
   const getStatusDisplay = (status: string) => {
     switch (status) {
-      case 'running':
-        return { icon: figures.tick, color: 'green' };
-      case 'provisioning':
-      case 'initializing':
-        return { icon: figures.ellipsis, color: 'yellow' };
-      case 'stopped':
-      case 'suspended':
-        return { icon: figures.circle, color: 'gray' };
-      case 'failed':
-        return { icon: figures.cross, color: 'red' };
+      case "running":
+        return { icon: figures.tick, color: colors.success };
+      case "provisioning":
+      case "initializing":
+        return { icon: figures.ellipsis, color: colors.warning };
+      case "stopped":
+      case "suspended":
+        return { icon: figures.circle, color: colors.textDim };
+      case "failed":
+        return { icon: figures.cross, color: colors.error };
       default:
-        return { icon: figures.circle, color: 'gray' };
+        return { icon: figures.circle, color: colors.textDim };
     }
   };
 
@@ -41,17 +42,17 @@ export const DevboxCard: React.FC<DevboxCardProps> = ({
       <Text color={statusDisplay.color}>{statusDisplay.icon}</Text>
       <Text> </Text>
       <Box width={20}>
-        <Text color="cyan" bold>
+        <Text color={colors.primary} bold>
           {displayName.slice(0, 18)}
         </Text>
       </Box>
-      <Text color="gray" dimColor>
+      <Text color={colors.textDim} dimColor>
         {id}
       </Text>
       {createdAt && (
         <>
           <Text> </Text>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             {new Date(createdAt).toLocaleDateString()}
           </Text>
         </>
diff --git a/src/components/DevboxCreatePage.tsx b/src/components/DevboxCreatePage.tsx
index 2fa5f3de..8e1359cc 100644
--- a/src/components/DevboxCreatePage.tsx
+++ b/src/components/DevboxCreatePage.tsx
@@ -1,14 +1,15 @@
-import React from 'react';
-import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import figures from 'figures';
-import { getClient } from '../utils/client.js';
-import { Header } from './Header.js';
-import { SpinnerComponent } from './Spinner.js';
-import { ErrorMessage } from './ErrorMessage.js';
-import { SuccessMessage } from './SuccessMessage.js';
-import { Breadcrumb } from './Breadcrumb.js';
-import { MetadataDisplay } from './MetadataDisplay.js';
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { getClient } from "../utils/client.js";
+import { Header } from "./Header.js";
+import { SpinnerComponent } from "./Spinner.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+import { SuccessMessage } from "./SuccessMessage.js";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { MetadataDisplay } from "./MetadataDisplay.js";
+import { colors } from "../utils/theme.js";
 
 interface DevboxCreatePageProps {
   onBack: () => void;
@@ -16,22 +17,30 @@ interface DevboxCreatePageProps {
 }
 
 type FormField =
-  | 'create'
-  | 'name'
-  | 'architecture'
-  | 'resource_size'
-  | 'custom_cpu'
-  | 'custom_memory'
-  | 'custom_disk'
-  | 'keep_alive'
-  | 'metadata'
-  | 'blueprint_id'
-  | 'snapshot_id';
+  | "create"
+  | "name"
+  | "architecture"
+  | "resource_size"
+  | "custom_cpu"
+  | "custom_memory"
+  | "custom_disk"
+  | "keep_alive"
+  | "metadata"
+  | "blueprint_id"
+  | "snapshot_id";
 
 interface FormData {
   name: string;
-  architecture: 'arm64' | 'x86_64';
-  resource_size: 'X_SMALL' | 'SMALL' | 'MEDIUM' | 'LARGE' | 'X_LARGE' | 'XX_LARGE' | 'CUSTOM_SIZE' | '';
+  architecture: "arm64" | "x86_64";
+  resource_size:
+    | "X_SMALL"
+    | "SMALL"
+    | "MEDIUM"
+    | "LARGE"
+    | "X_LARGE"
+    | "XX_LARGE"
+    | "CUSTOM_SIZE"
+    | "";
   custom_cpu: string;
   custom_memory: string;
   custom_disk: string;
@@ -41,64 +50,93 @@ interface FormData {
   snapshot_id: string;
 }
 
-export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCreate }) => {
-  const [currentField, setCurrentField] = React.useState<FormField>('create');
+export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({
+  onBack,
+  onCreate,
+}) => {
+  const [currentField, setCurrentField] = React.useState<FormField>("create");
   const [formData, setFormData] = React.useState<FormData>({
-    name: '',
-    architecture: 'arm64',
-    resource_size: 'SMALL',
-    custom_cpu: '',
-    custom_memory: '',
-    custom_disk: '',
-    keep_alive: '3600',
+    name: "",
+    architecture: "arm64",
+    resource_size: "SMALL",
+    custom_cpu: "",
+    custom_memory: "",
+    custom_disk: "",
+    keep_alive: "3600",
     metadata: {},
-    blueprint_id: '',
-    snapshot_id: '',
+    blueprint_id: "",
+    snapshot_id: "",
   });
-  const [metadataKey, setMetadataKey] = React.useState('');
-  const [metadataValue, setMetadataValue] = React.useState('');
+  const [metadataKey, setMetadataKey] = React.useState("");
+  const [metadataValue, setMetadataValue] = React.useState("");
   const [inMetadataSection, setInMetadataSection] = React.useState(false);
-  const [metadataInputMode, setMetadataInputMode] = React.useState<'key' | 'value' | null>(null);
+  const [metadataInputMode, setMetadataInputMode] = React.useState<
+    "key" | "value" | null
+  >(null);
   const [selectedMetadataIndex, setSelectedMetadataIndex] = React.useState(-1); // -1 means "add new" row
   const [creating, setCreating] = React.useState(false);
   const [result, setResult] = React.useState<any>(null);
   const [error, setError] = React.useState<Error | null>(null);
 
-  const baseFields: Array<{ key: FormField; label: string; type: 'text' | 'select' | 'metadata' | 'action' }> = [
-    { key: 'create', label: 'Devbox Create', type: 'action' },
-    { key: 'name', label: 'Name', type: 'text' },
-    { key: 'architecture', label: 'Architecture', type: 'select' },
-    { key: 'resource_size', label: 'Resource Size', type: 'select' },
+  const baseFields: Array<{
+    key: FormField;
+    label: string;
+    type: "text" | "select" | "metadata" | "action";
+  }> = [
+    { key: "create", label: "Devbox Create", type: "action" },
+    { key: "name", label: "Name", type: "text" },
+    { key: "architecture", label: "Architecture", type: "select" },
+    { key: "resource_size", label: "Resource Size", type: "select" },
   ];
 
   // Add custom resource fields if CUSTOM_SIZE is selected
-  const customFields: Array<{ key: FormField; label: string; type: 'text' | 'select' | 'metadata' | 'action' }> =
-    formData.resource_size === 'CUSTOM_SIZE'
+  const customFields: Array<{
+    key: FormField;
+    label: string;
+    type: "text" | "select" | "metadata" | "action";
+  }> =
+    formData.resource_size === "CUSTOM_SIZE"
       ? [
-          { key: 'custom_cpu', label: 'CPU Cores (2-16, even)', type: 'text' },
-          { key: 'custom_memory', label: 'Memory GB (2-64, even)', type: 'text' },
-          { key: 'custom_disk', label: 'Disk GB (2-64, even)', type: 'text' },
+          { key: "custom_cpu", label: "CPU Cores (2-16, even)", type: "text" },
+          {
+            key: "custom_memory",
+            label: "Memory GB (2-64, even)",
+            type: "text",
+          },
+          { key: "custom_disk", label: "Disk GB (2-64, even)", type: "text" },
         ]
       : [];
 
-  const remainingFields: Array<{ key: FormField; label: string; type: 'text' | 'select' | 'metadata' | 'action' }> = [
-    { key: 'keep_alive', label: 'Keep Alive (seconds)', type: 'text' },
-    { key: 'blueprint_id', label: 'Blueprint ID (optional)', type: 'text' },
-    { key: 'snapshot_id', label: 'Snapshot ID (optional)', type: 'text' },
-    { key: 'metadata', label: 'Metadata (optional)', type: 'metadata' },
+  const remainingFields: Array<{
+    key: FormField;
+    label: string;
+    type: "text" | "select" | "metadata" | "action";
+  }> = [
+    { key: "keep_alive", label: "Keep Alive (seconds)", type: "text" },
+    { key: "blueprint_id", label: "Blueprint ID (optional)", type: "text" },
+    { key: "snapshot_id", label: "Snapshot ID (optional)", type: "text" },
+    { key: "metadata", label: "Metadata (optional)", type: "metadata" },
   ];
 
   const fields = [...baseFields, ...customFields, ...remainingFields];
 
-  const architectures = ['arm64', 'x86_64'];
-  const resourceSizes = ['X_SMALL', 'SMALL', 'MEDIUM', 'LARGE', 'X_LARGE', 'XX_LARGE', 'CUSTOM_SIZE'];
+  const architectures = ["arm64", "x86_64"];
+  const resourceSizes = [
+    "X_SMALL",
+    "SMALL",
+    "MEDIUM",
+    "LARGE",
+    "X_LARGE",
+    "XX_LARGE",
+    "CUSTOM_SIZE",
+  ];
 
   const currentFieldIndex = fields.findIndex((f) => f.key === currentField);
 
   useInput((input, key) => {
     // Handle result screen
     if (result) {
-      if (input === 'q' || key.escape || key.return) {
+      if (input === "q" || key.escape || key.return) {
         if (onCreate) {
           onCreate(result);
         }
@@ -109,10 +147,10 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
 
     // Handle error screen
     if (error) {
-      if (input === 'r' || key.return) {
+      if (input === "r" || key.return) {
         // Retry - clear error and return to form
         setError(null);
-      } else if (input === 'q' || key.escape) {
+      } else if (input === "q" || key.escape) {
         // Quit - go back to list
         onBack();
       }
@@ -125,20 +163,20 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
     }
 
     // Back to list
-    if (input === 'q' || key.escape) {
+    if (input === "q" || key.escape) {
       console.clear();
       onBack();
       return;
     }
 
     // Submit form
-    if (input === 's' && key.ctrl) {
+    if (input === "s" && key.ctrl) {
       handleCreate();
       return;
     }
 
     // Handle Enter on create field
-    if (currentField === 'create' && key.return) {
+    if (currentField === "create" && key.return) {
       handleCreate();
       return;
     }
@@ -151,10 +189,10 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
 
       // Handle input mode (typing key or value)
       if (metadataInputMode) {
-        if (metadataInputMode === 'key' && key.return && metadataKey.trim()) {
-          setMetadataInputMode('value');
+        if (metadataInputMode === "key" && key.return && metadataKey.trim()) {
+          setMetadataInputMode("value");
           return;
-        } else if (metadataInputMode === 'value' && key.return) {
+        } else if (metadataInputMode === "value" && key.return) {
           if (metadataKey.trim() && metadataValue.trim()) {
             setFormData({
               ...formData,
@@ -164,20 +202,20 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
               },
             });
           }
-          setMetadataKey('');
-          setMetadataValue('');
+          setMetadataKey("");
+          setMetadataValue("");
           setMetadataInputMode(null);
           setSelectedMetadataIndex(0); // Back to "add new" row
           return;
         } else if (key.escape) {
           // Cancel input
-          setMetadataKey('');
-          setMetadataValue('');
+          setMetadataKey("");
+          setMetadataValue("");
           setMetadataInputMode(null);
           return;
         } else if (key.tab) {
           // Tab between key and value
-          setMetadataInputMode(metadataInputMode === 'key' ? 'value' : 'key');
+          setMetadataInputMode(metadataInputMode === "key" ? "value" : "key");
           return;
         }
         return; // Don't process other keys while in input mode
@@ -191,30 +229,37 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
       } else if (key.return) {
         if (selectedMetadataIndex === 0) {
           // Add new
-          setMetadataKey('');
-          setMetadataValue('');
-          setMetadataInputMode('key');
+          setMetadataKey("");
+          setMetadataValue("");
+          setMetadataInputMode("key");
         } else if (selectedMetadataIndex === maxIndex) {
           // Done - exit metadata section
           setInMetadataSection(false);
           setSelectedMetadataIndex(0);
-          setMetadataKey('');
-          setMetadataValue('');
+          setMetadataKey("");
+          setMetadataValue("");
           setMetadataInputMode(null);
-        } else if (selectedMetadataIndex >= 1 && selectedMetadataIndex <= metadataKeys.length) {
+        } else if (
+          selectedMetadataIndex >= 1 &&
+          selectedMetadataIndex <= metadataKeys.length
+        ) {
           // Edit existing (selectedMetadataIndex - 1 gives array index)
           const keyToEdit = metadataKeys[selectedMetadataIndex - 1];
-          setMetadataKey(keyToEdit || '');
-          setMetadataValue(formData.metadata[keyToEdit] || '');
+          setMetadataKey(keyToEdit || "");
+          setMetadataValue(formData.metadata[keyToEdit] || "");
 
           // Remove old entry
           const newMetadata = { ...formData.metadata };
           delete newMetadata[keyToEdit];
           setFormData({ ...formData, metadata: newMetadata });
 
-          setMetadataInputMode('key');
+          setMetadataInputMode("key");
         }
-      } else if ((input === 'd' || key.delete) && selectedMetadataIndex >= 1 && selectedMetadataIndex <= metadataKeys.length) {
+      } else if (
+        (input === "d" || key.delete) &&
+        selectedMetadataIndex >= 1 &&
+        selectedMetadataIndex <= metadataKeys.length
+      ) {
         // Delete selected item (selectedMetadataIndex - 1 gives array index)
         const keyToDelete = metadataKeys[selectedMetadataIndex - 1];
         const newMetadata = { ...formData.metadata };
@@ -225,12 +270,12 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
         if (selectedMetadataIndex > newLength) {
           setSelectedMetadataIndex(Math.max(0, newLength));
         }
-      } else if (key.escape || input === 'q') {
+      } else if (key.escape || input === "q") {
         // Exit metadata section
         setInMetadataSection(false);
         setSelectedMetadataIndex(0);
-        setMetadataKey('');
-        setMetadataValue('');
+        setMetadataKey("");
+        setMetadataValue("");
         setMetadataInputMode(null);
       }
       return;
@@ -251,35 +296,40 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
     }
 
     // Enter key on metadata field to enter metadata section
-    if (currentField === 'metadata' && key.return) {
+    if (currentField === "metadata" && key.return) {
       setInMetadataSection(true);
       setSelectedMetadataIndex(0); // Start at "add new" row
       return;
     }
 
     // Handle select fields
-    if (field && field.type === 'select' && (key.leftArrow || key.rightArrow)) {
-      if (currentField === 'architecture') {
+    if (field && field.type === "select" && (key.leftArrow || key.rightArrow)) {
+      if (currentField === "architecture") {
         const currentIndex = architectures.indexOf(formData.architecture);
         const newIndex = key.leftArrow
           ? Math.max(0, currentIndex - 1)
           : Math.min(architectures.length - 1, currentIndex + 1);
-        setFormData({ ...formData, architecture: architectures[newIndex] as 'arm64' | 'x86_64' });
-      } else if (currentField === 'resource_size') {
+        setFormData({
+          ...formData,
+          architecture: architectures[newIndex] as "arm64" | "x86_64",
+        });
+      } else if (currentField === "resource_size") {
         const currentIndex = resourceSizes.indexOf(formData.resource_size);
         const newIndex = key.leftArrow
           ? Math.max(0, currentIndex - 1)
           : Math.min(resourceSizes.length - 1, currentIndex + 1);
-        setFormData({ ...formData, resource_size: resourceSizes[newIndex] as any });
+        setFormData({
+          ...formData,
+          resource_size: resourceSizes[newIndex] as any,
+        });
       }
       return;
     }
-
   });
 
   // Validate custom resource configuration
   const validateCustomResources = (): string | null => {
-    if (formData.resource_size !== 'CUSTOM_SIZE') {
+    if (formData.resource_size !== "CUSTOM_SIZE") {
       return null;
     }
 
@@ -287,16 +337,25 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
     const memory = parseInt(formData.custom_memory);
     const disk = parseInt(formData.custom_disk);
 
-    if (formData.custom_cpu && (isNaN(cpu) || cpu < 2 || cpu > 16 || cpu % 2 !== 0)) {
-      return 'CPU cores must be an even number between 2 and 16';
+    if (
+      formData.custom_cpu &&
+      (isNaN(cpu) || cpu < 2 || cpu > 16 || cpu % 2 !== 0)
+    ) {
+      return "CPU cores must be an even number between 2 and 16";
     }
 
-    if (formData.custom_memory && (isNaN(memory) || memory < 2 || memory > 64 || memory % 2 !== 0)) {
-      return 'Memory must be an even number between 2 and 64 GB';
+    if (
+      formData.custom_memory &&
+      (isNaN(memory) || memory < 2 || memory > 64 || memory % 2 !== 0)
+    ) {
+      return "Memory must be an even number between 2 and 64 GB";
     }
 
-    if (formData.custom_disk && (isNaN(disk) || disk < 2 || disk > 64 || disk % 2 !== 0)) {
-      return 'Disk must be an even number between 2 and 64 GB';
+    if (
+      formData.custom_disk &&
+      (isNaN(disk) || disk < 2 || disk > 64 || disk % 2 !== 0)
+    ) {
+      return "Disk must be an even number between 2 and 64 GB";
     }
 
     // Validate CPU to memory ratio (1:2 to 1:8)
@@ -334,14 +393,19 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
         launchParameters.resource_size_request = formData.resource_size;
       }
 
-      if (formData.resource_size === 'CUSTOM_SIZE') {
-        if (formData.custom_cpu) launchParameters.custom_cpu_cores = parseInt(formData.custom_cpu);
-        if (formData.custom_memory) launchParameters.custom_gb_memory = parseInt(formData.custom_memory);
-        if (formData.custom_disk) launchParameters.custom_disk_size = parseInt(formData.custom_disk);
+      if (formData.resource_size === "CUSTOM_SIZE") {
+        if (formData.custom_cpu)
+          launchParameters.custom_cpu_cores = parseInt(formData.custom_cpu);
+        if (formData.custom_memory)
+          launchParameters.custom_gb_memory = parseInt(formData.custom_memory);
+        if (formData.custom_disk)
+          launchParameters.custom_disk_size = parseInt(formData.custom_disk);
       }
 
       if (formData.keep_alive) {
-        launchParameters.keep_alive_time_seconds = parseInt(formData.keep_alive);
+        launchParameters.keep_alive_time_seconds = parseInt(
+          formData.keep_alive,
+        );
       }
 
       const createParams: any = {};
@@ -379,16 +443,15 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
   if (result) {
     return (
       <>
-        <Breadcrumb items={[
-          { label: 'Devboxes' },
-          { label: 'Create', active: true }
-        ]} />
+        <Breadcrumb
+          items={[{ label: "Devboxes" }, { label: "Create", active: true }]}
+        />
         <SuccessMessage
           message="Devbox created successfully!"
-          details={`ID: ${result.id}\nName: ${result.name || '(none)'}\nStatus: ${result.status}`}
+          details={`ID: ${result.id}\nName: ${result.name || "(none)"}\nStatus: ${result.status}`}
         />
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             Press [Enter], [q], or [esc] to return to list
           </Text>
         </Box>
@@ -400,13 +463,12 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
   if (error) {
     return (
       <>
-        <Breadcrumb items={[
-          { label: 'Devboxes' },
-          { label: 'Create', active: true }
-        ]} />
+        <Breadcrumb
+          items={[{ label: "Devboxes" }, { label: "Create", active: true }]}
+        />
         <ErrorMessage message="Failed to create devbox" error={error} />
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             Press [Enter] or [r] to retry • [q] or [esc] to cancel
           </Text>
         </Box>
@@ -418,10 +480,9 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
   if (creating) {
     return (
       <>
-        <Breadcrumb items={[
-          { label: 'Devboxes' },
-          { label: 'Create', active: true }
-        ]} />
+        <Breadcrumb
+          items={[{ label: "Devboxes" }, { label: "Create", active: true }]}
+        />
         <SpinnerComponent message="Creating devbox..." />
       </>
     );
@@ -430,94 +491,117 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
   // Form screen
   return (
     <>
-      <Breadcrumb items={[
-        { label: 'Devboxes' },
-        { label: 'Create', active: true }
-      ]} />
+      <Breadcrumb
+        items={[{ label: "Devboxes" }, { label: "Create", active: true }]}
+      />
 
       <Box flexDirection="column" marginBottom={1}>
         {fields.map((field, index) => {
           const isActive = currentField === field.key;
           const fieldData = formData[field.key as keyof FormData];
 
-          if (field.type === 'action') {
+          if (field.type === "action") {
             return (
               <Box key={field.key} marginBottom={0}>
-                <Text color={isActive ? 'green' : 'gray'} bold={isActive}>
-                  {isActive ? figures.pointer : ' '} {field.label}
+                <Text
+                  color={isActive ? colors.success : colors.textDim}
+                  bold={isActive}
+                >
+                  {isActive ? figures.pointer : " "} {field.label}
                 </Text>
                 {isActive && (
-                  <Text color="gray" dimColor>
-                    {' '}[Enter to create]
+                  <Text color={colors.textDim} dimColor>
+                    {" "}
+                    [Enter to create]
                   </Text>
                 )}
               </Box>
             );
           }
 
-          if (field.type === 'text') {
+          if (field.type === "text") {
             return (
               <Box key={field.key} marginBottom={0}>
-                <Text color={isActive ? 'cyan' : 'gray'}>
-                  {isActive ? figures.pointer : ' '} {field.label}:{' '}
+                <Text color={isActive ? colors.primary : colors.textDim}>
+                  {isActive ? figures.pointer : " "} {field.label}:{" "}
                 </Text>
                 {isActive ? (
                   <TextInput
-                    value={String(fieldData || '')}
+                    value={String(fieldData || "")}
                     onChange={(value) => {
                       setFormData({ ...formData, [field.key]: value });
                     }}
                     placeholder={
-                      field.key === 'name' ? 'my-devbox' :
-                      field.key === 'keep_alive' ? '3600' :
-                      field.key === 'blueprint_id' ? 'bp_xxx' :
-                      field.key === 'snapshot_id' ? 'snap_xxx' :
-                      ''
+                      field.key === "name"
+                        ? "my-devbox"
+                        : field.key === "keep_alive"
+                          ? "3600"
+                          : field.key === "blueprint_id"
+                            ? "bp_xxx"
+                            : field.key === "snapshot_id"
+                              ? "snap_xxx"
+                              : ""
                     }
                   />
                 ) : (
-                  <Text color="white">{String(fieldData || '(empty)')}</Text>
+                  <Text color={colors.text}>
+                    {String(fieldData || "(empty)")}
+                  </Text>
                 )}
               </Box>
             );
           }
 
-          if (field.type === 'select') {
+          if (field.type === "select") {
             const value = fieldData as string;
             return (
               <Box key={field.key} marginBottom={0}>
-                <Text color={isActive ? 'cyan' : 'gray'}>
-                  {isActive ? figures.pointer : ' '} {field.label}:
+                <Text color={isActive ? colors.primary : colors.textDim}>
+                  {isActive ? figures.pointer : " "} {field.label}:
                 </Text>
-                <Text color={isActive ? 'cyan' : 'white'} bold={isActive}>
-                  {' '}{value || '(none)'}
+                <Text
+                  color={isActive ? colors.primary : colors.text}
+                  bold={isActive}
+                >
+                  {" "}
+                  {value || "(none)"}
                 </Text>
                 {isActive && (
-                  <Text color="gray" dimColor>
-                    {' '}[{figures.arrowLeft}{figures.arrowRight} to change]
+                  <Text color={colors.textDim} dimColor>
+                    {" "}
+                    [{figures.arrowLeft}
+                    {figures.arrowRight} to change]
                   </Text>
                 )}
               </Box>
             );
           }
 
-          if (field.type === 'metadata') {
+          if (field.type === "metadata") {
             if (!inMetadataSection) {
               // Collapsed view
               return (
                 <Box key={field.key} flexDirection="column" marginBottom={0}>
                   <Box>
-                    <Text color={isActive ? 'cyan' : 'gray'}>
-                      {isActive ? figures.pointer : ' '} {field.label}:{' '}
+                    <Text color={isActive ? colors.primary : colors.textDim}>
+                      {isActive ? figures.pointer : " "} {field.label}:{" "}
+                    </Text>
+                    <Text color={colors.text}>
+                      {Object.keys(formData.metadata).length} item(s)
                     </Text>
-                    <Text color="white">{Object.keys(formData.metadata).length} item(s)</Text>
                     {isActive && (
-                      <Text color="gray" dimColor> [Enter to manage]</Text>
+                      <Text color={colors.textDim} dimColor>
+                        {" "}
+                        [Enter to manage]
+                      </Text>
                     )}
                   </Box>
                   {Object.keys(formData.metadata).length > 0 && (
                     <Box marginLeft={2}>
-                      <MetadataDisplay metadata={formData.metadata} showBorder={false} />
+                      <MetadataDisplay
+                        metadata={formData.metadata}
+                        showBorder={false}
+                      />
                     </Box>
                   )}
                 </Box>
@@ -530,33 +614,68 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
             const maxIndex = metadataKeys.length + 1;
 
             return (
-              <Box key={field.key} flexDirection="column" borderStyle="round" borderColor="cyan" paddingX={1} paddingY={1} marginBottom={1}>
-                <Text color="cyan" bold>{figures.hamburger} Manage Metadata</Text>
+              <Box
+                key={field.key}
+                flexDirection="column"
+                borderStyle="round"
+                borderColor={colors.primary}
+                paddingX={1}
+                paddingY={1}
+                marginBottom={1}
+              >
+                <Text color={colors.primary} bold>
+                  {figures.hamburger} Manage Metadata
+                </Text>
 
                 {/* Input form - shown when adding or editing */}
                 {metadataInputMode && (
-                  <Box flexDirection="column" marginTop={1} borderStyle="single" borderColor={selectedMetadataIndex === 0 ? 'green' : 'yellow'} paddingX={1}>
-                    <Text color={selectedMetadataIndex === 0 ? 'green' : 'yellow'} bold>
-                      {selectedMetadataIndex === 0 ? 'Adding New' : 'Editing'}
+                  <Box
+                    flexDirection="column"
+                    marginTop={1}
+                    borderStyle="single"
+                    borderColor={
+                      selectedMetadataIndex === 0
+                        ? colors.success
+                        : colors.warning
+                    }
+                    paddingX={1}
+                  >
+                    <Text
+                      color={
+                        selectedMetadataIndex === 0
+                          ? colors.success
+                          : colors.warning
+                      }
+                      bold
+                    >
+                      {selectedMetadataIndex === 0 ? "Adding New" : "Editing"}
                     </Text>
                     <Box>
-                      {metadataInputMode === 'key' ? (
+                      {metadataInputMode === "key" ? (
                         <>
-                          <Text color="cyan">Key: </Text>
-                          <TextInput value={metadataKey || ''} onChange={setMetadataKey} placeholder="env" />
+                          <Text color={colors.primary}>Key: </Text>
+                          <TextInput
+                            value={metadataKey || ""}
+                            onChange={setMetadataKey}
+                            placeholder="env"
+                          />
                         </>
                       ) : (
-                        <Text dimColor>Key: {metadataKey || ''}</Text>
+                        <Text dimColor>Key: {metadataKey || ""}</Text>
                       )}
                     </Box>
                     <Box>
-                      {metadataInputMode === 'value' ? (
+                      {metadataInputMode === "value" ? (
                         <>
-                          <Text color="cyan">Value: </Text>
-                          <TextInput value={metadataValue || ''} onChange={setMetadataValue} placeholder="production" />
+                          <Text color={colors.primary}>Value: </Text>
+                          <TextInput
+                            value={metadataValue || ""}
+                            onChange={setMetadataValue}
+                            placeholder="production"
+                          />
                         </>
                       ) : (
-                        <Text dimColor>Value: {metadataValue || ''}</Text>
+                        <Text dimColor>Value: {metadataValue || ""}</Text>
                       )}
                     </Box>
                   </Box>
@@ -567,10 +686,25 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
                   <>
                     {/* Add new option */}
                     <Box marginTop={1}>
-                      <Text color={selectedMetadataIndex === 0 ? 'cyan' : 'gray'}>
-                        {selectedMetadataIndex === 0 ? figures.pointer : ' '}{' '}
+                      <Text
+                        color={
+                          selectedMetadataIndex === 0
+                            ? colors.primary
+                            : colors.textDim
+                        }
+                      >
+                        {selectedMetadataIndex === 0
+                          ? figures.pointer
+                          : " "}{" "}
                       </Text>
-                      <Text color={selectedMetadataIndex === 0 ? 'green' : 'gray'} bold={selectedMetadataIndex === 0}>
+                      <Text
+                        color={
+                          selectedMetadataIndex === 0
+                            ? colors.success
+                            : colors.textDim
+                        }
+                        bold={selectedMetadataIndex === 0}
+                      >
                         + Add new metadata
                       </Text>
                     </Box>
@@ -580,13 +714,23 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
                       <Box flexDirection="column" marginTop={1}>
                         {metadataKeys.map((key, index) => {
                           const itemIndex = index + 1; // Items are at indices 1..n
-                          const isSelected = selectedMetadataIndex === itemIndex;
+                          const isSelected =
+                            selectedMetadataIndex === itemIndex;
                           return (
                             <Box key={key}>
-                              <Text color={isSelected ? 'cyan' : 'gray'}>
-                                {isSelected ? figures.pointer : ' '}{' '}
+                              <Text
+                                color={
+                                  isSelected ? colors.primary : colors.textDim
+                                }
+                              >
+                                {isSelected ? figures.pointer : " "}{" "}
                               </Text>
-                              <Text color={isSelected ? 'cyan' : 'gray'} bold={isSelected}>
+                              <Text
+                                color={
+                                  isSelected ? colors.primary : colors.textDim
+                                }
+                                bold={isSelected}
+                              >
                                 {key}: {formData.metadata[key]}
                               </Text>
                             </Box>
@@ -597,10 +741,25 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
 
                     {/* Done option */}
                     <Box marginTop={1}>
-                      <Text color={selectedMetadataIndex === maxIndex ? 'cyan' : 'gray'}>
-                        {selectedMetadataIndex === maxIndex ? figures.pointer : ' '}{' '}
+                      <Text
+                        color={
+                          selectedMetadataIndex === maxIndex
+                            ? colors.primary
+                            : colors.textDim
+                        }
+                      >
+                        {selectedMetadataIndex === maxIndex
+                          ? figures.pointer
+                          : " "}{" "}
                       </Text>
-                      <Text color={selectedMetadataIndex === maxIndex ? 'green' : 'gray'} bold={selectedMetadataIndex === maxIndex}>
+                      <Text
+                        color={
+                          selectedMetadataIndex === maxIndex
+                            ? colors.success
+                            : colors.textDim
+                        }
+                        bold={selectedMetadataIndex === maxIndex}
+                      >
                         {figures.tick} Done
                       </Text>
                     </Box>
@@ -608,12 +767,16 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
                 )}
 
                 {/* Help text */}
-                <Box marginTop={1} borderStyle="single" borderColor="gray" paddingX={1}>
-                  <Text color="gray" dimColor>
+                <Box
+                  marginTop={1}
+                  borderStyle="single"
+                  borderColor={colors.border}
+                  paddingX={1}
+                >
+                  <Text color={colors.textDim} dimColor>
                     {metadataInputMode
-                      ? `[Tab] Switch field • [Enter] ${metadataInputMode === 'key' ? 'Next' : 'Save'} • [esc] Cancel`
-                      : `${figures.arrowUp}${figures.arrowDown} Navigate • [Enter] ${selectedMetadataIndex === 0 ? 'Add' : selectedMetadataIndex === maxIndex ? 'Done' : 'Edit'} • [d] Delete • [esc] Back`
-                    }
+                      ? `[Tab] Switch field • [Enter] ${metadataInputMode === "key" ? "Next" : "Save"} • [esc] Cancel`
+                      : `${figures.arrowUp}${figures.arrowDown} Navigate • [Enter] ${selectedMetadataIndex === 0 ? "Add" : selectedMetadataIndex === maxIndex ? "Done" : "Edit"} • [d] Delete • [esc] Back`}
                   </Text>
                 </Box>
               </Box>
@@ -624,19 +787,30 @@ export const DevboxCreatePage: React.FC<DevboxCreatePageProps> = ({ onBack, onCr
         })}
       </Box>
 
-
       {/* Validation warning */}
-      {formData.resource_size === 'CUSTOM_SIZE' && validateCustomResources() && (
-        <Box borderStyle="round" borderColor="red" paddingX={1} paddingY={0} marginTop={1}>
-          <Text color="red" bold>{figures.cross} Validation Error</Text>
-          <Text color="red" dimColor>{validateCustomResources()}</Text>
-        </Box>
-      )}
+      {formData.resource_size === "CUSTOM_SIZE" &&
+        validateCustomResources() && (
+          <Box
+            borderStyle="round"
+            borderColor={colors.error}
+            paddingX={1}
+            paddingY={0}
+            marginTop={1}
+          >
+            <Text color={colors.error} bold>
+              {figures.cross} Validation Error
+            </Text>
+            <Text color={colors.error} dimColor>
+              {validateCustomResources()}
+            </Text>
+          </Box>
+        )}
 
       {!inMetadataSection && (
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
-            {figures.arrowUp}{figures.arrowDown} Navigate • [Enter] Create • [q] Cancel
+          <Text color={colors.textDim} dimColor>
+            {figures.arrowUp}
+            {figures.arrowDown} Navigate • [Enter] Create • [q] Cancel
           </Text>
         </Box>
       )}
diff --git a/src/components/DevboxDetailPage.tsx b/src/components/DevboxDetailPage.tsx
index eb693448..32b07751 100644
--- a/src/components/DevboxDetailPage.tsx
+++ b/src/components/DevboxDetailPage.tsx
@@ -1,15 +1,19 @@
-import React from 'react';
-import { Box, Text, useInput, useStdout } from 'ink';
-import figures from 'figures';
-import { Header } from './Header.js';
-import { StatusBadge } from './StatusBadge.js';
-import { MetadataDisplay } from './MetadataDisplay.js';
-import { Breadcrumb } from './Breadcrumb.js';
-import { DevboxActionsMenu } from './DevboxActionsMenu.js';
+import React from "react";
+import { Box, Text, useInput, useStdout } from "ink";
+import figures from "figures";
+import { Header } from "./Header.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { MetadataDisplay } from "./MetadataDisplay.js";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { DevboxActionsMenu } from "./DevboxActionsMenu.js";
+import { getDevboxUrl } from "../utils/url.js";
+import type { SSHSessionConfig } from "../utils/sshSession.js";
+import { colors } from "../utils/theme.js";
 
 interface DevboxDetailPageProps {
   devbox: any;
   onBack: () => void;
+  onSSHRequest?: (config: SSHSessionConfig) => void;
 }
 
 // Format time ago in a succinct way
@@ -34,7 +38,11 @@ const formatTimeAgo = (timestamp: number): string => {
   return `${years}y ago`;
 };
 
-export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: initialDevbox, onBack }) => {
+export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({
+  devbox: initialDevbox,
+  onBack,
+  onSSHRequest,
+}) => {
   const { stdout } = useStdout();
   const [showDetailedInfo, setShowDetailedInfo] = React.useState(false);
   const [detailScroll, setDetailScroll] = React.useState(0);
@@ -44,49 +52,115 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
   const selectedDevbox = initialDevbox;
 
   const allOperations = [
-    { key: 'logs', label: 'View Logs', color: 'blue', icon: figures.info, shortcut: 'l' },
-    { key: 'exec', label: 'Execute Command', color: 'green', icon: figures.play, shortcut: 'e' },
-    { key: 'upload', label: 'Upload File', color: 'green', icon: figures.arrowUp, shortcut: 'u' },
-    { key: 'snapshot', label: 'Create Snapshot', color: 'yellow', icon: figures.circleFilled, shortcut: 'n' },
-    { key: 'ssh', label: 'SSH onto the box', color: 'cyan', icon: figures.arrowRight, shortcut: 's' },
-    { key: 'tunnel', label: 'Open Tunnel', color: 'magenta', icon: figures.pointerSmall, shortcut: 't' },
-    { key: 'suspend', label: 'Suspend Devbox', color: 'yellow', icon: figures.squareSmallFilled, shortcut: 'p' },
-    { key: 'resume', label: 'Resume Devbox', color: 'green', icon: figures.play, shortcut: 'r' },
-    { key: 'delete', label: 'Shutdown Devbox', color: 'red', icon: figures.cross, shortcut: 'd' },
+    {
+      key: "logs",
+      label: "View Logs",
+      color: colors.info,
+      icon: figures.info,
+      shortcut: "l",
+    },
+    {
+      key: "exec",
+      label: "Execute Command",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "e",
+    },
+    {
+      key: "upload",
+      label: "Upload File",
+      color: colors.success,
+      icon: figures.arrowUp,
+      shortcut: "u",
+    },
+    {
+      key: "snapshot",
+      label: "Create Snapshot",
+      color: colors.warning,
+      icon: figures.circleFilled,
+      shortcut: "n",
+    },
+    {
+      key: "ssh",
+      label: "SSH onto the box",
+      color: colors.primary,
+      icon: figures.arrowRight,
+      shortcut: "s",
+    },
+    {
+      key: "tunnel",
+      label: "Open Tunnel",
+      color: colors.secondary,
+      icon: figures.pointerSmall,
+      shortcut: "t",
+    },
+    {
+      key: "suspend",
+      label: "Suspend Devbox",
+      color: colors.warning,
+      icon: figures.squareSmallFilled,
+      shortcut: "p",
+    },
+    {
+      key: "resume",
+      label: "Resume Devbox",
+      color: colors.success,
+      icon: figures.play,
+      shortcut: "r",
+    },
+    {
+      key: "delete",
+      label: "Shutdown Devbox",
+      color: colors.error,
+      icon: figures.cross,
+      shortcut: "d",
+    },
   ];
 
   // Filter operations based on devbox status
-  const operations = selectedDevbox ? allOperations.filter(op => {
-    const status = selectedDevbox.status;
+  const operations = selectedDevbox
+    ? allOperations.filter((op) => {
+        const status = selectedDevbox.status;
 
-    // When suspended: logs and resume
-    if (status === 'suspended') {
-      return op.key === 'resume' || op.key === 'logs';
-    }
+        // When suspended: logs and resume
+        if (status === "suspended") {
+          return op.key === "resume" || op.key === "logs";
+        }
 
-    // When not running (shutdown, failure, etc): only logs
-    if (status !== 'running' && status !== 'provisioning' && status !== 'initializing') {
-      return op.key === 'logs';
-    }
+        // When not running (shutdown, failure, etc): only logs
+        if (
+          status !== "running" &&
+          status !== "provisioning" &&
+          status !== "initializing"
+        ) {
+          return op.key === "logs";
+        }
 
-    // When running: everything except resume
-    if (status === 'running') {
-      return op.key !== 'resume';
-    }
+        // When running: everything except resume
+        if (status === "running") {
+          return op.key !== "resume";
+        }
 
-    // Default for transitional states (provisioning, initializing)
-    return op.key === 'logs' || op.key === 'delete';
-  }) : allOperations;
+        // Default for transitional states (provisioning, initializing)
+        return op.key === "logs" || op.key === "delete";
+      })
+    : allOperations;
 
   // Memoize time-based values to prevent re-rendering on every tick
   const formattedCreateTime = React.useMemo(
-    () => selectedDevbox.create_time_ms ? new Date(selectedDevbox.create_time_ms).toLocaleString() : '',
-    [selectedDevbox.create_time_ms]
+    () =>
+      selectedDevbox.create_time_ms
+        ? new Date(selectedDevbox.create_time_ms).toLocaleString()
+        : "",
+    [selectedDevbox.create_time_ms],
   );
 
   const createTimeAgo = React.useMemo(
-    () => selectedDevbox.create_time_ms ? formatTimeAgo(selectedDevbox.create_time_ms) : '',
-    [selectedDevbox.create_time_ms]
+    () =>
+      selectedDevbox.create_time_ms
+        ? formatTimeAgo(selectedDevbox.create_time_ms)
+        : "",
+    [selectedDevbox.create_time_ms],
   );
 
   useInput((input, key) => {
@@ -97,13 +171,13 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
 
     // Handle detailed info mode
     if (showDetailedInfo) {
-      if (input === 'q' || key.escape) {
+      if (input === "q" || key.escape) {
         setShowDetailedInfo(false);
         setDetailScroll(0);
-      } else if (input === 'j' || input === 's' || key.downArrow) {
+      } else if (input === "j" || input === "s" || key.downArrow) {
         // Scroll down in detailed info
         setDetailScroll(detailScroll + 1);
-      } else if (input === 'k' || input === 'w' || key.upArrow) {
+      } else if (input === "k" || input === "w" || key.upArrow) {
         // Scroll up in detailed info
         setDetailScroll(Math.max(0, detailScroll - 1));
       } else if (key.pageDown) {
@@ -117,22 +191,24 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
     }
 
     // Main view input handling
-    if (input === 'q' || key.escape) {
+    if (input === "q" || key.escape) {
       console.clear();
       onBack();
-    } else if (input === 'i') {
+    } else if (input === "i") {
       setShowDetailedInfo(true);
       setDetailScroll(0);
     } else if (key.upArrow && selectedOperation > 0) {
       setSelectedOperation(selectedOperation - 1);
     } else if (key.downArrow && selectedOperation < operations.length - 1) {
       setSelectedOperation(selectedOperation + 1);
-    } else if (key.return || input === 'a') {
+    } else if (key.return || input === "a") {
       console.clear();
       setShowActions(true);
     } else if (input) {
       // Check if input matches any operation shortcut
-      const matchedOpIndex = operations.findIndex(op => op.shortcut === input);
+      const matchedOpIndex = operations.findIndex(
+        (op) => op.shortcut === input,
+      );
       if (matchedOpIndex !== -1) {
         setSelectedOperation(matchedOpIndex);
         console.clear();
@@ -140,17 +216,17 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
       }
     }
 
-    if (input === 'o') {
+    if (input === "o") {
       // Open in browser
-      const url = `https://platform.runloop.ai/devboxes/${selectedDevbox.id}`;
+      const url = getDevboxUrl(selectedDevbox.id);
       const openBrowser = async () => {
-        const { exec } = await import('child_process');
+        const { exec } = await import("child_process");
         const platform = process.platform;
 
         let openCommand: string;
-        if (platform === 'darwin') {
+        if (platform === "darwin") {
           openCommand = `open "${url}"`;
-        } else if (platform === 'win32') {
+        } else if (platform === "win32") {
           openCommand = `start "${url}"`;
         } else {
           openCommand = `xdg-open "${url}"`;
@@ -170,74 +246,190 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
   const buildDetailLines = (): JSX.Element[] => {
     const lines: JSX.Element[] = [];
 
-    const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
+    const capitalize = (str: string) =>
+      str.charAt(0).toUpperCase() + str.slice(1);
 
     // Core Information
-    lines.push(<Text key="core-title" color="yellow" bold>Devbox Details</Text>);
-    lines.push(<Text key="core-id" dimColor>  ID: {selectedDevbox.id}</Text>);
-    lines.push(<Text key="core-name" dimColor>  Name: {selectedDevbox.name || '(none)'}</Text>);
-    lines.push(<Text key="core-status" dimColor>  Status: {capitalize(selectedDevbox.status)}</Text>);
-    lines.push(<Text key="core-created" dimColor>  Created: {new Date(selectedDevbox.create_time_ms).toLocaleString()}</Text>);
+    lines.push(
+      <Text key="core-title" color={colors.warning} bold>
+        Devbox Details
+      </Text>,
+    );
+    lines.push(
+      <Text key="core-id" dimColor>
+        {" "}
+        ID: {selectedDevbox.id}
+      </Text>,
+    );
+    lines.push(
+      <Text key="core-name" dimColor>
+        {" "}
+        Name: {selectedDevbox.name || "(none)"}
+      </Text>,
+    );
+    lines.push(
+      <Text key="core-status" dimColor>
+        {" "}
+        Status: {capitalize(selectedDevbox.status)}
+      </Text>,
+    );
+    lines.push(
+      <Text key="core-created" dimColor>
+        {" "}
+        Created: {new Date(selectedDevbox.create_time_ms).toLocaleString()}
+      </Text>,
+    );
     if (selectedDevbox.end_time_ms) {
-      lines.push(<Text key="core-ended" dimColor>  Ended: {new Date(selectedDevbox.end_time_ms).toLocaleString()}</Text>);
+      lines.push(
+        <Text key="core-ended" dimColor>
+          {" "}
+          Ended: {new Date(selectedDevbox.end_time_ms).toLocaleString()}
+        </Text>,
+      );
     }
     lines.push(<Text key="core-space"> </Text>);
 
     // Capabilities
     if (selectedDevbox.capabilities && selectedDevbox.capabilities.length > 0) {
-      lines.push(<Text key="cap-title" color="yellow" bold>Capabilities</Text>);
+      lines.push(
+        <Text key="cap-title" color={colors.warning} bold>
+          Capabilities
+        </Text>,
+      );
       selectedDevbox.capabilities.forEach((cap: string, idx: number) => {
-        lines.push(<Text key={`cap-${idx}`} dimColor>  {figures.pointer} {cap}</Text>);
+        lines.push(
+          <Text key={`cap-${idx}`} dimColor>
+            {" "}
+            {figures.pointer} {cap}
+          </Text>,
+        );
       });
       lines.push(<Text key="cap-space"> </Text>);
     }
 
     // Launch Parameters
     if (selectedDevbox.launch_parameters) {
-      lines.push(<Text key="launch-title" color="yellow" bold>Launch Parameters</Text>);
+      lines.push(
+        <Text key="launch-title" color={colors.warning} bold>
+          Launch Parameters
+        </Text>,
+      );
 
       const lp = selectedDevbox.launch_parameters;
 
       if (lp.resource_size_request) {
-        lines.push(<Text key="launch-size-req" dimColor>  Resource Size Request: {lp.resource_size_request}</Text>);
+        lines.push(
+          <Text key="launch-size-req" dimColor>
+            {" "}
+            Resource Size Request: {lp.resource_size_request}
+          </Text>,
+        );
       }
       if (lp.architecture) {
-        lines.push(<Text key="launch-arch" dimColor>  Architecture: {lp.architecture}</Text>);
+        lines.push(
+          <Text key="launch-arch" dimColor>
+            {" "}
+            Architecture: {lp.architecture}
+          </Text>,
+        );
       }
       if (lp.custom_cpu_cores) {
-        lines.push(<Text key="launch-cpu" dimColor>  CPU Cores: {lp.custom_cpu_cores}</Text>);
+        lines.push(
+          <Text key="launch-cpu" dimColor>
+            {" "}
+            CPU Cores: {lp.custom_cpu_cores}
+          </Text>,
+        );
       }
       if (lp.custom_gb_memory) {
-        lines.push(<Text key="launch-memory" dimColor>  Memory: {lp.custom_gb_memory}GB</Text>);
+        lines.push(
+          <Text key="launch-memory" dimColor>
+            {" "}
+            Memory: {lp.custom_gb_memory}GB
+          </Text>,
+        );
       }
       if (lp.custom_disk_size) {
-        lines.push(<Text key="launch-disk" dimColor>  Disk Size: {lp.custom_disk_size}GB</Text>);
+        lines.push(
+          <Text key="launch-disk" dimColor>
+            {" "}
+            Disk Size: {lp.custom_disk_size}GB
+          </Text>,
+        );
       }
       if (lp.keep_alive_time_seconds) {
-        lines.push(<Text key="launch-keepalive" dimColor>  Keep Alive: {lp.keep_alive_time_seconds}s ({Math.floor(lp.keep_alive_time_seconds / 60)}m)</Text>);
+        lines.push(
+          <Text key="launch-keepalive" dimColor>
+            {" "}
+            Keep Alive: {lp.keep_alive_time_seconds}s (
+            {Math.floor(lp.keep_alive_time_seconds / 60)}
+            m)
+          </Text>,
+        );
       }
       if (lp.after_idle) {
-        lines.push(<Text key="launch-afteridle" dimColor>  After Idle: {lp.after_idle.on_idle} after {lp.after_idle.idle_time_seconds}s</Text>);
+        lines.push(
+          <Text key="launch-afteridle" dimColor>
+            {" "}
+            After Idle: {lp.after_idle.on_idle} after{" "}
+            {lp.after_idle.idle_time_seconds}s
+          </Text>,
+        );
       }
       if (lp.available_ports && lp.available_ports.length > 0) {
-        lines.push(<Text key="launch-ports" dimColor>  Available Ports: {lp.available_ports.join(', ')}</Text>);
+        lines.push(
+          <Text key="launch-ports" dimColor>
+            {" "}
+            Available Ports: {lp.available_ports.join(", ")}
+          </Text>,
+        );
       }
       if (lp.launch_commands && lp.launch_commands.length > 0) {
-        lines.push(<Text key="launch-launch-cmds" dimColor>  Launch Commands:</Text>);
+        lines.push(
+          <Text key="launch-launch-cmds" dimColor>
+            {" "}
+            Launch Commands:
+          </Text>,
+        );
         lp.launch_commands.forEach((cmd: string, idx: number) => {
-          lines.push(<Text key={`launch-cmd-${idx}`} dimColor>    {figures.pointer} {cmd}</Text>);
+          lines.push(
+            <Text key={`launch-cmd-${idx}`} dimColor>
+              {" "}
+              {figures.pointer} {cmd}
+            </Text>,
+          );
         });
       }
       if (lp.required_services && lp.required_services.length > 0) {
-        lines.push(<Text key="launch-services" dimColor>  Required Services: {lp.required_services.join(', ')}</Text>);
+        lines.push(
+          <Text key="launch-services" dimColor>
+            {" "}
+            Required Services: {lp.required_services.join(", ")}
+          </Text>,
+        );
       }
       if (lp.user_parameters) {
-        lines.push(<Text key="launch-user" dimColor>  User Parameters:</Text>);
+        lines.push(
+          <Text key="launch-user" dimColor>
+            {" "}
+            User Parameters:
+          </Text>,
+        );
         if (lp.user_parameters.username) {
-          lines.push(<Text key="user-name" dimColor>    Username: {lp.user_parameters.username}</Text>);
+          lines.push(
+            <Text key="user-name" dimColor>
+              {" "}
+              Username: {lp.user_parameters.username}
+            </Text>,
+          );
         }
         if (lp.user_parameters.uid) {
-          lines.push(<Text key="user-uid" dimColor>    UID: {lp.user_parameters.uid}</Text>);
+          lines.push(
+            <Text key="user-uid" dimColor>
+              {" "}
+              UID: {lp.user_parameters.uid}
+            </Text>,
+          );
         }
       }
       lines.push(<Text key="launch-space"> </Text>);
@@ -245,62 +437,139 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
 
     // Source
     if (selectedDevbox.blueprint_id || selectedDevbox.snapshot_id) {
-      lines.push(<Text key="source-title" color="yellow" bold>Source</Text>);
+      lines.push(
+        <Text key="source-title" color={colors.warning} bold>
+          Source
+        </Text>,
+      );
       if (selectedDevbox.blueprint_id) {
-        lines.push(<Text key="source-bp" dimColor>  Blueprint: {selectedDevbox.blueprint_id}</Text>);
+        lines.push(
+          <Text key="source-bp" dimColor>
+            {" "}
+            Blueprint: {selectedDevbox.blueprint_id}
+          </Text>,
+        );
       }
       if (selectedDevbox.snapshot_id) {
-        lines.push(<Text key="source-snap" dimColor>  Snapshot: {selectedDevbox.snapshot_id}</Text>);
+        lines.push(
+          <Text key="source-snap" dimColor>
+            {" "}
+            Snapshot: {selectedDevbox.snapshot_id}
+          </Text>,
+        );
       }
       lines.push(<Text key="source-space"> </Text>);
     }
 
     // Initiator
     if (selectedDevbox.initiator_type) {
-      lines.push(<Text key="init-title" color="yellow" bold>Initiator</Text>);
-      lines.push(<Text key="init-type" dimColor>  Type: {selectedDevbox.initiator_type}</Text>);
+      lines.push(
+        <Text key="init-title" color={colors.warning} bold>
+          Initiator
+        </Text>,
+      );
+      lines.push(
+        <Text key="init-type" dimColor>
+          {" "}
+          Type: {selectedDevbox.initiator_type}
+        </Text>,
+      );
       if (selectedDevbox.initiator_id) {
-        lines.push(<Text key="init-id" dimColor>  ID: {selectedDevbox.initiator_id}</Text>);
+        lines.push(
+          <Text key="init-id" dimColor>
+            {" "}
+            ID: {selectedDevbox.initiator_id}
+          </Text>,
+        );
       }
       lines.push(<Text key="init-space"> </Text>);
     }
 
     // Status Details
     if (selectedDevbox.failure_reason || selectedDevbox.shutdown_reason) {
-      lines.push(<Text key="status-title" color="yellow" bold>Status Details</Text>);
+      lines.push(
+        <Text key="status-title" color={colors.warning} bold>
+          Status Details
+        </Text>,
+      );
       if (selectedDevbox.failure_reason) {
-        lines.push(<Text key="status-fail" color="red" dimColor>  Failure Reason: {selectedDevbox.failure_reason}</Text>);
+        lines.push(
+          <Text key="status-fail" color={colors.error} dimColor>
+            {" "}
+            Failure Reason: {selectedDevbox.failure_reason}
+          </Text>,
+        );
       }
       if (selectedDevbox.shutdown_reason) {
-        lines.push(<Text key="status-shut" dimColor>  Shutdown Reason: {selectedDevbox.shutdown_reason}</Text>);
+        lines.push(
+          <Text key="status-shut" dimColor>
+            {" "}
+            Shutdown Reason: {selectedDevbox.shutdown_reason}
+          </Text>,
+        );
       }
       lines.push(<Text key="status-space"> </Text>);
     }
 
     // Metadata
-    if (selectedDevbox.metadata && Object.keys(selectedDevbox.metadata).length > 0) {
-      lines.push(<Text key="meta-title" color="yellow" bold>Metadata</Text>);
+    if (
+      selectedDevbox.metadata &&
+      Object.keys(selectedDevbox.metadata).length > 0
+    ) {
+      lines.push(
+        <Text key="meta-title" color={colors.warning} bold>
+          Metadata
+        </Text>,
+      );
       Object.entries(selectedDevbox.metadata).forEach(([key, value], idx) => {
-        lines.push(<Text key={`meta-${idx}`} dimColor>  {key}: {value as string}</Text>);
+        lines.push(
+          <Text key={`meta-${idx}`} dimColor>
+            {" "}
+            {key}: {value as string}
+          </Text>,
+        );
       });
       lines.push(<Text key="meta-space"> </Text>);
     }
 
     // State Transitions
-    if (selectedDevbox.state_transitions && selectedDevbox.state_transitions.length > 0) {
-      lines.push(<Text key="state-title" color="yellow" bold>State History</Text>);
-      selectedDevbox.state_transitions.forEach((transition: any, idx: number) => {
-        const text = `${idx + 1}. ${capitalize(transition.status)}${transition.transition_time_ms ? ` at ${new Date(transition.transition_time_ms).toLocaleString()}` : ''}`;
-        lines.push(<Text key={`state-${idx}`} dimColor>  {text}</Text>);
-      });
+    if (
+      selectedDevbox.state_transitions &&
+      selectedDevbox.state_transitions.length > 0
+    ) {
+      lines.push(
+        <Text key="state-title" color={colors.warning} bold>
+          State History
+        </Text>,
+      );
+      selectedDevbox.state_transitions.forEach(
+        (transition: any, idx: number) => {
+          const text = `${idx + 1}. ${capitalize(transition.status)}${transition.transition_time_ms ? ` at ${new Date(transition.transition_time_ms).toLocaleString()}` : ""}`;
+          lines.push(
+            <Text key={`state-${idx}`} dimColor>
+              {" "}
+              {text}
+            </Text>,
+          );
+        },
+      );
       lines.push(<Text key="state-space"> </Text>);
     }
 
     // Raw JSON (full)
-    lines.push(<Text key="json-title" color="yellow" bold>Raw JSON</Text>);
-    const jsonLines = JSON.stringify(selectedDevbox, null, 2).split('\n');
+    lines.push(
+      <Text key="json-title" color={colors.warning} bold>
+        Raw JSON
+      </Text>,
+    );
+    const jsonLines = JSON.stringify(selectedDevbox, null, 2).split("\n");
     jsonLines.forEach((line, idx) => {
-      lines.push(<Text key={`json-${idx}`} dimColor>  {line}</Text>);
+      lines.push(
+        <Text key={`json-${idx}`} dimColor>
+          {" "}
+          {line}
+        </Text>,
+      );
     });
 
     return lines;
@@ -308,6 +577,7 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
 
   // Actions view - show the DevboxActionsMenu when an action is triggered
   if (showActions) {
+    const selectedOp = operations[selectedOperation];
     return (
       <DevboxActionsMenu
         devbox={selectedDevbox}
@@ -316,10 +586,12 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
           setSelectedOperation(0);
         }}
         breadcrumbItems={[
-          { label: 'Devboxes' },
+          { label: "Devboxes" },
           { label: selectedDevbox.name || selectedDevbox.id },
-          { label: 'Actions', active: true }
         ]}
+        initialOperation={selectedOp?.key}
+        skipOperationsMenu={true}
+        onSSHRequest={onSSHRequest}
       />
     );
   }
@@ -331,17 +603,22 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
     const viewportHeight = Math.max(10, terminalHeight - 12); // Reserve space for header/footer
     const maxScroll = Math.max(0, detailLines.length - viewportHeight);
     const actualScroll = Math.min(detailScroll, maxScroll);
-    const visibleLines = detailLines.slice(actualScroll, actualScroll + viewportHeight);
+    const visibleLines = detailLines.slice(
+      actualScroll,
+      actualScroll + viewportHeight,
+    );
     const hasMore = actualScroll + viewportHeight < detailLines.length;
     const hasLess = actualScroll > 0;
 
     return (
       <>
-        <Breadcrumb items={[
-          { label: 'Devboxes' },
-          { label: selectedDevbox.name || selectedDevbox.id },
-          { label: 'Full Details', active: true }
-        ]} />
+        <Breadcrumb
+          items={[
+            { label: "Devboxes" },
+            { label: selectedDevbox.name || selectedDevbox.id },
+            { label: "Full Details", active: true },
+          ]}
+        />
         <Header
           title={`${selectedDevbox.name || selectedDevbox.id} - Complete Information`}
         />
@@ -349,7 +626,9 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
           <Box marginBottom={1}>
             <StatusBadge status={selectedDevbox.status} />
             <Text> </Text>
-            <Text color="gray" dimColor>{selectedDevbox.id}</Text>
+            <Text color={colors.textDim} dimColor>
+              {selectedDevbox.id}
+            </Text>
           </Box>
         </Box>
 
@@ -358,29 +637,30 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
           marginTop={1}
           marginBottom={1}
           borderStyle="round"
-          borderColor="gray"
+          borderColor={colors.border}
           paddingX={2}
           paddingY={1}
         >
-          <Box flexDirection="column">
-            {visibleLines}
-          </Box>
+          <Box flexDirection="column">{visibleLines}</Box>
           {hasLess && (
             <Box marginTop={1}>
-              <Text color="cyan">{figures.arrowUp} More above</Text>
+              <Text color={colors.primary}>{figures.arrowUp} More above</Text>
             </Box>
           )}
           {hasMore && (
             <Box marginTop={hasLess ? 0 : 1}>
-              <Text color="cyan">{figures.arrowDown} More below</Text>
+              <Text color={colors.primary}>{figures.arrowDown} More below</Text>
             </Box>
           )}
         </Box>
 
         <Box marginTop={1}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             {figures.arrowUp}
-            {figures.arrowDown} Scroll • [q or esc] Back to Details • Line {actualScroll + 1}-{Math.min(actualScroll + viewportHeight, detailLines.length)} of {detailLines.length}
+            {figures.arrowDown} Scroll • [q or esc] Back to Details • Line{" "}
+            {actualScroll + 1}-
+            {Math.min(actualScroll + viewportHeight, detailLines.length)} of{" "}
+            {detailLines.length}
           </Text>
         </Box>
       </>
@@ -389,44 +669,72 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
 
   // Main detail view
   const lp = selectedDevbox.launch_parameters;
-  const hasCapabilities = selectedDevbox.capabilities && selectedDevbox.capabilities.filter((c: string) => c !== 'unknown').length > 0;
+  const hasCapabilities =
+    selectedDevbox.capabilities &&
+    selectedDevbox.capabilities.filter((c: string) => c !== "unknown").length >
+      0;
 
   return (
     <>
-      <Breadcrumb items={[
-        { label: 'Devboxes' },
-        { label: selectedDevbox.name || selectedDevbox.id, active: true }
-      ]} />
-      <Header title="Devbox Details" />
-
-      {/* Compact info section */}
-      <Box flexDirection="column" borderStyle="round" borderColor="cyan" paddingX={1} paddingY={0}>
+      <Breadcrumb
+        items={[
+          { label: "Devboxes" },
+          { label: selectedDevbox.name || selectedDevbox.id, active: true },
+        ]}
+      />
+
+      {/* Main info section */}
+      <Box flexDirection="column" marginTop={1} marginBottom={1} paddingX={1}>
         <Box>
-          <Text color="cyan" bold>{selectedDevbox.name || selectedDevbox.id}</Text>
+          <Text color={colors.primary} bold>
+            {selectedDevbox.name || selectedDevbox.id}
+          </Text>
           <Text> </Text>
           <StatusBadge status={selectedDevbox.status} />
-          <Text color="gray" dimColor> • {selectedDevbox.id}</Text>
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            • {selectedDevbox.id}
+          </Text>
         </Box>
         <Box>
-          <Text color="gray" dimColor>{formattedCreateTime}</Text>
-          <Text color="gray" dimColor> ({createTimeAgo})</Text>
+          <Text color={colors.textDim} dimColor>
+            {formattedCreateTime}
+          </Text>
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            ({createTimeAgo})
+          </Text>
         </Box>
-        {uptime !== null && selectedDevbox.status === 'running' && (
+        {uptime !== null && selectedDevbox.status === "running" && (
           <Box>
-            <Text color="green" dimColor>Uptime: {uptime < 60 ? `${uptime}m` : `${Math.floor(uptime / 60)}h ${uptime % 60}m`}</Text>
+            <Text color={colors.success} dimColor>
+              Uptime:{" "}
+              {uptime < 60
+                ? `${uptime}m`
+                : `${Math.floor(uptime / 60)}h ${uptime % 60}m`}
+            </Text>
             {lp?.keep_alive_time_seconds && (
-              <Text color="gray" dimColor> • Keep-alive: {Math.floor(lp.keep_alive_time_seconds / 60)}m</Text>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                • Keep-alive: {Math.floor(lp.keep_alive_time_seconds / 60)}m
+              </Text>
             )}
           </Box>
         )}
       </Box>
 
-      {/* Compact resources + capabilities + source in one row */}
-      <Box flexDirection="row" gap={1}>
+      {/* Resources + capabilities + source in one row */}
+      <Box flexDirection="row" gap={1} marginBottom={1}>
         {/* Resources */}
-        {(lp?.resource_size_request || lp?.custom_cpu_cores || lp?.custom_gb_memory || lp?.custom_disk_size || lp?.architecture) && (
-          <Box flexDirection="column" borderStyle="round" borderColor="yellow" paddingX={1} paddingY={0} flexGrow={1}>
-            <Text color="yellow" bold>{figures.squareSmallFilled} Resources</Text>
+        {(lp?.resource_size_request ||
+          lp?.custom_cpu_cores ||
+          lp?.custom_gb_memory ||
+          lp?.custom_disk_size ||
+          lp?.architecture) && (
+          <Box flexDirection="column" paddingX={1} flexGrow={1}>
+            <Text color={colors.warning} bold>
+              {figures.squareSmallFilled} Resources
+            </Text>
             <Text dimColor>
               {lp?.resource_size_request && `${lp.resource_size_request}`}
               {lp?.architecture && ` • ${lp.architecture}`}
@@ -439,50 +747,80 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
 
         {/* Capabilities */}
         {hasCapabilities && (
-          <Box flexDirection="column" borderStyle="round" borderColor="blue" paddingX={1} paddingY={0} flexGrow={1}>
-            <Text color="blue" bold>{figures.tick} Capabilities</Text>
-            <Text dimColor>{selectedDevbox.capabilities.filter((c: string) => c !== 'unknown').join(', ')}</Text>
+          <Box flexDirection="column" paddingX={1} flexGrow={1}>
+            <Text color={colors.info} bold>
+              {figures.tick} Capabilities
+            </Text>
+            <Text dimColor>
+              {selectedDevbox.capabilities
+                .filter((c: string) => c !== "unknown")
+                .join(", ")}
+            </Text>
           </Box>
         )}
 
         {/* Source */}
         {(selectedDevbox.blueprint_id || selectedDevbox.snapshot_id) && (
-          <Box flexDirection="column" borderStyle="round" borderColor="magenta" paddingX={1} paddingY={0} flexGrow={1}>
-            <Text color="magenta" bold>{figures.circleFilled} Source</Text>
+          <Box flexDirection="column" paddingX={1} flexGrow={1}>
+            <Text color={colors.secondary} bold>
+              {figures.circleFilled} Source
+            </Text>
             <Text dimColor>
-              {selectedDevbox.blueprint_id && `BP: ${selectedDevbox.blueprint_id}`}
-              {selectedDevbox.snapshot_id && `Snap: ${selectedDevbox.snapshot_id}`}
+              {selectedDevbox.blueprint_id &&
+                `BP: ${selectedDevbox.blueprint_id}`}
+              {selectedDevbox.snapshot_id &&
+                `Snap: ${selectedDevbox.snapshot_id}`}
             </Text>
           </Box>
         )}
       </Box>
 
-      {/* Metadata - compact */}
-      {selectedDevbox.metadata && Object.keys(selectedDevbox.metadata).length > 0 && (
-        <Box borderStyle="round" borderColor="green" paddingX={1} paddingY={0}>
-          <MetadataDisplay metadata={selectedDevbox.metadata} showBorder={false} />
-        </Box>
-      )}
+      {/* Metadata */}
+      {selectedDevbox.metadata &&
+        Object.keys(selectedDevbox.metadata).length > 0 && (
+          <Box marginBottom={1} paddingX={1}>
+            <MetadataDisplay
+              metadata={selectedDevbox.metadata}
+              showBorder={false}
+            />
+          </Box>
+        )}
 
-      {/* Failure - compact */}
+      {/* Failure */}
       {selectedDevbox.failure_reason && (
-        <Box borderStyle="round" borderColor="red" paddingX={1} paddingY={0}>
-          <Text color="red" bold>{figures.cross} </Text>
-          <Text color="red" dimColor>{selectedDevbox.failure_reason}</Text>
+        <Box marginBottom={1} paddingX={1}>
+          <Text color={colors.error} bold>
+            {figures.cross}{" "}
+          </Text>
+          <Text color={colors.error} dimColor>
+            {selectedDevbox.failure_reason}
+          </Text>
         </Box>
       )}
 
       {/* Operations - inline display */}
       <Box flexDirection="column" marginTop={1}>
-        <Text color="cyan" bold>{figures.play} Actions</Text>
+        <Text color={colors.primary} bold>
+          {figures.play} Actions
+        </Text>
         <Box flexDirection="column">
           {operations.map((op, index) => {
             const isSelected = index === selectedOperation;
             return (
               <Box key={op.key}>
-                <Text color={isSelected ? 'cyan' : 'gray'}>{isSelected ? figures.pointer : ' '} </Text>
-                <Text color={isSelected ? op.color : 'gray'} bold={isSelected}>{op.icon} {op.label}</Text>
-                <Text color="gray" dimColor> [{op.shortcut}]</Text>
+                <Text color={isSelected ? colors.primary : colors.textDim}>
+                  {isSelected ? figures.pointer : " "}{" "}
+                </Text>
+                <Text
+                  color={isSelected ? op.color : colors.textDim}
+                  bold={isSelected}
+                >
+                  {op.icon} {op.label}
+                </Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  [{op.shortcut}]
+                </Text>
               </Box>
             );
           })}
@@ -490,8 +828,10 @@ export const DevboxDetailPage: React.FC<DevboxDetailPageProps> = ({ devbox: init
       </Box>
 
       <Box marginTop={1}>
-        <Text color="gray" dimColor>
-          {figures.arrowUp}{figures.arrowDown} Navigate • [Enter] Execute • [i] Full Details • [o] Browser • [q] Back
+        <Text color={colors.textDim} dimColor>
+          {figures.arrowUp}
+          {figures.arrowDown} Navigate • [Enter] Execute • [i] Full Details •
+          [o] Browser • [q] Back
         </Text>
       </Box>
     </>
diff --git a/src/components/ErrorMessage.tsx b/src/components/ErrorMessage.tsx
index 669e208a..89b287a5 100644
--- a/src/components/ErrorMessage.tsx
+++ b/src/components/ErrorMessage.tsx
@@ -1,23 +1,27 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface ErrorMessageProps {
   message: string;
   error?: Error;
 }
 
-export const ErrorMessage: React.FC<ErrorMessageProps> = ({ message, error }) => {
+export const ErrorMessage: React.FC<ErrorMessageProps> = ({
+  message,
+  error,
+}) => {
   return (
     <Box flexDirection="column" marginY={1}>
       <Box>
-        <Text color="red" bold>
+        <Text color={colors.error} bold>
           {figures.cross} {message}
         </Text>
       </Box>
       {error && (
         <Box marginLeft={2}>
-          <Text color="gray" dimColor>
+          <Text color={colors.textDim} dimColor>
             {error.message}
           </Text>
         </Box>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 0de3af11..3f7f2684 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,31 +1,34 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import Gradient from 'ink-gradient';
+import React from "react";
+import { Box, Text } from "ink";
+import Gradient from "ink-gradient";
+import { colors } from "../utils/theme.js";
 
 interface HeaderProps {
   title: string;
   subtitle?: string;
 }
 
-export const Header: React.FC<HeaderProps> = React.memo(({ title, subtitle }) => {
-  return (
-    <Box flexDirection="column" marginBottom={1}>
-      <Box>
-        <Text bold color="#0a4d3a">
-          ▌{title}
-        </Text>
-        {subtitle && (
-          <>
-            <Text> </Text>
-            <Text color="gray" dimColor>
-              {subtitle}
-            </Text>
-          </>
-        )}
+export const Header: React.FC<HeaderProps> = React.memo(
+  ({ title, subtitle }) => {
+    return (
+      <Box flexDirection="column" marginBottom={1}>
+        <Box>
+          <Text bold color={colors.accent3}>
+            ▌{title}
+          </Text>
+          {subtitle && (
+            <>
+              <Text> </Text>
+              <Text color={colors.textDim} dimColor>
+                {subtitle}
+              </Text>
+            </>
+          )}
+        </Box>
+        <Box marginLeft={1}>
+          <Text color={colors.accent3}>{"─".repeat(title.length + 1)}</Text>
+        </Box>
       </Box>
-      <Box marginLeft={1}>
-        <Text color="#0a4d3a">{'─'.repeat(title.length + 1)}</Text>
-      </Box>
-    </Box>
-  );
-});
+    );
+  },
+);
diff --git a/src/components/MainMenu.tsx b/src/components/MainMenu.tsx
new file mode 100644
index 00000000..3c2844d8
--- /dev/null
+++ b/src/components/MainMenu.tsx
@@ -0,0 +1,204 @@
+import React from "react";
+import { Box, Text, useInput, useApp } from "ink";
+import figures from "figures";
+import { Banner } from "./Banner.js";
+import { Breadcrumb } from "./Breadcrumb.js";
+import { VERSION } from "../cli.js";
+import { colors } from "../utils/theme.js";
+
+interface MenuItem {
+  key: string;
+  label: string;
+  description: string;
+  icon: string;
+  color: string;
+}
+
+interface MainMenuProps {
+  onSelect: (key: string) => void;
+}
+
+export const MainMenu: React.FC<MainMenuProps> = React.memo(({ onSelect }) => {
+  const { exit } = useApp();
+  const [selectedIndex, setSelectedIndex] = React.useState(0);
+
+  // Calculate terminal height once at mount and memoize
+  const terminalHeight = React.useMemo(() => process.stdout.rows || 24, []);
+
+  const menuItems: MenuItem[] = React.useMemo(
+    () => [
+      {
+        key: "devboxes",
+        label: "Devboxes",
+        description: "Manage cloud development environments",
+        icon: "◉",
+        color: colors.accent1,
+      },
+      {
+        key: "blueprints",
+        label: "Blueprints",
+        description: "Create and manage devbox templates",
+        icon: "▣",
+        color: colors.accent2,
+      },
+      {
+        key: "snapshots",
+        label: "Snapshots",
+        description: "Save and restore devbox states",
+        icon: "◈",
+        color: colors.accent3,
+      },
+    ],
+    [],
+  );
+
+  useInput((input, key) => {
+    if (key.upArrow && selectedIndex > 0) {
+      setSelectedIndex(selectedIndex - 1);
+    } else if (key.downArrow && selectedIndex < menuItems.length - 1) {
+      setSelectedIndex(selectedIndex + 1);
+    } else if (key.return) {
+      onSelect(menuItems[selectedIndex].key);
+    } else if (key.escape) {
+      exit();
+    } else if (input === "d" || input === "1") {
+      onSelect("devboxes");
+    } else if (input === "b" || input === "2") {
+      onSelect("blueprints");
+    } else if (input === "s" || input === "3") {
+      onSelect("snapshots");
+    }
+  });
+
+  // Use compact layout if terminal height is less than 20 lines (memoized)
+  const useCompactLayout = React.useMemo(
+    () => terminalHeight < 20,
+    [terminalHeight],
+  );
+
+  if (useCompactLayout) {
+    return (
+      <Box flexDirection="column" height="100%">
+        <Box paddingX={2} marginBottom={1}>
+          <Text color={colors.primary} bold>
+            RUNLOOP.ai
+          </Text>
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            • Cloud development environments • v{VERSION}
+          </Text>
+        </Box>
+
+        <Box flexDirection="column" paddingX={2}>
+          {menuItems.map((item, index) => {
+            const isSelected = index === selectedIndex;
+            return (
+              <Box key={item.key} marginBottom={0}>
+                <Text color={isSelected ? item.color : colors.textDim}>
+                  {isSelected ? figures.pointer : " "}
+                </Text>
+                <Text> </Text>
+                <Text color={item.color} bold>
+                  {item.icon}
+                </Text>
+                <Text> </Text>
+                <Text
+                  color={isSelected ? item.color : colors.text}
+                  bold={isSelected}
+                >
+                  {item.label}
+                </Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  - {item.description}
+                </Text>
+                <Text color={colors.textDim} dimColor>
+                  {" "}
+                  [{index + 1}]
+                </Text>
+              </Box>
+            );
+          })}
+        </Box>
+
+        <Box paddingX={2} marginTop={1}>
+          <Text color={colors.textDim} dimColor>
+            {figures.arrowUp}
+            {figures.arrowDown} Navigate • [1-3] Quick select • [Enter] Select •
+            [Esc] Quit
+          </Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column" height="100%">
+      <Breadcrumb items={[{ label: "Home", active: true }]} />
+
+      <Box flexShrink={0}>
+        <Banner />
+      </Box>
+
+      <Box flexDirection="column" paddingX={2} flexShrink={0}>
+        <Box paddingX={1}>
+          <Text color={colors.textDim} dimColor>
+            Cloud development environments for your team • v{VERSION}
+          </Text>
+        </Box>
+      </Box>
+
+      <Box flexDirection="column" paddingX={2} marginTop={1} flexGrow={1}>
+        <Box paddingX={1} flexShrink={0}>
+          <Text color={colors.text} bold>
+            Select a resource:
+          </Text>
+        </Box>
+
+        {menuItems.map((item, index) => {
+          const isSelected = index === selectedIndex;
+          return (
+            <Box
+              key={item.key}
+              paddingX={2}
+              paddingY={0}
+              borderStyle={isSelected ? "round" : "single"}
+              borderColor={isSelected ? item.color : colors.border}
+              marginTop={index === 0 ? 1 : 0}
+              flexShrink={0}
+            >
+              <Text color={item.color} bold>
+                {item.icon}
+              </Text>
+              <Text> </Text>
+              <Text
+                color={isSelected ? item.color : colors.text}
+                bold={isSelected}
+              >
+                {item.label}
+              </Text>
+              <Text color={colors.textDim}> </Text>
+              <Text color={colors.textDim} dimColor>
+                {item.description}
+              </Text>
+              <Text> </Text>
+              <Text color={colors.textDim} dimColor>
+                [{index + 1}]
+              </Text>
+            </Box>
+          );
+        })}
+      </Box>
+
+      <Box paddingX={2} flexShrink={0}>
+        <Box paddingX={1}>
+          <Text color={colors.textDim} dimColor>
+            {figures.arrowUp}
+            {figures.arrowDown} Navigate • [1-3] Quick select • [Enter] Select •
+            [Esc] Quit
+          </Text>
+        </Box>
+      </Box>
+    </Box>
+  );
+});
diff --git a/src/components/MetadataDisplay.tsx b/src/components/MetadataDisplay.tsx
index 1e1b3b2a..2bd3747c 100644
--- a/src/components/MetadataDisplay.tsx
+++ b/src/components/MetadataDisplay.tsx
@@ -1,7 +1,8 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Badge } from '@inkjs/ui';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import { Badge } from "@inkjs/ui";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface MetadataDisplayProps {
   metadata: Record<string, string>;
@@ -12,15 +13,22 @@ interface MetadataDisplayProps {
 
 // Generate color for each key based on hash
 const getColorForKey = (key: string, index: number): string => {
-  const colors = ['cyan', 'magenta', 'yellow', 'blue', 'green', 'red'];
-  return colors[index % colors.length];
+  const colorList = [
+    colors.primary,
+    colors.secondary,
+    colors.warning,
+    colors.info,
+    colors.success,
+    colors.error,
+  ];
+  return colorList[index % colorList.length];
 };
 
 export const MetadataDisplay: React.FC<MetadataDisplayProps> = ({
   metadata,
-  title = 'Metadata',
+  title = "Metadata",
   showBorder = false,
-  selectedKey
+  selectedKey,
 }) => {
   const entries = Object.entries(metadata);
 
@@ -32,7 +40,7 @@ export const MetadataDisplay: React.FC<MetadataDisplayProps> = ({
     <Box flexDirection="row" alignItems="center" flexWrap="wrap">
       {title && (
         <>
-          <Text color="#0a4d3a" bold>
+          <Text color={colors.accent3} bold>
             {figures.info} {title}
           </Text>
           <Text> </Text>
@@ -44,11 +52,13 @@ export const MetadataDisplay: React.FC<MetadataDisplayProps> = ({
         return (
           <Box key={key} flexDirection="row" alignItems="center">
             {isSelected && (
-              <Text color="cyan" bold>{figures.pointer} </Text>
+              <Text color={colors.primary} bold>
+                {figures.pointer}{" "}
+              </Text>
             )}
-            <Badge color={isSelected ? 'cyan' : color}>
-              {`${key}: ${value}`}
-            </Badge>
+            <Badge
+              color={isSelected ? colors.primary : color}
+            >{`${key}: ${value}`}</Badge>
           </Box>
         );
       })}
@@ -59,7 +69,7 @@ export const MetadataDisplay: React.FC<MetadataDisplayProps> = ({
     return (
       <Box
         borderStyle="round"
-        borderColor="#0a4d3a"
+        borderColor={colors.accent3}
         paddingX={2}
         paddingY={1}
         flexDirection="column"
diff --git a/src/components/OperationsMenu.tsx b/src/components/OperationsMenu.tsx
index d0ffe327..ffca8890 100644
--- a/src/components/OperationsMenu.tsx
+++ b/src/components/OperationsMenu.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 export interface Operation {
   key: string;
@@ -15,7 +16,7 @@ export interface Operation {
 interface OperationsMenuProps {
   operations: Operation[];
   selectedIndex: number;
-  onNavigate: (direction: 'up' | 'down') => void;
+  onNavigate: (direction: "up" | "down") => void;
   onSelect: (operation: Operation) => void;
   onBack: () => void;
   additionalActions?: Array<{
@@ -41,7 +42,7 @@ export const OperationsMenu: React.FC<OperationsMenuProps> = ({
     <>
       {/* Operations List */}
       <Box flexDirection="column">
-        <Text color="cyan" bold>
+        <Text color={colors.primary} bold>
           {figures.play} Operations
         </Text>
         <Box flexDirection="column">
@@ -49,10 +50,13 @@ export const OperationsMenu: React.FC<OperationsMenuProps> = ({
             const isSelected = index === selectedIndex;
             return (
               <Box key={op.key}>
-                <Text color={isSelected ? 'cyan' : 'gray'}>
-                  {isSelected ? figures.pointer : ' '}{' '}
+                <Text color={isSelected ? colors.primary : colors.textDim}>
+                  {isSelected ? figures.pointer : " "}{" "}
                 </Text>
-                <Text color={isSelected ? op.color : 'gray'} bold={isSelected}>
+                <Text
+                  color={isSelected ? op.color : colors.textDim}
+                  bold={isSelected}
+                >
                   {op.icon} {op.label}
                 </Text>
               </Box>
@@ -63,11 +67,13 @@ export const OperationsMenu: React.FC<OperationsMenuProps> = ({
 
       {/* Help text */}
       <Box marginTop={1}>
-        <Text color="gray" dimColor>
+        <Text color={colors.textDim} dimColor>
           {figures.arrowUp}
           {figures.arrowDown} Navigate • [Enter] Select •
-          {additionalActions.map((action) => ` [${action.key}] ${action.label} •`)}
-          {' '}[q] Back
+          {additionalActions.map(
+            (action) => ` [${action.key}] ${action.label} •`,
+          )}{" "}
+          [q] Back
         </Text>
       </Box>
     </>
@@ -79,7 +85,7 @@ export const OperationsMenu: React.FC<OperationsMenuProps> = ({
  */
 export function filterOperations(
   allOperations: Operation[],
-  condition: (op: Operation) => boolean
+  condition: (op: Operation) => boolean,
 ): Operation[] {
   return allOperations.filter(condition);
 }
diff --git a/src/components/ResourceListView.tsx b/src/components/ResourceListView.tsx
new file mode 100644
index 00000000..89b74fa6
--- /dev/null
+++ b/src/components/ResourceListView.tsx
@@ -0,0 +1,485 @@
+import React from "react";
+import { Box, Text, useInput, useStdout, useApp } from "ink";
+import TextInput from "ink-text-input";
+import figures from "figures";
+import { Breadcrumb, BreadcrumbItem } from "./Breadcrumb.js";
+import { SpinnerComponent } from "./Spinner.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+import { Table, Column } from "./Table.js";
+import { colors } from "../utils/theme.js";
+
+// Format time ago in a succinct way
+export const formatTimeAgo = (timestamp: number): string => {
+  const seconds = Math.floor((Date.now() - timestamp) / 1000);
+
+  if (seconds < 60) return `${seconds}s ago`;
+
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days}d ago`;
+
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months}mo ago`;
+
+  const years = Math.floor(months / 12);
+  return `${years}y ago`;
+};
+
+export interface ResourceListConfig<T> {
+  /** Resource name (e.g., 'Devboxes', 'Blueprints', 'Snapshots') */
+  resourceName: string;
+
+  /** Plural resource name for display */
+  resourceNamePlural: string;
+
+  /** Function to fetch resources */
+  fetchResources: () => Promise<T[]>;
+
+  /** Column definitions for the table */
+  columns: Column<T>[];
+
+  /** Key extractor for list items */
+  keyExtractor: (item: T) => string;
+
+  /** Get the status of a resource (for stats) */
+  getStatus?: (item: T) => string;
+
+  /** Status display configuration */
+  statusConfig?: {
+    success: string[]; // e.g., ['running', 'build_complete', 'ready']
+    warning: string[]; // e.g., ['provisioning', 'building']
+    error: string[]; // e.g., ['failure', 'build_failed']
+  };
+
+  /** Search configuration */
+  searchConfig?: {
+    enabled: boolean;
+    fields: (item: T) => string[]; // Fields to search in
+    placeholder?: string;
+  };
+
+  /** Empty state configuration */
+  emptyState?: {
+    message: string;
+    command?: string;
+  };
+
+  /** Pagination config */
+  pageSize?: number;
+  maxFetch?: number;
+
+  /** Callbacks */
+  onSelect?: (item: T) => void;
+  onBack?: () => void;
+  onExit?: () => void;
+
+  /** Additional keyboard shortcuts */
+  additionalShortcuts?: {
+    key: string;
+    label: string;
+    handler: (item: T) => void;
+  }[];
+
+  /** Breadcrumb configuration */
+  breadcrumbItems?: BreadcrumbItem[];
+
+  /** Auto-refresh configuration */
+  autoRefresh?: {
+    enabled: boolean;
+    interval?: number; // milliseconds
+  };
+}
+
+interface ResourceListViewProps<T> {
+  config: ResourceListConfig<T>;
+}
+
+export function ResourceListView<T>({ config }: ResourceListViewProps<T>) {
+  const { stdout } = useStdout();
+  const { exit: inkExit } = useApp();
+  const [loading, setLoading] = React.useState(true);
+  const [resources, setResources] = React.useState<T[]>([]);
+  const [error, setError] = React.useState<Error | null>(null);
+  const [currentPage, setCurrentPage] = React.useState(0);
+  const [selectedIndex, setSelectedIndex] = React.useState(0);
+  const [searchMode, setSearchMode] = React.useState(false);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [refreshing, setRefreshing] = React.useState(false);
+  const [refreshIcon, setRefreshIcon] = React.useState(0);
+
+  const pageSize = config.pageSize || 10;
+  const maxFetch = config.maxFetch || 100;
+
+  // Calculate responsive dimensions
+  const terminalWidth = stdout?.columns || 120;
+  const terminalHeight = stdout?.rows || 30;
+
+  // Fetch resources
+  const fetchData = React.useCallback(
+    async (isInitialLoad: boolean = false) => {
+      try {
+        if (isInitialLoad) {
+          setRefreshing(true);
+        }
+
+        const data = await config.fetchResources();
+        setResources(data);
+      } catch (err) {
+        setError(err as Error);
+      } finally {
+        setLoading(false);
+        if (isInitialLoad) {
+          setTimeout(() => setRefreshing(false), 300);
+        }
+      }
+    },
+    [config.fetchResources],
+  );
+
+  // Initial load
+  React.useEffect(() => {
+    fetchData(true);
+  }, [fetchData]);
+
+  // Auto-refresh
+  React.useEffect(() => {
+    if (config.autoRefresh?.enabled) {
+      const interval = setInterval(() => {
+        fetchData(false);
+      }, config.autoRefresh.interval || 3000);
+      return () => clearInterval(interval);
+    }
+  }, [config.autoRefresh, fetchData]);
+
+  // Animate refresh icon
+  React.useEffect(() => {
+    const interval = setInterval(() => {
+      setRefreshIcon((prev) => (prev + 1) % 10);
+    }, 80);
+    return () => clearInterval(interval);
+  }, []);
+
+  // Filter resources based on search query
+  const filteredResources = React.useMemo(() => {
+    if (!config.searchConfig?.enabled || !searchQuery.trim()) {
+      return resources;
+    }
+
+    const query = searchQuery.toLowerCase();
+    return resources.filter((resource) => {
+      const fields = config.searchConfig!.fields(resource);
+      return fields.some((field) => field.toLowerCase().includes(query));
+    });
+  }, [resources, searchQuery, config.searchConfig]);
+
+  // Pagination
+  const totalPages = Math.ceil(filteredResources.length / pageSize);
+  const startIndex = currentPage * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, filteredResources.length);
+  const currentResources = filteredResources.slice(startIndex, endIndex);
+
+  // Ensure selected index is within bounds
+  React.useEffect(() => {
+    if (
+      currentResources.length > 0 &&
+      selectedIndex >= currentResources.length
+    ) {
+      setSelectedIndex(Math.max(0, currentResources.length - 1));
+    }
+  }, [currentResources.length, selectedIndex]);
+
+  const selectedResource = currentResources[selectedIndex];
+
+  // Input handling
+  useInput((input, key) => {
+    // Handle Ctrl+C to force exit
+    if (key.ctrl && input === "c") {
+      process.stdout.write("\x1b[?1049l"); // Exit alternate screen
+      process.exit(130);
+    }
+
+    const pageResourcesCount = currentResources.length;
+
+    // Skip input handling when in search mode
+    if (searchMode) {
+      if (key.escape) {
+        setSearchMode(false);
+        setSearchQuery("");
+      }
+      return;
+    }
+
+    // Handle list view navigation
+    if (key.upArrow && selectedIndex > 0) {
+      setSelectedIndex(selectedIndex - 1);
+    } else if (key.downArrow && selectedIndex < pageResourcesCount - 1) {
+      setSelectedIndex(selectedIndex + 1);
+    } else if (
+      (input === "n" || key.rightArrow) &&
+      currentPage < totalPages - 1
+    ) {
+      setCurrentPage(currentPage + 1);
+      setSelectedIndex(0);
+    } else if ((input === "p" || key.leftArrow) && currentPage > 0) {
+      setCurrentPage(currentPage - 1);
+      setSelectedIndex(0);
+    } else if (key.return && selectedResource && config.onSelect) {
+      console.clear();
+      config.onSelect(selectedResource);
+    } else if (input === "/" && config.searchConfig?.enabled) {
+      setSearchMode(true);
+    } else if (key.escape) {
+      if (searchQuery) {
+        setSearchQuery("");
+        setCurrentPage(0);
+        setSelectedIndex(0);
+      } else {
+        if (config.onBack) {
+          config.onBack();
+        } else if (config.onExit) {
+          config.onExit();
+        } else {
+          inkExit();
+        }
+      }
+    } else if (config.additionalShortcuts) {
+      // Handle additional shortcuts
+      const shortcut = config.additionalShortcuts.find((s) => s.key === input);
+      if (shortcut && selectedResource) {
+        shortcut.handler(selectedResource);
+      }
+    }
+  });
+
+  // Calculate stats
+  const stats = React.useMemo(() => {
+    if (!config.statusConfig || !config.getStatus) {
+      return null;
+    }
+
+    const successCount = resources.filter((r) =>
+      config.statusConfig!.success.includes(config.getStatus!(r)),
+    ).length;
+
+    const warningCount = resources.filter((r) =>
+      config.statusConfig!.warning.includes(config.getStatus!(r)),
+    ).length;
+
+    const errorCount = resources.filter((r) =>
+      config.statusConfig!.error.includes(config.getStatus!(r)),
+    ).length;
+
+    return { successCount, warningCount, errorCount };
+  }, [resources, config.statusConfig, config.getStatus]);
+
+  // Loading state
+  if (loading) {
+    return (
+      <>
+        <Breadcrumb
+          items={
+            config.breadcrumbItems || [
+              { label: config.resourceNamePlural, active: true },
+            ]
+          }
+        />
+        <SpinnerComponent
+          message={`Loading ${config.resourceNamePlural.toLowerCase()}...`}
+        />
+      </>
+    );
+  }
+
+  // Error state
+  if (error) {
+    return (
+      <>
+        <Breadcrumb
+          items={
+            config.breadcrumbItems || [
+              { label: config.resourceNamePlural, active: true },
+            ]
+          }
+        />
+        <ErrorMessage
+          message={`Failed to list ${config.resourceNamePlural.toLowerCase()}`}
+          error={error}
+        />
+      </>
+    );
+  }
+
+  // Empty state
+  if (!loading && !error && resources.length === 0) {
+    return (
+      <>
+        <Breadcrumb
+          items={
+            config.breadcrumbItems || [
+              { label: config.resourceNamePlural, active: true },
+            ]
+          }
+        />
+        {config.emptyState && (
+          <Box>
+            <Text color={colors.warning}>{figures.info}</Text>
+            <Text> {config.emptyState.message}</Text>
+            {config.emptyState.command && (
+              <Text color={colors.primary} bold>
+                {config.emptyState.command}
+              </Text>
+            )}
+          </Box>
+        )}
+      </>
+    );
+  }
+
+  // List view with data
+  return (
+    <>
+      <Breadcrumb
+        items={
+          config.breadcrumbItems || [
+            { label: config.resourceNamePlural, active: true },
+          ]
+        }
+      />
+
+      {/* Search bar */}
+      {config.searchConfig?.enabled && (
+        <>
+          {searchMode && (
+            <Box marginBottom={1}>
+              <Text color={colors.primary}>
+                {figures.pointerSmall} Search:{" "}
+              </Text>
+              <TextInput
+                value={searchQuery}
+                onChange={setSearchQuery}
+                placeholder={
+                  config.searchConfig.placeholder || "Type to search..."
+                }
+                onSubmit={() => {
+                  setSearchMode(false);
+                  setCurrentPage(0);
+                  setSelectedIndex(0);
+                }}
+              />
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                [Esc to cancel]
+              </Text>
+            </Box>
+          )}
+          {!searchMode && searchQuery && (
+            <Box marginBottom={1}>
+              <Text color={colors.primary}>{figures.info} Searching for: </Text>
+              <Text color={colors.warning} bold>
+                {searchQuery}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                ({currentResources.length} results) [/ to edit, Esc to clear]
+              </Text>
+            </Box>
+          )}
+        </>
+      )}
+
+      {/* Table */}
+      <Table
+        key={`table-${searchQuery}-${currentPage}`}
+        data={currentResources}
+        keyExtractor={config.keyExtractor}
+        selectedIndex={selectedIndex}
+        title={`${config.resourceNamePlural.toLowerCase()}[${searchQuery ? currentResources.length : resources.length}]`}
+        columns={config.columns}
+      />
+
+      {/* Statistics Bar */}
+      <Box marginTop={1} paddingX={1}>
+        <Text color={colors.primary} bold>
+          {figures.hamburger} {resources.length}
+        </Text>
+        <Text color={colors.textDim} dimColor>
+          {" "}
+          total
+        </Text>
+        {totalPages > 1 && (
+          <>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              •{" "}
+            </Text>
+            <Text color={colors.textDim} dimColor>
+              Page {currentPage + 1} of {totalPages}
+            </Text>
+          </>
+        )}
+        <Text color={colors.textDim} dimColor>
+          {" "}
+          •{" "}
+        </Text>
+        <Text color={colors.textDim} dimColor>
+          Showing {startIndex + 1}-{endIndex} of {filteredResources.length}
+        </Text>
+        <Text> </Text>
+        {refreshing ? (
+          <Text color={colors.primary}>
+            {
+              ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"][
+                refreshIcon % 10
+              ]
+            }
+          </Text>
+        ) : (
+          <Text color={colors.success}>{figures.circleFilled}</Text>
+        )}
+      </Box>
+
+      {/* Help Bar */}
+      <Box marginTop={1} paddingX={1}>
+        <Text color={colors.textDim} dimColor>
+          {figures.arrowUp}
+          {figures.arrowDown} Navigate
+        </Text>
+        {totalPages > 1 && (
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            • {figures.arrowLeft}
+            {figures.arrowRight} Page
+          </Text>
+        )}
+        {config.onSelect && (
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            • [Enter] Details
+          </Text>
+        )}
+        {config.searchConfig?.enabled && (
+          <Text color={colors.textDim} dimColor>
+            {" "}
+            • [/] Search
+          </Text>
+        )}
+        {config.additionalShortcuts &&
+          config.additionalShortcuts.map((shortcut) => (
+            <Text key={shortcut.key} color={colors.textDim} dimColor>
+              {" "}
+              • [{shortcut.key}] {shortcut.label}
+            </Text>
+          ))}
+        <Text color={colors.textDim} dimColor>
+          {" "}
+          • [Esc] Back
+        </Text>
+      </Box>
+    </>
+  );
+}
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
index 7d4bbaca..39c326e5 100644
--- a/src/components/Spinner.tsx
+++ b/src/components/Spinner.tsx
@@ -1,15 +1,18 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { colors } from "../utils/theme.js";
 
 interface SpinnerComponentProps {
   message: string;
 }
 
-export const SpinnerComponent: React.FC<SpinnerComponentProps> = ({ message }) => {
+export const SpinnerComponent: React.FC<SpinnerComponentProps> = ({
+  message,
+}) => {
   return (
     <Box marginBottom={1}>
-      <Text color="cyan">
+      <Text color={colors.primary}>
         <Spinner type="dots" />
       </Text>
       <Text> {message}</Text>
diff --git a/src/components/StatusBadge.tsx b/src/components/StatusBadge.tsx
index be16c53c..2495e755 100644
--- a/src/components/StatusBadge.tsx
+++ b/src/components/StatusBadge.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface StatusBadgeProps {
   status: string;
@@ -15,44 +16,96 @@ export interface StatusDisplay {
 
 export const getStatusDisplay = (status: string): StatusDisplay => {
   if (!status) {
-    return { icon: figures.questionMarkPrefix, color: 'gray', text: 'UNKNOWN' };
+    return {
+      icon: figures.questionMarkPrefix,
+      color: colors.textDim,
+      text: "UNKNOWN   ",
+    };
   }
 
   switch (status) {
-    case 'running':
-      return { icon: figures.circleFilled, color: 'green', text: 'RUNNING   ' };
-    case 'provisioning':
-      return { icon: figures.ellipsis, color: 'yellow', text: 'PROVISION ' };
-    case 'initializing':
-      return { icon: figures.ellipsis, color: 'cyan', text: 'INITIALIZE' };
-    case 'suspended':
-      return { icon: figures.circleDotted, color: 'yellow', text: 'SUSPENDED ' };
-    case 'failure':
-      return { icon: figures.cross, color: 'red', text: 'FAILED    ' };
-    case 'shutdown':
-      return { icon: figures.circle, color: 'gray', text: 'SHUTDOWN  ' };
-    case 'resuming':
-      return { icon: figures.ellipsis, color: 'cyan', text: 'RESUMING  ' };
-    case 'suspending':
-      return { icon: figures.ellipsis, color: 'yellow', text: 'SUSPENDING' };
-    case 'ready':
-      return { icon: figures.tick, color: 'green', text: 'READY     ' };
-    case 'build_complete':
-    case 'building_complete':
-      return { icon: figures.tick, color: 'green', text: 'COMPLETE  ' };
-    case 'building':
-      return { icon: figures.ellipsis, color: 'yellow', text: 'BUILDING  ' };
-    case 'build_failed':
-      return { icon: figures.cross, color: 'red', text: 'FAILED    ' };
+    case "running":
+      return {
+        icon: figures.circleFilled,
+        color: colors.success,
+        text: "RUNNING   ",
+      };
+    case "provisioning":
+      return {
+        icon: figures.ellipsis,
+        color: colors.warning,
+        text: "PROVISION ",
+      };
+    case "initializing":
+      return {
+        icon: figures.ellipsis,
+        color: colors.primary,
+        text: "INITIALIZE",
+      };
+    case "suspended":
+      return {
+        icon: figures.circleDotted,
+        color: colors.warning,
+        text: "SUSPENDED ",
+      };
+    case "failure":
+      return { icon: figures.cross, color: colors.error, text: "FAILED    " };
+    case "shutdown":
+      return {
+        icon: figures.circle,
+        color: colors.textDim,
+        text: "SHUTDOWN  ",
+      };
+    case "resuming":
+      return {
+        icon: figures.ellipsis,
+        color: colors.primary,
+        text: "RESUMING  ",
+      };
+    case "suspending":
+      return {
+        icon: figures.ellipsis,
+        color: colors.warning,
+        text: "SUSPENDING",
+      };
+    case "ready":
+      return {
+        icon: figures.bullet,
+        color: colors.success,
+        text: "READY     ",
+      };
+    case "build_complete":
+    case "building_complete":
+      return {
+        icon: figures.bullet,
+        color: colors.success,
+        text: "COMPLETE  ",
+      };
+    case "building":
+      return {
+        icon: figures.ellipsis,
+        color: colors.warning,
+        text: "BUILDING  ",
+      };
+    case "build_failed":
+    case "failed":
+      return { icon: figures.cross, color: colors.error, text: "FAILED    " };
     default:
       // Truncate and pad any unknown status to 10 chars to match column width
       const truncated = status.toUpperCase().slice(0, 10);
-      const padded = truncated.padEnd(10, ' ');
-      return { icon: figures.questionMarkPrefix, color: 'gray', text: padded };
+      const padded = truncated.padEnd(10, " ");
+      return {
+        icon: figures.questionMarkPrefix,
+        color: colors.textDim,
+        text: padded,
+      };
   }
 };
 
-export const StatusBadge: React.FC<StatusBadgeProps> = ({ status, showText = true }) => {
+export const StatusBadge: React.FC<StatusBadgeProps> = ({
+  status,
+  showText = true,
+}) => {
   const statusDisplay = getStatusDisplay(status);
 
   return (
diff --git a/src/components/SuccessMessage.tsx b/src/components/SuccessMessage.tsx
index 3210cc0c..038f6037 100644
--- a/src/components/SuccessMessage.tsx
+++ b/src/components/SuccessMessage.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 interface SuccessMessageProps {
   message: string;
@@ -14,14 +15,14 @@ export const SuccessMessage: React.FC<SuccessMessageProps> = ({
   return (
     <Box flexDirection="column" marginY={1}>
       <Box>
-        <Text color="green" bold>
+        <Text color={colors.success} bold>
           {figures.tick} {message}
         </Text>
       </Box>
       {details && (
         <Box marginLeft={2} flexDirection="column">
-          {details.split('\n').map((line, i) => (
-            <Text key={i} color="gray" dimColor>
+          {details.split("\n").map((line, i) => (
+            <Text key={i} color={colors.textDim} dimColor>
               {line}
             </Text>
           ))}
diff --git a/src/components/Table.example.tsx b/src/components/Table.example.tsx
index 53ef3146..c7083cfd 100644
--- a/src/components/Table.example.tsx
+++ b/src/components/Table.example.tsx
@@ -4,11 +4,12 @@
  * This file demonstrates how to use the Table component for different entity types.
  */
 
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Table, createTextColumn, createComponentColumn } from './Table.js';
-import { StatusBadge } from './StatusBadge.js';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import { Table, createTextColumn, createComponentColumn } from "./Table.js";
+import { StatusBadge } from "./StatusBadge.js";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 // ============================================================================
 // EXAMPLE 1: Blueprints Table
@@ -25,7 +26,7 @@ interface Blueprint {
 function BlueprintsTable({
   blueprints,
   selectedIndex,
-  terminalWidth
+  terminalWidth,
 }: {
   blueprints: Blueprint[];
   selectedIndex: number;
@@ -43,43 +44,54 @@ function BlueprintsTable({
       columns={[
         // Status badge column
         createComponentColumn<Blueprint>(
-          'status',
-          'Status',
+          "status",
+          "Status",
           (bp) => <StatusBadge status={bp.status} showText={false} />,
-          { width: 2 }
+          { width: 2 },
         ),
         // ID column (responsive)
         createTextColumn<Blueprint>(
-          'id',
-          'ID',
-          (bp) => showFullId ? bp.id : bp.id.slice(0, 13),
-          { width: showFullId ? 25 : 15, color: 'gray', dimColor: true, bold: false }
+          "id",
+          "ID",
+          (bp) => (showFullId ? bp.id : bp.id.slice(0, 13)),
+          {
+            width: showFullId ? 25 : 15,
+            color: colors.textDim,
+            dimColor: true,
+            bold: false,
+          },
         ),
         // Name column
         createTextColumn<Blueprint>(
-          'name',
-          'Name',
-          (bp) => bp.name || '(unnamed)',
-          { width: 30 }
+          "name",
+          "Name",
+          (bp) => bp.name || "(unnamed)",
+          { width: 30 },
         ),
         // Description column (optional)
         createTextColumn<Blueprint>(
-          'description',
-          'Description',
-          (bp) => bp.description || '',
-          { width: 40, color: 'gray', dimColor: true, bold: false, visible: showDescription }
+          "description",
+          "Description",
+          (bp) => bp.description || "",
+          {
+            width: 40,
+            color: colors.textDim,
+            dimColor: true,
+            bold: false,
+            visible: showDescription,
+          },
         ),
         // Created time column
         createTextColumn<Blueprint>(
-          'created',
-          'Created',
+          "created",
+          "Created",
           (bp) => new Date(bp.created_at).toLocaleDateString(),
-          { width: 15, color: 'gray', dimColor: true, bold: false }
+          { width: 15, color: colors.textDim, dimColor: true, bold: false },
         ),
       ]}
       emptyState={
         <Box>
-          <Text color="yellow">{figures.info} No blueprints found</Text>
+          <Text color={colors.warning}>{figures.info} No blueprints found</Text>
         </Box>
       }
     />
@@ -102,7 +114,7 @@ interface Snapshot {
 function SnapshotsTable({
   snapshots,
   selectedIndex,
-  terminalWidth
+  terminalWidth,
 }: {
   snapshots: Snapshot[];
   selectedIndex: number;
@@ -120,50 +132,66 @@ function SnapshotsTable({
       columns={[
         // Status badge column
         createComponentColumn<Snapshot>(
-          'status',
-          'Status',
+          "status",
+          "Status",
           (snap) => <StatusBadge status={snap.status} showText={false} />,
-          { width: 2 }
+          { width: 2 },
         ),
         // ID column (responsive)
         createTextColumn<Snapshot>(
-          'id',
-          'ID',
-          (snap) => showFullId ? snap.id : snap.id.slice(0, 13),
-          { width: showFullId ? 25 : 15, color: 'gray', dimColor: true, bold: false }
+          "id",
+          "ID",
+          (snap) => (showFullId ? snap.id : snap.id.slice(0, 13)),
+          {
+            width: showFullId ? 25 : 15,
+            color: colors.textDim,
+            dimColor: true,
+            bold: false,
+          },
         ),
         // Name column
         createTextColumn<Snapshot>(
-          'name',
-          'Name',
-          (snap) => snap.name || '(unnamed)',
-          { width: 25 }
+          "name",
+          "Name",
+          (snap) => snap.name || "(unnamed)",
+          { width: 25 },
         ),
         // Devbox ID column
         createTextColumn<Snapshot>(
-          'devbox',
-          'Devbox',
+          "devbox",
+          "Devbox",
           (snap) => snap.devbox_id.slice(0, 13),
-          { width: 15, color: 'cyan', dimColor: true, bold: false }
+          {
+            width: 15,
+            color: colors.primary,
+            dimColor: true,
+            bold: false,
+          },
         ),
         // Size column (optional)
         createTextColumn<Snapshot>(
-          'size',
-          'Size',
-          (snap) => snap.size_gb ? `${snap.size_gb.toFixed(1)}GB` : '',
-          { width: 10, color: 'yellow', dimColor: true, bold: false, visible: showSize }
+          "size",
+          "Size",
+          (snap) => (snap.size_gb ? `${snap.size_gb.toFixed(1)}GB` : ""),
+          {
+            width: 10,
+            color: colors.warning,
+            dimColor: true,
+            bold: false,
+            visible: showSize,
+          },
         ),
         // Created time column
         createTextColumn<Snapshot>(
-          'created',
-          'Created',
+          "created",
+          "Created",
           (snap) => new Date(snap.created_at).toLocaleDateString(),
-          { width: 15, color: 'gray', dimColor: true, bold: false }
+          { width: 15, color: colors.textDim, dimColor: true, bold: false },
         ),
       ]}
       emptyState={
         <Box>
-          <Text color="yellow">{figures.info} No snapshots found</Text>
+          <Text color={colors.warning}>{figures.info} No snapshots found</Text>
         </Box>
       }
     />
@@ -182,8 +210,8 @@ function CustomComplexColumn() {
   }
 
   const data: CustomEntity[] = [
-    { id: '1', name: 'Item 1', tags: ['tag1', 'tag2'] },
-    { id: '2', name: 'Item 2', tags: ['tag3'] },
+    { id: "1", name: "Item 1", tags: ["tag1", "tag2"] },
+    { id: "2", name: "Item 2", tags: ["tag3"] },
   ];
 
   return (
@@ -192,24 +220,21 @@ function CustomComplexColumn() {
       keyExtractor={(item: CustomEntity) => item.id}
       selectedIndex={0}
       columns={[
-        createTextColumn<CustomEntity>(
-          'name',
-          'Name',
-          (item) => item.name,
-          { width: 20 }
-        ),
+        createTextColumn<CustomEntity>("name", "Name", (item) => item.name, {
+          width: 20,
+        }),
         // Custom component column with complex rendering
         createComponentColumn<CustomEntity>(
-          'tags',
-          'Tags',
+          "tags",
+          "Tags",
           (item, index, isSelected) => (
             <Box width={30}>
-              <Text color={isSelected ? 'cyan' : 'blue'} dimColor>
-                {item.tags.map(tag => `[${tag}]`).join(' ')}
+              <Text color={isSelected ? colors.primary : colors.info} dimColor>
+                {item.tags.map((tag) => `[${tag}]`).join(" ")}
               </Text>
             </Box>
           ),
-          { width: 30 }
+          { width: 30 },
         ),
       ]}
     />
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index 510d61c1..30b8b32e 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import figures from 'figures';
+import React from "react";
+import { Box, Text } from "ink";
+import figures from "figures";
+import { colors } from "../utils/theme.js";
 
 export interface Column<T> {
   /** Column key for identification */
@@ -50,18 +51,25 @@ export function Table<T>({
   }
 
   // Filter visible columns
-  const visibleColumns = columns.filter(col => col.visible !== false);
+  const visibleColumns = columns.filter((col) => col.visible !== false);
 
   return (
     <Box flexDirection="column">
       {/* Title bar (if provided) */}
       {title && (
         <Box paddingX={1} marginBottom={0}>
-          <Text color="cyan" bold>╭─ {title} {'─'.repeat(Math.max(0, 10))}╮</Text>
+          <Text color={colors.primary} bold>
+            ╭─ {title} {"─".repeat(Math.max(0, 10))}╮
+          </Text>
         </Box>
       )}
 
-      <Box flexDirection="column" borderStyle={title ? 'single' : 'round'} borderColor="gray" paddingX={1}>
+      <Box
+        flexDirection="column"
+        borderStyle={title ? "single" : "round"}
+        borderColor={colors.border}
+        paddingX={1}
+      >
         {/* Header row */}
         <Box>
           {/* Space for selection pointer */}
@@ -75,37 +83,37 @@ export function Table<T>({
           {/* Column headers */}
           {visibleColumns.map((column) => (
             <Text key={`header-${column.key}`} bold dimColor>
-              {column.label.slice(0, column.width).padEnd(column.width, ' ')}
+              {column.label.slice(0, column.width).padEnd(column.width, " ")}
             </Text>
           ))}
         </Box>
 
-      {/* Data rows */}
-      {data.map((row, index) => {
-        const isSelected = index === selectedIndex;
-        const rowKey = keyExtractor(row);
+        {/* Data rows */}
+        {data.map((row, index) => {
+          const isSelected = index === selectedIndex;
+          const rowKey = keyExtractor(row);
 
-        return (
-          <Box key={rowKey}>
-            {/* Selection pointer */}
-            {showSelection && (
-              <>
-                <Text color={isSelected ? 'cyan' : 'gray'}>
-                  {isSelected ? figures.pointer : ' '}
-                </Text>
-                <Text> </Text>
-              </>
-            )}
+          return (
+            <Box key={rowKey}>
+              {/* Selection pointer */}
+              {showSelection && (
+                <>
+                  <Text color={isSelected ? colors.primary : colors.textDim}>
+                    {isSelected ? figures.pointer : " "}
+                  </Text>
+                  <Text> </Text>
+                </>
+              )}
 
-            {/* Render each column */}
-            {visibleColumns.map((column, colIndex) => (
-              <React.Fragment key={`${rowKey}-${column.key}`}>
-                {column.render(row, index, isSelected)}
-              </React.Fragment>
-            ))}
-          </Box>
-        );
-      })}
+              {/* Render each column */}
+              {visibleColumns.map((column, colIndex) => (
+                <React.Fragment key={`${rowKey}-${column.key}`}>
+                  {column.render(row, index, isSelected)}
+                </React.Fragment>
+              ))}
+            </Box>
+          );
+        })}
       </Box>
     </Box>
   );
@@ -124,7 +132,7 @@ export function createTextColumn<T>(
     bold?: boolean;
     dimColor?: boolean;
     visible?: boolean;
-  }
+  },
 ): Column<T> {
   return {
     key,
@@ -134,16 +142,28 @@ export function createTextColumn<T>(
     render: (row, index, isSelected) => {
       const value = getValue(row);
       const width = options?.width || 20;
-      const color = options?.color || (isSelected ? 'white' : 'white');
+      const color = options?.color || (isSelected ? colors.text : colors.text);
       const bold = options?.bold !== undefined ? options.bold : isSelected;
       const dimColor = options?.dimColor || false;
 
-      // Pad the value to fill the full width
-      const truncated = value.slice(0, width);
-      const padded = truncated.padEnd(width, ' ');
+      // Truncate and add ellipsis if text is too long
+      let truncated: string;
+      if (value.length > width) {
+        // Reserve space for ellipsis if truncating
+        truncated = value.slice(0, width - 1) + "…";
+      } else {
+        truncated = value;
+      }
+      const padded = truncated.padEnd(width, " ");
 
       return (
-        <Text color={isSelected ? 'white' : color} bold={bold} dimColor={!isSelected && dimColor} inverse={isSelected}>
+        <Text
+          color={isSelected ? colors.text : color}
+          bold={bold}
+          dimColor={!isSelected && dimColor}
+          inverse={isSelected}
+          wrap="truncate"
+        >
           {padded}
         </Text>
       );
@@ -157,11 +177,15 @@ export function createTextColumn<T>(
 export function createComponentColumn<T>(
   key: string,
   label: string,
-  renderComponent: (row: T, index: number, isSelected: boolean) => React.ReactNode,
+  renderComponent: (
+    row: T,
+    index: number,
+    isSelected: boolean,
+  ) => React.ReactNode,
   options?: {
     width?: number;
     visible?: boolean;
-  }
+  },
 ): Column<T> {
   return {
     key,
diff --git a/src/hooks/useCursorPagination.ts b/src/hooks/useCursorPagination.ts
new file mode 100644
index 00000000..142938ec
--- /dev/null
+++ b/src/hooks/useCursorPagination.ts
@@ -0,0 +1,219 @@
+import React from "react";
+
+export interface CursorPaginationConfig<T> {
+  /** Page size (items per page) */
+  pageSize: number;
+
+  /** Fetch function that takes query params and returns a page of results */
+  fetchPage: (params: {
+    limit: number;
+    starting_at?: string;
+    [key: string]: any;
+  }) => Promise<{
+    items: T[];
+    total_count?: number;
+    has_more?: boolean;
+  }>;
+
+  /** Additional query params (e.g., status filter) */
+  queryParams?: Record<string, any>;
+
+  /** Auto-refresh interval in milliseconds (0 to disable) */
+  refreshInterval?: number;
+
+  /** Key extractor to get ID from item */
+  getItemId: (item: T) => string;
+}
+
+export interface CursorPaginationResult<T> {
+  /** Current page items */
+  items: T[];
+
+  /** Loading state */
+  loading: boolean;
+
+  /** Error state */
+  error: Error | null;
+
+  /** Current page number (0-indexed) */
+  currentPage: number;
+
+  /** Total count of items (if available from API) */
+  totalCount: number;
+
+  /** Whether there are more pages */
+  hasMore: boolean;
+
+  /** Whether currently refreshing */
+  refreshing: boolean;
+
+  /** Go to next page */
+  nextPage: () => void;
+
+  /** Go to previous page */
+  prevPage: () => void;
+
+  /** Go to specific page */
+  goToPage: (page: number) => void;
+
+  /** Refresh current page */
+  refresh: () => void;
+
+  /** Clear cache */
+  clearCache: () => void;
+}
+
+export function useCursorPagination<T>(
+  config: CursorPaginationConfig<T>,
+): CursorPaginationResult<T> {
+  const [items, setItems] = React.useState<T[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState<Error | null>(null);
+  const [currentPage, setCurrentPage] = React.useState(0);
+  const [totalCount, setTotalCount] = React.useState(0);
+  const [hasMore, setHasMore] = React.useState(false);
+  const [refreshing, setRefreshing] = React.useState(false);
+
+  // Cache for page data and cursors
+  const pageCache = React.useRef<Map<number, T[]>>(new Map());
+  const lastIdCache = React.useRef<Map<number, string>>(new Map());
+
+  const fetchData = React.useCallback(
+    async (isInitialLoad: boolean = false) => {
+      try {
+        if (isInitialLoad) {
+          setRefreshing(true);
+        }
+        setLoading(true);
+
+        // Check cache first (skip on refresh)
+        if (!isInitialLoad && pageCache.current.has(currentPage)) {
+          setItems(pageCache.current.get(currentPage) || []);
+          setLoading(false);
+          return;
+        }
+
+        const pageItems: T[] = [];
+
+        // Get starting_at cursor from previous page's last ID
+        const startingAt =
+          currentPage > 0
+            ? lastIdCache.current.get(currentPage - 1)
+            : undefined;
+
+        // Build query params
+        const queryParams: any = {
+          limit: config.pageSize,
+          ...config.queryParams,
+        };
+        if (startingAt) {
+          queryParams.starting_at = startingAt;
+        }
+
+        // Fetch the page
+        const result = await config.fetchPage(queryParams);
+
+        // Extract items (handle both array response and paginated response)
+        const fetchedItems = Array.isArray(result) ? result : result.items;
+        pageItems.push(...fetchedItems.slice(0, config.pageSize));
+
+        // Update pagination metadata
+        if (!Array.isArray(result)) {
+          setTotalCount(result.total_count || pageItems.length);
+          setHasMore(result.has_more || false);
+        } else {
+          setTotalCount(pageItems.length);
+          setHasMore(false);
+        }
+
+        // Cache the page data and last ID
+        if (pageItems.length > 0) {
+          pageCache.current.set(currentPage, pageItems);
+          lastIdCache.current.set(
+            currentPage,
+            config.getItemId(pageItems[pageItems.length - 1]),
+          );
+        }
+
+        // Update items for current page
+        setItems(pageItems);
+      } catch (err) {
+        setError(err as Error);
+      } finally {
+        setLoading(false);
+        if (isInitialLoad) {
+          setTimeout(() => setRefreshing(false), 300);
+        }
+      }
+    },
+    [currentPage, config],
+  );
+
+  // Initial load and page changes
+  React.useEffect(() => {
+    fetchData(true);
+  }, [fetchData, currentPage]);
+
+  // Auto-refresh
+  React.useEffect(() => {
+    if (!config.refreshInterval || config.refreshInterval <= 0) {
+      return;
+    }
+
+    const interval = setInterval(() => {
+      // Clear cache on refresh
+      pageCache.current.clear();
+      lastIdCache.current.clear();
+      fetchData(false);
+    }, config.refreshInterval);
+
+    return () => clearInterval(interval);
+  }, [config.refreshInterval, fetchData]);
+
+  const nextPage = React.useCallback(() => {
+    if (!loading && hasMore) {
+      setCurrentPage((prev) => prev + 1);
+    }
+  }, [loading, hasMore]);
+
+  const prevPage = React.useCallback(() => {
+    if (!loading && currentPage > 0) {
+      setCurrentPage((prev) => prev - 1);
+    }
+  }, [loading, currentPage]);
+
+  const goToPage = React.useCallback(
+    (page: number) => {
+      if (!loading && page >= 0) {
+        setCurrentPage(page);
+      }
+    },
+    [loading],
+  );
+
+  const refresh = React.useCallback(() => {
+    pageCache.current.clear();
+    lastIdCache.current.clear();
+    fetchData(true);
+  }, [fetchData]);
+
+  const clearCache = React.useCallback(() => {
+    pageCache.current.clear();
+    lastIdCache.current.clear();
+  }, []);
+
+  return {
+    items,
+    loading,
+    error,
+    currentPage,
+    totalCount,
+    hasMore,
+    refreshing,
+    nextPage,
+    prevPage,
+    goToPage,
+    refresh,
+    clearCache,
+  };
+}
diff --git a/src/mcp/server-http.ts b/src/mcp/server-http.ts
new file mode 100644
index 00000000..c18739e9
--- /dev/null
+++ b/src/mcp/server-http.ts
@@ -0,0 +1,453 @@
+#!/usr/bin/env node
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { SSEServerTransport } from "@modelcontextprotocol/sdk/server/sse.js";
+import {
+  CallToolRequestSchema,
+  ListToolsRequestSchema,
+  Tool,
+} from "@modelcontextprotocol/sdk/types.js";
+import { getClient } from "../utils/client.js";
+import express from "express";
+
+// Define available tools for the MCP server
+const TOOLS: Tool[] = [
+  {
+    name: "list_devboxes",
+    description: "List all devboxes with optional filtering by status",
+    inputSchema: {
+      type: "object",
+      properties: {
+        status: {
+          type: "string",
+          description:
+            "Filter by status (running, provisioning, suspended, etc.)",
+          enum: [
+            "running",
+            "provisioning",
+            "initializing",
+            "suspended",
+            "shutdown",
+            "failure",
+          ],
+        },
+        limit: {
+          type: "number",
+          description: "Maximum number of devboxes to return",
+        },
+      },
+    },
+  },
+  {
+    name: "get_devbox",
+    description: "Get detailed information about a specific devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "create_devbox",
+    description: "Create a new devbox with specified configuration",
+    inputSchema: {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+          description: "Name for the devbox",
+        },
+        blueprint_id: {
+          type: "string",
+          description: "Blueprint ID to use as template",
+        },
+        snapshot_id: {
+          type: "string",
+          description: "Snapshot ID to restore from",
+        },
+        entrypoint: {
+          type: "string",
+          description: "Entrypoint script to run on startup",
+        },
+        environment_variables: {
+          type: "object",
+          description: "Environment variables as key-value pairs",
+        },
+        resource_size: {
+          type: "string",
+          description: "Resource size (SMALL, MEDIUM, LARGE, XLARGE)",
+          enum: ["SMALL", "MEDIUM", "LARGE", "XLARGE"],
+        },
+        keep_alive_seconds: {
+          type: "number",
+          description: "Keep alive time in seconds",
+        },
+      },
+    },
+  },
+  {
+    name: "execute_command",
+    description: "Execute a command on a devbox and get the result",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "The devbox ID to execute the command on",
+        },
+        command: {
+          type: "string",
+          description: "The command to execute",
+        },
+      },
+      required: ["devbox_id", "command"],
+    },
+  },
+  {
+    name: "shutdown_devbox",
+    description: "Shutdown a devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to shutdown",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "suspend_devbox",
+    description: "Suspend a devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to suspend",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "resume_devbox",
+    description: "Resume a suspended devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to resume",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "list_blueprints",
+    description: "List all available blueprints",
+    inputSchema: {
+      type: "object",
+      properties: {
+        limit: {
+          type: "number",
+          description: "Maximum number of blueprints to return",
+        },
+      },
+    },
+  },
+  {
+    name: "list_snapshots",
+    description: "List all snapshots",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "Filter snapshots by devbox ID",
+        },
+        limit: {
+          type: "number",
+          description: "Maximum number of snapshots to return",
+        },
+      },
+    },
+  },
+  {
+    name: "create_snapshot",
+    description: "Create a snapshot of a devbox",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "The devbox ID to snapshot",
+        },
+        name: {
+          type: "string",
+          description: "Name for the snapshot",
+        },
+      },
+      required: ["devbox_id"],
+    },
+  },
+];
+
+// Create the MCP server
+const server = new Server(
+  {
+    name: "runloop-mcp-server",
+    version: "1.0.0",
+  },
+  {
+    capabilities: {
+      tools: {},
+    },
+  },
+);
+
+// Handle tool listing
+server.setRequestHandler(ListToolsRequestSchema, async () => {
+  return {
+    tools: TOOLS,
+  };
+});
+
+// Handle tool execution
+server.setRequestHandler(CallToolRequestSchema, async (request) => {
+  const { name, arguments: args } = request.params;
+
+  try {
+    const client = getClient();
+
+    if (!args) {
+      throw new Error("Missing arguments");
+    }
+
+    switch (name) {
+      case "list_devboxes": {
+        const result = await client.devboxes.list({
+          status: args.status as any,
+          limit: args.limit as number,
+        });
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "get_devbox": {
+        const result = await client.devboxes.retrieve(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "create_devbox": {
+        const createParams: any = {};
+        if (args.name) createParams.name = args.name;
+        if (args.blueprint_id) createParams.blueprint_id = args.blueprint_id;
+        if (args.snapshot_id) createParams.snapshot_id = args.snapshot_id;
+        if (args.entrypoint) createParams.entrypoint = args.entrypoint;
+        if (args.environment_variables)
+          createParams.environment_variables = args.environment_variables;
+        if (args.resource_size) {
+          createParams.launch_parameters = {
+            resource_size_request: args.resource_size,
+          };
+        }
+        if (args.keep_alive_seconds) {
+          if (!createParams.launch_parameters)
+            createParams.launch_parameters = {};
+          createParams.launch_parameters.keep_alive_time_seconds =
+            args.keep_alive_seconds;
+        }
+
+        const result = await client.devboxes.create(createParams);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "execute_command": {
+        const result = await client.devboxes.executeSync(
+          args.devbox_id as string,
+          {
+            command: args.command as string,
+          },
+        );
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "shutdown_devbox": {
+        const result = await client.devboxes.shutdown(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "suspend_devbox": {
+        const result = await client.devboxes.suspend(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "resume_devbox": {
+        const result = await client.devboxes.resume(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "list_blueprints": {
+        const result = await client.blueprints.list({
+          limit: args.limit as number,
+        });
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "list_snapshots": {
+        const params: any = {};
+        if (args.devbox_id) params.devbox_id = args.devbox_id;
+
+        const allSnapshots: any[] = [];
+        let count = 0;
+        const limit = (args.limit as number) || 100;
+
+        for await (const snapshot of client.devboxes.listDiskSnapshots(
+          params,
+        )) {
+          allSnapshots.push(snapshot);
+          count++;
+          if (count >= limit) break;
+        }
+
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(allSnapshots, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "create_snapshot": {
+        const params: any = {};
+        if (args.name) params.name = args.name;
+
+        const result = await client.devboxes.snapshotDisk(
+          args.devbox_id as string,
+          params,
+        );
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      default:
+        throw new Error(`Unknown tool: ${name}`);
+    }
+  } catch (error: any) {
+    return {
+      content: [
+        {
+          type: "text",
+          text: `Error: ${error.message}`,
+        },
+      ],
+      isError: true,
+    };
+  }
+});
+
+// Start the HTTP/SSE server
+async function main() {
+  const app = express();
+  const port = parseInt(process.env.PORT || "3000");
+
+  // Handle SSE endpoint
+  app.get("/sse", async (req, res) => {
+    console.log("New SSE connection established");
+
+    const transport = new SSEServerTransport("/message", res);
+    await server.connect(transport);
+
+    // Keep connection alive
+    req.on("close", () => {
+      console.log("SSE connection closed");
+    });
+  });
+
+  // Handle message endpoint for client requests
+  app.post("/message", express.json(), async (req, res) => {
+    // The SSE transport handles this automatically
+    res.status(200).end();
+  });
+
+  app.listen(port, () => {
+    console.log(`Runloop MCP HTTP server running on http://localhost:${port}`);
+    console.log(`SSE endpoint: http://localhost:${port}/sse`);
+    console.log(`Message endpoint: http://localhost:${port}/message`);
+  });
+}
+
+main().catch((error) => {
+  console.error("Fatal error in main():", error);
+  process.exit(1);
+});
diff --git a/src/mcp/server.ts b/src/mcp/server.ts
new file mode 100644
index 00000000..fe082dc2
--- /dev/null
+++ b/src/mcp/server.ts
@@ -0,0 +1,430 @@
+#!/usr/bin/env node
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import {
+  CallToolRequestSchema,
+  ListToolsRequestSchema,
+  Tool,
+} from "@modelcontextprotocol/sdk/types.js";
+import { getClient } from "../utils/client.js";
+
+// Define available tools for the MCP server
+const TOOLS: Tool[] = [
+  {
+    name: "list_devboxes",
+    description: "List all devboxes with optional filtering by status",
+    inputSchema: {
+      type: "object",
+      properties: {
+        status: {
+          type: "string",
+          description:
+            "Filter by status (running, provisioning, suspended, etc.)",
+          enum: [
+            "running",
+            "provisioning",
+            "initializing",
+            "suspended",
+            "shutdown",
+            "failure",
+          ],
+        },
+        limit: {
+          type: "number",
+          description: "Maximum number of devboxes to return",
+        },
+      },
+    },
+  },
+  {
+    name: "get_devbox",
+    description: "Get detailed information about a specific devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "create_devbox",
+    description: "Create a new devbox with specified configuration",
+    inputSchema: {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+          description: "Name for the devbox",
+        },
+        blueprint_id: {
+          type: "string",
+          description: "Blueprint ID to use as template",
+        },
+        snapshot_id: {
+          type: "string",
+          description: "Snapshot ID to restore from",
+        },
+        entrypoint: {
+          type: "string",
+          description: "Entrypoint script to run on startup",
+        },
+        environment_variables: {
+          type: "object",
+          description: "Environment variables as key-value pairs",
+        },
+        resource_size: {
+          type: "string",
+          description: "Resource size (SMALL, MEDIUM, LARGE, XLARGE)",
+          enum: ["SMALL", "MEDIUM", "LARGE", "XLARGE"],
+        },
+        keep_alive_seconds: {
+          type: "number",
+          description: "Keep alive time in seconds",
+        },
+      },
+    },
+  },
+  {
+    name: "execute_command",
+    description: "Execute a command on a devbox and get the result",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "The devbox ID to execute the command on",
+        },
+        command: {
+          type: "string",
+          description: "The command to execute",
+        },
+      },
+      required: ["devbox_id", "command"],
+    },
+  },
+  {
+    name: "shutdown_devbox",
+    description: "Shutdown a devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to shutdown",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "suspend_devbox",
+    description: "Suspend a devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to suspend",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "resume_devbox",
+    description: "Resume a suspended devbox by ID",
+    inputSchema: {
+      type: "object",
+      properties: {
+        id: {
+          type: "string",
+          description: "The devbox ID to resume",
+        },
+      },
+      required: ["id"],
+    },
+  },
+  {
+    name: "list_blueprints",
+    description: "List all available blueprints",
+    inputSchema: {
+      type: "object",
+      properties: {
+        limit: {
+          type: "number",
+          description: "Maximum number of blueprints to return",
+        },
+      },
+    },
+  },
+  {
+    name: "list_snapshots",
+    description: "List all snapshots",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "Filter snapshots by devbox ID",
+        },
+        limit: {
+          type: "number",
+          description: "Maximum number of snapshots to return",
+        },
+      },
+    },
+  },
+  {
+    name: "create_snapshot",
+    description: "Create a snapshot of a devbox",
+    inputSchema: {
+      type: "object",
+      properties: {
+        devbox_id: {
+          type: "string",
+          description: "The devbox ID to snapshot",
+        },
+        name: {
+          type: "string",
+          description: "Name for the snapshot",
+        },
+      },
+      required: ["devbox_id"],
+    },
+  },
+];
+
+// Create the MCP server
+const server = new Server(
+  {
+    name: "runloop-mcp-server",
+    version: "1.0.0",
+  },
+  {
+    capabilities: {
+      tools: {},
+    },
+  },
+);
+
+// Handle tool listing
+server.setRequestHandler(ListToolsRequestSchema, async () => {
+  return {
+    tools: TOOLS,
+  };
+});
+
+// Handle tool execution
+server.setRequestHandler(CallToolRequestSchema, async (request) => {
+  const { name, arguments: args } = request.params;
+
+  try {
+    const client = getClient();
+
+    if (!args) {
+      throw new Error("Missing arguments");
+    }
+
+    switch (name) {
+      case "list_devboxes": {
+        const result = await client.devboxes.list({
+          status: args.status as any,
+          limit: args.limit as number,
+        });
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "get_devbox": {
+        const result = await client.devboxes.retrieve(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "create_devbox": {
+        const createParams: any = {};
+        if (args.name) createParams.name = args.name;
+        if (args.blueprint_id) createParams.blueprint_id = args.blueprint_id;
+        if (args.snapshot_id) createParams.snapshot_id = args.snapshot_id;
+        if (args.entrypoint) createParams.entrypoint = args.entrypoint;
+        if (args.environment_variables)
+          createParams.environment_variables = args.environment_variables;
+        if (args.resource_size) {
+          createParams.launch_parameters = {
+            resource_size_request: args.resource_size,
+          };
+        }
+        if (args.keep_alive_seconds) {
+          if (!createParams.launch_parameters)
+            createParams.launch_parameters = {};
+          createParams.launch_parameters.keep_alive_time_seconds =
+            args.keep_alive_seconds;
+        }
+
+        const result = await client.devboxes.create(createParams);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "execute_command": {
+        const result = await client.devboxes.executeSync(
+          args.devbox_id as string,
+          {
+            command: args.command as string,
+          },
+        );
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "shutdown_devbox": {
+        const result = await client.devboxes.shutdown(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "suspend_devbox": {
+        const result = await client.devboxes.suspend(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "resume_devbox": {
+        const result = await client.devboxes.resume(args.id as string);
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "list_blueprints": {
+        const result = await client.blueprints.list({
+          limit: args.limit as number,
+        });
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "list_snapshots": {
+        const params: any = {};
+        if (args.devbox_id) params.devbox_id = args.devbox_id;
+
+        const allSnapshots: any[] = [];
+        let count = 0;
+        const limit = (args.limit as number) || 100;
+
+        for await (const snapshot of client.devboxes.listDiskSnapshots(
+          params,
+        )) {
+          allSnapshots.push(snapshot);
+          count++;
+          if (count >= limit) break;
+        }
+
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(allSnapshots, null, 2),
+            },
+          ],
+        };
+      }
+
+      case "create_snapshot": {
+        const params: any = {};
+        if (args.name) params.name = args.name;
+
+        const result = await client.devboxes.snapshotDisk(
+          args.devbox_id as string,
+          params,
+        );
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(result, null, 2),
+            },
+          ],
+        };
+      }
+
+      default:
+        throw new Error(`Unknown tool: ${name}`);
+    }
+  } catch (error: any) {
+    return {
+      content: [
+        {
+          type: "text",
+          text: `Error: ${error.message}`,
+        },
+      ],
+      isError: true,
+    };
+  }
+});
+
+// Start the server
+async function main() {
+  const transport = new StdioServerTransport();
+  await server.connect(transport);
+
+  // Log to stderr so it doesn't interfere with MCP protocol on stdout
+  console.error("Runloop MCP server running on stdio");
+}
+
+main().catch((error) => {
+  console.error("Fatal error in main():", error);
+  process.exit(1);
+});
diff --git a/src/utils/CommandExecutor.ts b/src/utils/CommandExecutor.ts
index 8ff99843..9fd9f59e 100644
--- a/src/utils/CommandExecutor.ts
+++ b/src/utils/CommandExecutor.ts
@@ -3,10 +3,15 @@
  * Reduces code duplication across all command files
  */
 
-import { render } from 'ink';
-import { getClient } from './client.js';
-import { shouldUseNonInteractiveOutput, outputList, outputResult, OutputOptions } from './output.js';
-import YAML from 'yaml';
+import { render } from "ink";
+import { getClient } from "./client.js";
+import {
+  shouldUseNonInteractiveOutput,
+  outputList,
+  outputResult,
+  OutputOptions,
+} from "./output.js";
+import YAML from "yaml";
 
 export class CommandExecutor<T = any> {
   constructor(private options: OutputOptions = {}) {}
@@ -17,7 +22,7 @@ export class CommandExecutor<T = any> {
   async executeList(
     fetchData: () => Promise<T[]>,
     renderUI: () => JSX.Element,
-    limit: number = 10
+    limit: number = 10,
   ): Promise<void> {
     if (shouldUseNonInteractiveOutput(this.options)) {
       try {
@@ -32,9 +37,13 @@ export class CommandExecutor<T = any> {
     }
 
     // Interactive mode
+    // Enter alternate screen buffer
+    process.stdout.write("\x1b[?1049h");
     console.clear();
     const { waitUntilExit } = render(renderUI());
     await waitUntilExit();
+    // Exit alternate screen buffer
+    process.stdout.write("\x1b[?1049l");
   }
 
   /**
@@ -42,7 +51,7 @@ export class CommandExecutor<T = any> {
    */
   async executeAction(
     performAction: () => Promise<T>,
-    renderUI: () => JSX.Element
+    renderUI: () => JSX.Element,
   ): Promise<void> {
     if (shouldUseNonInteractiveOutput(this.options)) {
       try {
@@ -55,9 +64,13 @@ export class CommandExecutor<T = any> {
     }
 
     // Interactive mode
+    // Enter alternate screen buffer
+    process.stdout.write("\x1b[?1049h");
     console.clear();
     const { waitUntilExit } = render(renderUI());
     await waitUntilExit();
+    // Exit alternate screen buffer
+    process.stdout.write("\x1b[?1049l");
   }
 
   /**
@@ -66,12 +79,12 @@ export class CommandExecutor<T = any> {
   async executeDelete(
     performDelete: () => Promise<void>,
     id: string,
-    renderUI: () => JSX.Element
+    renderUI: () => JSX.Element,
   ): Promise<void> {
     if (shouldUseNonInteractiveOutput(this.options)) {
       try {
         await performDelete();
-        outputResult({ id, status: 'deleted' }, this.options);
+        outputResult({ id, status: "deleted" }, this.options);
       } catch (err) {
         this.handleError(err as Error);
       }
@@ -79,8 +92,12 @@ export class CommandExecutor<T = any> {
     }
 
     // Interactive mode
+    // Enter alternate screen buffer
+    process.stdout.write("\x1b[?1049h");
     const { waitUntilExit } = render(renderUI());
     await waitUntilExit();
+    // Exit alternate screen buffer
+    process.stdout.write("\x1b[?1049l");
   }
 
   /**
@@ -91,7 +108,7 @@ export class CommandExecutor<T = any> {
     options: {
       filter?: (item: Item) => boolean;
       limit?: number;
-    } = {}
+    } = {},
   ): Promise<Item[]> {
     const { filter, limit = 100 } = options;
     const items: Item[] = [];
@@ -115,7 +132,7 @@ export class CommandExecutor<T = any> {
    * Handle errors consistently across all commands
    */
   private handleError(error: Error): never {
-    if (this.options.output === 'yaml') {
+    if (this.options.output === "yaml") {
       console.error(YAML.stringify({ error: error.message }));
     } else {
       console.error(JSON.stringify({ error: error.message }, null, 2));
diff --git a/src/utils/client.ts b/src/utils/client.ts
index 1b086db6..f7bb7560 100644
--- a/src/utils/client.ts
+++ b/src/utils/client.ts
@@ -1,16 +1,36 @@
-import Runloop from '@runloop/api-client';
-import { getConfig } from './config.js';
+import Runloop from "@runloop/api-client";
+import { getConfig } from "./config.js";
+
+/**
+ * Get the base URL based on RUNLOOP_ENV environment variable
+ * - dev: https://api.runloop.pro
+ * - prod or unset: https://api.runloop.ai (default)
+ */
+function getBaseUrl(): string {
+  const env = process.env.RUNLOOP_ENV?.toLowerCase();
+
+  switch (env) {
+    case "dev":
+      return "https://api.runloop.pro";
+    case "prod":
+    default:
+      return "https://api.runloop.ai";
+  }
+}
 
 export function getClient(): Runloop {
   const config = getConfig();
 
   if (!config.apiKey) {
-    throw new Error('API key not configured. Run: rln auth');
+    throw new Error("API key not configured. Run: rln auth");
   }
 
+  const baseURL = getBaseUrl();
+
   return new Runloop({
     bearerToken: config.apiKey,
+    baseURL,
     timeout: 10000, // 10 seconds instead of default 30 seconds
-    maxRetries: 2,  // 2 retries instead of default 5 (only for retryable errors)
+    maxRetries: 2, // 2 retries instead of default 5 (only for retryable errors)
   });
 }
diff --git a/src/utils/config.ts b/src/utils/config.ts
index c5048739..dc9d87d7 100644
--- a/src/utils/config.ts
+++ b/src/utils/config.ts
@@ -1,16 +1,16 @@
-import Conf from 'conf';
+import Conf from "conf";
 
 interface Config {
   apiKey?: string;
 }
 
 const config = new Conf<Config>({
-  projectName: 'runloop-cli',
+  projectName: "runloop-cli",
 });
 
 export function getConfig(): Config {
   // Check environment variable first, then fall back to stored config
-  const apiKey = process.env.RUNLOOP_API_KEY || config.get('apiKey');
+  const apiKey = process.env.RUNLOOP_API_KEY || config.get("apiKey");
 
   return {
     apiKey,
@@ -18,7 +18,7 @@ export function getConfig(): Config {
 }
 
 export function setApiKey(apiKey: string): void {
-  config.set('apiKey', apiKey);
+  config.set("apiKey", apiKey);
 }
 
 export function clearConfig(): void {
diff --git a/src/utils/interactiveCommand.ts b/src/utils/interactiveCommand.ts
new file mode 100644
index 00000000..f7be9d4e
--- /dev/null
+++ b/src/utils/interactiveCommand.ts
@@ -0,0 +1,14 @@
+/**
+ * Wrapper for interactive commands that need alternate screen buffer management
+ */
+export async function runInteractiveCommand(command: () => Promise<void>) {
+  // Enter alternate screen buffer
+  process.stdout.write("\x1b[?1049h");
+
+  try {
+    await command();
+  } finally {
+    // Exit alternate screen buffer
+    process.stdout.write("\x1b[?1049l");
+  }
+}
diff --git a/src/utils/output.ts b/src/utils/output.ts
index 8fb9b76e..246734b3 100644
--- a/src/utils/output.ts
+++ b/src/utils/output.ts
@@ -2,9 +2,9 @@
  * Utility for handling different output formats across CLI commands
  */
 
-import YAML from 'yaml';
+import YAML from "yaml";
 
-export type OutputFormat = 'text' | 'json' | 'yaml';
+export type OutputFormat = "text" | "json" | "yaml";
 
 export interface OutputOptions {
   output?: string;
@@ -20,23 +20,23 @@ export function shouldUseNonInteractiveOutput(options: OutputOptions): boolean {
 /**
  * Output data in the specified format
  */
-export function outputData(data: any, format: OutputFormat = 'json'): void {
-  if (format === 'json') {
+export function outputData(data: any, format: OutputFormat = "json"): void {
+  if (format === "json") {
     console.log(JSON.stringify(data, null, 2));
     return;
   }
 
-  if (format === 'yaml') {
+  if (format === "yaml") {
     console.log(YAML.stringify(data));
     return;
   }
 
-  if (format === 'text') {
+  if (format === "text") {
     // Simple text output
     if (Array.isArray(data)) {
       // For lists of complex objects, just output IDs
       data.forEach((item) => {
-        if (typeof item === 'object' && item !== null && 'id' in item) {
+        if (typeof item === "object" && item !== null && "id" in item) {
           console.log(item.id);
         } else {
           console.log(formatTextOutput(item));
@@ -56,7 +56,7 @@ export function outputData(data: any, format: OutputFormat = 'json'): void {
  * Format a single item as text output
  */
 function formatTextOutput(item: any): string {
-  if (typeof item === 'string') {
+  if (typeof item === "string") {
     return item;
   }
 
@@ -67,7 +67,7 @@ function formatTextOutput(item: any): string {
       lines.push(`${key}: ${value}`);
     }
   }
-  return lines.join('\n');
+  return lines.join("\n");
 }
 
 /**
@@ -76,7 +76,7 @@ function formatTextOutput(item: any): string {
 export function outputResult(
   result: any,
   options: OutputOptions,
-  successMessage?: string
+  successMessage?: string,
 ): void {
   if (shouldUseNonInteractiveOutput(options)) {
     outputData(result, options.output as OutputFormat);
@@ -92,10 +92,7 @@ export function outputResult(
 /**
  * Output a list of items (for list commands)
  */
-export function outputList(
-  items: any[],
-  options: OutputOptions
-): void {
+export function outputList(items: any[], options: OutputOptions): void {
   if (shouldUseNonInteractiveOutput(options)) {
     outputData(items, options.output as OutputFormat);
   }
@@ -106,9 +103,9 @@ export function outputList(
  */
 export function outputError(error: Error, options: OutputOptions): void {
   if (shouldUseNonInteractiveOutput(options)) {
-    if (options.output === 'json') {
+    if (options.output === "json") {
       console.error(JSON.stringify({ error: error.message }, null, 2));
-    } else if (options.output === 'yaml') {
+    } else if (options.output === "yaml") {
       console.error(YAML.stringify({ error: error.message }));
     } else {
       console.error(`Error: ${error.message}`);
@@ -124,18 +121,20 @@ export function outputError(error: Error, options: OutputOptions): void {
  * Validate output format option
  */
 export function validateOutputFormat(format?: string): OutputFormat {
-  if (!format || format === 'text') {
-    return 'text';
+  if (!format || format === "text") {
+    return "text";
   }
 
-  if (format === 'json') {
-    return 'json';
+  if (format === "json") {
+    return "json";
   }
 
-  if (format === 'yaml') {
-    return 'yaml';
+  if (format === "yaml") {
+    return "yaml";
   }
 
-  console.error(`Unknown output format: ${format}. Valid options: text, json, yaml`);
+  console.error(
+    `Unknown output format: ${format}. Valid options: text, json, yaml`,
+  );
   process.exit(1);
 }
diff --git a/src/utils/sshSession.ts b/src/utils/sshSession.ts
new file mode 100644
index 00000000..dfea4ac3
--- /dev/null
+++ b/src/utils/sshSession.ts
@@ -0,0 +1,54 @@
+import { spawnSync } from "child_process";
+
+export interface SSHSessionConfig {
+  keyPath: string;
+  proxyCommand: string;
+  sshUser: string;
+  url: string;
+  devboxId: string;
+  devboxName: string;
+}
+
+export interface SSHSessionResult {
+  exitCode: number;
+  shouldRestart: boolean;
+  returnToDevboxId?: string;
+}
+
+export async function runSSHSession(
+  config: SSHSessionConfig,
+): Promise<SSHSessionResult> {
+  // Reset terminal to fix input visibility issues
+  // This ensures the terminal is in a proper state after exiting Ink
+  spawnSync("reset", [], { stdio: "inherit" });
+
+  console.clear();
+  console.log(`\nConnecting to devbox ${config.devboxName}...\n`);
+
+  // Spawn SSH in foreground with proper terminal settings
+  const result = spawnSync(
+    "ssh",
+    [
+      "-t", // Force pseudo-terminal allocation for proper input handling
+      "-i",
+      config.keyPath,
+      "-o",
+      `ProxyCommand=${config.proxyCommand}`,
+      "-o",
+      "StrictHostKeyChecking=no",
+      "-o",
+      "UserKnownHostsFile=/dev/null",
+      `${config.sshUser}@${config.url}`,
+    ],
+    {
+      stdio: "inherit",
+      shell: false,
+    },
+  );
+
+  return {
+    exitCode: result.status || 0,
+    shouldRestart: true,
+    returnToDevboxId: config.devboxId,
+  };
+}
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
new file mode 100644
index 00000000..8ebb1d20
--- /dev/null
+++ b/src/utils/theme.ts
@@ -0,0 +1,29 @@
+/**
+ * Color theme constants for the CLI application
+ * Centralized color definitions for easy theme customization
+ */
+
+export const colors = {
+  // Primary brand colors
+  primary: "cyan",
+  secondary: "magenta",
+
+  // Status colors
+  success: "green",
+  warning: "yellow",
+  error: "red",
+  info: "blue",
+
+  // UI colors
+  text: "white",
+  textDim: "gray",
+  border: "gray",
+
+  // Accent colors for menu items and highlights
+  accent1: "cyan",
+  accent2: "magenta",
+  accent3: "green",
+} as const;
+
+export type ColorName = keyof typeof colors;
+export type ColorValue = (typeof colors)[ColorName];
diff --git a/src/utils/url.ts b/src/utils/url.ts
new file mode 100644
index 00000000..4c50f672
--- /dev/null
+++ b/src/utils/url.ts
@@ -0,0 +1,44 @@
+/**
+ * Utility functions for generating URLs
+ */
+
+/**
+ * Get the base URL for the Runloop platform based on environment
+ * - dev: https://platform.runloop.pro
+ * - prod or unset: https://platform.runloop.ai (default)
+ */
+export function getBaseUrl(): string {
+  const env = process.env.RUNLOOP_ENV?.toLowerCase();
+
+  switch (env) {
+    case "dev":
+      return "https://platform.runloop.pro";
+    case "prod":
+    default:
+      return "https://platform.runloop.ai";
+  }
+}
+
+/**
+ * Generate a devbox URL for the given devbox ID
+ */
+export function getDevboxUrl(devboxId: string): string {
+  const baseUrl = getBaseUrl();
+  return `${baseUrl}/devboxes/${devboxId}`;
+}
+
+/**
+ * Generate a blueprint URL for the given blueprint ID
+ */
+export function getBlueprintUrl(blueprintId: string): string {
+  const baseUrl = getBaseUrl();
+  return `${baseUrl}/blueprints/${blueprintId}`;
+}
+
+/**
+ * Generate a settings URL
+ */
+export function getSettingsUrl(): string {
+  const baseUrl = getBaseUrl();
+  return `${baseUrl}/settings`;
+}