Over-the-Top

Over-the-Top

Can an AI agent stay in an external interactive environment until the game is over?

Over-the-Top is a hosted proof of concept demonstrating that an MCP-connected AI agent can join an external interactive environment, remain in the interaction loop turn after turn, and only return control when the environment reaches a terminal condition.

Connect 4 is the demonstration environment. The real question is whether MCP can keep an agent attached to a changing external state until completion.

🎮 Try it live at ott.cornuz.com

---

How it works

Human vs AI

flowchart LR
    H(["💪 <b>Human<br></b>(Browser | P1)"]) L_H_E_0@== creates game ==> E["🎪 OTT<br>Game server"]
    A(["🦾 <b>AI Agent<br></b>(MCP | P2)"]) L_A_E_0@== join_game ==> E
    E L_E_A_0@== wait_for_opponent_move ==> A
    A L_A_E_2@== play_move ==> E
    E L_E_H_0@== SSE update ==> H
    H L_H_E_2@== play move ==> E

     H:::playerone
     E:::server
     A:::playertwo
    classDef playerone fill:#DA1D00,stroke:#fff,color:#fff,rx:20
    classDef playertwo fill:#F6D300,stroke:#fff,color:#000,rx:20
    classDef server fill:#818cf8,stroke:#94a3b8,color:#fff
    style H stroke:#000000,stroke-width:0px,stroke-dasharray:0
    style E font-size:21px,line-height:24px,stroke-width:0px,stroke-dasharray:0,stroke:#000000
    style A stroke-width:0px,stroke-dasharray:0

    L_H_E_0@{ curve: natural }
    L_A_E_0@{ curve: natural }
    L_E_A_0@{ curve: natural, animation: slow }
    L_A_E_2@{ curve: natural, animation: slow }
    L_E_H_0@{ curve: natural, animation: slow }
    L_H_E_2@{ curve: natural, animation: slow }

• The human creates a game in the browser at ott.cornuz.com
• The AI agent joins through an MCP-capable client pointed at ott.cornuz.com/mcp
• The agent stays in the loop — wait_for_opponent_move → play_move — until win or draw
• The browser UI updates live via SSE

AI vs AI

flowchart TB
    H(["👀 <b>Human</b><br>(Browser | Observer)"]) L_H_E_0@== creates game ==> E["🎪 <b>OTT</b><br>Game server"]
    E L_E_H_0@== SSE update ==> H
    A1(["🦾 <b>AI Agent X</b> (MCP | P1)"]) L_A1_E_0@== join_game ==> E
    E L_E_A1_0@== wait_for_opponent_move ==> A1 & A2(["🦾 <b>AI Agent Y</b> (MCP | P2)"])
    A1 L_A1_E_2@== play_move ==> E
    A2 L_A2_E_0@== join_game ==> E
    A2 L_A2_E_2@== play_move ==> E

    E@{ shape: rect}
     H:::observer
     E:::server
     A1:::playerone
     A2:::playertwo
    classDef playerone fill:#DA1D00,stroke:#fff,color:#fff,rx:20
    classDef playertwo fill:#F6D300,stroke:#000,color:#000,rx:20
    classDef server fill:#818cf8,stroke:#94a3b8,color:#fff
    classDef observer fill:#94a3b8,stroke:#94a3b8,color:#000,rx:20
    style H fill:#BBDEFB,stroke:#000000,stroke-width:0px,stroke-dasharray:0
    style E font-size:21px,line-height:24px,stroke-width:0px,stroke-dasharray:0,stroke:#000000
    style A1 stroke-width:0px,stroke-dasharray:0,stroke:#000000
    style A2 stroke-width:0px,stroke-dasharray:0

    L_H_E_0@{ curve: natural, animation: none }
    L_E_H_0@{ curve: natural, animation: slow }
    L_A1_E_0@{ curve: natural, animation: none }
    L_E_A1_0@{ curve: natural, animation: slow }
    L_E_A2_0@{ curve: natural, animation: slow }
    L_A1_E_2@{ curve: natural, animation: slow }
    L_A2_E_0@{ curve: natural }
    L_A2_E_2@{ curve: natural, animation: slow }

• The human creates the game and observes from the browser
• Two AI agents join independently through their MCP clients
• Each agent waits for the other's move, then plays — loop continues until win or draw

---

Prerequisites

To play against an AI agent, you need:

1. Your own MCP-capable AI client (VS Code with GitHub Copilot, Claude Desktop, OpenCode, or equivalent)
2. The client must support a hosted HTTP MCP endpoint
3. You must be able to edit your client's MCP configuration

The browser alone is not the full experience. The AI joins through MCP from your client — it is not built into the site.

---

Compatibility

Client	MCP transport	Status
VS Code + GitHub Copilot	HTTP (Streamable HTTP)	✅ Validated
OpenCode	HTTP (remote)	✅ Validated
Google Antigravity	HTTP	✅ Validated
Other MCP clients	HTTP	May work — not validated

---

AG-UI compatibility

Over-the-Top remains MCP-first for agent actions, and now includes a read-only AG-UI bridge on the browser event stream for interoperability work.

• Official AG-UI repository: https://github.com/ag-ui-protocol/ag-ui
• Official AG-UI docs: https://docs.ag-ui.com
• This public surface: https://github.com/cornuz/over-the-top-mcp

Current scope in this project:

• AG-UI bridge is observability-oriented and non-destructive.
• Existing SSE handlers and MCP game loop behavior remain unchanged.
• No AG-UI adapter is allowed to mutate game state directly in this phase.

---

Quick setup

Point your MCP client at the hosted endpoint:

https://ott.cornuz.com/mcp

VS Code (mcp.json)

{
  "servers": {
    "over-the-top": {
      "type": "http",
      "url": "https://ott.cornuz.com/mcp"
    }
  }
}

OpenCode (opencode.json)

{
  "mcp": {
    "over-the-top": {
      "type": "remote",
      "url": "https://ott.cornuz.com/mcp"
    }
  }
}

Then:

1. Open ott.cornuz.com and create a Human vs AI game
2. Copy the game ID from the game room
3. Ask your AI agent: "Join my Over-the-Top game, the ID is <game-id>"
4. The agent calls join_game and stays in the loop until game over

---

Self-hosting

Self-hosting is not supported. The hosted service at https://ott.cornuz.com is the intended entry point.

---

What this proves

• An MCP-connected agent can discover and join an environment created by a human.
• The environment evolves turn after turn outside the agent's immediate request cycle.
• The agent remains in the operational loop until the terminal condition is reached.
• Browser-side durable state plus server-side ephemeral compute is a viable architecture for this kind of PoC.

The PoC is not primarily about Connect 4. It is about whether MCP can keep an agent attached to a changing external environment until completion.

---

Contributing

Issues and suggestions are welcome! Please open an issue to discuss any proposed changes before submitting a pull request.

Support

Enjoying this project?

Buy Me a Coffee

---

Source repository is private. This is the public discovery surface. llms.txt is served at ott.cornuz.com/llms.txt