Same Data, Different Interface

Hover a component to highlight it in both views. Click to toggle selection.

Human seesinteractive
? Select components:
Services
Clients
Background
Selected: api, web
Agent seesstructured
{ "plugins": [
{ "id": "api", "port": 8000, "env": ["API_KEY", "DATABASE_URL"] },
{ "id": "graphql", "port": 4000, "env": ["API_KEY", "DATABASE_URL"] },
{ "id": "web", "port": 3000, "env": ["PUBLIC_API_URL"] },
{ "id": "worker", "port": null, "env": ["REDIS_URL"] }
] }
spaces init --components api,web

Both sides read from the same plugin registry. Interaction on either side is reflected in both.