Este painel foi ejetado — e roda no seu navegador

Como esta página foi construída

Três passos, sem gambiarra sob medida. Um agente de IA com acesso ao MCP do Vibedasher fez tudo — do mesmo jeito que o seu faria.

# 1. point your AI at the Vibedasher MCP
{ "mcpServers": { "vibedasher": { "command": "vibedasher-mcp",
    "env": { "VIBEDASHER_API_KEY": "…", "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 na árvore ejetada foi ajustado à mão para rodar nesta página — essa é a promessa inteira, e ela se sustenta. É saída real de eject_viz: os cinco arquivos que o MCP entrega igualzinho para todo cliente (config de build, tsconfig, o executor DuckDB-WASM) estão travados byte a byte contra a saída atual por um teste de CI, e três pontos em dois arquivos gerados foram atualizados para acompanhar uma correção no gerador posterior a esta árvore. O tsc --noEmit passa limpo nos 45 arquivos e o CI mantém assim. O único arquivo que escrevemos é o componente de ~40 linhas que monta tudo e entrega uma função de consulta.

A função de consulta que injetamos é sustentada pelo DuckDB-WASM lendo uma extração em Parquet do conjunto de dados. Troque-a pelo cliente do SDK do Vibedasher e exatamente os mesmos componentes passam a rodar contra o motor hospedado — é só isso que muda.