Run OpenClaw Securely in your browser in 5s

import { AgentContainerManager } from 'vibeclaw';

// Load the OpenClaw runtime
const snapshot = await fetch(OPENCLAW_VFS_URL).then(r => r.json());

const manager = new AgentContainerManager({
  maxContainers: 10,
  defaultExecutionTimeoutMs: 30_000,
});

// Spawn gateway — your key goes direct to Anthropic
const gw = await manager.spawn({
  id: 'openclaw-gateway',
  vfsSnapshot: snapshot,
  cwd: '/openclaw',
  env: {
    OPENROUTER_API_KEY: OPENROUTER_API_KEY,
    NODE_ENV: 'production',
    OPENCLAW_PORT: '18789',
  },
});

await manager.execute(gw.id, `
  const loader = require('/openclaw/loader.cjs');
  loader.registerStubs();
  loader.setupEnv();
`);

console.log('🦀 OpenClaw Sandbox Gateway online!');

// Configure the sandbox agent
await manager.execute(gw.id, `
  const config = require('/openclaw/config.cjs');
  config.set({
    agent: {
      name: 'Sandbox Agent',
      emoji: '🦀',
      model: 'claude-sonnet-4-20250514',
      maxTokens: 16384,
    },
    gateway: { port: 18789, bind: 'loopback' },
    skills: { enableAll: true },
    cron: { jobs: [{
      name: 'health-check',
      schedule: '*/5 * * * *',
      task: 'Run a quick health check',
    }] },
  });
`);

await manager.writeFile(gw.id, '/openclaw/SOUL.md', `
# 🦀 Sandbox Agent
You are a helpful coding assistant running
entirely in a browser sandbox.
`);

// Chat with your sandbox agent — 100% in-browser
// Your key goes direct to Anthropic, never our servers

await client.chat('Hello! What can you do?', {
  sessionKey: 'agent:sandbox:main',
});

// ✅ Read/write files in virtual workspace
// ✅ Execute JavaScript and TypeScript
// ✅ Install npm packages
// ✅ Use tools (search, edit, create files)
// ✅ Run cron jobs on a schedule
// ✅ Maintain conversation history

// Future: WebGPU local inference — no API key at all
// import { CreateMLCEngine } from '@mlc-ai/web-llm';
// const engine = await CreateMLCEngine('Qwen2.5-Coder-1.5B-Instruct-q4f16_1-MLC');