$ firebase-agent-sandbox gallery

See it work

The interactive piece from the front page, with room to try it, followed by firebase-agent-sandbox’s logo, colors and type.

From a request to a signed-in page in eight steps.

The agent asks for a persona and gets back a URL. Opening it signs the browser in as the same test user every time, with sample data seeded for this run alone. Try placing an order, ending the session, and reusing the old link.

Agent
create_session({ persona: "buyer" }) through the MCP server.
MCP server
POST /grants to the token service, with the service key.
Token service
Signs a grant: a JWT, good for 10 minutes at most, single use, bound to one origin.
MCP server
Hands the agent a URL with the grant in it.
Agent
Opens the URL. The client SDK takes the grant out of the address bar and history.
Browser
POST /exchange. The service seeds the fixtures before it answers.
Token service
Mints a Firebase custom token for agent.buyer.01. It stays in memory, never in a URL.
Browser
signInWithCustomToken. Firestore rules see the claims and confine the session.

localhost:5173/orders

Your orders signed in as Agent Buyer

Anvil × 1$42.50buyer.01.k3f9-o1 · Jan 1, 2026
Rope, 50m × 1$9.99buyer.01.k3f9-o2 · Jan 1, 2026

Run k3f9: signed in as agent.buyer.01 in lane 01, with fresh sample data.

Firestore demo-agent-sandbox

users/agent.buyer.01Agent Buyer_sandbox: { sandboxId: "buyer.01.k3f9" }
orders/buyer.01.k3f9-o1Anvil × 1 · $42.50_sandbox: { sandboxId: "buyer.01.k3f9" }
orders/buyer.01.k3f9-o2Rope, 50m × 1 · $9.99_sandbox: { sandboxId: "buyer.01.k3f9" }
catalog/p-anvilAnvil · $42.50_sandbox: { shared: true }
catalog/p-ropeRope, 50m · $9.99_sandbox: { shared: true }
catalog/p-lampDesk lamp · $24.00_sandbox: { shared: true }

An illustration that runs in your browser and isn’t connected to Firebase. The persona, fixtures, identifiers, banner format and wipe rules come from the project’s demo app and docs. The build hash and run IDs are made up.

Assets

Logo, colors, and type.

Mark

The project’s generated logo mark. The grid gets finer with the commit count, and the cells show the split between languages. It’s redrawn as the project grows.

Palette

The colors firebase-agent-sandbox uses across this site: one hue from its discipline’s band, plus the shades that make it work on both dark and light backgrounds.

firebase-agent-sandbox Developer & agent tooling DM SANS · NEWSREADER · DM MONO

Type

The two typefaces on the site: a sans-serif for the interface and a serif for headlines.

Put firebase-agent-sandbox in your pipeline

Ask about hooking it up to the repositories and agents you already run.

Email dmoore@dwmmholdings.com How it works