0{index + 1}
+{title}
+{description}
+
-
-
-
+
-
-
-
-
- {title}
-{description}
-
-
-
+
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
index b248eb2e5de..25b9bb45a2c 100644
--- a/src/components/HomepageFeatures/styles.module.css
+++ b/src/components/HomepageFeatures/styles.module.css
@@ -1,11 +1,6 @@
-.features {
- display: flex;
- align-items: center;
- padding: 2rem 0;
- width: 100%;
-}
-
-.featureSvg {
- height: 200px;
- width: 200px;
-}
+.features { padding: 2rem 0; width: 100%; }
+.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
+.feature { background: var(--dw-surface); padding: 2rem; border: 1px solid var(--dw-line); border-radius: 8px; }
+.feature h3 { font-size: 1.25rem; line-height: 1.3; margin: 1rem 0; }
+.feature p:last-child { color: var(--dw-ink-2); margin-bottom: 0; }
+@media (max-width: 800px) { .grid { grid-template-columns: 1fr; } .feature { padding: 1.5rem; } }
diff --git a/src/components/ProductPromotion/styles.module.css b/src/components/ProductPromotion/styles.module.css
index 3fb24ae0ceb..6199e49b9d6 100644
--- a/src/components/ProductPromotion/styles.module.css
+++ b/src/components/ProductPromotion/styles.module.css
@@ -7,10 +7,8 @@
margin: 2rem auto;
padding: 1.25rem 1.5rem;
border: 1px solid var(--ifm-color-emphasis-300);
- border-left: 3px solid var(--ifm-color-primary);
border-radius: 0.5rem;
- background: var(--ifm-background-surface-color);
- box-shadow: 0 0.35rem 1.25rem rgb(0 0 0 / 8%);
+ background: var(--dw-surface);
}
.copy {
@@ -40,8 +38,9 @@
margin: 0;
color: var(--ifm-color-primary);
font-size: 0.75rem;
- font-weight: 700;
- letter-spacing: 0;
+ font-family: var(--dw-font-mono);
+ font-weight: 500;
+ letter-spacing: 0.08em;
text-transform: uppercase;
}
diff --git a/src/components/StatusPill/index.js b/src/components/StatusPill/index.js
new file mode 100644
index 00000000000..1dbf8e61de3
--- /dev/null
+++ b/src/components/StatusPill/index.js
@@ -0,0 +1,20 @@
+import React, {useEffect, useState} from 'react';
+import {translate} from '@docusaurus/Translate';
+import {watchPublicStatus} from '@site/static/identity/status.mjs';
+import links from '@site/static/identity/links.json';
+
+export default function StatusPill() {
+ const [state, setState] = useState('unknown');
+ useEffect(() => watchPublicStatus(setState), []);
+ const labels = {
+ operational: translate({id: 'identity.statusOperational', message: 'All systems operational'}),
+ degraded: translate({id: 'identity.statusDegraded', message: 'Service degraded'}),
+ incident: translate({id: 'identity.statusIncident', message: 'Service incident'}),
+ maintenance: translate({id: 'identity.statusMaintenance', message: 'Maintenance'}),
+ stale: translate({id: 'identity.statusStale', message: 'Status stale'}),
+ unverified: translate({id: 'identity.statusUnverified', message: 'Status unverified'}),
+ unavailable: translate({id: 'identity.statusUnavailable', message: 'Status unavailable'}),
+ unknown: translate({id: 'identity.statusUnknown', message: 'Status unknown'}),
+ };
+ return {labels[state] || labels.unknown};
+}
diff --git a/src/css/custom.css b/src/css/custom.css
index ba14a24ac92..3b816710ad2 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,3 +1,6 @@
+@import url('../../static/identity/tokens.css');
+@import url('../../static/identity/fonts.css');
+
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
@@ -717,3 +720,146 @@ a[class^='skipToContent']:focus {
margin-right: 2.75rem;
}
}
+
+/* One Identity: bridge shared role tokens into the existing Docusaurus shell. */
+:root, html[data-theme='light'], html[data-theme='dark'] {
+ --ifm-color-primary: var(--dw-action);
+ --ifm-color-primary-dark: var(--dw-action);
+ --ifm-color-primary-darker: var(--dw-action);
+ --ifm-color-primary-darkest: var(--dw-action);
+ --ifm-color-primary-light: var(--dw-action);
+ --ifm-color-primary-lighter: var(--dw-action);
+ --ifm-color-primary-lightest: var(--dw-action);
+ --ifm-background-color: var(--dw-paper);
+ --ifm-background-surface-color: var(--dw-surface);
+ --ifm-font-color-base: var(--dw-ink-2);
+ --ifm-color-content: var(--dw-ink);
+ --ifm-color-content-secondary: var(--dw-muted);
+ --ifm-heading-color: var(--dw-ink);
+ --ifm-color-emphasis-200: var(--dw-line);
+ --ifm-color-emphasis-300: var(--dw-line);
+ --ifm-color-emphasis-600: var(--dw-muted);
+ --ifm-color-emphasis-700: var(--dw-ink-2);
+ --ifm-font-family-base: var(--dw-font-body);
+ --ifm-font-family-monospace: var(--dw-font-mono);
+ --ifm-heading-font-family: var(--dw-font-display);
+ --ifm-heading-font-weight: 600;
+ --ifm-font-weight-semibold: 600;
+ --ifm-line-height-base: 1.5;
+ --ifm-navbar-height: 7.75rem;
+ --ifm-navbar-background-color: var(--dw-surface);
+ --ifm-navbar-link-color: var(--dw-ink-2);
+ --ifm-navbar-shadow: none;
+ --ifm-navbar-search-input-background-color: var(--dw-paper);
+ --ifm-navbar-search-input-color: var(--dw-ink);
+ --ifm-navbar-search-input-placeholder-color: var(--dw-muted);
+ --ifm-menu-color: var(--dw-ink-2);
+ --ifm-menu-color-active: var(--dw-action);
+ --ifm-menu-color-background-active: var(--dw-tint);
+ --ifm-menu-color-background-hover: var(--dw-tint);
+ --ifm-code-background: var(--dw-tint);
+ --ifm-code-font-size: .875rem;
+ --ifm-global-radius: 8px;
+ --ifm-button-border-radius: 6px;
+ --ifm-table-border-color: var(--dw-line);
+ --docusaurus-highlighted-code-line-bg: #123b2a;
+}
+html, body { background: var(--dw-paper); }
+h1, h2 { letter-spacing: -.03em; }
+h3 { font-size: 1.25rem; }
+.markdown h1 { font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.12; }
+.markdown h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); }
+.markdown p, .markdown li { line-height: 1.65; }
+.markdown pre, div[class*='codeBlockContainer'] { background: var(--dw-code-background); color: var(--dw-code-foreground); border-radius: 8px; }
+pre code { color: var(--dw-code-foreground); background: transparent; font-size: .8125rem; }
+div[class*='codeBlockTitle'] { border-color: #2e3934; color: var(--dw-code-muted); }
+div[class*='codeBlockContainer'] button { color: #e8edea; background: #172019; border-color: #5e6964; }
+.button { min-height: 44px; display: inline-flex; justify-content: center; align-items: center; gap: .4rem; font-size: .875rem; font-weight: 600; padding: .65rem 1.1rem; }
+.button--primary, .button--primary:hover { color: var(--dw-on-action); background: var(--dw-action); border-color: var(--dw-action); }
+.button.button--secondary, .button.button--secondary:hover { color: var(--dw-ink); background: var(--dw-surface); border-color: var(--dw-line); }
+.button:hover { filter: brightness(.94); }
+:where(a, button, input, select, summary):focus-visible { outline: 2px solid var(--dw-action); outline-offset: 4px; }
+.dw-eyebrow { font: 500 .75rem/1.5 var(--dw-font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dw-action); margin: 0; }
+.navbar { display: block; padding: 0; border-bottom: 1px solid var(--dw-line); }
+.dw-global-navigation { max-width: 1440px; height: 76px; margin: 0 auto; padding: 0 2.5rem; flex-wrap: nowrap; }
+.navbar__brand { flex-shrink: 0; margin-right: 1.5rem; gap: .625rem; }
+.dw-wordmark { font: 600 1.125rem/1.2 var(--dw-font-display); color: var(--dw-ink); }
+.dw-surface-label { font: 500 .8125rem/1.5 var(--dw-font-mono); color: var(--dw-action); white-space: nowrap; }
+.dw-surface-label span { color: var(--dw-muted); margin-right: .25rem; }
+.dw-logo-chip { flex: 0 0 auto; display: inline-flex; padding: 4px; border-radius: 8px; }
+[data-theme='dark'] .dw-logo-chip { background: var(--dw-logo-paper); }
+.dw-logo-chip img { display: block; }
+.navbar__link { font-size: .875rem; font-weight: 400; padding: .5rem .65rem; }
+.navbar__link--active { color: var(--dw-ink); font-weight: 600; }
+.dw-nav-cta { margin: 0 .75rem; }
+.dw-docs-toolbar { height: 48px; border-top: 1px solid var(--dw-line); padding: 0 2.5rem; display: flex; align-items: center; gap: 1rem; background: var(--dw-paper); }
+.dw-docs-toolbar-label { font: 500 .75rem var(--dw-font-mono); color: var(--dw-muted); }
+.dw-docs-controls { display: flex; align-items: center; gap: .5rem; }
+.dw-docs-controls .navbar__item { display: inline-flex; }
+.dw-docs-search { margin-left: auto; min-width: 0; }
+.dw-docs-search .navbar__search { margin-left: 0; }
+.navbar__search-input { border: 1px solid var(--dw-line); border-radius: 6px; font-family: var(--dw-font-body); }
+.dropdown__menu { background: var(--dw-surface); border: 1px solid var(--dw-line); box-shadow: none; }
+.dw-sdk-switcher { position: relative; }
+.dw-sdk-switcher > button { background: transparent; border: 0; font-family: inherit; cursor: pointer; color: var(--dw-ink-2); }
+.dw-sdk-links { list-style: none; margin: 0; padding: .5rem; position: absolute; top: 100%; left: 0; min-width: 160px; background: var(--dw-surface); border: 1px solid var(--dw-line); border-radius: 8px; z-index: 10; }
+.dw-sdk-links[hidden] { display: none; }
+.dw-sdk-links a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: .5rem .75rem; color: var(--dw-ink); border-radius: 6px; }
+.dw-sdk-links a:hover { background: var(--dw-tint); text-decoration: none; }
+.dw-sdk-switcher-mobile .dw-sdk-links { position: static; margin: .5rem 0; }
+.dw-sdk-switcher-mobile > button { width: 100%; }
+.dw-footer { background: var(--dw-surface); border-top: 1px solid var(--dw-line); padding: 4rem 0 2rem; font-size: .875rem; color: var(--dw-ink-2); }
+.dw-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; }
+.dw-footer-brand { display: inline-flex; gap: .625rem; align-items: center; color: var(--dw-ink); font-family: var(--dw-font-display); font-weight: 600; margin-bottom: 1rem; }
+.dw-footer-brand + p { max-width: 18rem; }
+.dw-footer h2 { font: 500 .75rem var(--dw-font-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--dw-muted); margin-bottom: 1rem; }
+.dw-footer ul { padding: 0; list-style: none; }
+.dw-footer li { margin: .4rem 0; }
+.dw-footer li a { color: var(--dw-ink-2); display: inline-block; padding: .15rem 0; }
+.dw-footer a:hover { color: var(--dw-action); }
+.dw-footer-bottom { border-top: 1px solid var(--dw-line); padding-top: 1.5rem; margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; color: var(--dw-muted); font-size: .8125rem; }
+.dw-status-pill { display: inline-flex; align-items: center; gap: .5rem; min-height: 36px; border-radius: 999px; padding: .4rem .85rem; color: var(--dw-muted); background: var(--dw-paper); font: 500 .75rem/1.5 var(--dw-font-mono); }
+.dw-status-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
+@media (max-width: 1200px) and (min-width: 997px) {
+ .dw-global-navigation { padding: 0 1rem; }
+ .navbar__brand { margin-right: .5rem; }
+ .dw-wordmark { font-size: 1rem; }
+ .navbar__link { padding: .5rem; }
+}
+@media (max-width: 996px) {
+ :root, html[data-theme='dark'], html[data-theme='light'] { --ifm-navbar-height: 7.25rem; }
+ .dw-global-navigation { height: 64px; padding: 0 1rem; }
+ .dw-global-navigation .navbar__items--right { flex: 0 0 auto; }
+ .dw-docs-toolbar { height: 52px; padding: 0 1rem; gap: .5rem; }
+ .dw-docs-toolbar-label { display: none; }
+ .dw-docs-controls a[href*='/blog'] { display: none; }
+ .dw-docs-controls .navbar__link { font-size: .8125rem; padding: .5rem; }
+ .navbar-sidebar__brand { height: 64px; padding: .5rem; }
+ .navbar-sidebar__items { height: calc(100% - 65px); }
+ .dw-footer-grid { gap: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (max-width: 520px) {
+ .dw-wordmark { max-width: 9rem; font-size: 1rem; }
+ .dw-surface-label { font-size: .75rem; }
+ .navbar__brand { gap: .35rem; margin-right: .25rem; }
+ .dw-docs-search .navbar__search-input { width: 8rem; padding-right: .5rem; }
+ .dw-docs-search kbd, .dw-docs-search [class*='searchHintContainer'] { display: none; }
+ .dw-docs-search .navbar__search { position: relative; right: auto; }
+ .dw-footer { padding: 2.5rem 0 2rem; }
+ .dw-footer-grid { gap: 1.5rem; }
+ .dw-footer-grid > :first-child { grid-column: 1 / -1; }
+ .dw-footer .dw-footer-brand + p { max-width: 100%; }
+}
+.dw-status-pill[data-status='operational'] { color: var(--dw-action); background: var(--dw-tint); }
+.dw-status-pill[data-status='degraded'] { color: #7a4405; background: #fcefd9; }
+.dw-status-pill[data-status='incident'], .dw-status-pill[data-status='unavailable'] { color: #8e1b12; background: #fbe4e1; }
+.dw-status-pill[data-status='maintenance'] { color: #2f3e78; background: #e6eaf5; }
+[data-theme='dark'] .dw-status-pill[data-status='degraded'] { color: #f5c575; background: #352b19; }
+[data-theme='dark'] .dw-status-pill[data-status='incident'], [data-theme='dark'] .dw-status-pill[data-status='unavailable'] { color: #ffb4ab; background: #3b2423; }
+[data-theme='dark'] .dw-status-pill[data-status='maintenance'] { color: #becbfa; background: #232c43; }
+@media (max-width: 360px) {
+ .dw-global-navigation, .dw-docs-toolbar { padding-left: .75rem; padding-right: .75rem; }
+ .dw-docs-search .navbar__search-input { width: 7rem; }
+}
+/* Global product navigation uses the same plain labels as the SDK shells. */
+.dw-global-navigation .navbar__link svg[class*='iconExternalLink'] { display: none; }
diff --git a/src/pages/index.js b/src/pages/index.js
index c39fd22875e..278441afd74 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,42 +1,43 @@
import React from 'react';
-import clsx from 'clsx';
import Head from '@docusaurus/Head';
import Link from '@docusaurus/Link';
import Translate, {translate} from '@docusaurus/Translate';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import HomepageFeatures from '@site/src/components/HomepageFeatures';
import ProductPromotion from '@site/src/components/ProductPromotion';
-
+import identityLinks from '@site/static/identity/links.json';
import styles from './index.module.css';
-const homepageTitle = 'Durable Workflow 2.0';
function HomepageHeader() {
- const {siteConfig} = useDocusaurusContext();
return (
-
{FeatureList.map((props, idx) => (
-
-
{siteConfig.title}
-
-
-
- Get started
-
-
- Choose a deployment mode
+
+
@@ -44,52 +45,19 @@ function HomepageHeader() {
}
export default function Home() {
- const homepageDescription = translate({
- id: 'homepage.description',
- message: 'A language-neutral durable execution platform for PHP, Python, and Rust, available as managed Cloud, self-hosted Server, or an embedded Laravel runtime.',
- });
+ const description = translate({id: 'homepage.description', message: 'A language-neutral durable execution platform for PHP, Python, and Rust, available as managed Cloud, self-hosted Server, or an embedded Laravel runtime.'});
return (
-
-
- {homepageTitle}
-
-
-
-
-
-
-
+
-
+
-
-
);
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 2d6373a13a1..05efec09ff4 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -1,32 +1,25 @@
-/**
- * CSS files with the .module.css suffix will be treated as CSS modules
- * and scoped locally.
- */
-
-.heroBanner {
- padding: 4rem 0;
- text-align: center;
- position: relative;
- overflow: hidden;
+.heroBanner { padding: 6rem 0 5rem; }
+.heroGrid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 5rem; align-items: center; }
+.heroBanner h1 { max-width: 12ch; font-size: clamp(3.5rem, 5.2vw, 4.5rem); line-height: 1.05; letter-spacing: -.03em; margin: 1.25rem 0; }
+.lede { font-size: 1.25rem; color: var(--dw-ink); margin-bottom: 1rem; }
+.description { max-width: 36rem; color: var(--dw-ink-2); }
+.buttons { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
+.startCard { min-width: 0; padding: 2rem; background: var(--dw-surface); border: 1px solid var(--dw-line); border-radius: 8px; }
+.startCard h2 { font-size: 1.75rem; margin: .75rem 0 1.5rem; }
+.startLink { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 76px; padding: 1rem 0; border-top: 1px solid var(--dw-line); color: var(--dw-ink); }
+.startLink:hover { text-decoration: none; color: var(--dw-action); }
+.startLink strong { font-weight: 600; }
+.startLink small { display: block; color: var(--dw-muted); margin-top: .25rem; font-size: .8125rem; }
+.cardNote { margin: 1rem 0 0; color: var(--dw-muted); font-size: .8125rem; }
+.cloudSection { padding-top: 2rem; padding-bottom: 5rem; }
+@media (max-width: 996px) {
+ .heroBanner { padding: 3.5rem 0; }
+ .heroGrid { gap: 2rem; grid-template-columns: 1.1fr 1fr; }
}
-
-@media screen and (max-width: 996px) {
- .heroBanner {
- padding: 2rem;
- }
-}
-
-.buttons {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- gap: 0.75rem;
-}
-
-.supportingLine {
- margin: 1rem auto 0;
- max-width: 52rem;
- font-size: 1.1rem;
- line-height: 1.6;
+@media (max-width: 700px) {
+ .heroGrid { grid-template-columns: 1fr; }
+ .heroBanner h1 { font-size: clamp(2.75rem, 11vw, 3.5rem); }
+ .startCard { padding: 1.5rem; }
+ .buttons { flex-direction: column; align-items: stretch; }
+ .cloudSection { padding-bottom: 3rem; }
}
diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
index f3b25d524b4..f70f3a5e31c 100644
--- a/src/theme/Footer/index.js
+++ b/src/theme/Footer/index.js
@@ -1,34 +1,53 @@
-import React, { useEffect, useRef } from 'react';
-import Footer from '@theme-original/Footer';
-import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+import React from 'react';
+import Link from '@docusaurus/Link';
+import Translate from '@docusaurus/Translate';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import {useLocation} from '@docusaurus/router';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import StatusPill from '@site/src/components/StatusPill';
+import links from '@site/static/identity/links.json';
-export default function FooterWrapper(props) {
- const footerRef = useRef(null);
+export default function Footer() {
const {i18n: {currentLocale, defaultLocale}} = useDocusaurusContext();
-
- useEffect(() => {
- if (!ExecutionEnvironment.canUseDOM || !footerRef.current) {
- return;
- }
-
- // Canonical /llms-full.txt tracks the stable unversioned docs line.
- // Only the explicit prerelease docs path should switch to the 2.0 bundle.
- const pathname = window.location.pathname;
- const docsPrefix = currentLocale === defaultLocale
- ? '/docs/'
- : `/${currentLocale}/docs/`;
- const isV2Docs = pathname.startsWith(docsPrefix);
-
- const llmDocsLink = footerRef.current.querySelector('a[href*="llms-full.txt"]');
- if (llmDocsLink && isV2Docs) {
- llmDocsLink.setAttribute('href', 'https://durable-workflow.com/llms-full-2.0.txt');
- }
- }, [currentLocale, defaultLocale]);
-
+ const {pathname} = useLocation();
+ const prefix = currentLocale === defaultLocale ? '/docs/' : `/${currentLocale}/docs/`;
+ const currentDocs = pathname.startsWith(prefix) && !pathname.startsWith(`${prefix}1.x/`);
+ const llmDocs = currentDocs ? '/llms-full-2.0.txt' : '/llms-full.txt';
return (
- })
+ Durable Workflow
+ docs
+
+ );
+}
diff --git a/src/theme/NavbarItem/ComponentTypes.js b/src/theme/NavbarItem/ComponentTypes.js
index d3524e6622f..c10801be41d 100644
--- a/src/theme/NavbarItem/ComponentTypes.js
+++ b/src/theme/NavbarItem/ComponentTypes.js
@@ -1,9 +1,11 @@
import ComponentTypes from '@theme-original/NavbarItem/ComponentTypes';
import GitHubStarNavbarItem from '@theme/GitHubStarNavbarItem';
+import SdkSwitcherNavbarItem from '@theme/SdkSwitcherNavbarItem';
const customComponentTypes = {
...ComponentTypes,
'custom-githubStar': GitHubStarNavbarItem,
+ 'custom-sdkSwitcher': SdkSwitcherNavbarItem,
};
export default customComponentTypes;
diff --git a/src/theme/SdkSwitcherNavbarItem/index.js b/src/theme/SdkSwitcherNavbarItem/index.js
new file mode 100644
index 00000000000..716b74b03b0
--- /dev/null
+++ b/src/theme/SdkSwitcherNavbarItem/index.js
@@ -0,0 +1,44 @@
+import React, {useEffect, useRef, useState} from 'react';
+import Link from '@docusaurus/Link';
+
+export default function SdkSwitcherNavbarItem({items, mobile, label = 'SDKs', onClick}) {
+ const [open, setOpen] = useState(false);
+ const root = useRef(null);
+ const trigger = useRef(null);
+ useEffect(() => {
+ const closeOutside = event => {
+ if (!root.current?.contains(event.target)) setOpen(false);
+ };
+ document.addEventListener('pointerdown', closeOutside);
+ document.addEventListener('focusin', closeOutside);
+ return () => {
+ document.removeEventListener('pointerdown', closeOutside);
+ document.removeEventListener('focusin', closeOutside);
+ };
+ }, []);
+ const handleKey = event => {
+ if (event.key === 'Escape' && open) {
+ event.preventDefault();
+ event.stopPropagation();
+ setOpen(false);
+ trigger.current?.focus();
+ }
+ if (event.key === 'ArrowDown' && event.target === trigger.current) {
+ event.preventDefault();
+ setOpen(true);
+ requestAnimationFrame(() => root.current?.querySelector('a')?.focus());
+ }
+ };
+ const content = (
+ {content} : content;
+}
diff --git a/static/identity/README.md b/static/identity/README.md
new file mode 100644
index 00000000000..f930b34a9dc
--- /dev/null
+++ b/static/identity/README.md
@@ -0,0 +1,111 @@
+# One Durable Workflow
+
+Canonical shared identity for the main documentation, PHP, Python, Rust, Cloud
+and status sites. Implement these values in each site's existing components;
+these exports do not require a shared package or a runtime dependency.
+
+Design authority: One Identity PDF SHA256
+`5a71d08636a1e2714e8dd4b6561ce0a619453c842de4de647cc3e345f7706e50`
+and identity artboard SHA256
+`c992bf43b7c7492f181bc1b8045812dc2a6c85a33bbdbe0be64f714234825187`.
+The viewer scripts and illustrative product data are not implementation inputs.
+
+## Assets and roles
+
+- [Original flowchart SVG](../img/logo.svg), 3,087 bytes, SHA256
+ `24e3ef905304b6bbb255ca7855cb47d2e9712d7af82dcfbea15570851ee091f8`.
+ Preserve its proportions, colors and complete viewBox. No recoloring or filter.
+- [Role tokens](tokens.css): Paper, Surface, Ink, Ink2, Muted, Line, Action, Tint.
+ Light is the default; dark is an explicit user choice. Persist that choice.
+- Use Space Grotesk 600 headings, Inter 400/500/600 body and UI, JetBrains Mono
+ code and labels. Serve fonts locally, retain their licenses, use `font-display:
+ swap`, and keep system fallbacks for scripts outside the local font subset.
+- H1 56–72px, H2 32–40px, H3 20px; display tracking -0.03em, scaled on mobile.
+ Body 16px/1.5; lede 18–20px; UI 14px; small 13px; code 13–15px.
+ Eyebrows 12px uppercase with 0.08em tracking.
+- Code blocks use fixed Ink `#0F1513` and light text in both themes. Contain
+ horizontal code scrolling. Cards use Surface, a 1px Line border and 8px radius,
+ without shadows or accent stripes. Actions have 6px radius and a minimum
+ 44px target height. Keep one contextual primary action per view.
+- Amber, red and blue express status, not ornamental language identities.
+
+## Chrome and navigation
+
+Use `Durable Workflow / ` beside the original mark. The surface label
+is lowercase mono and Action (Durable Green in light, Mint in dark). Main docs
+use `docs`; the other labels are `python`, `rust`, `php`, `cloud`, `status`.
+The logo sits on an unchanging Paper chip (`#F6F7F5`, 8px radius, 4px padding)
+in dark mode. The main brand link returns to the site's landing page.
+
+Global navigation order: **Docs / SDKs / Cloud / Pricing / Status**. SDKs opens
+Python / Rust / PHP. Indicate the current surface with bold Ink and an accessible
+current-page state. Include GitHub and a contextual action (Get started,
+Dashboard or Subscribe). Keep keyboard focus visible. The switcher must open
+with keyboard and pointer, close with Escape, and retain ordinary link behavior.
+Mobile navigation must expose all destinations and close without trapping focus.
+
+The local documentation toolbar retains version, locale and search controls;
+it is separate from the shared navigation row. Keep existing API navigation,
+stable and historical routes, anchors and locale routing intact.
+
+The [public link map](links.json) uses canonical current docs URLs rather than
+the historical `/docs/2.0/` alias. Each renderer may localize internal main-site
+links using its existing router. External SDK and product links stay canonical.
+
+Footer columns: **Brand / SDKs / Run / Project**. Brand has the original mark,
+wordmark and product description. SDKs: Python / Rust / PHP. Run: self-hosted
+Server / Cloud / Pricing / Status. Project retains GitHub, compatibility, terms,
+privacy and existing community/documentation links. Keep legal destinations
+bound to their owning site's real routes.
+
+## Status and product authority
+
+The footer status pill links to the public status site. Without accepted current
+health data, display **Status unknown** in neutral colors. A linked static green
+"all systems operational" is not evidence. Use the existing anonymous public snapshot at `statusApi` in the link map.
+The [shared consumer](status.mjs) reads only the aggregate and sanitized public
+customer impact. Require schema `durable_workflow.status_page_snapshot.v1`,
+Cloud/prod identity, valid nonfuture checked/generated timestamps, a fresh state,
+and a recomputed evidence age below the producer cutoff (at most 900 seconds).
+`customer_visible=false` and empty component rows alone do not imply unknown.
+Calendar dates must round-trip without normalization (for example, February30
+and24:00 cannot establish evidence). Freshness requires a known UTC instant,
+rather than a known producer-local offset. Equivalent `Z`, `+00:00` and `-00:00`
+forms use the same absolute-time calculation and evidence cutoff; valid nonzero
+offsets remain supported. [RFC3339 section4.3](https://www.rfc-editor.org/rfc/rfc3339#section-4.3)
+permits a known UTC instant with an unknown local offset (`-00:00`).
+
+
+Top-level status vocabulary is `ok|warning|failed|unknown`; alert levels are
+`ok|warning|critical|unknown`. A fresh `failed` or `critical` aggregate/impact
+shows **Service incident**; warning shows **Service degraded** (or **Maintenance**
+when maintenance is the sole public affected family). Unknown or unrecognized
+values cannot show green. Only fresh `ok/ok` with no contradictory impact/reason
+shows **All systems operational**.
+
+Public reasons override presentation: `cloud_unreachable` → **Status unavailable**;
+`monitor_stale|probe_unverified` → **Status unverified**; `publisher_stale` or expired
+freshness → **Status stale**. Malformed/future evidence and network/HTTP/JSON failures
+show **Status unknown**. Never render internal components, operator alerts, or
+artifact-version rows from the snapshot.
+
+Use anonymous GET, credentials omitted, no referrer, no cache and no redirects;
+a five-second request deadline, at most one request at a time and a sixty-second
+refresh after completion. Invalidate a previous result at its evidence deadline
+while refreshing. Cleanup aborts the request and clears timers on navigation.
+Cloud owns the existing public-GET CORS allowlist; each consumer owns its CSP
+`connect-src https://status.durable-workflow.com`. This adds no status service,
+account or SDK-runtime telemetry. Keep an accessible linked unknown fallback if
+the feed cannot be read.
+
+Versions, commands, support floors, prices, SLA and health values come from the
+existing published package/catalog/status contracts. The design's sample values
+are illustrative. Styling may ship independently of package releases; it does
+not authorize promoting unreleased APIs or changing the selected stable package.
+
+## Delivery
+
+Check actual built pages at desktop and narrow mobile widths in both themes.
+Verify navigation, SDK switching, search, version/locale selectors, focus and
+copy controls. Preserve executable examples and existing publication boundaries.
+Each site owns its normal protected build/deployment and actual live acceptance.
diff --git a/static/identity/fonts.css b/static/identity/fonts.css
new file mode 100644
index 00000000000..fb6e203c8e5
--- /dev/null
+++ b/static/identity/fonts.css
@@ -0,0 +1,25 @@
+/* Self-hosted OFL fonts. Sources and hashes: fonts/manifest.json. */
+@font-face {
+ font-family: 'Inter';
+ src: url('./fonts/inter-latin.woff2') format('woff2');
+ font-style: normal;
+ font-weight: 400 600;
+ font-display: swap;
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+ font-family: 'JetBrains Mono';
+ src: url('./fonts/jetbrains-mono-latin.woff2') format('woff2');
+ font-style: normal;
+ font-weight: 400 600;
+ font-display: swap;
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+ font-family: 'Space Grotesk';
+ src: url('./fonts/space-grotesk-latin.woff2') format('woff2');
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/static/identity/fonts/inter-OFL.txt b/static/identity/fonts/inter-OFL.txt
new file mode 100644
index 00000000000..21f6aff9610
--- /dev/null
+++ b/static/identity/fonts/inter-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/static/identity/fonts/inter-latin.woff2 b/static/identity/fonts/inter-latin.woff2
new file mode 100644
index 00000000000..d15208de03c
Binary files /dev/null and b/static/identity/fonts/inter-latin.woff2 differ
diff --git a/static/identity/fonts/jetbrains-mono-latin.woff2 b/static/identity/fonts/jetbrains-mono-latin.woff2
new file mode 100644
index 00000000000..4d09cda4a4c
Binary files /dev/null and b/static/identity/fonts/jetbrains-mono-latin.woff2 differ
diff --git a/static/identity/fonts/jetbrainsmono-OFL.txt b/static/identity/fonts/jetbrainsmono-OFL.txt
new file mode 100644
index 00000000000..821a3dac22a
--- /dev/null
+++ b/static/identity/fonts/jetbrainsmono-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/static/identity/fonts/manifest.json b/static/identity/fonts/manifest.json
new file mode 100644
index 00000000000..7eff1ef33cc
--- /dev/null
+++ b/static/identity/fonts/manifest.json
@@ -0,0 +1,38 @@
+{
+ "css_source": "https://fonts.googleapis.com/css2?family=Inter:wght@400..600&family=JetBrains+Mono:wght@400..600&family=Space+Grotesk:wght@600&display=swap",
+ "fonts": [
+ {
+ "bytes": 48256,
+ "family": "Inter",
+ "file": "inter-latin.woff2",
+ "license_file": "inter-OFL.txt",
+ "license_sha256": "5b9321a4298cfeb6b34354164a1c3afc3db114569984c502b9b35d988fd58c57",
+ "license_source": "https://raw.githubusercontent.com/google/fonts/24ddc1f324cac5d9f5aedca126d298f56e3f1640/ofl/inter/OFL.txt",
+ "sha256": "3100e775e8616cd2611beecfa23a4263d7037586789b43f035236a2e6fbd4c62",
+ "source": "https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2"
+ },
+ {
+ "bytes": 31432,
+ "family": "JetBrains Mono",
+ "file": "jetbrains-mono-latin.woff2",
+ "license_file": "jetbrainsmono-OFL.txt",
+ "license_sha256": "b2fe5e8987594e9ffd1d2ca52a2f5d73eb8335243893c5d6254b5ad69269591d",
+ "license_source": "https://raw.githubusercontent.com/google/fonts/24ddc1f324cac5d9f5aedca126d298f56e3f1640/ofl/jetbrainsmono/OFL.txt",
+ "sha256": "83c005d49d8a6a50474c73a5a36ac0468076e9c4a29da7bdb14995d80560a5be",
+ "source": "https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2"
+ },
+ {
+ "bytes": 13284,
+ "family": "Space Grotesk",
+ "file": "space-grotesk-latin.woff2",
+ "license_file": "spacegrotesk-OFL.txt",
+ "license_sha256": "564ce565c371c5e5bbf286006565a7c9aa55a9f56e7ca58d56e05d649dd61a72",
+ "license_source": "https://raw.githubusercontent.com/google/fonts/24ddc1f324cac5d9f5aedca126d298f56e3f1640/ofl/spacegrotesk/OFL.txt",
+ "sha256": "685bbbf69fa616df1ef81847c85fc76be097ddfb3468ff2257be54511ab3130f",
+ "source": "https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42VnskPMA.woff2"
+ }
+ ],
+ "license_repository_commit": "24ddc1f324cac5d9f5aedca126d298f56e3f1640",
+ "runtime_cdn": false,
+ "self_hosted": true
+}
diff --git a/static/identity/fonts/space-grotesk-latin.woff2 b/static/identity/fonts/space-grotesk-latin.woff2
new file mode 100644
index 00000000000..a1db41a0ac0
Binary files /dev/null and b/static/identity/fonts/space-grotesk-latin.woff2 differ
diff --git a/static/identity/fonts/spacegrotesk-OFL.txt b/static/identity/fonts/spacegrotesk-OFL.txt
new file mode 100644
index 00000000000..cb512b9af44
--- /dev/null
+++ b/static/identity/fonts/spacegrotesk-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/static/identity/links.json b/static/identity/links.json
new file mode 100644
index 00000000000..484db1c3761
--- /dev/null
+++ b/static/identity/links.json
@@ -0,0 +1,17 @@
+{
+ "home": "https://durable-workflow.com/",
+ "docs": "https://durable-workflow.com/docs/introduction/",
+ "python": "https://python.durable-workflow.com/",
+ "rust": "https://rust.durable-workflow.com/",
+ "php": "https://php.durable-workflow.com/",
+ "server": "https://durable-workflow.com/docs/polyglot/server/",
+ "cloud": "https://cloud.durable-workflow.com/",
+ "pricing": "https://cloud.durable-workflow.com/pricing",
+ "status": "https://status.durable-workflow.com/",
+ "github": "https://github.com/durable-workflow",
+ "compatibility": "https://durable-workflow.com/docs/compatibility/",
+ "catalog": "https://cloud.durable-workflow.com/early-access",
+ "terms": "https://cloud.durable-workflow.com/terms",
+ "privacy": "https://cloud.durable-workflow.com/privacy",
+ "statusApi": "https://status.durable-workflow.com/api/current.json"
+}
diff --git a/static/identity/status.mjs b/static/identity/status.mjs
new file mode 100644
index 00000000000..2659eae6410
--- /dev/null
+++ b/static/identity/status.mjs
@@ -0,0 +1,109 @@
+// Shared public footer summary. No component rows, credentials or telemetry.
+export const STATUS_API = 'https://status.durable-workflow.com/api/current.json';
+const statuses = new Set(['ok', 'warning', 'failed', 'unknown']);
+const levels = new Set(['ok', 'warning', 'critical', 'unknown']);
+const unknown = () => ({state: 'unknown', validUntil: 0});
+function timestamp(value) {
+ if (typeof value !== 'string') return Number.NaN;
+ const match = /^(\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d)(?:\.\d{1,9})?(Z|([+-])(\d\d):(\d\d))$/.exec(value);
+ if (!match) return Number.NaN;
+ const parsed = Date.parse(value);
+ if (!Number.isFinite(parsed)) return Number.NaN;
+ const offsetMinutes = match[2] === 'Z' ? 0 : Number(match[4]) * 60 + Number(match[5]);
+ const offsetSign = match[3] === '-' ? -1 : 1;
+ // Date.parse normalizes impossible days and 24:00. Round-trip the supplied
+ // calendar fields in their original offset before accepting the evidence.
+ const suppliedCalendar = new Date(parsed + offsetMinutes * offsetSign * 60000).toISOString().slice(0, 19);
+ return suppliedCalendar === match[1] ? parsed : Number.NaN;
+}
+
+function evidenceWindow(snapshot, now) {
+ if (snapshot?.schema !== 'durable_workflow.status_page_snapshot.v1'
+ || snapshot.product !== 'cloud' || snapshot.environment !== 'prod' || !Number.isFinite(now)) return unknown();
+ const checked = timestamp(snapshot.checked_at);
+ const generated = timestamp(snapshot.generated_at);
+ const freshness = snapshot.freshness;
+ if (!Number.isFinite(checked) || !Number.isFinite(generated) || checked > now
+ || generated > now || generated < checked || !freshness
+ || !Number.isFinite(freshness.stale_after_seconds) || freshness.stale_after_seconds <= 0
+ || freshness.stale_after_seconds > 900 || !Number.isFinite(freshness.age_seconds)
+ || freshness.age_seconds < 0) return unknown();
+ const validUntil = checked + freshness.stale_after_seconds * 1000;
+ if (freshness.status === 'stale' || now >= validUntil || freshness.age_seconds >= freshness.stale_after_seconds) return {state: 'stale', validUntil: 0};
+ if (freshness.status !== 'fresh') return unknown();
+ return {validUntil};
+}
+
+function aggregateState(snapshot, validUntil) {
+ const impact = snapshot.customer_impact;
+ if (!statuses.has(snapshot.status) || !levels.has(snapshot.alert_level)
+ || !impact || !statuses.has(impact.status) || !levels.has(impact.alert_level)) return unknown();
+ const reason = snapshot.meta?.public_status_reason;
+ if (reason === 'cloud_unreachable') return {state: 'unavailable', validUntil};
+ if (reason === 'monitor_stale' || reason === 'probe_unverified') return {state: 'unverified', validUntil};
+ if (reason === 'publisher_stale') return {state: 'stale', validUntil: 0};
+ if (reason !== undefined && reason !== null && reason !== '') return unknown();
+ const stateTokens = new Set([snapshot.status, impact.status]);
+ const levelTokens = new Set([snapshot.alert_level, impact.alert_level]);
+ if (stateTokens.has('failed') || levelTokens.has('critical')) return {state: 'incident', validUntil};
+ if (stateTokens.has('warning') || levelTokens.has('warning')) {
+ const families = impact.affected_families;
+ const maintenanceOnly = Array.isArray(families) && families.length === 1 && families[0] === 'maintenance';
+ return {state: maintenanceOnly ? 'maintenance' : 'degraded', validUntil};
+ }
+ if (stateTokens.has('unknown') || levelTokens.has('unknown')) return {state: 'unknown', validUntil};
+ return {state: 'operational', validUntil};
+}
+
+export function publicStatus(snapshot, now = Date.now()) {
+ const evidence = evidenceWindow(snapshot, now);
+ return evidence.state ? evidence : aggregateState(snapshot, evidence.validUntil);
+}
+
+export async function fetchPublicStatus({fetchImpl = globalThis.fetch, now = Date.now, signal} = {}) {
+ const response = await fetchImpl(STATUS_API, {
+ method: 'GET', mode: 'cors', credentials: 'omit', cache: 'no-store',
+ redirect: 'error', referrerPolicy: 'no-referrer', signal,
+ });
+ if (!response.ok) throw new Error('Public status unavailable');
+ const body = await response.text();
+ if (body.length > 65536) throw new Error('Public status response too large');
+ return publicStatus(JSON.parse(body), now());
+}
+
+// At most one request at a time, five-second deadline, sixty-second cadence.
+// Invalidate a previously successful result at its evidence cutoff, even if the
+// next request hangs or the tab has been backgrounded. The caller owns cleanup.
+export function watchPublicStatus(onChange, {fetchImpl = globalThis.fetch, now = Date.now} = {}) {
+ let stopped = false;
+ let controller;
+ let timer;
+ let expiry;
+ const publish = summary => {
+ clearTimeout(expiry);
+ onChange(summary.state);
+ if (summary.validUntil > now()) {
+ expiry = setTimeout(() => onChange('stale'), summary.validUntil - now());
+ }
+ };
+ const refresh = async () => {
+ controller = new AbortController();
+ const timeout = setTimeout(() => controller.abort(), 5000);
+ try {
+ const summary = await fetchPublicStatus({fetchImpl, now, signal: controller.signal});
+ if (!stopped) publish(summary);
+ } catch {
+ if (!stopped) publish(unknown());
+ } finally {
+ clearTimeout(timeout);
+ if (!stopped) timer = setTimeout(refresh, 60000);
+ }
+ };
+ void refresh();
+ return () => {
+ stopped = true;
+ controller?.abort();
+ clearTimeout(timer);
+ clearTimeout(expiry);
+ };
+}
diff --git a/static/identity/tokens.css b/static/identity/tokens.css
new file mode 100644
index 00000000000..ab57ae7a4ea
--- /dev/null
+++ b/static/identity/tokens.css
@@ -0,0 +1,36 @@
+/* One Durable Workflow. Shared role tokens; no framework or remote imports. */
+:root,
+[data-theme='light'] {
+ color-scheme: light;
+ --dw-paper: #f6f7f5;
+ --dw-surface: #ffffff;
+ --dw-ink: #0f1513;
+ --dw-ink-2: #3b4541;
+ --dw-muted: #5e6964;
+ --dw-line: #dde2df;
+ --dw-action: #0f7a52;
+ --dw-tint: #e3f4ec;
+ --dw-on-action: #ffffff;
+ --dw-font-display: 'Space Grotesk', Inter, system-ui, sans-serif;
+ --dw-font-body: Inter, system-ui, sans-serif;
+ --dw-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
+ --dw-code-background: #0f1513;
+ --dw-code-foreground: #e8edea;
+ --dw-code-muted: #9aa6a1;
+ --dw-logo-paper: #f6f7f5;
+ --dw-radius-action: 6px;
+ --dw-radius-card: 8px;
+}
+
+[data-theme='dark'] {
+ color-scheme: dark;
+ --dw-paper: #0f1513;
+ --dw-surface: #172019;
+ --dw-ink: #e8edea;
+ --dw-ink-2: #b7c2bd;
+ --dw-muted: #9aa6a1;
+ --dw-line: #2e3934;
+ --dw-action: #5fe0a6;
+ --dw-tint: #123b2a;
+ --dw-on-action: #0f1513;
+}
diff --git a/static/img/logo.svg b/static/img/logo.svg
index 38e3ed76032..02879965073 100644
--- a/static/img/logo.svg
+++ b/static/img/logo.svg
@@ -1,10 +1,9 @@
-
-
+
\ No newline at end of file
diff --git a/tests/one-identity/README.md b/tests/one-identity/README.md
new file mode 100644
index 00000000000..1f0e0d412c3
--- /dev/null
+++ b/tests/one-identity/README.md
@@ -0,0 +1,47 @@
+# One Identity built-page acceptance
+
+Build the site with the repository's supported Node 24 toolchain and normal
+checks. Run `browser.cjs` against that output using an existing Playwright client
+and an owned headless Chromium profile:
+
+```sh
+NODE_PATH= \
+DW_BROWSER_EXECUTABLE= \
+DW_SOURCE_REVISION= \
+node tests/one-identity/browser.cjs
+```
+
+Set `DW_PREVIEW_MODE=chrome` for the bounded follow-up after a global-header
+styling correction: retain the four desktop/mobile theme views, check the real
+nav destinations and absence of added header glyphs, and capture updated home
+and docs screenshots. It does not repeat the full functional matrix.
+
+The runner starts an ephemeral loopback HTTP server, uses one browser with at
+most two renderer processes, runs checks sequentially, and closes the browser
+and server. An absolute guard bounds the run. No signed-in browser profile or
+production credential is needed. It does not install tools or alter the site.
+
+Checks cover light/dark, desktop/390px/320px widths, visible action contrast,
+SDK keyboard disclosure and Escape focus restoration, mobile drawer isolation,
+contained code blocks, real copy-to-clipboard content, 1.x navigation, search,
+light-default/dark-opt-in persistence, and representative localized routes.
+Screenshots are home and docs at 1440px/390px in both themes.
+
+**Status results in these screenshots are synthetic browser fixtures, not live
+service-health evidence.** The built checks separately exercise operational,
+degraded, incident, stale, unknown and unavailable-response behavior. The
+consumer's producer-contract and request-lifecycle controls are in
+`scripts/identity-status.test.mjs`. Actual cross-origin public-status acceptance
+requires Cloud's real CORS deployment and a separate browser read from the
+published site. Do not turn these fixtures into production data.
+
+The report records the source revision, built index SHA256, browser/client
+versions, checks and screenshot names. The screenshot inventory binds the
+reviewed PNG bytes. Evidence-only changes do not alter the site implementation.
+
+The retained `baseline-report.json`/`baseline-inventory.json` bind the50-check
+functional matrix and its original PNGs at the recorded immutable evidence
+commit. The current `report.json`/`inventory.json` bind the16-check scoped header
+follow-up and current PNGs. A later equivalent arithmetic extraction has the
+same14 status-control results and changes no layout or labels; its carry is
+explicit in the inventory. This does not claim the older matrix was rerun.
diff --git a/tests/one-identity/browser.cjs b/tests/one-identity/browser.cjs
new file mode 100644
index 00000000000..f121afe9a13
--- /dev/null
+++ b/tests/one-identity/browser.cjs
@@ -0,0 +1,200 @@
+// Built-site checks. Use an existing Playwright client and an owned browser.
+// Usage: NODE_PATH= DW_BROWSER_EXECUTABLE= node browser.cjs
+
+
+
+ Work that keeps going.
+
+
+ Get started
+
+
+ Choose a deployment mode
+
+
+
+
+
+ LaravelEmbedded in your application
+ {['python', 'rust', 'php'].map(language => (
+
+ {language === 'php' ? 'PHP' : language[0].toUpperCase() + language.slice(1)}SDK guide and API reference
+
+ ))}
+
Start where you build.
+
+ Laravel
-
-
+
);
}
diff --git a/src/theme/Navbar/Content/index.js b/src/theme/Navbar/Content/index.js
new file mode 100644
index 00000000000..65986c3aa01
--- /dev/null
+++ b/src/theme/Navbar/Content/index.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import {useThemeConfig} from '@docusaurus/theme-common';
+import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
+import NavbarItem from '@theme/NavbarItem';
+import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
+import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
+import NavbarLogo from '@theme/Navbar/Logo';
+import SearchBar from '@theme/SearchBar';
+import Translate from '@docusaurus/Translate';
+
+// Keep Docusaurus' native sidebar, version/locale routing and search behavior.
+// Only the composition separates product navigation from local docs controls.
+export default function NavbarContent() {
+ const {navbar: {items}} = useThemeConfig();
+ const mobileSidebar = useNavbarMobileSidebar();
+ const contextual = item => item.className === 'dw-context-item';
+ const global = items.filter(item => !contextual(item));
+ return (
+ <>
+
+
+
+ {!mobileSidebar.disabled &&
+
+ {global.filter(item => item.position === 'right').map(item =>
+
+ Documentation
+
+
+ );
+}
diff --git a/src/theme/Navbar/Logo/index.js b/src/theme/Navbar/Logo/index.js
new file mode 100644
index 00000000000..c4a231f5a26
--- /dev/null
+++ b/src/theme/Navbar/Logo/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+export default function NavbarLogo() {
+ return (
+
+
+ {items.filter(contextual).map(item =>
+
+ Durable Workflow
+ docs
+
+ );
+}
diff --git a/src/theme/NavbarItem/ComponentTypes.js b/src/theme/NavbarItem/ComponentTypes.js
index d3524e6622f..c10801be41d 100644
--- a/src/theme/NavbarItem/ComponentTypes.js
+++ b/src/theme/NavbarItem/ComponentTypes.js
@@ -1,9 +1,11 @@
import ComponentTypes from '@theme-original/NavbarItem/ComponentTypes';
import GitHubStarNavbarItem from '@theme/GitHubStarNavbarItem';
+import SdkSwitcherNavbarItem from '@theme/SdkSwitcherNavbarItem';
const customComponentTypes = {
...ComponentTypes,
'custom-githubStar': GitHubStarNavbarItem,
+ 'custom-sdkSwitcher': SdkSwitcherNavbarItem,
};
export default customComponentTypes;
diff --git a/src/theme/SdkSwitcherNavbarItem/index.js b/src/theme/SdkSwitcherNavbarItem/index.js
new file mode 100644
index 00000000000..716b74b03b0
--- /dev/null
+++ b/src/theme/SdkSwitcherNavbarItem/index.js
@@ -0,0 +1,44 @@
+import React, {useEffect, useRef, useState} from 'react';
+import Link from '@docusaurus/Link';
+
+export default function SdkSwitcherNavbarItem({items, mobile, label = 'SDKs', onClick}) {
+ const [open, setOpen] = useState(false);
+ const root = useRef(null);
+ const trigger = useRef(null);
+ useEffect(() => {
+ const closeOutside = event => {
+ if (!root.current?.contains(event.target)) setOpen(false);
+ };
+ document.addEventListener('pointerdown', closeOutside);
+ document.addEventListener('focusin', closeOutside);
+ return () => {
+ document.removeEventListener('pointerdown', closeOutside);
+ document.removeEventListener('focusin', closeOutside);
+ };
+ }, []);
+ const handleKey = event => {
+ if (event.key === 'Escape' && open) {
+ event.preventDefault();
+ event.stopPropagation();
+ setOpen(false);
+ trigger.current?.focus();
+ }
+ if (event.key === 'ArrowDown' && event.target === trigger.current) {
+ event.preventDefault();
+ setOpen(true);
+ requestAnimationFrame(() => root.current?.querySelector('a')?.focus());
+ }
+ };
+ const content = (
+
+
+
+ );
+ return mobile ? -
+ {items.map(item =>
- {item.label} )} +