-
+
{command.syntax}
+ {teamMode.kicker}
+
+ {teamMode.title}
+
+ {teamMode.body}
+
+
+ + {teamMode.compositionRule} +
++ {teamMode.stateNote} +
+
+
+
+
+
+
+
+
+
+
+
+
+ {teamMode.memberThreads.map((member) => (
+
+
+
+ {member.name}
+
+
+ {member.status}
+
+
+ ))}
+
+
+ + {teamMode.threadNote} +
++ Member A COMPLETE verification note: report exists, pinned-link + check passed, and no GitHub mutations/repo edits. +
++ {teamMode.whenTitle} +
+-
+ {teamMode.whenPoints.map((point) => (
+
- + + {point} + + ))} +
- {SITE_CONFIG.ultraworkTagline} -
- -
-
- {SITE_CONFIG.ultraworkExample}
-
-
-
-
+
+ )
+}
diff --git a/packages/web/components/site/ulw-demo/ulw-demo-section.tsx b/packages/web/components/site/ulw-demo/ulw-demo-section.tsx
new file mode 100644
index 0000000..f81bdd4
--- /dev/null
+++ b/packages/web/components/site/ulw-demo/ulw-demo-section.tsx
@@ -0,0 +1,41 @@
+import type { JSX } from "react"
+import { MarketingSection } from "../../design-system/layout"
+import { InlineCode, Kicker } from "../../design-system/typography"
+import { SITE_CONFIG } from "../../../lib/site-config"
+import { CodexWindow } from "./codex-window"
+
+/**
+ * Interactive Ultrawork demo — the landing's product anchor. Intro copy is
+ * grounded in content/docs/ultrawork.md (see .omo/evidence/copy-ledger.md);
+ * the window itself replays a real ulw run as a live-DOM scene machine.
+ */
+export function UlwDemoSection(): JSX.Element {
+ return (
+
+
+
+
+
+
+
+ {/* display:contents keeps the shared flex-wrap layout while giving the
+ tablist only tab children (aria-required-children). */}
+
+
+ {ULW_DEMO_SCENES.map((entry, index) => (
+
+ ))}
+
+ + {SITE_CONFIG.ulwDemo.title} +
++ {SITE_CONFIG.ulwDemo.intro} +
+ +
+
+ {SITE_CONFIG.ultraworkExample}
+
+
+
+ + “{SITE_CONFIG.ulwDemo.quote}” ++ +
+
+
+
+
+
+
+ )
+}
+
+export function TranscriptPane({
+ scene,
+ sceneIndex,
+}: {
+ readonly scene: UlwScene
+ readonly sceneIndex: number
+}): JSX.Element {
+ return (
+
+
+
+ {scene.command}
+
+
+
+
+ {/* The live region stays OUTSIDE the keyed swap subtree: React must
+ mutate its text in place for screen readers to announce scenes. */}
+
+ {scene.status}
+
+
+
+
+ {scene.title}
+{scene.body}
+
+ {ULW_DEMO_STEPS.map((step, index) => (
+
+
+
+ {String(index + 1).padStart(2, "0")}
+
+ ))}
+
+ {step.heading}
+
+ {step.detail}
+
+ {ULW_DEMO_PROOFS.map((proof, index) => (
+
+ {proof}
+
+ ))}
+
+
+
+ {scene.composer}
+ Full access
+ 5.5 High
+
+
+ )
+}
+
+export function SideRail({ scene }: { readonly scene: UlwScene }): JSX.Element {
+ return (
+
+ )
+}
diff --git a/packages/web/components/site/ulw-research-section.tsx b/packages/web/components/site/ulw-research-section.tsx
new file mode 100644
index 0000000..f8b1819
--- /dev/null
+++ b/packages/web/components/site/ulw-research-section.tsx
@@ -0,0 +1,44 @@
+import type { JSX } from "react"
+import { MarketingSection } from "../design-system/layout"
+import { AccentSurface } from "../design-system/surfaces"
+import { BodyText, Kicker, SectionHeading } from "../design-system/typography"
+import { SITE_CONFIG } from "../../lib/site-config"
+
+/**
+ * ulw-research — copy grounded in plugins/omo/skills/ulw-research/SKILL.md
+ * (see .omo/evidence/copy-ledger.md). Lane chips are informational, not
+ * interactive, so they carry no hover states.
+ */
+export function UlwResearchSection(): JSX.Element {
+ const { ulwResearch } = SITE_CONFIG
+
+ return (
+
+ {ulwResearch.kicker}
+
+ {ulwResearch.title}
+
+ {ulwResearch.body}
+
+
+
+
+ -
+ {ulwResearch.lanes.map((lane) => (
+
- + {lane} + + ))} +
+ {ulwResearch.activation} +
+