@growthub/cli 0.8.1 → 0.8.2

package/assets/worker-kits/growthub-creative-video-pipeline-v1/.env.example

@@ -0,0 +1,28 @@
+# Growthub Creative Video Pipeline — governed workspace env template
+#
+# Keep real provider secrets in your local .env.local or deployment provider.
+
+# Local workspace placement
+CREATIVE_VIDEO_PIPELINE_HOME=
+CREATIVE_STRATEGIST_HOME=
+VIDEO_USE_HOME=
+
+# Local studio shell
+CREATIVE_VIDEO_PIPELINE_STUDIO_PORT=5180
+
+# Stage 2 adapter
+# Supported values: growthub-pipeline, byo-api-key
+CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=growthub-pipeline
+GROWTHUB_BRIDGE_BASE_URL=
+GROWTHUB_BRIDGE_ACCESS_TOKEN=
+
+# BYOK adapter values, only used when CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=byo-api-key
+# Supported values: veo, fal, runway
+VIDEO_MODEL_PROVIDER=
+GOOGLE_AI_API_KEY=
+FAL_KEY=
+RUNWAY_API_KEY=
+
+# Stage 3 video-use fork
+ELEVENLABS_API_KEY=
+

package/assets/worker-kits/growthub-creative-video-pipeline-v1/QUICKSTART.md

@@ -0,0 +1,118 @@
+# Creative Video Pipeline — Quickstart
+
+This kit is a governed Growthub workspace with three runtime surfaces:
+
+- `studio/` — local-first Vite operator shell.
+- `apps/creative-video-pipeline/` — Vercel-ready pipeline dashboard and API key settings.
+- Three-stage pipeline: Brief → Generate → Edit.
+
+## 0. Discover, export, and register
+
+```bash
+growthub discover
+growthub kit list --family studio
+growthub kit download growthub-creative-video-pipeline-v1 --out ./creative-video-pipeline --yes
+growthub kit fork register ./creative-video-pipeline
+growthub kit fork status <fork-id>
+```
+
+Natural-language prompt for an agent after export:
+
+```text
+Read SKILL.md, skills.md, QUICKSTART.md, docs/adapter-contracts.md, and
+workers/creative-video-pipeline-operator/CLAUDE.md. Run setup checks, verify
+the generative adapter, and confirm the video-use fork path before starting work.
+```
+
+## 1. Verify the governed workspace
+
+```bash
+cp .env.example .env
+bash setup/check-deps.sh
+node setup/verify-env.mjs
+```
+
+Set adapter env in `.env`. Defaults are documented in `.env.example`.
+
+## 2. Clone the video-use fork (Stage 3 dependency)
+
+```bash
+bash setup/clone-fork.sh
+bash setup/install-skill.sh
+```
+
+This clones `browser-use/video-use` into `${VIDEO_USE_HOME:-$HOME/video-use}` and installs it as a Claude Code skill.
+
+## 3. Configure the generative adapter
+
+### Option A — Growthub pipeline (primary, recommended)
+
+```bash
+growthub auth login
+growthub auth whoami
+```
+
+In `.env`:
+```
+CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=growthub-pipeline
+GROWTHUB_BRIDGE_ACCESS_TOKEN=<token from growthub auth>
+GROWTHUB_BRIDGE_BASE_URL=<growthub hosted base url>
+ELEVENLABS_API_KEY=<your key>
+```
+
+### Option B — BYOK
+
+In `.env`:
+```
+CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=byo-api-key
+VIDEO_MODEL_PROVIDER=veo          # veo | fal | runway
+GOOGLE_AI_API_KEY=<your key>      # if VIDEO_MODEL_PROVIDER=veo
+ELEVENLABS_API_KEY=<your key>
+```
+
+Both options normalize to the same `GenerativeArtifact[]` object shape.
+
+## 4. Run the local Vite shell
+
+```bash
+cd studio
+npm install
+npm run dev
+```
+
+Open `http://localhost:5180`. The shell shows the three-stage pipeline status, output viewer, and settings panel.
+
+## 5. Run the Vercel app locally
+
+```bash
+cd apps/creative-video-pipeline
+npm install
+npm run dev
+```
+
+Open `http://localhost:3000`. Navigate to `/settings/keys` to configure the generative adapter and API keys.
+
+## 6. Run the pipeline
+
+Follow `skills.md` for the complete three-stage runbook:
+
+```
+Stage 1 — Brief      brand-kit.md → scene structure → hooks → pipeline-brief.md
+Stage 2 — Generate   growthub pipeline execute OR BYOK → generative/manifest.json
+Stage 3 — Edit       video-use fork → EDL → FFmpeg → final/final.mp4
+```
+
+## 7. Deploy to Vercel
+
+Use `apps/creative-video-pipeline` as the Vercel project root.
+
+```bash
+cd apps/creative-video-pipeline
+npm run build
+```
+
+Connect to Vercel with root directory `apps/creative-video-pipeline`. Set adapter env per `docs/adapter-contracts.md` and `docs/vercel-deployment.md`.
+
+## 8. Governed operation
+
+Read `SKILL.md`, `skills.md`, and `workers/creative-video-pipeline-operator/CLAUDE.md` before material changes. Record every stage completion to `.growthub-fork/project.md` and `.growthub-fork/trace.jsonl`.

package/assets/worker-kits/growthub-creative-video-pipeline-v1/SKILL.md

@@ -0,0 +1,103 @@
+---
+name: growthub-creative-video-pipeline-v1
+description: "Chainable worker kit that composes a creative brief, generative image/video via the growthub pipeline or BYOK, and video editing via the video-use fork into a single governed pipeline. Use when the user says: \"creative video pipeline\", \"brief to video\", \"generative video pipeline\", \"fork growthub-creative-video-pipeline-v1\"."
+triggers:
+  - creative video pipeline
+  - brief to video
+  - generative video pipeline
+  - video content pipeline
+  - fork growthub-creative-video-pipeline-v1
+progressiveDisclosure: true
+sessionMemory:
+  path: .growthub-fork/project.md
+selfEval:
+  criteria:
+    - Stage 1 brief is grounded in brand-kit.md — scene structure, hooks, and guardrails sourced from file, not memory.
+    - Stage 2 generative execution routes through growthub pipeline execute (primary) or explicit BYOK adapter — no ad-hoc API calls outside the adapter contract.
+    - Stage 3 video edit delegates to VIDEO_USE_HOME fork — edit-plan.md is the handoff artifact, final.mp4 lands at output/<client>/<project>/final/.
+    - .growthub-fork/project.md is appended to at each stage boundary and self-eval outcome.
+    - .growthub-fork/trace.jsonl receives a typed event for each material change.
+  maxRetries: 3
+  traceTo: .growthub-fork/trace.jsonl
+helpers:
+  - path: helpers/run-pipeline.sh
+    description: Auth pre-flight + growthub pipeline execute passthrough
+  - path: helpers/check-generative-adapter.sh
+    description: Print current adapter mode and which provider keys are set
+subSkills:
+  - name: brief-generation
+    path: skills/brief-generation/SKILL.md
+  - name: generative-execution
+    path: skills/generative-execution/SKILL.md
+  - name: video-edit
+    path: skills/video-edit/SKILL.md
+mcpTools: []
+---
+
+# Creative Video Pipeline — Governed Workspace
+
+Discovery entry and routing menu for `growthub-creative-video-pipeline-v1`. Family: `studio`. Agent contract: `workers/creative-video-pipeline-operator/CLAUDE.md`.
+
+## When to use this skill
+
+When the user's intent matches any trigger above, or when an agent is dropped into a fork whose `.growthub-fork/fork.json` declares `kitId: "growthub-creative-video-pipeline-v1"`.
+
+## Decision tree
+
+```
+Fork exists (.growthub-fork/fork.json)?
+├── No  → growthub kit download growthub-creative-video-pipeline-v1 --out <path>
+│         growthub kit fork register <path>
+│
+└── Yes → read in this order:
+          1. .growthub-fork/project.md          — session memory (primitive #3)
+          2. SKILL.md (this file)                — routing menu  (primitive #1)
+          3. skills.md                           — operator runbook
+          4. workers/creative-video-pipeline-operator/CLAUDE.md  — agent contract
+          5. QUICKSTART.md                       — first-run steps
+          6. runtime-assumptions.md              — host requirements
+          7. .growthub-fork/policy.json          — what you may touch
+          8. .growthub-fork/trace.jsonl (tail 20) — recent machine history
+```
+
+## Three-stage pipeline
+
+```
+Stage 1 — Brief          brand-kit.md → hooks → scene structure
+                         output: output/<client>/<project>/brief/pipeline-brief.md
+
+Stage 2 — Generate       growthub pipeline execute (primary)
+                         OR BYOK provider adapter (secondary)
+                         output: output/<client>/<project>/generative/
+
+Stage 3 — Edit           video-use fork (VIDEO_USE_HOME)
+                         ElevenLabs Scribe → EDL → FFmpeg
+                         output: output/<client>/<project>/final/final.mp4
+```
+
+## Activation
+
+Primary: `growthub pipeline execute` with the `video-generation` CMS node (veo-3.1-generate-001).
+Secondary: BYOK path via `CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=byo-api-key`.
+
+Both normalize to the same `GenerativeArtifact[]` object. The UI shell renders whichever path produced the artifacts.
+
+## The six primitives (same shape across every Growthub worker kit)
+
+1. **`SKILL.md`** — this file.
+2. **Symlinked pointer** — repo-root `AGENTS.md` is authoritative.
+3. **`.growthub-fork/project.md`** — session memory, seeded at init from `templates/project.md`.
+4. **Self-evaluation** — generate → apply → evaluate → record; retry up to `maxRetries` (3); mirrors the Fork Sync Agent loop.
+5. **`skills/`** — sub-skill lanes: `brief-generation`, `generative-execution`, `video-edit`.
+6. **`helpers/`** — `run-pipeline.sh`, `check-generative-adapter.sh`.
+
+## Related files
+
+- `skills.md` — full 3-stage operator runbook
+- `QUICKSTART.md` — first-run steps
+- `runtime-assumptions.md` — host requirements (FFmpeg, ElevenLabs, CLI, video-use fork)
+- `output-standards.md` — output dir structure
+- `docs/adapter-contracts.md` — generative adapter contracts
+- `docs/pipeline-architecture.md` — chain composition detail
+- `templates/project.md` — session-memory seed
+- `templates/self-eval.md` — self-evaluation pattern

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/.env.example

@@ -0,0 +1,20 @@
+# Creative Video Pipeline app — deployment env template
+
+# Supported values: growthub-pipeline, byo-api-key
+CREATIVE_VIDEO_PIPELINE_GENERATIVE_ADAPTER=growthub-pipeline
+
+# growthub-pipeline adapter
+GROWTHUB_BRIDGE_BASE_URL=
+GROWTHUB_BRIDGE_ACCESS_TOKEN=
+
+# byo-api-key adapter
+# Supported values: veo, fal, runway
+VIDEO_MODEL_PROVIDER=
+GOOGLE_AI_API_KEY=
+FAL_KEY=
+RUNWAY_API_KEY=
+
+# Stage 3 edit pipeline handoff
+VIDEO_USE_HOME=
+ELEVENLABS_API_KEY=
+

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/README.md

@@ -0,0 +1,33 @@
+# creative-video-pipeline — Next.js App
+
+Next.js 16 + React 19 app for the Growthub Creative Video Pipeline worker kit. Vercel-deployable.
+
+## Dev
+
+```bash
+npm install
+npm run dev
+```
+
+## Build
+
+```bash
+npm run build
+npm start
+```
+
+## Deploy
+
+```bash
+vercel --prod
+```
+
+See `docs/vercel-deployment.md` for environment variable configuration.
+
+## Routes
+
+| Route | Purpose |
+|-------|---------|
+| `/` | Pipeline dashboard — stage status, adapter state |
+| `/settings/keys` | API key configuration reference |
+| `/api/pipeline` | GET — returns live adapter config + pipeline stage state |

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/app/api/pipeline/route.js

@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { readAdapterConfig } from "@/lib/adapters/env";
+import { describeGenerativeAdapter } from "@/lib/adapters/generative/index";
+import { pipelineStages, stageStatus } from "@/lib/domain/pipeline";
+
+export const dynamic = "force-dynamic";
+
+export function GET() {
+  const config = readAdapterConfig();
+  const generative = describeGenerativeAdapter();
+
+  return NextResponse.json({
+    kit: "growthub-creative-video-pipeline-v1",
+    adapter: generative,
+    config: {
+      generativeAdapter: config.generativeAdapter,
+      videoUseHome: config.videoUseHome,
+      hasElevenLabsKey: config.hasElevenLabsKey,
+      hasBridgeToken: config.hasBridgeToken,
+      videoModelProvider: config.videoModelProvider,
+    },
+    stages: pipelineStages.map((s) => ({
+      ...s,
+      status: stageStatus.PENDING,
+    })),
+  });
+}

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/app/globals.css

@@ -0,0 +1,203 @@
+:root {
+  color-scheme: dark;
+  --bg: #080b12;
+  --sidebar: #0d1118;
+  --panel: #111827;
+  --panel-soft: #0d1420;
+  --ink: #f7fafc;
+  --muted: #93a3b8;
+  --line: #223047;
+  --accent: #38bdf8;
+  --accent-soft: rgba(56, 189, 248, 0.12);
+  --good: #22c55e;
+  --warn: #f59e0b;
+}
+
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--ink);
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+a { color: inherit; }
+code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; }
+
+.shell {
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: 232px minmax(0, 1fr);
+  background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 360px), var(--bg);
+}
+.sidebar {
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+  background: rgba(13, 17, 24, 0.96);
+  border-right: 1px solid var(--line);
+  padding: 22px 16px;
+}
+.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; }
+.brand-mark {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 8px;
+  background: var(--accent);
+  color: #06111d;
+  font-size: 13px;
+  font-weight: 900;
+}
+.nav { display: grid; gap: 5px; }
+.nav a {
+  color: #c6d1e1;
+  text-decoration: none;
+  padding: 9px 10px;
+  border-radius: 7px;
+  font-size: 14px;
+}
+.nav a.active, .nav a:hover { background: #172133; color: white; }
+.sidebar-footer {
+  margin-top: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--muted);
+  font-size: 13px;
+}
+.status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: var(--good);
+  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
+}
+.main { width: min(100%, 1180px); padding: 30px; }
+.utility-bar {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  align-items: center;
+  margin-bottom: 20px;
+  padding: 12px 14px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: rgba(17, 24, 39, 0.82);
+}
+.utility-bar strong { display: block; font-size: 14px; }
+.utility-bar span, .page-heading p, .panel-copy, .card p, .setup-card p, .key-row p { color: var(--muted); line-height: 1.5; }
+.utility-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+.utility-actions a, .pill, .badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 28px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  padding: 5px 10px;
+  background: #0c1320;
+  color: #c9d7e8;
+  text-decoration: none;
+  font-size: 12px;
+}
+.page-heading { position: relative; margin-bottom: 22px; }
+.page-heading h1 { margin: 4px 0 8px; font-size: clamp(32px, 5vw, 58px); line-height: 0.98; letter-spacing: 0; }
+.page-heading p { max-width: 780px; margin: 0 0 12px; }
+.eyebrow { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; }
+
+/* Pipeline strip */
+.pipeline-strip {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+  margin-bottom: 22px;
+}
+.stage-card {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: rgba(17, 24, 39, 0.9);
+  padding: 18px;
+}
+.stage-card.complete { border-color: rgba(34, 197, 94, 0.4); background: rgba(34, 197, 94, 0.05); }
+.stage-card.active { border-color: rgba(56, 189, 248, 0.4); background: rgba(56, 189, 248, 0.06); }
+.stage-step { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; }
+.stage-card strong { display: block; margin: 8px 0 6px; font-size: 16px; }
+.stage-card code { display: block; margin-top: 8px; font-size: 11px; color: #9ab8d8; word-break: break-all; }
+.stage-status { display: inline-block; margin-top: 8px; border-radius: 999px; padding: 3px 8px; font-size: 11px; font-weight: 700; }
+.stage-status.pending { color: var(--muted); background: #0a101b; border: 1px solid var(--line); }
+.stage-status.complete { color: var(--good); background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); }
+
+.hero-grid { display: grid; grid-template-columns: 1.2fr 0.9fr 0.9fr; gap: 14px; margin-bottom: 16px; }
+.hero-card { min-height: 150px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: rgba(17, 24, 39, 0.9); }
+.hero-card.primary { background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(17, 24, 39, 0.95)); }
+.hero-card span { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; }
+.hero-card strong { display: block; margin-top: 10px; font-size: 28px; line-height: 1; }
+.hero-card p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
+.card-label { color: var(--accent) !important; font-size: 12px; font-weight: 800; text-transform: uppercase; }
+.muted { color: var(--muted) !important; }
+
+.ops-strip {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+  margin-bottom: 18px;
+}
+.ops-strip article { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(13, 20, 32, 0.88); }
+.ops-strip span { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; }
+.ops-strip strong { display: block; margin: 7px 0; font-size: 14px; }
+.ops-strip p { margin: 0; font-size: 13px; color: var(--muted); }
+
+.adapter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
+.card { min-height: 100px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: rgba(17, 24, 39, 0.9); }
+.card h3 { margin: 0 0 8px; font-size: 14px; color: var(--accent); }
+
+/* Settings — /settings/keys */
+.setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
+.setup-card { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(13, 20, 32, 0.88); }
+.setup-card span { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; }
+.setup-card strong { display: block; margin: 7px 0; font-size: 14px; }
+.setup-card code { color: #d7e8ff; word-break: break-word; }
+
+.key-board { display: grid; gap: 10px; }
+.key-row { padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #0d1420; }
+.key-row-top { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
+.key-badge { border-radius: 999px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
+.key-badge.required { background: rgba(56, 189, 248, 0.15); color: var(--accent); border: 1px solid rgba(56, 189, 248, 0.3); }
+.key-badge.conditional { background: rgba(147, 163, 184, 0.1); color: var(--muted); border: 1px solid var(--line); }
+.settings-note { margin-top: 14px; color: var(--muted); font-size: 13px; }
+.toolbar-strip { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(17, 24, 39, 0.9); margin-bottom: 18px; }
+.toolbar-strip p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
+
+.quick-actions {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  display: grid;
+  gap: 8px;
+  width: 200px;
+}
+.quick-actions button {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 10px 12px;
+  background: #0d1420;
+  color: var(--ink);
+  text-align: left;
+  font: inherit;
+}
+
+@media (max-width: 1020px) {
+  .shell { grid-template-columns: 1fr; }
+  .sidebar { position: static; height: auto; }
+  .pipeline-strip, .hero-grid, .adapter-grid, .ops-strip, .setup-grid { grid-template-columns: 1fr; }
+  .quick-actions { position: static; width: auto; margin: 20px 30px; }
+}
+@media (max-width: 720px) {
+  .main { padding: 20px; }
+  .utility-bar { display: block; }
+  .utility-actions { margin-top: 10px; }
+}

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/app/layout.jsx

@@ -0,0 +1,14 @@
+import "./globals.css";
+const metadata = {
+  title: "Creative Video Pipeline",
+  description: "Three-stage creative video pipeline: brief, generative, edit — governed workspace with Growthub bridge and BYOK support."
+};
+function RootLayout({ children }) {
+  return <html lang="en">
+      <body>{children}</body>
+    </html>;
+}
+export {
+  RootLayout as default,
+  metadata
+};

package/assets/worker-kits/growthub-creative-video-pipeline-v1/apps/creative-video-pipeline/app/page.jsx

@@ -0,0 +1,131 @@
+import { readAdapterConfig } from "@/lib/adapters/env";
+import { describeGenerativeAdapter } from "@/lib/adapters/generative/index";
+import { pipelineStages } from "@/lib/domain/pipeline";
+import Link from "next/link";
+
+const nav = [
+  { href: "#pipeline", label: "Pipeline" },
+  { href: "#brief", label: "Brief" },
+  { href: "#generative", label: "Generative" },
+  { href: "#edit", label: "Edit" },
+  { href: "/settings/keys", label: "API Keys" },
+];
+
+function Home() {
+  const config = readAdapterConfig();
+  const generative = describeGenerativeAdapter();
+
+  return <main className="shell">
+      <aside className="sidebar">
+        <div className="brand">
+          <span className="brand-mark">CV</span>
+          <span>Creative Video Pipeline</span>
+        </div>
+        <nav className="nav">
+          {nav.map((item) => <Link href={item.href} key={item.href}>{item.label}</Link>)}
+        </nav>
+        <div className="sidebar-footer">
+          <span className="status-dot" />
+          Governed worker kit
+        </div>
+      </aside>
+
+      <section className="main">
+        <div className="utility-bar">
+          <div>
+            <strong>Creative Video Pipeline</strong>
+            <span>Brief → Generate → Edit — governed workspace with local Vite shell and Vercel parity.</span>
+          </div>
+          <div className="utility-actions">
+            <Link href="/settings/keys">API Keys</Link>
+            <span className="pill">v1 kit</span>
+          </div>
+        </div>
+
+        <div className="page-heading" id="pipeline">
+          <p className="eyebrow">Three-stage pipeline</p>
+          <h1>Brief to final video.</h1>
+          <p>
+            Brand-grounded brief, generative image/video via{" "}
+            <strong>{config.generativeAdapter}</strong>, and transcript-anchored editing
+            via the video-use fork — outputs governed across all three stages.
+          </p>
+          <span className="badge">adapter: {generative.label}</span>
+        </div>
+
+        <section className="pipeline-strip" id="pipeline-stages">
+          {pipelineStages.map((stage) => <article className="stage-card" id={stage.id} key={stage.id}>
+              <span className="stage-step">{stage.step}</span>
+              <strong>{stage.label}</strong>
+              <p>{stage.description}</p>
+              <code>{stage.outputPath}</code>
+              <span className="stage-status pending">pending</span>
+            </article>)}
+        </section>
+
+        <section className="hero-grid">
+          <article className="hero-card primary">
+            <p className="card-label">Generative adapter</p>
+            <strong>{config.generativeAdapter}</strong>
+            <p>{generative.description}</p>
+          </article>
+          <article className="hero-card">
+            <p className="card-label">Video-use fork</p>
+            <strong>{config.videoUseHome ? "configured" : "not set"}</strong>
+            <p className="muted">VIDEO_USE_HOME resolves the video-use clone for Stage 3.</p>
+          </article>
+          <article className="hero-card">
+            <p className="card-label">ElevenLabs Scribe</p>
+            <strong>{config.hasElevenLabsKey ? "key set" : "key missing"}</strong>
+            <p className="muted">Required for Stage 3 word-level transcription.</p>
+          </article>
+        </section>
+
+        <section className="ops-strip">
+          <article>
+            <span>01</span>
+            <strong>Brand Kit</strong>
+            <p>Scene structure and hooks sourced from brand-kit.md only.</p>
+          </article>
+          <article>
+            <span>02</span>
+            <strong>CLI Pipeline</strong>
+            <p>growthub pipeline execute → CMS video-generation node.</p>
+          </article>
+          <article>
+            <span>03</span>
+            <strong>video-use Fork</strong>
+            <p>Scribe → word-boundary EDL → FFmpeg → final.mp4.</p>
+          </article>
+          <article>
+            <span>04</span>
+            <strong>Governed</strong>
+            <p>project.md + trace.jsonl at every stage boundary.</p>
+          </article>
+        </section>
+
+        <section className="adapter-grid" aria-label="Adapter paths">
+          <article className="card">
+            <h3>growthub-pipeline (primary)</h3>
+            <p>Routes through hosted CMS video-generation node. Requires GROWTHUB_BRIDGE_ACCESS_TOKEN + auth.</p>
+          </article>
+          <article className="card">
+            <h3>byo-api-key (secondary)</h3>
+            <p>Explicit provider SDK calls. Set VIDEO_MODEL_PROVIDER (veo | fal | runway) + key. Same artifact contract.</p>
+          </article>
+        </section>
+      </section>
+
+      <aside className="quick-actions">
+        <button type="button">Run Stage 1 — Brief</button>
+        <button type="button">Run Stage 2 — Generate</button>
+        <button type="button">Run Stage 3 — Edit</button>
+        <button type="button">
+          <Link href="/settings/keys">Configure API Keys</Link>
+        </button>
+      </aside>
+    </main>;
+}
+export {
+  Home as default
+};