A6: User UI surface — Overview
Your customers use https://www.agentsyx.com (opens in a new tab) to run your MCP apps, manage subscriptions and credits, and work with an agent (chat + tools + widgets). You configure products, connectors, and pricing in Creator (opens in a new tab).
Layout
- Header — Global chrome (account, navigation triggers).
- Sidebar — Primary navigation on larger screens; on phones and small tablets the same items appear in a slide-out menu.
- Main area — Either the Agent workspace (default “home”) or a full-page view for Subscriptions, Usage, or API Key (see below).
Sidebar destinations
| Item | Purpose |
|---|---|
| Agent (or the customer’s selected agent name) | Opens the Agent workspace — chat, Config, App, Creator, Directory. |
| My Subscriptions / My Subscription | Subscriptions — customer view of plans you defined in Creator and their billing state on Agentsyx. |
| Usage | Usage — credits, trends, and tool-call history. |
| API Key | Create or rotate an API key for programmatic access when your product offers it through Agentsyx. |
Wording for subscriptions may be singular or plural depending on deployment.
In this section
- Agent workspace — Tabs (Agent, Config, App, Creator, Directory), ad-hoc vs persistent apps, app directory.
- Subscriptions — Where subscription and plan flows appear for customers.
- Usage — How customers see credit consumption.
- B2B (future) — Planned team and org-admin experiences.
For widget protocol details, see MCP App (widgets) metadata. For downstream debugging (headers, injection), see MCP Integration Reference.