Ce tableau de bord a été éjecté — et il tourne dans votre navigateur

Comment cette page a été construite

Trois étapes, sans colle sur mesure. Un agent IA ayant accès au MCP Vibedasher a tout fait — exactement comme le ferait le vôtre.

# 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} />

Rien dans l'arbre éjecté n'a été ajusté à la main pour tourner sur cette page — c'est tout l'enjeu, et c'est vrai. C'est une vraie sortie d'eject_viz : les cinq fichiers que le MCP livre à l'identique à tous ses clients (config de build, tsconfig, le runner DuckDB-WASM) sont figés octet pour octet sur sa sortie actuelle par un test de CI, et trois endroits répartis sur deux fichiers générés ont été alignées sur un correctif du générateur postérieur à cet export. tsc --noEmit sur les 45 fichiers ne remonte aucune erreur, et la CI le maintient. Le seul fichier que nous avons écrit est le composant d'une quarantaine de lignes qui le monte et lui fournit une fonction de requête.

La fonction de requête que nous injectons s'appuie sur DuckDB-WASM lisant un extrait Parquet du jeu de données. Remplacez-la par le client SDK Vibedasher et exactement les mêmes composants tourneront contre le moteur hébergé — c'est la seule chose qui change.