{
  "entry": {
    "id": "segmented-tab-tooltip-click-morphs-composer",
    "title": "Hover a segmented tab to show its tooltip, click, and morph the home composer into work mode",
    "kind": "Selection & controls",
    "status": "Rendered draft",
    "verification": "rendered-draft",
    "source": {
      "title": "Use ChatGPT Work to deliver board-ready reporting",
      "id": "_HCks5jkPLw",
      "url": "https://www.youtube.com/watch?v=_HCks5jkPLw",
      "start": 6.25,
      "end": 10.25
    },
    "preview": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/adaptation.mp4",
    "download": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/package.zip",
    "svg": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/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": 148622,
    "packageSha256": "878d1393332ab5cd940833a1a7e71a575d78b64b1e9d3aa9f8210346134cfafa",
    "poster": "/videos/examples/posters/segmented-tab-tooltip-click-morphs-composer.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "24/1",
      "frames": 96,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/segmented-tab-tooltip-click-morphs-composer/item.json",
    "observation": "A browser window centred on black shows an assistant home page: a two-option segmented control at the top, a heading, a slim composer and three suggestion rows. The pointer reaches the second tab by local frame ~5 and rests; a black tooltip appears under the tab at ~f25. The click lands at ~f41 and on f42 the selection pill jumps, the heading changes, the composer becomes taller with a chip row beneath it, and the suggestion rows re-enter staggered one frame apart (f42-46) about 85px lower. The pointer then drifts down to the heading (~f65) and left (~f80).",
    "mechanism": "Hover tooltip then click on a segmented control that swaps the page state in a single frame: heading text, composer height and a staggered re-entry of the suggestion list.",
    "phases": [
      {
        "frame": 0,
        "label": "Pointer approaching the second tab"
      },
      {
        "frame": 5,
        "label": "Pointer rests on tab"
      },
      {
        "frame": 25,
        "label": "Tooltip fades in under tab"
      },
      {
        "frame": 41,
        "label": "Click"
      },
      {
        "frame": 42,
        "label": "State swap: pill, heading, taller composer, chip row"
      },
      {
        "frame": 46,
        "label": "Suggestions finished staggering in"
      },
      {
        "frame": 65,
        "label": "Pointer drifts to heading"
      },
      {
        "frame": 96,
        "label": "End"
      }
    ]
  },
  "repair": {
    "id": "segmented-tab-tooltip-click-morphs-composer",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "982b56dfb17b589dbc5abaf8baafeb4aceb0453762e2f29fc809305dd086deec"
  },
  "original": {
    "id": "segmented-tab-tooltip-click-morphs-composer",
    "title": "Hover a segmented tab to show its tooltip, click, and morph the home composer into work mode",
    "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": [
      "_HCks5jkPLw",
      "25/4",
      "41/4"
    ],
    "source": {
      "filmId": "_HCks5jkPLw",
      "film": "Use ChatGPT Work to deliver board-ready reporting",
      "url": "https://www.youtube.com/watch?v=_HCks5jkPLw",
      "frames": [
        150,
        246
      ],
      "fps": {
        "numerator": 24,
        "denominator": 1
      },
      "startSeconds": 6.25,
      "endSeconds": 10.25,
      "publicationDate": "2026-08-13",
      "masterSha256": "dab454dff1d7d9b0523f638d9793373fdea8e30f55b5c58e955ccf08256b5db2",
      "clockBasis": "Downloaded 1920x1080 rendition at 24/1 fps; excerpt frame i = master frame 150+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "3b02d8946584efeb1ddaefb5588c02dac4a3daff661854318a6b8862d07d1446",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "A browser window centred on black shows an assistant home page: a two-option segmented control at the top, a heading, a slim composer and three suggestion rows. The pointer reaches the second tab by local frame ~5 and rests; a black tooltip appears under the tab at ~f25. The click lands at ~f41 and on f42 the selection pill jumps, the heading changes, the composer becomes taller with a chip row beneath it, and the suggestion rows re-enter staggered one frame apart (f42-46) about 85px lower. The pointer then drifts down to the heading (~f65) and left (~f80).",
    "mechanism": "Hover tooltip then click on a segmented control that swaps the page state in a single frame: heading text, composer height and a staggered re-entry of the suggestion list.",
    "phases": [
      {
        "frame": 0,
        "label": "Pointer approaching the second tab"
      },
      {
        "frame": 5,
        "label": "Pointer rests on tab"
      },
      {
        "frame": 25,
        "label": "Tooltip fades in under tab"
      },
      {
        "frame": 41,
        "label": "Click"
      },
      {
        "frame": 42,
        "label": "State swap: pill, heading, taller composer, chip row"
      },
      {
        "frame": 46,
        "label": "Suggestions finished staggering in"
      },
      {
        "frame": 65,
        "label": "Pointer drifts to heading"
      },
      {
        "frame": 96,
        "label": "End"
      }
    ],
    "checks": {
      "recipeSha256": "8895f4d25cdb08e79e3f991d610f74896fb84ec1d1a59efdc9a824e8e1e4a15d",
      "renderManifestSha256": "359810aeec29453b02287f483981838079fed92e2e44615572829dd5fd010398",
      "adaptationManifestSha256": "1ad4e130aaa41c4b8d3b1fa05068557177346affbf05966ceffe73c1cf1151e0",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "3b02d8946584efeb1ddaefb5588c02dac4a3daff661854318a6b8862d07d1446",
          "bytes": 45639,
          "width": 960,
          "height": 540,
          "fps": "24/1",
          "frames": 96,
          "duration": 4.0,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "494cec065260c76adef15caa65cb138bc9a58c991106e06384b8ced8a7ac20d4",
          "bytes": 72685,
          "width": 1920,
          "height": 1080,
          "fps": "24/1",
          "frames": 96,
          "duration": 4.0,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "54bd0d402d8d221dfdb8a8e758c93f640756db8bdbca6de7da7f15aea4214f65",
          "bytes": 67327,
          "width": 1920,
          "height": 1080,
          "fps": "24/1",
          "frames": 96,
          "duration": 4.0,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "982b56dfb17b589dbc5abaf8baafeb4aceb0453762e2f29fc809305dd086deec",
        "bytes": 150147,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "3c26108560b8ee83b40ea44ff3add701f284c32d1e0b6d22605bc34b59cb9a7e",
        "bytes": 5439,
        "drawableElements": 37,
        "rasterEmbedded": false,
        "frame": 72,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 50.3
    },
    "assets": {
      "source.mp4": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/source.mp4",
        "sha256": "3b02d8946584efeb1ddaefb5588c02dac4a3daff661854318a6b8862d07d1446",
        "bytes": 45639
      },
      "remake.mp4": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/remake.mp4",
        "sha256": "494cec065260c76adef15caa65cb138bc9a58c991106e06384b8ced8a7ac20d4",
        "bytes": 72685
      },
      "adaptation.mp4": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/adaptation.mp4",
        "sha256": "54bd0d402d8d221dfdb8a8e758c93f640756db8bdbca6de7da7f15aea4214f65",
        "bytes": 67327
      },
      "editable.svg": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/editable.svg",
        "sha256": "3c26108560b8ee83b40ea44ff3add701f284c32d1e0b6d22605bc34b59cb9a7e",
        "bytes": 5439
      },
      "resolve.txt": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/resolve.txt",
        "sha256": "9ef8c67aaf326be28b99ec1348d0f95df7f057d4969b501bd2185be6a3187437",
        "bytes": 9306
      },
      "package.zip": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/package.zip",
        "sha256": "982b56dfb17b589dbc5abaf8baafeb4aceb0453762e2f29fc809305dd086deec",
        "bytes": 150147
      },
      "recipe.json": {
        "path": "items/segmented-tab-tooltip-click-morphs-composer/recipe.json",
        "sha256": "8895f4d25cdb08e79e3f991d610f74896fb84ec1d1a59efdc9a824e8e1e4a15d",
        "bytes": 15123
      }
    },
    "builtAt": "2026-09-18T05:09:30Z"
  }
}