Dashboard home was hardcoding fake numbers (2,431/10,000 requests, fake "Pro Plan", fake activity log, fake random bar chart) despite the real analytics/logs/keys endpoints already existing and being used correctly elsewhere (Usage, Logs, Tokens pages). A fresh account with zero real activity was showing 24% "used" from nobody's data. Rewired every stat card, the usage chart, and the activity table to real /api/analytics/*, /api/logs, and /api/keys data. Every Quick Action now does something real (navigate to the real page, or call a real endpoint) instead of being a no-op or hardcoded button. Also removed 5 sidebar/footer links (AI Setup Guides, Tools & Permissions, Billing, Team, Settings, Support) that pointed at nonexistent routes or pages with no backend feature behind them at all — no team/multi-user system, no per-tool permission toggles, no real subscription/billing system exist in the backend yet. Documented what's needed to build each one for real in FUTURE_FEATURES.md rather than shipping more fake UI. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
OdooMCP Cloud — Frontend
Vite + React + TypeScript dashboard for the multi-tenant Odoo MCP server.
Stack
- Vite 5 + React 18 + TypeScript
- react-router-dom v6 for client-side routing
- Tailwind CSS
- recharts for analytics charts
Development
npm install
npm run dev # http://localhost:3000
Requires the backend (Multi-Tenant-ODOO-MCP) running and .env pointing VITE_API_URL at it.
Build
npm run build # type-checks then builds to dist/
npm run preview # serve the production build locally
Structure
src/pages/— route components (landing, auth,dashboard/,admin/)src/components/landing/— marketing page sectionssrc/lib/api.ts— typed API client + localStorage session helperssrc/App.tsx— route tree
Description
Languages
TypeScript
98.9%
CSS
0.4%
JavaScript
0.4%
HTML
0.3%