{
  "entry": {
    "id": "forecast-table-row-click-expands-inline-detail-card",
    "title": "Click a table row to expand an inline detail card and push the rows below it down",
    "kind": "Interface sequences",
    "status": "Rendered draft",
    "verification": "rendered-draft",
    "source": {
      "title": "Build custom financial forecasting apps with ChatGPT Work",
      "id": "94Td-y5z5rk",
      "url": "https://www.youtube.com/watch?v=94Td-y5z5rk",
      "start": 40.0,
      "end": 41.666666666666664
    },
    "preview": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/adaptation.mp4",
    "download": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/package.zip",
    "svg": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/editable.svg",
    "resolve": null,
    "limitations": [
      "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.",
      "Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch."
    ],
    "bindingLevel": "full-render-manifest",
    "bytes": 151151,
    "packageSha256": "6e3baa47b609cd6bc48a974de6ade3abe3e7d6a107c4d3cad4990d9b5f6c8515",
    "poster": "/videos/examples/posters/forecast-table-row-click-expands-inline-detail-card.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "60/1",
      "frames": 100,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/forecast-table-row-click-expands-inline-detail-card/item.json",
    "observation": "The \"close detail\" page shows a heading, two status banners (green tie, orange pending control), a dark table header and five account rows (local f0-28, master 2400-2428). The pointer travels to the first row and clicks at ~f30; over the next ~14 frames a detail card grows open beneath that row (a sub-line name, an explanatory note and an owner) while every row below slides down by the same height. The expanded table then holds to the end of the window.",
    "mechanism": "An inline accordion: the clicked row reveals a detail card by animating its height, and the following rows translate down in lockstep.",
    "phases": [
      {
        "frame": 0,
        "label": "Collapsed table"
      },
      {
        "frame": 4,
        "label": "Pointer travels to row one"
      },
      {
        "frame": 30,
        "label": "Click"
      },
      {
        "frame": 31,
        "label": "Detail card grows; rows below slide down"
      },
      {
        "frame": 45,
        "label": "Expanded table holds"
      }
    ]
  },
  "repair": {
    "id": "forecast-table-row-click-expands-inline-detail-card",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "d4d190e9ca531ecb488bcbc584ed8a6a808185d77acd962e41bc7e472fad4435"
  },
  "original": {
    "id": "forecast-table-row-click-expands-inline-detail-card",
    "title": "Click a table row to expand an inline detail card and push the rows below it down",
    "family": "list",
    "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": [
      "94Td-y5z5rk",
      "40",
      "125/3"
    ],
    "source": {
      "filmId": "94Td-y5z5rk",
      "film": "Build custom financial forecasting apps with ChatGPT Work",
      "url": "https://www.youtube.com/watch?v=94Td-y5z5rk",
      "frames": [
        2400,
        2500
      ],
      "fps": {
        "numerator": 60,
        "denominator": 1
      },
      "startSeconds": 40.0,
      "endSeconds": 41.666666666666664,
      "publicationDate": "2026-08-13",
      "masterSha256": "95bca7bd0e888ff8ce54eb05adbc68cf8ab5077cd3466e8f3cee4ab545e3c3be",
      "clockBasis": "Downloaded 1920x1080 rendition at 60/1 fps; excerpt frame i = master frame 2400+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "e07b2cf135902c58856f11893dabfb99d6c31479d749a5841eee6184a63bcbf0",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "The \"close detail\" page shows a heading, two status banners (green tie, orange pending control), a dark table header and five account rows (local f0-28, master 2400-2428). The pointer travels to the first row and clicks at ~f30; over the next ~14 frames a detail card grows open beneath that row (a sub-line name, an explanatory note and an owner) while every row below slides down by the same height. The expanded table then holds to the end of the window.",
    "mechanism": "An inline accordion: the clicked row reveals a detail card by animating its height, and the following rows translate down in lockstep.",
    "phases": [
      {
        "frame": 0,
        "label": "Collapsed table"
      },
      {
        "frame": 4,
        "label": "Pointer travels to row one"
      },
      {
        "frame": 30,
        "label": "Click"
      },
      {
        "frame": 31,
        "label": "Detail card grows; rows below slide down"
      },
      {
        "frame": 45,
        "label": "Expanded table holds"
      }
    ],
    "checks": {
      "recipeSha256": "fda76df4b080c99e00c732b43ce92639e91823cb54986ee21df99df4bd00f737",
      "renderManifestSha256": "f9cf94d47fee6547eb5ec58a91252f5e447a7a2c179cde426babafe7fc27b616",
      "adaptationManifestSha256": "d9cb455afbcddfdd5db3c8048902e7d033212219f58a749b8d0ef032539061ec",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "e07b2cf135902c58856f11893dabfb99d6c31479d749a5841eee6184a63bcbf0",
          "bytes": 101374,
          "width": 960,
          "height": 540,
          "fps": "60/1",
          "frames": 100,
          "duration": 1.666667,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "40455316ec54929eaa728f02ba2b2a0b481ba2dac3cde15e847bdc16ebcb8398",
          "bytes": 157281,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 100,
          "duration": 1.666667,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "82216d98aed2962ddb1c611376dcd10708acbc5cdae292b45e239fe2abd088ed",
          "bytes": 152890,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 100,
          "duration": 1.666667,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "d4d190e9ca531ecb488bcbc584ed8a6a808185d77acd962e41bc7e472fad4435",
        "bytes": 154653,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "3feb8138491a48392fb7bb894c63421e89798a9c94a7650d69dfcd7fe9d52d6d",
        "bytes": 20579,
        "drawableElements": 120,
        "rasterEmbedded": false,
        "frame": 75,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 15.3
    },
    "assets": {
      "source.mp4": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/source.mp4",
        "sha256": "e07b2cf135902c58856f11893dabfb99d6c31479d749a5841eee6184a63bcbf0",
        "bytes": 101374
      },
      "remake.mp4": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/remake.mp4",
        "sha256": "40455316ec54929eaa728f02ba2b2a0b481ba2dac3cde15e847bdc16ebcb8398",
        "bytes": 157281
      },
      "adaptation.mp4": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/adaptation.mp4",
        "sha256": "82216d98aed2962ddb1c611376dcd10708acbc5cdae292b45e239fe2abd088ed",
        "bytes": 152890
      },
      "editable.svg": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/editable.svg",
        "sha256": "3feb8138491a48392fb7bb894c63421e89798a9c94a7650d69dfcd7fe9d52d6d",
        "bytes": 20579
      },
      "resolve.txt": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/resolve.txt",
        "sha256": "e3ec56c6a50fc724a159f7de4d2b0d6e9951ed87bc60d2e87c3f8cc8c66db9b8",
        "bytes": 14434
      },
      "package.zip": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/package.zip",
        "sha256": "d4d190e9ca531ecb488bcbc584ed8a6a808185d77acd962e41bc7e472fad4435",
        "bytes": 154653
      },
      "recipe.json": {
        "path": "items/forecast-table-row-click-expands-inline-detail-card/recipe.json",
        "sha256": "fda76df4b080c99e00c732b43ce92639e91823cb54986ee21df99df4bd00f737",
        "bytes": 29805
      }
    },
    "builtAt": "2026-09-18T05:09:08Z"
  }
}