React Dashboard

Use mcp__tdx-studio__render_react. For simple charts, prefer render_chart.

Sandbox Globals

Do NOT import anything — these are pre-loaded:

• React 18: all hooks (useState, useEffect, useMemo, etc.)
• Recharts: all components
• Tailwind CSS: all utility classes
• Theme: isDark (boolean) and theme ("light" / "dark") — reactive, update on toggle

Dark Mode

HTML elements — Tailwind dark: variants:

<div className="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">