[Demos](https://oods-foundry.com/demos) / The Harbor quickstart

# The Harbor quickstart, start to finish

Harbor Cold Store is an example company that ships with the package's quickstart. The quickstart's first change edits a trait on its Warehouse and ColdRoom examples; the Harbor walkthrough follows it. This is Harbor's whole run: the files Harbor wrote, every call OODS Foundry answered, and the apps that came out.

Generated from @oods/foundry 0.10.1

## What Harbor wrote

An object, a trait, a brand and a button package.

- `quickstart/ColdRoom.object.yaml`

  ```
  # The package's second example object: a refrigerated room inside a Harbor warehouse.
  # It composes the same Stockable trait as Warehouse, so one trait edit reaches both objects.
  # Register Warehouse first: the room's relationship names that object.
  object:
    name: ColdRoom
    version: 1.0.0
    domain: acme.logistics
    description: A refrigerated room inside a warehouse, holding goods that must stay cold.
    tags:
      - logistics
      - inventory
      - cold-chain

  traits:
    - name: lifecycle/Timestampable
      parameters:
        recordedEvents:
          - opened
          - restocked
        timezone: UTC
    - name: Stockable
      parameters:
        capacityUnit: pallets

  schema:
    last_event:
      type: string
      required: false
      description: Most recent recorded cold-room event.
      validation:
        enum:
          - opened
          - restocked
      examples:
        - restocked
    last_event_at:
      type: datetime
      required: false
      description: When the sample cold room was last restocked.
      examples:
        - '2026-09-18T10:00:00Z'
    coldroom_id:
      type: uuid
      required: true
      description: Unique identifier for the cold room.
    name:
      type: string
      required: true
      description: The cold room's name.
      examples:
        - Dairy Room
        - Produce Room
        - Frozen Room
        - Pharma Room
    code:
      type: string
      required: true
      description: Short code printed on the room's door.
      examples:
        - CR-01
        - CR-02
        - CR-03
        - CR-04
    target_temperature_c:
      type: number
      required: true
      description: The temperature the room is held at, in degrees Celsius.
      examples:
        - 4
        - 2
        - -18
        - 5
    warehouse_id:
      type: uuid
      required: true
      description: The warehouse the room is inside.
      examples:
        - 8a3f2c1e-5b6d-4e7f-9a0b-1c2d3e4f5a6b
    warehouse_name:
      type: string
      required: false
      description: The warehouse's name, shown in place of its id.
      examples:
        - Harbor Cold Store
    created_at:
      type: datetime
      required: true
      description: When the room was registered.
      examples:
        - '2026-02-01T09:00:00Z'
    updated_at:
      type: datetime
      required: false
      description: When the room's record last changed.
      examples:
        - '2026-09-18T10:00:00Z'

  relationships:
    - target: Warehouse
      via: warehouse_id
      cardinality: many-to-one
      label: Inside

  semantics:
    name:
      semantic_type: logistics.coldroom.name
      token_mapping: tokenMap(text.primary)
    warehouse_id:
      semantic_type: logistics.coldroom.warehouse
      token_mapping: tokenMap(text.body.*)
      ui_hints:
        displayLabelField: warehouse_name

  metadata:
    owners:
      - logistics-team
    maturity: beta
  ```

- `quickstart/Stockable.trait.yaml`

  ```
  trait:
    name: Stockable
    version: 1.0.0
    description: How full a storage location is, counted in the unit the team stores goods in.
    category: inventory
    tags:
      - inventory
      - capacity

  parameters:
    - name: capacityUnit
      type: string
      required: false
      description: The unit capacity and stock are counted in.
      default: pallets

  schema:
    stock_level:
      type: string
      required: true
      description: Whether the location has room, is nearly full, or is full.
      validation:
        enum:
          - room_available
          - nearly_full
          - full
    capacity_units:
      type: integer
      required: true
      description: How many units the location holds when it is full.
      examples:
        - 1200
        - 800
        - 2400
    units_on_hand:
      type: integer
      required: true
      description: How many units are stored there now.
      examples:
        - 640
        - 760
        - 2400

  semantics:
    stock_level:
      semantic_type: inventory.stock.level
      token_mapping: tokenMap(inventory.stock.*)
      ui_hints:
        component: StatusBadge

  view_extensions:
    list:
      - component: StatusBadge
        position: after
        props:
          statusField: stock_level
          emphasis: subtle
          showIcon: false
    card:
      - component: StatusBadge
        position: after
        props:
          statusField: stock_level
          emphasis: subtle
          showIcon: false
    detail:
      - component: StatusBadge
        position: main
        priority: 70
        props:
          statusField: stock_level
          emphasis: subtle
          showIcon: false
      # Like the shipped Supersedable trait: the fields the trait is about are placed explicitly, so the detail
      # composer's field budget never leaves them out.
      - component: Text
        position: main
        priority: 69
        props:
          field: units_on_hand
      - component: Text
        position: main
        priority: 68
        props:
          field: capacity_units

  tokens:
    inventory.stock.tone: neutral

  dependencies: []
  ```

- `quickstart/Warehouse.object.yaml`

  ```
  # A team's own object: a storage site the team ships orders from. It composes the team's Stockable trait beside two
  # shipped ones. monthly_rent is a money amount in major units (12500.50 means 12,500.50), declared by its
  # semantics; nothing is inferred from its name.
  object:
    name: Warehouse
    version: 1.0.0
    domain: acme.logistics
    description: A storage site the team ships orders from.
    tags:
      - logistics
      - inventory

  traits:
    - name: lifecycle/Stateful
      parameters:
        states:
          - planned
          - active
          - closed
        initialState: planned
    - name: lifecycle/Timestampable
      parameters:
        recordedEvents:
          - opened
          - restocked
          - closed
        timezone: UTC
    - name: Stockable
      parameters:
        capacityUnit: pallets

  schema:
    # These examples describe operating sites with stock on hand. Independent enum
    # rotation paired a closed site with the trait's full-stock example.
    status:
      type: string
      required: true
      description: Current operating state of the warehouse.
      validation:
        enum:
          - planned
          - active
          - closed
      examples:
        - active
    last_event:
      type: string
      required: false
      description: Most recent recorded warehouse event.
      validation:
        enum:
          - opened
          - restocked
          - closed
      examples:
        - restocked
    last_event_at:
      type: datetime
      required: false
      description: When the sample warehouse was last restocked.
      examples:
        - '2026-09-15T12:00:00Z'
    # One history for every sample site: registered as planned, opened on 2 March, restocked since. The status
    # timeline reads state_history, not last_event, so the example authors the transition that made each site active.
    created_at:
      type: datetime
      required: true
      description: When the site was registered.
      examples:
        - '2026-01-12T09:00:00Z'
    updated_at:
      type: datetime
      required: false
      description: When the site's record last changed.
      examples:
        - '2026-09-15T12:00:00Z'
    state_history:
      type: StateTransition[]
      required: false
      description: The site's operating-state changes, oldest first.
      examples:
        - - title: Opened
            from: planned
            to: active
            at: '2026-03-02T08:00:00Z'
            reason: Site opened for orders
    warehouse_id:
      type: uuid
      required: true
      description: Unique identifier for the warehouse.
    name:
      type: string
      required: true
      description: The warehouse's name.
      examples:
        - Lakeside Distribution
        - North Yard
        - Harbor Cold Store
        - Prairie Crossdock
        - Riverbend Fulfillment
        - Summit Parts Depot
        - Bayview Returns Center
        - Canal Street Annex
        - Maple Grove Storage
        - Eastgate Freight Hub
    code:
      type: string
      required: true
      description: Short site code printed on shipping labels.
      examples:
        - MKE-01
        - CHI-02
        - DET-03
        - DSM-04
        - STL-05
        - DEN-06
        - OAK-07
        - IND-08
        - MSP-09
        - CLE-10
    city:
      type: string
      required: true
      description: City the warehouse is in.
      examples:
        - Milwaukee
        - Chicago
        - Detroit
        - Des Moines
        - St. Louis
        - Denver
        - Oakland
        - Indianapolis
        - Minneapolis
        - Cleveland
    manager_email:
      type: email
      required: false
      description: Who runs the site day to day.
      examples:
        - mke-01.manager@harbor.example
        - chi-02.manager@harbor.example
        - det-03.manager@harbor.example
        - dsm-04.manager@harbor.example
        - stl-05.manager@harbor.example
        - den-06.manager@harbor.example
        - oak-07.manager@harbor.example
        - ind-08.manager@harbor.example
        - msp-09.manager@harbor.example
        - cle-10.manager@harbor.example
    monthly_rent:
      type: number
      required: true
      description: What the site costs each month, in major units of its currency.
      examples:
        - 12500.5
        - 9800
        - 15250.75
        - 7400
        - 11850.25
        - 21000
        - 18990.99
        - 6250
        - 9975.5
        - 14300
    currency:
      type: string
      required: true
      description: Currency the rent is paid in.
      validation:
        enum:
          - USD
          - EUR
          - GBP

    organization_id:
      type: uuid
      required: false
      description: The organization operating this warehouse.
      examples:
        - 5d0c6a2e-8f41-4b7a-9c3e-2a6f1b8d4e90
    organization_name:
      type: string
      required: false
      description: The operating organization's name, shown in place of its id.
      examples:
        - Harbor Logistics

  relationships:
    - target: Organization
      via: organization_id
      cardinality: many-to-one
      label: Operated by

  semantics:
    name:
      semantic_type: logistics.warehouse.name
      token_mapping: tokenMap(text.primary)
    monthly_rent:
      semantic_type: logistics.warehouse.rent
      token_mapping: tokenMap(commerce.price.primary)
      ui_hints:
        component: CurrencyAmount
        currencyField: currency
    currency:
      semantic_type: logistics.warehouse.currency
      token_mapping: tokenMap(commerce.currency.primary)
    organization_id:
      semantic_type: logistics.warehouse.operator
      token_mapping: tokenMap(text.body.*)
      ui_hints:
        displayLabelField: organization_name

  metadata:
    owners:
      - logistics-team
    maturity: beta
  ```

- `quickstart/harbor.tokens.json`

  ```
  {
    "base": {
      "surface": {
        "canvas": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Primary application canvas."
        },
        "raised": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Raised card surface."
        },
        "subtle": {
          "$type": "color",
          "$value": "oklch(0.97 0.00288 205)",
          "$description": "Subtle secondary surface."
        },
        "disabled": {
          "$type": "color",
          "$value": "oklch(0.97 0.00288 205)",
          "$description": "Surface colour for disabled or inactive UI."
        },
        "backdrop": {
          "$type": "color",
          "$value": "oklch(0.145 0.00708 205)",
          "$description": "Backdrop scrim surface."
        },
        "inverse": {
          "$type": "color",
          "$value": "oklch(0.145 0.00708 205)",
          "$description": "Inverse surface for dark-on-light treatments."
        },
        "interactive": {
          "primary": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.555682 0.098165 215)",
              "$description": "Primary interactive surface default state."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.525682 0.092719 214.68812)",
              "$description": "Primary interactive surface hover state."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.495682 0.087428 214.68812)",
              "$description": "Primary interactive surface pressed state."
            }
          },
          "secondary": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.97 0.00288 205)",
              "$description": "The secondary action (a subtle fill), at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.95 0.00348 205)",
              "$description": "The secondary action (a subtle fill), hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.935 0.00492 205)",
              "$description": "The secondary action (a subtle fill), pressed."
            }
          },
          "destructive": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.590577 0.193344 23)",
              "$description": "The destructive action, at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.560577 0.194665 24.00731)",
              "$description": "The destructive action, hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.530577 0.194665 24.00731)",
              "$description": "The destructive action, pressed."
            }
          }
        }
      },
      "border": {
        "subtle": {
          "$type": "color",
          "$value": "oklch(0.922 0.00636 205)",
          "$description": "Default border for surfaces."
        },
        "strong": {
          "$type": "color",
          "$value": "oklch(0.871 0.0078 205)",
          "$description": "High-emphasis border."
        },
        "interactive": {
          "$type": "color",
          "$value": "oklch(0.643 0.012 205)",
          "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
        },
        "interactiveHover": {
          "$type": "color",
          "$value": "oklch(0.545 0.01056 205)",
          "$description": "Border of a hovered control."
        }
      },
      "text": {
        "primary": {
          "$type": "color",
          "$value": "oklch(0.145 0.00708 205)",
          "$description": "Primary reading text."
        },
        "secondary": {
          "$type": "color",
          "$value": "oklch(0.439 0.00984 205)",
          "$description": "Secondary supporting text."
        },
        "muted": {
          "$type": "color",
          "$value": "oklch(0.545 0.01056 205)",
          "$description": "Muted caption text."
        },
        "inverse": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Text on inverse surfaces."
        },
        "onInteractive": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
        },
        "onDestructive": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Text and icons on the destructive action."
        },
        "disabled": {
          "$type": "color",
          "$value": "oklch(0.643 0.012 205)",
          "$description": "Disabled or de-emphasised text."
        },
        "accent": {
          "$type": "color",
          "$value": "oklch(0.535335 0.093945 213.638937)",
          "$description": "Accent text colour."
        }
      },
      "focus": {
        "ring": {
          "outer": {
            "$type": "color",
            "$value": "oklch(0.145 0.00708 205)",
            "$description": "Outer focus ring colour."
          },
          "inner": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Inner focus ring colour."
          }
        },
        "text": {
          "$type": "color",
          "$value": "oklch(0.535335 0.093945 213.638937)",
          "$description": "Focus foreground colour."
        }
      },
      "accent": {
        "background": {
          "$type": "color",
          "$value": "oklch(0.958855 0.026204 199.053276)",
          "$description": "Background of an accent panel."
        },
        "border": {
          "$type": "color",
          "$value": "oklch(0.803112 0.080672 205.167512)",
          "$description": "Border of an accent panel."
        },
        "text": {
          "$type": "color",
          "$value": "oklch(0.530335 0.093067 213.638937)",
          "$description": "Text on an accent panel."
        }
      },
      "status": {
        "info": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.959682 0.020056 238.701263)",
            "$description": "Informational background surface."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.809755 0.088669 243.091253)",
            "$description": "Informational border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.540689 0.162234 252.214666)",
            "$description": "Informational text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.622153 0.183136 251.723539)",
            "$description": "Informational icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.566651 0.168568 251.8)",
            "$description": "Solid info fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid info fill."
          }
        },
        "success": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.958254 0.02227 155.931601)",
            "$description": "Success feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.798152 0.08315 159.165466)",
            "$description": "Success border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.523466 0.11158 159.513172)",
            "$description": "Success text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.611472 0.126614 158.247346)",
            "$description": "Success icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.548102 0.128886 157.7)",
            "$description": "Solid success fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid success fill."
          }
        },
        "warning": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.969531 0.068378 100.371682)",
            "$description": "Warning feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.827254 0.122422 86.674497)",
            "$description": "Warning border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.555661 0.125763 63.921739)",
            "$description": "Warning text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.570661 0.129157 63.921739)",
            "$description": "Warning icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.853575 0.15722 84.1)",
            "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(0.145 0.00708 205)",
            "$description": "Text and icons on the solid warning fill."
          }
        },
        "critical": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.955466 0.020724 13.839409)",
            "$description": "Critical feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.807 0.088767 18.290593)",
            "$description": "Critical border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.556979 0.197433 25.13833)",
            "$description": "Critical text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.625577 0.193344 23)",
            "$description": "Critical icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.590577 0.193344 23)",
            "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid critical fill."
          }
        },
        "neutral": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.97 0.00288 205)",
            "$description": "Neutral feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.871 0.0078 205)",
            "$description": "Neutral border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.439 0.00984 205)",
            "$description": "Neutral text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.643 0.012 205)",
            "$description": "Neutral icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.145 0.00708 205)",
            "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid neutral fill."
          }
        },
        "accent": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.958855 0.026204 199.053276)",
            "$description": "Accent feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.803112 0.080672 205.167512)",
            "$description": "Accent border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.530335 0.093067 213.638937)",
            "$description": "Accent text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.62569 0.110358 214.68812)",
            "$description": "Accent icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.555682 0.098165 215)",
            "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid accent fill."
          }
        }
      },
      "radius": {
        "control": {
          "$type": "dimension",
          "$value": "8px",
          "$description": "Corner radius of a control at the default size: the brand recipe's radius."
        },
        "small": {
          "$type": "dimension",
          "$value": "6px",
          "$description": "Corner radius of a small control: the brand radius less 2px."
        },
        "large": {
          "$type": "dimension",
          "$value": "10px",
          "$description": "Corner radius of a large control: the brand radius plus 2px."
        },
        "card": {
          "$type": "dimension",
          "$value": "16px",
          "$description": "Corner radius of a card or panel: twice the brand radius."
        },
        "pill": {
          "$type": "dimension",
          "$value": "999px",
          "$description": "Fully rounded ends, for badges and pills."
        }
      },
      "font": {
        "sans": {
          "$type": "fontFamily",
          "$value": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
          "$description": "The brand's sans family (the brand recipe's font)."
        },
        "mono": {
          "$type": "fontFamily",
          "$value": "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
          "$description": "The brand's mono family."
        }
      },
      "viz": {
        "mark": {
          "single": {
            "$type": "color",
            "$value": "oklch(0.655682 0.115831 215)",
            "$description": "Colour of a chart that draws a single series."
          }
        },
        "scale": {
          "categorical": {
            "01": {
              "$type": "color",
              "$value": "oklch(0.655682 0.115831 215)",
              "$description": "Series colour 1 of 6, for categories that have no order."
            },
            "02": {
              "$type": "color",
              "$value": "oklch(0.536145 0.18808 35)",
              "$description": "Series colour 2 of 6, for categories that have no order."
            },
            "03": {
              "$type": "color",
              "$value": "oklch(0.581312 0.186129 275)",
              "$description": "Series colour 3 of 6, for categories that have no order."
            },
            "04": {
              "$type": "color",
              "$value": "oklch(0.667517 0.137061 95)",
              "$description": "Series colour 4 of 6, for categories that have no order."
            },
            "05": {
              "$type": "color",
              "$value": "oklch(0.539264 0.198452 335)",
              "$description": "Series colour 5 of 6, for categories that have no order."
            },
            "06": {
              "$type": "color",
              "$value": "oklch(0.563372 0.136501 155)",
              "$description": "Series colour 6 of 6, for categories that have no order."
            }
          },
          "sequential": {
            "01": {
              "$type": "color",
              "$value": "oklch(0.94 0.013183 215)",
              "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
            },
            "02": {
              "$type": "color",
              "$value": "oklch(0.84 0.044993 215)",
              "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
            },
            "03": {
              "$type": "color",
              "$value": "oklch(0.74 0.07709 215)",
              "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
            },
            "04": {
              "$type": "color",
              "$value": "oklch(0.64 0.102096 215)",
              "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
            },
            "05": {
              "$type": "color",
              "$value": "oklch(0.54 0.095395 215)",
              "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
            },
            "06": {
              "$type": "color",
              "$value": "oklch(0.44 0.077729 215)",
              "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
            },
            "07": {
              "$type": "color",
              "$value": "oklch(0.34 0.060064 215)",
              "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
            },
            "08": {
              "$type": "color",
              "$value": "oklch(0.24 0.0424 215)",
              "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
            },
            "09": {
              "$type": "color",
              "$value": "oklch(0.14 0.024739 215)",
              "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
            }
          },
          "diverging": {
            "neg-01": {
              "$type": "color",
              "$value": "oklch(0.7 0.088271 215)",
              "$description": "Step 1 of 5 below the midpoint of the diverging scale."
            },
            "pos-01": {
              "$type": "color",
              "$value": "oklch(0.7 0.088271 23)",
              "$description": "Step 1 of 5 above the midpoint of the diverging scale."
            },
            "neg-02": {
              "$type": "color",
              "$value": "oklch(0.58 0.102461 215)",
              "$description": "Step 2 of 5 below the midpoint of the diverging scale."
            },
            "pos-02": {
              "$type": "color",
              "$value": "oklch(0.58 0.102461 23)",
              "$description": "Step 2 of 5 above the midpoint of the diverging scale."
            },
            "neg-03": {
              "$type": "color",
              "$value": "oklch(0.46 0.081262 215)",
              "$description": "Step 3 of 5 below the midpoint of the diverging scale."
            },
            "pos-03": {
              "$type": "color",
              "$value": "oklch(0.46 0.081262 23)",
              "$description": "Step 3 of 5 above the midpoint of the diverging scale."
            },
            "neg-04": {
              "$type": "color",
              "$value": "oklch(0.34 0.060064 215)",
              "$description": "Step 4 of 5 below the midpoint of the diverging scale."
            },
            "pos-04": {
              "$type": "color",
              "$value": "oklch(0.34 0.060064 23)",
              "$description": "Step 4 of 5 above the midpoint of the diverging scale."
            },
            "neg-05": {
              "$type": "color",
              "$value": "oklch(0.22 0.038867 215)",
              "$description": "Step 5 of 5 below the midpoint of the diverging scale."
            },
            "pos-05": {
              "$type": "color",
              "$value": "oklch(0.22 0.038867 23)",
              "$description": "Step 5 of 5 above the midpoint of the diverging scale."
            },
            "neutral": {
              "$type": "color",
              "$value": "oklch(0.82 0.01128 205)",
              "$description": "Midpoint of the diverging scale."
            }
          }
        }
      }
    },
    "dark": {
      "surface": {
        "canvas": {
          "$type": "color",
          "$value": "oklch(0.145 0.00324 205)",
          "$description": "Primary application canvas."
        },
        "raised": {
          "$type": "color",
          "$value": "oklch(0.205 0.00324 205)",
          "$description": "Raised card surface."
        },
        "subtle": {
          "$type": "color",
          "$value": "oklch(0.269 0.0048 205)",
          "$description": "Subtle secondary surface."
        },
        "disabled": {
          "$type": "color",
          "$value": "oklch(0.269 0.0048 205)",
          "$description": "Surface colour for disabled or inactive UI."
        },
        "backdrop": {
          "$type": "color",
          "$value": "oklch(0.145 0.00324 205)",
          "$description": "Backdrop scrim surface."
        },
        "inverse": {
          "$type": "color",
          "$value": "oklch(0.985 0.0024 205)",
          "$description": "Inverse surface for dark-on-light treatments."
        },
        "interactive": {
          "primary": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.555682 0.098165 215)",
              "$description": "Primary interactive surface default state."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.525682 0.091718 212.324842)",
              "$description": "Primary interactive surface hover state."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.495682 0.086484 212.324842)",
              "$description": "Primary interactive surface pressed state."
            }
          },
          "secondary": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.269 0.0048 205)",
              "$description": "The secondary action (a subtle fill), at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.29 0.00564 205)",
              "$description": "The secondary action (a subtle fill), hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.31 0.00636 205)",
              "$description": "The secondary action (a subtle fill), pressed."
            }
          },
          "destructive": {
            "default": {
              "$type": "color",
              "$value": "oklch(0.590577 0.193344 23)",
              "$description": "The destructive action, at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "oklch(0.560577 0.177398 22.826714)",
              "$description": "The destructive action, hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "oklch(0.530577 0.177398 22.826714)",
              "$description": "The destructive action, pressed."
            }
          }
        }
      },
      "border": {
        "subtle": {
          "$type": "color",
          "$value": "oklch(0.325 0.00804 205)",
          "$description": "Default border for surfaces."
        },
        "strong": {
          "$type": "color",
          "$value": "oklch(0.37 0.0096 205)",
          "$description": "High-emphasis border."
        },
        "interactive": {
          "$type": "color",
          "$value": "oklch(0.538 0.012 205)",
          "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
        },
        "interactiveHover": {
          "$type": "color",
          "$value": "oklch(0.708 0.012 205)",
          "$description": "Border of a hovered control."
        }
      },
      "text": {
        "primary": {
          "$type": "color",
          "$value": "oklch(0.985 0.0024 205)",
          "$description": "Primary reading text."
        },
        "secondary": {
          "$type": "color",
          "$value": "oklch(0.769 0.00804 205)",
          "$description": "Secondary supporting text."
        },
        "muted": {
          "$type": "color",
          "$value": "oklch(0.708 0.012 205)",
          "$description": "Muted caption text."
        },
        "inverse": {
          "$type": "color",
          "$value": "oklch(0.145 0.00708 205)",
          "$description": "Text on inverse surfaces."
        },
        "onInteractive": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
        },
        "onDestructive": {
          "$type": "color",
          "$value": "oklch(1 0.000007 205)",
          "$description": "Text and icons on the destructive action."
        },
        "disabled": {
          "$type": "color",
          "$value": "oklch(0.538 0.012 205)",
          "$description": "Disabled or de-emphasised text."
        },
        "accent": {
          "$type": "color",
          "$value": "oklch(0.785911 0.121055 207.347215)",
          "$description": "Accent text colour."
        }
      },
      "focus": {
        "ring": {
          "outer": {
            "$type": "color",
            "$value": "oklch(0.908792 0.059482 205.331752)",
            "$description": "Outer focus ring colour."
          },
          "inner": {
            "$type": "color",
            "$value": "oklch(0.145 0.00324 205)",
            "$description": "Inner focus ring colour."
          }
        },
        "text": {
          "$type": "color",
          "$value": "oklch(0.785911 0.121055 207.347215)",
          "$description": "Focus foreground colour."
        }
      },
      "accent": {
        "background": {
          "$type": "color",
          "$value": "oklch(0.273171 0.042467 214.683107)",
          "$description": "Background of an accent panel."
        },
        "border": {
          "$type": "color",
          "$value": "oklch(0.47691 0.081156 215.422842)",
          "$description": "Border of an accent panel."
        },
        "text": {
          "$type": "color",
          "$value": "oklch(0.785911 0.121055 207.347215)",
          "$description": "Text on an accent panel."
        }
      },
      "status": {
        "info": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.274466 0.066296 253.950454)",
            "$description": "Informational background surface."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.474077 0.121868 253.108822)",
            "$description": "Informational border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.764235 0.125721 249.494943)",
            "$description": "Informational text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.649151 0.193037 251.8)",
            "$description": "Informational icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.566651 0.168568 251.8)",
            "$description": "Solid info fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid info fill."
          }
        },
        "success": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.272142 0.039586 162.175631)",
            "$description": "Success feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.466982 0.08231 160.25737)",
            "$description": "Success border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.779439 0.165465 157.301059)",
            "$description": "Success text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.640602 0.132853 157.7)",
            "$description": "Success icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.548102 0.128886 157.7)",
            "$description": "Solid success fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid success fill."
          }
        },
        "warning": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.25781 0.04422 74.467502)",
            "$description": "Warning feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.454239 0.082359 74.940897)",
            "$description": "Warning border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.861614 0.172903 88.99284)",
            "$description": "Warning text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.853575 0.15722 84.1)",
            "$description": "Warning icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.853575 0.15722 84.1)",
            "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(0.145 0.00708 205)",
            "$description": "Text and icons on the solid warning fill."
          }
        },
        "critical": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.251058 0.06493 12.674503)",
            "$description": "Critical feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.450175 0.121046 18.748598)",
            "$description": "Critical border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.780413 0.128122 22.121461)",
            "$description": "Critical text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.625577 0.193344 23)",
            "$description": "Critical icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.590577 0.193344 23)",
            "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid critical fill."
          }
        },
        "neutral": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.269 0.0048 205)",
            "$description": "Neutral feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.37 0.0096 205)",
            "$description": "Neutral border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.769 0.00804 205)",
            "$description": "Neutral text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.708 0.012 205)",
            "$description": "Neutral icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.985 0.0024 205)",
            "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(0.145 0.00708 205)",
            "$description": "Text and icons on the solid neutral fill."
          }
        },
        "accent": {
          "surface": {
            "$type": "color",
            "$value": "oklch(0.273171 0.042467 214.683107)",
            "$description": "Accent feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "oklch(0.47691 0.081156 215.422842)",
            "$description": "Accent border colour."
          },
          "text": {
            "$type": "color",
            "$value": "oklch(0.785911 0.121055 207.347215)",
            "$description": "Accent text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "oklch(0.658182 0.116272 215)",
            "$description": "Accent icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "oklch(0.555682 0.098165 215)",
            "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "oklch(1 0.000007 205)",
            "$description": "Text and icons on the solid accent fill."
          }
        }
      },
      "viz": {
        "mark": {
          "single": {
            "$type": "color",
            "$value": "oklch(0.658182 0.116272 215)",
            "$description": "Colour of a chart that draws a single series."
          }
        },
        "scale": {
          "categorical": {
            "01": {
              "$type": "color",
              "$value": "oklch(0.658182 0.116272 215)",
              "$description": "Series colour 1 of 6, for categories that have no order."
            },
            "02": {
              "$type": "color",
              "$value": "oklch(0.596145 0.1932 35)",
              "$description": "Series colour 2 of 6, for categories that have no order."
            },
            "03": {
              "$type": "color",
              "$value": "oklch(0.581312 0.186129 275)",
              "$description": "Series colour 3 of 6, for categories that have no order."
            },
            "04": {
              "$type": "color",
              "$value": "oklch(0.895017 0.166367 95)",
              "$description": "Series colour 4 of 6, for categories that have no order."
            },
            "05": {
              "$type": "color",
              "$value": "oklch(0.539264 0.198452 335)",
              "$description": "Series colour 5 of 6, for categories that have no order."
            },
            "06": {
              "$type": "color",
              "$value": "oklch(0.563372 0.136501 155)",
              "$description": "Series colour 6 of 6, for categories that have no order."
            }
          },
          "sequential": {
            "01": {
              "$type": "color",
              "$value": "oklch(0.2 0.035335 215)",
              "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
            },
            "02": {
              "$type": "color",
              "$value": "oklch(0.3 0.052998 215)",
              "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
            },
            "03": {
              "$type": "color",
              "$value": "oklch(0.4 0.070663 215)",
              "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
            },
            "04": {
              "$type": "color",
              "$value": "oklch(0.5 0.088329 215)",
              "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
            },
            "05": {
              "$type": "color",
              "$value": "oklch(0.6 0.087143 215)",
              "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
            },
            "06": {
              "$type": "color",
              "$value": "oklch(0.7 0.070617 215)",
              "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
            },
            "07": {
              "$type": "color",
              "$value": "oklch(0.8 0.046618 215)",
              "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
            },
            "08": {
              "$type": "color",
              "$value": "oklch(0.9 0.020209 215)",
              "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
            },
            "09": {
              "$type": "color",
              "$value": "oklch(1 0 215)",
              "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
            }
          },
          "diverging": {
            "neg-01": {
              "$type": "color",
              "$value": "oklch(0.46 0.081262 215)",
              "$description": "Step 1 of 5 below the midpoint of the diverging scale."
            },
            "pos-01": {
              "$type": "color",
              "$value": "oklch(0.46 0.081262 23)",
              "$description": "Step 1 of 5 above the midpoint of the diverging scale."
            },
            "neg-02": {
              "$type": "color",
              "$value": "oklch(0.56 0.098928 215)",
              "$description": "Step 2 of 5 below the midpoint of the diverging scale."
            },
            "pos-02": {
              "$type": "color",
              "$value": "oklch(0.56 0.098928 23)",
              "$description": "Step 2 of 5 above the midpoint of the diverging scale."
            },
            "neg-03": {
              "$type": "color",
              "$value": "oklch(0.66 0.097933 215)",
              "$description": "Step 3 of 5 below the midpoint of the diverging scale."
            },
            "pos-03": {
              "$type": "color",
              "$value": "oklch(0.66 0.097933 23)",
              "$description": "Step 3 of 5 above the midpoint of the diverging scale."
            },
            "neg-04": {
              "$type": "color",
              "$value": "oklch(0.76 0.071039 215)",
              "$description": "Step 4 of 5 below the midpoint of the diverging scale."
            },
            "pos-04": {
              "$type": "color",
              "$value": "oklch(0.76 0.071039 23)",
              "$description": "Step 4 of 5 above the midpoint of the diverging scale."
            },
            "neg-05": {
              "$type": "color",
              "$value": "oklch(0.86 0.038319 215)",
              "$description": "Step 5 of 5 below the midpoint of the diverging scale."
            },
            "pos-05": {
              "$type": "color",
              "$value": "oklch(0.86 0.038319 23)",
              "$description": "Step 5 of 5 above the midpoint of the diverging scale."
            },
            "neutral": {
              "$type": "color",
              "$value": "oklch(0.36 0.012 205)",
              "$description": "Midpoint of the diverging scale."
            }
          }
        }
      }
    },
    "hc": {
      "surface": {
        "canvas": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Primary application canvas."
        },
        "raised": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Raised card surface."
        },
        "subtle": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Subtle secondary surface."
        },
        "disabled": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Surface colour for disabled or inactive UI."
        },
        "backdrop": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Backdrop scrim surface."
        },
        "inverse": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Inverse surface for dark-on-light treatments."
        },
        "interactive": {
          "primary": {
            "default": {
              "$type": "color",
              "$value": "Highlight",
              "$description": "Primary interactive surface default state."
            },
            "hover": {
              "$type": "color",
              "$value": "Highlight",
              "$description": "Primary interactive surface hover state."
            },
            "pressed": {
              "$type": "color",
              "$value": "Highlight",
              "$description": "Primary interactive surface pressed state."
            }
          },
          "secondary": {
            "default": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The secondary action (a subtle fill), at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The secondary action (a subtle fill), hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The secondary action (a subtle fill), pressed."
            }
          },
          "destructive": {
            "default": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The destructive action, at rest."
            },
            "hover": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The destructive action, hovered."
            },
            "pressed": {
              "$type": "color",
              "$value": "Canvas",
              "$description": "The destructive action, pressed."
            }
          }
        }
      },
      "border": {
        "subtle": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Default border for surfaces."
        },
        "strong": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "High-emphasis border."
        },
        "interactive": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
        },
        "interactiveHover": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Border of a hovered control."
        }
      },
      "text": {
        "primary": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Primary reading text."
        },
        "secondary": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Secondary supporting text."
        },
        "muted": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Muted caption text."
        },
        "inverse": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Text on inverse surfaces."
        },
        "onInteractive": {
          "$type": "color",
          "$value": "HighlightText",
          "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
        },
        "onDestructive": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Text and icons on the destructive action."
        },
        "disabled": {
          "$type": "color",
          "$value": "GrayText",
          "$description": "Disabled or de-emphasised text."
        },
        "accent": {
          "$type": "color",
          "$value": "LinkText",
          "$description": "Accent text colour."
        }
      },
      "focus": {
        "ring": {
          "outer": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Outer focus ring colour."
          },
          "inner": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Inner focus ring colour."
          }
        },
        "text": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Focus foreground colour."
        }
      },
      "accent": {
        "background": {
          "$type": "color",
          "$value": "Canvas",
          "$description": "Background of an accent panel."
        },
        "border": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Border of an accent panel."
        },
        "text": {
          "$type": "color",
          "$value": "CanvasText",
          "$description": "Text on an accent panel."
        }
      },
      "status": {
        "info": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Informational background surface."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Informational border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Informational text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Informational icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid info fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid info fill."
          }
        },
        "success": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Success feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Success border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Success text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Success icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid success fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid success fill."
          }
        },
        "warning": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Warning feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Warning border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Warning text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Warning icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid warning fill."
          }
        },
        "critical": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Critical feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Critical border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Critical text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Critical icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid critical fill."
          }
        },
        "neutral": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Neutral feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Neutral border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Neutral text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Neutral icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid neutral fill."
          }
        },
        "accent": {
          "surface": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Accent feedback background."
          },
          "border": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Accent border colour."
          },
          "text": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Accent text colour."
          },
          "icon": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Accent icon colour."
          },
          "solid": {
            "$type": "color",
            "$value": "Canvas",
            "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
          },
          "onSolid": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Text and icons on the solid accent fill."
          }
        }
      },
      "viz": {
        "mark": {
          "single": {
            "$type": "color",
            "$value": "CanvasText",
            "$description": "Colour of a chart that draws a single series."
          }
        },
        "scale": {
          "categorical": {
            "01": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 1 of 6, for categories that have no order."
            },
            "02": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 2 of 6, for categories that have no order."
            },
            "03": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 3 of 6, for categories that have no order."
            },
            "04": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 4 of 6, for categories that have no order."
            },
            "05": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 5 of 6, for categories that have no order."
            },
            "06": {
              "$type": "color",
              "$value": "CanvasText",
              "$description": "Series colour 6 of 6, for categories that have no order."
            }
          },
          "sequential": {
            "01": {
              "$type": "color",
              "$value": "oklch(0.94 0 265)",
              "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
            },
            "02": {
              "$type": "color",
              "$value": "oklch(0.84 0 265)",
              "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
            },
            "03": {
              "$type": "color",
              "$value": "oklch(0.74 0 265)",
              "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
            },
            "04": {
              "$type": "color",
              "$value": "oklch(0.64 0 265)",
              "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
            },
            "05": {
              "$type": "color",
              "$value": "oklch(0.54 0 265)",
              "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
            },
            "06": {
              "$type": "color",
              "$value": "oklch(0.44 0 265)",
              "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
            },
            "07": {
              "$type": "color",
              "$value": "oklch(0.34 0 265)",
              "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
            },
            "08": {
              "$type": "color",
              "$value": "oklch(0.24 0 265)",
              "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
            },
            "09": {
              "$type": "color",
              "$value": "oklch(0.14 0 265)",
              "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
            }
          },
          "diverging": {
            "neg-01": {
              "$type": "color",
              "$value": "oklch(0.7 0 197.5)",
              "$description": "Step 1 of 5 below the midpoint of the diverging scale."
            },
            "pos-01": {
              "$type": "color",
              "$value": "oklch(0.7 0 17.5)",
              "$description": "Step 1 of 5 above the midpoint of the diverging scale."
            },
            "neg-02": {
              "$type": "color",
              "$value": "oklch(0.58 0 197.5)",
              "$description": "Step 2 of 5 below the midpoint of the diverging scale."
            },
            "pos-02": {
              "$type": "color",
              "$value": "oklch(0.58 0 17.5)",
              "$description": "Step 2 of 5 above the midpoint of the diverging scale."
            },
            "neg-03": {
              "$type": "color",
              "$value": "oklch(0.46 0 197.5)",
              "$description": "Step 3 of 5 below the midpoint of the diverging scale."
            },
            "pos-03": {
              "$type": "color",
              "$value": "oklch(0.46 0 17.5)",
              "$description": "Step 3 of 5 above the midpoint of the diverging scale."
            },
            "neg-04": {
              "$type": "color",
              "$value": "oklch(0.34 0 197.5)",
              "$description": "Step 4 of 5 below the midpoint of the diverging scale."
            },
            "pos-04": {
              "$type": "color",
              "$value": "oklch(0.34 0 17.5)",
              "$description": "Step 4 of 5 above the midpoint of the diverging scale."
            },
            "neg-05": {
              "$type": "color",
              "$value": "oklch(0.22 0 197.5)",
              "$description": "Step 5 of 5 below the midpoint of the diverging scale."
            },
            "pos-05": {
              "$type": "color",
              "$value": "oklch(0.22 0 17.5)",
              "$description": "Step 5 of 5 above the midpoint of the diverging scale."
            },
            "neutral": {
              "$type": "color",
              "$value": "oklch(0.82 0 265)",
              "$description": "Midpoint of the diverging scale."
            }
          }
        }
      }
    }
  }
  ```

- `quickstart/team-components/LICENSE`

  ```

                                   Apache License
                             Version 2.0, January 2004
                          http://www.apache.org/licenses/

     TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION

     1. Definitions.

        "License" shall mean the terms and conditions for use, reproduction,
        and distribution as defined by Sections 1 through 9 of this document.

        "Licensor" shall mean the copyright owner or entity authorized by
        the copyright owner that is granting the License.

        "Legal Entity" shall mean the union of the acting entity and all
        other entities that control, are controlled by, or are under common
        control with that entity. For the purposes of this definition,
        "control" means (i) the power, direct or indirect, to cause the
        direction or management of such entity, whether by contract or
        otherwise, or (ii) ownership of fifty percent (50%) or more of the
        outstanding shares, or (iii) beneficial ownership of such entity.

        "You" (or "Your") shall mean an individual or Legal Entity
        exercising permissions granted by this License.

        "Source" form shall mean the preferred form for making modifications,
        including but not limited to software source code, documentation
        source, and configuration files.

        "Object" form shall mean any form resulting from mechanical
        transformation or translation of a Source form, including but
        not limited to compiled object code, generated documentation,
        and conversions to other media types.

        "Work" shall mean the work of authorship, whether in Source or
        Object form, made available under the License, as indicated by a
        copyright notice that is included in or attached to the work
        (an example is provided in the Appendix below).

        "Derivative Works" shall mean any work, whether in Source or Object
        form, that is based on (or derived from) the Work and for which the
        editorial revisions, annotations, elaborations, or other modifications
        represent, as a whole, an original work of authorship. For the purposes
        of this License, Derivative Works shall not include works that remain
        separable from, or merely link (or bind by name) to the interfaces of,
        the Work and Derivative Works thereof.

        "Contribution" shall mean any work of authorship, including
        the original version of the Work and any modifications or additions
        to that Work or Derivative Works thereof, that is intentionally
        submitted to Licensor for inclusion in the Work by the copyright owner
        or by an individual or Legal Entity authorized to submit on behalf of
        the copyright owner. For the purposes of this definition, "submitted"
        means any form of electronic, verbal, or written communication sent
        to the Licensor or its representatives, including but not limited to
        communication on electronic mailing lists, source code control systems,
        and issue tracking systems that are managed by, or on behalf of, the
        Licensor for the purpose of discussing and improving the Work, but
        excluding communication that is conspicuously marked or otherwise
        designated in writing by the copyright owner as "Not a Contribution."

        "Contributor" shall mean Licensor and any individual or Legal Entity
        on behalf of whom a Contribution has been received by Licensor and
        subsequently incorporated within the Work.

     2. Grant of Copyright License. Subject to the terms and conditions of
        this License, each Contributor hereby grants to You a perpetual,
        worldwide, non-exclusive, no-charge, royalty-free, irrevocable
        copyright license to reproduce, prepare Derivative Works of,
        publicly display, publicly perform, sublicense, and distribute the
        Work and such Derivative Works in Source or Object form.

     3. Grant of Patent License. Subject to the terms and conditions of
        this License, each Contributor hereby grants to You a perpetual,
        worldwide, non-exclusive, no-charge, royalty-free, irrevocable
        (except as stated in this section) patent license to make, have made,
        use, offer to sell, sell, import, and otherwise transfer the Work,
        where such license applies only to those patent claims licensable
        by such Contributor that are necessarily infringed by their
        Contribution(s) alone or by combination of their Contribution(s)
        with the Work to which such Contribution(s) was submitted. If You
        institute patent litigation against any entity (including a
        cross-claim or counterclaim in a lawsuit) alleging that the Work
        or a Contribution incorporated within the Work constitutes direct
        or contributory patent infringement, then any patent licenses
        granted to You under this License for that Work shall terminate
        as of the date such litigation is filed.

     4. Redistribution. You may reproduce and distribute copies of the
        Work or Derivative Works thereof in any medium, with or without
        modifications, and in Source or Object form, provided that You
        meet the following conditions:

        (a) You must give any other recipients of the Work or
            Derivative Works a copy of this License; and

        (b) You must cause any modified files to carry prominent notices
            stating that You changed the files; and

        (c) You must retain, in the Source form of any Derivative Works
            that You distribute, all copyright, patent, trademark, and
            attribution notices from the Source form of the Work,
            excluding those notices that do not pertain to any part of
            the Derivative Works; and

        (d) If the Work includes a "NOTICE" text file as part of its
            distribution, then any Derivative Works that You distribute must
            include a readable copy of the attribution notices contained
            within such NOTICE file, excluding those notices that do not
            pertain to any part of the Derivative Works, in at least one
            of the following places: within a NOTICE text file distributed
            as part of the Derivative Works; within the Source form or
            documentation, if provided along with the Derivative Works; or,
            within a display generated by the Derivative Works, if and
            wherever such third-party notices normally appear. The contents
            of the NOTICE file are for informational purposes only and
            do not modify the License. You may add Your own attribution
            notices within Derivative Works that You distribute, alongside
            or as an addendum to the NOTICE text from the Work, provided
            that such additional attribution notices cannot be construed
            as modifying the License.

        You may add Your own copyright statement to Your modifications and
        may provide additional or different license terms and conditions
        for use, reproduction, or distribution of Your modifications, or
        for any such Derivative Works as a whole, provided Your use,
        reproduction, and distribution of the Work otherwise complies with
        the conditions stated in this License.

     5. Submission of Contributions. Unless You explicitly state otherwise,
        any Contribution intentionally submitted for inclusion in the Work
        by You to the Licensor shall be under the terms and conditions of
        this License, without any additional terms or conditions.
        Notwithstanding the above, nothing herein shall supersede or modify
        the terms of any separate license agreement you may have executed
        with Licensor regarding such Contributions.

     6. Trademarks. This License does not grant permission to use the trade
        names, trademarks, service marks, or product names of the Licensor,
        except as required for reasonable and customary use in describing the
        origin of the Work and reproducing the content of the NOTICE file.

     7. Disclaimer of Warranty. Unless required by applicable law or
        agreed to in writing, Licensor provides the Work (and each
        Contributor provides its Contributions) on an "AS IS" BASIS,
        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
        implied, including, without limitation, any warranties or conditions
        of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
        PARTICULAR PURPOSE. You are solely responsible for determining the
        appropriateness of using or redistributing the Work and assume any
        risks associated with Your exercise of permissions under this License.

     8. Limitation of Liability. In no event and under no legal theory,
        whether in tort (including negligence), contract, or otherwise,
        unless required by applicable law (such as deliberate and grossly
        negligent acts) or agreed to in writing, shall any Contributor be
        liable to You for damages, including any direct, indirect, special,
        incidental, or consequential damages of any character arising as a
        result of this License or out of the use or inability to use the
        Work (including but not limited to damages for loss of goodwill,
        work stoppage, computer failure or malfunction, or any and all
        other commercial damages or losses), even if such Contributor
        has been advised of the possibility of such damages.

     9. Accepting Warranty or Additional Liability. While redistributing
        the Work or Derivative Works thereof, You may choose to offer,
        and charge a fee for, acceptance of support, warranty, indemnity,
        or other liability obligations and/or rights consistent with this
        License. However, in accepting such obligations, You may act only
        on Your own behalf and on Your sole responsibility, not on behalf
        of any other Contributor, and only if You agree to indemnify,
        defend, and hold each Contributor harmless for any liability
        incurred by, or claims asserted against, such Contributor by reason
        of your accepting any such warranty or additional liability.

     END OF TERMS AND CONDITIONS

     APPENDIX: How to apply the Apache License to your work.

        To apply the Apache License to your work, attach the following
        boilerplate notice, with the fields enclosed by brackets "[]"
        replaced with your own identifying information. (Don't include
        the brackets!)  The text should be enclosed in the appropriate
        comment syntax for the file format. We also recommend that a
        file or class name and description of purpose be included on the
        same "printed page" as the copyright notice for easier
        identification within third-party archives.

     Copyright [yyyy] [name of copyright owner]

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

         http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
  ```

- `quickstart/team-components/NOTICE`

  ```
  OODS Foundry
  Copyright 2026 System Systems LLC (https://aquex.ai)
  ```

- `quickstart/team-components/README.md`

  ```
  # Harbor example components

  A small editable Button package for the OODS Foundry quickstart. It renames `content` to `caption` and `intent` to `appearance` so the mapping performs an actual translation. It uses native button semantics and emits React `onActivate` / Vue `activate`. Both frameworks read the active brand's CSS variables.

  Run `npm install --ignore-scripts`, then `npm pack --ignore-scripts`. No build step is required. This package is a local example, not a published component library. Replace it with your implementation and inspect the advisory contract report.

  Apache License 2.0. See LICENSE and NOTICE.
  ```

- `quickstart/team-components/mappings.json`

  ```
  {
    "mappings": [
      {
        "externalSystem": "harbor",
        "externalComponent": "TeamButton",
        "oodsTraits": [
          "Stateful"
        ],
        "substitution": {
          "component": "Button",
          "react": {
            "package": "@harbor/example-components/react",
            "version": "1.0.0",
            "export": "TeamButton",
            "localPath": "<team-components>",
            "props": {
              "content": {
                "name": "caption"
              },
              "intent": {
                "name": "appearance",
                "values": {
                  "neutral": "quiet",
                  "primary": "prominent",
                  "danger": "danger"
                }
              }
            }
          },
          "vue": {
            "package": "@harbor/example-components/vue",
            "version": "1.0.0",
            "export": "TeamButton",
            "localPath": "<team-components>",
            "props": {
              "content": {
                "name": "caption"
              },
              "intent": {
                "name": "appearance",
                "values": {
                  "neutral": "quiet",
                  "primary": "prominent",
                  "danger": "danger"
                }
              }
            }
          }
        }
      }
    ]
  }
  ```

- `quickstart/team-components/package.json`

  ```
  {
    "name": "@harbor/example-components",
    "version": "1.0.0",
    "private": true,
    "type": "module",
    "license": "Apache-2.0",
    "files": [
      "react.js",
      "react.d.ts",
      "vue.js",
      "vue.d.ts",
      "README.md",
      "LICENSE",
      "NOTICE"
    ],
    "exports": {
      "./react": {
        "types": "./react.d.ts",
        "import": "./react.js"
      },
      "./vue": {
        "types": "./vue.d.ts",
        "import": "./vue.js"
      }
    },
    "peerDependencies": {
      "react": ">=18 <20",
      "vue": ">=3 <4"
    },
    "peerDependenciesMeta": {
      "react": {
        "optional": true
      },
      "vue": {
        "optional": true
      }
    },
    "devDependencies": {
      "react": "19.2.0",
      "vue": "3.5.42"
    }
  }
  ```

- `quickstart/team-components/react.d.ts`

  ```
  import type { ButtonHTMLAttributes, ReactElement, MouseEvent } from 'react';
  export interface TeamButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    caption?: string;
    appearance?: string;
    onActivate?: (event: MouseEvent<HTMLButtonElement>) => void;
  }
  export declare function TeamButton(props: TeamButtonProps): ReactElement;
  ```

- `quickstart/team-components/react.js`

  ```
  import { createElement } from 'react';

  export function TeamButton({ caption, appearance = 'quiet', children, onActivate, onClick, disabled, type = 'button', ...rest }) {
    return createElement('button', { ...rest, type, disabled, 'data-team-component': 'Button', 'data-appearance': appearance,
      style: { color: 'var(--sys-text-primary)', background: 'var(--sys-surface-raised)', border: '2px solid currentColor', borderRadius: 10, padding: '8px 16px', font: 'inherit' },
      onClick: event => { onClick?.(event); if (!event.defaultPrevented) onActivate?.(event); }
    }, children ?? caption);
  }
  ```

- `quickstart/team-components/vue.d.ts`

  ```
  import type { DefineComponent } from 'vue';
  export declare const TeamButton: DefineComponent<{
    caption?: string;
    appearance?: string;
    disabled?: boolean;
    type?: 'button' | 'submit' | 'reset';
  }>;
  ```

- `quickstart/team-components/vue.js`

  ```
  import { defineComponent, h } from 'vue';

  export const TeamButton = defineComponent({
    inheritAttrs: false, props: ['caption', 'appearance', 'disabled', 'type'], emits: ['activate'],
    setup(props, { attrs, slots, emit }) {
      return () => h('button', { ...attrs, type: props.type ?? 'button', disabled: props.disabled,
        'data-team-component': 'Button', 'data-appearance': props.appearance ?? 'quiet',
        style: { color: 'var(--sys-text-primary)', background: 'var(--sys-surface-raised)', border: '2px solid currentColor', borderRadius: '10px', padding: '8px 16px', font: 'inherit' },
        onClick: event => { if (typeof attrs.onClick === 'function') attrs.onClick(event); if (!event.defaultPrevented) emit('activate', event); }
      }, slots.default?.() ?? props.caption);
    }
  });
  ```

## The 15 calls

Each call with its input and output, in order. Local paths are removed.

1. `health_check` · health

   Its input:

   ```
   {}
   ```

   Its result:

   ```
   {
     "status": "ok",
     "server": {
       "version": "0.10.1",
       "uptime": 1136
     },
     "registry": {
       "components": 114,
       "traits": 49,
       "objects": 16,
       "lastSync": "2026-10-06T04:59:14Z",
       "countsFrom": {
         "components": "live",
         "objects": "live",
         "traits": "live"
       },
       "definitions": {
         "folders": {
           "objects": "~/.oods-foundry/objects",
           "traits": "~/.oods-foundry/traits"
         },
         "objects": {
           "total": 16,
           "shipped": 16,
           "user": 0,
           "replacingShipped": []
         },
         "traits": {
           "total": 49,
           "shipped": 49,
           "user": 0
         },
         "issues": []
       }
     },
     "tokens": {
       "built": true,
       "brands": [
         "A",
         "B"
       ],
       "themes": [
         "dark",
         "hc",
         "light"
       ],
       "scopes": {
         "A": [
           "dark",
           "hc",
           "light"
         ],
         "B": [
           "dark",
           "hc",
           "light"
         ]
       },
       "defaultScope": {
         "brand": "A",
         "theme": "light",
         "source": "default"
       },
       "registry": {
         "brands": [
           "A",
           "B"
         ],
         "default": "A",
         "folder": "~/.oods-foundry/runtime/0.10.1-8f7d4c36f4a2/packages/tokens/src/tokens/brands",
         "teamFolder": "~/.oods-foundry/brands",
         "issues": []
       }
     },
     "schemas": {
       "savedCount": 0,
       "storeDir": "~/.oods-foundry/schemas"
     },
     "latency": 66,
     "productReality": {
       "runtime": {
         "cells": 200,
         "pass": 200,
         "typedGap": 0,
         "fail": 0,
         "head": "debfc52e74881829b2d79726262fe955dc96cb7f",
         "archiveSha256": "6ebf8a9caaaaed13b0b865bd7d101daa0e6cb273d7ecb9deeafc0753523fb19f",
         "thisBuild": false,
         "measuredOn": {
           "version": "0.4.1",
           "sourceHead": "debfc52e74881829b2d79726262fe955dc96cb7f",
           "archiveSha256": "6ebf8a9caaaaed13b0b865bd7d101daa0e6cb273d7ecb9deeafc0753523fb19f"
         }
       },
       "release": {
         "bundleHead": "93c5224a48c1a2e87aed3dbd24c49d8a62009327",
         "archiveSha256": "cd1f7f71b52e7e5a33297bcec7e74aa186a8cc370558a2aa6f588ceb80117ad7",
         "apps": [
           "Organization",
           "Subscription",
           "User"
         ],
         "frameworks": [
           "react",
           "vue"
         ],
         "cells": 42,
         "pass": 42,
         "typedGap": 0,
         "fail": 0,
         "head": "93c5224a48c1a2e87aed3dbd24c49d8a62009327",
         "thisBuild": false,
         "measuredOn": {
           "version": "0.2.0",
           "sourceHead": "93c5224a48c1a2e87aed3dbd24c49d8a62009327",
           "archiveSha256": "cd1f7f71b52e7e5a33297bcec7e74aa186a8cc370558a2aa6f588ceb80117ad7"
         }
       },
       "tools": {
         "entries": 21,
         "byTestImportLocation": {
           "test/product-reality": 20,
           "test/contracts": 1,
           "other-spec": 0,
           "none": 0
         },
         "head": "d59cb600a7d8279ceb50c4354c91b2df00eef6b7",
         "sourceHead": "867f29346095587218cf9d9e7b834fd09bf38b7b",
         "portable": {
           "path": "build record (not shipped): e2e-host2.json",
           "sha256": "sha256:1a35cf31d2ab7a2e4c29a0f8a99cde814d40992f48ef1c22ae99753cb442cd5c",
           "bundleHead": "d59cb600a7d8279ceb50c4354c91b2df00eef6b7",
           "dirty": false,
           "tools": 20,
           "pass": 20,
           "typed": 0
         },
         "thisBuild": false,
         "measuredOn": {
           "version": "0.8.0",
           "sourceHead": "d59cb600a7d8279ceb50c4354c91b2df00eef6b7",
           "archiveSha256": null
         }
       },
       "html": {
         "head": null,
         "heads": [
           "36a3220f18a6743c4c7a75216cd1cfcddcd9b157",
           "c49317088d7e83690d1de709b2e43d39debf5eb9"
         ],
         "cells": 300,
         "pass": 300,
         "fail": 0,
         "receipt": "packages/mcp-server/registry/html-cells.v1.json",
         "sha256": "sha256:b61105d596aa58dd488ce2e236013110ca6767cd3aa7d5b202cb6a9383ce4453",
         "thisBuild": false,
         "measuredOn": {
           "version": "0.2.1",
           "sourceHead": "36a3220f18a6743c4c7a75216cd1cfcddcd9b157",
           "archiveSha256": null
         }
       },
       "fidelity": {
         "head": null,
         "heads": [
           "dfc723b1b9f2f14e11ebb3bdc49ae2dee85b0193"
         ],
         "cells": 18,
         "pass": 18,
         "fail": 0,
         "receipt": "build record (not shipped): fidelity-proof.json",
         "sha256": "sha256:9863cfe150a5b2e9a326e02683a10097371f6e07770427f7c8022912b0d306c2",
         "files": 138,
         "thisBuild": false,
         "measuredOn": {
           "version": "0.8.0",
           "sourceHead": "dfc723b1b9f2f14e11ebb3bdc49ae2dee85b0193",
           "archiveSha256": null
         }
       },
       "viz": {
         "types": 13,
         "patterns": 22,
         "retiredPatterns": 1,
         "families": 8,
         "classified": 36,
         "coreCells": 17,
         "coreSurfaceComplete": 17,
         "typedGaps": 0,
         "retiredCells": 3,
         "certifiedChartTypes": 13,
         "certifiedScopes": 78,
         "measuredOn": {
           "version": "0.6.2",
           "sourceHead": "1e6e024a3524ff475bc12cdb50215a42fe0e3ac5",
           "archiveSha256": null
         }
       }
     },
     "dslVersion": "1.0"
   }
   ```

2. `brand_create` · template

   Its input:

   ```
   {
     "action": "template"
   }
   ```

   Its result:

   ```
   {
     "action": "template",
     "from": {
       "brand": "A"
     },
     "slots": {
       "base": 103,
       "dark": 96,
       "hc": 96
     },
     "documents": {
       "base": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.97 0 286)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.97 0 286)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.145 0 286)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.3361 0 286)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.2626 0 286)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.97 0 286)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.95 0 286)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.935 0 286)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.194665 24.00731)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.194665 24.00731)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.922 0 286)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.871 0 286)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.643 0 286)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.545 0 286)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.439 0 286)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.545 0 286)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.643 0 286)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.509225 0.172497 267.161083)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.509225 0.172497 267.161083)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.96086 0.016961 267.781434)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.806161 0.08754 271.403687)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.509225 0.172497 267.161083)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.959682 0.020056 238.701263)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.809755 0.088669 243.091253)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.540689 0.162234 252.214666)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.622153 0.183136 251.723539)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.958254 0.02227 155.931601)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.798152 0.08315 159.165466)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.523466 0.11158 159.513172)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.611472 0.126614 158.247346)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.969531 0.068378 100.371682)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.827254 0.122422 86.674497)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.553161 0.125197 63.921739)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.570661 0.129157 63.921739)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0 286)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.955466 0.020724 13.839409)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.807 0.088767 18.290593)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.556979 0.197433 25.13833)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.97 0 286)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.871 0 286)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.439 0 286)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.643 0 286)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.145 0 286)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.96086 0.016961 267.781434)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.806161 0.08754 271.403687)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.509225 0.172497 267.161083)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "radius": {
           "control": {
             "$type": "dimension",
             "$value": "6px",
             "$description": "Corner radius of a control at the default size: the brand recipe's radius."
           },
           "small": {
             "$type": "dimension",
             "$value": "4px",
             "$description": "Corner radius of a small control: the brand radius less 2px."
           },
           "large": {
             "$type": "dimension",
             "$value": "8px",
             "$description": "Corner radius of a large control: the brand radius plus 2px."
           },
           "card": {
             "$type": "dimension",
             "$value": "12px",
             "$description": "Corner radius of a card or panel: twice the brand radius."
           },
           "pill": {
             "$type": "dimension",
             "$value": "999px",
             "$description": "Fully rounded ends, for badges and pills."
           }
         },
         "font": {
           "sans": {
             "$type": "fontFamily",
             "$value": "Geist, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
             "$description": "The brand's sans family (the brand recipe's font)."
           },
           "mono": {
             "$type": "fontFamily",
             "$value": "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
             "$description": "The brand's mono family."
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.543785 0.191021 267)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.669609 0.136951 87)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.426529 0.191793 327)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.510586 0.147294 147)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.366152 0.149221 27)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.653478 0.112047 207)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0.021658 267)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0.073919 267)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0.126649 267)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0.167732 267)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0.189065 267)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0.186634 267)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.160892 267)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0.116709 267)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0.062954 267)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.145019 267)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.145019 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.183256 267)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.183256 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.185665 267)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.185665 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.137232 267)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.137232 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.088801 267)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.088801 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0 286)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "dark": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(0.205 0 286)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.269 0 286)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.269 0 286)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.985 0 286)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.985 0 286)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.8446 0 286)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.8986 0 286)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.269 0 286)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.29 0 286)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.31 0 286)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.177398 22.826714)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.177398 22.826714)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.325 0 286)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.37 0 286)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.538 0 286)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.708 0 286)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.985 0 286)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.769 0 286)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.708 0 286)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(0.145 0 286)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0 286)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.538 0 286)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.775866 0.113802 273.011264)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(0.145 0 286)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.775866 0.113802 273.011264)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.271571 0.070509 267.975387)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.449078 0.120101 268.933794)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.775866 0.113802 273.011264)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.274466 0.066296 253.950454)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.474077 0.121868 253.108822)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.764235 0.125721 249.494943)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.649151 0.193037 251.8)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.272142 0.039586 162.175631)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.466982 0.08231 160.25737)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.779439 0.165465 157.301059)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.640602 0.132853 157.7)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.25781 0.04422 74.467502)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.454239 0.082359 74.940897)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.861614 0.172903 88.99284)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0 286)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.251058 0.06493 12.674503)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.450175 0.121046 18.748598)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.780413 0.128122 22.121461)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.269 0 286)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.37 0 286)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.769 0 286)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.708 0 286)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.985 0 286)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0 286)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.271571 0.070509 267.975387)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.449078 0.120101 268.933794)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.775866 0.113802 273.011264)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.589183 0.175768 269.290124)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0 286)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.543785 0.191021 267)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.543785 0.191021 267)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.764609 0.15638 87)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.726529 0.191793 327)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.795586 0.147294 147)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.626152 0.193432 27)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.615978 0.105617 207)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.2 0.076587 267)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.3 0.116016 267)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.4 0.143166 267)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.5 0.152817 267)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.6 0.143166 267)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.116016 267)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.8 0.076587 267)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.9 0.033201 267)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(1 0 267)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.185665 267)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.185665 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.186634 267)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.186634 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.160892 267)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.160892 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.116709 267)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.116709 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.062954 267)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.062954 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.36 0 286)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "hc": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "HighlightText",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "GrayText",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "LinkText",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0 265)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0 265)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0 265)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0 265)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0 265)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0 265)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 265)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0 265)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0 265)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 197.5)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 17.5)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 197.5)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 17.5)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 197.5)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 17.5)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 197.5)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 17.5)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 197.5)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 17.5)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0 265)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       }
     },
     "fixed": [],
     "presets": [
       {
         "id": "corporate-blue",
         "description": "Corporate Blue preset — professional, trust-forward palette with a deep blue primary and cool neutral greys. Suitable for B2B dashboards, enterprise tools, and financial interfaces. It sets all 69 colour slots and all 27 chart slots from one brand recipe (light roles and charts) over brand A's light theme; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"corporate-blue\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand."
       },
       {
         "id": "dark-minimal",
         "description": "Dark Minimal preset — sleek dark-mode palette with a green accent and low-chroma slate neutrals. Suitable for developer tools, code editors, terminal UIs, and monitoring dashboards. It sets all 69 colour slots and all 27 chart slots from one brand recipe (dark roles and charts) over brand A's light and dark themes; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"dark-minimal\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand."
       },
       {
         "id": "startup-warm",
         "description": "Startup Warm preset — friendly, approachable palette with a coral primary and warm neutrals. Suitable for consumer apps, onboarding flows, and creative tools. It sets all 69 colour slots and all 27 chart slots from one brand recipe (light roles and charts) over brand A's light theme; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"startup-warm\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand."
       }
     ],
     "rules": [
       "A brand id is capitals then digits (A, ACME, A1), or a letter then lower-case letters and digits (Acme, acme2), at most 32 characters, and no existing brand's id in any case.",
       "Each theme (base = light, dark, hc = high contrast) has every slot of the template and no other: base 103, dark 96, hc 96.",
       "Each colour slot is {\"$type\": \"color\", \"$value\": \"<a CSS colour>\"}: hex, rgb(), hsl(), oklch(), lab() or a named colour; opaque; not a reference to another token. $description is kept as written.",
       "The base theme also carries the brand's radius (radius.control, small, large, card, pill: {\"$type\": \"dimension\", \"$value\": \"<0 to 999>px\"}) and font (font.sans, font.mono: {\"$type\": \"fontFamily\", \"$value\": \"<family list>\"}); every theme of a brand shares them.",
       "A recipe (neutralHue, neutralChroma, accentHue, primary \"neutral\" or \"accent\", radius, font) gives a complete brand: template with from.recipe returns its documents graded, and validate and create take recipe in place of documents.",
       "System colours (AccentColor, AccentColorText, ActiveText, ButtonBorder, ButtonFace, ButtonText, Canvas, CanvasText, Field, FieldText, GrayText, Highlight, HighlightText, LinkText, Mark, MarkText, SelectedItem, SelectedItemText, VisitedText) follow the user's high-contrast settings, so only hc may use them.",
       "The light and dark themes are graded with the brand contrast rules (84 pairs each: text on its surfaces at 4.5:1; status icons, control borders at rest and hovered, and the focus ring at 3:1).",
       "Every theme's chart marks are graded too (7 pairs each: the one-series colour and the six series at 3:1 on surface.canvas). A failing one says whether its value is brand A's, which a template starts from; set viz.* for your canvas.",
       "In hc, a pair of two system colours is graded with the system colours as Chromium 141.0.7390.37 without forced colours (macOS and Linux, light and dark color-scheme), 2026-09-29, and passes only if it passes in all four; a pair of two colours is graded like light and dark, and a pair of one of each is refused: the system colour could be any colour."
     ]
   }
   ```

3. `brand_create` · brand-validate

   Its input:

   ```
   {
     "action": "validate",
     "brand_id": "Harbor",
     "documents": {
       "base": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.97 0.00288 205)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.97 0.00288 205)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.555682 0.098165 215)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.525682 0.092719 214.68812)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.495682 0.087428 214.68812)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.97 0.00288 205)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.95 0.00348 205)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.935 0.00492 205)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.194665 24.00731)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.194665 24.00731)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.922 0.00636 205)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.871 0.0078 205)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.643 0.012 205)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.545 0.01056 205)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.439 0.00984 205)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.545 0.01056 205)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.643 0.012 205)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.535335 0.093945 213.638937)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.535335 0.093945 213.638937)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.958855 0.026204 199.053276)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.803112 0.080672 205.167512)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.530335 0.093067 213.638937)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.959682 0.020056 238.701263)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.809755 0.088669 243.091253)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.540689 0.162234 252.214666)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.622153 0.183136 251.723539)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.958254 0.02227 155.931601)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.798152 0.08315 159.165466)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.523466 0.11158 159.513172)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.611472 0.126614 158.247346)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.969531 0.068378 100.371682)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.827254 0.122422 86.674497)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.555661 0.125763 63.921739)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.570661 0.129157 63.921739)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.955466 0.020724 13.839409)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.807 0.088767 18.290593)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.556979 0.197433 25.13833)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.97 0.00288 205)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.871 0.0078 205)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.439 0.00984 205)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.643 0.012 205)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.958855 0.026204 199.053276)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.803112 0.080672 205.167512)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.530335 0.093067 213.638937)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.62569 0.110358 214.68812)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.555682 0.098165 215)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "radius": {
           "control": {
             "$type": "dimension",
             "$value": "8px",
             "$description": "Corner radius of a control at the default size: the brand recipe's radius."
           },
           "small": {
             "$type": "dimension",
             "$value": "6px",
             "$description": "Corner radius of a small control: the brand radius less 2px."
           },
           "large": {
             "$type": "dimension",
             "$value": "10px",
             "$description": "Corner radius of a large control: the brand radius plus 2px."
           },
           "card": {
             "$type": "dimension",
             "$value": "16px",
             "$description": "Corner radius of a card or panel: twice the brand radius."
           },
           "pill": {
             "$type": "dimension",
             "$value": "999px",
             "$description": "Fully rounded ends, for badges and pills."
           }
         },
         "font": {
           "sans": {
             "$type": "fontFamily",
             "$value": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
             "$description": "The brand's sans family (the brand recipe's font)."
           },
           "mono": {
             "$type": "fontFamily",
             "$value": "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
             "$description": "The brand's mono family."
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.655682 0.115831 215)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.655682 0.115831 215)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.536145 0.18808 35)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.581312 0.186129 275)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.667517 0.137061 95)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.539264 0.198452 335)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.563372 0.136501 155)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0.013183 215)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0.044993 215)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0.07709 215)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0.102096 215)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0.095395 215)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0.077729 215)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 215)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0.0424 215)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0.024739 215)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.088271 215)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.088271 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.102461 215)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.102461 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 215)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 215)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.038867 215)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.038867 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0.01128 205)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "dark": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(0.145 0.00324 205)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(0.205 0.00324 205)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.269 0.0048 205)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.269 0.0048 205)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0.00324 205)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.985 0.0024 205)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.555682 0.098165 215)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.525682 0.091718 212.324842)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.495682 0.086484 212.324842)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.269 0.0048 205)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.29 0.00564 205)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.31 0.00636 205)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.177398 22.826714)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.177398 22.826714)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.325 0.00804 205)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.37 0.0096 205)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.538 0.012 205)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.708 0.012 205)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.985 0.0024 205)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.769 0.00804 205)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.708 0.012 205)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.538 0.012 205)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.908792 0.059482 205.331752)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(0.145 0.00324 205)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.273171 0.042467 214.683107)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.47691 0.081156 215.422842)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.274466 0.066296 253.950454)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.474077 0.121868 253.108822)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.764235 0.125721 249.494943)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.649151 0.193037 251.8)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.272142 0.039586 162.175631)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.466982 0.08231 160.25737)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.779439 0.165465 157.301059)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.640602 0.132853 157.7)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.25781 0.04422 74.467502)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.454239 0.082359 74.940897)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.861614 0.172903 88.99284)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.251058 0.06493 12.674503)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.450175 0.121046 18.748598)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.780413 0.128122 22.121461)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.269 0.0048 205)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.37 0.0096 205)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.769 0.00804 205)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.708 0.012 205)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.985 0.0024 205)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.273171 0.042467 214.683107)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.47691 0.081156 215.422842)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.785911 0.121055 207.347215)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.658182 0.116272 215)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.555682 0.098165 215)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.658182 0.116272 215)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.658182 0.116272 215)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.596145 0.1932 35)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.581312 0.186129 275)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.895017 0.166367 95)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.539264 0.198452 335)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.563372 0.136501 155)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.2 0.035335 215)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.3 0.052998 215)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.4 0.070663 215)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.5 0.088329 215)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.6 0.087143 215)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.070617 215)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.8 0.046618 215)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.9 0.020209 215)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(1 0 215)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 215)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.098928 215)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.098928 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.097933 215)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.097933 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.071039 215)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.071039 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.038319 215)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.038319 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.36 0.012 205)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "hc": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "HighlightText",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "GrayText",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "LinkText",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0 265)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0 265)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0 265)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0 265)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0 265)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0 265)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 265)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0 265)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0 265)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 197.5)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 17.5)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 197.5)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 17.5)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 197.5)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 17.5)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 197.5)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 17.5)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 197.5)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 17.5)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0 265)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       }
     }
   }
   ```

   Its result:

   ```
   {
     "action": "validate",
     "valid": true,
     "brand_id": "Harbor",
     "themes": {
       "base": {
         "label": "light",
         "slots": 103,
         "provided": 103
       },
       "dark": {
         "label": "dark",
         "slots": 96,
         "provided": 96
       },
       "hc": {
         "label": "high contrast",
         "slots": 96,
         "provided": 96
       }
     },
     "issues": [],
     "contrast": {
       "base": {
         "graded": 84,
         "passed": 84,
         "failed": 0,
         "ungraded": 0,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       },
       "dark": {
         "graded": 84,
         "passed": 84,
         "failed": 0,
         "ungraded": 0,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       },
       "hc": {
         "graded": 83,
         "passed": 83,
         "failed": 0,
         "ungraded": 0,
         "systemColoursResolvedIn": "Chromium 141.0.7390.37 without forced colours (macOS and Linux, light and dark color-scheme), 2026-09-29",
         "exempt": 1,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       }
     },
     "files": [
       {
         "theme": "base",
         "path": "Harbor/base.json",
         "sha256": "6329c87d35e6c904f5e8ccbb2263f99692d342f5e365809d2c2ec6c4e6d52098",
         "bytes": 32560
       },
       {
         "theme": "dark",
         "path": "Harbor/dark.json",
         "sha256": "48c04ed5057d160d08cce1009ef5da88ea2f60695a591d5c87e095f29d73e512",
         "bytes": 31004
       },
       {
         "theme": "hc",
         "path": "Harbor/hc.json",
         "sha256": "d1dc4d90fb2551a516e32188e33c9d06f0eb7456a43ef2289ebcd1165d0b24fb",
         "bytes": 19760
       }
     ]
   }
   ```

4. `brand_create` · brand-create

   Its input:

   ```
   {
     "action": "create",
     "brand_id": "Harbor",
     "documents": {
       "base": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.97 0.00288 205)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.97 0.00288 205)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.555682 0.098165 215)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.525682 0.092719 214.68812)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.495682 0.087428 214.68812)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.97 0.00288 205)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.95 0.00348 205)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.935 0.00492 205)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.194665 24.00731)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.194665 24.00731)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.922 0.00636 205)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.871 0.0078 205)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.643 0.012 205)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.545 0.01056 205)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.439 0.00984 205)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.545 0.01056 205)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.643 0.012 205)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.535335 0.093945 213.638937)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.535335 0.093945 213.638937)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.958855 0.026204 199.053276)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.803112 0.080672 205.167512)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.530335 0.093067 213.638937)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.959682 0.020056 238.701263)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.809755 0.088669 243.091253)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.540689 0.162234 252.214666)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.622153 0.183136 251.723539)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.958254 0.02227 155.931601)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.798152 0.08315 159.165466)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.523466 0.11158 159.513172)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.611472 0.126614 158.247346)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.969531 0.068378 100.371682)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.827254 0.122422 86.674497)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.555661 0.125763 63.921739)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.570661 0.129157 63.921739)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.955466 0.020724 13.839409)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.807 0.088767 18.290593)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.556979 0.197433 25.13833)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.97 0.00288 205)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.871 0.0078 205)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.439 0.00984 205)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.643 0.012 205)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.958855 0.026204 199.053276)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.803112 0.080672 205.167512)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.530335 0.093067 213.638937)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.62569 0.110358 214.68812)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.555682 0.098165 215)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "radius": {
           "control": {
             "$type": "dimension",
             "$value": "8px",
             "$description": "Corner radius of a control at the default size: the brand recipe's radius."
           },
           "small": {
             "$type": "dimension",
             "$value": "6px",
             "$description": "Corner radius of a small control: the brand radius less 2px."
           },
           "large": {
             "$type": "dimension",
             "$value": "10px",
             "$description": "Corner radius of a large control: the brand radius plus 2px."
           },
           "card": {
             "$type": "dimension",
             "$value": "16px",
             "$description": "Corner radius of a card or panel: twice the brand radius."
           },
           "pill": {
             "$type": "dimension",
             "$value": "999px",
             "$description": "Fully rounded ends, for badges and pills."
           }
         },
         "font": {
           "sans": {
             "$type": "fontFamily",
             "$value": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
             "$description": "The brand's sans family (the brand recipe's font)."
           },
           "mono": {
             "$type": "fontFamily",
             "$value": "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
             "$description": "The brand's mono family."
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.655682 0.115831 215)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.655682 0.115831 215)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.536145 0.18808 35)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.581312 0.186129 275)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.667517 0.137061 95)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.539264 0.198452 335)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.563372 0.136501 155)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0.013183 215)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0.044993 215)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0.07709 215)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0.102096 215)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0.095395 215)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0.077729 215)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 215)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0.0424 215)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0.024739 215)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.088271 215)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.088271 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.102461 215)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0.102461 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 215)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 215)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0.060064 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.038867 215)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0.038867 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0.01128 205)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "dark": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "oklch(0.145 0.00324 205)",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "oklch(0.205 0.00324 205)",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.269 0.0048 205)",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.269 0.0048 205)",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "oklch(0.145 0.00324 205)",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.985 0.0024 205)",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.555682 0.098165 215)",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.525682 0.091718 212.324842)",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.495682 0.086484 212.324842)",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.269 0.0048 205)",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.29 0.00564 205)",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.31 0.00636 205)",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "oklch(0.590577 0.193344 23)",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "oklch(0.560577 0.177398 22.826714)",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "oklch(0.530577 0.177398 22.826714)",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "oklch(0.325 0.00804 205)",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "oklch(0.37 0.0096 205)",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "oklch(0.538 0.012 205)",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "oklch(0.708 0.012 205)",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "oklch(0.985 0.0024 205)",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "oklch(0.769 0.00804 205)",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "oklch(0.708 0.012 205)",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "oklch(0.145 0.00708 205)",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "oklch(1 0.000007 205)",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "oklch(0.538 0.012 205)",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "oklch(0.908792 0.059482 205.331752)",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "oklch(0.145 0.00324 205)",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "oklch(0.273171 0.042467 214.683107)",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "oklch(0.47691 0.081156 215.422842)",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "oklch(0.785911 0.121055 207.347215)",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.274466 0.066296 253.950454)",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.474077 0.121868 253.108822)",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.764235 0.125721 249.494943)",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.649151 0.193037 251.8)",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.566651 0.168568 251.8)",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.272142 0.039586 162.175631)",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.466982 0.08231 160.25737)",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.779439 0.165465 157.301059)",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.640602 0.132853 157.7)",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.548102 0.128886 157.7)",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.25781 0.04422 74.467502)",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.454239 0.082359 74.940897)",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.861614 0.172903 88.99284)",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.853575 0.15722 84.1)",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.251058 0.06493 12.674503)",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.450175 0.121046 18.748598)",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.780413 0.128122 22.121461)",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.625577 0.193344 23)",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.590577 0.193344 23)",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.269 0.0048 205)",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.37 0.0096 205)",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.769 0.00804 205)",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.708 0.012 205)",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.985 0.0024 205)",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(0.145 0.00708 205)",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "oklch(0.273171 0.042467 214.683107)",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "oklch(0.47691 0.081156 215.422842)",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "oklch(0.785911 0.121055 207.347215)",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "oklch(0.658182 0.116272 215)",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "oklch(0.555682 0.098165 215)",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "oklch(1 0.000007 205)",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "oklch(0.658182 0.116272 215)",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.658182 0.116272 215)",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.596145 0.1932 35)",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.581312 0.186129 275)",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.895017 0.166367 95)",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.539264 0.198452 335)",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.563372 0.136501 155)",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.2 0.035335 215)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.3 0.052998 215)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.4 0.070663 215)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.5 0.088329 215)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.6 0.087143 215)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.7 0.070617 215)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.8 0.046618 215)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.9 0.020209 215)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(1 0 215)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 215)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.46 0.081262 23)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.098928 215)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.56 0.098928 23)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.097933 215)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.66 0.097933 23)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.071039 215)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.76 0.071039 23)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.038319 215)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.86 0.038319 23)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.36 0.012 205)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       },
       "hc": {
         "surface": {
           "canvas": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Primary application canvas."
           },
           "raised": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Raised card surface."
           },
           "subtle": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Subtle secondary surface."
           },
           "disabled": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Surface colour for disabled or inactive UI."
           },
           "backdrop": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Backdrop scrim surface."
           },
           "inverse": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Inverse surface for dark-on-light treatments."
           },
           "interactive": {
             "primary": {
               "default": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface default state."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface hover state."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Highlight",
                 "$description": "Primary interactive surface pressed state."
               }
             },
             "secondary": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The secondary action (a subtle fill), pressed."
               }
             },
             "destructive": {
               "default": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, at rest."
               },
               "hover": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, hovered."
               },
               "pressed": {
                 "$type": "color",
                 "$value": "Canvas",
                 "$description": "The destructive action, pressed."
               }
             }
           }
         },
         "border": {
           "subtle": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Default border for surfaces."
           },
           "strong": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "High-emphasis border."
           },
           "interactive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a control (input, select, checkbox, outline button), at least 3:1 against the surface it sits on."
           },
           "interactiveHover": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of a hovered control."
           }
         },
         "text": {
           "primary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Primary reading text."
           },
           "secondary": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Secondary supporting text."
           },
           "muted": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Muted caption text."
           },
           "inverse": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Text on inverse surfaces."
           },
           "onInteractive": {
             "$type": "color",
             "$value": "HighlightText",
             "$description": "Text and icons on the primary interactive surface (buttons and selected controls)."
           },
           "onDestructive": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text and icons on the destructive action."
           },
           "disabled": {
             "$type": "color",
             "$value": "GrayText",
             "$description": "Disabled or de-emphasised text."
           },
           "accent": {
             "$type": "color",
             "$value": "LinkText",
             "$description": "Accent text colour."
           }
         },
         "focus": {
           "ring": {
             "outer": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Outer focus ring colour."
             },
             "inner": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Inner focus ring colour."
             }
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Focus foreground colour."
           }
         },
         "accent": {
           "background": {
             "$type": "color",
             "$value": "Canvas",
             "$description": "Background of an accent panel."
           },
           "border": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Border of an accent panel."
           },
           "text": {
             "$type": "color",
             "$value": "CanvasText",
             "$description": "Text on an accent panel."
           }
         },
         "status": {
           "info": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Informational background surface."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Informational icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid info fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid info fill."
             }
           },
           "success": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Success feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Success icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid success fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid success fill."
             }
           },
           "warning": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Warning feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Warning icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid warning fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid warning fill."
             }
           },
           "critical": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Critical feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Critical icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid critical fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid critical fill."
             }
           },
           "neutral": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Neutral feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Neutral icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid neutral fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid neutral fill."
             }
           },
           "accent": {
             "surface": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Accent feedback background."
             },
             "border": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent border colour."
             },
             "text": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent text colour."
             },
             "icon": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Accent icon colour."
             },
             "solid": {
               "$type": "color",
               "$value": "Canvas",
               "$description": "Solid accent fill, for emphasis (a solid badge or banner)."
             },
             "onSolid": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Text and icons on the solid accent fill."
             }
           }
         },
         "viz": {
           "mark": {
             "single": {
               "$type": "color",
               "$value": "CanvasText",
               "$description": "Colour of a chart that draws a single series."
             }
           },
           "scale": {
             "categorical": {
               "01": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 1 of 6, for categories that have no order."
               },
               "02": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 2 of 6, for categories that have no order."
               },
               "03": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 3 of 6, for categories that have no order."
               },
               "04": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 4 of 6, for categories that have no order."
               },
               "05": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 5 of 6, for categories that have no order."
               },
               "06": {
                 "$type": "color",
                 "$value": "CanvasText",
                 "$description": "Series colour 6 of 6, for categories that have no order."
               }
             },
             "sequential": {
               "01": {
                 "$type": "color",
                 "$value": "oklch(0.94 0 265)",
                 "$description": "Step 1 of 9 of the ordered scale (01 is the low end)."
               },
               "02": {
                 "$type": "color",
                 "$value": "oklch(0.84 0 265)",
                 "$description": "Step 2 of 9 of the ordered scale (01 is the low end)."
               },
               "03": {
                 "$type": "color",
                 "$value": "oklch(0.74 0 265)",
                 "$description": "Step 3 of 9 of the ordered scale (01 is the low end)."
               },
               "04": {
                 "$type": "color",
                 "$value": "oklch(0.64 0 265)",
                 "$description": "Step 4 of 9 of the ordered scale (01 is the low end)."
               },
               "05": {
                 "$type": "color",
                 "$value": "oklch(0.54 0 265)",
                 "$description": "Step 5 of 9 of the ordered scale (01 is the low end)."
               },
               "06": {
                 "$type": "color",
                 "$value": "oklch(0.44 0 265)",
                 "$description": "Step 6 of 9 of the ordered scale (01 is the low end)."
               },
               "07": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 265)",
                 "$description": "Step 7 of 9 of the ordered scale (01 is the low end)."
               },
               "08": {
                 "$type": "color",
                 "$value": "oklch(0.24 0 265)",
                 "$description": "Step 8 of 9 of the ordered scale (01 is the low end)."
               },
               "09": {
                 "$type": "color",
                 "$value": "oklch(0.14 0 265)",
                 "$description": "Step 9 of 9 of the ordered scale (01 is the low end)."
               }
             },
             "diverging": {
               "neg-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 197.5)",
                 "$description": "Step 1 of 5 below the midpoint of the diverging scale."
               },
               "pos-01": {
                 "$type": "color",
                 "$value": "oklch(0.7 0 17.5)",
                 "$description": "Step 1 of 5 above the midpoint of the diverging scale."
               },
               "neg-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 197.5)",
                 "$description": "Step 2 of 5 below the midpoint of the diverging scale."
               },
               "pos-02": {
                 "$type": "color",
                 "$value": "oklch(0.58 0 17.5)",
                 "$description": "Step 2 of 5 above the midpoint of the diverging scale."
               },
               "neg-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 197.5)",
                 "$description": "Step 3 of 5 below the midpoint of the diverging scale."
               },
               "pos-03": {
                 "$type": "color",
                 "$value": "oklch(0.46 0 17.5)",
                 "$description": "Step 3 of 5 above the midpoint of the diverging scale."
               },
               "neg-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 197.5)",
                 "$description": "Step 4 of 5 below the midpoint of the diverging scale."
               },
               "pos-04": {
                 "$type": "color",
                 "$value": "oklch(0.34 0 17.5)",
                 "$description": "Step 4 of 5 above the midpoint of the diverging scale."
               },
               "neg-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 197.5)",
                 "$description": "Step 5 of 5 below the midpoint of the diverging scale."
               },
               "pos-05": {
                 "$type": "color",
                 "$value": "oklch(0.22 0 17.5)",
                 "$description": "Step 5 of 5 above the midpoint of the diverging scale."
               },
               "neutral": {
                 "$type": "color",
                 "$value": "oklch(0.82 0 265)",
                 "$description": "Midpoint of the diverging scale."
               }
             }
           }
         }
       }
     }
   }
   ```

   Its result:

   ```
   {
     "action": "create",
     "created": true,
     "brand_id": "Harbor",
     "folder": "~/.oods-foundry/brands",
     "files": [
       {
         "theme": "base",
         "path": "Harbor/base.json",
         "sha256": "6329c87d35e6c904f5e8ccbb2263f99692d342f5e365809d2c2ec6c4e6d52098",
         "bytes": 32560
       },
       {
         "theme": "dark",
         "path": "Harbor/dark.json",
         "sha256": "48c04ed5057d160d08cce1009ef5da88ea2f60695a591d5c87e095f29d73e512",
         "bytes": 31004
       },
       {
         "theme": "hc",
         "path": "Harbor/hc.json",
         "sha256": "d1dc4d90fb2551a516e32188e33c9d06f0eb7456a43ef2289ebcd1165d0b24fb",
         "bytes": 19760
       }
     ],
     "build": {
       "exitCode": 0,
       "durationMs": 3336
     },
     "brands": [
       "A",
       "B",
       "Harbor"
     ],
     "report": {
       "valid": true,
       "brand_id": "Harbor",
       "themes": {
         "base": {
           "label": "light",
           "slots": 103,
           "provided": 103
         },
         "dark": {
           "label": "dark",
           "slots": 96,
           "provided": 96
         },
         "hc": {
           "label": "high contrast",
           "slots": 96,
           "provided": 96
         }
       },
       "issues": [],
       "contrast": {
         "base": {
           "graded": 84,
           "passed": 84,
           "failed": 0,
           "ungraded": 0,
           "charts": {
             "graded": 7,
             "passed": 7,
             "failed": 0,
             "ungraded": 0
           }
         },
         "dark": {
           "graded": 84,
           "passed": 84,
           "failed": 0,
           "ungraded": 0,
           "charts": {
             "graded": 7,
             "passed": 7,
             "failed": 0,
             "ungraded": 0
           }
         },
         "hc": {
           "graded": 83,
           "passed": 83,
           "failed": 0,
           "ungraded": 0,
           "systemColoursResolvedIn": "Chromium 141.0.7390.37 without forced colours (macOS and Linux, light and dark color-scheme), 2026-09-29",
           "exempt": 1,
           "charts": {
             "graded": 7,
             "passed": 7,
             "failed": 0,
             "ungraded": 0
           }
         }
       },
       "files": [
         {
           "theme": "base",
           "path": "Harbor/base.json",
           "sha256": "6329c87d35e6c904f5e8ccbb2263f99692d342f5e365809d2c2ec6c4e6d52098",
           "bytes": 32560
         },
         {
           "theme": "dark",
           "path": "Harbor/dark.json",
           "sha256": "48c04ed5057d160d08cce1009ef5da88ea2f60695a591d5c87e095f29d73e512",
           "bytes": 31004
         },
         {
           "theme": "hc",
           "path": "Harbor/hc.json",
           "sha256": "d1dc4d90fb2551a516e32188e33c9d06f0eb7456a43ef2289ebcd1165d0b24fb",
           "bytes": 19760
         }
       ]
     }
   }
   ```

5. `object_registry` · trait-validate

   Its input:

   ```
   {
     "action": "validate",
     "yaml": "trait:\n  name: Stockable\n  version: 1.0.0\n  description: How full a storage location is, counted in the unit the team stores goods in.\n  category: inventory\n  tags:\n    - inventory\n    - capacity\n\nparameters:\n  - name: capacityUnit\n    type: string\n    required: false\n    description: The unit capacity and stock are counted in.\n    default: pallets\n\nschema:\n  stock_level:\n    type: string\n    required: true\n    description: Whether the location has room, is nearly full, or is full.\n    validation:\n      enum:\n        - room_available\n        - nearly_full\n        - full\n  capacity_units:\n    type: integer\n    required: true\n    description: How many units the location holds when it is full.\n    examples:\n      - 1200\n      - 800\n      - 2400\n  units_on_hand:\n    type: integer\n    required: true\n    description: How many units are stored there now.\n    examples:\n      - 640\n      - 760\n      - 2400\n\nsemantics:\n  stock_level:\n    semantic_type: inventory.stock.level\n    token_mapping: tokenMap(inventory.stock.*)\n    ui_hints:\n      component: StatusBadge\n\nview_extensions:\n  list:\n    - component: StatusBadge\n      position: after\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n  card:\n    - component: StatusBadge\n      position: after\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n  detail:\n    - component: StatusBadge\n      position: main\n      priority: 70\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n    # Like the shipped Supersedable trait: the fields the trait is about are placed explicitly, so the detail\n    # composer's field budget never leaves them out.\n    - component: Text\n      position: main\n      priority: 69\n      props:\n        field: units_on_hand\n    - component: Text\n      position: main\n      priority: 68\n      props:\n        field: capacity_units\n\ntokens:\n  inventory.stock.tone: neutral\n\ndependencies: []\n"
   }
   ```

   Its result:

   ```
   {
     "kind": "trait",
     "name": "Stockable",
     "valid": true,
     "errors": [],
     "warnings": [],
     "contexts": [
       "list",
       "card",
       "detail"
     ],
     "folder": "~/.oods-foundry/traits"
   }
   ```

6. `object_registry` · trait-register

   Its input:

   ```
   {
     "action": "register",
     "yaml": "trait:\n  name: Stockable\n  version: 1.0.0\n  description: How full a storage location is, counted in the unit the team stores goods in.\n  category: inventory\n  tags:\n    - inventory\n    - capacity\n\nparameters:\n  - name: capacityUnit\n    type: string\n    required: false\n    description: The unit capacity and stock are counted in.\n    default: pallets\n\nschema:\n  stock_level:\n    type: string\n    required: true\n    description: Whether the location has room, is nearly full, or is full.\n    validation:\n      enum:\n        - room_available\n        - nearly_full\n        - full\n  capacity_units:\n    type: integer\n    required: true\n    description: How many units the location holds when it is full.\n    examples:\n      - 1200\n      - 800\n      - 2400\n  units_on_hand:\n    type: integer\n    required: true\n    description: How many units are stored there now.\n    examples:\n      - 640\n      - 760\n      - 2400\n\nsemantics:\n  stock_level:\n    semantic_type: inventory.stock.level\n    token_mapping: tokenMap(inventory.stock.*)\n    ui_hints:\n      component: StatusBadge\n\nview_extensions:\n  list:\n    - component: StatusBadge\n      position: after\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n  card:\n    - component: StatusBadge\n      position: after\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n  detail:\n    - component: StatusBadge\n      position: main\n      priority: 70\n      props:\n        statusField: stock_level\n        emphasis: subtle\n        showIcon: false\n    # Like the shipped Supersedable trait: the fields the trait is about are placed explicitly, so the detail\n    # composer's field budget never leaves them out.\n    - component: Text\n      position: main\n      priority: 69\n      props:\n        field: units_on_hand\n    - component: Text\n      position: main\n      priority: 68\n      props:\n        field: capacity_units\n\ntokens:\n  inventory.stock.tone: neutral\n\ndependencies: []\n"
   }
   ```

   Its result:

   ```
   {
     "kind": "trait",
     "name": "Stockable",
     "file": "~/.oods-foundry/traits/Stockable.trait.yaml",
     "status": "created",
     "contexts": [],
     "warnings": [],
     "registry": {
       "folders": {
         "objects": "~/.oods-foundry/objects",
         "traits": "~/.oods-foundry/traits"
       },
       "objects": {
         "total": 16,
         "shipped": 16,
         "user": 0,
         "replacingShipped": []
       },
       "traits": {
         "total": 50,
         "shipped": 49,
         "user": 1
       },
       "issues": []
     }
   }
   ```

7. `object_registry` · object-validate

   Its input:

   ```
   {
     "action": "validate",
     "yaml": "# A team's own object: a storage site the team ships orders from. It composes the team's Stockable trait beside two\n# shipped ones. monthly_rent is a money amount in major units (12500.50 means 12,500.50), declared by its\n# semantics; nothing is inferred from its name.\nobject:\n  name: Warehouse\n  version: 1.0.0\n  domain: acme.logistics\n  description: A storage site the team ships orders from.\n  tags:\n    - logistics\n    - inventory\n\ntraits:\n  - name: lifecycle/Stateful\n    parameters:\n      states:\n        - planned\n        - active\n        - closed\n      initialState: planned\n  - name: lifecycle/Timestampable\n    parameters:\n      recordedEvents:\n        - opened\n        - restocked\n        - closed\n      timezone: UTC\n  - name: Stockable\n    parameters:\n      capacityUnit: pallets\n\nschema:\n  # These examples describe operating sites with stock on hand. Independent enum\n  # rotation paired a closed site with the trait's full-stock example.\n  status:\n    type: string\n    required: true\n    description: Current operating state of the warehouse.\n    validation:\n      enum:\n        - planned\n        - active\n        - closed\n    examples:\n      - active\n  last_event:\n    type: string\n    required: false\n    description: Most recent recorded warehouse event.\n    validation:\n      enum:\n        - opened\n        - restocked\n        - closed\n    examples:\n      - restocked\n  last_event_at:\n    type: datetime\n    required: false\n    description: When the sample warehouse was last restocked.\n    examples:\n      - '2026-09-15T12:00:00Z'\n  # One history for every sample site: registered as planned, opened on 2 March, restocked since. The status\n  # timeline reads state_history, not last_event, so the example authors the transition that made each site active.\n  created_at:\n    type: datetime\n    required: true\n    description: When the site was registered.\n    examples:\n      - '2026-01-12T09:00:00Z'\n  updated_at:\n    type: datetime\n    required: false\n    description: When the site's record last changed.\n    examples:\n      - '2026-09-15T12:00:00Z'\n  state_history:\n    type: StateTransition[]\n    required: false\n    description: The site's operating-state changes, oldest first.\n    examples:\n      - - title: Opened\n          from: planned\n          to: active\n          at: '2026-03-02T08:00:00Z'\n          reason: Site opened for orders\n  warehouse_id:\n    type: uuid\n    required: true\n    description: Unique identifier for the warehouse.\n  name:\n    type: string\n    required: true\n    description: The warehouse's name.\n    examples:\n      - Lakeside Distribution\n      - North Yard\n      - Harbor Cold Store\n      - Prairie Crossdock\n      - Riverbend Fulfillment\n      - Summit Parts Depot\n      - Bayview Returns Center\n      - Canal Street Annex\n      - Maple Grove Storage\n      - Eastgate Freight Hub\n  code:\n    type: string\n    required: true\n    description: Short site code printed on shipping labels.\n    examples:\n      - MKE-01\n      - CHI-02\n      - DET-03\n      - DSM-04\n      - STL-05\n      - DEN-06\n      - OAK-07\n      - IND-08\n      - MSP-09\n      - CLE-10\n  city:\n    type: string\n    required: true\n    description: City the warehouse is in.\n    examples:\n      - Milwaukee\n      - Chicago\n      - Detroit\n      - Des Moines\n      - St. Louis\n      - Denver\n      - Oakland\n      - Indianapolis\n      - Minneapolis\n      - Cleveland\n  manager_email:\n    type: email\n    required: false\n    description: Who runs the site day to day.\n    examples:\n      - mke-01.manager@harbor.example\n      - chi-02.manager@harbor.example\n      - det-03.manager@harbor.example\n      - dsm-04.manager@harbor.example\n      - stl-05.manager@harbor.example\n      - den-06.manager@harbor.example\n      - oak-07.manager@harbor.example\n      - ind-08.manager@harbor.example\n      - msp-09.manager@harbor.example\n      - cle-10.manager@harbor.example\n  monthly_rent:\n    type: number\n    required: true\n    description: What the site costs each month, in major units of its currency.\n    examples:\n      - 12500.5\n      - 9800\n      - 15250.75\n      - 7400\n      - 11850.25\n      - 21000\n      - 18990.99\n      - 6250\n      - 9975.5\n      - 14300\n  currency:\n    type: string\n    required: true\n    description: Currency the rent is paid in.\n    validation:\n      enum:\n        - USD\n        - EUR\n        - GBP\n\n  organization_id:\n    type: uuid\n    required: false\n    description: The organization operating this warehouse.\n    examples:\n      - 5d0c6a2e-8f41-4b7a-9c3e-2a6f1b8d4e90\n  organization_name:\n    type: string\n    required: false\n    description: The operating organization's name, shown in place of its id.\n    examples:\n      - Harbor Logistics\n\nrelationships:\n  - target: Organization\n    via: organization_id\n    cardinality: many-to-one\n    label: Operated by\n\nsemantics:\n  name:\n    semantic_type: logistics.warehouse.name\n    token_mapping: tokenMap(text.primary)\n  monthly_rent:\n    semantic_type: logistics.warehouse.rent\n    token_mapping: tokenMap(commerce.price.primary)\n    ui_hints:\n      component: CurrencyAmount\n      currencyField: currency\n  currency:\n    semantic_type: logistics.warehouse.currency\n    token_mapping: tokenMap(commerce.currency.primary)\n  organization_id:\n    semantic_type: logistics.warehouse.operator\n    token_mapping: tokenMap(text.body.*)\n    ui_hints:\n      displayLabelField: organization_name\n\nmetadata:\n  owners:\n    - logistics-team\n  maturity: beta\n"
   }
   ```

   Its result:

   ```
   {
     "kind": "object",
     "name": "Warehouse",
     "valid": true,
     "errors": [],
     "warnings": [
       "Warehouse refines 6 fields its traits define, and its own definitions are used: lifecycle/Stateful (status, state_history); lifecycle/Timestampable (last_event, last_event_at, created_at, updated_at)."
     ],
     "contexts": [
       "list",
       "detail",
       "form",
       "timeline",
       "card",
       "inline"
     ],
     "folder": "~/.oods-foundry/objects"
   }
   ```

8. `object_registry` · object-register

   Its input:

   ```
   {
     "action": "register",
     "yaml": "# A team's own object: a storage site the team ships orders from. It composes the team's Stockable trait beside two\n# shipped ones. monthly_rent is a money amount in major units (12500.50 means 12,500.50), declared by its\n# semantics; nothing is inferred from its name.\nobject:\n  name: Warehouse\n  version: 1.0.0\n  domain: acme.logistics\n  description: A storage site the team ships orders from.\n  tags:\n    - logistics\n    - inventory\n\ntraits:\n  - name: lifecycle/Stateful\n    parameters:\n      states:\n        - planned\n        - active\n        - closed\n      initialState: planned\n  - name: lifecycle/Timestampable\n    parameters:\n      recordedEvents:\n        - opened\n        - restocked\n        - closed\n      timezone: UTC\n  - name: Stockable\n    parameters:\n      capacityUnit: pallets\n\nschema:\n  # These examples describe operating sites with stock on hand. Independent enum\n  # rotation paired a closed site with the trait's full-stock example.\n  status:\n    type: string\n    required: true\n    description: Current operating state of the warehouse.\n    validation:\n      enum:\n        - planned\n        - active\n        - closed\n    examples:\n      - active\n  last_event:\n    type: string\n    required: false\n    description: Most recent recorded warehouse event.\n    validation:\n      enum:\n        - opened\n        - restocked\n        - closed\n    examples:\n      - restocked\n  last_event_at:\n    type: datetime\n    required: false\n    description: When the sample warehouse was last restocked.\n    examples:\n      - '2026-09-15T12:00:00Z'\n  # One history for every sample site: registered as planned, opened on 2 March, restocked since. The status\n  # timeline reads state_history, not last_event, so the example authors the transition that made each site active.\n  created_at:\n    type: datetime\n    required: true\n    description: When the site was registered.\n    examples:\n      - '2026-01-12T09:00:00Z'\n  updated_at:\n    type: datetime\n    required: false\n    description: When the site's record last changed.\n    examples:\n      - '2026-09-15T12:00:00Z'\n  state_history:\n    type: StateTransition[]\n    required: false\n    description: The site's operating-state changes, oldest first.\n    examples:\n      - - title: Opened\n          from: planned\n          to: active\n          at: '2026-03-02T08:00:00Z'\n          reason: Site opened for orders\n  warehouse_id:\n    type: uuid\n    required: true\n    description: Unique identifier for the warehouse.\n  name:\n    type: string\n    required: true\n    description: The warehouse's name.\n    examples:\n      - Lakeside Distribution\n      - North Yard\n      - Harbor Cold Store\n      - Prairie Crossdock\n      - Riverbend Fulfillment\n      - Summit Parts Depot\n      - Bayview Returns Center\n      - Canal Street Annex\n      - Maple Grove Storage\n      - Eastgate Freight Hub\n  code:\n    type: string\n    required: true\n    description: Short site code printed on shipping labels.\n    examples:\n      - MKE-01\n      - CHI-02\n      - DET-03\n      - DSM-04\n      - STL-05\n      - DEN-06\n      - OAK-07\n      - IND-08\n      - MSP-09\n      - CLE-10\n  city:\n    type: string\n    required: true\n    description: City the warehouse is in.\n    examples:\n      - Milwaukee\n      - Chicago\n      - Detroit\n      - Des Moines\n      - St. Louis\n      - Denver\n      - Oakland\n      - Indianapolis\n      - Minneapolis\n      - Cleveland\n  manager_email:\n    type: email\n    required: false\n    description: Who runs the site day to day.\n    examples:\n      - mke-01.manager@harbor.example\n      - chi-02.manager@harbor.example\n      - det-03.manager@harbor.example\n      - dsm-04.manager@harbor.example\n      - stl-05.manager@harbor.example\n      - den-06.manager@harbor.example\n      - oak-07.manager@harbor.example\n      - ind-08.manager@harbor.example\n      - msp-09.manager@harbor.example\n      - cle-10.manager@harbor.example\n  monthly_rent:\n    type: number\n    required: true\n    description: What the site costs each month, in major units of its currency.\n    examples:\n      - 12500.5\n      - 9800\n      - 15250.75\n      - 7400\n      - 11850.25\n      - 21000\n      - 18990.99\n      - 6250\n      - 9975.5\n      - 14300\n  currency:\n    type: string\n    required: true\n    description: Currency the rent is paid in.\n    validation:\n      enum:\n        - USD\n        - EUR\n        - GBP\n\n  organization_id:\n    type: uuid\n    required: false\n    description: The organization operating this warehouse.\n    examples:\n      - 5d0c6a2e-8f41-4b7a-9c3e-2a6f1b8d4e90\n  organization_name:\n    type: string\n    required: false\n    description: The operating organization's name, shown in place of its id.\n    examples:\n      - Harbor Logistics\n\nrelationships:\n  - target: Organization\n    via: organization_id\n    cardinality: many-to-one\n    label: Operated by\n\nsemantics:\n  name:\n    semantic_type: logistics.warehouse.name\n    token_mapping: tokenMap(text.primary)\n  monthly_rent:\n    semantic_type: logistics.warehouse.rent\n    token_mapping: tokenMap(commerce.price.primary)\n    ui_hints:\n      component: CurrencyAmount\n      currencyField: currency\n  currency:\n    semantic_type: logistics.warehouse.currency\n    token_mapping: tokenMap(commerce.currency.primary)\n  organization_id:\n    semantic_type: logistics.warehouse.operator\n    token_mapping: tokenMap(text.body.*)\n    ui_hints:\n      displayLabelField: organization_name\n\nmetadata:\n  owners:\n    - logistics-team\n  maturity: beta\n"
   }
   ```

   Its result:

   ```
   {
     "kind": "object",
     "name": "Warehouse",
     "file": "~/.oods-foundry/objects/Warehouse.object.yaml",
     "status": "created",
     "contexts": [
       {
         "context": "list",
         "status": "ok",
         "messages": []
       },
       {
         "context": "detail",
         "status": "ok",
         "messages": []
       },
       {
         "context": "form",
         "status": "ok",
         "messages": []
       },
       {
         "context": "timeline",
         "status": "ok",
         "messages": []
       },
       {
         "context": "card",
         "status": "ok",
         "messages": []
       },
       {
         "context": "inline",
         "status": "ok",
         "messages": []
       },
       {
         "context": "workflow",
         "status": "ok",
         "messages": []
       }
     ],
     "warnings": [
       "Warehouse refines 6 fields its traits define, and its own definitions are used: lifecycle/Stateful (status, state_history); lifecycle/Timestampable (last_event, last_event_at, created_at, updated_at)."
     ],
     "registry": {
       "folders": {
         "objects": "~/.oods-foundry/objects",
         "traits": "~/.oods-foundry/traits"
       },
       "objects": {
         "total": 17,
         "shipped": 16,
         "user": 1,
         "replacingShipped": []
       },
       "traits": {
         "total": 50,
         "shipped": 49,
         "user": 1
       },
       "issues": []
     }
   }
   ```

9. `component_map` · mapping

   Its input:

   ```
   {
     "action": "create",
     "apply": true,
     "externalSystem": "harbor",
     "externalComponent": "TeamButton",
     "oodsTraits": [
       "Stateful"
     ],
     "substitution": {
       "component": "Button",
       "react": {
         "package": "@harbor/example-components/react",
         "version": "1.0.0",
         "export": "TeamButton",
         "localPath": "<workspace>/harbor-design-system/team-components",
         "props": {
           "content": {
             "name": "caption"
           },
           "intent": {
             "name": "appearance",
             "values": {
               "neutral": "quiet",
               "primary": "prominent",
               "danger": "danger"
             }
           }
         }
       },
       "vue": {
         "package": "@harbor/example-components/vue",
         "version": "1.0.0",
         "export": "TeamButton",
         "localPath": "<workspace>/harbor-design-system/team-components",
         "props": {
           "content": {
             "name": "caption"
           },
           "intent": {
             "name": "appearance",
             "values": {
               "neutral": "quiet",
               "primary": "prominent",
               "danger": "danger"
             }
           }
         }
       }
     }
   }
   ```

   Its result:

   ```
   {
     "status": "ok",
     "mapping": {
       "id": "harbor-team-button",
       "externalSystem": "harbor",
       "externalComponent": "TeamButton",
       "oodsTraits": [
         "Stateful"
       ],
       "substitution": {
         "component": "Button",
         "react": {
           "package": "@harbor/example-components/react",
           "version": "1.0.0",
           "export": "TeamButton",
           "localPath": "<workspace>/harbor-design-system/team-components",
           "props": {
             "content": {
               "name": "caption"
             },
             "intent": {
               "name": "appearance",
               "values": {
                 "neutral": "quiet",
                 "primary": "prominent",
                 "danger": "danger"
               }
             }
           },
           "passthrough": true
         },
         "vue": {
           "package": "@harbor/example-components/vue",
           "version": "1.0.0",
           "export": "TeamButton",
           "localPath": "<workspace>/harbor-design-system/team-components",
           "props": {
             "content": {
               "name": "caption"
             },
             "intent": {
               "name": "appearance",
               "values": {
                 "neutral": "quiet",
                 "primary": "prominent",
                 "danger": "danger"
               }
             }
           },
           "passthrough": true
         }
       },
       "confidence": "manual",
       "metadata": {
         "createdAt": "2026-10-08T15:03:14.052Z"
       }
     },
     "etag": "3634e3e2a0e04df032fea58aad304694e5a16042f24b5d02db92417001787fc7",
     "applied": true
   }
   ```

10. `design_compose` · compose

    Its input:

    ```
    {
      "object": "Warehouse",
      "context": "detail",
      "preferences": {
        "brand": "Harbor",
        "theme": "light"
      }
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "layout": "detail",
      "schema": {
        "version": "2026.02",
        "theme": "light",
        "screens": [
          {
            "id": "screen-detail-13",
            "component": "Stack",
            "layout": {
              "type": "stack",
              "gapToken": "cluster-default"
            },
            "children": [
              {
                "id": "detail-header-1",
                "component": "Stack",
                "layout": {
                  "type": "stack",
                  "align": "space-between",
                  "gapToken": "stack-default"
                },
                "children": [
                  {
                    "id": "detail-header-1-record-title",
                    "component": "DetailHeader",
                    "props": {
                      "titleField": "name",
                      "headingLevel": 1
                    }
                  },
                  {
                    "id": "screen-detail-13-record-summary",
                    "component": "Stack",
                    "layout": {
                      "type": "inline",
                      "gapToken": "cluster-tight"
                    },
                    "meta": {
                      "intent": "record-summary"
                    },
                    "children": [
                      {
                        "id": "screen-detail-13-record-summary-1",
                        "component": "StatusBadge",
                        "props": {
                          "tone": "lifecycle",
                          "statusField": "status",
                          "domain": "lifecycle"
                        }
                      }
                    ]
                  },
                  {
                    "id": "slot-header-2",
                    "component": "StatusTimeline",
                    "meta": {
                      "intent": "slot:header",
                      "label": "header"
                    },
                    "props": {
                      "field": "status",
                      "historyField": "state_history",
                      "statesParameter": "states",
                      "showActorId": true,
                      "showReason": true
                    }
                  }
                ]
              },
              {
                "id": "detail-body-10",
                "component": "Card",
                "layout": {
                  "type": "stack",
                  "gapToken": "cluster-default"
                },
                "children": [
                  {
                    "id": "detail-tabs-9",
                    "component": "Tabs",
                    "children": [
                      {
                        "id": "detail-tab-panel-3",
                        "component": "Stack",
                        "layout": {
                          "type": "stack",
                          "gapToken": "cluster-default"
                        },
                        "props": {
                          "label": "Details"
                        },
                        "children": [
                          {
                            "id": "detail-tabs-9-code-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-code-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Code"
                                }
                              },
                              {
                                "id": "detail-tabs-9-code-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "code"
                                }
                              }
                            ]
                          },
                          {
                            "id": "slot-tab-4-17-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "slot-tab-4-17-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "City"
                                }
                              },
                              {
                                "id": "slot-tab-4-17-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "city"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-manager_email-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-manager_email-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Manager email"
                                }
                              },
                              {
                                "id": "detail-tabs-9-manager_email-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "manager_email"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-monthly_rent-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-monthly_rent-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Monthly rent"
                                }
                              },
                              {
                                "id": "detail-tabs-9-monthly_rent-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "PriceBadge",
                                "props": {
                                  "amountField": "monthly_rent",
                                  "currencyField": "currency"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-currency-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-currency-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Currency"
                                }
                              },
                              {
                                "id": "detail-tabs-9-currency-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "currency"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-organization_id-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-organization_id-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Organization"
                                }
                              },
                              {
                                "id": "detail-tabs-9-organization_id-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "organization_id"
                                }
                              }
                            ]
                          },
                          {
                            "id": "pg-status-timeline-kept-24-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "pg-status-timeline-kept-24-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Stock level"
                                }
                              },
                              {
                                "id": "pg-status-timeline-kept-24",
                                "component": "StatusBadge",
                                "props": {
                                  "statusField": "stock_level",
                                  "emphasis": "subtle",
                                  "showIcon": false,
                                  "domain": "lifecycle"
                                },
                                "meta": {
                                  "intent": "read-only-field"
                                }
                              }
                            ]
                          },
                          {
                            "id": "slot-tab-1-6-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "slot-tab-1-6-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Units on hand"
                                }
                              },
                              {
                                "id": "slot-tab-1-6-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "units_on_hand"
                                }
                              }
                            ]
                          },
                          {
                            "id": "slot-tab-2-8-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "slot-tab-2-8-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Capacity units"
                                }
                              },
                              {
                                "id": "slot-tab-2-8-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "capacity_units"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-created_at-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-created_at-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Created at"
                                }
                              },
                              {
                                "id": "detail-tabs-9-created_at-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "created_at"
                                }
                              }
                            ]
                          },
                          {
                            "id": "pg-status-timeline-23-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "pg-status-timeline-23-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Updated at"
                                }
                              },
                              {
                                "id": "pg-status-timeline-23-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "updated_at"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-last_event-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-last_event-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Last event"
                                }
                              },
                              {
                                "id": "detail-tabs-9-last_event-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "last_event"
                                }
                              }
                            ]
                          },
                          {
                            "id": "detail-tabs-9-last_event_at-read-field",
                            "component": "Stack",
                            "children": [
                              {
                                "id": "detail-tabs-9-last_event_at-label",
                                "component": "Text",
                                "props": {
                                  "as": "strong",
                                  "content": "Last event at"
                                }
                              },
                              {
                                "id": "detail-tabs-9-last_event_at-value",
                                "meta": {
                                  "intent": "read-only-field"
                                },
                                "component": "Text",
                                "props": {
                                  "field": "last_event_at"
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ],
                    "props": {
                      "ariaLabel": "Record details"
                    }
                  }
                ]
              }
            ],
            "bindings": {
              "onEdit": "handleEdit",
              "onDelete": "handleDelete",
              "onViewTimeline": "handleViewTimeline"
            },
            "meta": {
              "label": "Warehouse"
            }
          }
        ],
        "objectSchema": {
          "status": {
            "type": "string",
            "required": true,
            "default": "planned",
            "examples": [
              "active"
            ],
            "description": "Current operating state of the warehouse.",
            "enum": [
              "planned",
              "active",
              "closed"
            ],
            "semanticType": "status.state"
          },
          "state_history": {
            "type": "StateTransition[]",
            "required": false,
            "examples": [
              [
                {
                  "title": "Opened",
                  "from": "planned",
                  "to": "active",
                  "at": "2026-03-02T08:00:00Z",
                  "reason": "Site opened for orders"
                }
              ]
            ],
            "description": "The site's operating-state changes, oldest first.",
            "semanticType": "timeline.state_transition"
          },
          "allowed_transitions": {
            "type": "string[]",
            "required": false,
            "default": [],
            "description": "Materialized list of valid next states from the current status, computed from the\ntransitionRules parameter. When transitionRules is null (open model), this contains\nall states except the current one. Used by StatusSelector to disable invalid options\nand by StatusBadge to indicate available paths.\n",
            "semanticType": "status.navigation"
          },
          "created_at": {
            "type": "datetime",
            "required": true,
            "examples": [
              "2026-01-12T09:00:00Z"
            ],
            "description": "When the site was registered.",
            "semanticType": "audit.created_at"
          },
          "updated_at": {
            "type": "datetime",
            "required": false,
            "examples": [
              "2026-09-15T12:00:00Z"
            ],
            "description": "When the site's record last changed.",
            "semanticType": "audit.updated_at"
          },
          "last_event": {
            "type": "string",
            "required": false,
            "examples": [
              "restocked"
            ],
            "description": "Most recent recorded warehouse event.",
            "enum": [
              "opened",
              "restocked",
              "closed"
            ],
            "semanticType": "audit.event.type"
          },
          "last_event_at": {
            "type": "datetime",
            "required": false,
            "examples": [
              "2026-09-15T12:00:00Z"
            ],
            "description": "When the sample warehouse was last restocked.",
            "semanticType": "audit.event.timestamp"
          },
          "stock_level": {
            "type": "string",
            "required": true,
            "description": "Whether the location has room, is nearly full, or is full.",
            "enum": [
              "room_available",
              "nearly_full",
              "full"
            ],
            "semanticType": "inventory.stock.level"
          },
          "capacity_units": {
            "type": "integer",
            "required": true,
            "examples": [
              1200,
              800,
              2400
            ],
            "description": "How many units the location holds when it is full."
          },
          "units_on_hand": {
            "type": "integer",
            "required": true,
            "examples": [
              640,
              760,
              2400
            ],
            "description": "How many units are stored there now."
          },
          "warehouse_id": {
            "type": "uuid",
            "required": true,
            "description": "Unique identifier for the warehouse."
          },
          "name": {
            "type": "string",
            "required": true,
            "examples": [
              "Lakeside Distribution",
              "North Yard",
              "Harbor Cold Store",
              "Prairie Crossdock",
              "Riverbend Fulfillment",
              "Summit Parts Depot",
              "Bayview Returns Center",
              "Canal Street Annex",
              "Maple Grove Storage",
              "Eastgate Freight Hub"
            ],
            "description": "The warehouse's name.",
            "semanticType": "logistics.warehouse.name"
          },
          "code": {
            "type": "string",
            "required": true,
            "examples": [
              "MKE-01",
              "CHI-02",
              "DET-03",
              "DSM-04",
              "STL-05",
              "DEN-06",
              "OAK-07",
              "IND-08",
              "MSP-09",
              "CLE-10"
            ],
            "description": "Short site code printed on shipping labels."
          },
          "city": {
            "type": "string",
            "required": true,
            "examples": [
              "Milwaukee",
              "Chicago",
              "Detroit",
              "Des Moines",
              "St. Louis",
              "Denver",
              "Oakland",
              "Indianapolis",
              "Minneapolis",
              "Cleveland"
            ],
            "description": "City the warehouse is in."
          },
          "manager_email": {
            "type": "email",
            "required": false,
            "examples": [
              "mke-01.manager@harbor.example",
              "chi-02.manager@harbor.example",
              "det-03.manager@harbor.example",
              "dsm-04.manager@harbor.example",
              "stl-05.manager@harbor.example",
              "den-06.manager@harbor.example",
              "oak-07.manager@harbor.example",
              "ind-08.manager@harbor.example",
              "msp-09.manager@harbor.example",
              "cle-10.manager@harbor.example"
            ],
            "description": "Who runs the site day to day."
          },
          "monthly_rent": {
            "type": "number",
            "required": true,
            "examples": [
              12500.5,
              9800,
              15250.75,
              7400,
              11850.25,
              21000,
              18990.99,
              6250,
              9975.5,
              14300
            ],
            "description": "What the site costs each month, in major units of its currency.",
            "semanticType": "logistics.warehouse.rent",
            "money": {
              "currencyField": "currency"
            }
          },
          "currency": {
            "type": "string",
            "required": true,
            "description": "Currency the rent is paid in.",
            "enum": [
              "USD",
              "EUR",
              "GBP"
            ],
            "semanticType": "logistics.warehouse.currency"
          },
          "organization_id": {
            "type": "uuid",
            "required": false,
            "examples": [
              "5d0c6a2e-8f41-4b7a-9c3e-2a6f1b8d4e90"
            ],
            "description": "The organization operating this warehouse.",
            "semanticType": "logistics.warehouse.operator",
            "displayLabelField": "organization_name"
          },
          "organization_name": {
            "type": "string",
            "required": false,
            "examples": [
              "Harbor Logistics"
            ],
            "description": "The operating organization's name, shown in place of its id."
          }
        }
      },
      "schemaRef": "compose-d6072861",
      "schemaRefCreatedAt": "2026-10-08T15:03:14.084Z",
      "schemaRefExpiresAt": "2026-10-08T15:33:14.084Z",
      "compositionId": "cmp-c013f1ee92f9",
      "version": 1,
      "parentVersion": null,
      "operation": "compose",
      "head": "af36064f0f930eec023a3e02e0f1280cf8dbe8f7",
      "selections": [
        {
          "slotName": "header",
          "intent": "page-header",
          "selectedComponent": "DetailHeader",
          "explanation": "DetailHeader leads slot \"header\" because record title placed by the layout from the object's label field. The slot also renders StatusTimeline after it, in that order.",
          "candidates": [
            {
              "name": "DetailHeader",
              "reason": "record title placed by the layout from the object's label field"
            },
            {
              "name": "StatusTimeline",
              "reason": "view_extension placement"
            }
          ],
          "placedComponents": [
            "DetailHeader",
            "StatusTimeline"
          ]
        }
      ],
      "validation": {
        "status": "ok",
        "errors": [],
        "warnings": []
      },
      "warnings": [
        {
          "code": "OODS-V121",
          "message": "Object 'Warehouse' has maturity 'beta' — composed output may change.",
          "hint": "Consider using stable objects for production compositions."
        },
        {
          "code": "OODS-V117",
          "message": "Warehouse refines 6 fields its traits define, and its own definitions are used: lifecycle/Stateful (status, state_history); lifecycle/Timestampable (last_event, last_event_at, created_at, updated_at)."
        }
      ],
      "objectUsed": {
        "name": "Warehouse",
        "version": "1.0.0",
        "traits": [
          "lifecycle/Stateful",
          "lifecycle/Timestampable",
          "Stockable"
        ],
        "fieldsComposed": 19,
        "viewExtensionsApplied": {
          "list": 3,
          "detail": 5,
          "form": 1,
          "card": 2
        }
      },
      "meta": {
        "intentParsed": "Warehouse detail view",
        "layoutDetected": "context-inferred: detail (from context=\"detail\")",
        "slotCount": 1,
        "nodeCount": 48,
        "intentSynthetic": true,
        "warnings": [
          "Object 'Warehouse' has maturity 'beta' — composed output may change.",
          "Warehouse refines 6 fields its traits define, and its own definitions are used: lifecycle/Stateful (status, state_history); lifecycle/Timestampable (last_event, last_event_at, created_at, updated_at)."
        ],
        "intelligence": {
          "fieldsExpanded": true,
          "slotsExpanded": 2,
          "expansionReason": "Expanded from 3 to 5 tabs for 19 fields",
          "patternsApplied": 1,
          "patternGroups": [
            {
              "slotName": "tab-0",
              "patternId": "status-timeline",
              "compositeComponent": "StatusTimeline",
              "matchedFields": [
                "status",
                "updated_at"
              ],
              "confidence": 1
            }
          ],
          "fieldAffinityUsed": true
        }
      }
    }
    ```

11. `viz_render` · chart

    Its input:

    ```
    {
      "chartType": "bar",
      "brand": "Harbor",
      "theme": "light",
      "rows": [
        {
          "warehouse": "Lakeside Distribution",
          "pallets": 640
        },
        {
          "warehouse": "North Yard",
          "pallets": 760
        },
        {
          "warehouse": "Harbor Cold Store",
          "pallets": 2400
        }
      ],
      "encodings": {
        "x": {
          "field": "warehouse",
          "type": "nominal"
        },
        "y": {
          "field": "pallets",
          "type": "quantitative"
        }
      },
      "output": {
        "includeNormalizedSpec": true,
        "includeA11y": true
      }
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "chartType": "bar",
      "mode": "explicit",
      "spec": {
        "$schema": "https://vega.github.io/schema/vega-lite/v6.json",
        "title": "Bar chart",
        "description": "Bar chart of pallets by warehouse.",
        "data": {
          "values": [
            {
              "warehouse": "Lakeside Distribution",
              "pallets": 640
            },
            {
              "warehouse": "North Yard",
              "pallets": 760
            },
            {
              "warehouse": "Harbor Cold Store",
              "pallets": 2400
            }
          ]
        },
        "autosize": {
          "type": "fit-y",
          "contains": "padding"
        },
        "config": {
          "background": "#FFFFFF",
          "font": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
          "title": {
            "color": "#070B0B",
            "font": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
            "fontSize": 24,
            "fontWeight": 600,
            "anchor": "start"
          },
          "axis": {
            "titleColor": "#070B0B",
            "titleFont": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
            "labelColor": "#4C5455",
            "labelFont": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
            "gridColor": "#E1E6E7",
            "domainColor": "#CFD6D7",
            "tickColor": "#CFD6D7"
          },
          "axisX": {
            "grid": false
          },
          "axisY": {
            "grid": true,
            "tickCount": {
              "expr": "min(5, ceil(height / 40))"
            }
          },
          "legend": {
            "titleColor": "#070B0B",
            "titleFont": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
            "labelColor": "#4C5455",
            "labelFont": "'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
          },
          "view": {
            "stroke": null
          }
        },
        "usermeta": {
          "oods": {
            "specId": "viz:bar",
            "name": "Bar chart",
            "a11y": {
              "description": "Bar chart of pallets by warehouse.",
              "ariaLabel": "Bar chart of Pallets by Warehouse"
            }
          }
        },
        "mark": {
          "type": "bar",
          "color": "#00A2BD",
          "width": {
            "expr": "min(48, bandwidth('x'))"
          }
        },
        "encoding": {
          "x": {
            "field": "warehouse",
            "type": "nominal",
            "title": "Warehouse"
          },
          "y": {
            "field": "pallets",
            "type": "quantitative",
            "title": "Pallets"
          }
        },
        "width": 400,
        "height": 300
      },
      "a11yDescription": "Bar chart of pallets by warehouse.",
      "warnings": [],
      "output": {
        "compact": true,
        "includeNormalizedSpec": true,
        "includeA11y": true
      },
      "meta": {
        "renderer": "vega-lite",
        "mark": "MarkBar",
        "rowCount": 3,
        "fields": [
          "warehouse",
          "pallets"
        ]
      },
      "normalizedSpec": {
        "$schema": "https://oods-foundry.com/viz-spec/v1",
        "id": "viz:bar",
        "name": "Bar chart",
        "data": {
          "values": [
            {
              "warehouse": "Lakeside Distribution",
              "pallets": 640
            },
            {
              "warehouse": "North Yard",
              "pallets": 760
            },
            {
              "warehouse": "Harbor Cold Store",
              "pallets": 2400
            }
          ]
        },
        "marks": [
          {
            "trait": "MarkBar"
          }
        ],
        "encoding": {
          "x": {
            "field": "warehouse",
            "trait": "EncodingPositionX",
            "channel": "x",
            "type": "nominal",
            "title": "Warehouse"
          },
          "y": {
            "field": "pallets",
            "trait": "EncodingPositionY",
            "channel": "y",
            "type": "quantitative",
            "title": "Pallets"
          }
        },
        "a11y": {
          "description": "Bar chart of pallets by warehouse.",
          "ariaLabel": "Bar chart of Pallets by Warehouse"
        }
      },
      "tokenCssRef": "tokens.build#sha256:6d8c79ae497331d14c628e75bec74baa4f09b45187fd2a4a69f93373e34eff2d",
      "a11y": {
        "narrative": {
          "summary": "Bar chart compares Warehouse; Harbor Cold Store leads at 2,400 while Lakeside Distribution is lowest at 640.",
          "keyFindings": [
            "High Pallets: Pallets 2,400 (Harbor Cold Store)",
            "Low Pallets: Pallets 640 (Lakeside Distribution)"
          ]
        },
        "table": {
          "caption": "Data table for Bar chart",
          "columns": [
            {
              "field": "warehouse",
              "label": "Warehouse",
              "isNumeric": false
            },
            {
              "field": "pallets",
              "label": "Pallets",
              "isNumeric": true
            }
          ],
          "rows": [
            {
              "cells": [
                {
                  "field": "warehouse",
                  "text": "Lakeside Distribution"
                },
                {
                  "field": "pallets",
                  "text": "640"
                }
              ]
            },
            {
              "cells": [
                {
                  "field": "warehouse",
                  "text": "North Yard"
                },
                {
                  "field": "pallets",
                  "text": "760"
                }
              ]
            },
            {
              "cells": [
                {
                  "field": "warehouse",
                  "text": "Harbor Cold Store"
                },
                {
                  "field": "pallets",
                  "text": "2,400"
                }
              ]
            }
          ]
        }
      },
      "specRef": "viz.render-7a542bf4",
      "specRefCreatedAt": "2026-10-08T15:03:14.146Z",
      "specRefExpiresAt": "2026-10-08T15:33:14.146Z",
      "contentHash": "746f8e9673217fc6b24f4441db7ababcc269eb84555aac1a9af9960d6e1f360a"
    }
    ```

12. `artifact_certify` · certify

    Its input:

    ```
    {
      "spec": {
        "$schema": "https://oods-foundry.com/viz-spec/v1",
        "id": "viz:bar",
        "name": "Bar chart",
        "data": {
          "values": [
            {
              "warehouse": "Lakeside Distribution",
              "pallets": 640
            },
            {
              "warehouse": "North Yard",
              "pallets": 760
            },
            {
              "warehouse": "Harbor Cold Store",
              "pallets": 2400
            }
          ]
        },
        "marks": [
          {
            "trait": "MarkBar"
          }
        ],
        "encoding": {
          "x": {
            "field": "warehouse",
            "trait": "EncodingPositionX",
            "channel": "x",
            "type": "nominal",
            "title": "Warehouse"
          },
          "y": {
            "field": "pallets",
            "trait": "EncodingPositionY",
            "channel": "y",
            "type": "quantitative",
            "title": "Pallets"
          }
        },
        "a11y": {
          "description": "Bar chart of pallets by warehouse.",
          "ariaLabel": "Bar chart of Pallets by Warehouse"
        }
      },
      "brand": "Harbor",
      "theme": "light"
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "coverage": "certified",
      "conformant": true,
      "accuracyRules": [
        "OODS-V150",
        "OODS-V151",
        "OODS-V152",
        "OODS-V153"
      ],
      "findings": [],
      "determinism": {
        "stable": true,
        "contentHash": "746f8e9673217fc6b24f4441db7ababcc269eb84555aac1a9af9960d6e1f360a",
        "renderHash": "09283d7095065ce1f00c5cfc433ea501ed93f787c02376368a1db5c5e4996cc2"
      },
      "pillars": {
        "a11yEquivalence": "pass",
        "determinism": "pass",
        "contrast": "pass",
        "accuracy": "pass"
      },
      "accuracySummary": {
        "rulesEvaluated": 4,
        "failing": 0
      },
      "contrastNote": "certify grades the series-to-paint assignment of the rendered chart (the compiled spec rendered through @oods/viz-render), against the requested CSS scope canvas. Scope: light/Harbor.",
      "notes": [
        "no aggregation is declared anywhere in the IR, so there was no disclosure to evaluate — the aggregation-hiding pass has no subject"
      ],
      "contrastResults": [
        {
          "theme": "light",
          "brand": "Harbor",
          "verdict": "pass",
          "measured": true,
          "evidence": "render",
          "note": "certify grades the series-to-paint assignment of the rendered chart (the compiled spec rendered through @oods/viz-render), against the requested CSS scope canvas. Scope: light/Harbor."
        }
      ]
    }
    ```

13. `design_preview` · preview

    Its input:

    ```
    {
      "compositionId": "cmp-c013f1ee92f9",
      "version": 1
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "action": "render",
      "compositionId": "cmp-c013f1ee92f9",
      "version": 1,
      "parentVersion": null,
      "operation": "compose",
      "head": "af36064f0f930eec023a3e02e0f1280cf8dbe8f7",
      "schemaHash": "sha256:1b8472f61bf90259ad97727c0bf1c165d13ca58121659973c5e321d111a71375",
      "object": "Warehouse",
      "context": "detail",
      "previewUrl": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1?framework=react&brand=Harbor&theme=light",
      "previews": [
        {
          "framework": "react",
          "url": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1?framework=react&brand=Harbor&theme=light",
          "appUrl": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1/app?framework=react&brand=Harbor&theme=light",
          "moduleUrl": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1/module.js?framework=react&brand=Harbor&theme=light",
          "artifactContentHash": "sha256:2fc24e4ddcd1204110c81e9ce149286ef1a835ab43f619fa64827d81b0bc6730",
          "compiled": {
            "bytes": 55612,
            "sha256": "sha256:6b6e0f5266544ea58489042fb4ca8546b1cb296833223b47ca298fe5a10c04f2"
          },
          "generatedFor": {
            "brand": "Harbor",
            "theme": "light",
            "chartScoped": false
          }
        },
        {
          "framework": "vue",
          "url": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1?framework=vue&brand=Harbor&theme=light",
          "appUrl": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1/app?framework=vue&brand=Harbor&theme=light",
          "moduleUrl": "http://127.0.0.1:57947/preview/cmp-c013f1ee92f9/1/module.js?framework=vue&brand=Harbor&theme=light",
          "artifactContentHash": "sha256:ac0cfd23e92875e08e831d5eceec2f8c4ccb04ec266974c671c3d3ccd7e286b2",
          "compiled": {
            "bytes": 73416,
            "sha256": "sha256:d32dca2c34cc08f41cbab2900f9e2b244c3ec834c3b9ab33b99c63efb48a0a51"
          },
          "generatedFor": {
            "brand": "Harbor",
            "theme": "light",
            "chartScoped": false
          }
        }
      ],
      "host": {
        "url": "http://127.0.0.1:57947",
        "port": 57947,
        "compositionsDir": "~/.oods-foundry/compositions"
      },
      "brand": "Harbor",
      "theme": "light",
      "recordPath": "~/.oods-foundry/compositions/cmp-c013f1ee92f9/versions/1.json",
      "componentContracts": [
        {
          "framework": "react",
          "mappingId": "harbor-team-button",
          "component": "Button",
          "source": {
            "export": "TeamButton",
            "package": "@harbor/example-components/react",
            "version": "1.0.0",
            "packageContentHash": "sha256:f82c9589adb1794361006cadb7c25b7a1108d5f9aefe3726f6790e7f348a3fac"
          },
          "schemaVersion": "1",
          "contractVersion": "1.1.0",
          "scenarioId": "button-activate",
          "obligations": [
            {
              "id": "prop:content",
              "requirement": "content",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:intent",
              "requirement": "intent",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:size",
              "requirement": "size",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "The rendered native control must expose disabled semantics."
            },
            {
              "id": "prop:type",
              "requirement": "type",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "slot:default",
              "requirement": "default",
              "status": "met",
              "reason": "The shared default slot must name Save changes."
            },
            {
              "id": "event:activate",
              "requirement": "activate",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]. Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "state:default",
              "requirement": "default",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:hover",
              "requirement": "hover",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:focus",
              "requirement": "focus",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "state:pressed",
              "requirement": "pressed",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "Disabled variant is mounted and its native disabled state is inspected."
            },
            {
              "id": "token:button.background",
              "requirement": "button.background",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.border",
              "requirement": "button.border",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.text",
              "requirement": "button.text",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.focus",
              "requirement": "button.focus",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "accessibility:Native button semantics",
              "requirement": "Native button semantics",
              "status": "met",
              "reason": "The mounted shared scenario must contain one native button."
            },
            {
              "id": "accessibility:Defaults to type=button",
              "requirement": "Defaults to type=button",
              "status": "met",
              "reason": "The default type attribute is read from the real DOM."
            },
            {
              "id": "role",
              "requirement": "button",
              "status": "met",
              "reason": "Observed 1 elements with role button."
            },
            {
              "id": "name",
              "requirement": "label on button",
              "status": "met",
              "reason": "Observed accessible label text: \"Save changes\"."
            },
            {
              "id": "keyboard:Tab",
              "requirement": "Move focus to the named native control",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "keyboard:Enter",
              "requirement": "Activate the control",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "compatibility",
              "requirement": "React asChild remains an extension and is not a Vue parity requirement.",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:props",
              "requirement": "Shared scenario props and slots mount without an exception",
              "status": "met",
              "reason": "Shared scenario props and slots mounted through the generated adapter without browser errors."
            },
            {
              "id": "scenario:render",
              "requirement": "activation handler called once",
              "status": "met",
              "reason": "The named button activates exactly once for each shared pointer/keyboard trigger."
            },
            {
              "id": "scenario:assertion:0",
              "requirement": "native type defaults to button",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:assertion:1",
              "requirement": "focus is visible",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:event:0",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"key\":\"Tab\",\"effect\":{\"kind\":\"focus\"}}",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "scenario:event:1",
              "requirement": "{\"trigger\":\"pointer\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"action\":\"click\"}",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "scenario:event:2",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"key\":\"Enter\"}",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            }
          ],
          "summary": {
            "met": 16,
            "unmet": 0,
            "not-checked": 14
          },
          "adapterContentHash": "sha256:29fb9dba70356a7cdc1d9271a1b967c79b596183c06da371698c28777ce73d35",
          "contractContentHash": "sha256:f69f2d8aeadbdea813e1d7030f0856146a0822f45d086f9c9ee5d3a8d03fb02a",
          "checkedAt": "2026-10-08T15:03:17.779Z",
          "browser": "Chromium 153.0.8010.12"
        },
        {
          "framework": "vue",
          "mappingId": "harbor-team-button",
          "component": "Button",
          "source": {
            "export": "TeamButton",
            "package": "@harbor/example-components/vue",
            "version": "1.0.0",
            "packageContentHash": "sha256:f82c9589adb1794361006cadb7c25b7a1108d5f9aefe3726f6790e7f348a3fac"
          },
          "schemaVersion": "1",
          "contractVersion": "1.1.0",
          "scenarioId": "button-activate",
          "obligations": [
            {
              "id": "prop:content",
              "requirement": "content",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:intent",
              "requirement": "intent",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:size",
              "requirement": "size",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "The rendered native control must expose disabled semantics."
            },
            {
              "id": "prop:type",
              "requirement": "type",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "slot:default",
              "requirement": "default",
              "status": "met",
              "reason": "The shared default slot must name Save changes."
            },
            {
              "id": "event:activate",
              "requirement": "activate",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]. Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "state:default",
              "requirement": "default",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:hover",
              "requirement": "hover",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:focus",
              "requirement": "focus",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "state:pressed",
              "requirement": "pressed",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "Disabled variant is mounted and its native disabled state is inspected."
            },
            {
              "id": "token:button.background",
              "requirement": "button.background",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.border",
              "requirement": "button.border",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.text",
              "requirement": "button.text",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.focus",
              "requirement": "button.focus",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "accessibility:Native button semantics",
              "requirement": "Native button semantics",
              "status": "met",
              "reason": "The mounted shared scenario must contain one native button."
            },
            {
              "id": "accessibility:Defaults to type=button",
              "requirement": "Defaults to type=button",
              "status": "met",
              "reason": "The default type attribute is read from the real DOM."
            },
            {
              "id": "role",
              "requirement": "button",
              "status": "met",
              "reason": "Observed 1 elements with role button."
            },
            {
              "id": "name",
              "requirement": "label on button",
              "status": "met",
              "reason": "Observed accessible label text: \"Save changes\"."
            },
            {
              "id": "keyboard:Tab",
              "requirement": "Move focus to the named native control",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "keyboard:Enter",
              "requirement": "Activate the control",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "compatibility",
              "requirement": "React asChild remains an extension and is not a Vue parity requirement.",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:props",
              "requirement": "Shared scenario props and slots mount without an exception",
              "status": "met",
              "reason": "Shared scenario props and slots mounted through the generated adapter without browser errors."
            },
            {
              "id": "scenario:render",
              "requirement": "activation handler called once",
              "status": "met",
              "reason": "The named button activates exactly once for each shared pointer/keyboard trigger."
            },
            {
              "id": "scenario:assertion:0",
              "requirement": "native type defaults to button",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:assertion:1",
              "requirement": "focus is visible",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:event:0",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"key\":\"Tab\",\"effect\":{\"kind\":\"focus\"}}",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "scenario:event:1",
              "requirement": "{\"trigger\":\"pointer\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"action\":\"click\"}",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "scenario:event:2",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"key\":\"Enter\"}",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            }
          ],
          "summary": {
            "met": 16,
            "unmet": 0,
            "not-checked": 14
          },
          "adapterContentHash": "sha256:5c7b3eb2cd4fecd47bdcf75c068d01a35ee82bc54a527b31dce14859251ec236",
          "contractContentHash": "sha256:f69f2d8aeadbdea813e1d7030f0856146a0822f45d086f9c9ee5d3a8d03fb02a",
          "checkedAt": "2026-10-08T15:03:22.089Z",
          "browser": "Chromium 153.0.8010.12"
        }
      ],
      "warnings": [],
      "measured": {
        "validation": [
          "react",
          "vue"
        ],
        "charts": {
          "placed": 0,
          "conformant": 0,
          "notConformant": 0,
          "uncertified": 0,
          "scopes": []
        },
        "axe": [],
        "notMeasured": [
          "axe:react:A/light",
          "axe:react:A/dark",
          "axe:react:A/hc",
          "axe:react:B/light",
          "axe:react:B/dark",
          "axe:react:B/hc",
          "axe:react:Harbor/light",
          "axe:react:Harbor/dark",
          "axe:react:Harbor/hc",
          "axe:vue:A/light",
          "axe:vue:A/dark",
          "axe:vue:A/hc",
          "axe:vue:B/light",
          "axe:vue:B/dark",
          "axe:vue:B/hc",
          "axe:vue:Harbor/light",
          "axe:vue:Harbor/dark",
          "axe:vue:Harbor/hc"
        ]
      },
      "editable": {
        "regions": [
          {
            "id": "detail-header-1",
            "component": "Stack"
          },
          {
            "id": "detail-body-10",
            "component": "Card"
          }
        ],
        "slots": [
          {
            "slotName": "header",
            "selectedComponent": "DetailHeader",
            "candidates": [
              "DetailHeader",
              "StatusTimeline"
            ]
          }
        ],
        "fields": {
          "detail-header-1": [
            "status"
          ],
          "detail-body-10": [
            "code",
            "city",
            "manager_email",
            "currency",
            "organization_id",
            "units_on_hand",
            "capacity_units",
            "created_at",
            "updated_at",
            "last_event",
            "last_event_at"
          ]
        },
        "seed": null
      },
      "durationMs": 10330.783125
    }
    ```

14. `code_generate` · react

    Its input:

    ```
    {
      "schemaRef": "compose-d6072861",
      "framework": "react",
      "profile": "build",
      "options": {
        "output": "application",
        "brand": "Harbor",
        "theme": "light",
        "payloadMode": "file"
      }
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "framework": "react",
      "payload": {
        "mode": "file",
        "directory": "~/.oods-foundry/payloads/code.generate-800e792fc696",
        "bytes": 134297,
        "files": [
          {
            "path": "README.md",
            "bytes": 743,
            "sha256": "ff76faf406015d87e3f30252a34b2d91c2d49aeafb7063d91b299f17fe7e8444"
          },
          {
            "path": "index.html",
            "bytes": 335,
            "sha256": "34921f4f0b77c5c7ee527d247867a8c497fd698481c792bcd00e9c4166ac1099"
          },
          {
            "path": "package.json",
            "bytes": 681,
            "sha256": "3bd393e41ac70f8607a84edc50ac38206406ff138f6f3048931173d562b76005"
          },
          {
            "path": "src/App.tsx",
            "bytes": 1707,
            "sha256": "42f6117dcc3f4136a1d1373b3eb2ac50cc8f686e5fc3cb27c209457d27c10601"
          },
          {
            "path": "src/GeneratedUI.tsx",
            "bytes": 13842,
            "sha256": "e5d9d92afe97133a982a84567d085ba5a16f704942b28118ec3869bfaa7c19aa"
          },
          {
            "path": "src/app.css",
            "bytes": 511,
            "sha256": "2db3a558b73956ec7d87fc341bca6415d31b6e9f567c9710a90ded0db9a2df68"
          },
          {
            "path": "src/main.tsx",
            "bytes": 160,
            "sha256": "44f61db45209da70184e2b43272c8825db1152e7d300df266ed4400da939f579"
          },
          {
            "path": "src/oods-brand-harbor.css",
            "bytes": 42272,
            "sha256": "4c81c59cb58ebee92438ebe3f34319b3c84cba2c012c361fd835119bdb54f16f"
          },
          {
            "path": "tsconfig.json",
            "bytes": 333,
            "sha256": "a0c6dad213106eebefcf5e817d07e31a8b6666e4bc678a449b7c578f62f6fb3a"
          },
          {
            "path": "vite.config.mjs",
            "bytes": 54,
            "sha256": "ba9f5d24cd9f7332074aa5d15af690839bd18252ab8a31e4b47c11f5a2c1cd38"
          },
          {
            "path": "artifact.json",
            "bytes": 65871,
            "sha256": "d1207a5179be440e501977066ca6d439222ea9433222be27ca0c3661699e1288"
          },
          {
            "path": "component-contracts.json",
            "bytes": 7788,
            "sha256": "c17c6cf3e757b6efeacb8ccced1f921b23bfb9529db62c4afbaf539a6d03388c"
          }
        ]
      },
      "componentContracts": [
        {
          "framework": "react",
          "mappingId": "harbor-team-button",
          "component": "Button",
          "source": {
            "export": "TeamButton",
            "package": "@harbor/example-components/react",
            "version": "1.0.0",
            "packageContentHash": "sha256:f82c9589adb1794361006cadb7c25b7a1108d5f9aefe3726f6790e7f348a3fac"
          },
          "schemaVersion": "1",
          "contractVersion": "1.1.0",
          "scenarioId": "button-activate",
          "obligations": [
            {
              "id": "prop:content",
              "requirement": "content",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:intent",
              "requirement": "intent",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:size",
              "requirement": "size",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "The rendered native control must expose disabled semantics."
            },
            {
              "id": "prop:type",
              "requirement": "type",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "slot:default",
              "requirement": "default",
              "status": "met",
              "reason": "The shared default slot must name Save changes."
            },
            {
              "id": "event:activate",
              "requirement": "activate",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]. Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "state:default",
              "requirement": "default",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:hover",
              "requirement": "hover",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:focus",
              "requirement": "focus",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "state:pressed",
              "requirement": "pressed",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "Disabled variant is mounted and its native disabled state is inspected."
            },
            {
              "id": "token:button.background",
              "requirement": "button.background",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.border",
              "requirement": "button.border",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.text",
              "requirement": "button.text",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.focus",
              "requirement": "button.focus",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "accessibility:Native button semantics",
              "requirement": "Native button semantics",
              "status": "met",
              "reason": "The mounted shared scenario must contain one native button."
            },
            {
              "id": "accessibility:Defaults to type=button",
              "requirement": "Defaults to type=button",
              "status": "met",
              "reason": "The default type attribute is read from the real DOM."
            },
            {
              "id": "role",
              "requirement": "button",
              "status": "met",
              "reason": "Observed 1 elements with role button."
            },
            {
              "id": "name",
              "requirement": "label on button",
              "status": "met",
              "reason": "Observed accessible label text: \"Save changes\"."
            },
            {
              "id": "keyboard:Tab",
              "requirement": "Move focus to the named native control",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "keyboard:Enter",
              "requirement": "Activate the control",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "compatibility",
              "requirement": "React asChild remains an extension and is not a Vue parity requirement.",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:props",
              "requirement": "Shared scenario props and slots mount without an exception",
              "status": "met",
              "reason": "Shared scenario props and slots mounted through the generated adapter without browser errors."
            },
            {
              "id": "scenario:render",
              "requirement": "activation handler called once",
              "status": "met",
              "reason": "The named button activates exactly once for each shared pointer/keyboard trigger."
            },
            {
              "id": "scenario:assertion:0",
              "requirement": "native type defaults to button",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:assertion:1",
              "requirement": "focus is visible",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:event:0",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"key\":\"Tab\",\"effect\":{\"kind\":\"focus\"}}",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "scenario:event:1",
              "requirement": "{\"trigger\":\"pointer\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"action\":\"click\"}",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "scenario:event:2",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"key\":\"Enter\"}",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            }
          ],
          "summary": {
            "met": 16,
            "unmet": 0,
            "not-checked": 14
          },
          "adapterContentHash": "sha256:29fb9dba70356a7cdc1d9271a1b967c79b596183c06da371698c28777ce73d35",
          "contractContentHash": "sha256:f69f2d8aeadbdea813e1d7030f0856146a0822f45d086f9c9ee5d3a8d03fb02a",
          "checkedAt": "2026-10-08T15:03:17.779Z",
          "browser": "Chromium 153.0.8010.12"
        }
      ],
      "code": "",
      "fileExtension": ".tsx",
      "imports": [
        "react",
        "@oods/components-react",
        "@oods/component-styles/css",
        "@oods/component-contracts",
        "react-dom/client",
        "@harbor/example-components/react"
      ],
      "warnings": [],
      "validationReceipt": {
        "profile": "build",
        "defaulted": false,
        "rationale": "Build is the default blocking gate: target, bindings, dependencies and fallbacks must resolve under static checks; the static gate does not install or run the generated application.",
        "axes": {
          "scope": "generated-artifact",
          "enforcement": "blocking",
          "fallback": "forbidden",
          "target": {
            "requested": "react",
            "resolved": "react",
            "source": "explicit"
          }
        },
        "checks": [
          "schema-structure",
          "component-registry",
          "state-contract",
          "target-readiness",
          "normalization-fidelity",
          "binding-contract",
          "props-contract",
          "slots-contract",
          "events-contract",
          "dependency-closure"
        ],
        "notChecked": [
          "fallback-policy",
          "rendered-evidence",
          "interaction-evidence",
          "accessibility-evidence",
          "theme-evidence",
          "determinism-evidence",
          "performance-evidence",
          "certification-evidence"
        ],
        "evidence": {
          "required": [],
          "provided": [],
          "missing": [],
          "mismatched": [],
          "accepted": [],
          "notApplicable": [],
          "artifactContentHash": "sha256:800e792fc696672da715e3a9324ae791d814b142d95f07f955b9133beed8e747"
        }
      },
      "install": {
        "note": "@oods/component-contracts, @oods/component-styles, @oods/components-react and @oods/tokens install from npm at the exact versions listed. The app's package.json pins each package the app imports, and npm install fetches those and the @oods packages they depend on. Mapped team packages install at their declared versions; one that is not on a registry installs from its own tarball or folder.",
        "packages": [
          {
            "name": "@oods/component-contracts",
            "version": "0.6.2"
          },
          {
            "name": "@oods/component-styles",
            "version": "0.6.2"
          },
          {
            "name": "@oods/components-react",
            "version": "0.6.2"
          },
          {
            "name": "@oods/tokens",
            "version": "0.6.2"
          }
        ],
        "steps": [
          "npm install",
          "npm run build"
        ]
      },
      "meta": {
        "nodeCount": 48,
        "componentCount": 8
      }
    }
    ```

15. `code_generate` · vue

    Its input:

    ```
    {
      "schemaRef": "compose-d6072861",
      "framework": "vue",
      "profile": "build",
      "options": {
        "output": "application",
        "brand": "Harbor",
        "theme": "light",
        "payloadMode": "file"
      }
    }
    ```

    Its result:

    ```
    {
      "status": "ok",
      "framework": "vue",
      "payload": {
        "mode": "file",
        "directory": "~/.oods-foundry/payloads/code.generate-0b35fcfe0fae",
        "bytes": 134073,
        "files": [
          {
            "path": "README.md",
            "bytes": 743,
            "sha256": "ff76faf406015d87e3f30252a34b2d91c2d49aeafb7063d91b299f17fe7e8444"
          },
          {
            "path": "index.html",
            "bytes": 334,
            "sha256": "6e845395d52503bc268309accc08e00a90977d2e0a46a6f0afc6e497de0a6d24"
          },
          {
            "path": "package.json",
            "bytes": 631,
            "sha256": "c6d3534b3e2034f4589689d21ba7fbe8b6f7677830c2d95a2e39d17c38b9c512"
          },
          {
            "path": "src/App.vue",
            "bytes": 1722,
            "sha256": "1e4f36e95bb3543f50df92cd69206c086586c2206cd1c153b0b84cfad8d22c80"
          },
          {
            "path": "src/GeneratedUI.vue",
            "bytes": 13763,
            "sha256": "7effea52472397d84270c2d79a0c33b1561c05a6a0103ad58cf222cf938a72aa"
          },
          {
            "path": "src/app.css",
            "bytes": 511,
            "sha256": "2db3a558b73956ec7d87fc341bca6415d31b6e9f567c9710a90ded0db9a2df68"
          },
          {
            "path": "src/main.ts",
            "bytes": 92,
            "sha256": "fc77d6694de55892ab09e6957b93c62c0c1b1e0d99803099f4d16755f2540810"
          },
          {
            "path": "src/oods-brand-harbor.css",
            "bytes": 42272,
            "sha256": "4c81c59cb58ebee92438ebe3f34319b3c84cba2c012c361fd835119bdb54f16f"
          },
          {
            "path": "tsconfig.json",
            "bytes": 333,
            "sha256": "a0c6dad213106eebefcf5e817d07e31a8b6666e4bc678a449b7c578f62f6fb3a"
          },
          {
            "path": "vite.config.mjs",
            "bytes": 110,
            "sha256": "57145ad3584db82c0773c10b461332cb827f51bad472603dc0ec802e590f7a2c"
          },
          {
            "path": "artifact.json",
            "bytes": 65778,
            "sha256": "bac38ed0b58f1563f52856fc6d56c99a4fbe8875797b34e623748fd6d6aaf48e"
          },
          {
            "path": "component-contracts.json",
            "bytes": 7784,
            "sha256": "f47e4c52df6d61acd951701eeff8ece54dfd200d1e11e444f758ab19a3d2a34e"
          }
        ]
      },
      "componentContracts": [
        {
          "framework": "vue",
          "mappingId": "harbor-team-button",
          "component": "Button",
          "source": {
            "export": "TeamButton",
            "package": "@harbor/example-components/vue",
            "version": "1.0.0",
            "packageContentHash": "sha256:f82c9589adb1794361006cadb7c25b7a1108d5f9aefe3726f6790e7f348a3fac"
          },
          "schemaVersion": "1",
          "contractVersion": "1.1.0",
          "scenarioId": "button-activate",
          "obligations": [
            {
              "id": "prop:content",
              "requirement": "content",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:intent",
              "requirement": "intent",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:size",
              "requirement": "size",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "prop:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "The rendered native control must expose disabled semantics."
            },
            {
              "id": "prop:type",
              "requirement": "type",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "slot:default",
              "requirement": "default",
              "status": "met",
              "reason": "The shared default slot must name Save changes."
            },
            {
              "id": "event:activate",
              "requirement": "activate",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]. Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "state:default",
              "requirement": "default",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:hover",
              "requirement": "hover",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:focus",
              "requirement": "focus",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "state:pressed",
              "requirement": "pressed",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "state:disabled",
              "requirement": "disabled",
              "status": "met",
              "reason": "Disabled variant is mounted and its native disabled state is inspected."
            },
            {
              "id": "token:button.background",
              "requirement": "button.background",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.border",
              "requirement": "button.border",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.text",
              "requirement": "button.text",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "token:button.focus",
              "requirement": "button.focus",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "accessibility:Native button semantics",
              "requirement": "Native button semantics",
              "status": "met",
              "reason": "The mounted shared scenario must contain one native button."
            },
            {
              "id": "accessibility:Defaults to type=button",
              "requirement": "Defaults to type=button",
              "status": "met",
              "reason": "The default type attribute is read from the real DOM."
            },
            {
              "id": "role",
              "requirement": "button",
              "status": "met",
              "reason": "Observed 1 elements with role button."
            },
            {
              "id": "name",
              "requirement": "label on button",
              "status": "met",
              "reason": "Observed accessible label text: \"Save changes\"."
            },
            {
              "id": "keyboard:Tab",
              "requirement": "Move focus to the named native control",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "keyboard:Enter",
              "requirement": "Activate the control",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "compatibility",
              "requirement": "React asChild remains an extension and is not a Vue parity requirement.",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:props",
              "requirement": "Shared scenario props and slots mount without an exception",
              "status": "met",
              "reason": "Shared scenario props and slots mounted through the generated adapter without browser errors."
            },
            {
              "id": "scenario:render",
              "requirement": "activation handler called once",
              "status": "met",
              "reason": "The named button activates exactly once for each shared pointer/keyboard trigger."
            },
            {
              "id": "scenario:assertion:0",
              "requirement": "native type defaults to button",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:assertion:1",
              "requirement": "focus is visible",
              "status": "not-checked",
              "reason": "No executable probe for this declared obligation; it is not inferred from mounting."
            },
            {
              "id": "scenario:event:0",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"key\":\"Tab\",\"effect\":{\"kind\":\"focus\"}}",
              "status": "met",
              "reason": "Real keyboard Tab; expected {\"kind\":\"focus\"}; events []."
            },
            {
              "id": "scenario:event:1",
              "requirement": "{\"trigger\":\"pointer\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"action\":\"click\"}",
              "status": "met",
              "reason": "Real pointer click; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            },
            {
              "id": "scenario:event:2",
              "requirement": "{\"trigger\":\"keyboard\",\"target\":\"button\",\"effect\":{\"kind\":\"event\"},\"key\":\"Enter\"}",
              "status": "met",
              "reason": "Real keyboard Enter; expected {\"kind\":\"event\"}; events [{\"event\":\"activate\",\"value\":\"\"}]."
            }
          ],
          "summary": {
            "met": 16,
            "unmet": 0,
            "not-checked": 14
          },
          "adapterContentHash": "sha256:5c7b3eb2cd4fecd47bdcf75c068d01a35ee82bc54a527b31dce14859251ec236",
          "contractContentHash": "sha256:f69f2d8aeadbdea813e1d7030f0856146a0822f45d086f9c9ee5d3a8d03fb02a",
          "checkedAt": "2026-10-08T15:03:22.089Z",
          "browser": "Chromium 153.0.8010.12"
        }
      ],
      "code": "",
      "fileExtension": ".vue",
      "imports": [
        "@oods/component-contracts",
        "@oods/components-vue",
        "@oods/component-styles/css",
        "@vitejs/plugin-vue",
        "@harbor/example-components/vue",
        "vue"
      ],
      "warnings": [],
      "validationReceipt": {
        "profile": "build",
        "defaulted": false,
        "rationale": "Build is the default blocking gate: target, bindings, dependencies and fallbacks must resolve under static checks; the static gate does not install or run the generated application.",
        "axes": {
          "scope": "generated-artifact",
          "enforcement": "blocking",
          "fallback": "forbidden",
          "target": {
            "requested": "vue",
            "resolved": "vue",
            "source": "explicit"
          }
        },
        "checks": [
          "schema-structure",
          "component-registry",
          "state-contract",
          "target-readiness",
          "normalization-fidelity",
          "binding-contract",
          "props-contract",
          "slots-contract",
          "events-contract",
          "dependency-closure"
        ],
        "notChecked": [
          "fallback-policy",
          "rendered-evidence",
          "interaction-evidence",
          "accessibility-evidence",
          "theme-evidence",
          "determinism-evidence",
          "performance-evidence",
          "certification-evidence"
        ],
        "evidence": {
          "required": [],
          "provided": [],
          "missing": [],
          "mismatched": [],
          "accepted": [],
          "notApplicable": [],
          "artifactContentHash": "sha256:0b35fcfe0fae11a02deb3b756a80300704af70bb21c095bd371912965af7acce"
        }
      },
      "install": {
        "note": "@oods/component-contracts, @oods/component-styles, @oods/components-vue and @oods/tokens install from npm at the exact versions listed. The app's package.json pins each package the app imports, and npm install fetches those and the @oods packages they depend on. Mapped team packages install at their declared versions; one that is not on a registry installs from its own tarball or folder.",
        "packages": [
          {
            "name": "@oods/component-contracts",
            "version": "0.6.2"
          },
          {
            "name": "@oods/component-styles",
            "version": "0.6.2"
          },
          {
            "name": "@oods/components-vue",
            "version": "0.6.2"
          },
          {
            "name": "@oods/tokens",
            "version": "0.6.2"
          }
        ],
        "steps": [
          "npm install",
          "npm run build"
        ]
      },
      "meta": {
        "nodeCount": 48,
        "componentCount": 8
      }
    }
    ```

## The running apps

React and Vue, in Harbor's brand.

[Warehouse detail screen generated by OODS Foundry in React](https://oods-foundry.com/demos/harbor/react/)

React app · sample records Maturity: beta `sha256:800e792fc696…` [Open full size: Warehouse detail screen generated by OODS Foundry in React](https://oods-foundry.com/demos/harbor/react/)

Vue app · sample records Maturity: beta `sha256:0b35fcfe0fae…` [Open full size: Warehouse detail screen generated by OODS Foundry in Vue](https://oods-foundry.com/demos/harbor/vue/)

What `design_compose` reported:

- `OODS-V121` Object 'Warehouse' has maturity 'beta' — composed output may change.
- `OODS-V117` Warehouse refines 6 fields its traits define, and its own definitions are used: lifecycle/Stateful (status, state_history); lifecycle/Timestampable (last_event, last_event_at, created_at, updated_at).

The calls that made the Warehouse detail apps, in React and Vue

3 calls, as the pipeline sent them

```
design_compose {
  "object": "Warehouse",
  "context": "detail",
  "preferences": {
    "brand": "Harbor",
    "theme": "light"
  }
}

code_generate {
  "schemaRef": "compose-d6072861",
  "framework": "react",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Harbor",
    "theme": "light",
    "payloadMode": "file"
  }
}

code_generate {
  "schemaRef": "compose-d6072861",
  "framework": "vue",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Harbor",
    "theme": "light",
    "payloadMode": "file"
  }
}
```

The React app's content hash: `sha256:800e792fc696672da715e3a9324ae791d814b142d95f07f955b9133beed8e747`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-harbor.css

The Vue app's content hash: `sha256:0b35fcfe0fae11a02deb3b756a80300704af70bb21c095bd371912965af7acce`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-harbor.css

## The receipt

10 checks ran; 8 were not checked, and they're listed as plainly as the ones that ran.

### Checked

- schema-structure
- component-registry
- state-contract
- target-readiness
- normalization-fidelity
- binding-contract
- props-contract
- slots-contract
- events-contract
- dependency-closure

### Not checked

- fallback-policy
- rendered-evidence
- interaction-evidence
- accessibility-evidence
- theme-evidence
- determinism-evidence
- performance-evidence
- certification-evidence

## Harbor's button in place

It replaced the shipped [Button](https://oods-foundry.com/components/button). Contract report: 16 met, 0 unmet, 14 not checked. The report is advisory.

The generated React app imports it, in `src/GeneratedUI.tsx`:

```
import { TeamButton as __MappedButton } from '@harbor/example-components/react';
```

The generated Vue app imports it, in `src/GeneratedUI.vue`:

```
import { TeamButton as __MappedButton } from '@harbor/example-components/vue';
```

The React report, obligation by obligation, checked in Chromium 153.0.8010.12

| Obligation | Status | Why |
| - | - | - |
| `prop:content` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:intent` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:size` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:disabled` | met | The rendered native control must expose disabled semantics. |
| `prop:type` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `slot:default` | met | The shared default slot must name Save changes. |
| `event:activate` | met | Real pointer click; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `state:default` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:hover` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:focus` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `state:pressed` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:disabled` | met | Disabled variant is mounted and its native disabled state is inspected. |
| `token:button.background` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.border` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.text` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.focus` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `accessibility:Native button semantics` | met | The mounted shared scenario must contain one native button. |
| `accessibility:Defaults to type=button` | met | The default type attribute is read from the real DOM. |
| `role` | met | Observed 1 elements with role button. |
| `name` | met | Observed accessible label text: "Save changes". |
| `keyboard:Tab` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `keyboard:Enter` | met | Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `compatibility` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:props` | met | Shared scenario props and slots mounted through the generated adapter without browser errors. |
| `scenario:render` | met | The named button activates exactly once for each shared pointer/keyboard trigger. |
| `scenario:assertion:0` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:assertion:1` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:event:0` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `scenario:event:1` | met | Real pointer click; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `scenario:event:2` | met | Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |

The Vue report, obligation by obligation, checked in Chromium 153.0.8010.12

| Obligation | Status | Why |
| - | - | - |
| `prop:content` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:intent` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:size` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `prop:disabled` | met | The rendered native control must expose disabled semantics. |
| `prop:type` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `slot:default` | met | The shared default slot must name Save changes. |
| `event:activate` | met | Real pointer click; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `state:default` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:hover` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:focus` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `state:pressed` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `state:disabled` | met | Disabled variant is mounted and its native disabled state is inspected. |
| `token:button.background` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.border` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.text` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `token:button.focus` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `accessibility:Native button semantics` | met | The mounted shared scenario must contain one native button. |
| `accessibility:Defaults to type=button` | met | The default type attribute is read from the real DOM. |
| `role` | met | Observed 1 elements with role button. |
| `name` | met | Observed accessible label text: "Save changes". |
| `keyboard:Tab` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `keyboard:Enter` | met | Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `compatibility` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:props` | met | Shared scenario props and slots mounted through the generated adapter without browser errors. |
| `scenario:render` | met | The named button activates exactly once for each shared pointer/keyboard trigger. |
| `scenario:assertion:0` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:assertion:1` | not-checked | No executable probe for this declared obligation; it is not inferred from mounting. |
| `scenario:event:0` | met | Real keyboard Tab; expected {"kind":"focus"}; events \[]. |
| `scenario:event:1` | met | Real pointer click; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |
| `scenario:event:2` | met | Real keyboard Enter; expected {"kind":"event"}; events \[{"event":"activate","value":""}]. |

## The hashes

- React

  `sha256:800e792fc696672da715e3a9324ae791d814b142d95f07f955b9133beed8e747`

- Vue

  `sha256:0b35fcfe0fae11a02deb3b756a80300704af70bb21c095bd371912965af7acce`

## Reproduce it

Install @oods/foundry 0.10.1, copy the quickstart folder out of the package, and make the same calls. Your schemaRef will differ; the content hashes won't. The package states the hashes it gives, in `quickstart/expected.json`, from the OODS Foundry team's 2 runs on Node 24.6.0 and 22.0.0, and this site's own run from the public npm registry gave the same ones.

`quickstart/expected.json`

```
{
  "schema": "oods-foundry-quickstart-expected/v1",
  "version": "0.10.1",
  "react": {
    "contentHash": "sha256:800e792fc696672da715e3a9324ae791d814b142d95f07f955b9133beed8e747"
  },
  "vue": {
    "contentHash": "sha256:0b35fcfe0fae11a02deb3b756a80300704af70bb21c095bd371912965af7acce"
  },
  "chart": {
    "contentHash": "746f8e9673217fc6b24f4441db7ababcc269eb84555aac1a9af9960d6e1f360a"
  },
  "runs": [
    {
      "node": "24.6.0",
      "source": "release-candidate tarballs"
    },
    {
      "node": "22.0.0",
      "source": "release-candidate tarballs"
    }
  ],
  "notes": [
    "react and vue are the generated applications' contentHash, prefixed sha256: as code_generate returns it; chart is viz_render's contentHash of the quickstart chart, a bare hexadecimal SHA-256 as viz_render returns it.",
    "Preview hashes are not listed: they differ between Node versions."
  ]
}
```

Report bugs in [GitHub Issues](https://github.com/kneelinghorse/OODS-Foundry/issues). For everything else: <hello@aquex.ai>