{
  "video": "git-sync-semantic-colors-before-after.mp4",
  "sha256": "e99cc5649b4f7e4a85b6035a4f9eb11d8968245ac7161f24f95971a4f041721b",
  "bytes": 1904320,
  "durationSeconds": 79.2,
  "beforeRevision": "3f5654ac02c2a74661daa224bcfc8962643a58f2",
  "afterRevision": "bba120315e82544785f3d481b90485071fd25116",
  "agentServer": "1.54.0",
  "theme": "Light+",
  "viewport": "1440x1000",
  "route": "/automations/git-sync",
  "source": "Real control-openhands browser recordings of production Canvas builds in separate isolated worktrees. The same real local Git Sync check and sync failure are shown before and after. No credentials were submitted and no model call was needed.",
  "checks": {
    "beforeDoctor": "passed",
    "afterDoctor": "passed",
    "beforePageErrors": 0,
    "afterPageErrors": 0,
    "features": [
      "F24.check-failure",
      "F24.sync-failure"
    ]
  },
  "chapters": [
    {
      "time": 0,
      "label": "Git Sync feedback"
    },
    {
      "time": 2,
      "label": "Before: hard-coded red utilities"
    },
    {
      "time": 4,
      "label": "Before: failed repository check and sync"
    },
    {
      "time": 43,
      "label": "After: semantic feedback tokens"
    },
    {
      "time": 45,
      "label": "After: same Git Sync failure states"
    },
    {
      "time": 77.2,
      "label": "Same failure path; clearer in Light+"
    }
  ],
  "music": "Original quiet ambience reused from the main Notebook film, mixed at 0.25 volume; measured mean -46.1 dBFS and maximum -33.2 dBFS. No application audio.",
  "implementation": {
    "pr": "https://github.com/OpenHands/OpenHands/pull/18346",
    "issue": "https://github.com/OpenHands/OpenHands/issues/18004",
    "changes": [
      "Replace hard-coded green/red activity colors with semantic success/error surface and feedback text tokens.",
      "Use semantic danger surface, border, and feedback text tokens for repository-check and persistent sync-error banners.",
      "Remove low-opacity overrides from supporting error text."
    ],
    "sourcePaths": [
      "src/components/features/automations/git-sync/git-sync-activity-row.tsx",
      "src/components/features/automations/git-sync/git-sync-config-form.tsx",
      "src/components/features/automations/git-sync/git-sync-error-banner.tsx"
    ]
  },
  "page": "https://enyst.github.io/arch/agentic-linting-refactoring.html#git-sync-colors-film",
  "directDownload": "https://enyst.github.io/experiments/agentic-linting-refactoring/git-sync-semantic-colors-before-after.mp4",
  "poster": "git-sync-semantic-colors-poster.png",
  "captions": "git-sync-semantic-colors-captions.vtt"
}