{
  "finished_at": "2026-04-20T07:50:52Z",
  "id": "settings-gui-mtls",
  "passed": true,
  "recording": true,
  "started_at": "2026-04-20T07:50:52Z",
  "steps": [
    {
      "index": 0,
      "intent": "App launches on Planner; cursor drifts down sidebar to 'Settings', click transitions detail pane.",
      "screenshot_path": "keyframes/frame_001.png",
      "slug": "launch-app"
    },
    {
      "index": 1,
      "intent": "Settings screen visible: System, Fleet Server, Logging sections stacked; ScrollView reveals 'mTLS Admin' header below.",
      "screenshot_path": "keyframes/frame_002.png",
      "slug": "settings-open"
    },
    {
      "index": 2,
      "intent": "User scrolls down; 'mTLS Admin' section comes into view with CA fingerprint display and two buttons: 'Generate Cert', 'Copy PEM'.",
      "screenshot_path": "keyframes/frame_003.png",
      "slug": "scroll-to-mtls"
    },
    {
      "index": 3,
      "intent": "Cursor clicks 'Generate Admin Cert'; button shows spinner, status line reads 'issuing cert, CN=admin@local ...'.",
      "screenshot_path": "keyframes/frame_004.png",
      "slug": "click-generate"
    },
    {
      "index": 4,
      "intent": "Cert block populates: PEM text area fills with '-----BEGIN CERTIFICATE-----' and monospaced base64; SHA256 thumbprint row appears.",
      "screenshot_path": "keyframes/frame_005.png",
      "slug": "cert-issued"
    },
    {
      "index": 5,
      "intent": "Cursor taps 'Copy PEM'; button briefly inverts colour, toast slides up reading 'Copied admin cert to clipboard'.",
      "screenshot_path": "keyframes/frame_006.png",
      "slug": "click-copy"
    },
    {
      "index": 6,
      "intent": "Toast still on screen, PEM text area unchanged; status footer shows 'Last issued: just now - valid 90d'.",
      "screenshot_path": "keyframes/frame_007.png",
      "slug": "toast-visible"
    }
  ]
}