{
  "entry": {
    "id": "builder-click-build-cuts-to-loading-glyph-then-finished-app",
    "title": "Click Build, hard-cut to a loading screen with a morphing glyph, hard-cut to the finished app",
    "kind": "Typography",
    "status": "Rendered draft",
    "verification": "rendered-draft",
    "source": {
      "title": "How Base44 Uses GPT-5.6 to Build Apps With 20% Fewer Tokens",
      "id": "Cxp2aZQqkYM",
      "url": "https://www.youtube.com/watch?v=Cxp2aZQqkYM",
      "start": 19.936583333333335,
      "end": 23.356666666666666
    },
    "preview": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/adaptation.mp4",
    "download": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/package.zip",
    "svg": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/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": 151249,
    "packageSha256": "c25dd254fce946d922c0ca8a0a451400ca23bc303a35e892c533d0367cb886b9",
    "poster": "/videos/examples/posters/builder-click-build-cuts-to-loading-glyph-then-finished-app.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "24000/1001",
      "frames": 82,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/builder-click-build-cuts-to-loading-glyph-then-finished-app/item.json",
    "observation": "A warm beige start screen holds with a greeting, a filled prompt card and the pointer resting on the orange send button (local f0-16, master 478-494). On the click (~f16) the view hard-cuts to a light workspace: a chat column on the left and an empty canvas with a small black glyph that morphs and rotates above \"Building your idea\u2026\" copy (f17-58, master 495-536). At ~f59 (master 537) it hard-cuts again to the generated app: chat column, a large coastal map with a dashed route and stops, and a right-hand itinerary panel, which holds to the end.",
    "mechanism": "Two hard cuts carry a build: submit state, loading state with a morphing glyph, result state, with no dissolves between them.",
    "phases": [
      {
        "frame": 0,
        "label": "Start screen, pointer on send"
      },
      {
        "frame": 16,
        "label": "Click"
      },
      {
        "frame": 17,
        "label": "Hard cut to loading workspace, glyph morphs"
      },
      {
        "frame": 59,
        "label": "Hard cut to the finished app"
      }
    ]
  },
  "repair": {
    "id": "builder-click-build-cuts-to-loading-glyph-then-finished-app",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "098785ad343da259f8c1b04eb7affb34dcd033bcf12a759390a7cdebc2f44d27"
  },
  "original": {
    "id": "builder-click-build-cuts-to-loading-glyph-then-finished-app",
    "title": "Click Build, hard-cut to a loading screen with a morphing glyph, hard-cut to the finished app",
    "family": "cut",
    "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": [
      "Cxp2aZQqkYM",
      "239239/12000",
      "7007/300"
    ],
    "source": {
      "filmId": "Cxp2aZQqkYM",
      "film": "How Base44 Uses GPT-5.6 to Build Apps With 20% Fewer Tokens",
      "url": "https://www.youtube.com/watch?v=Cxp2aZQqkYM",
      "frames": [
        478,
        560
      ],
      "fps": {
        "numerator": 24000,
        "denominator": 1001
      },
      "startSeconds": 19.936583333333335,
      "endSeconds": 23.356666666666666,
      "publicationDate": "2026-08-17",
      "masterSha256": "0aa0d66575a55d67b18776979cc76e58ba692ed039bc3758a38ee15d43909839",
      "clockBasis": "Downloaded 1920x1080 rendition at 24000/1001 fps; excerpt frame i = master frame 478+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "fa65709679e20dfdcd2594deca0103a5f95afec5f8b82e647fdc03b92805647b",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "A warm beige start screen holds with a greeting, a filled prompt card and the pointer resting on the orange send button (local f0-16, master 478-494). On the click (~f16) the view hard-cuts to a light workspace: a chat column on the left and an empty canvas with a small black glyph that morphs and rotates above \"Building your idea\u2026\" copy (f17-58, master 495-536). At ~f59 (master 537) it hard-cuts again to the generated app: chat column, a large coastal map with a dashed route and stops, and a right-hand itinerary panel, which holds to the end.",
    "mechanism": "Two hard cuts carry a build: submit state, loading state with a morphing glyph, result state, with no dissolves between them.",
    "phases": [
      {
        "frame": 0,
        "label": "Start screen, pointer on send"
      },
      {
        "frame": 16,
        "label": "Click"
      },
      {
        "frame": 17,
        "label": "Hard cut to loading workspace, glyph morphs"
      },
      {
        "frame": 59,
        "label": "Hard cut to the finished app"
      }
    ],
    "checks": {
      "recipeSha256": "071c1d51b7a7aaf8c95b56017d390a4920225b28c1be44e683eb5d5044c06ec1",
      "renderManifestSha256": "15b56e38558cebea0be69eb7ada0885c8c406d793224e6ba8f76634cc3517482",
      "adaptationManifestSha256": "678388449f5a80d1551fc45861df8b9c5cf8f9baea94e9e7aedd5ddaf670c72f",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "fa65709679e20dfdcd2594deca0103a5f95afec5f8b82e647fdc03b92805647b",
          "bytes": 343197,
          "width": 960,
          "height": 540,
          "fps": "24000/1001",
          "frames": 82,
          "duration": 3.420083,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "6e542668716ed3189fc1402b92465b562b68ef957451cf5d1e15992700ced537",
          "bytes": 216369,
          "width": 1920,
          "height": 1080,
          "fps": "24000/1001",
          "frames": 82,
          "duration": 3.420078,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "8e4b95675d3b6329faaded7506087f4ba02adfa17013bbf26b3de18740256f19",
          "bytes": 200805,
          "width": 1920,
          "height": 1080,
          "fps": "24000/1001",
          "frames": 82,
          "duration": 3.420078,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "098785ad343da259f8c1b04eb7affb34dcd033bcf12a759390a7cdebc2f44d27",
        "bytes": 154344,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "1a48eaa1df4bf0929aa5d91b0bc4be4eeb0cc25a89e113d3a23899a354434033",
        "bytes": 8882,
        "drawableElements": 49,
        "rasterEmbedded": false,
        "frame": 61,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 22.2
    },
    "assets": {
      "source.mp4": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/source.mp4",
        "sha256": "fa65709679e20dfdcd2594deca0103a5f95afec5f8b82e647fdc03b92805647b",
        "bytes": 343197
      },
      "remake.mp4": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/remake.mp4",
        "sha256": "6e542668716ed3189fc1402b92465b562b68ef957451cf5d1e15992700ced537",
        "bytes": 216369
      },
      "adaptation.mp4": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/adaptation.mp4",
        "sha256": "8e4b95675d3b6329faaded7506087f4ba02adfa17013bbf26b3de18740256f19",
        "bytes": 200805
      },
      "editable.svg": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/editable.svg",
        "sha256": "1a48eaa1df4bf0929aa5d91b0bc4be4eeb0cc25a89e113d3a23899a354434033",
        "bytes": 8882
      },
      "resolve.txt": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/resolve.txt",
        "sha256": "fff2b2342cc2a6d875783e0172b9dfea4bf928448bbc8185cb59519c58a348e1",
        "bytes": 12599
      },
      "package.zip": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/package.zip",
        "sha256": "098785ad343da259f8c1b04eb7affb34dcd033bcf12a759390a7cdebc2f44d27",
        "bytes": 154344
      },
      "recipe.json": {
        "path": "items/builder-click-build-cuts-to-loading-glyph-then-finished-app/recipe.json",
        "sha256": "071c1d51b7a7aaf8c95b56017d390a4920225b28c1be44e683eb5d5044c06ec1",
        "bytes": 22296
      }
    },
    "builtAt": "2026-09-18T05:08:53Z"
  }
}