{
 "id": "sidebar-hover-pill-click-scrolls-to-anchored-section",
 "title": "Hover a sidebar item to raise its pill, click, and smooth-scroll the page to that section",
 "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": [
  "5DbZAMGZ5oM",
  "631/15",
  "45"
 ],
 "source": {
  "filmId": "5DbZAMGZ5oM",
  "film": "ChatGPT Work for Sales: Account Research and Customer Outreach",
  "url": "https://www.youtube.com/watch?v=5DbZAMGZ5oM",
  "frames": [
   1262,
   1350
  ],
  "fps": {
   "numerator": 30,
   "denominator": 1
  },
  "startSeconds": 42.06666666666667,
  "endSeconds": 45.0,
  "publicationDate": "2026-07-28",
  "masterSha256": "fb5f6caacd091e4642787575af5ce5929e9f47eca61788432e4d218e5940b721",
  "clockBasis": "Downloaded 1920x1080 rendition at 30/1 fps; excerpt frame i = master frame 1262+i, re-encoded to 960x540 without omitted positions."
 },
 "sourceHash": "7236d66abb95da7af520fea6a45d50f22b799f4d2644321d8c8f43072f5cf1f2",
 "classification": "vector-code-approximation",
 "bindingLevel": "full-render-manifest",
 "observation": "The account-brief page is at the 'What they actually said' section. The pointer leaves the quote block and travels left to the sidebar nav (f0-20); as it lands on the 'Stakeholders' item a rounded hover pill appears behind the label (~f22-30). On the click (~f34) the URL gains a '#stakeholders' anchor and the content column scrolls upward over about 40 frames, passing a dark card and settling on the 'Known executives' heading with a row of four person cards (~f78).",
 "mechanism": "Anchor navigation: a hover pill acknowledges the target, and the click drives one eased vertical scroll of the content column while the sidebar stays fixed.",
 "phases": [
  {
   "frame": 0,
   "label": "Pointer leaves the quote block"
  },
  {
   "frame": 22,
   "label": "Hover pill fades in behind the nav item"
  },
  {
   "frame": 34,
   "label": "Click; URL gains anchor"
  },
  {
   "frame": 36,
   "label": "Content column scrolls up 1180px, eased"
  },
  {
   "frame": 78,
   "label": "Settles on the next section heading and cards"
  }
 ],
 "checks": {
  "recipeSha256": "a1bf09ef25ed81057bd682cc5caf3724e49c2dac4fa582ecb73d11e363498247",
  "renderManifestSha256": "8b0cc9e2dae58fa925f95a140f51718a9392e0f802807b908af319a5f6b73506",
  "adaptationManifestSha256": "97775740dc5386c43980333f791128cb08254625838870ec085621a60ee8c344",
  "implementationFiles": 15,
  "movies": {
   "source": {
    "sha256": "7236d66abb95da7af520fea6a45d50f22b799f4d2644321d8c8f43072f5cf1f2",
    "bytes": 543237,
    "width": 960,
    "height": 540,
    "fps": "30/1",
    "frames": 88,
    "duration": 2.933333,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "original": {
    "sha256": "48529ad3c12a4e2c0b7c2bef7505ddeb8c2075a8977a22d75c041921246de084",
    "bytes": 768961,
    "width": 1920,
    "height": 1080,
    "fps": "30/1",
    "frames": 88,
    "duration": 2.933333,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "adaptation": {
    "sha256": "722c14b531140527e3ad5dd593ea0fae29c28632bec2d5289415efaabb254eb2",
    "bytes": 752219,
    "width": 1920,
    "height": 1080,
    "fps": "30/1",
    "frames": 88,
    "duration": 2.933333,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   }
  },
  "preparedArchive": {
   "sha256": "d22110bde98044a41458e00b8283c06206fc4ee4c661b3611b46bd354a6a62bc",
   "bytes": 153594,
   "members": 20,
   "crc": "pass"
  },
  "selectedSvg": {
   "sha256": "dd1c1562b06fa70a2469c9acd74cf826c53fea9ba2124ec2d2f7f6ca3826f870",
   "bytes": 13944,
   "drawableElements": 63,
   "rasterEmbedded": false,
   "frame": 66,
   "meaningful": true
  },
  "contentDiffers": true,
  "renderSeconds": 26.6
 },
 "assets": {
  "source.mp4": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/source.mp4",
   "sha256": "7236d66abb95da7af520fea6a45d50f22b799f4d2644321d8c8f43072f5cf1f2",
   "bytes": 543237
  },
  "remake.mp4": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/remake.mp4",
   "sha256": "48529ad3c12a4e2c0b7c2bef7505ddeb8c2075a8977a22d75c041921246de084",
   "bytes": 768961
  },
  "adaptation.mp4": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/adaptation.mp4",
   "sha256": "722c14b531140527e3ad5dd593ea0fae29c28632bec2d5289415efaabb254eb2",
   "bytes": 752219
  },
  "editable.svg": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/editable.svg",
   "sha256": "dd1c1562b06fa70a2469c9acd74cf826c53fea9ba2124ec2d2f7f6ca3826f870",
   "bytes": 13944
  },
  "resolve.txt": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/resolve.txt",
   "sha256": "fa99caaab79b09c03e52eefa582f36482a5fce22bad86d10995c1186c91b6b53",
   "bytes": 11929
  },
  "package.zip": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/package.zip",
   "sha256": "d22110bde98044a41458e00b8283c06206fc4ee4c661b3611b46bd354a6a62bc",
   "bytes": 153594
  },
  "recipe.json": {
   "path": "items/sidebar-hover-pill-click-scrolls-to-anchored-section/recipe.json",
   "sha256": "a1bf09ef25ed81057bd682cc5caf3724e49c2dac4fa582ecb73d11e363498247",
   "bytes": 18589
  }
 },
 "builtAt": "2026-09-18T05:28:20Z"
}