Skip to content

(design prototype) Add multi-region for Serverless Workers UI - #3951

Draft
bilal-karim wants to merge 2 commits into
mainfrom
serverless-workers-ha-multiregion
Draft

bilal-karim wants to merge 2 commits into
mainfrom
serverless-workers-ha-multiregion

Conversation

@bilal-karim

@bilal-karim bilal-karim commented Sep 24, 2026 •

Copy link
Copy Markdown
Member

Description & motivation 💭

UI-only mock of Serverless Worker support for multi-region (HA) Namespaces, following the HA PRD. There are no API changes; the multi-region data is mocked in stories so Product and Design can review the flows before the backend lands.

  • Create Deployment, Create Version and Edit Version forms: compute is configured per Region (Primary and Replica), with a Serverless toggle per Region, a compact compute provider picker, and Replica fields that can inherit from the Primary.
  • Worker Deployment Preview: a side panel showing where Temporal sends Tasks. Namespace, Worker Deployment and Region nodes sit on a 12px dot grid and light up in Io green as each step is filled in, with a pulse along the active route and a Preview Failover toggle.
  • Deployment detail: the versions table and expanded row show per-Region compute, provider and connection status.
  • Deployments list: Region badges next to each version.
  • Failover stories: Failover Readiness Alert, the Namespace overview Worker Deployments card, and the Failover Modal.
  • Helpers: Region coverage (resolveRegionCoverage, scaling groups with an optional regionId catch-all) and preview connector geometry, with unit tests.
  • A11y: contrast and ARIA fixes in the Serverless Worker stories.

Small shared changes: the Copyable button gets rounded corners and even padding app-wide, plus minor Accordion and Input tweaks used by the forms.

Screenshots (if applicable) 📸

See the Storybook stories under Workers / Multi-Region (Forms, Pages and Failover Warning).

Design Considerations 🎨

  • Preview greens use Io green ramp steps: green-6 in light and green-9 in dark for the line, lit node borders at 60% alpha with a soft glow.
  • The pulse moves at a constant 110 px/s on a fixed 3s cycle, so single and multi-region previews pulse on the same beat. It is hidden with prefers-reduced-motion.

Testing 🧪

How was this tested 👻

  • Manual testing
  • E2E tests added
  • Unit tests added

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

  1. Run Storybook and open Workers / Multi-Region / Forms / Create Deployment.
  2. Enter a Name and a Lambda Function ARN for us-east-1 and watch the preview light up step by step.
  3. Click Preview Failover and check that the active route moves to us-west-2.
  4. Check the Workers / Multi-Region / Pages and Failover Warning stories in light and dark themes.

Checklists

Draft Checklist

  • Review with Product and Design
  • Wire to real APIs once the HA backend is available

Merge Checklist

Issue(s) closed

Docs

Any docs updates needed?

Not yet; this is a UI mock.

🤖 Generated with Claude Code

UI-only mock of Serverless Worker support for multi-region (HA) Namespaces, following the HA PRD. No API changes.

- Create Deployment, Create Version and Edit Version forms configure compute per Region (Primary and Replica), with a Serverless toggle per Region, a compact compute provider picker, and Replica fields that can inherit from the Primary
- Worker Deployment Preview panel shows where Temporal sends Tasks: Namespace, Worker Deployment and Region nodes on a 12px dot grid, lighting up in Io green as each step is filled in, with a pulse along the active route and a Preview Failover toggle
- Deployment detail versions table and expanded row show per-Region compute, provider and connection status; the deployments list shows Region badges next to each version
- Failover stories: Failover Readiness Alert, Namespace overview Worker Deployments card and Failover Modal
- Region coverage helpers (resolveRegionCoverage, scaling groups with an optional regionId catch-all) and preview connector geometry, with tests
- Contrast and ARIA fixes in the Serverless Worker stories

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

vercel Bot commented Sep 24, 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 Sep 24, 2026 7:22pm UTC

Request Review

@bilal-karim bilal-karim changed the title Add multi-region (HA Namespace) Serverless Worker UI mock (design prototype) Add multi-region for Serverless Workers UI Sep 24, 2026
The summary layout showed only the selected provider and Change, with no
hint of what Change offers. A footer now lists the other selectable
providers with their logos.

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

This branch was successfully deployed

1 active deployment
Preview — 522bb3ff Deployed Sep 24, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant