@oneie/claude 0.5.0 → 0.7.0

package/skills/shadcn/SKILL.md

@@ -0,0 +1,516 @@
+---
+name: shadcn
+description: shadcn/ui primitives in `one.ie/web` under the ONE 6-token design system. Covers the `src/components/ui/` inventory, why shadcn's own `-foreground` names survive the `--color-*: initial` palette wipe via the Layout.astro aliases, adding a primitive with the CLI, and Button/Badge/Card/Dialog variants. Use when adding or editing a `src/components/ui/` primitive, when a shadcn component renders transparent or invisible after the wipe, or when picking between a token utility and an alias.
+user-invocable: true
+allowed-tools: Read, Write, Edit, Glob, Grep, Bash
+---
+
+# shadcn/ui Development
+
+Build UI in `one.ie/web` with shadcn primitives on the ONE 6-token design system.
+
+This skill covers the seam that the auto-loaded rules do not: **how shadcn's own
+naming convention (`bg-card`, `text-muted-foreground`, `text-primary-foreground`)
+survives the `--color-*: initial` palette wipe.** For the token list, the allowed
+utilities, and the ban list, read `.claude/rules/design.md` — it auto-loads on the
+same files and is already in context when you edit.
+
+Scope: `one.ie/web`. For `template/site` use the `template:shadcn` skill; for
+generic registry/CLI operations outside this repo use the `shadcn` plugin skill.
+
+## Works With
+
+| Skill      | Load when                                                                    |
+|------------|------------------------------------------------------------------------------|
+| `/react19` | shadcn components ARE React components — ref-as-prop, Actions, transitions apply. |
+| `/astro`   | Placement inside islands + hydration strategy decisions.                       |
+| `/puck`    | Every Puck block wraps a real component — brand tokens reach the editor iframe. |
+| `/ai-ui`   | AI Elements (reasoning cards, tool-call blocks) compose shadcn primitives.    |
+
+Auto-loads on these files, via each rule's own `paths:` frontmatter (not
+`settings.json`, which wires hooks only):
+
+| Rule | Glob |
+|---|---|
+| `rules/react.md` | `**/*.tsx` |
+| `rules/ui.md` | `one.ie/web/src/components/**/*.tsx` |
+| `rules/design.md` | `one.ie/web/**/*.{tsx,astro,css}` |
+
+## When to Use This Skill
+
+- Use existing primitives from `one.ie/web/src/components/ui/`
+- Add a new primitive with the shadcn CLI
+- Customize a variant (`cva` blocks in `button.tsx`, `badge.tsx`)
+- Fix a primitive that renders transparent or invisible after the palette wipe
+- Build composite components on top of the primitives
+
+## Available Components
+
+`one.ie/web/src/components/ui/` holds **57 files**. They are not all shadcn:
+
+**shadcn primitives** — generated by the CLI, backed by the unified `radix-ui`
+package (`^1.4.3`, imported as `import { Dialog as DialogPrimitive } from "radix-ui"`
+— **not** the old `@radix-ui/react-*` scoped packages):
+
+`accordion` · `alert` · `aspect-ratio` · `avatar` · `badge` · `breadcrumb` ·
+`button` · `button-group` · `card` · `carousel` · `chart` · `checkbox` ·
+`collapsible` · `command` · `dialog` · `dropdown-menu` · `hover-card` ·
+`input` · `input-group` · `kbd` · `label` · `navigation-menu` · `pagination` ·
+`popover` · `progress` · `radio-group` · `scroll-area` · `select` · `separator` ·
+`sheet` · `skeleton` · `slider` · `spinner` · `switch` · `table` · `tabs` ·
+`textarea` · `toggle` · `toggle-group` · `tooltip`
+
+**ONE-local, not shadcn** — do not `shadcn add` over these, and do not assume
+upstream props: `Icon.tsx` · `IconBadge.tsx` · `EmptyCard.tsx` · `ImagePicker.tsx` ·
+`Drawer.tsx` · `global-toaster.tsx` · `multi-select.tsx` · `rating.tsx` ·
+`animated-tooltip.tsx` · `bounce-button.tsx` · `magnetic-button.tsx` ·
+`shimmer-button.tsx` · `motion-checkbox.tsx` · `motion-highlight.tsx` ·
+`motion-radio-group.tsx` · `motion-switch.tsx` · `motion-tabs.tsx`
+
+`components.json` pins `style: "radix-nova"`, `iconLibrary: "lucide"`,
+`cssVariables: true`, and `css: src/styles/globals.css`.
+
+## Color System — how shadcn names survive the wipe
+
+`Layout.astro` declares `--color-*: initial` inside `@theme`, which erases
+Tailwind's entire default palette. That is the enforcement layer: `bg-zinc-950`
+emits no CSS at all. It also erases every var a stock shadcn primitive expects.
+
+So `Layout.astro` re-declares the ones shadcn needs, aliased onto the 6 tokens.
+This is the mechanism to know — it is why you can write `bg-card` and
+`text-muted-foreground` in a primitive without adding a 7th token:
+
+```
+--color-popover:            var(--color-foreground)
+--color-popover-foreground: var(--color-font)
+--color-card:               var(--color-foreground)
+--color-card-foreground:    var(--color-font)
+--color-muted:              var(--color-foreground)
+--color-muted-foreground:   color-mix(font 60%, transparent)
+--color-accent:             var(--color-foreground)
+--color-accent-foreground:  var(--color-font)
+--color-input:              var(--color-background)
+--color-primary-foreground:   var(--color-on-primary)
+--color-secondary-foreground: var(--color-on-secondary)
+```
+
+Two failure modes this prevents, both of which look like a bug in the component:
+
+1. **Transparent popovers.** Without `--color-card` / `--color-popover`, the
+   wiped var makes the `background-color` declaration invalid, so the panel
+   inherits nothing and floats see-through over the page.
+2. **Invisible glyphs on a brand fill.** Stock Button/Badge/Checkbox read
+   `text-primary-foreground`. Wiped, the color declaration is dropped and the
+   icon inherits an ancestor's `text-muted-foreground` — near-invisible on a
+   solid `bg-primary`. The alias points it at the already-WCAG-correct
+   `on-primary` label.
+
+**The one collision you must resolve by hand:** shadcn uses `foreground` to mean
+"body text on a card". ONE uses `foreground` as the L2 *surface* token (cards,
+sidebar, panels). They are not the same thing and there is no alias that can make
+them so. Any primitive that ships `text-foreground` for body text **must be edited
+to `text-font`** — otherwise the text paints the same color as its own background.
+`src/components/ui/` currently has zero `text-foreground` occurrences; keep it
+that way after every `shadcn add`.
+
+Fine as-is, no edit needed: `text-card-foreground`, `text-popover-foreground`,
+`text-muted-foreground`, `text-accent-foreground`, and the
+`text-{primary,secondary,destructive,sidebar}-foreground` contrast labels.
+
+## Core Components
+
+### Card
+
+```tsx
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+
+interface Signal {
+  id: string;
+  receiver: string;
+  target: string;
+  status: string;
+}
+
+export function SignalCard({ signal }: { signal: Signal }) {
+  return (
+    <Card>
+      <CardHeader className="pb-2">
+        <CardTitle className="flex items-center gap-2 text-sm font-mono">
+          <span className="text-font/60">signal</span>
+          <span className="text-primary">{signal.id}</span>
+        </CardTitle>
+        <CardDescription>
+          {signal.receiver} → {signal.target}
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-2">
+        <div className="font-mono text-xs">
+          <span className="text-font/40">receiver: </span>
+          <span className="text-tertiary">{signal.receiver}</span>
+        </div>
+        <div className="font-mono text-xs">
+          <span className="text-font/40">status: </span>
+          <StatusBadge status={signal.status} />
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+`Card` already resolves to the `foreground` surface via `--color-card`. Do not
+re-skin it with a background utility.
+
+### Tabs
+
+```tsx
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+
+interface Actor { id: string; name: string; status: string }
+
+export function ActorTabs({ actors }: { actors: Actor[] }) {
+  return (
+    <Tabs defaultValue={actors[0]?.id} className="w-full">
+      <TabsList>
+        {actors.map(actor => (
+          <TabsTrigger key={actor.id} value={actor.id}>
+            <StatusDot status={actor.status} />
+            <span className="ml-2">{actor.name}</span>
+          </TabsTrigger>
+        ))}
+      </TabsList>
+
+      {actors.map(actor => (
+        <TabsContent key={actor.id} value={actor.id} className="mt-4">
+          <ActorContent actor={actor} />
+        </TabsContent>
+      ))}
+    </Tabs>
+  );
+}
+```
+
+### Badge
+
+Status color comes from the 5 invariants plus the 3 brand tokens — never from a
+Tailwind palette ramp.
+
+```tsx
+import { Badge } from "@/components/ui/badge";
+
+const statusClasses = {
+  resolved: "bg-success/20 text-success",
+  pending:  "bg-secondary/20 text-secondary",
+  idle:     "bg-font/10 text-font/60",
+  error:    "bg-destructive/20 text-destructive",
+};
+
+export function StatusBadge({ status }: { status: string }) {
+  return (
+    <Badge
+      variant="outline"
+      className={statusClasses[status as keyof typeof statusClasses] ?? statusClasses.idle}
+    >
+      {status}
+    </Badge>
+  );
+}
+```
+
+### Button
+
+The repo's `button.tsx` ships **6 variants** — `default` · `outline` ·
+`secondary` · `ghost` · `destructive` · `link` — and **8 sizes** — `default` ·
+`xs` · `sm` · `lg` · `icon` · `icon-xs` · `icon-sm` · `icon-lg`. There is no
+`primary` variant name; `default` already means `bg-primary text-primary-foreground`.
+
+```tsx
+import { Button } from "@/components/ui/button";
+import { ChevronRight } from "lucide-react";
+
+<Button>Send signal</Button>                    {/* default = brand fill */}
+<Button variant="outline">Cancel</Button>
+<Button variant="secondary">Save draft</Button>
+<Button variant="destructive">Reject</Button>
+<Button variant="ghost" size="icon">
+  <ChevronRight />
+</Button>
+```
+
+Do not pass a background class to override the variant — that is how a palette
+class gets reintroduced. Add a variant to the `cva` block instead.
+
+### ScrollArea
+
+```tsx
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { SignalCard } from "./SignalCard";
+
+export function SignalList({ signals }: { signals: Signal[] }) {
+  return (
+    <ScrollArea className="h-[400px] pr-4">
+      <div className="space-y-3">
+        {signals.map(s => (
+          <SignalCard key={s.id} signal={s} />
+        ))}
+      </div>
+    </ScrollArea>
+  );
+}
+```
+
+### Tooltip
+
+```tsx
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+export function SignalId({ id, full }: { id: string; full: string }) {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger className="font-mono text-primary cursor-help">
+          {id}
+        </TooltipTrigger>
+        <TooltipContent>
+          <p className="font-mono text-xs">{full}</p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+### Accordion
+
+```tsx
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+
+export function ConfigViewer({ code }: { code: string }) {
+  return (
+    <Accordion type="single" collapsible defaultValue="config">
+      <AccordionItem value="config">
+        <AccordionTrigger className="text-sm">Step config</AccordionTrigger>
+        <AccordionContent>
+          <pre className="p-4 bg-background rounded font-mono text-xs overflow-x-auto">
+            <code className="text-font/80">{code}</code>
+          </pre>
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
+  );
+}
+```
+
+## Composite Components
+
+### Status Dot
+
+```tsx
+const dotClasses = {
+  resolved: "bg-success",
+  pending:  "bg-secondary animate-pulse",
+  idle:     "bg-font/40",
+  error:    "bg-destructive",
+};
+
+export function StatusDot({ status }: { status: string }) {
+  return (
+    <span
+      className={`inline-block w-2 h-2 rounded-full ${
+        dotClasses[status as keyof typeof dotClasses] ?? dotClasses.idle
+      }`}
+    />
+  );
+}
+```
+
+### Panel Header
+
+```tsx
+import { Badge } from "@/components/ui/badge";
+
+interface PanelHeaderProps {
+  title: string;
+  count?: number;
+  children?: React.ReactNode;
+}
+
+export function PanelHeader({ title, count, children }: PanelHeaderProps) {
+  return (
+    <div className="flex items-center justify-between mb-4">
+      <div className="flex items-center gap-2">
+        <h3 className="text-sm font-medium text-font/80">{title}</h3>
+        {count !== undefined && <Badge variant="secondary">{count}</Badge>}
+      </div>
+      {children}
+    </div>
+  );
+}
+```
+
+### Code Block
+
+```tsx
+import { Card, CardContent } from "@/components/ui/card";
+
+interface CodeBlockProps {
+  code: string;
+  language?: string;
+}
+
+export function CodeBlock({ code, language = "typescript" }: CodeBlockProps) {
+  return (
+    <Card data-language={language}>
+      <CardContent className="p-0">
+        <pre className="p-4 overflow-x-auto">
+          <code className="font-mono text-xs text-font/80 whitespace-pre">
+            {code}
+          </code>
+        </pre>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+## Adding New Components
+
+```bash
+# from one.ie/web (components.json lives there)
+bunx shadcn@latest add sheet
+bunx shadcn@latest add command
+bunx shadcn@latest add popover
+```
+
+**Always run the token pass immediately after.** The CLI writes upstream defaults
+that assume Tailwind's palette exists:
+
+```bash
+grep -nE 'text-foreground|#[0-9a-fA-F]{3,8}|(bg|text|border)-(zinc|slate|gray|neutral|red|green|blue|amber)-[0-9]' \
+  src/components/ui/<new>.tsx
+```
+
+Every hit is a fix: `text-foreground` → `text-font`; a palette class → a token
+utility or an alias from the table above; a hex → a token. The `design-check.sh`
+PostToolUse hook catches these on your next edit of the file, but the CLI writes
+the file without going through the hook — so sweep it yourself.
+
+## Customization Patterns
+
+### Extending Button
+
+```tsx
+// src/components/ui/button.tsx — add to the existing cva variants block
+const buttonVariants = cva(
+  "...",
+  {
+    variants: {
+      variant: {
+        // ... default | outline | secondary | ghost | destructive | link
+        brand: "bg-tertiary text-on-tertiary hover:bg-tertiary/80",
+      },
+    },
+  }
+);
+```
+
+### Custom Card Variant
+
+```tsx
+import { Card } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+
+interface NestedCardProps {
+  children: React.ReactNode;
+  isNested?: boolean;
+}
+
+export function NestedCard({ children, isNested }: NestedCardProps) {
+  return (
+    <Card className={cn(isNested && "ml-4 border-l-2 border-l-primary")}>
+      {children}
+    </Card>
+  );
+}
+```
+
+## Layout Patterns
+
+### Two-Panel Layout
+
+```tsx
+import { ScrollArea } from "@/components/ui/scroll-area";
+
+export function WorkspaceLayout({ actors, signals }: { actors: Actor[]; signals: Signal[] }) {
+  return (
+    <div className="h-screen flex flex-col bg-background">
+      <div
+        className="flex-none h-[40%] border-b p-4"
+        style={{ borderColor: 'var(--color-border)' }}
+      >
+        <ActorTabs actors={actors} />
+      </div>
+
+      <div className="flex-1 overflow-hidden p-4">
+        <ScrollArea className="h-full">
+          <SignalList signals={signals} />
+        </ScrollArea>
+      </div>
+      {/* ActorTabs / SignalList as defined above */}
+    </div>
+  );
+}
+```
+
+### Grid Layout
+
+```tsx
+import { ActorCard } from "./ActorCard";
+
+export function ActorGrid({ actors }: { actors: Actor[] }) {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      {actors.map(actor => (
+        <ActorCard key={actor.id} actor={actor} />
+      ))}
+    </div>
+  );
+}
+```
+
+## Best Practices
+
+1. **Let the primitive keep its surface**: `Card` already resolves to `foreground`
+   through `--color-card`. Adding `bg-*` on top fights the alias.
+2. **`text-font`, never `text-foreground`**: the one shadcn name the alias table
+   cannot rescue.
+3. **Contrast labels on brand fills**: `text-on-primary` in ONE code,
+   `text-primary-foreground` inside a CLI-generated primitive — both resolve to
+   the same computed color.
+4. **Variants over overrides**: extend the `cva` block rather than passing a
+   className that re-colors the button.
+5. **Sweep after `shadcn add`**: the CLI bypasses the design hook.
+6. **Monospace for data**: `font-mono` for IDs, JSON, code.
+7. **Icons from lucide only**: via `<Icon>` / `<IconBadge>`, never inline SVG in
+   a React component.
+
+---
+
+**Tech**: shadcn/ui (`style: radix-nova`) · `radix-ui` ^1.4.3 · Tailwind CSS 4 · React 19
+**Tree**: `one.ie/web` — for `template/site` use `template:shadcn`

package/skills/signal/SKILL.md

@@ -1,7 +1,6 @@
 ---
-name: Signal
-description: Signal system — receiver naming, weight conventions, four outcomes (result/timeout/dissolved/failure), emitters (bash/TypeScript/React), and observability endpoints. Use when working with signals, mark/warn/fade, the /api/signal route, or hook-emitted pheromones.
-version: 1.0.0
+name: signal
+description: Emit a signal and close the loop — the `{ receiver, data }` primitive every surface in ONE compiles to, and the Rule-1 contract the hook scripts cite. Use when picking a receiver name or prefix (`ui:*`, `tool:*`, `hook:*`, `cli:*`, `do:*`, `w4:*`), choosing the weight that closes a loop (result +1 / timeout 0 / dissolved -0.5 / failure -1), wiring an emitter from a bash hook, an API route, a React onClick, or a substrate task, or debugging why `POST /api/signal` rejected a receiver (regex, length, toxicity, ADL lifecycle 410 / allowedHosts 403). Triggers — "emit a signal", "what receiver name should I use", "how do I close the loop", "mark or warn or dissolve", "weight for a timeout", "emit_signal from a hook", "emitClick receiver naming", "/api/signal returned 410", "signal never showed up in paths".
 ---
 
 # Signal — The Universal Primitive
@@ -12,7 +11,7 @@ version: 1.0.0
 type Signal = { receiver: string; data?: unknown }
 ```
 
-Two fields. The type is frozen — never narrow it. Everything below is a pattern for filling those two fields, not a contract.
+Two fields. The type is frozen (see memory `feedback_signal_simplicity.md` — never narrow it). Everything below is a pattern for filling those two fields, not a contract.
 
 ## Data convention (router reads these, not the type)
 
@@ -97,9 +96,20 @@ Three deterministic pre-checks (no LLM): receiver format regex + length, toxicit
 - `/api/export/toxic` — blocked by resistance
 - `/api/signals?since=T` — raw history
 
+## Works With
+
+| Skill      | Because                                                     |
+|------------|-------------------------------------------------------------|
+| `/typedb`  | stores `path.strength` / `path.resistance` / `path.revenue`  |
+| `/sui`     | mirrors marks/warns on-chain via `bridge.ts`                 |
+| `/react19` | `emitClick` is a React helper                                |
+| `/astro`   | API routes on `/api/*` are Astro endpoints                   |
+| `/do`      | W1-W4 waves emit `w4:*` and `do:*`                          |
+| `/close`   | emits `loop:feedback` with rubric weights                    |
+
 ## See Also
 
-- `text/dictionary-plan.md` § Three Slots of Data — canonical convention
+- `text/dictionary.md` § Three Slots of Data — canonical convention
 - `text/routing-plan.md` § Four Outcomes — weight semantics
 - `src/engine/CLAUDE.md` § Rule 1 — code-level contract
 - `.claude/hooks/lib/signal.sh` — bash helper

