{
  "portaShape": {
    "formatVersion": "0.1",
    "kind": "mvp-example",
    "id": "example.color-palette-to-css-variables",
    "name": "Color palette to CSS variables",
    "mvpStatus": "complete",
    "summary": "MVP playground fixture for transforming design.palette into css.custom_properties.",
    "sourceShape": {
      "id": "design.palette",
      "sampleId": "design.palette.sample",
      "variables": [
        {
          "id": "primary",
          "label": "Primary",
          "value": "sample primary",
          "authority": "source-snapshot"
        },
        {
          "id": "secondary",
          "label": "Secondary",
          "value": "sample secondary",
          "authority": "source-snapshot"
        },
        {
          "id": "surface",
          "label": "Surface",
          "value": "sample surface",
          "authority": "source-snapshot"
        },
        {
          "id": "text",
          "label": "Text",
          "value": "sample text",
          "authority": "source-snapshot"
        }
      ]
    },
    "destinationShape": {
      "id": "css.custom_properties",
      "sampleId": "css.custom_properties.template",
      "variables": [
        {
          "id": "--color-primary",
          "label": "Css Color-Primary",
          "proposedValue": "proposed --color-primary",
          "authority": "proposed-output"
        },
        {
          "id": "--color-secondary",
          "label": "Css Color-Secondary",
          "proposedValue": "proposed --color-secondary",
          "authority": "proposed-output"
        },
        {
          "id": "--color-surface",
          "label": "Css Color-Surface",
          "proposedValue": "proposed --color-surface",
          "authority": "proposed-output"
        },
        {
          "id": "--color-text",
          "label": "Css Color-Text",
          "proposedValue": "proposed --color-text",
          "authority": "proposed-output"
        }
      ]
    },
    "controls": [
      {
        "id": "control-color-palette-to-css-variables-primary",
        "label": "Review primary mapping",
        "type": "mapping-inspector",
        "edits": [
          "mapping.sources",
          "mapping.operation",
          "destination.proposedValue"
        ]
      },
      {
        "id": "control-color-palette-to-css-variables-save",
        "label": "Save as new shape",
        "type": "action",
        "writes": "artifact-library"
      }
    ],
    "mappings": [
      {
        "id": "map-color-palette-to-css-variables-color-primary",
        "sources": [
          "primary"
        ],
        "destination": "--color-primary",
        "operation": "tokenize",
        "editable": true,
        "confidence": 0.86
      },
      {
        "id": "map-color-palette-to-css-variables-color-secondary",
        "sources": [
          "secondary"
        ],
        "destination": "--color-secondary",
        "operation": "tokenize",
        "editable": false,
        "confidence": 0.78
      },
      {
        "id": "map-color-palette-to-css-variables-color-surface",
        "sources": [
          "surface"
        ],
        "destination": "--color-surface",
        "operation": "tokenize",
        "editable": false,
        "confidence": 0.78
      },
      {
        "id": "map-color-palette-to-css-variables-color-text",
        "sources": [
          "text"
        ],
        "destination": "--color-text",
        "operation": "tokenize",
        "editable": false,
        "confidence": 0.78
      }
    ],
    "preview": {
      "source": {
        "primary": "sample primary",
        "secondary": "sample secondary",
        "surface": "sample surface",
        "text": "sample text"
      },
      "proposed": {
        "--color-primary": "proposed --color-primary",
        "--color-secondary": "proposed --color-secondary",
        "--color-surface": "proposed --color-surface",
        "--color-text": "proposed --color-text"
      },
      "destination": "css.custom_properties"
    },
    "workflow": {
      "steps": [
        "import-source-shape",
        "inspect-variables",
        "map-values",
        "preview-transform",
        "validate-result",
        "save-as-new-shape",
        "export-posh-artifact"
      ]
    },
    "policy": {
      "requiresApproval": false,
      "checks": [
        "schema-valid",
        "authority-declared",
        "loss-reviewed",
        "provenance-recorded"
      ]
    },
    "snapshot": {
      "capturedAt": "2026-07-20T00:00:00Z",
      "sourceShape": "design.palette",
      "destinationShape": "css.custom_properties"
    },
    "runEvidence": {
      "status": "sample-passed",
      "assertions": [
        "all-required-destination-values-populated",
        "mapping-confidence-recorded",
        "export-contains-workflow-policy-snapshot-and-evidence"
      ]
    }
  }
}