Skip to content

Add MCP Server card and reorganize the Agents page - #4081

Merged
bilal-karim merged 3 commits into
mainfrom
add-temporal-mcp
Oct 27, 2026
Merged

bilal-karim merged 3 commits into
mainfrom
add-temporal-mcp

Conversation

@bilal-karim

@bilal-karim bilal-karim commented Oct 26, 2026 •

Copy link
Copy Markdown
Member

Description & motivation 💭

This PR adds a card for the pre-release Temporal MCP Server to the Agents page and reorganizes the page around three equal feature cards.

  • New MCP Server card. It has:

    • a PRE-RELEASE badge
    • an example chat with questions that copy when clicked
    • an "Install MCP server with your agent" button
    • a GitHub link
  • Three feature cards. Agent Harness, MCP Server and Skills share one layout: title and badge, description, media, then buttons. The Skills card also shows its npx skills add commands in a Terminal-style block.

  • Header. "Agents" is now the page h1, with a short subheading. It replaces the "Build Durable AI Agents on Temporal" hero.

  • Resources. Cookbooks and Demos, Integrations, and Blog are merged into one Resources card.

  • Buttons. Install buttons are secondary / sm and copy a setup prompt for your agent. GitHub links are tertiary / sm.

  • Accessibility. Accessible names now start with the visible text (WCAG 2.5.3), and the axe test checks this.

  • Responsive layout. Cards stack below 1440px. From 1440px each card shows its text beside its media. From 1800px the three cards sit side by side.

This reverses a few earlier choices on this page: the hero headline, the Integrations sidebar, and the heading levels set in #3909. Happy to walk through any of them.

The new components are in src/lib/components/agents/.

Screenshots (if applicable) 📸

Before After
cloud temporal io_namespaces_bilal-ns-1 a2dd6_agents localhost_3002_namespaces_default_agents_skills=terminal (1)

Testing 🧪

How was this tested 👻

  • Manual testing in light and dark mode at 375, 1280, 1440 and 1800px
  • E2E tests updated in tests/integration/agents.spec.ts. They cover:
    • headings and links
    • copy to clipboard, including a separate copied state per question
    • layout at 320 to 1800px
    • an axe scan

pnpm lint and pnpm check are clean, the unit tests pass, and the Agents integration tests pass (13 passed, 5 skipped).

Steps for others to test: 🚶🏽‍♂️🚶🏽‍♀️

  1. Open /namespaces/<ns>/agents in light mode and in dark mode.
  2. Resize from 320px to 1920px and check the layout at each breakpoint.
  3. Click an MCP question and each Install button, then paste to check what was copied.

🤖 Generated with Claude Code

Add a card for the pre-release Temporal MCP Server with example
questions and an install prompt, and lay out Agent Harness, MCP Server
and Skills as three equal cards. Make "Agents" the page h1, merge
Cookbooks, Integrations and Blog into one Resources card, and name
controls by their visible text.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 26, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
holocene Ready Ready Preview Oct 27, 2026 6:38pm UTC

Request Review

Give the blog link its own Blog group, shown as a third column from
1800px, and narrow the Resources column to 18rem.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@bilal-karim
bilal-karim marked this pull request as ready for review October 26, 2026 18:42
@bilal-karim
bilal-karim requested a review from a team as a code owner October 26, 2026 18:42
@Alex-Tideman

Alex-Tideman commented Oct 27, 2026 •

Copy link
Copy Markdown
Collaborator

Only comment on here is this first and third example is a specific workflow/task-queue that they probably won't have while the other 2 are generic. But I think it's probably fine

CleanShot 2026-10-27 at 11 09 52 AM@2x

@bilal-karim

Copy link
Copy Markdown
Member Author

Only comment on here is this first and third example is a specific workflow/task-queue that they probably won't have while the other 2 are generic. But I think it's probably fine

Good point. Let me see if I can generalize.

Replace the questions that named a specific Workflow and Task Queue with
ones an agent can answer from Visibility in any Namespace.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@bilal-karim
bilal-karim merged commit d0c6928 into main Oct 27, 2026
16 checks passed
@bilal-karim
bilal-karim deleted the add-temporal-mcp branch October 27, 2026 19:15
rossedfort added a commit that referenced this pull request Nov 2, 2026
Auto-generated version bump from 2.57.0 to 2.58.0

Bump type: minor

Changes included:
- [`67a4e41c`](67a4e41) Align child workflow bolts and add branch lines in Parent view (#4064)
- [`db231122`](db23112) fix(ci): make PR metadata checks work safely for forks (#4067)
- [`2e889c3b`](2e889c3) fix(schedules): surface API errors on schedule mutations and preserve form edits (#4045)
- [`ea336abc`](ea336ab) add debugging and performance workflows (#4063)
- [`a30dbcb0`](a30dbcb) Use engines.node as the single Node version source (#4069)
- [`8e13fee4`](8e13fee) Fix flaky stale recovery lock takeover test (#4060)
- [`53d26016`](53d2601) fix(catalog): stop warning about sleeping serverless Workers (#4071)
- [`4538b896`](4538b89) Update copy text for agent harness (#4073)
- [`e5f6b99f`](e5f6b99) Neon comet style for the table loading bar (#4066)
- [`fcf49b0c`](fcf49b0) feat(nexus): paginate the Nexus Links tables (FE-1106) (#4041)
- [`ca49cdbf`](ca49cdb) Make the configurable table headers drawer reusable (#4068)
- [`ac4cfeb4`](ac4cfeb) Build PayloadDecoder on the shared decode rune (#4024)
- [`adb9ff5e`](adb9ff5) Let Serverless Workers follow a highly available Namespace through a failover (#4020)
- [`53a75b98`](53a75b9) Polish the high availability form (#4085)
- [`83fa264c`](83fa264) [FE-788] Add composable Io PageHeader (#4046)
- [`541219d7`](541219d) Make DetailList responsive on small screens (#4089)
- [`c74ca3d7`](c74ca3d) Fix empty state layout in workers tables (#4088)
- [`cdb8b600`](cdb8b60) Fix the primary Select's text color (#4090)
- [`d0c69285`](d0c6928) Add MCP Server card and reorganize the Agents page (#4081)
- [`4d20e904`](4d20e90) VLN-1869: remediate go-jose-below-4.1.6 (#4098)
- [`078c1b09`](078c1b0) build(deps): bump github.com/labstack/echo/v4 in /server (#4093)
- [`9af0d6ac`](9af0d6a) Add Principals section to Standalone Activity details (#4087)
- [`c75f7143`](c75f714) Decouple schedules from workflow execution details (#4070)
- [`fd8644b0`](fd8644b) Fix tree lines, column alignment, and tooltips in the Relationships tab (#4065)
- [`e29b485c`](e29b485) Add pluggable user preference store with localStorage fallback (#4032)
- [`252cc85d`](252cc85) Make codec server and search attribute add buttons tertiary (#4101)
- [`8856df0f`](8856df0) Make codec server and search attribute add buttons tertiary (#4101)
- [`14880612`](1488061) go mod tidy: drop stale go-jose v4 sums (#4102)
- [`aa3ffd46`](aa3ffd4) Improve destructive button and menu item contrast
- [`a09465c6`](a09465c) Update gomarkdown version (#4107)
- [`d24f1987`](d24f198) feat(nexus): change Standalone Nexus Operations badge to Public Preview (FE-953) (#4108)

Co-authored-by: rossedfort <11775628+rossedfort@users.noreply.github.com>

This branch was successfully deployed

1 active deployment
Preview — 096054dd Deployed Oct 27, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants