{
  "entry": {
    "id": "split-pane-generated-site-long-scroll",
    "title": "Scroll a freshly generated site in the right pane while the chat pane holds still",
    "kind": "Layout & layers",
    "status": "Rendered draft",
    "verification": "rendered-draft",
    "source": {
      "title": "How to Build a Personalized Meal Planner with ChatGPT Work",
      "id": "t64oZKCdG8Q",
      "url": "https://www.youtube.com/watch?v=t64oZKCdG8Q",
      "start": 61.64491666666667,
      "end": 67.067
    },
    "preview": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/adaptation.mp4",
    "download": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/package.zip",
    "svg": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/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": 149630,
    "packageSha256": "a72abf9d5c315767a66b6188361d24862f2dd9024fe78a1e65a7718b5fe6cb33",
    "poster": "/videos/examples/posters/split-pane-generated-site-long-scroll.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "24000/1001",
      "frames": 130,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/split-pane-generated-site-long-scroll/item.json",
    "observation": "Two browser windows sit side by side on a dark starfield: chat on the left, the generated meal site on the right. The chat pane is static (a user message, 'Your site is ready', a link card, an empty composer). From about local frame 4 the right pane's page scrolls steadily downward through a red display title, a weekly menu grid, a profile heading, allergy notes, a two-by-two favourite-foods grid and a 'won't eat' card, coming to rest near the footer around f122 and holding to the cut at f130.",
    "mechanism": "Continuous single-pane scroll of a long generated page inside a clipped browser window while the neighbouring pane stays static.",
    "phases": [
      {
        "frame": 0,
        "label": "Both panes settled, site at top"
      },
      {
        "frame": 4,
        "label": "Right pane begins scrolling"
      },
      {
        "frame": 60,
        "label": "Profile and allergy cards pass"
      },
      {
        "frame": 122,
        "label": "Scroll settles near footer"
      },
      {
        "frame": 130,
        "label": "End"
      }
    ]
  },
  "repair": {
    "id": "split-pane-generated-site-long-scroll",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "f0751ee33313f3fdb986d1849dc6c9fc1420a47a421f0ab18dec16bb0d0830e7"
  },
  "original": {
    "id": "split-pane-generated-site-long-scroll",
    "title": "Scroll a freshly generated site in the right pane while the chat pane holds still",
    "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": [
      "t64oZKCdG8Q",
      "739739/12000",
      "67067/1000"
    ],
    "source": {
      "filmId": "t64oZKCdG8Q",
      "film": "How to Build a Personalized Meal Planner with ChatGPT Work",
      "url": "https://www.youtube.com/watch?v=t64oZKCdG8Q",
      "frames": [
        1478,
        1608
      ],
      "fps": {
        "numerator": 24000,
        "denominator": 1001
      },
      "startSeconds": 61.64491666666667,
      "endSeconds": 67.067,
      "publicationDate": "2026-08-27",
      "masterSha256": "591a7e28e9ae1ab93ce1c3d20a6679a2fb2b28ef3eccad171266ddd32312669a",
      "clockBasis": "Downloaded 1920x1080 rendition at 24000/1001 fps; excerpt frame i = master frame 1478+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "e061c8bc892fa6d8fe3b3277cab98bfe01f034b11ec570f6b32a29440c91bc6a",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "Two browser windows sit side by side on a dark starfield: chat on the left, the generated meal site on the right. The chat pane is static (a user message, 'Your site is ready', a link card, an empty composer). From about local frame 4 the right pane's page scrolls steadily downward through a red display title, a weekly menu grid, a profile heading, allergy notes, a two-by-two favourite-foods grid and a 'won't eat' card, coming to rest near the footer around f122 and holding to the cut at f130.",
    "mechanism": "Continuous single-pane scroll of a long generated page inside a clipped browser window while the neighbouring pane stays static.",
    "phases": [
      {
        "frame": 0,
        "label": "Both panes settled, site at top"
      },
      {
        "frame": 4,
        "label": "Right pane begins scrolling"
      },
      {
        "frame": 60,
        "label": "Profile and allergy cards pass"
      },
      {
        "frame": 122,
        "label": "Scroll settles near footer"
      },
      {
        "frame": 130,
        "label": "End"
      }
    ],
    "checks": {
      "recipeSha256": "499a6ff73dad52cf0e3db6612ed4fefccb7bb5962097d0038899de096638ce42",
      "renderManifestSha256": "4d16dc3aeb5aa6442f89b3235c008c75c1cda0cbe9d46bbdc8d1b92edc3189f0",
      "adaptationManifestSha256": "0a42818d70b2b32ff7d9b626ac21ddf00eceb2fa80e275430d85dc8cacc85736",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "e061c8bc892fa6d8fe3b3277cab98bfe01f034b11ec570f6b32a29440c91bc6a",
          "bytes": 538091,
          "width": 960,
          "height": 540,
          "fps": "24000/1001",
          "frames": 130,
          "duration": 5.422083,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "4dba67c3f241f7105272e753f082f9ed85042c4329601625c56965d4ddfe8313",
          "bytes": 322233,
          "width": 1920,
          "height": 1080,
          "fps": "24000/1001",
          "frames": 130,
          "duration": 5.422078,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "97a49c5db3bb7345e6a0039b63c61743840ce3ee0860fb802fc266b356bb6295",
          "bytes": 309346,
          "width": 1920,
          "height": 1080,
          "fps": "24000/1001",
          "frames": 130,
          "duration": 5.422078,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "f0751ee33313f3fdb986d1849dc6c9fc1420a47a421f0ab18dec16bb0d0830e7",
        "bytes": 151948,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "500159539d08926ce4aaa7d8ee82f2580e4a50e88d8c7b92f9b707f2953defc4",
        "bytes": 15486,
        "drawableElements": 100,
        "rasterEmbedded": false,
        "frame": 97,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 37.7
    },
    "assets": {
      "source.mp4": {
        "path": "items/split-pane-generated-site-long-scroll/source.mp4",
        "sha256": "e061c8bc892fa6d8fe3b3277cab98bfe01f034b11ec570f6b32a29440c91bc6a",
        "bytes": 538091
      },
      "remake.mp4": {
        "path": "items/split-pane-generated-site-long-scroll/remake.mp4",
        "sha256": "4dba67c3f241f7105272e753f082f9ed85042c4329601625c56965d4ddfe8313",
        "bytes": 322233
      },
      "adaptation.mp4": {
        "path": "items/split-pane-generated-site-long-scroll/adaptation.mp4",
        "sha256": "97a49c5db3bb7345e6a0039b63c61743840ce3ee0860fb802fc266b356bb6295",
        "bytes": 309346
      },
      "editable.svg": {
        "path": "items/split-pane-generated-site-long-scroll/editable.svg",
        "sha256": "500159539d08926ce4aaa7d8ee82f2580e4a50e88d8c7b92f9b707f2953defc4",
        "bytes": 15486
      },
      "resolve.txt": {
        "path": "items/split-pane-generated-site-long-scroll/resolve.txt",
        "sha256": "76a33a7d4fa9a4f841cc139572f8953b79820b1484fc165d655fc20f96b796f3",
        "bytes": 12589
      },
      "package.zip": {
        "path": "items/split-pane-generated-site-long-scroll/package.zip",
        "sha256": "f0751ee33313f3fdb986d1849dc6c9fc1420a47a421f0ab18dec16bb0d0830e7",
        "bytes": 151948
      },
      "recipe.json": {
        "path": "items/split-pane-generated-site-long-scroll/recipe.json",
        "sha256": "499a6ff73dad52cf0e3db6612ed4fefccb7bb5962097d0038899de096638ce42",
        "bytes": 21581
      }
    },
    "builtAt": "2026-09-18T05:09:32Z"
  }
}