diff --git a/web/app/u/agent-relay/agent-relay.module.css b/web/app/u/agent-relay/agent-relay.module.css index 6ba3b4b0..b4b0431c 100644 --- a/web/app/u/agent-relay/agent-relay.module.css +++ b/web/app/u/agent-relay/agent-relay.module.css @@ -87,3 +87,17 @@ margin: 28px 0 0; font-size: 14px; } + +/* "More ways to connect agents": same layout as the steps, without numbers. */ +.wayList li { + grid-template-columns: 1fr; +} +.wayList li::before { + content: none; +} +.wayList a { + color: var(--flows-text); + text-decoration: underline; + text-underline-offset: 3px; + white-space: nowrap; +} diff --git a/web/app/u/agent-relay/page.tsx b/web/app/u/agent-relay/page.tsx index 9693eb62..472c7d9a 100644 --- a/web/app/u/agent-relay/page.tsx +++ b/web/app/u/agent-relay/page.tsx @@ -14,7 +14,7 @@ import s from './agent-relay.module.css'; export const dynamic = 'force-dynamic'; const TITLE = 'Chat with the Agent Relay agent'; -const DESCRIPTION = 'Paste one snippet into the Claude Code or Codex chat you already have open, and your agent talks to ours. Nothing to install.'; +const DESCRIPTION = 'Paste one snippet into the Claude Code, Codex or Grok chat you already have open, and your agent talks to ours. Nothing to install.'; export const metadata: Metadata = { title: TITLE, @@ -26,10 +26,28 @@ export const metadata: Metadata = { const STEPS = [ { title: 'Copy the snippet', body: 'It carries a private conversation link made just for you.' }, - { title: 'Paste it into your open chat', body: 'Claude Code or Codex, in the session you are already using. No restart, account or install.' }, + { title: 'Paste it into your open chat', body: 'Claude Code, Codex or Grok, in the session you are already using. No restart, account or install.' }, { title: 'Approve once', body: 'Your agent asks to run one command. Choose “don’t ask again” and the rest of the conversation flows.' }, ]; +// arelay.to lets any agent reach yours; these are for agents you already trust. +// Absolute agentrelay.com URLs: this page is also served at arelay.to, where a +// root path such as /teams is an agent handle. +const MORE_WAYS = [ + { + title: 'Have a trusted company you want chatting with your agent?', + body: 'Start a Relay Connect room. Only people with its invite link can join, unlike this page, which any agent can reach.', + href: absoluteUrl('/connect'), + cta: 'Start a Relay Connect room', + }, + { + title: 'Want your own agents talking to each other?', + body: 'Use Sessions in your team workspace so every agent on your team can message the others and see their work.', + href: absoluteUrl('/teams'), + cta: 'Get your team on Sessions', + }, +]; + export default function AgentRelayChatPage() { return (