[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"$fckkWpCQcJZVrHj99EjI-ArOHvNoFlc1TCIcL0Wj3Kys":3},{"id":4,"project":5,"kind":6,"slug":7,"label":8,"note":9,"captureCount":10,"momentCount":11,"cycles":12,"origins":14,"surfaces":15,"variants":17,"first":18,"last":21,"moments":22},"page\u002Fsticky-band","design","page","sticky-band","Sticky band",null,6,1,[13],"c104",[],[16],"mock",[],{"date":19,"src":20},"2026-10-01","\u002Fcycles\u002Fdesign\u002Fc104-band-rest.png",{"date":19,"src":20},[23],{"id":24,"cycle":13,"cycleNum":25,"origin":9,"thread":26,"date":19,"capturedAt":28,"surface":16,"paths":29,"variants":31,"newThing":32,"captures":33},"c104~band~2026-10-01~mock",104,{"id":27,"label":8,"date":19},"band","2026-10-01T17:11:16.807Z",[30],"\u002Fpages\u002Fsticky-band",[],"One sticky band: the global Filter and NavJumpPills stay sticky where they sit and register with useStickyBand, which publishes --q-sticky-top; UxStickyBand backs them once pinned, table headers pin directly under the band, pill jumps land below it, and UxOverflowX lets only a too-wide table scroll sideways",[34,40,45,51,57,63],{"file":35,"src":20,"full":9,"slices":36,"route":30,"path":30,"caption":37,"capturedAt":28,"cycle":13,"seq":38,"local":39},"c104-band-rest.png",[],"At rest: filter on the title row, pills below the tiles, no backing; the readout shows --q-sticky-top 81px (8 + 65px filter + 8)",0,false,{"file":41,"src":42,"full":9,"slices":43,"route":30,"path":30,"caption":44,"capturedAt":28,"cycle":13,"seq":11,"local":39},"c104-band-pinned.png","\u002Fcycles\u002Fdesign\u002Fc104-band-pinned.png",[],"Pinned: filter and pills side by side at 8px over the band backing; the Installs ledger header pins directly under it at 81px",{"file":46,"src":47,"full":9,"slices":48,"route":30,"path":30,"caption":49,"capturedAt":28,"cycle":13,"seq":50,"local":39},"c104-band-jump.png","\u002Fcycles\u002Fdesign\u002Fc104-band-jump.png",[],"Pill jump to Sessions: the heading lands 16px below the band (97px) and its pill lights",2,{"file":52,"src":53,"full":9,"slices":54,"route":30,"path":30,"caption":55,"capturedAt":28,"cycle":13,"seq":56,"local":39},"c104-band-wide.png","\u002Fcycles\u002Fdesign\u002Fc104-band-wide.png",[],"Wide ledger (14 columns): UxOverflowX arms horizontal scroll, so this header gives up pinning while the ledgers that fit keep it",3,{"file":58,"src":59,"full":9,"slices":60,"route":30,"path":30,"caption":61,"capturedAt":28,"cycle":13,"seq":62,"local":39},"c104-band-filter-only.png","\u002Fcycles\u002Fdesign\u002Fc104-band-filter-only.png",[],"Filter only (pills off): the band is still 81px, the filter's height; the header pins under it",4,{"file":64,"src":65,"full":9,"slices":66,"route":30,"path":30,"caption":67,"capturedAt":28,"cycle":13,"seq":68,"local":39},"c104-band-before.png","\u002Fcycles\u002Fdesign\u002Fc104-band-before.png",[],"Before c104 (today's per-page wrapper, header at top-0): the pinned header slides under the pills and filter, which cover its first and last columns",5,1794599477337]