AInTandem Console

This is the console for the AInTandem sandbox orchestration platform, built with React, TypeScript, and Vite.

Development

To run the application in development mode:

pnpm install
pnpm dev

The console will be available at http://localhost:5173 and will proxy API requests to the backend at http://localhost:9900.

Environment Variables

This project uses Vite's environment variable system. Environment variables should be prefixed with VITE_ to be exposed to the client-side code.

Available Environment Variables

• VITE_USE_MOCK_API: Controls whether to use mock API in development mode.
  • Default: true when in development mode
  • Set to false to disable mock API and use the real backend API
  • Example: VITE_USE_MOCK_API=false pnpm dev

Mock API

The application includes a mock API for development purposes using MSW (Mock Service Worker). This allows the console to work without a running backend. The mock API contains sample data for:

• Containers
• Organizations
• Workspaces
• Projects
• Workflows

To enable the mock API in development mode, ensure VITE_USE_MOCK_API is set to true (or is not set at all, since it defaults to true in development).

Example usage:

# Use mock API (default in development)
pnpm dev

# Use real backend API
VITE_USE_MOCK_API=false pnpm dev

Architecture

• Framework: React with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS with shadcn/ui components
• State Management: Zustand stores
• API Mocking: MSW (Mock Service Worker)
• Environment Configuration: Vite's env system