{
  "entry": {
    "id": "forecast-tab-click-appends-section-and-autoscrolls-to-it",
    "title": "Click a nav tab: the new section renders below the hero and the page auto-scrolls it to the top",
    "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": 57.333333333333336,
      "end": 58.833333333333336
    },
    "preview": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/adaptation.mp4",
    "download": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/package.zip",
    "svg": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/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": 151886,
    "packageSha256": "d71f502096112541c5178a48e1272eb44757ab7fdea1dfa9501a37f3314e6b8c",
    "poster": "/videos/examples/posters/forecast-tab-click-appends-section-and-autoscrolls-to-it.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "60/1",
      "frames": 90,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/forecast-tab-click-appends-section-and-autoscrolls-to-it/item.json",
    "observation": "The hero dashboard holds while the pointer rises toward the nav (local f0-28, master 3440-3468). On the click (~f30, master 3470) the active underline jumps to the new tab and a new section (heading, brief banner, four stat tiles, two panel headers) is already present beneath the four-stat row. From ~f34 the page scrolls upward quickly with an ease-out, and by ~f52 (master 3492) the new section heading sits just under the sticky nav. It holds for the rest of the window.",
    "mechanism": "Tab navigation as append-and-scroll: the new section is inserted below existing content and the viewport is scrolled to it, rather than replacing the page.",
    "phases": [
      {
        "frame": 0,
        "label": "Hero dashboard; pointer rises to the nav"
      },
      {
        "frame": 30,
        "label": "Tab clicked; underline jumps; section appears below"
      },
      {
        "frame": 34,
        "label": "Page scrolls the new section to the top"
      },
      {
        "frame": 52,
        "label": "Section settles under the nav"
      }
    ]
  },
  "repair": {
    "id": "forecast-tab-click-appends-section-and-autoscrolls-to-it",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "90328b27ee7f2d2f00998155e6589e2960e9f087036387af2f4fa9fe3c0c72e9"
  },
  "original": {
    "id": "forecast-tab-click-appends-section-and-autoscrolls-to-it",
    "title": "Click a nav tab: the new section renders below the hero and the page auto-scrolls it to the top",
    "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": [
      "94Td-y5z5rk",
      "172/3",
      "353/6"
    ],
    "source": {
      "filmId": "94Td-y5z5rk",
      "film": "Build custom financial forecasting apps with ChatGPT Work",
      "url": "https://www.youtube.com/watch?v=94Td-y5z5rk",
      "frames": [
        3440,
        3530
      ],
      "fps": {
        "numerator": 60,
        "denominator": 1
      },
      "startSeconds": 57.333333333333336,
      "endSeconds": 58.833333333333336,
      "publicationDate": "2026-08-13",
      "masterSha256": "95bca7bd0e888ff8ce54eb05adbc68cf8ab5077cd3466e8f3cee4ab545e3c3be",
      "clockBasis": "Downloaded 1920x1080 rendition at 60/1 fps; excerpt frame i = master frame 3440+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "8c1c78665ea1c7c8c8510547106ba5707a685c6916fdf522af734f3385f13fb5",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "The hero dashboard holds while the pointer rises toward the nav (local f0-28, master 3440-3468). On the click (~f30, master 3470) the active underline jumps to the new tab and a new section (heading, brief banner, four stat tiles, two panel headers) is already present beneath the four-stat row. From ~f34 the page scrolls upward quickly with an ease-out, and by ~f52 (master 3492) the new section heading sits just under the sticky nav. It holds for the rest of the window.",
    "mechanism": "Tab navigation as append-and-scroll: the new section is inserted below existing content and the viewport is scrolled to it, rather than replacing the page.",
    "phases": [
      {
        "frame": 0,
        "label": "Hero dashboard; pointer rises to the nav"
      },
      {
        "frame": 30,
        "label": "Tab clicked; underline jumps; section appears below"
      },
      {
        "frame": 34,
        "label": "Page scrolls the new section to the top"
      },
      {
        "frame": 52,
        "label": "Section settles under the nav"
      }
    ],
    "checks": {
      "recipeSha256": "e0540649667d2c639c59f4f0c5db99b1c228bbdd284f53227c13e686ed1d416b",
      "renderManifestSha256": "3d4305d0e73170053c1ace8ac26a2d5b9ca1ae80cb1d84ab36b75786a9f46038",
      "adaptationManifestSha256": "462e2a93407772ffd76bafc6b85219ccd32a85f643ead3cc569b9ce96faa9f26",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "8c1c78665ea1c7c8c8510547106ba5707a685c6916fdf522af734f3385f13fb5",
          "bytes": 253104,
          "width": 960,
          "height": 540,
          "fps": "60/1",
          "frames": 90,
          "duration": 1.5,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "8389c67b9f5d918c45a7fb06c8a231381ccee20b8e9ecf4fc770aed2b0e92598",
          "bytes": 471898,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 90,
          "duration": 1.5,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "c0d33638a6de35d2e164b8aa331244ea1989812f4f7b5f35a2e512f8cd77a21b",
          "bytes": 453364,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 90,
          "duration": 1.5,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "90328b27ee7f2d2f00998155e6589e2960e9f087036387af2f4fa9fe3c0c72e9",
        "bytes": 155694,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "057bd6a38d5437984232b2f23d86db0833db3fd7da917c5f24aea95878ca3027",
        "bytes": 20307,
        "drawableElements": 114,
        "rasterEmbedded": false,
        "frame": 67,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 16.1
    },
    "assets": {
      "source.mp4": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/source.mp4",
        "sha256": "8c1c78665ea1c7c8c8510547106ba5707a685c6916fdf522af734f3385f13fb5",
        "bytes": 253104
      },
      "remake.mp4": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/remake.mp4",
        "sha256": "8389c67b9f5d918c45a7fb06c8a231381ccee20b8e9ecf4fc770aed2b0e92598",
        "bytes": 471898
      },
      "adaptation.mp4": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/adaptation.mp4",
        "sha256": "c0d33638a6de35d2e164b8aa331244ea1989812f4f7b5f35a2e512f8cd77a21b",
        "bytes": 453364
      },
      "editable.svg": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/editable.svg",
        "sha256": "057bd6a38d5437984232b2f23d86db0833db3fd7da917c5f24aea95878ca3027",
        "bytes": 20307
      },
      "resolve.txt": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/resolve.txt",
        "sha256": "8e96f7db7019a5fdc91ae877a6b7667990189a31cb9f53938b53f63c9118df96",
        "bytes": 15792
      },
      "package.zip": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/package.zip",
        "sha256": "90328b27ee7f2d2f00998155e6589e2960e9f087036387af2f4fa9fe3c0c72e9",
        "bytes": 155694
      },
      "recipe.json": {
        "path": "items/forecast-tab-click-appends-section-and-autoscrolls-to-it/recipe.json",
        "sha256": "e0540649667d2c639c59f4f0c5db99b1c228bbdd284f53227c13e686ed1d416b",
        "bytes": 29818
      }
    },
    "builtAt": "2026-09-18T05:09:09Z"
  }
}