{
 "id": "grid-tile-hover-reveals-actions-then-click-expands-lightbox",
 "title": "Hover a board tile to reveal its action buttons, click it, and scale the image up into a lightbox",
 "family": "panel",
 "status": "rendered-draft",
 "edition": "studies-300",
 "gaps": [
  "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution."
 ],
 "intervalKey": [
  "2ey7znf8SI0",
  "197/12",
  "221/12"
 ],
 "source": {
  "filmId": "2ey7znf8SI0",
  "film": "Create campaign concepts and assets with Codex",
  "url": "https://www.youtube.com/watch?v=2ey7znf8SI0",
  "frames": [
   985,
   1105
  ],
  "fps": {
   "numerator": 60,
   "denominator": 1
  },
  "startSeconds": 16.416666666666668,
  "endSeconds": 18.416666666666668,
  "publicationDate": "2026-06-10",
  "masterSha256": "4078cfc0b45fe3a497d47784a0c9323ab2db256b2a8b0e9072ece43d2c416959",
  "clockBasis": "Downloaded 1920x1080 rendition at 60/1 fps; excerpt frame i = master frame 985+i, re-encoded to 960x540 without omitted positions."
 },
 "sourceHash": "5d2a224842e8ce465c00695947aa6aea9c0a089bfc891b51474fa9818e478db6",
 "classification": "vector-code-approximation",
 "bindingLevel": "full-render-manifest",
 "observation": "An app window shows a left text column and a five-by-three image board. The pointer rests on one tile; at ~f10 two small round action buttons appear on the tile's top corners. At ~f30 the pointer clicks and the tile grows into a centred lightbox with prev/next arrows and an action bar beneath, the board fading behind it (~f30\u2013f45). Around ~f80 the left column's text is replaced with a new paragraph while the lightbox stays.",
 "mechanism": "Hover-disclosed tile actions, then a click that scales the tile into a lightbox overlay while the side column updates asynchronously.",
 "phases": [
  {
   "frame": 0,
   "label": "Pointer resting on tile"
  },
  {
   "frame": 10,
   "label": "Tile action buttons appear"
  },
  {
   "frame": 30,
   "label": "Click: tile scales into lightbox"
  },
  {
   "frame": 45,
   "label": "Lightbox settled"
  },
  {
   "frame": 80,
   "label": "Left column text swaps"
  }
 ],
 "checks": {
  "recipeSha256": "b0baaaedded29eb271daaed167a1505e414b997a5b3885a15c42251c61bf1137",
  "renderManifestSha256": "6fb0f642038750376fd164cb68bef298f22fb40f31bb00efdc9904e30c6a9c07",
  "adaptationManifestSha256": "d273c1890f96e5fddfa01ec1b3bfea601e321134f3f31623383d422b0ea42d9d",
  "implementationFiles": 15,
  "movies": {
   "source": {
    "sha256": "5d2a224842e8ce465c00695947aa6aea9c0a089bfc891b51474fa9818e478db6",
    "bytes": 182711,
    "width": 960,
    "height": 540,
    "fps": "60/1",
    "frames": 120,
    "duration": 2.0,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "original": {
    "sha256": "733c49405b49f4e1d914742eae186b00e32121ea5b4bb8b5978f1d7fbbce8903",
    "bytes": 111919,
    "width": 1920,
    "height": 1080,
    "fps": "60/1",
    "frames": 120,
    "duration": 2.0,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "adaptation": {
    "sha256": "e861feddaa758117a3a2fb0682ac575d7e99e79c8e38d8656348a6b63f1823c6",
    "bytes": 112449,
    "width": 1920,
    "height": 1080,
    "fps": "60/1",
    "frames": 120,
    "duration": 2.0,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   }
  },
  "preparedArchive": {
   "sha256": "6af27b18ba6fdb39244180ed80247621d7e0952c6ca3591e3f063c70bd136391",
   "bytes": 149372,
   "members": 20,
   "crc": "pass"
  },
  "selectedSvg": {
   "sha256": "5427a6cc15038aabab33546711e8274ed862d143963e55ad5f6c77aa76bb2a16",
   "bytes": 7514,
   "drawableElements": 51,
   "rasterEmbedded": false,
   "frame": 90,
   "meaningful": true
  },
  "contentDiffers": true,
  "renderSeconds": 65.5
 },
 "assets": {
  "source.mp4": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/source.mp4",
   "sha256": "5d2a224842e8ce465c00695947aa6aea9c0a089bfc891b51474fa9818e478db6",
   "bytes": 182711
  },
  "remake.mp4": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/remake.mp4",
   "sha256": "733c49405b49f4e1d914742eae186b00e32121ea5b4bb8b5978f1d7fbbce8903",
   "bytes": 111919
  },
  "adaptation.mp4": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/adaptation.mp4",
   "sha256": "e861feddaa758117a3a2fb0682ac575d7e99e79c8e38d8656348a6b63f1823c6",
   "bytes": 112449
  },
  "editable.svg": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/editable.svg",
   "sha256": "5427a6cc15038aabab33546711e8274ed862d143963e55ad5f6c77aa76bb2a16",
   "bytes": 7514
  },
  "resolve.txt": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/resolve.txt",
   "sha256": "5e740614ed8ed91c10d034b8eacb8819f8ebae18fc7036578dd92e5eb746d07e",
   "bytes": 7819
  },
  "package.zip": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/package.zip",
   "sha256": "6af27b18ba6fdb39244180ed80247621d7e0952c6ca3591e3f063c70bd136391",
   "bytes": 149372
  },
  "recipe.json": {
   "path": "items/grid-tile-hover-reveals-actions-then-click-expands-lightbox/recipe.json",
   "sha256": "b0baaaedded29eb271daaed167a1505e414b997a5b3885a15c42251c61bf1137",
   "bytes": 13368
  }
 },
 "builtAt": "2026-09-18T05:50:19Z"
}