Este panel fue expulsado — y se ejecuta en tu navegador

Cómo se construyó esta página

Tres pasos, sin pegamento a medida. Un agente de IA con acceso al MCP de Vibedasher hizo todo — igual que lo haría el tuyo.

# 1. install, sign in, point your AI at the Vibedasher MCP
pip install 'vibedasher-mcp>=0.6.0' && vibedasher login   # opens your browser; no API key
{ "mcpServers": { "vibedasher": { "command": "vibedasher-mcp",
    "env": { "VIBEDASHER_REGION": "eu-central-1" } } } }

# 2. ask it to eject the dashboard
eject_viz(viz_id=1275)
  -> 45 files: App.tsx, pages/, charts/, components/, stores/,
     vibedasherWasm.ts, tailwind.config.js, package.json, main.tsx

# 3. mount it in your app and hand it a query function
<App viz={viz} useSQL={useSQL} />

Nada en el árbol expulsado se ajustó a mano para funcionar en esta página — esa es toda la promesa, y se cumple. Es salida real de eject_viz: los cinco archivos que el MCP entrega idénticos a todos sus clientes (configuración de build, tsconfig, el runner de DuckDB-WASM) están fijados byte a byte contra su salida actual por un test de CI, y tres puntos repartidos en dos archivos generados se actualizaron para coincidir con una corrección del generador posterior a esta exportación. tsc --noEmit sobre los 45 archivos no da errores, y CI lo mantiene así. El único archivo que escribimos es el componente de ~40 líneas que lo monta y le pasa una función de consulta.

La función de consulta que inyectamos usa DuckDB-WASM leyendo una extracción Parquet del conjunto de datos. Cámbiala por el cliente del SDK de Vibedasher y exactamente los mismos componentes funcionarán contra el motor alojado — eso es lo único que cambia.