package/skills/sui/SKILL.md

@@ -1,10 +1,15 @@
+---
+name: sui
+description: Write Move contracts and Sui client code for the ONE substrate — `one.move`, `src/lib/sui.ts`, and the `bridge.ts` mirror/absorb loop. Use when editing a Move module (Unit, Signal, Path, Escrow, Highway, Treasury), deriving an agent wallet or keypair from a uid, wiring escrow (create/release/cancel) or x402 settlement, mirroring mark/warn on-chain or absorbing Sui events back into TypeDB, or fixing a `@mysten/sui` v1 import that does not exist in v2 (`SuiClient` → `SuiJsonRpcClient`, `getFullnodeUrl` → `getJsonRpcFullnodeUrl`, constructor now requires `network`). Also covers Move 2024 style rules and the upgradeability freeze on public struct layouts and function signatures. Triggers — "write a Move contract", "add a function to one.move", "derive an agent wallet", "Sui escrow", "does not provide an export named SuiClient", "@mysten/sui v2 migration", "mirror marks on-chain", "absorb Sui events", "deploy to testnet", "sui-unit-id / sui-path-id".
+---
+
 # Sui Move Skill
 
 Build secure, production-ready Move contracts for the ONE substrate and agent ecosystem.
 
 **Status:** Phase 1 (testnet) ✅ · Phase 2 (identity & wallets) ✅ shipped 2026-04-18 · Phase 3 (escrow) scaffolding shipped, W3-W4 ready per `docs/SUI-todo.md`. Phase 4-6 next.
 
-**Package versions (locked):** `@mysten/sui@^2.16.0`, `@mysten/dapp-kit@^1.0.4`. SDK is **v2** — imports are NOT backward-compatible with v1. See "SDK Imports (Sui v2)" below before writing any Sui code.
+**Package versions (locked):** `@mysten/sui@^2.20.0`, `@mysten/dapp-kit@^1.1.0`. SDK is **v2** — imports are NOT backward-compatible with v1. (`pay/tools/v1/` deliberately stays on `@mysten/sui@^1.45.0` as a pinned v1 holdout — it is the one place v1 patterns are correct.) See "SDK Imports (Sui v2)" below before writing any Sui code.
 
 ## What This Skill Does
 
@@ -144,7 +149,7 @@ try {
 | `Highway.id` (address)          | `path.sui-highway-id`          | address     | string   | Sui → TQL on `mirrorHarden()` |
 | `Signal.payload` (vector<u8>)   | `signal.data`                  | bytes       | string   | one-way, usually TQL-only     |
 
-**Name drift to know about:** Move still has `struct Colony` (one.move:71). TypeDB moved to `entity group` per `text/dictionary-plan.md`, but the Move contract hasn't been migrated yet because that requires a package upgrade. When bridging, read Move `Colony` → TQL `group`.
+**Name drift to know about:** Move still has `struct Colony` (one.move:71). TypeDB moved to `entity group` per `text/dictionary.md`, but the Move contract hasn't been migrated yet because that requires a package upgrade. When bridging, read Move `Colony` → TQL `group`.
 
 **Load-bearing invariant:** `strength` and `resistance` share the same name in both layers. If you rename one, rename both — `bridge.ts` is a pass-through, there's no translation logic. Type-width (`u64` ↔ `double`) is handled by JSON serialization at the bridge; don't write logic that depends on sub-integer precision.
 

package/skills/tutorial/SKILL.md

@@ -5,6 +5,21 @@ user-invocable: true
 allowed-tools: Bash(*), Read(*), Edit(*), Write(*), Glob(*), Grep(*), WebFetch(*)
 ---
 
+> **DEPRECATED — DO NOT FOLLOW**
+>
+> **The API this skill drives was removed.** There is no
+> `one.ie/web/src/pages/api/tutorial*` route — verify with
+> `find one.ie/web/src/pages/api -iname "*tutorial*"` (returns nothing).
+>
+> Every step below is non-functional: each `curl` against
+> `http://localhost:4321/api/tutorial` 404s, so all seven phases fail and no
+> substrate state is created.
+>
+> **Do not follow this walkthrough, and do not convert it to a directory skill,
+> until the tutorial routes return.** Deleting or de-registering it is the
+> operator's call. The content is kept below only as a record of the intended
+> flow.
+
 # /tutorial — The Complete Lifecycle
 
 Interactive walkthrough of the ONE substrate. Seven phases. The API does the work.