@wyxos/vibe 5.5.2 → 5.5.4

package/lib/core/autofillController.d.ts

@@ -22,6 +22,6 @@ export declare class VibeAutofillController {
     clearCountdown(): void;
     clearCollection(): void;
     syncCountdown(): void;
-    private commitCollection;
+    commitCollection(): boolean;
 }
 export {};

package/lib/core/feedFooter.d.ts

@@ -1,6 +1,7 @@
 import type { VibeFeedFooterActions } from '../types';
 interface FeedFooterActionTarget {
     cancelAutofill: () => Promise<void>;
+    getState: () => import('../types').VibeState;
     loadNext: () => Promise<void>;
     reload: () => Promise<void>;
     retryEnd: () => Promise<void>;

package/lib/core/reelForwardController.d.ts

@@ -1,9 +1,8 @@
 import type { VibeRuntimeState } from './runtime';
 import type { VibeItem, VibeItemId } from '../types';
 interface ReelForwardControllerOptions {
-    loadNext: () => Promise<void>;
     onActivate: (postId: VibeItemId) => void;
-    retryEnd: () => Promise<void>;
+    replenishAfterRemoval: () => Promise<void>;
     state: VibeRuntimeState;
 }
 export declare class ReelForwardController {

package/lib/core/removalControllers.d.ts

@@ -7,11 +7,10 @@ import type { VibeRuntimeState } from './runtime';
 import type { VibeItemId } from '../types';
 interface RemovalControllerOptions {
     historyLimit: number | undefined;
-    loadNext: () => Promise<void>;
     onActivate: (postId: VibeItemId) => void;
     onItemsRemoved: (postIds: readonly VibeItemId[]) => void;
     onItemsRestored: (postIds: readonly VibeItemId[]) => void;
-    retryEnd: () => Promise<void>;
+    replenishAfterRemoval: () => Promise<void>;
     state: VibeRuntimeState;
     surface: () => VibeSurfaceExpose | null;
 }

package/lib/core/removalReconciliationController.d.ts

@@ -1,4 +1,4 @@
-import type { CreateVibeOptions, VibeCursor, VibeItem, VibeItemId, VibePageLoader } from '../types';
+import type { CreateVibeOptions, VibeCursor, VibeItem, VibeItemId, VibePageLoader, VibePage } from '../types';
 import { type LoadedPageRecord } from './page';
 import { type RequestDelaySnapshot } from './requestDelay';
 interface ReconciliationResult {
@@ -31,6 +31,7 @@ export declare class RemovalReconciliationController {
     needsReconciliation(items: readonly VibeItem[]): boolean;
     hasPendingSession(): boolean;
     recordPages(records: readonly LoadedPageRecord[]): void;
+    recordInitialPage(page?: VibePage): void;
     remove(postIds: readonly VibeItemId[]): void;
     reset(): void;
     restore(postIds: readonly VibeItemId[]): void;

package/lib/core/runtime.d.ts

@@ -4,6 +4,7 @@ export interface VibeRuntimeState {
     activeReelPostId: VibeItemId | null;
     autoScroll: VibeAutoScrollState;
     autofill: VibeAutofillState;
+    current: VibeCursor;
     error: unknown | null;
     fill: VibeFillState;
     infiniteScroll: boolean;

package/lib/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return[e,...e.items]}function n(e,t){return Math.min(e.items.length,Math.max(0,t))}function r(e,r){return t(e)[n(e,r)]??e}function i(e,t){return`${String(e)}:${t}`}function a(t){return(0,e.computed)(()=>Object.freeze([...t.items]))}function o(e,t=[...e.items]){return{activeReelPostId:e.activeReelPostId,autoScroll:{...e.autoScroll},autofill:{...e.autofill},error:e.error,fill:{...e.fill,target:e.fill.target?{...e.fill.target}:null},infiniteScroll:e.infiniteScroll,isLoading:e.isLoading,isLoadingMore:e.isLoadingMore,items:t,layout:e.layout,lifecycle:e.isLoading||e.isLoadingMore?`loading`:e.error||e.nextPageError?`error`:`loaded`,loadMoreLocked:e.loadMoreLocked,next:e.next,nextPageError:e.nextPageError,phoneMode:e.phoneMode,reelAutoAdvance:{...e.reelAutoAdvance},reelForward:{...e.reelForward},reelInfoSheet:{...e.reelInfoSheet},reelOrigin:e.reelOrigin,total:e.total}}var s={key:0,class:`gallery-footer`},c={key:0,class:`load-more-status`,role:`status`},l=[`disabled`],u={key:2,class:`end-feed`},d=[`disabled`],f=(0,e.defineComponent)({__name:`GalleryFooter`,props:{canRetryEnd:{type:Boolean},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},showLoadMore:{type:Boolean}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.loadMoreLocked||(r.hasNext?i(`loadMore`):i(`retryEnd`))}return(n,r)=>t.isLoading||t.hasError||t.hasNext&&t.showLoadMore||!t.hasNext&&t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`footer`,s,[t.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,c,` Loading more… `)):t.hasError||t.hasNext&&t.showLoadMore?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,"data-test":`load-more`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:a},(0,e.toDisplayString)(t.hasError?`Try again`:t.loadMoreLocked?`Loading paused`:`Load more`),9,l)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,u,[r[1]||=(0,e.createElementVNode)(`p`,{class:`end-feed-message`,role:`status`},` You've reached the end. `,-1),(0,e.createElementVNode)(`button`,{"data-test":`retry-end`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:r[0]||=e=>n.$emit(`retryEnd`)},` Check for more `,8,d)]))])):(0,e.createCommentVNode)(``,!0)}}),p=(0,e.defineComponent)({__name:`FeedFooter`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},showLoadMore:{type:Boolean},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.actions?.cancelAutofill()}function o(){r.actions?.retry()}return(n,r)=>t.feedFooter&&t.actions&&t.state?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.feedFooter.component),{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"show-load-more":t.showLoadMore,state:t.state,onAutofillCancel:a,onLoadMore:r[0]||=e=>i(`loadMore`),onRetry:o,onRetryEnd:r[1]||=e=>i(`retryEnd`)},null,40,[`actions`,`can-retry-end`,`show-load-more`,`state`])):((0,e.openBlock)(),(0,e.createBlock)(f,{key:1,"can-retry-end":t.canRetryEnd,"has-error":t.hasError,"has-next":t.hasNext,"is-loading":t.isLoading,"load-more-locked":t.loadMoreLocked,"show-load-more":t.showLoadMore,onLoadMore:r[2]||=e=>i(`loadMore`),onRetryEnd:r[3]||=e=>i(`retryEnd`)},null,8,[`can-retry-end`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`]))}}),m=[`role`],h={class:`gallery-status`},g=(0,e.defineComponent)({__name:`FeedStatus`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;return(n,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:`gallery-shell`,role:r.state.error?`alert`:r.state.isLoading?`status`:void 0},[(0,e.createElementVNode)(`p`,h,[r.state.error?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)(` Unable to load media. `)],64)):r.state.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)(` Loading media… `)],64)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createTextVNode)(` No media found. `)],64))]),t.feedFooter?((0,e.openBlock)(),(0,e.createBlock)(p,{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":!!t.state.nextPageError,"has-next":t.state.next!==null,"is-loading":t.state.isLoadingMore,"load-more-locked":t.state.loadMoreLocked,"show-load-more":``,state:t.state,onLoadMore:a[0]||=e=>i(`loadMore`),onRetryEnd:a[1]||=e=>i(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`state`])):(0,e.createCommentVNode)(``,!0)],8,m))}});function _(e){return e.scrollHeight-e.scrollTop-e.clientHeight<=240}function v(e){let t=e.preview.width??e.width,n=e.preview.height??e.height;return!t||!n||t<=0||n<=0?1:n/t}function y(e){return e.reduce((t,n,r)=>n<e[t]?r:t,0)}function b(e){return Math.max(0,e.containerHeight)+Math.max(0,e.gap)}function x(e,t,n){if(t<=0||e.length===0)return{columns:0,height:0,items:[]};let r=Math.max(0,n.gap),i=Number.isFinite(n.additionalHeight)?Math.max(0,n.additionalHeight??0):0,a=Math.max(1,n.minColumnWidth),o=Math.max(1,Math.floor((t+r)/(a+r))),s=(t-r*(o-1))/o,c=Array.from({length:o},()=>0),l=e.map(e=>{let t=y(c),n=s*v(e)+i,a={x:t*(s+r),y:c[t],width:s,height:n};return c[t]+=n+r,a});return{columns:o,height:Math.max(...c)-r,items:l}}function S(e,t){let n=new Map;return e.forEach((e,r)=>{let i=n.get(e.x)??[];i.push({bottom:e.y+e.height,index:t?.[r]??r,top:e.y}),n.set(e.x,i)}),{columns:[...n.entries()].sort(([e],[t])=>e-t).map(([,e])=>e.sort((e,t)=>e.top-t.top||e.index-t.index))}}function C(e,t){let n=0,r=0,i=e.length;for(;r<i;){let a=Math.floor((r+i)/2);n+=1,e[a].bottom<t?r=a+1:i=a}return{index:r,inspected:n}}function w(e,t){let n=Math.max(0,t.overscan),r=t.scrollTop-n,i=t.scrollTop+Math.max(0,t.viewportHeight)+n,a=[],o=0;return e.columns.forEach(e=>{let t=C(e,r);o+=t.inspected;for(let n=t.index;n<e.length;n+=1){let t=e[n];if(o+=1,t.top>i)break;a.push(t.index)}}),{indices:a.sort((e,t)=>e-t),inspected:o}}function T(e){return e?.minColumnWidth??240}function E(e,t){let n=e?.overscan?.minimumPx??800,r=e?.overscan?.viewportMultiplier??1.5,i=Math.max(n,t*r),a=e?.overscan?.maximumPx;return a===void 0?i:Math.min(i,a)}function D(e){if(e?.minColumnWidth!==void 0&&(!Number.isFinite(e.minColumnWidth)||e.minColumnWidth<=0))throw TypeError(`Vibe masonry minColumnWidth must be a positive number.`);let t=e?.overscan;if(t){for(let[e,n]of[[`maximumPx`,t.maximumPx],[`minimumPx`,t.minimumPx],[`viewportMultiplier`,t.viewportMultiplier]])if(n!==void 0&&(!Number.isFinite(n)||n<0))throw TypeError(`Vibe masonry overscan ${e} must be a non-negative number.`);if(t.maximumPx!==void 0&&t.minimumPx!==void 0&&t.maximumPx<t.minimumPx)throw TypeError(`Vibe masonry overscan maximumPx must be greater than or equal to minimumPx.`)}}function O(e,t,n){return Math.min(n,Math.max(t,e))}function k({contentSize:e,minimumThumbSize:t,scrollPosition:n,trackSize:r,viewportSize:i}){let a=Math.max(0,e),o=Math.max(0,r),s=Math.max(0,i),c=Math.max(0,a-s);if(!(c>0&&o>0))return{maximumScrollPosition:c,scrollable:!1,thumbOffset:0,thumbSize:o,thumbTravel:0};let l=O(s/a*o,Math.min(Math.max(0,t),o),o),u=Math.max(0,o-l);return{maximumScrollPosition:c,scrollable:!0,thumbOffset:u*(O(n,0,c)/c),thumbSize:l,thumbTravel:u}}var A=[`aria-hidden`],j=[`aria-controls`,`aria-valuemax`,`aria-valuenow`,`tabindex`],M=32,N=40,ee=120,P=(0,e.defineComponent)({__name:`GalleryScrollbar`,props:{contentSize:{},controlsId:{},scrollElement:{},suspended:{type:Boolean}},setup(t){let n=t,r={maximumScrollPosition:0,scrollable:!1,thumbOffset:0,thumbSize:0,thumbTravel:0},i=(0,e.shallowRef)(null),a=(0,e.shallowRef)(r),o=(0,e.shallowRef)(!1),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(!1),l=null,u=0,d=0,f=null,p=null,m=null,h=null,g=!1,_=null,v=(0,e.computed)(()=>a.value.scrollable&&!n.suspended),y=(0,e.computed)(()=>({height:`${a.value.thumbSize}px`,transform:`translate3d(0, ${a.value.thumbOffset}px, 0)`}));function b(){f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,o.value||(s.value=!1)},ee)}function x(){s.value=!0,b()}function S(){let e=n.scrollElement,t=i.value;return!e||!t?r:k({contentSize:e.scrollHeight,minimumThumbSize:M,scrollPosition:e.scrollTop,trackSize:t.clientHeight,viewportSize:e.clientHeight})}function C(e){if(o.value&&e!==`scroll`){g=!0;return}if(o.value){let e=n.scrollElement;if(!e||a.value.maximumScrollPosition<=0)return;let t=Math.min(1,Math.max(0,e.scrollTop/a.value.maximumScrollPosition));a.value={...a.value,thumbOffset:a.value.thumbTravel*t};return}a.value=S(),!(c.value||p!==null)&&(p=requestAnimationFrame(()=>{p=null,c.value=!0}))}function w(){x(),C(`scroll`)}function T(e){let t=n.scrollElement;t&&(t.scrollTop=Math.min(a.value.maximumScrollPosition,Math.max(0,e)),C(`scroll`))}function E(e){if(!v.value||e.target!==e.currentTarget)return;let t=i.value;if(!t||a.value.thumbTravel<=0)return;e.preventDefault(),x();let n=e.clientY-t.getBoundingClientRect().top-a.value.thumbSize/2;T(Math.min(1,Math.max(0,n/a.value.thumbTravel))*a.value.maximumScrollPosition)}function D(e){v.value&&(e.preventDefault(),e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),l=e.pointerId,u=e.clientY,d=n.scrollElement?.scrollTop??0,o.value=!0,s.value=!0,f!==null&&clearTimeout(f),f=null)}function O(e){if(!o.value||e.pointerId!==l||(e.preventDefault(),a.value.thumbTravel<=0))return;let t=(e.clientY-u)/a.value.thumbTravel*a.value.maximumScrollPosition;T(d+t)}function P(e){!o.value||e.pointerId!==l||(e.currentTarget.releasePointerCapture?.(e.pointerId),l=null,o.value=!1,g&&(g=!1,C(`content`)),b())}function F(e){if(!v.value)return;let t=n.scrollElement?.clientHeight??0,r=n.scrollElement?.scrollTop??0,i=e.key===`ArrowUp`?r-N:e.key===`ArrowDown`?r+N:e.key===`PageUp`?r-t:e.key===`PageDown`?r+t:e.key===`Home`?0:e.key===`End`?a.value.maximumScrollPosition:null;i!==null&&(e.preventDefault(),x(),T(i))}function I(e){if(h?.disconnect(),!(typeof ResizeObserver>`u`)){h=new ResizeObserver(()=>C(`content`));for(let t of e.children)h.observe(t)}}return(0,e.watch)(()=>n.scrollElement,(t,n)=>{n?.removeEventListener(`scroll`,w),m?.disconnect(),m=null,h?.disconnect(),h=null,_?.disconnect(),_=null,t?.addEventListener(`scroll`,w,{passive:!0}),t&&typeof ResizeObserver<`u`&&(_=new ResizeObserver(()=>{x(),C(`resize`)}),_.observe(t),I(t)),t&&typeof MutationObserver<`u`&&(m=new MutationObserver(()=>{I(t),C(`content`)}),m.observe(t,{childList:!0})),(0,e.nextTick)(()=>C(`resize`))},{immediate:!0}),(0,e.watch)(()=>n.contentSize,()=>{(0,e.nextTick)(()=>C(`content`))}),(0,e.onBeforeUnmount)(()=>{n.scrollElement?.removeEventListener(`scroll`,w),m?.disconnect(),h?.disconnect(),_?.disconnect(),f!==null&&clearTimeout(f),p!==null&&cancelAnimationFrame(p)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`trackElement`,ref:i,class:(0,e.normalizeClass)([`gallery-scrollbar`,{"gallery-scrollbar--dragging":o.value,"gallery-scrollbar--interacting":s.value,"gallery-scrollbar--ready":c.value,"gallery-scrollbar--visible":v.value}]),"aria-hidden":!v.value||void 0,onPointerdown:E},[(0,e.createElementVNode)(`div`,{class:`gallery-scrollbar-thumb`,"aria-controls":t.controlsId,"aria-label":`Media gallery scroll position`,"aria-orientation":`vertical`,"aria-valuemax":Math.round(a.value.maximumScrollPosition),"aria-valuemin":`0`,"aria-valuenow":Math.round(t.scrollElement?.scrollTop??0),role:`scrollbar`,style:(0,e.normalizeStyle)(y.value),tabindex:v.value?0:-1,onKeydown:F,onPointercancel:P,onPointerdown:D,onPointermove:O,onPointerup:P},null,44,j)],42,A))}}),F=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},I=e=>e===``,L=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),R=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),z=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),B=e=>{let t=z(e);return t.charAt(0).toUpperCase()+t.slice(1)},V={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},H=({name:t,iconNode:n,absoluteStrokeWidth:r,"absolute-stroke-width":i,strokeWidth:a,"stroke-width":o,size:s=V.width,color:c=V.stroke,...l},{slots:u})=>(0,e.h)(`svg`,{...V,...l,width:s,height:s,stroke:c,"stroke-width":I(r)||I(i)||r===!0||i===!0?Number(a||o||V[`stroke-width`])*24/Number(s):a||o||V[`stroke-width`],class:L(`lucide`,l.class,...t?[`lucide-${R(B(t))}-icon`,`lucide-${R(t)}`]:[`lucide-icon`]),...!u.default&&!F(l)&&{"aria-hidden":`true`}},[...n.map(t=>(0,e.h)(...t)),...u.default?[u.default()]:[]]),U=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(H,{...a,...r,iconNode:n,name:t},i),te=U(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),W=U(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),G=U(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),K=U(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),q=U(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),J=U(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]),Y={401:`Authentication required`,403:`Access forbidden`,404:`Preview not found`,419:`Session expired`,500:`Server error`};function ne(e){return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1]??`Error`}function re(e){return Y[ne(e)]??`Preview unavailable`}var ie=(0,e.defineComponent)({__name:`CardRegion`,props:{index:{},item:{},layout:{},loadedCount:{},mediaIndex:{},mediaSource:{},placement:{},region:{},style:{},total:{}},setup(i){let a=i,o=(0,e.computed)(()=>n(a.item,a.mediaIndex)),s=(0,e.computed)(()=>t(a.item)),c=(0,e.computed)(()=>r(a.item,o.value)),l=(0,e.computed)(()=>({height:`${a.region.height}px`,paddingBlock:a.style?.paddingY===void 0?void 0:`${a.style.paddingY}px`,paddingInline:a.style?.paddingX===void 0?void 0:`${a.style.paddingX}px`})),u=(0,e.computed)(()=>a.style?.background??a.region.background);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-card-region`,[`media-card-${i.placement}`,{"media-card-region--transparent":u.value===`transparent`}]]),style:(0,e.normalizeStyle)(l.value),onClick:n[0]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:n[1]||=(0,e.withModifiers)(()=>{},[`stop`])},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(i.region.component),{index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-count":s.value.length,"media-index":o.value,"media-item":c.value,"media-source":i.mediaSource??`preview`,total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-count`,`media-index`,`media-item`,`media-source`,`total`]))],38))}}),ae=[`max`,`value`,`aria-valuetext`,`disabled`],oe={key:0,class:`media-controls-row`},se=[`aria-label`,`title`],ce={class:`media-controls-audio`},le=[`aria-label`,`title`],ue=[`value`,`aria-valuetext`],de={class:`media-control-time`,"aria-live":`off`},fe=(0,e.defineComponent)({__name:`MediaControls`,props:{currentTime:{},duration:{},layout:{},muted:{type:Boolean},playing:{type:Boolean},volume:{}},emits:[`seek`,`toggleMute`,`togglePlayback`,`volumeChange`],setup(t,{emit:n}){let r=t,i=n;function a(e,t=1){return Number.isFinite(e)?Math.min(t,Math.max(0,e)):0}function o(e){let t=Math.floor(a(e,2**53-1)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function s(e){return Number(e.target.value)}let c=(0,e.computed)(()=>Math.max(0,r.duration)),l=(0,e.computed)(()=>a(r.currentTime,c.value)),u=(0,e.computed)(()=>({"--media-range-progress":`${c.value>0?l.value/c.value*100:0}%`})),d=(0,e.computed)(()=>({"--media-range-progress":`${a(r.volume)*100}%`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-controls`,`media-controls--${t.layout}`]),"aria-label":`Video controls`,onClick:r[4]||=(0,e.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:r[6]||=(0,e.withModifiers)(()=>{},[`stop`]),onWheel:r[7]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-seek`,type:`range`,min:`0`,max:c.value||0,step:`0.1`,value:l.value,style:(0,e.normalizeStyle)(u.value),"aria-label":`Seek video`,"aria-valuetext":`${o(l.value)} of ${o(c.value)}`,disabled:c.value<=0,onInput:r[0]||=e=>i(`seek`,s(e))},null,44,ae),t.layout===`reel`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,oe,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button media-control-playback`,"aria-label":t.playing?`Pause video`:`Play video`,title:t.playing?`Pause`:`Play`,onClick:r[1]||=e=>i(`togglePlayback`)},[t.playing?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(G),{key:0,size:18,fill:`currentColor`})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(K),{key:1,size:18,fill:`currentColor`}))],8,se),(0,e.createElementVNode)(`div`,ce,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button`,"aria-label":t.muted?`Unmute video`:`Mute video`,title:t.muted?`Unmute`:`Mute`,onClick:r[2]||=e=>i(`toggleMute`)},[t.muted||t.volume===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(J),{key:0,size:18})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(q),{key:1,size:18}))],8,le),(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-volume`,type:`range`,min:`0`,max:`1`,step:`0.05`,value:t.volume,style:(0,e.normalizeStyle)(d.value),"aria-label":`Video volume`,"aria-valuetext":`${Math.round(t.volume*100)} percent`,onInput:r[3]||=e=>i(`volumeChange`,s(e))},null,44,ue)]),(0,e.createElementVNode)(`output`,de,(0,e.toDisplayString)(o(l.value))+` / `+(0,e.toDisplayString)(o(c.value)),1)])):(0,e.createCommentVNode)(``,!0)],34))}});function pe(t){let n=(0,e.computed)(()=>t.layout()!==`reel`||t.active()===!0),r=(0,e.computed)(()=>n.value?t.videoIsMuted.value:!0);function i(){if(!n.value){t.videoElement.value?.pause(),t.videoIsPlaying.value=!1;return}t.videoIsPlaying.value=!0}return(0,e.watch)(n,r=>{let i=t.videoElement.value;if(!r){i?.pause(),i&&(i.muted=!0),t.videoIsPlaying.value=!1;return}(0,e.nextTick)().then(async()=>{let e=t.videoElement.value;if(!(!e||!n.value)){e.muted=t.videoIsMuted.value;try{await e.play()}catch{t.videoIsPlaying.value=!1}}})}),{effectiveMuted:r,onPlaying:i,playbackAllowed:n}}var me=/\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;function he(e){try{return me.test(new URL(e).pathname)}catch{return me.test(e.split(`?`)[0]??e)}}function ge(t){let n=(0,e.computed)(()=>he(t.mediaSource())),r=(0,e.computed)(()=>t.layout()===`masonry`&&t.fetchPriority()===`low`?`lazy`:`eager`),i=(0,e.computed)(()=>t.fetchPriority()===`high`?`auto`:t.layout()===`masonry`?`none`:`metadata`);return(0,e.watch)(i,(n,r)=>{r!==`none`||n===`none`||(0,e.nextTick)(()=>t.videoElement.value?.load())}),{imageLoading:r,mediaIsTimed:n,videoPreload:i}}var _e=[`data-post-id`,`data-media-index`,`aria-hidden`,`aria-busy`,`inert`,`role`,`tabindex`],ve={class:`media-card-content`},ye=[`data-media-direction`],be=[`data-media-index`],xe={key:0,"data-test":`media-loading`,class:`media-loading`,"aria-hidden":`true`},Se=[`aria-label`],Ce={class:`media-error-code`},we=[`src`,`width`,`height`,`autoplay`,`loop`,`muted`,`preload`],Te=[`src`,`width`,`height`,`fetchpriority`,`loading`],Ee=[`aria-label`],De=[`aria-label`],Oe=[`aria-label`],ke=40,Ae=160,je=24,Me=(0,e.defineComponent)({__name:`MediaCard`,props:{active:{type:Boolean},advanceOnMediaEnd:{type:Boolean},cardFooter:{},cardHeader:{},entering:{type:Boolean},fetchPriority:{},index:{},item:{},itemStyle:{},interactive:{type:Boolean},leaving:{type:Boolean},layout:{},loadedCount:{},mediaIndex:{},mediaCard:{},mediaSource:{},previewState:{},reelControlsTarget:{},stationaryReelControls:{type:Boolean},total:{}},emits:[`activate`,`ended`,`error`,`mediaChange`,`ready`],setup(i,{emit:a}){let o=i,s=null,c=0,l=!1,u=null,d=null,f=(0,e.shallowRef)(`next`),p=a;function m(e=!1,t=`pointer`){e&&p(`activate`,t)}let h=(0,e.computed)(()=>t(o.item)),g=(0,e.computed)(()=>n(o.item,o.mediaIndex)),_=(0,e.computed)(()=>r(o.item,g.value)),v=(0,e.computed)(()=>o.mediaSource===`original`?_.value.src:_.value.preview.src),y=(0,e.computed)(()=>o.mediaSource===`original`?_.value.width:_.value.preview.width),b=(0,e.computed)(()=>o.mediaSource===`original`?_.value.height:_.value.preview.height),x=(0,e.shallowRef)(null),S=(0,e.shallowRef)(0),C=(0,e.shallowRef)(0),w=(0,e.shallowRef)(o.mediaCard?.videoMuted??o.layout===`masonry`),T=(0,e.shallowRef)(!1),E=(0,e.shallowRef)(1),D=1,{effectiveMuted:O,onPlaying:k,playbackAllowed:A}=pe({active:()=>o.active,layout:()=>o.layout,videoElement:x,videoIsMuted:w,videoIsPlaying:T}),j=(0,e.computed)(()=>o.interactive&&!!(o.cardHeader||o.cardFooter));function M(e){return e.detail===0?`keyboard`:`pointer`}function N(e,t){let n=h.value.length,r=(e+n)%n;r!==g.value&&(f.value=e<g.value?`previous`:`next`,p(`mediaChange`,r),t&&t.detail>0&&t.currentTarget?.blur())}function ee(e,t,n){return t===1?e*16:t===2?e*n:e}function P(){c=0,l=!1,s!==null&&clearTimeout(s),s=null}function F(){s!==null&&clearTimeout(s),s=setTimeout(P,Ae)}function I(e){if(h.value.length<=1)return;let t=e.currentTarget?.clientWidth||1,n=ee(e.deltaX,e.deltaMode,t);if(n===0||(e.preventDefault(),F(),l)||(c+=n,Math.abs(c)<je))return;let r=Math.sign(c);c=0,l=!0,N(g.value+r)}function L(e){let t=e.touches[0];o.layout!==`reel`||!t||(u=t.clientX,d=t.clientY)}function R(e){let t=e.changedTouches[0];if(u===null||d===null||!t)return;let n=u-t.clientX,r=d-t.clientY;u=null,d=null,!(Math.abs(n)<=Math.abs(r))&&(Math.abs(n)<ke||N(g.value+Math.sign(n)))}let{imageLoading:z,mediaIsTimed:B,videoPreload:V}=ge({fetchPriority:()=>o.fetchPriority,layout:()=>o.layout,mediaSource:()=>v.value,videoElement:x}),H=(0,e.computed)(()=>o.layout===`reel`&&o.stationaryReelControls===!0),U=(0,e.computed)(()=>B.value&&o.previewState===`ready`&&(!H.value||!!(o.active&&o.reelControlsTarget))),G=(0,e.computed)(()=>`${o.item.postId}:${g.value}:${v.value}`);function K(e){o.layout===`reel`&&(e.stopPropagation(),q())}async function q(){if(!(!x.value||!A.value)){if(T.value){x.value.pause();return}try{await x.value.play()}catch{T.value=!1}}}function J(e){return Number.isFinite(e)?Math.max(0,e):0}function Y(e){let t=e?.currentTarget??x.value;t&&(S.value=J(t.currentTime),C.value=J(t.duration),A.value&&(w.value=t.muted),E.value=t.volume,t.volume>0&&(D=t.volume))}function ae(e){Y(e),p(`ready`,g.value)}function oe(){T.value=!1,p(`ended`,g.value)}function se(e){let t=x.value;!t||!Number.isFinite(e)||(t.currentTime=Math.min(J(t.duration),Math.max(0,e)),S.value=t.currentTime)}function ce(e){let t=x.value;if(!t||!Number.isFinite(e))return;let n=Math.min(1,Math.max(0,e));t.volume=n,t.muted=n===0,n>0&&(D=n),Y()}function le(){let e=x.value;e&&(e.muted&&e.volume===0&&(e.volume=D),e.muted=!e.muted,Y())}return(0,e.onBeforeUnmount)(()=>{P()}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{"data-post-id":i.item.postId,"data-media-index":g.value,class:(0,e.normalizeClass)([`media-card`,{"media-card--entering":i.entering,"media-card--leaving":i.leaving,"media-card--error":i.previewState===`error`,"media-card--transparent-chrome":i.mediaCard?.header?.background===`transparent`||i.mediaCard?.footer?.background===`transparent`||i.cardHeader?.background===`transparent`||i.cardFooter?.background===`transparent`}]),style:(0,e.normalizeStyle)(i.itemStyle),"aria-hidden":i.leaving||void 0,"aria-busy":i.previewState===`loading`,inert:i.leaving||void 0,role:i.interactive&&!i.leaving&&!j.value?`button`:void 0,tabindex:i.interactive&&!i.leaving&&!j.value?0:void 0,onClick:n[11]||=e=>m(i.interactive&&!j.value,M(e)),onKeydown:[n[12]||=(0,e.withKeys)(e=>m(i.interactive&&!j.value,`keyboard`),[`enter`]),n[13]||=(0,e.withKeys)((0,e.withModifiers)(e=>m(i.interactive&&!j.value,`keyboard`),[`prevent`]),[`space`])]},[(0,e.createElementVNode)(`div`,ve,[i.cardHeader?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:0,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`header`,region:i.cardHeader,style:(0,e.normalizeStyle)(i.mediaCard?.header),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`media-card-media`,{"media-card-media--carousel":i.layout===`reel`&&h.value.length>1}]),"data-media-direction":f.value,onWheel:I,onTouchstartPassive:L,onTouchendPassive:R},[(0,e.createVNode)(e.Transition,{name:`media-slide-${f.value}`},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`${i.item.postId}:${_.value.src}:${i.mediaSource??`preview`}`,class:`media-card-frame`,"data-media-index":g.value},[i.previewState===`loading`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xe,[...n[14]||=[(0,e.createElementVNode)(`span`,{class:`media-loading-shimmer`},null,-1)]])):i.previewState===`error`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-test":`media-error`,class:`media-error`,role:`img`,"aria-label":`${(0,e.unref)(ne)(v.value)} ${(0,e.unref)(re)(v.value)}`},[(0,e.createElementVNode)(`strong`,Ce,(0,e.toDisplayString)((0,e.unref)(ne)(v.value)),1),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)((0,e.unref)(re)(v.value)),1)],8,Se)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(B)?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoElement`,ref:x,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`,"media-preview--reel-video":i.layout===`reel`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,autoplay:(0,e.unref)(A),loop:!i.advanceOnMediaEnd,muted:(0,e.unref)(O),playsinline:``,preload:(0,e.unref)(V),onLoadedmetadata:ae,onDurationchange:Y,onTimeupdate:Y,onVolumechange:Y,onPlaying:n[0]||=(...t)=>(0,e.unref)(k)&&(0,e.unref)(k)(...t),onPause:n[1]||=e=>T.value=!1,onEnded:oe,onClick:K,onError:n[2]||=e=>t.$emit(`error`,g.value)},null,42,we)):((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:3,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,fetchpriority:i.fetchPriority,alt:``,decoding:`async`,loading:(0,e.unref)(z),onLoad:n[3]||=e=>t.$emit(`ready`,g.value),onError:n[4]||=e=>t.$emit(`error`,g.value)},null,42,Te))],8,be))]),_:1},8,[`name`]),((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{disabled:!H.value||!i.reelControlsTarget,to:i.reelControlsTarget??`body`},[(0,e.createVNode)(e.Transition,{name:`vibe-reel-media-controls`,css:H.value},{default:(0,e.withCtx)(()=>[U.value?((0,e.openBlock)(),(0,e.createBlock)(fe,{key:G.value,"current-time":S.value,"data-control-post-id":H.value?i.item.postId:void 0,duration:C.value,layout:i.layout,muted:w.value,playing:T.value,volume:E.value,onSeek:se,onToggleMute:le,onTogglePlayback:q,onVolumeChange:ce},null,8,[`current-time`,`data-control-post-id`,`duration`,`layout`,`muted`,`playing`,`volume`])):(0,e.createCommentVNode)(``,!0)]),_:1},8,[`css`])],8,[`disabled`,`to`])),h.value.length>1?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`media-carousel-controls`,{"media-carousel-controls--persistent":i.layout===`reel`}]),"aria-label":`Media navigation`},[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--previous`,"aria-label":`Previous media for post ${i.item.postId}`,onClick:n[5]||=(0,e.withModifiers)(e=>N(g.value-1,e),[`stop`]),onKeydown:n[6]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(te),{size:20})],40,Ee),(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--next`,"aria-label":`Next media for post ${i.item.postId}`,onClick:n[7]||=(0,e.withModifiers)(e=>N(g.value+1,e),[`stop`]),onKeydown:n[8]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(W),{size:20})],40,De)],2)):(0,e.createCommentVNode)(``,!0),j.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`media-card-activator`,type:`button`,"aria-label":`Open post ${i.item.postId}`,onClick:n[9]||=(0,e.withModifiers)(e=>t.$emit(`activate`,M(e)),[`stop`]),onKeydown:n[10]||=(0,e.withModifiers)(()=>{},[`stop`])},null,40,Oe)):(0,e.createCommentVNode)(``,!0)],42,ye),i.cardFooter?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:1,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`footer`,region:i.cardFooter,style:(0,e.normalizeStyle)(i.mediaCard?.footer),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0)])],46,_e))}}),Ne={class:`masonry-feed-shell`},Pe=[`aria-hidden`,`inert`],Fe={key:0,class:`masonry-feed-status-overlay`},Ie=6,Le=12,Re=(0,e.defineComponent)({__name:`MasonryFeed`,props:{enteringPostIds:{},entryDelays:{},leavingPostIds:{default:()=>new Set},removalDelays:{default:()=>new Map},masonry:{},suspended:{type:Boolean},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activate`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`visible`],setup(t,{expose:n,emit:r}){let a=t,o=r,s=(0,e.shallowRef)(null),c=`vibe-masonry-${(0,e.useId)()}`,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(0),d=(0,e.shallowRef)(Ie),f=(0,e.shallowRef)(0),m=(0,e.shallowRef)(0),h=(0,e.shallowRef)(0),g=(0,e.shallowRef)([]),v=(0,e.shallowRef)([]),y=0,C=null,D=null,O=null,k=null,A=(0,e.computed)(()=>x(a.items,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:T(a.masonry)})),j=(0,e.computed)(()=>{if(a.leavingPostIds.size===0)return null;let e=a.items.flatMap((e,t)=>a.leavingPostIds.has(e.postId)?[]:[{index:t,item:e}]),t=x(e.map(({item:e})=>e),u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:T(a.masonry)});return{indices:e.map(({index:e})=>e),layout:t,positions:new Map(e.map(({item:e},n)=>[e.postId,t.items[n]]))}}),M=(0,e.computed)(()=>{let e=A.value,t=j.value;return t?{...t.layout,items:a.items.map((n,r)=>a.leavingPostIds.has(n.postId)?e.items[r]:t.positions.get(n.postId)??e.items[r])}:e}),N=(0,e.computed)(()=>S(A.value.items)),ee=(0,e.computed)(()=>{let e=j.value;return e?S(e.layout.items,e.indices):null}),F=(0,e.computed)(()=>Math.max(m.value,a.leavingPostIds.size===0?M.value.height:A.value.height)),I=(0,e.computed)(()=>({height:`${F.value}px`})),L=(0,e.computed)(()=>!a.infiniteScroll||f.value>0&&h.value+M.value.height<=f.value+1),R=(0,e.computed)(()=>new Set(g.value)),z=(0,e.computed)(()=>v.value.flatMap(e=>{let t=a.items[e];return t?[{fetchPriority:R.value.has(e)?`high`:`low`,index:e,item:t}]:[]}));function B(e,t){return[...new Set([...e,...t])].sort((e,t)=>e-t)}function V(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function H(e){let t={scrollTop:y-h.value,viewportHeight:f.value},n=ee.value,r=w(n??N.value,{...t,overscan:e}).indices;return B(r,a.leavingPostIds.size===0?[]:w(N.value,{...t,overscan:e}).indices)}function U(){let e=a.suspended?[]:H(0),t=H(E(a.masonry,f.value));V(g.value,e)||(g.value=e),V(v.value,t)||(v.value=t)}function te(){if(k!==null)return;k=-1;let e=requestAnimationFrame(()=>{k=null,U()});k!==null&&(k=e)}let W=new Set;(0,e.watch)(()=>[...R.value].flatMap(e=>{let t=a.items[e];if(!t)return[];let n=a.mediaIndices.get(t.postId)??0,r=i(t.postId,n);return a.previewStates.get(r)===`ready`?[{key:r,mediaIndex:n,postId:t.postId}]:[]}),e=>{let t=new Set(e.map(({key:e})=>e));e.forEach(({key:e,mediaIndex:t,postId:n})=>{W.has(e)||o(`visible`,n,t)}),W=t},{immediate:!0,flush:`post`});function G(e){let t=M.value.items[e],n=a.items[e]?.postId;if(!t)return{};let r=n!==void 0&&a.enteringPostIds.has(n),i=n!==void 0&&a.leavingPostIds.has(n),o=r||i?b({containerHeight:Math.max(m.value,A.value.height),gap:d.value}):0,s=n===void 0?0:i?a.removalDelays.get(n)??0:r?a.entryDelays.get(n)??0:0;return{"--masonry-entry-delay":`${s}ms`,width:`${t.width}px`,height:`${t.height}px`,transform:`translate3d(${t.x}px, ${t.y+o}px, 0)`}}function K(){let e=s.value;if(!e)return;y=e.scrollTop,f.value=e.clientHeight;let t=e.ownerDocument.defaultView?.getComputedStyle(e),n=(Number.parseFloat(t?.paddingTop??``)||0)+(Number.parseFloat(t?.paddingBottom??``)||0);m.value=Math.max(0,e.clientHeight-n);let r=l.value;r&&(h.value=r.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop,U())}function q(e){let t=e.ownerDocument.documentElement.clientWidth;u.value=e.clientWidth,d.value=Math.min(Le,Math.max(Ie,t*.0075)),K()}function J(e){let t=e.currentTarget;t&&(y=t.scrollTop,te(),!a.loadMoreLocked&&a.infiniteScroll&&_(t)&&o(`loadMore`))}function Y(){let e=s.value;!a.loadMoreLocked&&e&&_(e)&&o(`loadMore`)}function ne(){return s.value}return(0,e.watch)(l,e=>{C?.disconnect(),C=null,O!==null&&cancelAnimationFrame(O),e&&(q(e),!(typeof ResizeObserver>`u`)&&(C=new ResizeObserver(([t])=>{let n=t?.contentRect.width??e.clientWidth;Math.abs(n-u.value)<.5||(O=requestAnimationFrame(()=>{O=null,q(e)}))}),C.observe(e)))}),(0,e.watch)(s,e=>{D?.disconnect(),D=null,e&&(K(),!(typeof ResizeObserver>`u`)&&(D=new ResizeObserver(K),D.observe(e)))}),(0,e.watch)([A,M,()=>a.suspended,()=>a.masonry],U,{flush:`post`}),(0,e.onBeforeUnmount)(()=>{C?.disconnect(),D?.disconnect(),O!==null&&cancelAnimationFrame(O),k!==null&&cancelAnimationFrame(k)}),n({getScrollElement:ne,loadIfNearBottom:Y}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ne,[(0,e.createElementVNode)(`main`,{id:c,ref_key:`galleryElement`,ref:s,class:(0,e.normalizeClass)([`gallery-shell masonry-feed`,{"masonry-feed--suspended":t.suspended}]),"data-layout-mode":`masonry`,"aria-hidden":t.suspended||void 0,inert:t.suspended||void 0,onScrollPassive:J},[(0,e.createElementVNode)(`section`,{ref_key:`masonryElement`,ref:l,class:(0,e.normalizeClass)([`masonry`,{"masonry--ready":u.value>0}]),style:(0,e.normalizeStyle)(I.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(z.value,({fetchPriority:n,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Me,{key:r.postId,class:`masonry-item`,entering:t.enteringPostIds.has(r.postId),leaving:t.leavingPostIds.has(r.postId),"fetch-priority":n,"card-footer":t.cardFooter,"card-header":t.cardHeader,"media-card":t.mediaCard,index:a,item:r,"item-style":G(a),interactive:``,layout:`masonry`,"loaded-count":t.items.length,"media-index":t.mediaIndices.get(r.postId)??0,"preview-state":t.previewStates.get((0,e.unref)(i)(r.postId,t.mediaIndices.get(r.postId)??0))??`loading`,total:t.total,onActivate:e=>o(`activate`,r.postId,e),onMediaChange:e=>o(`mediaChange`,r.postId,e),onReady:e=>o(`ready`,r.postId,e),onError:e=>o(`error`,r.postId,e)},null,8,[`entering`,`leaving`,`fetch-priority`,`card-footer`,`card-header`,`media-card`,`index`,`item`,`item-style`,`loaded-count`,`media-index`,`preview-state`,`total`,`onActivate`,`onMediaChange`,`onReady`,`onError`]))),128))],6)],42,Pe),t.feedFooter||t.isLoadingMore||t.nextPageError||t.hasNext&&L.value||!t.hasNext&&t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Fe,[(0,e.createVNode)(p,{actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":t.nextPageError,"has-next":t.hasNext,"is-loading":t.isLoadingMore,"load-more-locked":t.loadMoreLocked,"show-load-more":L.value,state:t.state,onLoadMore:r[0]||=e=>o(`loadMore`),onRetryEnd:r[1]||=e=>o(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`,`state`])])):(0,e.createCommentVNode)(``,!0),(0,e.createVNode)(P,{"content-size":M.value.height,"controls-id":c,"scroll-element":s.value,suspended:t.suspended},null,8,[`content-size`,`scroll-element`,`suspended`])]))}}),ze=300;function Be(e,t,n){let r=e.scrollTop;if(n||Math.abs(r-t)<=1)return e.scrollTop=t,Promise.resolve();e.setAttribute(`data-transitioning`,``);let i=performance.now(),a=0;return new Promise(n=>{let o=s=>{a+=1;let c=Math.max(s-i,1e3/60*a),l=Math.min(1,c/ze),u=1-(1-l)**3;if(e.scrollTop=r+(t-r)*u,l<1){requestAnimationFrame(o);return}e.removeAttribute(`data-transitioning`),e.scrollTop=t,n()};requestAnimationFrame(o)})}var Ve=[`aria-label`],He=(0,e.defineComponent)({__name:`ReelAutoAdvanceProgress`,props:{durationMs:{},label:{}},emits:[`complete`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>({"--vibe-reel-auto-advance-duration":`${r.durationMs}ms`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`reel-auto-advance`,"data-test":`reel-auto-advance`,role:`timer`,"aria-label":t.label},[(0,e.createElementVNode)(`span`,{class:`reel-auto-advance-progress`,style:(0,e.normalizeStyle)(a.value),onAnimationend:r[0]||=e=>i(`complete`)},null,36)],8,Ve))}}),Ue={class:`reel-viewport`},We=[`data-active-post-id`,`data-active-media-index`],Ge=[`role`,`data-status`],Ke=2,qe=300,Je=(0,e.defineComponent)({__name:`ReelFeed`,props:{initialPostId:{},mediaSource:{},reelAutoAdvance:{},reelForward:{default:()=>({error:null,status:`idle`})},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`retryForward`],setup(n,{expose:a,emit:o}){let s=n,c=o,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=s.initialPostId===null||s.initialPostId===void 0?-1:s.items.findIndex(e=>e.postId===s.initialPostId),f=(0,e.shallowRef)(Math.max(0,d)),m=(0,e.shallowRef)(!1),h=(0,e.shallowRef)(!1),g=0,v=null,y=null,b=null,x=(0,e.computed)(()=>({gridTemplateRows:`repeat(${s.items.length}, 100cqh)`})),S=(0,e.computed)(()=>{let e=Math.max(0,f.value-Ke),t=Math.min(s.items.length-1,f.value+Ke);return s.items.slice(e,t+1).map((t,n)=>({fetchPriority:e+n===f.value?`high`:`low`,index:e+n,item:t}))}),C=(0,e.computed)(()=>s.items[f.value]?.postId),w=(0,e.computed)(()=>s.items[f.value]),T=(0,e.computed)(()=>{let e=C.value;return e===void 0?0:s.mediaIndices.get(e)??0}),E=(0,e.computed)(()=>{let e=C.value;return e===void 0?`loading`:s.previewStates.get(i(e,T.value))??`loading`}),D=(0,e.computed)(()=>{let e=w.value;if(!e)return``;let t=r(e,T.value);return s.mediaSource===`original`?t.src:t.preview.src}),O=(0,e.computed)(()=>E.value===`ready`&&he(D.value)),k=(0,e.computed)(()=>[C.value,T.value,s.items.length,s.loadMoreLocked,s.reelAutoAdvance.enabled,s.reelAutoAdvance.includePostItems,s.reelAutoAdvance.intervalMs].join(`:`)),A=(0,e.computed)(()=>{let e=w.value,n=!!(e&&s.reelAutoAdvance.includePostItems&&T.value<t(e).length-1),r=s.reelAutoAdvance.intervalMs/1e3;return`Auto advance to the next ${n?`post item`:`post`} in ${r}s`}),j=(0,e.computed)(()=>s.reelAutoAdvance.enabled&&s.reelForward.status===`idle`&&w.value!==void 0&&E.value!==`loading`&&!O.value),M=(0,e.computed)(()=>!s.infiniteScroll||s.items.length<=1),N=(0,e.computed)(()=>s.reelForward.status===`loading`?`Loading the next media…`:s.reelForward.status===`error`?`Unable to load the next media.`:`You reached the end of this feed.`);function ee(e){return{gridRow:`${e+1}`}}function P(e){let t=g||e.clientHeight;return t<=0||s.items.length===0?0:Math.min(s.items.length-1,Math.max(0,Math.round(e.scrollTop/t)))}function F(e){let t=e.currentTarget;if(!t)return;let n=g||t.clientHeight,r=Math.max(0,s.items.length-1)*n;m.value=s.items.length>0&&t.scrollTop>r+1,h.value||(f.value=P(t)),!s.loadMoreLocked&&s.infiniteScroll&&_(t)&&c(`loadMore`)}function I(){let e=l.value;e&&(m.value=!1,z(!0),g=e.clientHeight,e.scrollTop=f.value*g,y!==null&&cancelAnimationFrame(y),y=requestAnimationFrame(()=>{e.scrollTop=f.value*e.clientHeight,g=e.clientHeight,y=null}),L())}function L(){b!==null&&clearTimeout(b),b=setTimeout(()=>{b=null;let e=l.value;e&&(g=e.clientHeight,e.scrollTop=f.value*g),z(!1)},120)}function R(){z(!0);let e=l.value;e&&(g=e.clientHeight,e.scrollTop=f.value*g),L()}function z(e){h.value=e,l.value?.toggleAttribute(`data-resizing`,e)}function B(){let e=l.value;!s.loadMoreLocked&&e&&_(e)&&c(`loadMore`)}function V(e){let n=w.value;if(!n)return!1;let r=t(n).length;if(r<=1)return!1;let i=(T.value+e+r)%r;return c(`mediaChange`,n.postId,i),!0}function H(e){let t=f.value+e;return!l.value||t<0||t>=s.items.length?!1:(G(t),!0)}function U(e,t){let n=s.items.findIndex(t=>t.postId===e),r=s.items[n];return!l.value||!r||t<0||t>r.items.length?!1:((s.mediaIndices.get(e)??0)!==t&&c(`mediaChange`,e,t),n!==f.value&&G(n),!0)}function te(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function W(e){let t=l.value;if(!t)return Promise.resolve();let n=e*(g||t.clientHeight);return f.value=e,Be(t,n,te())}function G(e){W(e)}async function K(e){let t=s.items.findIndex(t=>t.postId===e);return t<0||t===f.value?!1:(await W(t),!0)}async function q(e){return V(e)?(te()||await new Promise(e=>setTimeout(e,qe)),!0):!1}function J(){if(!s.reelAutoAdvance.enabled)return;let e=w.value;if(!e)return;if(s.reelAutoAdvance.includePostItems&&T.value<t(e).length-1){c(`mediaChange`,e.postId,T.value+1);return}let n=f.value+1,r=s.items[n];if(!r){s.hasNext&&!s.loadMoreLocked&&c(`loadMore`);return}s.reelAutoAdvance.includePostItems&&(s.mediaIndices.get(r.postId)??0)!==0&&c(`mediaChange`,r.postId,0),G(n)}function Y(e,t){!s.reelAutoAdvance.enabled||e!==C.value||t!==T.value||!O.value||J()}return(0,e.watch)(l,e=>{v?.disconnect(),v=null,e&&(g=e.clientHeight,!(typeof ResizeObserver>`u`)&&(v=new ResizeObserver(I),v.observe(e)))}),(0,e.watch)(()=>s.items.length,async t=>{let n=s.initialPostId,r=n==null?-1:s.items.findIndex(({postId:e})=>e===n);f.value=r>=0?r:Math.min(f.value,Math.max(0,t-1)),await(0,e.nextTick)(),I()}),(0,e.watch)(C,e=>{e!==void 0&&c(`activeChange`,e)},{immediate:!0}),(0,e.onMounted)(()=>{window.addEventListener(`resize`,R),window.addEventListener(`orientationchange`,R),d>=0&&(0,e.nextTick)(I)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,R),window.removeEventListener(`orientationchange`,R),v?.disconnect(),y!==null&&cancelAnimationFrame(y),b!==null&&clearTimeout(b)}),a({activeIndex:f,activePostId:C,changeActiveMedia:V,loadIfNearBottom:B,moveActivePost:H,navigateToItem:U,transitionActiveMedia:q,transitionActivePost:K}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:(0,e.normalizeClass)([`reel-shell`,{"reel-shell--has-footer":!!n.cardFooter,"reel-shell--has-header":!!n.cardHeader}]),"data-layout-mode":`reel`},[n.cardHeader&&w.value&&n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:0,index:f.value,item:w.value,layout:`reel`,"loaded-count":n.items.length,"media-index":T.value,"media-source":n.mediaSource,placement:`header`,region:n.cardHeader,style:(0,e.normalizeStyle)(n.mediaCard?.header),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,Ue,[(0,e.createElementVNode)(`div`,{ref_key:`galleryElement`,ref:l,class:`gallery-shell reel-feed`,"data-active-post-id":C.value,"data-active-media-index":T.value,onScrollPassive:F},[n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:1,class:`reel-track`,style:(0,e.normalizeStyle)(x.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(S.value,({fetchPriority:t,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Me,{key:r.postId,active:a===f.value&&!m.value,"advance-on-media-end":s.reelAutoAdvance.enabled&&a===f.value,class:`reel-item`,entering:!1,"fetch-priority":t,index:a,item:r,"item-style":ee(a),"media-card":n.mediaCard,layout:`reel`,"loaded-count":n.items.length,"media-index":n.mediaIndices.get(r.postId)??0,"media-source":n.mediaSource,"preview-state":n.previewStates.get((0,e.unref)(i)(r.postId,n.mediaIndices.get(r.postId)??0))??`loading`,"reel-controls-target":u.value,"stationary-reel-controls":``,total:n.total,onMediaChange:e=>c(`mediaChange`,r.postId,e),onEnded:e=>Y(r.postId,e),onReady:e=>c(`ready`,r.postId,e),onError:e=>c(`error`,r.postId,e)},null,8,[`active`,`advance-on-media-end`,`fetch-priority`,`index`,`item`,`item-style`,`media-card`,`loaded-count`,`media-index`,`media-source`,`preview-state`,`reel-controls-target`,`total`,`onMediaChange`,`onEnded`,`onReady`,`onError`]))),128))],4)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`reel-forward-status`,role:n.reelForward.status===`error`?`alert`:`status`,"data-status":n.reelForward.status},[(0,e.createElementVNode)(`p`,null,(0,e.toDisplayString)(N.value),1),n.reelForward.status===`error`||n.reelForward.status===`end`?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`reel-forward-retry`,type:`button`,onClick:r[0]||=e=>c(`retryForward`)},` Retry `)):(0,e.createCommentVNode)(``,!0)],8,Ge)),n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(p,{key:2,actions:n.feedFooterActions,"can-retry-end":n.canRetryEnd,"feed-footer":n.feedFooter,"has-error":n.nextPageError,"has-next":n.hasNext,"is-loading":n.isLoadingMore,"load-more-locked":n.loadMoreLocked,"show-load-more":M.value,state:n.state,onLoadMore:r[1]||=e=>c(`loadMore`),onRetryEnd:r[2]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`,`state`])):(0,e.createCommentVNode)(``,!0)],40,We),(0,e.createElementVNode)(`div`,{ref_key:`reelControlsElement`,ref:u,class:`reel-media-controls-host`,"data-test":`reel-media-controls-host`},null,512)]),n.cardFooter&&w.value&&n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:1,index:f.value,item:w.value,layout:`reel`,"loaded-count":n.items.length,"media-index":T.value,"media-source":n.mediaSource,placement:`footer`,region:n.cardFooter,style:(0,e.normalizeStyle)(n.mediaCard?.footer),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),j.value?((0,e.openBlock)(),(0,e.createBlock)(He,{key:k.value,"duration-ms":n.reelAutoAdvance.intervalMs,label:A.value,onComplete:J},null,8,[`duration-ms`,`label`])):(0,e.createCommentVNode)(``,!0)],2))}}),Ye=[`data-info-sheet-open`,`data-info-sheet-mode`],Xe=[`aria-hidden`,`inert`],Ze={key:0,class:`reel-info-sheet-layer`,"data-test":`reel-info-sheet`},Qe=[`role`,`aria-modal`,`tabindex`,`data-active-post-id`],$e=(0,e.defineComponent)({__name:`ReelLayout`,props:{forwardIndex:{default:null},forwardItem:{default:null},infoSheet:{},infoSheetEnabled:{type:Boolean},infoSheetOverlay:{type:Boolean},origin:{},initialPostId:{},mediaSource:{},reelAutoAdvance:{},reelForward:{default:()=>({error:null,status:`idle`})},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`closeInfoSheet`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`retryForward`],setup(n,{expose:i,emit:a}){let o=n,s=a,c=(0,e.shallowRef)(null),l=(0,e.shallowRef)(null),u=null,d=(0,e.computed)(()=>{let e=o.initialPostId===null||o.initialPostId===void 0?-1:o.items.findIndex(e=>e.postId===o.initialPostId);return Math.max(0,e)}),f=(0,e.computed)(()=>o.items[d.value]),p=(0,e.computed)(()=>f.value??(o.reelForward.status===`idle`?void 0:o.forwardItem??void 0)),m=(0,e.computed)(()=>f.value?d.value:o.forwardIndex??0),h=(0,e.computed)(()=>{let e=p.value?.postId;return e===void 0?0:o.mediaIndices.get(e)??0}),g=(0,e.computed)(()=>!!(o.infoSheet&&o.infoSheetEnabled&&p.value)),_=(0,e.computed)(()=>{let e=p.value;return e?{close:v,index:m.value,item:e,layout:`reel`,loadedCount:o.items.length,mediaCount:t(e).length,mediaIndex:h.value,mediaItem:r(e,h.value),mediaSource:o.mediaSource??`preview`,origin:o.origin,total:o.total}:null});function v(){s(`closeInfoSheet`)}function y(e){return c.value?.changeActiveMedia(e)??!1}function b(){c.value?.loadIfNearBottom()}function x(e){return c.value?.moveActivePost(e)??!1}function S(e,t){return c.value?.navigateToItem(e,t)??!1}function C(e){return c.value?.transitionActiveMedia(e)??Promise.resolve(!1)}function w(e){return c.value?.transitionActivePost(e)??Promise.resolve(!1)}function T(e,t){s(`error`,e,t)}function E(e,t){s(`mediaChange`,e,t)}function D(e,t){s(`ready`,e,t)}return(0,e.watch)(()=>({overlay:o.infoSheetOverlay,visible:g.value}),async(t,n)=>{if(t.visible&&!n?.visible){u=document.activeElement instanceof HTMLElement?document.activeElement:null,t.overlay&&(await(0,e.nextTick)(),l.value?.focus({preventScroll:!0}));return}if(!t.visible&&n?.visible&&u?.isConnected){let t=u;u=null,await(0,e.nextTick)(),t.focus({preventScroll:!0})}}),(0,e.onBeforeUnmount)(()=>{u=null}),i({changeActiveMedia:y,loadIfNearBottom:b,moveActivePost:x,navigateToItem:S,transitionActiveMedia:C,transitionActivePost:w}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{class:(0,e.normalizeClass)([`reel-layout`,`reel-layout--${n.infoSheetOverlay?`overlay`:`layout`}`]),"data-info-sheet-open":g.value||void 0,"data-info-sheet-mode":n.infoSheetOverlay?`overlay`:`layout`},[(0,e.createElementVNode)(`div`,{class:`reel-layout-main`,"aria-hidden":n.infoSheetOverlay&&g.value||void 0,inert:n.infoSheetOverlay&&g.value||void 0},[(0,e.createVNode)(Je,{ref_key:`reelFeed`,ref:c,"can-retry-end":n.canRetryEnd,"card-footer":n.cardFooter,"card-header":n.cardHeader,"feed-footer":n.feedFooter,"feed-footer-actions":n.feedFooterActions,"media-card":n.mediaCard,"has-next":n.hasNext,"infinite-scroll":n.infiniteScroll,"initial-post-id":n.initialPostId,"is-loading-more":n.isLoadingMore,items:n.items,"load-more-locked":n.loadMoreLocked,"media-indices":n.mediaIndices,"media-source":n.mediaSource,"next-page-error":n.nextPageError,"preview-states":n.previewStates,"reel-auto-advance":n.reelAutoAdvance,"reel-forward":n.reelForward,state:n.state,total:n.total,onActiveChange:r[0]||=e=>s(`activeChange`,e),onError:T,onLoadMore:r[1]||=e=>s(`loadMore`),onMediaChange:E,onReady:D,onRetryEnd:r[2]||=e=>s(`retryEnd`),onRetryForward:r[3]||=e=>s(`retryForward`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`media-source`,`next-page-error`,`preview-states`,`reel-auto-advance`,`reel-forward`,`state`,`total`])],8,Xe),(0,e.createVNode)(e.Transition,{name:`vibe-info-sheet`},{default:(0,e.withCtx)(()=>[g.value&&n.infoSheet&&_.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ze,[(0,e.createElementVNode)(`aside`,{ref_key:`sheetElement`,ref:l,class:`reel-info-sheet`,role:n.infoSheetOverlay?`dialog`:`complementary`,"aria-label":`Reel information`,"aria-modal":n.infoSheetOverlay?`true`:void 0,tabindex:n.infoSheetOverlay?-1:void 0,"data-active-post-id":p.value?.postId},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(n.infoSheet.component),(0,e.normalizeProps)((0,e.guardReactiveProps)(_.value)),null,16))],8,Qe)])):(0,e.createCommentVNode)(``,!0)]),_:1})],10,Ye))}});function et(e,t,i,a,o){let s=e.items.findIndex(e=>e.postId===t),c=e.items[s];if(!c)return null;let l=n(c,i),u=r(c,l);return{item:c,layout:a,media:u,mediaId:u.mediaId??null,mediaIndex:l,origin:o,phoneMode:e.phoneMode,postId:c.postId,postIndex:s}}function tt(t,n){(0,e.watch)(()=>{let e=t.layout===`reel`||t.reelOrigin===`masonry`?t.activeReelPostId:null;return{mediaIndex:e===null?0:t.mediaIndices.get(e)??0,origin:t.reelOrigin??`reel`,postId:e}},(e,r)=>{if(e.postId===null||e.postId===r?.postId&&e.mediaIndex===r.mediaIndex&&e.origin===r.origin)return;let i=et(t,e.postId,e.mediaIndex,`reel`,e.origin);i&&n(i)},{flush:`sync`})}function nt(t,n){let r=(0,e.shallowRef)(new Map),a=(0,e.shallowRef)(new Map),o=(0,e.computed)(()=>t.reelMediaSource===`original`?a.value:r.value);function s(e,t,n,r){let a=i(t,n);e.value.get(a)!==r&&(e.value=new Map(e.value).set(a,r))}function c(e,n,r,i){return et(t,e,n,r,i)}function l(e,t,r,i){let a=c(e,t,r,i);a&&n.ready(a)}function u(e,t){s(r,e,t,`error`)}function d(e,t){s(r,e,t,`ready`),l(e,t,`masonry`,null)}function f(e,n){s(t.reelMediaSource===`original`?a:r,e,n,`error`)}function p(e,n){s(t.reelMediaSource===`original`?a:r,e,n,`ready`),l(e,n,`reel`,t.reelOrigin??`reel`)}function m(e,t){let r=c(e,t,`masonry`,null);r&&n.visible(r)}return tt(t,n.reelChange),(0,e.watch)(()=>{let e=t.layout===`reel`||t.reelOrigin===`masonry`?t.activeReelPostId:null,n=e===null?0:t.mediaIndices.get(e)??0;return{mediaIndex:n,origin:t.reelOrigin??`reel`,postId:e,ready:e!==null&&o.value.get(i(e,n))===`ready`}},(e,t)=>{if(e.postId===null||!e.ready||t?.ready&&t.postId===e.postId&&t.mediaIndex===e.mediaIndex&&t.origin===e.origin)return;let r=c(e.postId,e.mediaIndex,`reel`,e.origin);r&&n.visible(r)},{flush:`post`}),{markMasonryVisible:m,markPreviewError:u,markPreviewReady:d,markReelError:f,markReelReady:p,originalStates:a,previewStates:r,reelStates:o}}var rt=[];function it(e){return rt.push(e),()=>{let t=rt.indexOf(e);t>=0&&rt.splice(t,1)}}function at(e){if(!e.isActive())return!1;let t=rt.filter(e=>e.isActive()),n=e.element();return n!==null&&t.some(t=>{if(t===e)return!1;let r=t.element();return r!==null&&n.contains(r)})?!1:t.filter(e=>{let n=e.element();return n===null||!t.some(t=>{if(t===e)return!1;let r=t.element();return r!==null&&n.contains(r)})}).at(-1)===e}function ot(t){let n={element:t.element,isActive:()=>t.state.layout===`reel`||t.state.reelOrigin===`masonry`},r=null;function i(e){let r=n.isActive();if(e.key===`Escape`&&r&&!at(n))return;if(e.key===`Escape`&&t.state.reelOrigin===`masonry`){e.preventDefault(),t.state.reelInfoSheetOverlay&&t.state.reelInfoSheet.enabled&&t.setReelInfoSheet(!1),t.closeMasonryReel();return}if(e.key===`Escape`&&r&&t.state.reelInfoSheet.enabled){e.preventDefault(),t.setReelInfoSheet(!1);return}if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||t.isReelLeaving()||!r)return;let i=e.target;if(i instanceof HTMLElement&&(i.isContentEditable||[`INPUT`,`SELECT`,`TEXTAREA`].includes(i.tagName)))return;let a=e.key===`ArrowLeft`?-1:e.key===`ArrowRight`?1:0;a!==0&&t.reelRenderer()?.changeActiveMedia?.(a)&&e.preventDefault()}(0,e.onMounted)(()=>{r=it(n),window.addEventListener(`keydown`,i)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,i),r?.(),r=null})}var st=35,ct=420,lt=(0,e.defineComponent)({__name:`VibeSurface`,props:{canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},mediaCard:{},masonry:{},reelInfoSheet:{},state:{}},emits:[`activeReelChange`,`closeReel`,`loadMore`,`mediaReady`,`mediaVisible`,`openReel`,`reelMediaChange`,`reelInfoSheetChange`,`retryEnd`,`retryForward`],setup(r,{expose:i,emit:a}){let s=r,c=a,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=(0,e.shallowRef)(null),f=(0,e.shallowRef)(null),p=(0,e.shallowRef)({}),m=(0,e.shallowRef)(!1),h=(0,e.shallowRef)(new Set),_=(0,e.shallowRef)(new Map),v=(0,e.shallowRef)(new Set),y=(0,e.shallowRef)(new Map),b=(0,e.computed)(()=>Object.freeze([...s.state.items])),x=(0,e.computed)(()=>o(s.state,b.value)),{markMasonryVisible:S,markPreviewError:C,markPreviewReady:w,markReelError:T,markReelReady:E,originalStates:D,previewStates:O,reelStates:k}=nt(s.state,{ready:e=>c(`mediaReady`,e),reelChange:e=>c(`reelMediaChange`,e),visible:e=>c(`mediaVisible`,e)}),A=new Set(s.state.items.map(e=>e.postId)),j=null,M=null,N=!1;function ee(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function P(){j!==null&&cancelAnimationFrame(j),j=requestAnimationFrame(()=>{j=requestAnimationFrame(()=>{j=null,h.value=new Set})})}function F(e,t){let r=s.state.items.find(t=>t.postId===e);if(!r)return;let i=n(r,t);(s.state.mediaIndices.get(e)??0)!==i&&(s.state.mediaIndices=new Map(s.state.mediaIndices).set(e,i))}async function I(){await(0,e.nextTick)(),(s.state.layout===`reel`||s.state.reelOrigin===`masonry`?u.value:l.value)?.loadIfNearBottom()}function L(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.changeActiveMedia?.(e)??!1}function R(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.moveActivePost?.(e)??!1}function z(e){if(!(s.state.layout===`reel`||s.state.reelOrigin===`masonry`)||s.state.isLoading)return`reel-inactive`;let n=s.state.items.find(t=>t.postId===e.postId);if(!n)return`not-found`;let r=t(n).findIndex(t=>t.mediaId===e.mediaId);return r<0?`not-found`:u.value?.navigateToItem?.(e.postId,r)?`navigated`:`reel-inactive`}function B(){return s.state.layout!==`masonry`||s.state.reelOrigin===`masonry`?null:l.value?.getScrollElement?.()??null}function V(t,n){M=t,N=n===`keyboard`,p.value=W(t),c(`openReel`,t),(0,e.nextTick)(()=>d.value?.focus())}function H(e){let t=f.value?.querySelectorAll(`.masonry-feed [data-post-id]`)??[];return Array.from(t).find(t=>t.dataset.postId===String(e))??null}function U(e,t){if(s.state.layout!==`masonry`||s.state.reelOrigin!==null||ee())return 0;let n=[...new Set(e)],r=n.filter(H);if(r.length===0)return 0;let i=new Map(y.value),a=t?.staggerMs??st;return r.forEach((e,t)=>{i.set(e,t*a)}),h.value=new Set([...h.value].filter(e=>!r.includes(e))),v.value=new Set([...v.value,...n]),y.value=i,ct+(r.length-1)*a}function te(e,t){let n=H(e),r=n?.querySelector(`.media-card-activator`)??n;r&&(r.classList.toggle(`media-card-focus-silent`,!t),t||r.addEventListener(`blur`,()=>{r.classList.remove(`media-card-focus-silent`)},{once:!0}),r?.focus({preventScroll:!0}))}function W(e){let t=f.value,n=H(e);if(t===null||n===null)return{};let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{"--vibe-reel-origin-top":`${Math.max(0,i.top-r.top)}px`,"--vibe-reel-origin-right":`${Math.max(0,r.right-i.right)}px`,"--vibe-reel-origin-bottom":`${Math.max(0,r.bottom-i.bottom)}px`,"--vibe-reel-origin-left":`${Math.max(0,i.left-r.left)}px`}}function G(){s.state.reelOrigin===`masonry`&&(M??=s.state.activeReelPostId,m.value=!0,c(`closeReel`))}function K(){let t=M,n=N;m.value=!1,M=null,N=!1,p.value={},(0,e.nextTick)(()=>{t!==null&&te(t,n)})}return ot({closeMasonryReel:G,element:()=>f.value,isReelLeaving:()=>m.value,reelRenderer:()=>u.value,setReelInfoSheet:e=>c(`reelInfoSheetChange`,e),state:s.state}),(0,e.watch)(()=>s.state.items.map(e=>e.postId),e=>{let t=e.filter(e=>!A.has(e)),n=new Set(e);if(A=new Set(e),v.value=new Set([...v.value].filter(e=>n.has(e))),y.value=new Map([...y.value].filter(([e])=>n.has(e))),t.length===0||ee())return;let r=new Map;e.forEach(e=>{let t=_.value.get(e);t!==void 0&&r.set(e,t)}),t.forEach((e,t)=>{r.set(e,t*st)}),_.value=r,h.value=new Set([...h.value,...t]),P()},{flush:`sync`}),(0,e.onBeforeUnmount)(()=>{j!==null&&cancelAnimationFrame(j)}),i({changeActiveReelMedia:L,getAutoScrollElement:B,loadIfNearBottom:I,moveActiveReelPost:R,navigateToReelItem:z,startItemRemoval:U,transitionActiveReelMedia:e=>u.value?.transitionActiveMedia?.(e)??Promise.resolve(!1),transitionActiveReelPost:e=>u.value?.transitionActivePost?.(e)??Promise.resolve(!1)}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`surfaceElement`,ref:f,class:`vibe-surface`},[r.state.layout===`reel`&&(r.state.items.length>0||r.state.reelForward.status!==`idle`)?((0,e.openBlock)(),(0,e.createBlock)($e,{key:0,ref_key:`reelRenderer`,ref:u,"can-retry-end":r.canRetryEnd,"has-next":r.state.next!==null,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"forward-index":r.state.reelForwardIndex,"forward-item":r.state.reelForwardItem,"media-card":r.mediaCard,"infinite-scroll":r.state.infiniteScroll,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-source":r.state.reelMediaSource,"media-indices":r.state.mediaIndices,"initial-post-id":r.state.activeReelPostId,"info-sheet":r.reelInfoSheet,"info-sheet-enabled":r.state.reelInfoSheet.enabled,"info-sheet-overlay":r.state.reelInfoSheetOverlay,"next-page-error":!!r.state.nextPageError,origin:`reel`,"preview-states":(0,e.unref)(k),"reel-auto-advance":r.state.reelAutoAdvance,"reel-forward":r.state.reelForward,state:x.value,total:r.state.total,onActiveChange:n[0]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:n[1]||=e=>c(`reelInfoSheetChange`,!1),onError:(0,e.unref)(T),onLoadMore:n[2]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(E),onRetryEnd:n[3]||=e=>c(`retryEnd`),onRetryForward:n[4]||=e=>c(`retryForward`)},null,8,`can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-forward.state.total.onError.onReady`.split(`.`))):r.state.error||r.state.isLoading||r.state.items.length===0&&r.state.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(g,{key:1,actions:r.feedFooterActions,"can-retry-end":r.canRetryEnd,"feed-footer":r.feedFooter,state:x.value,onLoadMore:n[5]||=e=>c(`loadMore`),onRetryEnd:n[6]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`state`])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(Re,{ref_key:`masonryRenderer`,ref:l,"can-retry-end":r.canRetryEnd,"entering-post-ids":h.value,"entry-delays":_.value,"leaving-post-ids":v.value,"removal-delays":y.value,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"media-card":r.mediaCard,masonry:r.masonry,"has-next":r.state.next!==null,"infinite-scroll":r.state.infiniteScroll,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-indices":r.state.mediaIndices,"next-page-error":!!r.state.nextPageError,"preview-states":(0,e.unref)(O),suspended:r.state.reelOrigin===`masonry`||m.value,state:x.value,total:r.state.total,onActivate:V,onError:(0,e.unref)(C),onLoadMore:n[7]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(w),onRetryEnd:n[8]||=e=>c(`retryEnd`),onVisible:(0,e.unref)(S)},null,8,[`can-retry-end`,`entering-post-ids`,`entry-delays`,`leaving-post-ids`,`removal-delays`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`masonry`,`has-next`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`suspended`,`state`,`total`,`onError`,`onReady`,`onVisible`]),(0,e.createVNode)(e.Transition,{name:`vibe-reel-viewer`,onAfterLeave:K},{default:(0,e.withCtx)(()=>[r.state.reelOrigin===`masonry`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,ref_key:`reelOverlay`,ref:d,class:`vibe-reel-overlay`,role:`dialog`,"aria-label":`Media viewer`,"aria-modal":`true`,tabindex:`-1`,style:(0,e.normalizeStyle)(p.value)},[(0,e.createVNode)($e,{ref_key:`reelRenderer`,ref:u,"can-retry-end":r.canRetryEnd,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"forward-index":r.state.reelForwardIndex,"forward-item":r.state.reelForwardItem,"media-card":r.mediaCard,"has-next":r.state.next!==null,"infinite-scroll":r.state.infiniteScroll,"initial-post-id":r.state.activeReelPostId,"info-sheet":r.reelInfoSheet,"info-sheet-enabled":r.state.reelInfoSheet.enabled,"info-sheet-overlay":r.state.reelInfoSheetOverlay,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-indices":r.state.mediaIndices,"media-source":`original`,"next-page-error":!!r.state.nextPageError,origin:`masonry`,"preview-states":(0,e.unref)(D),"reel-auto-advance":r.state.reelAutoAdvance,"reel-forward":r.state.reelForward,state:x.value,total:r.state.total,onActiveChange:n[9]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:n[10]||=e=>c(`reelInfoSheetChange`,!1),onError:(0,e.unref)(T),onLoadMore:n[11]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(E),onRetryEnd:n[12]||=e=>c(`retryEnd`),onRetryForward:n[13]||=e=>c(`retryForward`)},null,8,`can-retry-end.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.has-next.infinite-scroll.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.is-loading-more.items.load-more-locked.media-indices.next-page-error.preview-states.reel-auto-advance.reel-forward.state.total.onError.onReady`.split(`.`))],4)):(0,e.createCommentVNode)(``,!0)]),_:1})],64))],512))}});function ut(e){if(!e||typeof e!=`object`||!Array.isArray(e.items))throw TypeError(`Vibe loadPage must resolve to a page with an items array.`);if(e.next!==null&&typeof e.next!=`string`&&typeof e.next!=`number`)throw TypeError(`Vibe page next must be a string, number, or null.`);if(e.total!==void 0&&(!Number.isFinite(e.total)||e.total<0))throw TypeError(`Vibe page total must be a non-negative number when provided.`);return e}function X(e,t){let n=new Set(e.map(e=>e.postId));return[...e,...t.filter(e=>n.has(e.postId)?!1:(n.add(e.postId),!0))]}var dt=2e3,ft=1e4,pt=250,mt={delayRemainingMs:null,nextRequestAt:null};function ht(e,t){return e===void 0?t:Math.floor(e)}function gt(e,t){for(let[n,r]of[[`delayStepMs`,e.delayStepMs],[`delayMaxMs`,e.delayMaxMs]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe ${t} ${n} must be a non-negative number.`)}function _t(e,t={}){let n=ht(t.delayStepMs,dt),r=ht(t.delayMaxMs,ft);return Math.min(Math.max(0,e)*n,r)}function Z(e){if(e==null||!Number.isFinite(e))return{...mt};let t=Math.max(0,Math.floor(e-Date.now()));return t>0?{delayRemainingMs:t,nextRequestAt:e}:{...mt}}async function vt({delayMs:e,onChange:t,signal:n}){if(n.aborted)throw new DOMException(`Aborted`,`AbortError`);if(e<=0){t({...mt});return}let r=Date.now()+e;t({delayRemainingMs:e,nextRequestAt:r}),await new Promise((i,a)=>{let o=!1,s=setInterval(f,pt),c=setTimeout(()=>u(),e);function l(){clearInterval(s),clearTimeout(c),n.removeEventListener(`abort`,d),t({...mt})}function u(e){o||(o=!0,l(),e?a(e):i())}function d(){u(new DOMException(`Aborted`,`AbortError`))}function f(){let e=Z(r);t(e),e.delayRemainingMs===null&&u()}n.addEventListener(`abort`,d,{once:!0})})}var yt=class{interval=null;constructor(e){this.onChange=e}clear(){this.interval!==null&&clearInterval(this.interval),this.interval=null,this.onChange({...mt})}sync(e){this.clear();let t=Z(e);this.onChange(t),t.delayRemainingMs!==null&&(this.interval=setInterval(()=>{let t=Z(e);this.onChange(t),t.delayRemainingMs===null&&this.clear()},pt))}};function bt(e,t=!0){return e.maxAdditionalPages===`unlimited`?1/0:(e.maxAdditionalPages??10)+(t?1:0)}function xt(e){return`${typeof e}:${String(e)}`}function St(e,t){if(!Number.isInteger(e)||e<=0)throw TypeError(`Vibe ${t} must be a positive integer.`)}function Ct(e){if(!e)return;if(St(e.pageSize,`autofill pageSize`),e.strategy===`frontend`){gt(e,`frontend autofill`);let t=e.maxAdditionalPages;if(t!==void 0&&t!==`unlimited`&&(!Number.isInteger(t)||t<0))throw TypeError(`Vibe autofill maxAdditionalPages must be a non-negative integer or "unlimited".`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend autofill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend autofill initialSession feedKey must match autofill feedKey.`);if(t.pageSize!==e.pageSize)throw TypeError(`Vibe backend autofill initialSession pageSize must match autofill pageSize.`)}}function wt(e,t,n=!0){if(!e)return{cycleId:null,delayRemainingMs:null,enabled:!1,error:null,feedKey:null,missing:0,nextRequestAt:null,pageSize:null,received:0,requests:0,sequence:0,sessionId:null,status:`idle`,strategy:null};let r=e.strategy===`backend`?t??(n?e.initialSession:void 0):void 0,i=r?.received??0,a=Z(r?.nextRequestAt);return{cycleId:r?.cycleId??null,...a,enabled:!0,error:r?.error??null,feedKey:e.strategy===`backend`?e.feedKey:null,missing:Math.max(0,e.pageSize-i),pageSize:e.pageSize,received:i,requests:r?.requests??0,sequence:r?.sequence??0,sessionId:r?.sessionId??null,status:r?r.status:`idle`,strategy:e.strategy}}function Q(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Tt(e,t,n){let r=t.autofill;if(!Q(r)||!r.cycleId)return;let i={cycleId:r.cycleId,feedKey:r.feedKey??``,sessionId:r.sessionId};n(),r.status=`cancelling`;try{e?.strategy===`backend`&&await e.onCancel(i),r.error=null,r.status=`cancelled`}catch(e){throw r.error=e,r.status=`error`,e}}function Et(e,t,n){return e?.strategy===`backend`&&t.feedKey===e.feedKey&&t.sessionId===n.sessionId}async function Dt({existingItems:e,initialCursor:t,loadPage:n,maximumRequests:r,onCollection:i,onDelayChange:a,onProgress:o,options:s,receivedOffset:c=0,requestOffset:l=0,shouldPause:u=()=>!1,signal:d}){let f=[],p=[...e],m=new Set,h=r??bt(s),g=t,_=t,v=t,y=0,b=[],x;for(;y<h;){let e=xt(g);if(m.has(e))throw Error(`Vibe autofill received a repeated cursor.`);if(m.add(e),await vt({delayMs:_t(l+y,s),onChange:a,signal:d}),y>0&&u())return{items:f,lastCursor:_,missing:Math.max(0,s.pageSize-c-f.length),next:v,pages:b,received:c+f.length,requests:l+y,status:`paused`,total:x};let t=ut(await n({cursor:g,signal:d}));y+=1,_=g;let r=X(p,t.items).slice(p.length);b.push({contributionIds:r.map(({postId:e})=>e),cursor:g,next:t.next,returnedIds:t.items.map(({postId:e})=>e)}),p.push(...r),f.push(...r),v=t.next,t.total!==void 0&&(x=t.total);let h={missing:Math.max(0,s.pageSize-c-f.length),next:v,received:c+f.length,requests:l+y};o(h);let S={...h,items:[...f],lastCursor:_,pages:[...b],total:x};if(i(S),h.missing===0)return{...S,pages:b,status:`complete`};if(v===null)return{...S,pages:b,status:`exhausted`};if(u())return{...S,pages:b,status:`paused`};g=v}return{items:f,lastCursor:_,missing:Math.max(0,s.pageSize-c-f.length),next:v,pages:b,received:c+f.length,requests:l+y,status:`exhausted`,total:x}}var Ot=class{collection=null;cycle=0;delayCountdown;constructor(e){this.context=e,this.delayCountdown=new yt(t=>Object.assign(e.state.autofill,t)),this.syncCountdown()}beginCycle(){let{options:e,state:t}=this.context;if(!e)return``;this.clear();let n=`vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;return t.autofill={...wt(e,void 0,!1),cycleId:n,status:`filling`},n}async cancel(){let{cancelRequest:e,options:t,state:n}=this.context;await Tt(t,n,e),this.commitCollection()}captureCollection(e,t){t&&(this.collection=e)}clear(){this.delayCountdown.clear(),this.collection=null}clearCountdown(){this.delayCountdown.clear()}clearCollection(){this.collection=null}syncCountdown(){let{autofill:e}=this.context.state;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}commitCollection(){let{onLastCursor:e,options:t,state:n}=this.context;if(t?.strategy!==`frontend`)return;let r=this.collection;this.collection=null,r&&(n.items=X(n.items,r.items),e(r.lastCursor),this.context.onPages(r.pages),n.next=r.next,r.total!==void 0&&(n.total=r.total),Object.assign(n.autofill,{missing:r.missing,received:r.received,requests:r.requests}))}},kt=100;function At(e,t){if(!Number.isFinite(t)||t<=0)throw TypeError(`Vibe ${e} must be a positive number.`)}function jt(e,t,n){return Math.min(n,Math.max(t,e))}function Mt(e){if(!e)return;let t=e.minSpeedPxPerSecond??20,n=e.maxSpeedPxPerSecond??240;if(At(`autoScroll.minSpeedPxPerSecond`,t),At(`autoScroll.maxSpeedPxPerSecond`,n),t>n)throw TypeError(`Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.`);e.speedPxPerSecond!==void 0&&At(`autoScroll.speedPxPerSecond`,e.speedPxPerSecond)}function Nt(e){let t=e?.minSpeedPxPerSecond??20,n=e?.maxSpeedPxPerSecond??240;return{enabled:e?.enabled??!1,maxSpeedPxPerSecond:n,minSpeedPxPerSecond:t,paused:!1,speedPxPerSecond:jt(e?.speedPxPerSecond??80,t,n)}}var Pt=class{frame=null;lastTimestamp=null;mounted=!1;constructor(e){this.options=e}mount(){this.mounted=!0,this.schedule()}destroy(){this.mounted=!1,this.cancelFrame()}setEnabled(e,t){t!==void 0&&this.setSpeed(t),this.options.state.enabled=e,this.options.state.paused=!1,this.lastTimestamp=null,e?this.schedule():this.cancelFrame()}setPaused(e){this.options.state.enabled&&(this.options.state.paused=e,this.lastTimestamp=null,e?this.cancelFrame():this.schedule())}setSpeed(e){At(`auto-scroll speed`,e);let t=this.options.state;t.speedPxPerSecond=jt(e,t.minSpeedPxPerSecond,t.maxSpeedPxPerSecond)}tick=e=>{this.frame=null;let t=this.options.state;if(!this.mounted||!t.enabled)return;let n=t.paused?null:this.options.getScrollElement();if(!n){this.lastTimestamp=null,this.schedule();return}if(this.lastTimestamp!==null){let r=Math.min(kt,Math.max(0,e-this.lastTimestamp)),i=Math.max(0,n.scrollHeight-n.clientHeight);n.scrollTop=Math.min(i,n.scrollTop+t.speedPxPerSecond*r/1e3)}this.lastTimestamp=e,this.schedule()};schedule(){!this.mounted||!this.options.state.enabled||this.frame!==null||typeof requestAnimationFrame==`function`&&(this.frame=requestAnimationFrame(this.tick))}cancelFrame(){this.frame!==null&&typeof cancelAnimationFrame==`function`&&cancelAnimationFrame(this.frame),this.frame=null,this.lastTimestamp=null}};async function Ft(e,t,n,r){let i=await e.onUnderfilled(n);if(!r())return;if(!i.sessionId.trim())throw TypeError(`Vibe backend autofill requires a sessionId.`);let a=Math.max(n.received,i.received??n.received);Object.assign(t.autofill,{...Z(i.nextRequestAt),missing:Math.max(0,e.pageSize-a),received:a,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}function It(e,t){[`complete`,`exhausted`].includes(t.status)&&t.items&&(e.items=X(e.items,t.items)),t.next!==void 0&&(e.next=t.next),t.total!==void 0&&(e.total=t.total)}function Lt(e,t,n){let r=t.autofill;return!Et(e,n,r)||n.sequence<=r.sequence||[`cancelled`,`cancelling`].includes(r.status)||[`complete`,`exhausted`].includes(n.status)&&n.next===void 0?!1:(It(t,n),Object.assign(r,Z(n.status===`waiting`?n.nextRequestAt:null)),r.error=n.error??null,r.missing=Math.max(0,(r.pageSize??0)-n.received),r.received=n.received,n.requests!==void 0&&(r.requests=n.requests),r.sequence=n.sequence,r.status=n.status,!0)}function Rt(e,t,n){return e?.strategy!==`backend`||n.feedKey!==e.feedKey||n.pageSize!==e.pageSize?!1:(t.autofill=wt(e,n),It(t,n),!0)}async function zt({cycleId:e,isCurrent:t,onCollection:n,onLastCursor:r,onPages:i,options:a,signal:o,state:s}){let c=a.autofill;if(!c)return;let l=s.items.length;if(Object.assign(s.autofill,{missing:Math.max(0,c.pageSize-l),received:l,requests:1}),l>=c.pageSize){s.autofill.status=`complete`;return}if(c.strategy===`backend`){await Ft(c,s,{cycleId:e,feedKey:c.feedKey,items:[...s.items],missing:c.pageSize-l,next:s.next,pageSize:c.pageSize,received:l,signal:o,total:s.total},t);return}if(!a.loadPage||s.next===null){s.autofill.status=`exhausted`;return}let u=await Dt({existingItems:s.items,initialCursor:s.next,loadPage:a.loadPage,maximumRequests:bt(c,!1),onCollection:n,onDelayChange:e=>{t()&&Object.assign(s.autofill,e)},onProgress:e=>{t()&&Object.assign(s.autofill,e,{status:`filling`})},options:c,receivedOffset:l,requestOffset:1,shouldPause:()=>s.loadMoreLocked,signal:o});t()&&(s.items=X(s.items,u.items),s.next=u.next,u.total!==void 0&&(s.total=u.total),r(u.lastCursor),i(u.pages),Object.assign(s.autofill,{missing:u.missing,received:u.received,requests:u.requests,status:u.status}))}function Bt(e){return`pages`in e?{pages:e.pages}:{until:`end`}}function Vt(e){return`${typeof e}:${String(e)}`}function Ht(e){if(!e||typeof e!=`object`)throw TypeError(`Vibe fill target must be an object.`);if(`pages`in e){if(!Number.isInteger(e.pages)||e.pages<=0)throw TypeError(`Vibe fill pages must be a positive integer.`);return{pages:e.pages}}if(`until`in e&&e.until===`end`)return{until:`end`};throw TypeError(`Vibe fill target must be { pages } or { until: 'end' }.`)}function Ut(e){if(!e)return;if(e.strategy===`frontend`){gt(e,`frontend fill`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend fill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend fill initialSession feedKey must match fill feedKey.`);Ht(t.target)}}function Wt(e,t,n=!0){let r=e?.strategy===`backend`&&n?e.initialSession:void 0,i=t??r,a=Z(i?.nextRequestAt);return{completedPages:i?.completedPages??0,cycleId:i?.cycleId??null,...a,enabled:!!e,error:i?.error??null,feedKey:e?.strategy===`backend`?e.feedKey:null,received:i?.received??0,sequence:i?.sequence??0,sessionId:i?.sessionId??null,status:i?.status??`idle`,strategy:e?.strategy??null,target:i?Bt(i.target):null}}function Gt(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Kt({existingItems:e,initialCursor:t,loadPage:n,onCollection:r=()=>void 0,onDelayChange:i,onProgress:a,options:o,shouldPause:s=()=>!1,signal:c,target:l}){let u=[],d=[],f=[...e],p=new Set,m=0,h=t,g=t,_=t,v=0,y;for(;_!==null;){let e=Vt(h);if(p.has(e))throw Error(`Vibe fill received a repeated cursor.`);if(p.add(e),await vt({delayMs:_t(m,o),onChange:i,signal:c}),m>0&&s())return{completedPages:m,items:u,lastCursor:g,next:_,pages:d,received:v,status:`paused`,total:y};let t=ut(await n({cursor:h,signal:c}));m+=1,g=h;let b=X(f,t.items).slice(f.length);if(d.push({contributionIds:b.map(({postId:e})=>e),cursor:h,next:t.next,returnedIds:t.items.map(({postId:e})=>e)}),f.push(...b),u.push(...b),v=u.length,_=t.next,t.total!==void 0&&(y=t.total),a({completedPages:m,next:_,received:v}),r({completedPages:m,items:[...u],lastCursor:h,next:_,pages:[...d],received:v,total:y}),`pages`in l&&m>=l.pages)return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`complete`,total:y};if(_===null)return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`pages`in l?`exhausted`:`complete`,total:y};if(s())return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`paused`,total:y};h=_}return{completedPages:m,items:u,lastCursor:h,next:null,pages:d,received:v,status:`pages`in l?`exhausted`:`complete`,total:y}}async function qt(e,t,n,r){let i=await e.onStart(n);if(r()){if(!i.sessionId.trim())throw TypeError(`Vibe backend fill requires a sessionId.`);Object.assign(t.fill,{...Z(i.nextRequestAt),completedPages:i.completedPages??0,received:i.received??0,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}}function Jt(e,t,n){return e?.strategy===`backend`&&n.feedKey===e.feedKey&&n.sessionId===t.fill.sessionId}function Yt(e){return Number.isInteger(e.completedPages)&&e.completedPages>=0&&Number.isInteger(e.received)&&e.received>=0&&Number.isInteger(e.sequence)&&e.sequence>=0}function Xt(e,t){if(![`complete`,`exhausted`].includes(t.status))return!0;let n=e.fill.target;return!n||!Array.isArray(t.items)||t.next===void 0||t.lastCursor===void 0?!1:t.status===`exhausted`?`pages`in n&&t.completedPages<n.pages&&t.next===null:`pages`in n?t.completedPages===n.pages:t.next===null}function Zt(e,t,n){t.total!==void 0&&(e.total=t.total),[`complete`,`exhausted`].includes(t.status)&&(e.items=X(e.items,t.items??[]),e.next=t.next??null,n(t.lastCursor??null))}function Qt(e,t,n,r){return!Jt(e,t,n)||!Yt(n)||n.sequence<=t.fill.sequence||[`cancelled`,`cancelling`].includes(t.fill.status)||!Xt(t,n)?!1:(Zt(t,n,r),Object.assign(t.fill,{...Z(n.status===`waiting`?n.nextRequestAt:null),completedPages:n.completedPages,error:n.error??null,received:n.received,sequence:n.sequence,status:n.status}),!0)}function $t(e,t,n,r){if(e?.strategy!==`backend`||n.feedKey!==e.feedKey)return!1;let i=t.fill;return t.fill=Wt(e,n),!Yt(n)||!Xt(t,n)?(t.fill=i,!1):(Zt(t,n,r),!0)}var en=class{abortController=null;cycle=0;delayCountdown;requestVersion=0;collection=null;constructor(e){this.options=e,this.delayCountdown=new yt(e=>{Object.assign(this.options.state.fill,e)}),this.syncBackendCountdown()}isActive(){return Gt(this.options.state.fill)}applyUpdate(e){let t=Qt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}restoreSession(e){let t=$t(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}async start(e,t={}){let n=this.options.fill;if(!n)throw Error(`Vibe fill is not configured.`);if(this.isActive())throw Error(`Vibe fill is already active.`);let r=Ht(e),i=Ht(t.target??r),a=t.progressOffset??{completedPages:0,received:0},o=t.cycleId??`vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;if(this.options.state.fill={...Wt(n,void 0,!1),completedPages:a.completedPages,cycleId:o,received:a.received,status:`filling`,target:i},n.strategy===`backend`&&this.options.state.next===null){this.options.state.fill.status=`pages`in r?`exhausted`:`complete`;return}let s=++this.requestVersion,c=new AbortController;this.abortController=c;try{n.strategy===`frontend`?await this.startFrontend(n,r,c,s,t.prepareFrontend!==!1,a):(await qt(n,this.options.state,{cycleId:o,feedKey:n.feedKey,items:[...this.options.state.items],next:this.options.state.next,signal:c.signal,target:r,total:this.options.state.total},()=>this.isCurrent(s)),this.syncBackendCountdown())}catch(e){if(c.signal.aborted||!this.isCurrent(s))return;throw this.options.state.fill.error=e,this.options.state.fill.status=`error`,e}finally{this.isCurrent(s)&&(this.abortController=null,this.options.state.isLoadingMore=!1)}}async cancel(){let{fill:e,state:t}=this.options;if(!Gt(t.fill)||!t.fill.cycleId)return;let n={cycleId:t.fill.cycleId,feedKey:t.fill.feedKey??``,sessionId:t.fill.sessionId};t.fill.status=`cancelling`,this.delayCountdown.clear(),this.abortController?.abort(),this.requestVersion+=1,this.abortController=null,t.isLoadingMore=!1,this.commitCollection();try{e?.strategy===`backend`&&await e.onCancel(n),t.fill.error=null,t.fill.status=`cancelled`}catch(e){throw t.fill.error=e,t.fill.status=`error`,e}}resume(e){let{fill:t}=this.options.state;if(t.status!==`paused`||!t.target)return Promise.resolve();let n=t.target,r=`pages`in n?n.pages-t.completedPages:null;if(r!==null&&r<=0)return t.status=`complete`,Promise.resolve();let i=r===null?{until:`end`}:{pages:r};return t.strategy===`backend`?this.start(i):this.start(i,{cycleId:t.cycleId??void 0,prepareFrontend:e,progressOffset:{completedPages:t.completedPages,received:t.received},target:n})}reset(){this.abortLocalRequest(),this.delayCountdown.clear(),this.options.state.fill=Wt(this.options.fill,void 0,!1),this.collection=null}destroy(){this.abortLocalRequest(),this.delayCountdown.clear()}abortLocalRequest(){this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.options.state.isLoadingMore=!1}isCurrent(e){return e===this.requestVersion&&![`cancelled`,`cancelling`].includes(this.options.state.fill.status)}async startFrontend(e,t,n,r,i,a){let o=this.options.loadPage;if(!o)throw Error(`Vibe frontend fill requires loadPage.`);let s=this.options.state;if(s.isLoadingMore=!0,i&&this.options.prepareFrontend&&(this.options.needsFrontendPreparation?.()??!0)){s.fill.status=`restoring`;let e=await this.options.prepareFrontend({isCurrent:()=>this.isCurrent(r),onDelayChange:e=>{this.isCurrent(r)&&Object.assign(s.fill,e)},signal:n.signal});if(!this.isCurrent(r))return;if(e===`paused`||s.loadMoreLocked){s.fill.status=`paused`;return}s.fill.status=`filling`}if(s.next===null){s.fill.status=`pages`in t?`exhausted`:`complete`;return}let c=await Kt({existingItems:s.items,initialCursor:s.next,loadPage:o,onCollection:e=>{this.isCurrent(r)&&(this.collection={...e,completedPages:a.completedPages+e.completedPages,received:a.received+e.received})},onDelayChange:e=>{this.isCurrent(r)&&Object.assign(s.fill,e)},onProgress:e=>{this.isCurrent(r)&&Object.assign(s.fill,{...e,completedPages:a.completedPages+e.completedPages,received:a.received+e.received})},options:e,shouldPause:()=>s.loadMoreLocked,signal:n.signal,target:t});this.isCurrent(r)&&(s.items=X(s.items,c.items),s.next=c.next,c.total!==void 0&&(s.total=c.total),this.options.onLastCursor(c.lastCursor),this.options.onPages(c.pages),Object.assign(s.fill,{completedPages:a.completedPages+c.completedPages,received:a.received+c.received,status:c.status}),this.collection=null)}commitCollection(){let e=this.collection;if(this.collection=null,!e||this.options.fill?.strategy!==`frontend`)return;let t=this.options.state;t.items=X(t.items,e.items),t.next=e.next,e.total!==void 0&&(t.total=e.total),this.options.onLastCursor(e.lastCursor),this.options.onPages(e.pages),Object.assign(t.fill,{completedPages:e.completedPages,received:e.received})}syncBackendCountdown(){let e=this.options.state.fill;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}};async function tn({controller:e,isCurrent:t,loadPage:n,onDelayChange:r,setLastCursor:i,signal:a,state:o}){if(!e.needsReconciliation(o.items))return`skipped`;let s=await e.reconcile({existingItems:o.items,loadPage:n,onDelayChange:r,shouldPause:()=>o.loadMoreLocked,signal:a});return t()?(o.items=X(o.items,s.items),o.next=s.next,i(s.lastCursor),s.total!==void 0&&(o.total=s.total),e.completeReconciliation(s),s.status):s.status}function nn(e){return{cancelAutofill:()=>e.cancelAutofill(),loadMore:()=>e.loadNext(),retry:()=>e.reload(),retryEnd:()=>e.retryEnd()}}function rn(e){if(!Number.isFinite(e)||e<=0)throw TypeError(`Vibe reelAutoAdvance.intervalMs must be a positive number.`)}function an(e){e?.intervalMs!==void 0&&rn(e.intervalMs)}function on(e){return{enabled:e?.enabled??!1,includePostItems:e?.includePostItems??!1,intervalMs:e?.intervalMs??5e3}}function sn(e,t){if(typeof t==`boolean`){e.enabled=t;return}an(t),t.enabled!==void 0&&(e.enabled=t.enabled),t.includePostItems!==void 0&&(e.includePostItems=t.includePostItems),t.intervalMs!==void 0&&(e.intervalMs=t.intervalMs)}function cn(e){return{enabled:e?.enabled??!1}}function ln(e,t,n){if(n&&!t)throw Error(`Vibe cannot enable reelInfoSheet without a configured component.`);e.enabled=n}function un(e,t){let n=e.initialPage;return{activeReelPostId:null,autoScroll:Nt(e.autoScroll),autofill:wt(e.autofill),error:null,fill:Wt(e.fill),infiniteScroll:e.infiniteScroll??!0,isLoading:!n,isLoadingMore:!1,items:n?X([],n.items):[],layout:t===`reel`?`reel`:`masonry`,loadMoreLocked:!1,mediaIndices:new Map,next:n?.next??null,nextPageError:null,phoneMode:!1,reelAutoAdvance:on(e.reelAutoAdvance),reelForward:{error:null,status:`idle`},reelForwardIndex:null,reelForwardItem:null,reelInfoSheet:cn(e.reelInfoSheet),reelInfoSheetOverlay:!1,reelMediaSource:`original`,reelOrigin:null,total:n?.total??null}}function dn(e,t){if(t){if(!Number.isFinite(t.height)||t.height<=0)throw TypeError(`Vibe ${e} height must be a positive number.`);if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe ${e} background must be "default" or "transparent".`)}}function fn(e,t){if(t){if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe mediaCard ${e} background must be "default" or "transparent".`);for(let[n,r]of[[`paddingX`,t.paddingX],[`paddingY`,t.paddingY]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe mediaCard ${e} ${n} must be a non-negative number.`)}}function pn(e){if(Mt(e.autoScroll),dn(`cardHeader`,e.cardHeader),dn(`cardFooter`,e.cardFooter),fn(`header`,e.mediaCard?.header),fn(`footer`,e.mediaCard?.footer),Ct(e.autofill),Ut(e.fill),D(e.masonry),an(e.reelAutoAdvance),e.removalReconciliation){if(!Number.isInteger(e.removalReconciliation.pageSize)||e.removalReconciliation.pageSize<=0)throw TypeError(`Vibe removalReconciliation pageSize must be a positive integer.`);let t=e.removalReconciliation.maxReplayPages??5;if(!Number.isInteger(t)||t<=0)throw TypeError(`Vibe removalReconciliation maxReplayPages must be a positive integer.`);if(!e.loadPage)throw TypeError(`Vibe removalReconciliation requires loadPage.`);if(e.autofill?.strategy===`backend`)throw TypeError(`Vibe removalReconciliation does not support backend autofill.`);if(e.fill?.strategy===`backend`)throw TypeError(`Vibe removalReconciliation does not support backend fill.`)}if(e.removalHistoryLimit!==void 0&&(!Number.isInteger(e.removalHistoryLimit)||e.removalHistoryLimit<0))throw TypeError(`Vibe removalHistoryLimit must be a non-negative integer.`);if(!e.initialPage&&!e.loadPage)throw TypeError(`Vibe requires either initialPage or loadPage.`);if(e.initialPage?.next!==null&&!e.loadPage)throw TypeError(`Vibe requires loadPage when initialPage has a next cursor.`);if(e.fill?.strategy===`frontend`&&!e.loadPage)throw TypeError(`Vibe frontend fill requires loadPage.`);if(e.fill?.strategy===`backend`&&e.fill.initialSession&&!e.initialPage)throw TypeError(`Vibe backend fill restoration requires initialPage.`)}function mn(e){if(typeof e!=`string`)return e;if(typeof document>`u`)throw Error(`Vibe cannot resolve a selector without a document.`);let t=document.querySelector(e);if(!t)throw Error(`Vibe target not found: ${e}`);return t}async function hn({append:e,autofillController:t,cursor:n,isCurrent:r,loadPage:i,onLastCursor:a,onPages:o,options:s,signal:c,state:l}){let u=s.autofill,d=e&&u?.strategy===`frontend`&&l.autofill.status===`paused`,f=d?{received:l.autofill.received,requests:l.autofill.requests}:null,p=u?d?l.autofill.cycleId:t.beginCycle():null;d&&Object.assign(l.autofill,{error:null,status:`filling`});let m=!1;try{if(u?.strategy===`frontend`){let s=await Dt({existingItems:e?l.items:[],initialCursor:n,loadPage:i,maximumRequests:f?Math.max(0,bt(u)-f.requests):void 0,onCollection:e=>t.captureCollection(e,r()),onDelayChange:e=>{r()&&Object.assign(l.autofill,e)},onProgress:e=>{r()&&Object.assign(l.autofill,e,{status:`filling`})},options:u,receivedOffset:f?.received,requestOffset:f?.requests,shouldPause:()=>l.loadMoreLocked,signal:c});if(!r())return;l.items=e?X(l.items,s.items):[...s.items],a(s.lastCursor),l.next=s.next,s.total!==void 0&&(l.total=s.total),Object.assign(l.autofill,{missing:s.missing,received:s.received,requests:s.requests,status:s.status}),o(s.pages),t.clearCollection();return}let s=ut(await i({cursor:n,signal:c}));if(!r())return;let d=e?l.items:[],h=X(d,s.items),g=h.length-d.length;if(l.items=h,a(n),o([{contributionIds:h.slice(d.length).map(({postId:e})=>e),cursor:n,next:s.next,returnedIds:s.items.map(({postId:e})=>e)}]),l.next=s.next,s.total!==void 0&&(l.total=s.total),m=!0,u?.strategy===`backend`&&p){if(Object.assign(l.autofill,{missing:Math.max(0,u.pageSize-g),received:g,requests:1}),g>=u.pageSize){l.autofill.status=`complete`;return}await Ft(u,l,{cycleId:p,feedKey:u.feedKey,items:h.slice(d.length),missing:u.pageSize-g,next:s.next,pageSize:u.pageSize,received:g,signal:c,total:l.total},r),t.syncCountdown()}}catch(t){if(c.aborted||!r())return;u&&(l.autofill.error=t,l.autofill.status=`error`),m||(e?l.nextPageError=t:l.error=t)}finally{r()&&(t.clearCollection(),l.isLoading=!1,l.isLoadingMore=!1)}}function $(e){return`${typeof e}:${String(e)}`}function gn(e){return`${typeof e}:${String(e)}`}function _n(e){return e.map(({postId:e})=>e)}var vn=class{delay;enabled;maxReplayPages;pageSize;pages=[];pending=null;tombstones=new Set;constructor(e){let t=e.removalReconciliation;this.enabled=!!t,this.maxReplayPages=t?.maxReplayPages??5,this.pageSize=t?.pageSize??0,this.delay=e.autofill?.strategy===`frontend`?e.autofill:{delayMaxMs:0,delayStepMs:0}}completeReconciliation(e){e.status===`complete`&&(this.pages=[...this.pages.slice(0,e.replaceFrom),...e.pages].slice(-this.maxReplayPages),this.pending=null)}filterItems(e){return!this.enabled||this.tombstones.size===0?[...e]:e.filter(({postId:e})=>!this.tombstones.has($(e)))}needsReconciliation(e){return this.pending!==null||this.findUnderfilledPage(e)>=0}hasPendingSession(){return this.pending!==null}recordPages(e){!this.enabled||e.length===0||(e.forEach(e=>this.recordPage(e)),this.pages=this.pages.slice(-this.maxReplayPages))}remove(e){this.enabled&&e.forEach(e=>this.tombstones.add($(e)))}reset(){this.pages=[],this.pending=null,this.tombstones.clear()}restore(e){this.enabled&&e.forEach(e=>this.tombstones.delete($(e)))}async reconcile({existingItems:e,loadPage:t,onDelayChange:n=()=>void 0,shouldPause:r=()=>!1,signal:i}){let a=this.pending??this.createSession(e);for(this.pending=a;a.remainingRequests>0;){let e=gn(a.cursor);if(a.seenCursors.has(e))throw Error(`Vibe removal reconciliation received a repeated cursor.`);if(await vt({delayMs:_t(a.pages.length,this.delay),onChange:n,signal:i}),a.pages.length>0&&r())return this.result(a,`paused`);let o=ut(await t({cursor:a.cursor,signal:i}));a.seenCursors.add(e);let s=this.filterItems(o.items),c=[];if(s.forEach(e=>{let t=$(e.postId);a.attributed.has(t)||(a.attributed.add(t),c.push(e.postId)),a.appended.has(t)||(a.appended.add(t),a.items.push(e))}),a.pages.push({contributionIds:c,cursor:a.cursor,next:o.next,returnedIds:_n(s)}),a.lastCursor=a.cursor,a.next=o.next,--a.remainingRequests,o.total!==void 0&&(a.total=o.total),a.next===null?a.remainingRequests=0:a.cursor=a.next,a.remainingRequests>0&&r())return this.result(a,`paused`)}return this.result(a,`complete`)}createSession(e){let t=this.findUnderfilledPage(e),n=t<0?[]:this.pages.slice(t),r=n[0];if(!r)throw Error(`Vibe has no underfilled provider page to reconcile.`);let i=new Set(n.flatMap(({contributionIds:e})=>e.map($))),a=new Set(e.map(({postId:e})=>$(e)).filter(e=>!i.has(e)));return{appended:new Set(e.map(({postId:e})=>$(e))),attributed:new Set(a),cursor:r.cursor,items:[],lastCursor:r.cursor,next:r.cursor,pages:[],remainingRequests:n.length,replaceFrom:t,seenCursors:new Set}}result(e,t){return{items:[...e.items],lastCursor:e.lastCursor,next:e.next,pages:[...e.pages],replaceFrom:e.replaceFrom,status:t,total:e.total}}findUnderfilledPage(e){if(!this.enabled||this.pages.length===0)return-1;let t=new Set(e.map(({postId:e})=>$(e)));return this.pages.findIndex(({contributionIds:e})=>e.filter(e=>t.has($(e))).length<this.pageSize)}recordPage(e){let t=gn(e.cursor),n=this.pages.findIndex(({cursor:e})=>gn(e)===t);n>=0&&(this.pages=this.pages.slice(0,n)),this.pages.push({...e,contributionIds:[...e.contributionIds],returnedIds:[...e.returnedIds]})}};function yn(e,t,n,r,i){let a=new Set(t.map(({item:e})=>e.postId));if(e.activeReelPostId===null||!a.has(e.activeReelPostId))return;let o=e.items[Math.max(n,0)];if(o){r(o.postId);return}let s=t.find(({item:t})=>t.postId===e.activeReelPostId)?.item;s&&i(Math.max(n,0),s)}function bn(e,t){let[n,...r]=t;if(!n)throw Error(`Vibe items must contain at least one media asset.`);return{...e,...n,items:r}}function xn(e){if(!Number.isInteger(e.mediaIndex)||e.mediaIndex<0)throw TypeError(`Vibe mediaIndex must be a non-negative integer.`)}var Sn=class{generation=0;metadata=new WeakMap;state;constructor(e){this.options=e,this.state=e.state}remove(e){xn(e);let n=this.state.items.findIndex(({postId:t})=>t===e.postId),r=this.state.items[n];if(!r)return null;let i=[...t(r)],a=i[e.mediaIndex];if(!a)return null;let o=Object.freeze({media:a,mediaIndex:e.mediaIndex,postId:e.postId,postIndex:n});this.metadata.set(o,{generation:this.generation,originalItem:r,restored:!1});let s=this.state.mediaIndices.get(r.postId)??0,c=this.isReelOpen()&&this.state.activeReelPostId===r.postId,l=c&&s===e.mediaIndex;return i.splice(e.mediaIndex,1),i.length>0?(this.state.items[n]=bn(r,i),this.updateMediaIndexAfterRemoval(r.postId,e.mediaIndex,l),o):(this.state.items.splice(n,1),this.options.onPostRemoved(r.postId),this.state.mediaIndices.delete(r.postId),c&&this.advanceFromRemovedPost(o,r),o)}reset(){this.generation+=1}restore(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe media removal does not belong to this instance.`);if(t.generation!==this.generation||t.restored)return!1;t.restored=!0,this.options.onPostRestored(e.postId);let n=this.state.items.findIndex(({postId:t})=>t===e.postId);return n>=0?this.restoreIntoPost(n,e):this.state.items.splice(Math.min(e.postIndex,this.state.items.length),0,t.originalItem),this.options.reelForward.cancel(e)&&(this.state.mediaIndices.set(e.postId,e.mediaIndex),this.options.onActivate(e.postId)),!0}advanceFromRemovedPost(e,t){let n=this.state.items[e.postIndex];if(n){this.options.onActivate(n.postId);return}this.options.reelForward.start(e,e.postIndex,t)}isReelOpen(){return this.state.layout===`reel`||this.state.reelOrigin===`masonry`}restoreIntoPost(e,n){let r=this.state.items[e],i=[...t(r)],a=Math.min(n.mediaIndex,i.length);if(i.splice(a,0,n.media),this.state.items[e]=bn(r,i),this.state.activeReelPostId!==n.postId)return;let o=this.state.mediaIndices.get(n.postId)??0;o>=a&&this.state.mediaIndices.set(n.postId,o+1)}updateMediaIndexAfterRemoval(e,n,r){let i=this.state.items.find(t=>t.postId===e);if(!i)return;let a=t(i).length,o=this.state.mediaIndices.get(e)??0,s=o;r?s=n<a?n:0:n<o&&(s=o-1),this.state.mediaIndices.set(e,Math.min(s,a-1))}};function Cn(e,t){let n=new Set(t);return e.flatMap((e,t)=>n.has(e.postId)?[{index:t,item:e}]:[])}function wn(e,t){let n=new Set(t.map(({item:e})=>e.postId));return e.filter(e=>!n.has(e.postId))}function Tn(e,t){t.forEach(({index:e})=>{if(!Number.isInteger(e)||e<0)throw Error(`Vibe item restore indexes must be non-negative integers.`)});let n=[...e],r=new Set(e.map(e=>e.postId));return[...t].sort((e,t)=>e.index-t.index).forEach(({index:e,item:t})=>{r.has(t.postId)||(n.splice(Math.min(e,n.length),0,t),r.add(t.postId))}),n}var En=20,Dn=class{generation=0;historyLimit;metadata=new WeakMap;state;history=[];itemOrder;stopItemsWatcher;constructor(t){this.options=t,this.historyLimit=t.historyLimit??En,this.state=t.state,this.itemOrder=this.state.items.map(({postId:e})=>e),this.stopItemsWatcher=(0,e.watch)(()=>this.state.items,e=>this.appendUnknownItems(e),{flush:`sync`})}destroy(){this.reset(),this.stopItemsWatcher()}async remove(e,t){if(t?.staggerMs!==void 0&&(!Number.isFinite(t.staggerMs)||t.staggerMs<0))throw TypeError(`Vibe item removal staggerMs must be a non-negative number.`);let n=this.collectOrderedPlacements(e),r=this.createRemoval(n);if(n.length===0)return r;let i=n.map(({item:e})=>e.postId);if(await this.options.prepareRemoval(i),this.metadata.get(r)?.generation!==this.generation)return r;let a=this.options.startRemoval(i,t);if(a>0&&await new Promise(e=>setTimeout(e,a)),this.metadata.get(r)?.generation!==this.generation)return r;let o=this.state.items.findIndex(e=>e.postId===this.state.activeReelPostId),s=new Set(n.map(({item:e})=>e.postId)),c=o<0?0:this.state.items.slice(0,o).filter(({postId:e})=>s.has(e)).length,l=Math.max(o-c,0);return this.state.items=wn(this.state.items,n),this.options.onItemsRemoved(r,n,l),this.record(r),r}reset(){this.generation+=1,this.history=[],this.itemOrder=[]}restoreItems(e){let t=e;if(this.metadata.has(t)){this.restoreRemoval(t);return}let n=new Set(this.state.items.map(({postId:e})=>e)),r=e.filter(({item:e})=>n.has(e.postId)?!1:(n.add(e.postId),!0)),i=Tn(this.state.items,r);this.registerExternalPlacements(r),this.state.items=i,r.length>0&&this.options.onRemovalRestored(r)}restoreRemoval(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe removal does not belong to this instance.`);if(t.generation!==this.generation||t.restored)return!1;t.restored=!0,this.removeFromHistory(e);let n=this.restoreOrderedPlacements(e);return n&&this.options.onRemovalRestored(e),n}undoLast(){for(;this.history.length>0;){let e=this.history.pop();if(this.restoreRemoval(e))return e}return null}appendUnknownItems(e){let t=new Set(this.itemOrder);e.forEach(({postId:e})=>{t.has(e)||(this.itemOrder.push(e),t.add(e))})}collectOrderedPlacements(e){let t=new Map(this.itemOrder.map((e,t)=>[e,t]));return Cn(this.state.items,e).map(e=>({index:t.get(e.item.postId)??e.index,item:e.item}))}createRemoval(e){let t=Object.freeze(e.map(e=>Object.freeze({...e})));return this.metadata.set(t,{generation:this.generation,restored:e.length===0}),t}record(e){this.historyLimit!==0&&(this.history.push(e),this.history.length>this.historyLimit&&this.history.shift())}registerExternalPlacements(e){let t=new Set(this.itemOrder);[...e].sort((e,t)=>e.index-t.index).forEach(({index:e,item:n})=>{t.has(n.postId)||(this.itemOrder.splice(Math.min(e,this.itemOrder.length),0,n.postId),t.add(n.postId))})}removeFromHistory(e){let t=this.history.indexOf(e);t>=0&&this.history.splice(t,1)}restoreOrderedPlacements(e){let t=new Set(this.state.items.map(({postId:e})=>e)),n=e.map(({item:e})=>e).filter(({postId:e})=>!t.has(e));if(n.length===0)return!1;let r=new Map(this.itemOrder.map((e,t)=>[e,t]));return this.state.items=[...this.state.items,...n].sort((e,t)=>(r.get(e.postId)??2**53-1)-(r.get(t.postId)??2**53-1)),!0}},On=class{forward=null;forwardPromise=null;forwardVersion=0;state;constructor(e){this.options=e,this.state=e.state}start(e,t,n){this.forward={item:n,postIndex:t,token:e,version:++this.forwardVersion},this.state.reelForward={error:null,status:`loading`},this.state.reelForwardIndex=t,this.state.reelForwardItem=n,this.startForwardRequest(!1)}cancel(e){if(this.forward?.token!==e||this.state.reelForward.status===`idle`)return null;let t=this.forward.item;return this.forwardVersion+=1,this.forward=null,this.clearState(),t}reset(){this.forwardVersion+=1,this.forward=null,this.forwardPromise=null,this.clearState()}retry(){return!this.forward||this.state.reelForward.status===`idle`?Promise.resolve():(this.state.nextPageError=null,this.state.reelForward={error:null,status:`loading`},this.startForwardRequest(this.state.next===null))}clearState(){this.state.reelForward={error:null,status:`idle`},this.state.reelForwardIndex=null,this.state.reelForwardItem=null}startForwardRequest(e){if(this.forwardPromise)return this.forwardPromise;let t=this.loadForward(e);return this.forwardPromise=t,t.finally(()=>{this.forwardPromise===t&&(this.forwardPromise=null,this.forward&&this.state.reelForward.status===`loading`&&this.startForwardRequest(!1))})}async loadForward(e){let t=this.forward;if(t)for(e&&await this.options.retryEnd();this.forward===t&&t.version===this.forwardVersion;){let e=this.state.items[t.postIndex];if(e){this.forward=null,this.clearState(),this.options.onActivate(e.postId);return}if(this.state.nextPageError){this.state.reelForward={error:this.state.nextPageError,status:`error`};return}if(this.state.next===null){this.state.reelForward={error:null,status:`end`};return}let n=this.state.next;if(await this.options.loadNext(),this.state.next===n&&!this.state.nextPageError&&!this.state.items[t.postIndex]){this.state.reelForward={error:Error(`Vibe could not advance while page loading is unavailable.`),status:`error`};return}}}},kn=class{generation=0;pending=Promise.resolve();constructor(e){this.options=e}prepareItems(e){return this.serialize(()=>this.preparePosts(e))}prepareMedia(e){return this.serialize(async()=>{let{state:n}=this.options;if(!this.isReelActive()||n.activeReelPostId!==e.postId)return;let r=n.items.find(({postId:t})=>t===e.postId);if(!r)return;let i=n.mediaIndices.get(e.postId)??0;if(e.mediaIndex===i){if(t(r).length>1){await this.options.transitionMedia(1);return}await this.preparePosts([e.postId])}})}reset(){this.generation+=1,this.pending=Promise.resolve()}async preparePosts(e){let{state:t}=this.options,n=t.activeReelPostId,r=new Set(e);if(!this.isReelActive()||n===null||!r.has(n))return;let i=this.generation,a=t.items.findIndex(({postId:e})=>e===n);if(a<0)return;let o=this.nextSurvivor(a,r);o&&i===this.generation&&t.activeReelPostId===n&&await this.options.transitionPost(o.postId)}isReelActive(){let{state:e}=this.options;return e.layout===`reel`||e.reelOrigin===`masonry`}nextSurvivor(e,t){if(!(e<0))return this.options.state.items.slice(e+1).find(({postId:e})=>!t.has(e))}serialize(e){let t=this.pending.then(e,e);return this.pending=t.catch(()=>void 0),t}};function An(e){let t=new On(e),n=new kn({state:e.state,transitionMedia:t=>e.surface()?.transitionActiveReelMedia(t)??Promise.resolve(!1),transitionPost:t=>e.surface()?.transitionActiveReelPost(t)??Promise.resolve(!1)});return{exactMediaRemoval:new Sn({onActivate:e.onActivate,onPostRemoved:t=>e.onItemsRemoved([t]),onPostRestored:t=>e.onItemsRestored([t]),reelForward:t,state:e.state}),itemRemoval:new Dn({historyLimit:e.historyLimit,onItemsRemoved:(n,r,i)=>{e.onItemsRemoved(r.map(({item:e})=>e.postId)),yn(e.state,r,i,e.onActivate,(e,r)=>t.start(n,e,r))},onRemovalRestored:n=>{e.onItemsRestored(n.map(({item:e})=>e.postId));let r=t.cancel(n);r&&e.onActivate(r.postId)},prepareRemoval:e=>n.prepareItems(e),startRemoval:(t,n)=>e.surface()?.startItemRemoval(t,n)??0,state:e.state}),reelForward:t,reelRemoval:n}}var jn=1.5;function Mn(e){let t=Math.min(e.screenWidth,e.screenHeight);if(t>0&&t<600)return!0;let n=Math.min(e.viewportWidth,e.viewportHeight),r=t>=n*jn;return!e.hasHover&&n>0&&n<600&&r}function Nn(e){return Mn(e)?`reel`:`masonry`}function Pn(e){let t=e.ownerDocument.defaultView,n=e.ownerDocument.documentElement;return{hasHover:typeof t?.matchMedia==`function`&&t.matchMedia(`(hover: hover)`).matches,screenHeight:t?.screen.height??0,screenWidth:t?.screen.width??0,viewportHeight:n.clientHeight,viewportWidth:n.clientWidth}}function Fn(e){return Mn(Pn(e))}function In(e){return Nn(Pn(e))}var Ln=class{layoutMode;resizeObserver=null;target=null;constructor(e,t,n){this.state=t,this.onFeedLayout=n,this.layoutMode=e}mount(e){this.target=e,this.handleResponsiveLayout();let t=e.ownerDocument.defaultView;t?.addEventListener(`resize`,this.handleResponsiveLayout);let n=t?.ResizeObserver??globalThis.ResizeObserver;n!==void 0&&(this.resizeObserver=new n(this.handleResponsiveLayout),this.resizeObserver.observe(e))}destroy(){this.target?.ownerDocument.defaultView?.removeEventListener(`resize`,this.handleResponsiveLayout),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.target=null}setLayout(e){e!==this.layoutMode&&(this.layoutMode=e,e===`responsive`?this.handleResponsiveLayout():this.applyLayout(e))}applyLayout(e){e!==this.state.layout&&(e===`masonry`&&(this.state.activeReelPostId=null,this.onFeedLayout()),this.state.reelOrigin=null,this.state.layout=e)}handleResponsiveLayout=()=>{if(!this.target)return;let e=In(this.target);this.state.phoneMode=Fn(this.target),this.state.reelInfoSheetOverlay=this.state.phoneMode,this.state.reelMediaSource=e===`reel`?`preview`:`original`,this.layoutMode===`responsive`&&this.applyLayout(e)}},Rn=class{routedReelPostId=null;reelRouteIsActive=!1;constructor(e,t){this.options=e,this.state=t}syncFeed(){if(!this.options||!this.reelRouteIsActive)return;this.reelRouteIsActive=!1,this.routedReelPostId=null;let e=typeof this.options.feed==`function`?this.options.feed():this.options.feed;this.options.router.replace(e)}syncReel(e){if(!this.options)return;let t=this.state.items.findIndex(t=>t.postId===e),n=this.state.items[t];if(!n||this.reelRouteIsActive&&this.routedReelPostId===e)return;let r=this.options.reel({index:t,item:n,loadedCount:this.state.items.length,origin:this.state.reelOrigin??`reel`,total:this.state.total});if(r===null)return;let i=this.reelRouteIsActive?`replace`:`push`;this.reelRouteIsActive=!0,this.routedReelPostId=e,this.options.router[i](r)}},zn=class{app=null;autoScroll;autofillController;abortController=null;pendingRequest=null;requestVersion=0;responsiveLayout;routing;fillController;exactMediaRemoval;itemRemoval;removalReconciliation;reelForward;reelRemoval;surface=null;stopStateWatcher=null;lastLoadedCursor=null;notificationItems;state;constructor(t){this.options=t,pn(t);let n=t.layout??`masonry`;this.state=(0,e.reactive)(un(t,n)),this.notificationItems=a(this.state),this.autoScroll=new Pt({getScrollElement:()=>this.surface?.getAutoScrollElement()??null,state:this.state.autoScroll}),this.autofillController=new Ot({cancelRequest:()=>this.cancelRequest(),onLastCursor:e=>{this.lastLoadedCursor=e},onPages:e=>this.removalReconciliation.recordPages(e),options:t.autofill,state:this.state}),this.removalReconciliation=new vn(t),this.fillController=new en({fill:t.fill,loadPage:t.loadPage?e=>this.loadFilteredPage(e):void 0,needsFrontendPreparation:()=>this.removalReconciliation.needsReconciliation(this.state.items),onLastCursor:e=>{this.lastLoadedCursor=e},onPages:e=>this.removalReconciliation.recordPages(e),prepareFrontend:({isCurrent:e,onDelayChange:n,signal:r})=>tn({controller:this.removalReconciliation,isCurrent:e,loadPage:t.loadPage,onDelayChange:n,setLastCursor:e=>{this.lastLoadedCursor=e},signal:r,state:this.state}),state:this.state}),this.routing=new Rn(t.routing,this.state);let r=An({historyLimit:t.removalHistoryLimit,loadNext:()=>this.loadNext(),onActivate:e=>this.setActiveReelPost(e),onItemsRemoved:e=>this.removalReconciliation.remove(e),onItemsRestored:e=>this.removalReconciliation.restore(e),retryEnd:()=>this.retryEnd(),state:this.state,surface:()=>this.surface});this.exactMediaRemoval=r.exactMediaRemoval,this.itemRemoval=r.itemRemoval,this.reelForward=r.reelForward,this.reelRemoval=r.reelRemoval,this.responsiveLayout=new Ln(n,this.state,()=>{this.routing.syncFeed()}),this.startStateNotifications()}async mount(){if(this.app)throw Error(`Vibe is already mounted.`);this.startStateNotifications();let t=mn(this.options.target);this.responsiveLayout.mount(t),this.app=(0,e.createApp)(lt,{canRetryEnd:!!this.options.loadPage,cardFooter:this.options.cardFooter,cardHeader:this.options.cardHeader,feedFooter:this.options.feedFooter,feedFooterActions:nn(this),mediaCard:this.options.mediaCard,masonry:this.options.masonry,onMediaReady:this.options.onMediaReady,onMediaVisible:this.options.onMediaVisible,onReelMediaChange:this.options.onReelMediaChange,reelInfoSheet:this.options.reelInfoSheet,state:this.state,onActiveReelChange:e=>{this.state.reelForward.status===`idle`&&this.setActiveReelPost(e)},onCloseReel:()=>this.closeMasonryReel(),onLoadMore:()=>{this.loadNext()},onOpenReel:e=>this.openMasonryReel(e),onReelInfoSheetChange:e=>this.setReelInfoSheet(e),onRetryEnd:()=>{this.retryEnd()},onRetryForward:()=>{this.retryReelForward()}}),this.surface=this.app.mount(t),this.autoScroll.mount(),this.options.initialPage?this.options.autofill&&this.state.autofill.status===`idle`&&!this.fillController.isActive()&&!this.state.loadMoreLocked&&await this.startInitialAutofill():await this.reload()}destroy(){this.autoScroll.destroy(),this.fillController.destroy(),this.cancelRequest(),this.reelForward.reset(),this.reelRemoval.reset(),this.exactMediaRemoval.reset(),this.itemRemoval.destroy(),this.removalReconciliation.reset(),this.responsiveLayout.destroy(),this.stopStateWatcher?.(),this.stopStateWatcher=null,this.app?.unmount(),this.app=null,this.surface=null}getState(){return o(this.state)}removeMedia(e){return this.exactMediaRemoval.remove(e)}removeMediaAnimated(e){return this.reelRemoval.prepareMedia(e).then(()=>this.exactMediaRemoval.remove(e))}removeItems(e,t){return this.itemRemoval.remove(e,t)}restoreItems(e){this.itemRemoval.restoreItems(e)}restoreMediaRemoval(e){return this.exactMediaRemoval.restore(e)}restoreRemoval(e){return this.itemRemoval.restoreRemoval(e)}retryReelForward(){return this.reelForward.retry()}undoLastRemoval(){return this.itemRemoval.undoLast()}nextReelMediaItem(){return this.surface?.changeActiveReelMedia(1)??!1}previousReelMediaItem(){return this.surface?.changeActiveReelMedia(-1)??!1}nextReelPost(){return this.surface?.moveActiveReelPost(1)??!1}previousReelPost(){return this.surface?.moveActiveReelPost(-1)??!1}navigateToReelItem(e){return this.surface?.navigateToReelItem(e)??`reel-inactive`}pauseAutoScroll(){this.autoScroll.setPaused(!0)}resumeAutoScroll(){this.autoScroll.setPaused(!1)}setAutoScroll(e,t){this.autoScroll.setEnabled(e,t)}setAutoScrollSpeed(e){this.autoScroll.setSpeed(e)}applyAutofillUpdate(e){let t=Lt(this.options.autofill,this.state,e);return t&&this.autofillController.syncCountdown(),t}cancelAutofill(){return this.autofillController.cancel()}async cancelLoading(){if(this.state.loadMoreLocked=!1,this.fillController.isActive()){await this.cancelFill();return}if(Q(this.state.autofill)){await this.cancelAutofill();return}this.cancelRequest()}applyFillUpdate(e){return this.fillController.applyUpdate(e)}cancelFill(){return this.fillController.cancel()}async fill(e){if(!this.state.loadMoreLocked){if(this.pendingRequest||Q(this.state.autofill))throw Error(`Vibe cannot fill while another page operation is active.`);await this.fillController.start(e)}}restoreAutofillSession(e){let t=Rt(this.options.autofill,this.state,e);return t&&this.autofillController.syncCountdown(),t}restoreFillSession(e){return this.fillController.restoreSession(e)}async loadNext(){if(this.pendingRequest)return this.pendingRequest;if(this.state.loadMoreLocked||Q(this.state.autofill)||this.fillController.isActive()||!this.options.loadPage||this.state.next===null&&!this.removalReconciliation.needsReconciliation(this.state.items))return;this.state.isLoadingMore=!0,this.state.nextPageError=null;let e=this.loadNextSequence();return this.pendingRequest=e,e.finally(()=>{this.pendingRequest===e&&(this.pendingRequest=null),this.state.isLoadingMore=!1})}async refresh(){return this.replaceFeed(this.state.next??this.lastLoadedCursor,`refresh`)}async reload(){return this.replaceFeed(null,`reload`)}async replaceFeed(e,t){if(!this.options.loadPage)throw Error(`Vibe cannot ${t} without loadPage.`);return Q(this.state.autofill)&&await this.cancelAutofill(),this.fillController.isActive()&&await this.cancelFill(),this.cancelRequest(),this.state.autofill=wt(this.options.autofill,void 0,!1),this.fillController.reset(),this.reelForward.reset(),this.reelRemoval.reset(),this.exactMediaRemoval.reset(),this.itemRemoval.reset(),this.removalReconciliation.reset(),this.state.error=null,this.state.isLoading=!0,this.state.items=[],this.state.next=null,this.state.nextPageError=null,this.state.total=null,this.startRequest(e,!1)}async loadFilteredPage(e){let t=this.options.loadPage;if(!t)throw Error(`Vibe cannot load a page without loadPage.`);let n=ut(await t(e));return{...n,items:this.removalReconciliation.filterItems(n.items)}}async loadNextSequence(){this.removalReconciliation.needsReconciliation(this.state.items)&&!await this.reconcileBeforeNext()||this.state.loadMoreLocked||this.state.next!==null&&await this.fetchPage(this.state.next,!0)}async reconcileBeforeNext(){let e=this.options.loadPage;if(!e)return!1;let t=++this.requestVersion,n=new AbortController;this.abortController=n;try{let r=await tn({controller:this.removalReconciliation,isCurrent:()=>t===this.requestVersion,loadPage:e,onDelayChange:()=>void 0,setLastCursor:e=>{this.lastLoadedCursor=e},signal:n.signal,state:this.state});return t===this.requestVersion&&r===`complete`}catch(e){return!n.signal.aborted&&t===this.requestVersion&&(this.state.nextPageError=e),!1}finally{this.abortController===n&&(this.abortController=null)}}async retryEnd(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Q(this.state.autofill)||this.fillController.isActive())&&!(this.state.next!==null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.lastLoadedCursor,!0)}setInfiniteScroll(t){this.state.infiniteScroll=t,t&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}setLoadMoreLocked(t){if(this.state.loadMoreLocked!==t&&(this.state.loadMoreLocked=t,!t)){if(this.state.fill.status===`paused`&&this.state.fill.target){this.fillController.resume(this.removalReconciliation.hasPendingSession());return}if(this.state.autofill.status===`paused`||this.removalReconciliation.hasPendingSession()){let e=this.pendingRequest;e?e.finally(()=>{this.loadNext()}):this.loadNext()}else this.state.infiniteScroll&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}}setTotal(e){if(e!==null&&(!Number.isInteger(e)||e<0))throw TypeError(`Vibe total must be a non-negative integer or null.`);this.state.total=e}setReelAutoAdvance(e){sn(this.state.reelAutoAdvance,e)}setReelInfoSheet(e){ln(this.state.reelInfoSheet,this.options.reelInfoSheet,e)}setLayout(e){this.responsiveLayout.setLayout(e)}closeMasonryReel(){this.state.reelOrigin===`masonry`&&(this.state.activeReelPostId=null,this.state.reelOrigin=null,this.routing.syncFeed())}openMasonryReel(e){this.state.layout===`masonry`&&this.state.items.some(t=>t.postId===e)&&(this.state.activeReelPostId=e,this.state.reelOrigin=`masonry`,this.routing.syncReel(e))}setActiveReelPost(e){this.state.layout!==`reel`&&this.state.reelOrigin!==`masonry`||(this.state.activeReelPostId=e,this.routing.syncReel(e))}cancelRequest(){this.autofillController.clearCountdown(),this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.pendingRequest=null,this.state.isLoading=!1,this.state.isLoadingMore=!1}async fetchPage(e,t){if(!this.options.loadPage)return;let n=++this.requestVersion,r=new AbortController;this.abortController=r,await hn({append:t,autofillController:this.autofillController,cursor:e,isCurrent:()=>n===this.requestVersion,loadPage:e=>this.loadFilteredPage(e),onLastCursor:e=>{this.lastLoadedCursor=e},onPages:e=>this.removalReconciliation.recordPages(e),options:this.options,signal:r.signal,state:this.state}),n===this.requestVersion&&(this.abortController=null)}startRequest(e,t){let n=this.fetchPage(e,t);return this.pendingRequest=n,n.finally(()=>{this.pendingRequest===n&&(this.pendingRequest=null)})}startInitialAutofill(){let e=++this.requestVersion,t=new AbortController,n=this.autofillController.beginCycle();this.abortController=t,this.state.isLoadingMore=!0;let r=zt({cycleId:n,isCurrent:()=>e===this.requestVersion,onCollection:t=>this.autofillController.captureCollection(t,e===this.requestVersion),onLastCursor:e=>{this.lastLoadedCursor=e},onPages:e=>this.removalReconciliation.recordPages(e),options:this.options,signal:t.signal,state:this.state}).catch(n=>{t.signal.aborted||e!==this.requestVersion||(this.state.autofill.error=n,this.state.autofill.status=`error`,this.state.nextPageError=n)}).finally(()=>{e===this.requestVersion&&(this.autofillController.clearCollection(),this.autofillController.syncCountdown(),this.abortController=null,this.state.isLoadingMore=!1,this.pendingRequest===r&&(this.pendingRequest=null))});return this.pendingRequest=r,r}startStateNotifications(){let t=this.options.onStateChange;!t||this.stopStateWatcher||(t(o(this.state,this.notificationItems.value)),this.stopStateWatcher=(0,e.watch)(this.state,()=>t(o(this.state,this.notificationItems.value)),{deep:!0,flush:`post`}))}};function Bn(e){return new zn(e)}exports.createVibe=Bn;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return[e,...e.items]}function n(e,t){return Math.min(e.items.length,Math.max(0,t))}function r(e,r){return t(e)[n(e,r)]??e}function i(e,t){return`${String(e)}:${t}`}function a(t){return(0,e.computed)(()=>Object.freeze([...t.items]))}function o(e,t=[...e.items]){return{activeReelPostId:e.activeReelPostId,autoScroll:{...e.autoScroll},autofill:{...e.autofill},current:e.current,error:e.error,fill:{...e.fill,target:e.fill.target?{...e.fill.target}:null},infiniteScroll:e.infiniteScroll,isLoading:e.isLoading,isLoadingMore:e.isLoadingMore,items:t,layout:e.layout,lifecycle:e.isLoading||e.isLoadingMore?`loading`:e.error||e.nextPageError?`error`:`loaded`,loadMoreLocked:e.loadMoreLocked,next:e.next,nextPageError:e.nextPageError,phoneMode:e.phoneMode,reelAutoAdvance:{...e.reelAutoAdvance},reelForward:{...e.reelForward},reelInfoSheet:{...e.reelInfoSheet},reelOrigin:e.reelOrigin,total:e.total}}var s={key:0,class:`gallery-footer`},c={key:0,class:`load-more-status`,role:`status`},l=[`disabled`],u={key:2,class:`end-feed`},d=[`disabled`],f=(0,e.defineComponent)({__name:`GalleryFooter`,props:{canRetryEnd:{type:Boolean},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},showLoadMore:{type:Boolean}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.loadMoreLocked||(r.hasNext?i(`loadMore`):i(`retryEnd`))}return(n,r)=>t.isLoading||t.hasError||t.hasNext&&t.showLoadMore||!t.hasNext&&t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`footer`,s,[t.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,c,` Loading more… `)):t.hasError||t.hasNext&&t.showLoadMore?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,"data-test":`load-more`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:a},(0,e.toDisplayString)(t.hasError?`Try again`:t.loadMoreLocked?`Loading paused`:`Load more`),9,l)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,u,[r[1]||=(0,e.createElementVNode)(`p`,{class:`end-feed-message`,role:`status`},` You've reached the end. `,-1),(0,e.createElementVNode)(`button`,{"data-test":`retry-end`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:r[0]||=e=>n.$emit(`retryEnd`)},` Check for more `,8,d)]))])):(0,e.createCommentVNode)(``,!0)}}),p=(0,e.defineComponent)({__name:`FeedFooter`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},showLoadMore:{type:Boolean},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.actions?.cancelAutofill()}function o(){r.actions?.retry()}return(n,r)=>t.feedFooter&&t.actions&&t.state?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.feedFooter.component),{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"show-load-more":t.showLoadMore,state:t.state,onAutofillCancel:a,onLoadMore:r[0]||=e=>i(`loadMore`),onRetry:o,onRetryEnd:r[1]||=e=>i(`retryEnd`)},null,40,[`actions`,`can-retry-end`,`show-load-more`,`state`])):((0,e.openBlock)(),(0,e.createBlock)(f,{key:1,"can-retry-end":t.canRetryEnd,"has-error":t.hasError,"has-next":t.hasNext,"is-loading":t.isLoading,"load-more-locked":t.loadMoreLocked,"show-load-more":t.showLoadMore,onLoadMore:r[2]||=e=>i(`loadMore`),onRetryEnd:r[3]||=e=>i(`retryEnd`)},null,8,[`can-retry-end`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`]))}}),m=[`role`],h={class:`gallery-status`},g=(0,e.defineComponent)({__name:`FeedStatus`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;return(n,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:`gallery-shell`,role:r.state.error?`alert`:r.state.isLoading?`status`:void 0},[(0,e.createElementVNode)(`p`,h,[r.state.error?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)(` Unable to load media. `)],64)):r.state.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)(` Loading media… `)],64)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createTextVNode)(` No media found. `)],64))]),t.feedFooter?((0,e.openBlock)(),(0,e.createBlock)(p,{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":!!t.state.nextPageError,"has-next":t.state.next!==null,"is-loading":t.state.isLoadingMore,"load-more-locked":t.state.loadMoreLocked,"show-load-more":``,state:t.state,onLoadMore:a[0]||=e=>i(`loadMore`),onRetryEnd:a[1]||=e=>i(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`state`])):(0,e.createCommentVNode)(``,!0)],8,m))}});function _(e){return e.scrollHeight-e.scrollTop-e.clientHeight<=240}function v(e){let t=e.preview.width??e.width,n=e.preview.height??e.height;return!t||!n||t<=0||n<=0?1:n/t}function y(e){return e.reduce((t,n,r)=>n<e[t]?r:t,0)}function b(e){return Math.max(0,e.containerHeight)+Math.max(0,e.gap)}function x(e,t,n){if(t<=0||e.length===0)return{columns:0,height:0,items:[]};let r=Math.max(0,n.gap),i=Number.isFinite(n.additionalHeight)?Math.max(0,n.additionalHeight??0):0,a=Math.max(1,n.minColumnWidth),o=Math.max(1,Math.floor((t+r)/(a+r))),s=(t-r*(o-1))/o,c=Array.from({length:o},()=>0),l=e.map(e=>{let t=y(c),n=s*v(e)+i,a={x:t*(s+r),y:c[t],width:s,height:n};return c[t]+=n+r,a});return{columns:o,height:Math.max(...c)-r,items:l}}function S(e,t){let n=new Map;return e.forEach((e,r)=>{let i=n.get(e.x)??[];i.push({bottom:e.y+e.height,index:t?.[r]??r,top:e.y}),n.set(e.x,i)}),{columns:[...n.entries()].sort(([e],[t])=>e-t).map(([,e])=>e.sort((e,t)=>e.top-t.top||e.index-t.index))}}function C(e,t){let n=0,r=0,i=e.length;for(;r<i;){let a=Math.floor((r+i)/2);n+=1,e[a].bottom<t?r=a+1:i=a}return{index:r,inspected:n}}function w(e,t){let n=Math.max(0,t.overscan),r=t.scrollTop-n,i=t.scrollTop+Math.max(0,t.viewportHeight)+n,a=[],o=0;return e.columns.forEach(e=>{let t=C(e,r);o+=t.inspected;for(let n=t.index;n<e.length;n+=1){let t=e[n];if(o+=1,t.top>i)break;a.push(t.index)}}),{indices:a.sort((e,t)=>e-t),inspected:o}}function T(e){return e?.minColumnWidth??240}function E(e,t){let n=e?.overscan?.minimumPx??800,r=e?.overscan?.viewportMultiplier??1.5,i=Math.max(n,t*r),a=e?.overscan?.maximumPx;return a===void 0?i:Math.min(i,a)}function D(e){if(e?.minColumnWidth!==void 0&&(!Number.isFinite(e.minColumnWidth)||e.minColumnWidth<=0))throw TypeError(`Vibe masonry minColumnWidth must be a positive number.`);let t=e?.overscan;if(t){for(let[e,n]of[[`maximumPx`,t.maximumPx],[`minimumPx`,t.minimumPx],[`viewportMultiplier`,t.viewportMultiplier]])if(n!==void 0&&(!Number.isFinite(n)||n<0))throw TypeError(`Vibe masonry overscan ${e} must be a non-negative number.`);if(t.maximumPx!==void 0&&t.minimumPx!==void 0&&t.maximumPx<t.minimumPx)throw TypeError(`Vibe masonry overscan maximumPx must be greater than or equal to minimumPx.`)}}function O(e,t,n){return Math.min(n,Math.max(t,e))}function k({contentSize:e,minimumThumbSize:t,scrollPosition:n,trackSize:r,viewportSize:i}){let a=Math.max(0,e),o=Math.max(0,r),s=Math.max(0,i),c=Math.max(0,a-s);if(!(c>0&&o>0))return{maximumScrollPosition:c,scrollable:!1,thumbOffset:0,thumbSize:o,thumbTravel:0};let l=O(s/a*o,Math.min(Math.max(0,t),o),o),u=Math.max(0,o-l);return{maximumScrollPosition:c,scrollable:!0,thumbOffset:u*(O(n,0,c)/c),thumbSize:l,thumbTravel:u}}var A=[`aria-hidden`],j=[`aria-controls`,`aria-valuemax`,`aria-valuenow`,`tabindex`],M=32,N=40,ee=120,P=(0,e.defineComponent)({__name:`GalleryScrollbar`,props:{contentSize:{},controlsId:{},scrollElement:{},suspended:{type:Boolean}},setup(t){let n=t,r={maximumScrollPosition:0,scrollable:!1,thumbOffset:0,thumbSize:0,thumbTravel:0},i=(0,e.shallowRef)(null),a=(0,e.shallowRef)(r),o=(0,e.shallowRef)(!1),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(!1),l=null,u=0,d=0,f=null,p=null,m=null,h=null,g=!1,_=null,v=(0,e.computed)(()=>a.value.scrollable&&!n.suspended),y=(0,e.computed)(()=>({height:`${a.value.thumbSize}px`,transform:`translate3d(0, ${a.value.thumbOffset}px, 0)`}));function b(){f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,o.value||(s.value=!1)},ee)}function x(){s.value=!0,b()}function S(){let e=n.scrollElement,t=i.value;return!e||!t?r:k({contentSize:e.scrollHeight,minimumThumbSize:M,scrollPosition:e.scrollTop,trackSize:t.clientHeight,viewportSize:e.clientHeight})}function C(e){if(o.value&&e!==`scroll`){g=!0;return}if(o.value){let e=n.scrollElement;if(!e||a.value.maximumScrollPosition<=0)return;let t=Math.min(1,Math.max(0,e.scrollTop/a.value.maximumScrollPosition));a.value={...a.value,thumbOffset:a.value.thumbTravel*t};return}a.value=S(),!(c.value||p!==null)&&(p=requestAnimationFrame(()=>{p=null,c.value=!0}))}function w(){x(),C(`scroll`)}function T(e){let t=n.scrollElement;t&&(t.scrollTop=Math.min(a.value.maximumScrollPosition,Math.max(0,e)),C(`scroll`))}function E(e){if(!v.value||e.target!==e.currentTarget)return;let t=i.value;if(!t||a.value.thumbTravel<=0)return;e.preventDefault(),x();let n=e.clientY-t.getBoundingClientRect().top-a.value.thumbSize/2;T(Math.min(1,Math.max(0,n/a.value.thumbTravel))*a.value.maximumScrollPosition)}function D(e){v.value&&(e.preventDefault(),e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),l=e.pointerId,u=e.clientY,d=n.scrollElement?.scrollTop??0,o.value=!0,s.value=!0,f!==null&&clearTimeout(f),f=null)}function O(e){if(!o.value||e.pointerId!==l||(e.preventDefault(),a.value.thumbTravel<=0))return;let t=(e.clientY-u)/a.value.thumbTravel*a.value.maximumScrollPosition;T(d+t)}function P(e){!o.value||e.pointerId!==l||(e.currentTarget.releasePointerCapture?.(e.pointerId),l=null,o.value=!1,g&&(g=!1,C(`content`)),b())}function F(e){if(!v.value)return;let t=n.scrollElement?.clientHeight??0,r=n.scrollElement?.scrollTop??0,i=e.key===`ArrowUp`?r-N:e.key===`ArrowDown`?r+N:e.key===`PageUp`?r-t:e.key===`PageDown`?r+t:e.key===`Home`?0:e.key===`End`?a.value.maximumScrollPosition:null;i!==null&&(e.preventDefault(),x(),T(i))}function I(e){if(h?.disconnect(),!(typeof ResizeObserver>`u`)){h=new ResizeObserver(()=>C(`content`));for(let t of e.children)h.observe(t)}}return(0,e.watch)(()=>n.scrollElement,(t,n)=>{n?.removeEventListener(`scroll`,w),m?.disconnect(),m=null,h?.disconnect(),h=null,_?.disconnect(),_=null,t?.addEventListener(`scroll`,w,{passive:!0}),t&&typeof ResizeObserver<`u`&&(_=new ResizeObserver(()=>{x(),C(`resize`)}),_.observe(t),I(t)),t&&typeof MutationObserver<`u`&&(m=new MutationObserver(()=>{I(t),C(`content`)}),m.observe(t,{childList:!0})),(0,e.nextTick)(()=>C(`resize`))},{immediate:!0}),(0,e.watch)(()=>n.contentSize,()=>{(0,e.nextTick)(()=>C(`content`))}),(0,e.onBeforeUnmount)(()=>{n.scrollElement?.removeEventListener(`scroll`,w),m?.disconnect(),h?.disconnect(),_?.disconnect(),f!==null&&clearTimeout(f),p!==null&&cancelAnimationFrame(p)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`trackElement`,ref:i,class:(0,e.normalizeClass)([`gallery-scrollbar`,{"gallery-scrollbar--dragging":o.value,"gallery-scrollbar--interacting":s.value,"gallery-scrollbar--ready":c.value,"gallery-scrollbar--visible":v.value}]),"aria-hidden":!v.value||void 0,onPointerdown:E},[(0,e.createElementVNode)(`div`,{class:`gallery-scrollbar-thumb`,"aria-controls":t.controlsId,"aria-label":`Media gallery scroll position`,"aria-orientation":`vertical`,"aria-valuemax":Math.round(a.value.maximumScrollPosition),"aria-valuemin":`0`,"aria-valuenow":Math.round(t.scrollElement?.scrollTop??0),role:`scrollbar`,style:(0,e.normalizeStyle)(y.value),tabindex:v.value?0:-1,onKeydown:F,onPointercancel:P,onPointerdown:D,onPointermove:O,onPointerup:P},null,44,j)],42,A))}}),F=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},I=e=>e===``,L=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),R=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),z=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),B=e=>{let t=z(e);return t.charAt(0).toUpperCase()+t.slice(1)},V={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},H=({name:t,iconNode:n,absoluteStrokeWidth:r,"absolute-stroke-width":i,strokeWidth:a,"stroke-width":o,size:s=V.width,color:c=V.stroke,...l},{slots:u})=>(0,e.h)(`svg`,{...V,...l,width:s,height:s,stroke:c,"stroke-width":I(r)||I(i)||r===!0||i===!0?Number(a||o||V[`stroke-width`])*24/Number(s):a||o||V[`stroke-width`],class:L(`lucide`,l.class,...t?[`lucide-${R(B(t))}-icon`,`lucide-${R(t)}`]:[`lucide-icon`]),...!u.default&&!F(l)&&{"aria-hidden":`true`}},[...n.map(t=>(0,e.h)(...t)),...u.default?[u.default()]:[]]),U=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(H,{...a,...r,iconNode:n,name:t},i),te=U(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),W=U(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),G=U(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),K=U(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),q=U(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),J=U(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]),Y={401:`Authentication required`,403:`Access forbidden`,404:`Preview not found`,419:`Session expired`,500:`Server error`};function ne(e){return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1]??`Error`}function re(e){return Y[ne(e)]??`Preview unavailable`}var ie=(0,e.defineComponent)({__name:`CardRegion`,props:{index:{},item:{},layout:{},loadedCount:{},mediaIndex:{},mediaSource:{},placement:{},region:{},style:{},total:{}},setup(i){let a=i,o=(0,e.computed)(()=>n(a.item,a.mediaIndex)),s=(0,e.computed)(()=>t(a.item)),c=(0,e.computed)(()=>r(a.item,o.value)),l=(0,e.computed)(()=>({height:`${a.region.height}px`,paddingBlock:a.style?.paddingY===void 0?void 0:`${a.style.paddingY}px`,paddingInline:a.style?.paddingX===void 0?void 0:`${a.style.paddingX}px`})),u=(0,e.computed)(()=>a.style?.background??a.region.background);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-card-region`,[`media-card-${i.placement}`,{"media-card-region--transparent":u.value===`transparent`}]]),style:(0,e.normalizeStyle)(l.value),onClick:n[0]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:n[1]||=(0,e.withModifiers)(()=>{},[`stop`])},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(i.region.component),{index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-count":s.value.length,"media-index":o.value,"media-item":c.value,"media-source":i.mediaSource??`preview`,total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-count`,`media-index`,`media-item`,`media-source`,`total`]))],38))}}),ae=[`max`,`value`,`aria-valuetext`,`disabled`],oe={key:0,class:`media-controls-row`},se=[`aria-label`,`title`],ce={class:`media-controls-audio`},le=[`aria-label`,`title`],ue=[`value`,`aria-valuetext`],de={class:`media-control-time`,"aria-live":`off`},fe=(0,e.defineComponent)({__name:`MediaControls`,props:{currentTime:{},duration:{},layout:{},muted:{type:Boolean},playing:{type:Boolean},volume:{}},emits:[`seek`,`toggleMute`,`togglePlayback`,`volumeChange`],setup(t,{emit:n}){let r=t,i=n;function a(e,t=1){return Number.isFinite(e)?Math.min(t,Math.max(0,e)):0}function o(e){let t=Math.floor(a(e,2**53-1)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function s(e){return Number(e.target.value)}let c=(0,e.computed)(()=>Math.max(0,r.duration)),l=(0,e.computed)(()=>a(r.currentTime,c.value)),u=(0,e.computed)(()=>({"--media-range-progress":`${c.value>0?l.value/c.value*100:0}%`})),d=(0,e.computed)(()=>({"--media-range-progress":`${a(r.volume)*100}%`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-controls`,`media-controls--${t.layout}`]),"aria-label":`Video controls`,onClick:r[4]||=(0,e.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:r[6]||=(0,e.withModifiers)(()=>{},[`stop`]),onWheel:r[7]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-seek`,type:`range`,min:`0`,max:c.value||0,step:`0.1`,value:l.value,style:(0,e.normalizeStyle)(u.value),"aria-label":`Seek video`,"aria-valuetext":`${o(l.value)} of ${o(c.value)}`,disabled:c.value<=0,onInput:r[0]||=e=>i(`seek`,s(e))},null,44,ae),t.layout===`reel`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,oe,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button media-control-playback`,"aria-label":t.playing?`Pause video`:`Play video`,title:t.playing?`Pause`:`Play`,onClick:r[1]||=e=>i(`togglePlayback`)},[t.playing?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(G),{key:0,size:18,fill:`currentColor`})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(K),{key:1,size:18,fill:`currentColor`}))],8,se),(0,e.createElementVNode)(`div`,ce,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button`,"aria-label":t.muted?`Unmute video`:`Mute video`,title:t.muted?`Unmute`:`Mute`,onClick:r[2]||=e=>i(`toggleMute`)},[t.muted||t.volume===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(J),{key:0,size:18})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(q),{key:1,size:18}))],8,le),(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-volume`,type:`range`,min:`0`,max:`1`,step:`0.05`,value:t.volume,style:(0,e.normalizeStyle)(d.value),"aria-label":`Video volume`,"aria-valuetext":`${Math.round(t.volume*100)} percent`,onInput:r[3]||=e=>i(`volumeChange`,s(e))},null,44,ue)]),(0,e.createElementVNode)(`output`,de,(0,e.toDisplayString)(o(l.value))+` / `+(0,e.toDisplayString)(o(c.value)),1)])):(0,e.createCommentVNode)(``,!0)],34))}});function pe(t){let n=(0,e.computed)(()=>t.layout()!==`reel`||t.active()===!0),r=(0,e.computed)(()=>n.value?t.videoIsMuted.value:!0);function i(){if(!n.value){t.videoElement.value?.pause(),t.videoIsPlaying.value=!1;return}t.videoIsPlaying.value=!0}return(0,e.watch)(n,r=>{let i=t.videoElement.value;if(!r){i?.pause(),i&&(i.muted=!0),t.videoIsPlaying.value=!1;return}(0,e.nextTick)().then(async()=>{let e=t.videoElement.value;if(!(!e||!n.value)){e.muted=t.videoIsMuted.value;try{await e.play()}catch{t.videoIsPlaying.value=!1}}})}),{effectiveMuted:r,onPlaying:i,playbackAllowed:n}}var me=/\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;function he(e){try{return me.test(new URL(e).pathname)}catch{return me.test(e.split(`?`)[0]??e)}}function ge(t){let n=(0,e.computed)(()=>he(t.mediaSource())),r=(0,e.computed)(()=>t.layout()===`masonry`&&t.fetchPriority()===`low`?`lazy`:`eager`),i=(0,e.computed)(()=>t.fetchPriority()===`high`?`auto`:t.layout()===`masonry`?`none`:`metadata`);return(0,e.watch)(i,(n,r)=>{r!==`none`||n===`none`||(0,e.nextTick)(()=>t.videoElement.value?.load())}),{imageLoading:r,mediaIsTimed:n,videoPreload:i}}var _e=[`data-post-id`,`data-media-index`,`aria-hidden`,`aria-busy`,`inert`,`role`,`tabindex`],ve={class:`media-card-content`},ye=[`data-media-direction`],be=[`data-media-index`],xe={key:0,"data-test":`media-loading`,class:`media-loading`,"aria-hidden":`true`},Se=[`aria-label`],Ce={class:`media-error-code`},we=[`src`,`width`,`height`,`autoplay`,`loop`,`muted`,`preload`],Te=[`src`,`width`,`height`,`fetchpriority`,`loading`],Ee=[`aria-label`],De=[`aria-label`],Oe=[`aria-label`],ke=40,Ae=160,je=24,Me=(0,e.defineComponent)({__name:`MediaCard`,props:{active:{type:Boolean},advanceOnMediaEnd:{type:Boolean},cardFooter:{},cardHeader:{},entering:{type:Boolean},fetchPriority:{},index:{},item:{},itemStyle:{},interactive:{type:Boolean},leaving:{type:Boolean},layout:{},loadedCount:{},mediaIndex:{},mediaCard:{},mediaSource:{},previewState:{},reelControlsTarget:{},stationaryReelControls:{type:Boolean},total:{}},emits:[`activate`,`ended`,`error`,`mediaChange`,`ready`],setup(i,{emit:a}){let o=i,s=null,c=0,l=!1,u=null,d=null,f=(0,e.shallowRef)(`next`),p=a;function m(e=!1,t=`pointer`){e&&p(`activate`,t)}let h=(0,e.computed)(()=>t(o.item)),g=(0,e.computed)(()=>n(o.item,o.mediaIndex)),_=(0,e.computed)(()=>r(o.item,g.value)),v=(0,e.computed)(()=>o.mediaSource===`original`?_.value.src:_.value.preview.src),y=(0,e.computed)(()=>o.mediaSource===`original`?_.value.width:_.value.preview.width),b=(0,e.computed)(()=>o.mediaSource===`original`?_.value.height:_.value.preview.height),x=(0,e.shallowRef)(null),S=(0,e.shallowRef)(0),C=(0,e.shallowRef)(0),w=(0,e.shallowRef)(o.mediaCard?.videoMuted??o.layout===`masonry`),T=(0,e.shallowRef)(!1),E=(0,e.shallowRef)(1),D=1,{effectiveMuted:O,onPlaying:k,playbackAllowed:A}=pe({active:()=>o.active,layout:()=>o.layout,videoElement:x,videoIsMuted:w,videoIsPlaying:T}),j=(0,e.computed)(()=>o.interactive&&!!(o.cardHeader||o.cardFooter));function M(e){return e.detail===0?`keyboard`:`pointer`}function N(e,t){let n=h.value.length,r=(e+n)%n;r!==g.value&&(f.value=e<g.value?`previous`:`next`,p(`mediaChange`,r),t&&t.detail>0&&t.currentTarget?.blur())}function ee(e,t,n){return t===1?e*16:t===2?e*n:e}function P(){c=0,l=!1,s!==null&&clearTimeout(s),s=null}function F(){s!==null&&clearTimeout(s),s=setTimeout(P,Ae)}function I(e){if(h.value.length<=1)return;let t=e.currentTarget?.clientWidth||1,n=ee(e.deltaX,e.deltaMode,t);if(n===0||(e.preventDefault(),F(),l)||(c+=n,Math.abs(c)<je))return;let r=Math.sign(c);c=0,l=!0,N(g.value+r)}function L(e){let t=e.touches[0];o.layout!==`reel`||!t||(u=t.clientX,d=t.clientY)}function R(e){let t=e.changedTouches[0];if(u===null||d===null||!t)return;let n=u-t.clientX,r=d-t.clientY;u=null,d=null,!(Math.abs(n)<=Math.abs(r))&&(Math.abs(n)<ke||N(g.value+Math.sign(n)))}let{imageLoading:z,mediaIsTimed:B,videoPreload:V}=ge({fetchPriority:()=>o.fetchPriority,layout:()=>o.layout,mediaSource:()=>v.value,videoElement:x}),H=(0,e.computed)(()=>o.layout===`reel`&&o.stationaryReelControls===!0),U=(0,e.computed)(()=>B.value&&o.previewState===`ready`&&(!H.value||!!(o.active&&o.reelControlsTarget))),G=(0,e.computed)(()=>`${o.item.postId}:${g.value}:${v.value}`);function K(e){o.layout===`reel`&&(e.stopPropagation(),q())}async function q(){if(!(!x.value||!A.value)){if(T.value){x.value.pause();return}try{await x.value.play()}catch{T.value=!1}}}function J(e){return Number.isFinite(e)?Math.max(0,e):0}function Y(e){let t=e?.currentTarget??x.value;t&&(S.value=J(t.currentTime),C.value=J(t.duration),A.value&&(w.value=t.muted),E.value=t.volume,t.volume>0&&(D=t.volume))}function ae(e){Y(e),p(`ready`,g.value)}function oe(){T.value=!1,p(`ended`,g.value)}function se(e){let t=x.value;!t||!Number.isFinite(e)||(t.currentTime=Math.min(J(t.duration),Math.max(0,e)),S.value=t.currentTime)}function ce(e){let t=x.value;if(!t||!Number.isFinite(e))return;let n=Math.min(1,Math.max(0,e));t.volume=n,t.muted=n===0,n>0&&(D=n),Y()}function le(){let e=x.value;e&&(e.muted&&e.volume===0&&(e.volume=D),e.muted=!e.muted,Y())}return(0,e.onBeforeUnmount)(()=>{P()}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{"data-post-id":i.item.postId,"data-media-index":g.value,class:(0,e.normalizeClass)([`media-card`,{"media-card--entering":i.entering,"media-card--leaving":i.leaving,"media-card--error":i.previewState===`error`,"media-card--transparent-chrome":i.mediaCard?.header?.background===`transparent`||i.mediaCard?.footer?.background===`transparent`||i.cardHeader?.background===`transparent`||i.cardFooter?.background===`transparent`}]),style:(0,e.normalizeStyle)(i.itemStyle),"aria-hidden":i.leaving||void 0,"aria-busy":i.previewState===`loading`,inert:i.leaving||void 0,role:i.interactive&&!i.leaving&&!j.value?`button`:void 0,tabindex:i.interactive&&!i.leaving&&!j.value?0:void 0,onClick:n[11]||=e=>m(i.interactive&&!j.value,M(e)),onKeydown:[n[12]||=(0,e.withKeys)(e=>m(i.interactive&&!j.value,`keyboard`),[`enter`]),n[13]||=(0,e.withKeys)((0,e.withModifiers)(e=>m(i.interactive&&!j.value,`keyboard`),[`prevent`]),[`space`])]},[(0,e.createElementVNode)(`div`,ve,[i.cardHeader?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:0,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`header`,region:i.cardHeader,style:(0,e.normalizeStyle)(i.mediaCard?.header),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`media-card-media`,{"media-card-media--carousel":i.layout===`reel`&&h.value.length>1}]),"data-media-direction":f.value,onWheel:I,onTouchstartPassive:L,onTouchendPassive:R},[(0,e.createVNode)(e.Transition,{name:`media-slide-${f.value}`},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`${i.item.postId}:${_.value.src}:${i.mediaSource??`preview`}`,class:`media-card-frame`,"data-media-index":g.value},[i.previewState===`loading`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xe,[...n[14]||=[(0,e.createElementVNode)(`span`,{class:`media-loading-shimmer`},null,-1)]])):i.previewState===`error`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-test":`media-error`,class:`media-error`,role:`img`,"aria-label":`${(0,e.unref)(ne)(v.value)} ${(0,e.unref)(re)(v.value)}`},[(0,e.createElementVNode)(`strong`,Ce,(0,e.toDisplayString)((0,e.unref)(ne)(v.value)),1),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)((0,e.unref)(re)(v.value)),1)],8,Se)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(B)?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoElement`,ref:x,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`,"media-preview--reel-video":i.layout===`reel`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,autoplay:(0,e.unref)(A),loop:!i.advanceOnMediaEnd,muted:(0,e.unref)(O),playsinline:``,preload:(0,e.unref)(V),onLoadedmetadata:ae,onDurationchange:Y,onTimeupdate:Y,onVolumechange:Y,onPlaying:n[0]||=(...t)=>(0,e.unref)(k)&&(0,e.unref)(k)(...t),onPause:n[1]||=e=>T.value=!1,onEnded:oe,onClick:K,onError:n[2]||=e=>t.$emit(`error`,g.value)},null,42,we)):((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:3,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,fetchpriority:i.fetchPriority,alt:``,decoding:`async`,loading:(0,e.unref)(z),onLoad:n[3]||=e=>t.$emit(`ready`,g.value),onError:n[4]||=e=>t.$emit(`error`,g.value)},null,42,Te))],8,be))]),_:1},8,[`name`]),((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{disabled:!H.value||!i.reelControlsTarget,to:i.reelControlsTarget??`body`},[(0,e.createVNode)(e.Transition,{name:`vibe-reel-media-controls`,css:H.value},{default:(0,e.withCtx)(()=>[U.value?((0,e.openBlock)(),(0,e.createBlock)(fe,{key:G.value,"current-time":S.value,"data-control-post-id":H.value?i.item.postId:void 0,duration:C.value,layout:i.layout,muted:w.value,playing:T.value,volume:E.value,onSeek:se,onToggleMute:le,onTogglePlayback:q,onVolumeChange:ce},null,8,[`current-time`,`data-control-post-id`,`duration`,`layout`,`muted`,`playing`,`volume`])):(0,e.createCommentVNode)(``,!0)]),_:1},8,[`css`])],8,[`disabled`,`to`])),h.value.length>1?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`media-carousel-controls`,{"media-carousel-controls--persistent":i.layout===`reel`}]),"aria-label":`Media navigation`},[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--previous`,"aria-label":`Previous media for post ${i.item.postId}`,onClick:n[5]||=(0,e.withModifiers)(e=>N(g.value-1,e),[`stop`]),onKeydown:n[6]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(te),{size:20})],40,Ee),(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--next`,"aria-label":`Next media for post ${i.item.postId}`,onClick:n[7]||=(0,e.withModifiers)(e=>N(g.value+1,e),[`stop`]),onKeydown:n[8]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(W),{size:20})],40,De)],2)):(0,e.createCommentVNode)(``,!0),j.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`media-card-activator`,type:`button`,"aria-label":`Open post ${i.item.postId}`,onClick:n[9]||=(0,e.withModifiers)(e=>t.$emit(`activate`,M(e)),[`stop`]),onKeydown:n[10]||=(0,e.withModifiers)(()=>{},[`stop`])},null,40,Oe)):(0,e.createCommentVNode)(``,!0)],42,ye),i.cardFooter?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:1,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`footer`,region:i.cardFooter,style:(0,e.normalizeStyle)(i.mediaCard?.footer),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0)])],46,_e))}}),Ne={class:`masonry-feed-shell`},Pe=[`aria-hidden`,`inert`],Fe={key:0,class:`masonry-feed-status-overlay`},Ie=6,Le=12,Re=(0,e.defineComponent)({__name:`MasonryFeed`,props:{enteringPostIds:{},entryDelays:{},leavingPostIds:{default:()=>new Set},removalDelays:{default:()=>new Map},masonry:{},suspended:{type:Boolean},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activate`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`visible`],setup(t,{expose:n,emit:r}){let a=t,o=r,s=(0,e.shallowRef)(null),c=`vibe-masonry-${(0,e.useId)()}`,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(0),d=(0,e.shallowRef)(Ie),f=(0,e.shallowRef)(0),m=(0,e.shallowRef)(0),h=(0,e.shallowRef)(0),g=(0,e.shallowRef)([]),v=(0,e.shallowRef)([]),y=0,C=null,D=null,O=null,k=null,A=(0,e.computed)(()=>x(a.items,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:T(a.masonry)})),j=(0,e.computed)(()=>{if(a.leavingPostIds.size===0)return null;let e=a.items.flatMap((e,t)=>a.leavingPostIds.has(e.postId)?[]:[{index:t,item:e}]),t=x(e.map(({item:e})=>e),u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:T(a.masonry)});return{indices:e.map(({index:e})=>e),layout:t,positions:new Map(e.map(({item:e},n)=>[e.postId,t.items[n]]))}}),M=(0,e.computed)(()=>{let e=A.value,t=j.value;return t?{...t.layout,items:a.items.map((n,r)=>a.leavingPostIds.has(n.postId)?e.items[r]:t.positions.get(n.postId)??e.items[r])}:e}),N=(0,e.computed)(()=>S(A.value.items)),ee=(0,e.computed)(()=>{let e=j.value;return e?S(e.layout.items,e.indices):null}),F=(0,e.computed)(()=>Math.max(m.value,a.leavingPostIds.size===0?M.value.height:A.value.height)),I=(0,e.computed)(()=>({height:`${F.value}px`})),L=(0,e.computed)(()=>!a.infiniteScroll||f.value>0&&h.value+M.value.height<=f.value+1),R=(0,e.computed)(()=>new Set(g.value)),z=(0,e.computed)(()=>v.value.flatMap(e=>{let t=a.items[e];return t?[{fetchPriority:R.value.has(e)?`high`:`low`,index:e,item:t}]:[]}));function B(e,t){return[...new Set([...e,...t])].sort((e,t)=>e-t)}function V(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function H(e){let t={scrollTop:y-h.value,viewportHeight:f.value},n=ee.value,r=w(n??N.value,{...t,overscan:e}).indices;return B(r,a.leavingPostIds.size===0?[]:w(N.value,{...t,overscan:e}).indices)}function U(){let e=a.suspended?[]:H(0),t=H(E(a.masonry,f.value));V(g.value,e)||(g.value=e),V(v.value,t)||(v.value=t)}function te(){if(k!==null)return;k=-1;let e=requestAnimationFrame(()=>{k=null,U()});k!==null&&(k=e)}let W=new Set;(0,e.watch)(()=>[...R.value].flatMap(e=>{let t=a.items[e];if(!t)return[];let n=a.mediaIndices.get(t.postId)??0,r=i(t.postId,n);return a.previewStates.get(r)===`ready`?[{key:r,mediaIndex:n,postId:t.postId}]:[]}),e=>{let t=new Set(e.map(({key:e})=>e));e.forEach(({key:e,mediaIndex:t,postId:n})=>{W.has(e)||o(`visible`,n,t)}),W=t},{immediate:!0,flush:`post`});function G(e){let t=M.value.items[e],n=a.items[e]?.postId;if(!t)return{};let r=n!==void 0&&a.enteringPostIds.has(n),i=n!==void 0&&a.leavingPostIds.has(n),o=r||i?b({containerHeight:Math.max(m.value,A.value.height),gap:d.value}):0,s=n===void 0?0:i?a.removalDelays.get(n)??0:r?a.entryDelays.get(n)??0:0;return{"--masonry-entry-delay":`${s}ms`,width:`${t.width}px`,height:`${t.height}px`,transform:`translate3d(${t.x}px, ${t.y+o}px, 0)`}}function K(){let e=s.value;if(!e)return;y=e.scrollTop,f.value=e.clientHeight;let t=e.ownerDocument.defaultView?.getComputedStyle(e),n=(Number.parseFloat(t?.paddingTop??``)||0)+(Number.parseFloat(t?.paddingBottom??``)||0);m.value=Math.max(0,e.clientHeight-n);let r=l.value;r&&(h.value=r.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop,U())}function q(e){let t=e.ownerDocument.documentElement.clientWidth;u.value=e.clientWidth,d.value=Math.min(Le,Math.max(Ie,t*.0075)),K()}function J(e){let t=e.currentTarget;t&&(y=t.scrollTop,te(),!a.loadMoreLocked&&a.infiniteScroll&&_(t)&&o(`loadMore`))}function Y(){let e=s.value;!a.loadMoreLocked&&e&&_(e)&&o(`loadMore`)}function ne(){return s.value}return(0,e.watch)(l,e=>{C?.disconnect(),C=null,O!==null&&cancelAnimationFrame(O),e&&(q(e),!(typeof ResizeObserver>`u`)&&(C=new ResizeObserver(([t])=>{let n=t?.contentRect.width??e.clientWidth;Math.abs(n-u.value)<.5||(O=requestAnimationFrame(()=>{O=null,q(e)}))}),C.observe(e)))}),(0,e.watch)(s,e=>{D?.disconnect(),D=null,e&&(K(),!(typeof ResizeObserver>`u`)&&(D=new ResizeObserver(K),D.observe(e)))}),(0,e.watch)([A,M,()=>a.suspended,()=>a.masonry],U,{flush:`post`}),(0,e.onBeforeUnmount)(()=>{C?.disconnect(),D?.disconnect(),O!==null&&cancelAnimationFrame(O),k!==null&&cancelAnimationFrame(k)}),n({getScrollElement:ne,loadIfNearBottom:Y}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ne,[(0,e.createElementVNode)(`main`,{id:c,ref_key:`galleryElement`,ref:s,class:(0,e.normalizeClass)([`gallery-shell masonry-feed`,{"masonry-feed--suspended":t.suspended}]),"data-layout-mode":`masonry`,"aria-hidden":t.suspended||void 0,inert:t.suspended||void 0,onScrollPassive:J},[(0,e.createElementVNode)(`section`,{ref_key:`masonryElement`,ref:l,class:(0,e.normalizeClass)([`masonry`,{"masonry--ready":u.value>0}]),style:(0,e.normalizeStyle)(I.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(z.value,({fetchPriority:n,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Me,{key:r.postId,class:`masonry-item`,entering:t.enteringPostIds.has(r.postId),leaving:t.leavingPostIds.has(r.postId),"fetch-priority":n,"card-footer":t.cardFooter,"card-header":t.cardHeader,"media-card":t.mediaCard,index:a,item:r,"item-style":G(a),interactive:``,layout:`masonry`,"loaded-count":t.items.length,"media-index":t.mediaIndices.get(r.postId)??0,"preview-state":t.previewStates.get((0,e.unref)(i)(r.postId,t.mediaIndices.get(r.postId)??0))??`loading`,total:t.total,onActivate:e=>o(`activate`,r.postId,e),onMediaChange:e=>o(`mediaChange`,r.postId,e),onReady:e=>o(`ready`,r.postId,e),onError:e=>o(`error`,r.postId,e)},null,8,[`entering`,`leaving`,`fetch-priority`,`card-footer`,`card-header`,`media-card`,`index`,`item`,`item-style`,`loaded-count`,`media-index`,`preview-state`,`total`,`onActivate`,`onMediaChange`,`onReady`,`onError`]))),128))],6)],42,Pe),t.feedFooter||t.isLoadingMore||t.nextPageError||t.hasNext&&L.value||!t.hasNext&&t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Fe,[(0,e.createVNode)(p,{actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":t.nextPageError,"has-next":t.hasNext,"is-loading":t.isLoadingMore,"load-more-locked":t.loadMoreLocked,"show-load-more":L.value,state:t.state,onLoadMore:r[0]||=e=>o(`loadMore`),onRetryEnd:r[1]||=e=>o(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`,`state`])])):(0,e.createCommentVNode)(``,!0),(0,e.createVNode)(P,{"content-size":M.value.height,"controls-id":c,"scroll-element":s.value,suspended:t.suspended},null,8,[`content-size`,`scroll-element`,`suspended`])]))}}),ze=300;function Be(e,t,n){let r=e.scrollTop;if(n||Math.abs(r-t)<=1)return e.scrollTop=t,Promise.resolve();e.setAttribute(`data-transitioning`,``);let i=performance.now(),a=0;return new Promise(n=>{let o=s=>{a+=1;let c=Math.max(s-i,1e3/60*a),l=Math.min(1,c/ze),u=1-(1-l)**3;if(e.scrollTop=r+(t-r)*u,l<1){requestAnimationFrame(o);return}e.removeAttribute(`data-transitioning`),e.scrollTop=t,n()};requestAnimationFrame(o)})}var Ve=[`aria-label`],He=(0,e.defineComponent)({__name:`ReelAutoAdvanceProgress`,props:{durationMs:{},label:{}},emits:[`complete`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>({"--vibe-reel-auto-advance-duration":`${r.durationMs}ms`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`reel-auto-advance`,"data-test":`reel-auto-advance`,role:`timer`,"aria-label":t.label},[(0,e.createElementVNode)(`span`,{class:`reel-auto-advance-progress`,style:(0,e.normalizeStyle)(a.value),onAnimationend:r[0]||=e=>i(`complete`)},null,36)],8,Ve))}}),Ue={class:`reel-viewport`},We=[`data-active-post-id`,`data-active-media-index`],Ge=[`role`,`data-status`],Ke=2,qe=300,Je=(0,e.defineComponent)({__name:`ReelFeed`,props:{initialPostId:{},mediaSource:{},reelAutoAdvance:{},reelForward:{default:()=>({error:null,status:`idle`})},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`retryForward`],setup(n,{expose:a,emit:o}){let s=n,c=o,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=s.initialPostId===null||s.initialPostId===void 0?-1:s.items.findIndex(e=>e.postId===s.initialPostId),f=(0,e.shallowRef)(Math.max(0,d)),m=(0,e.shallowRef)(!1),h=(0,e.shallowRef)(!1),g=0,v=null,y=null,b=null,x=(0,e.computed)(()=>({gridTemplateRows:`repeat(${s.items.length}, 100cqh)`})),S=(0,e.computed)(()=>{let e=Math.max(0,f.value-Ke),t=Math.min(s.items.length-1,f.value+Ke);return s.items.slice(e,t+1).map((t,n)=>({fetchPriority:e+n===f.value?`high`:`low`,index:e+n,item:t}))}),C=(0,e.computed)(()=>s.items[f.value]?.postId),w=(0,e.computed)(()=>s.items[f.value]),T=(0,e.computed)(()=>{let e=C.value;return e===void 0?0:s.mediaIndices.get(e)??0}),E=(0,e.computed)(()=>{let e=C.value;return e===void 0?`loading`:s.previewStates.get(i(e,T.value))??`loading`}),D=(0,e.computed)(()=>{let e=w.value;if(!e)return``;let t=r(e,T.value);return s.mediaSource===`original`?t.src:t.preview.src}),O=(0,e.computed)(()=>E.value===`ready`&&he(D.value)),k=(0,e.computed)(()=>[C.value,T.value,s.items.length,s.loadMoreLocked,s.reelAutoAdvance.enabled,s.reelAutoAdvance.includePostItems,s.reelAutoAdvance.intervalMs].join(`:`)),A=(0,e.computed)(()=>{let e=w.value,n=!!(e&&s.reelAutoAdvance.includePostItems&&T.value<t(e).length-1),r=s.reelAutoAdvance.intervalMs/1e3;return`Auto advance to the next ${n?`post item`:`post`} in ${r}s`}),j=(0,e.computed)(()=>s.reelAutoAdvance.enabled&&s.reelForward.status===`idle`&&w.value!==void 0&&E.value!==`loading`&&!O.value),M=(0,e.computed)(()=>!s.infiniteScroll||s.items.length<=1),N=(0,e.computed)(()=>s.reelForward.status===`loading`?`Loading the next media…`:s.reelForward.status===`error`?`Unable to load the next media.`:`You reached the end of this feed.`);function ee(e){return{gridRow:`${e+1}`}}function P(e){let t=g||e.clientHeight;return t<=0||s.items.length===0?0:Math.min(s.items.length-1,Math.max(0,Math.round(e.scrollTop/t)))}function F(e){let t=e.currentTarget;if(!t)return;let n=g||t.clientHeight,r=Math.max(0,s.items.length-1)*n;m.value=s.items.length>0&&t.scrollTop>r+1,h.value||(f.value=P(t)),!s.loadMoreLocked&&s.infiniteScroll&&_(t)&&c(`loadMore`)}function I(){let e=l.value;e&&(m.value=!1,z(!0),g=e.clientHeight,e.scrollTop=f.value*g,y!==null&&cancelAnimationFrame(y),y=requestAnimationFrame(()=>{e.scrollTop=f.value*e.clientHeight,g=e.clientHeight,y=null}),L())}function L(){b!==null&&clearTimeout(b),b=setTimeout(()=>{b=null;let e=l.value;e&&(g=e.clientHeight,e.scrollTop=f.value*g),z(!1)},120)}function R(){z(!0);let e=l.value;e&&(g=e.clientHeight,e.scrollTop=f.value*g),L()}function z(e){h.value=e,l.value?.toggleAttribute(`data-resizing`,e)}function B(){let e=l.value;!s.loadMoreLocked&&e&&_(e)&&c(`loadMore`)}function V(e){let n=w.value;if(!n)return!1;let r=t(n).length;if(r<=1)return!1;let i=(T.value+e+r)%r;return c(`mediaChange`,n.postId,i),!0}function H(e){let t=f.value+e;return!l.value||t<0||t>=s.items.length?!1:(G(t),!0)}function U(e,t){let n=s.items.findIndex(t=>t.postId===e),r=s.items[n];return!l.value||!r||t<0||t>r.items.length?!1:((s.mediaIndices.get(e)??0)!==t&&c(`mediaChange`,e,t),n!==f.value&&G(n),!0)}function te(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function W(e){let t=l.value;if(!t)return Promise.resolve();let n=e*(g||t.clientHeight);return f.value=e,Be(t,n,te())}function G(e){W(e)}async function K(e){let t=s.items.findIndex(t=>t.postId===e);return t<0||t===f.value?!1:(await W(t),!0)}async function q(e){return V(e)?(te()||await new Promise(e=>setTimeout(e,qe)),!0):!1}function J(){if(!s.reelAutoAdvance.enabled)return;let e=w.value;if(!e)return;if(s.reelAutoAdvance.includePostItems&&T.value<t(e).length-1){c(`mediaChange`,e.postId,T.value+1);return}let n=f.value+1,r=s.items[n];if(!r){s.hasNext&&!s.loadMoreLocked&&c(`loadMore`);return}s.reelAutoAdvance.includePostItems&&(s.mediaIndices.get(r.postId)??0)!==0&&c(`mediaChange`,r.postId,0),G(n)}function Y(e,t){!s.reelAutoAdvance.enabled||e!==C.value||t!==T.value||!O.value||J()}return(0,e.watch)(l,e=>{v?.disconnect(),v=null,e&&(g=e.clientHeight,!(typeof ResizeObserver>`u`)&&(v=new ResizeObserver(I),v.observe(e)))}),(0,e.watch)(()=>s.items.length,async t=>{let n=s.initialPostId,r=n==null?-1:s.items.findIndex(({postId:e})=>e===n);f.value=r>=0?r:Math.min(f.value,Math.max(0,t-1)),await(0,e.nextTick)(),I()}),(0,e.watch)(C,e=>{e!==void 0&&c(`activeChange`,e)},{immediate:!0}),(0,e.onMounted)(()=>{window.addEventListener(`resize`,R),window.addEventListener(`orientationchange`,R),d>=0&&(0,e.nextTick)(I)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,R),window.removeEventListener(`orientationchange`,R),v?.disconnect(),y!==null&&cancelAnimationFrame(y),b!==null&&clearTimeout(b)}),a({activeIndex:f,activePostId:C,changeActiveMedia:V,loadIfNearBottom:B,moveActivePost:H,navigateToItem:U,transitionActiveMedia:q,transitionActivePost:K}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:(0,e.normalizeClass)([`reel-shell`,{"reel-shell--has-footer":!!n.cardFooter,"reel-shell--has-header":!!n.cardHeader}]),"data-layout-mode":`reel`},[n.cardHeader&&w.value&&n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:0,index:f.value,item:w.value,layout:`reel`,"loaded-count":n.items.length,"media-index":T.value,"media-source":n.mediaSource,placement:`header`,region:n.cardHeader,style:(0,e.normalizeStyle)(n.mediaCard?.header),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,Ue,[(0,e.createElementVNode)(`div`,{ref_key:`galleryElement`,ref:l,class:`gallery-shell reel-feed`,"data-active-post-id":C.value,"data-active-media-index":T.value,onScrollPassive:F},[n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:1,class:`reel-track`,style:(0,e.normalizeStyle)(x.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(S.value,({fetchPriority:t,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Me,{key:r.postId,active:a===f.value&&!m.value,"advance-on-media-end":s.reelAutoAdvance.enabled&&a===f.value,class:`reel-item`,entering:!1,"fetch-priority":t,index:a,item:r,"item-style":ee(a),"media-card":n.mediaCard,layout:`reel`,"loaded-count":n.items.length,"media-index":n.mediaIndices.get(r.postId)??0,"media-source":n.mediaSource,"preview-state":n.previewStates.get((0,e.unref)(i)(r.postId,n.mediaIndices.get(r.postId)??0))??`loading`,"reel-controls-target":u.value,"stationary-reel-controls":``,total:n.total,onMediaChange:e=>c(`mediaChange`,r.postId,e),onEnded:e=>Y(r.postId,e),onReady:e=>c(`ready`,r.postId,e),onError:e=>c(`error`,r.postId,e)},null,8,[`active`,`advance-on-media-end`,`fetch-priority`,`index`,`item`,`item-style`,`media-card`,`loaded-count`,`media-index`,`media-source`,`preview-state`,`reel-controls-target`,`total`,`onMediaChange`,`onEnded`,`onReady`,`onError`]))),128))],4)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`reel-forward-status`,role:n.reelForward.status===`error`?`alert`:`status`,"data-status":n.reelForward.status},[(0,e.createElementVNode)(`p`,null,(0,e.toDisplayString)(N.value),1),n.reelForward.status===`error`||n.reelForward.status===`end`?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`reel-forward-retry`,type:`button`,onClick:r[0]||=e=>c(`retryForward`)},` Retry `)):(0,e.createCommentVNode)(``,!0)],8,Ge)),n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(p,{key:2,actions:n.feedFooterActions,"can-retry-end":n.canRetryEnd,"feed-footer":n.feedFooter,"has-error":n.nextPageError,"has-next":n.hasNext,"is-loading":n.isLoadingMore,"load-more-locked":n.loadMoreLocked,"show-load-more":M.value,state:n.state,onLoadMore:r[1]||=e=>c(`loadMore`),onRetryEnd:r[2]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`show-load-more`,`state`])):(0,e.createCommentVNode)(``,!0)],40,We),(0,e.createElementVNode)(`div`,{ref_key:`reelControlsElement`,ref:u,class:`reel-media-controls-host`,"data-test":`reel-media-controls-host`},null,512)]),n.cardFooter&&w.value&&n.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(ie,{key:1,index:f.value,item:w.value,layout:`reel`,"loaded-count":n.items.length,"media-index":T.value,"media-source":n.mediaSource,placement:`footer`,region:n.cardFooter,style:(0,e.normalizeStyle)(n.mediaCard?.footer),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),j.value?((0,e.openBlock)(),(0,e.createBlock)(He,{key:k.value,"duration-ms":n.reelAutoAdvance.intervalMs,label:A.value,onComplete:J},null,8,[`duration-ms`,`label`])):(0,e.createCommentVNode)(``,!0)],2))}}),Ye=[`data-info-sheet-open`,`data-info-sheet-mode`],Xe=[`aria-hidden`,`inert`],Ze={key:0,class:`reel-info-sheet-layer`,"data-test":`reel-info-sheet`},Qe=[`role`,`aria-modal`,`tabindex`,`data-active-post-id`],$e=(0,e.defineComponent)({__name:`ReelLayout`,props:{forwardIndex:{default:null},forwardItem:{default:null},infoSheet:{},infoSheetEnabled:{type:Boolean},infoSheetOverlay:{type:Boolean},origin:{},initialPostId:{},mediaSource:{},reelAutoAdvance:{},reelForward:{default:()=>({error:null,status:`idle`})},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`closeInfoSheet`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`,`retryForward`],setup(n,{expose:i,emit:a}){let o=n,s=a,c=(0,e.shallowRef)(null),l=(0,e.shallowRef)(null),u=null,d=(0,e.computed)(()=>{let e=o.initialPostId===null||o.initialPostId===void 0?-1:o.items.findIndex(e=>e.postId===o.initialPostId);return Math.max(0,e)}),f=(0,e.computed)(()=>o.items[d.value]),p=(0,e.computed)(()=>f.value??(o.reelForward.status===`idle`?void 0:o.forwardItem??void 0)),m=(0,e.computed)(()=>f.value?d.value:o.forwardIndex??0),h=(0,e.computed)(()=>{let e=p.value?.postId;return e===void 0?0:o.mediaIndices.get(e)??0}),g=(0,e.computed)(()=>!!(o.infoSheet&&o.infoSheetEnabled&&p.value)),_=(0,e.computed)(()=>{let e=p.value;return e?{close:v,index:m.value,item:e,layout:`reel`,loadedCount:o.items.length,mediaCount:t(e).length,mediaIndex:h.value,mediaItem:r(e,h.value),mediaSource:o.mediaSource??`preview`,origin:o.origin,total:o.total}:null});function v(){s(`closeInfoSheet`)}function y(e){return c.value?.changeActiveMedia(e)??!1}function b(){c.value?.loadIfNearBottom()}function x(e){return c.value?.moveActivePost(e)??!1}function S(e,t){return c.value?.navigateToItem(e,t)??!1}function C(e){return c.value?.transitionActiveMedia(e)??Promise.resolve(!1)}function w(e){return c.value?.transitionActivePost(e)??Promise.resolve(!1)}function T(e,t){s(`error`,e,t)}function E(e,t){s(`mediaChange`,e,t)}function D(e,t){s(`ready`,e,t)}return(0,e.watch)(()=>({overlay:o.infoSheetOverlay,visible:g.value}),async(t,n)=>{if(t.visible&&!n?.visible){u=document.activeElement instanceof HTMLElement?document.activeElement:null,t.overlay&&(await(0,e.nextTick)(),l.value?.focus({preventScroll:!0}));return}if(!t.visible&&n?.visible&&u?.isConnected){let t=u;u=null,await(0,e.nextTick)(),t.focus({preventScroll:!0})}}),(0,e.onBeforeUnmount)(()=>{u=null}),i({changeActiveMedia:y,loadIfNearBottom:b,moveActivePost:x,navigateToItem:S,transitionActiveMedia:C,transitionActivePost:w}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{class:(0,e.normalizeClass)([`reel-layout`,`reel-layout--${n.infoSheetOverlay?`overlay`:`layout`}`]),"data-info-sheet-open":g.value||void 0,"data-info-sheet-mode":n.infoSheetOverlay?`overlay`:`layout`},[(0,e.createElementVNode)(`div`,{class:`reel-layout-main`,"aria-hidden":n.infoSheetOverlay&&g.value||void 0,inert:n.infoSheetOverlay&&g.value||void 0},[(0,e.createVNode)(Je,{ref_key:`reelFeed`,ref:c,"can-retry-end":n.canRetryEnd,"card-footer":n.cardFooter,"card-header":n.cardHeader,"feed-footer":n.feedFooter,"feed-footer-actions":n.feedFooterActions,"media-card":n.mediaCard,"has-next":n.hasNext,"infinite-scroll":n.infiniteScroll,"initial-post-id":n.initialPostId,"is-loading-more":n.isLoadingMore,items:n.items,"load-more-locked":n.loadMoreLocked,"media-indices":n.mediaIndices,"media-source":n.mediaSource,"next-page-error":n.nextPageError,"preview-states":n.previewStates,"reel-auto-advance":n.reelAutoAdvance,"reel-forward":n.reelForward,state:n.state,total:n.total,onActiveChange:r[0]||=e=>s(`activeChange`,e),onError:T,onLoadMore:r[1]||=e=>s(`loadMore`),onMediaChange:E,onReady:D,onRetryEnd:r[2]||=e=>s(`retryEnd`),onRetryForward:r[3]||=e=>s(`retryForward`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`media-source`,`next-page-error`,`preview-states`,`reel-auto-advance`,`reel-forward`,`state`,`total`])],8,Xe),(0,e.createVNode)(e.Transition,{name:`vibe-info-sheet`},{default:(0,e.withCtx)(()=>[g.value&&n.infoSheet&&_.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ze,[(0,e.createElementVNode)(`aside`,{ref_key:`sheetElement`,ref:l,class:`reel-info-sheet`,role:n.infoSheetOverlay?`dialog`:`complementary`,"aria-label":`Reel information`,"aria-modal":n.infoSheetOverlay?`true`:void 0,tabindex:n.infoSheetOverlay?-1:void 0,"data-active-post-id":p.value?.postId},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(n.infoSheet.component),(0,e.normalizeProps)((0,e.guardReactiveProps)(_.value)),null,16))],8,Qe)])):(0,e.createCommentVNode)(``,!0)]),_:1})],10,Ye))}});function et(e,t,i,a,o){let s=e.items.findIndex(e=>e.postId===t),c=e.items[s];if(!c)return null;let l=n(c,i),u=r(c,l);return{item:c,layout:a,media:u,mediaId:u.mediaId??null,mediaIndex:l,origin:o,phoneMode:e.phoneMode,postId:c.postId,postIndex:s}}function tt(t,n){(0,e.watch)(()=>{let e=t.layout===`reel`||t.reelOrigin===`masonry`?t.activeReelPostId:null;return{mediaIndex:e===null?0:t.mediaIndices.get(e)??0,origin:t.reelOrigin??`reel`,postId:e}},(e,r)=>{if(e.postId===null||e.postId===r?.postId&&e.mediaIndex===r.mediaIndex&&e.origin===r.origin)return;let i=et(t,e.postId,e.mediaIndex,`reel`,e.origin);i&&n(i)},{flush:`sync`})}function nt(t,n){let r=(0,e.shallowRef)(new Map),a=(0,e.shallowRef)(new Map),o=(0,e.computed)(()=>t.reelMediaSource===`original`?a.value:r.value);function s(e,t,n,r){let a=i(t,n);e.value.get(a)!==r&&(e.value=new Map(e.value).set(a,r))}function c(e,n,r,i){return et(t,e,n,r,i)}function l(e,t,r,i){let a=c(e,t,r,i);a&&n.ready(a)}function u(e,t){s(r,e,t,`error`)}function d(e,t){s(r,e,t,`ready`),l(e,t,`masonry`,null)}function f(e,n){s(t.reelMediaSource===`original`?a:r,e,n,`error`)}function p(e,n){s(t.reelMediaSource===`original`?a:r,e,n,`ready`),l(e,n,`reel`,t.reelOrigin??`reel`)}function m(e,t){let r=c(e,t,`masonry`,null);r&&n.visible(r)}return tt(t,n.reelChange),(0,e.watch)(()=>{let e=t.layout===`reel`||t.reelOrigin===`masonry`?t.activeReelPostId:null,n=e===null?0:t.mediaIndices.get(e)??0;return{mediaIndex:n,origin:t.reelOrigin??`reel`,postId:e,ready:e!==null&&o.value.get(i(e,n))===`ready`}},(e,t)=>{if(e.postId===null||!e.ready||t?.ready&&t.postId===e.postId&&t.mediaIndex===e.mediaIndex&&t.origin===e.origin)return;let r=c(e.postId,e.mediaIndex,`reel`,e.origin);r&&n.visible(r)},{flush:`post`}),{markMasonryVisible:m,markPreviewError:u,markPreviewReady:d,markReelError:f,markReelReady:p,originalStates:a,previewStates:r,reelStates:o}}var rt=[];function it(e){return rt.push(e),()=>{let t=rt.indexOf(e);t>=0&&rt.splice(t,1)}}function at(e){if(!e.isActive())return!1;let t=rt.filter(e=>e.isActive()),n=e.element();return n!==null&&t.some(t=>{if(t===e)return!1;let r=t.element();return r!==null&&n.contains(r)})?!1:t.filter(e=>{let n=e.element();return n===null||!t.some(t=>{if(t===e)return!1;let r=t.element();return r!==null&&n.contains(r)})}).at(-1)===e}function ot(t){let n={element:t.element,isActive:()=>t.state.layout===`reel`||t.state.reelOrigin===`masonry`},r=null;function i(e){let r=n.isActive();if(e.key===`Escape`&&r&&!at(n))return;if(e.key===`Escape`&&t.state.reelOrigin===`masonry`){e.preventDefault(),t.state.reelInfoSheetOverlay&&t.state.reelInfoSheet.enabled&&t.setReelInfoSheet(!1),t.closeMasonryReel();return}if(e.key===`Escape`&&r&&t.state.reelInfoSheet.enabled){e.preventDefault(),t.setReelInfoSheet(!1);return}if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||t.isReelLeaving()||!r)return;let i=e.target;if(i instanceof HTMLElement&&(i.isContentEditable||[`INPUT`,`SELECT`,`TEXTAREA`].includes(i.tagName)))return;let a=e.key===`ArrowLeft`?-1:e.key===`ArrowRight`?1:0;a!==0&&t.reelRenderer()?.changeActiveMedia?.(a)&&e.preventDefault()}(0,e.onMounted)(()=>{r=it(n),window.addEventListener(`keydown`,i)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,i),r?.(),r=null})}var st=35,ct=420,lt=(0,e.defineComponent)({__name:`VibeSurface`,props:{canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},mediaCard:{},masonry:{},reelInfoSheet:{},state:{}},emits:[`activeReelChange`,`closeReel`,`loadMore`,`mediaReady`,`mediaVisible`,`openReel`,`reelMediaChange`,`reelInfoSheetChange`,`retryEnd`,`retryForward`],setup(r,{expose:i,emit:a}){let s=r,c=a,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=(0,e.shallowRef)(null),f=(0,e.shallowRef)(null),p=(0,e.shallowRef)({}),m=(0,e.shallowRef)(!1),h=(0,e.shallowRef)(new Set),_=(0,e.shallowRef)(new Map),v=(0,e.shallowRef)(new Set),y=(0,e.shallowRef)(new Map),b=(0,e.computed)(()=>Object.freeze([...s.state.items])),x=(0,e.computed)(()=>o(s.state,b.value)),{markMasonryVisible:S,markPreviewError:C,markPreviewReady:w,markReelError:T,markReelReady:E,originalStates:D,previewStates:O,reelStates:k}=nt(s.state,{ready:e=>c(`mediaReady`,e),reelChange:e=>c(`reelMediaChange`,e),visible:e=>c(`mediaVisible`,e)}),A=new Set(s.state.items.map(e=>e.postId)),j=null,M=null,N=!1;function ee(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function P(){j!==null&&cancelAnimationFrame(j),j=requestAnimationFrame(()=>{j=requestAnimationFrame(()=>{j=null,h.value=new Set})})}function F(e,t){let r=s.state.items.find(t=>t.postId===e);if(!r)return;let i=n(r,t);(s.state.mediaIndices.get(e)??0)!==i&&(s.state.mediaIndices=new Map(s.state.mediaIndices).set(e,i))}async function I(){await(0,e.nextTick)(),(s.state.layout===`reel`||s.state.reelOrigin===`masonry`?u.value:l.value)?.loadIfNearBottom()}function L(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.changeActiveMedia?.(e)??!1}function R(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.moveActivePost?.(e)??!1}function z(e){if(!(s.state.layout===`reel`||s.state.reelOrigin===`masonry`)||s.state.isLoading)return`reel-inactive`;let n=s.state.items.find(t=>t.postId===e.postId);if(!n)return`not-found`;let r=t(n).findIndex(t=>t.mediaId===e.mediaId);return r<0?`not-found`:u.value?.navigateToItem?.(e.postId,r)?`navigated`:`reel-inactive`}function B(){return s.state.layout!==`masonry`||s.state.reelOrigin===`masonry`?null:l.value?.getScrollElement?.()??null}function V(t,n){M=t,N=n===`keyboard`,p.value=W(t),c(`openReel`,t),(0,e.nextTick)(()=>d.value?.focus())}function H(e){let t=f.value?.querySelectorAll(`.masonry-feed [data-post-id]`)??[];return Array.from(t).find(t=>t.dataset.postId===String(e))??null}function U(e,t){if(s.state.layout!==`masonry`||s.state.reelOrigin!==null||ee())return 0;let n=[...new Set(e)],r=n.filter(H);if(r.length===0)return 0;let i=new Map(y.value),a=t?.staggerMs??st;return r.forEach((e,t)=>{i.set(e,t*a)}),h.value=new Set([...h.value].filter(e=>!r.includes(e))),v.value=new Set([...v.value,...n]),y.value=i,ct+(r.length-1)*a}function te(e,t){let n=H(e),r=n?.querySelector(`.media-card-activator`)??n;r&&(r.classList.toggle(`media-card-focus-silent`,!t),t||r.addEventListener(`blur`,()=>{r.classList.remove(`media-card-focus-silent`)},{once:!0}),r?.focus({preventScroll:!0}))}function W(e){let t=f.value,n=H(e);if(t===null||n===null)return{};let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{"--vibe-reel-origin-top":`${Math.max(0,i.top-r.top)}px`,"--vibe-reel-origin-right":`${Math.max(0,r.right-i.right)}px`,"--vibe-reel-origin-bottom":`${Math.max(0,r.bottom-i.bottom)}px`,"--vibe-reel-origin-left":`${Math.max(0,i.left-r.left)}px`}}function G(){s.state.reelOrigin===`masonry`&&(M??=s.state.activeReelPostId,m.value=!0,c(`closeReel`))}function K(){let t=M,n=N;m.value=!1,M=null,N=!1,p.value={},(0,e.nextTick)(()=>{t!==null&&te(t,n)})}return ot({closeMasonryReel:G,element:()=>f.value,isReelLeaving:()=>m.value,reelRenderer:()=>u.value,setReelInfoSheet:e=>c(`reelInfoSheetChange`,e),state:s.state}),(0,e.watch)(()=>s.state.items.map(e=>e.postId),e=>{let t=e.filter(e=>!A.has(e)),n=new Set(e);if(A=new Set(e),v.value=new Set([...v.value].filter(e=>n.has(e))),y.value=new Map([...y.value].filter(([e])=>n.has(e))),t.length===0||ee())return;let r=new Map;e.forEach(e=>{let t=_.value.get(e);t!==void 0&&r.set(e,t)}),t.forEach((e,t)=>{r.set(e,t*st)}),_.value=r,h.value=new Set([...h.value,...t]),P()},{flush:`sync`}),(0,e.onBeforeUnmount)(()=>{j!==null&&cancelAnimationFrame(j)}),i({changeActiveReelMedia:L,getAutoScrollElement:B,loadIfNearBottom:I,moveActiveReelPost:R,navigateToReelItem:z,startItemRemoval:U,transitionActiveReelMedia:e=>u.value?.transitionActiveMedia?.(e)??Promise.resolve(!1),transitionActiveReelPost:e=>u.value?.transitionActivePost?.(e)??Promise.resolve(!1)}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`surfaceElement`,ref:f,class:`vibe-surface`},[r.state.layout===`reel`&&(r.state.items.length>0||r.state.reelForward.status!==`idle`)?((0,e.openBlock)(),(0,e.createBlock)($e,{key:0,ref_key:`reelRenderer`,ref:u,"can-retry-end":r.canRetryEnd,"has-next":r.state.next!==null,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"forward-index":r.state.reelForwardIndex,"forward-item":r.state.reelForwardItem,"media-card":r.mediaCard,"infinite-scroll":r.state.infiniteScroll,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-source":r.state.reelMediaSource,"media-indices":r.state.mediaIndices,"initial-post-id":r.state.activeReelPostId,"info-sheet":r.reelInfoSheet,"info-sheet-enabled":r.state.reelInfoSheet.enabled,"info-sheet-overlay":r.state.reelInfoSheetOverlay,"next-page-error":!!r.state.nextPageError,origin:`reel`,"preview-states":(0,e.unref)(k),"reel-auto-advance":r.state.reelAutoAdvance,"reel-forward":r.state.reelForward,state:x.value,total:r.state.total,onActiveChange:n[0]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:n[1]||=e=>c(`reelInfoSheetChange`,!1),onError:(0,e.unref)(T),onLoadMore:n[2]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(E),onRetryEnd:n[3]||=e=>c(`retryEnd`),onRetryForward:n[4]||=e=>c(`retryForward`)},null,8,`can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-forward.state.total.onError.onReady`.split(`.`))):r.state.error||r.state.isLoading||r.state.items.length===0&&r.state.reelForward.status===`idle`?((0,e.openBlock)(),(0,e.createBlock)(g,{key:1,actions:r.feedFooterActions,"can-retry-end":r.canRetryEnd,"feed-footer":r.feedFooter,state:x.value,onLoadMore:n[5]||=e=>c(`loadMore`),onRetryEnd:n[6]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`state`])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(Re,{ref_key:`masonryRenderer`,ref:l,"can-retry-end":r.canRetryEnd,"entering-post-ids":h.value,"entry-delays":_.value,"leaving-post-ids":v.value,"removal-delays":y.value,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"media-card":r.mediaCard,masonry:r.masonry,"has-next":r.state.next!==null,"infinite-scroll":r.state.infiniteScroll,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-indices":r.state.mediaIndices,"next-page-error":!!r.state.nextPageError,"preview-states":(0,e.unref)(O),suspended:r.state.reelOrigin===`masonry`||m.value,state:x.value,total:r.state.total,onActivate:V,onError:(0,e.unref)(C),onLoadMore:n[7]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(w),onRetryEnd:n[8]||=e=>c(`retryEnd`),onVisible:(0,e.unref)(S)},null,8,[`can-retry-end`,`entering-post-ids`,`entry-delays`,`leaving-post-ids`,`removal-delays`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`masonry`,`has-next`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`suspended`,`state`,`total`,`onError`,`onReady`,`onVisible`]),(0,e.createVNode)(e.Transition,{name:`vibe-reel-viewer`,onAfterLeave:K},{default:(0,e.withCtx)(()=>[r.state.reelOrigin===`masonry`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,ref_key:`reelOverlay`,ref:d,class:`vibe-reel-overlay`,role:`dialog`,"aria-label":`Media viewer`,"aria-modal":`true`,tabindex:`-1`,style:(0,e.normalizeStyle)(p.value)},[(0,e.createVNode)($e,{ref_key:`reelRenderer`,ref:u,"can-retry-end":r.canRetryEnd,"card-footer":r.cardFooter,"card-header":r.cardHeader,"feed-footer":r.feedFooter,"feed-footer-actions":r.feedFooterActions,"forward-index":r.state.reelForwardIndex,"forward-item":r.state.reelForwardItem,"media-card":r.mediaCard,"has-next":r.state.next!==null,"infinite-scroll":r.state.infiniteScroll,"initial-post-id":r.state.activeReelPostId,"info-sheet":r.reelInfoSheet,"info-sheet-enabled":r.state.reelInfoSheet.enabled,"info-sheet-overlay":r.state.reelInfoSheetOverlay,"is-loading-more":r.state.isLoadingMore,items:r.state.items,"load-more-locked":r.state.loadMoreLocked,"media-indices":r.state.mediaIndices,"media-source":`original`,"next-page-error":!!r.state.nextPageError,origin:`masonry`,"preview-states":(0,e.unref)(D),"reel-auto-advance":r.state.reelAutoAdvance,"reel-forward":r.state.reelForward,state:x.value,total:r.state.total,onActiveChange:n[9]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:n[10]||=e=>c(`reelInfoSheetChange`,!1),onError:(0,e.unref)(T),onLoadMore:n[11]||=e=>c(`loadMore`),onMediaChange:F,onReady:(0,e.unref)(E),onRetryEnd:n[12]||=e=>c(`retryEnd`),onRetryForward:n[13]||=e=>c(`retryForward`)},null,8,`can-retry-end.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.has-next.infinite-scroll.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.is-loading-more.items.load-more-locked.media-indices.next-page-error.preview-states.reel-auto-advance.reel-forward.state.total.onError.onReady`.split(`.`))],4)):(0,e.createCommentVNode)(``,!0)]),_:1})],64))],512))}});function ut(e){if(!e||typeof e!=`object`||!Array.isArray(e.items))throw TypeError(`Vibe loadPage must resolve to a page with an items array.`);if(e.current!==void 0&&e.current!==null&&typeof e.current!=`string`&&typeof e.current!=`number`)throw TypeError(`Vibe page current must be a string, number, null, or undefined.`);if(e.next!==null&&typeof e.next!=`string`&&typeof e.next!=`number`)throw TypeError(`Vibe page next must be a string, number, or null.`);if(e.total!==void 0&&(!Number.isFinite(e.total)||e.total<0))throw TypeError(`Vibe page total must be a non-negative number when provided.`);return e}function X(e,t){let n=new Set(e.map(e=>e.postId));return[...e,...t.filter(e=>n.has(e.postId)?!1:(n.add(e.postId),!0))]}var dt=2e3,ft=1e4,pt=250,mt={delayRemainingMs:null,nextRequestAt:null};function ht(e,t){return e===void 0?t:Math.floor(e)}function gt(e,t){for(let[n,r]of[[`delayStepMs`,e.delayStepMs],[`delayMaxMs`,e.delayMaxMs]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe ${t} ${n} must be a non-negative number.`)}function _t(e,t={}){let n=ht(t.delayStepMs,dt),r=ht(t.delayMaxMs,ft);return Math.min(Math.max(0,e)*n,r)}function Z(e){if(e==null||!Number.isFinite(e))return{...mt};let t=Math.max(0,Math.floor(e-Date.now()));return t>0?{delayRemainingMs:t,nextRequestAt:e}:{...mt}}async function vt({delayMs:e,onChange:t,signal:n}){if(n.aborted)throw new DOMException(`Aborted`,`AbortError`);if(e<=0){t({...mt});return}let r=Date.now()+e;t({delayRemainingMs:e,nextRequestAt:r}),await new Promise((i,a)=>{let o=!1,s=setInterval(f,pt),c=setTimeout(()=>u(),e);function l(){clearInterval(s),clearTimeout(c),n.removeEventListener(`abort`,d),t({...mt})}function u(e){o||(o=!0,l(),e?a(e):i())}function d(){u(new DOMException(`Aborted`,`AbortError`))}function f(){let e=Z(r);t(e),e.delayRemainingMs===null&&u()}n.addEventListener(`abort`,d,{once:!0})})}var yt=class{interval=null;constructor(e){this.onChange=e}clear(){this.interval!==null&&clearInterval(this.interval),this.interval=null,this.onChange({...mt})}sync(e){this.clear();let t=Z(e);this.onChange(t),t.delayRemainingMs!==null&&(this.interval=setInterval(()=>{let t=Z(e);this.onChange(t),t.delayRemainingMs===null&&this.clear()},pt))}};function bt(e,t=!0){return e.maxAdditionalPages===`unlimited`?1/0:(e.maxAdditionalPages??10)+(t?1:0)}function xt(e){return`${typeof e}:${String(e)}`}function St(e,t){if(!Number.isInteger(e)||e<=0)throw TypeError(`Vibe ${t} must be a positive integer.`)}function Ct(e){if(!e)return;if(St(e.pageSize,`autofill pageSize`),e.strategy===`frontend`){gt(e,`frontend autofill`);let t=e.maxAdditionalPages;if(t!==void 0&&t!==`unlimited`&&(!Number.isInteger(t)||t<0))throw TypeError(`Vibe autofill maxAdditionalPages must be a non-negative integer or "unlimited".`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend autofill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend autofill initialSession feedKey must match autofill feedKey.`);if(t.pageSize!==e.pageSize)throw TypeError(`Vibe backend autofill initialSession pageSize must match autofill pageSize.`)}}function wt(e,t,n=!0){if(!e)return{cycleId:null,delayRemainingMs:null,enabled:!1,error:null,feedKey:null,missing:0,nextRequestAt:null,pageSize:null,received:0,requests:0,sequence:0,sessionId:null,status:`idle`,strategy:null};let r=e.strategy===`backend`?t??(n?e.initialSession:void 0):void 0,i=r?.received??0,a=Z(r?.nextRequestAt);return{cycleId:r?.cycleId??null,...a,enabled:!0,error:r?.error??null,feedKey:e.strategy===`backend`?e.feedKey:null,missing:Math.max(0,e.pageSize-i),pageSize:e.pageSize,received:i,requests:r?.requests??0,sequence:r?.sequence??0,sessionId:r?.sessionId??null,status:r?r.status:`idle`,strategy:e.strategy}}function Q(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Tt(e,t,n){let r=t.autofill;if(!Q(r)||!r.cycleId)return;let i={cycleId:r.cycleId,feedKey:r.feedKey??``,sessionId:r.sessionId};n(),r.status=`cancelling`;try{e?.strategy===`backend`&&await e.onCancel(i),r.error=null,r.status=`cancelled`}catch(e){throw r.error=e,r.status=`error`,e}}function Et(e,t,n){return e?.strategy===`backend`&&t.feedKey===e.feedKey&&t.sessionId===n.sessionId}async function Dt({existingItems:e,initialCursor:t,loadPage:n,maximumRequests:r,onCollection:i,onDelayChange:a,onProgress:o,options:s,receivedOffset:c=0,requestOffset:l=0,shouldPause:u=()=>!1,signal:d}){let f=[],p=[...e],m=new Set,h=r??bt(s),g=t,_=t,v=t,y=0,b=[],x;for(;y<h;){let e=xt(g);if(m.has(e))throw Error(`Vibe autofill received a repeated cursor.`);if(m.add(e),await vt({delayMs:_t(l+y,s),onChange:a,signal:d}),y>0&&u())return{items:f,lastCursor:_,missing:Math.max(0,s.pageSize-c-f.length),next:v,pages:b,received:c+f.length,requests:l+y,status:`paused`,total:x};let t=ut(await n({cursor:g,signal:d}));y+=1,_=g;let r=X(p,t.items).slice(p.length);b.push({contributionIds:r.map(({postId:e})=>e),cursor:g,next:t.next,returnedIds:t.items.map(({postId:e})=>e)}),p.push(...r),f.push(...r),v=t.next,t.total!==void 0&&(x=t.total);let h={missing:Math.max(0,s.pageSize-c-f.length),next:v,received:c+f.length,requests:l+y};o(h);let S={...h,items:[...f],lastCursor:_,pages:[...b],total:x};if(i(S),h.missing===0)return{...S,pages:b,status:`complete`};if(v===null)return{...S,pages:b,status:`exhausted`};if(u())return{...S,pages:b,status:`paused`};g=v}return{items:f,lastCursor:_,missing:Math.max(0,s.pageSize-c-f.length),next:v,pages:b,received:c+f.length,requests:l+y,status:`exhausted`,total:x}}var Ot=class{collection=null;cycle=0;delayCountdown;constructor(e){this.context=e,this.delayCountdown=new yt(t=>Object.assign(e.state.autofill,t)),this.syncCountdown()}beginCycle(){let{options:e,state:t}=this.context;if(!e)return``;this.clear();let n=`vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;return t.autofill={...wt(e,void 0,!1),cycleId:n,status:`filling`},n}async cancel(){let{cancelRequest:e,options:t,state:n}=this.context;await Tt(t,n,e),this.commitCollection()}captureCollection(e,t){t&&(this.collection=e)}clear(){this.delayCountdown.clear(),this.collection=null}clearCountdown(){this.delayCountdown.clear()}clearCollection(){this.collection=null}syncCountdown(){let{autofill:e}=this.context.state;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}commitCollection(){let{onLastCursor:e,options:t,state:n}=this.context;if(t?.strategy!==`frontend`)return!1;let r=this.collection;return this.collection=null,r?(n.items=X(n.items,r.items),e(r.lastCursor),this.context.onPages(r.pages),n.next=r.next,r.total!==void 0&&(n.total=r.total),Object.assign(n.autofill,{missing:r.missing,received:r.received,requests:r.requests}),!0):!1}},kt=100;function At(e,t){if(!Number.isFinite(t)||t<=0)throw TypeError(`Vibe ${e} must be a positive number.`)}function jt(e,t,n){return Math.min(n,Math.max(t,e))}function Mt(e){if(!e)return;let t=e.minSpeedPxPerSecond??20,n=e.maxSpeedPxPerSecond??240;if(At(`autoScroll.minSpeedPxPerSecond`,t),At(`autoScroll.maxSpeedPxPerSecond`,n),t>n)throw TypeError(`Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.`);e.speedPxPerSecond!==void 0&&At(`autoScroll.speedPxPerSecond`,e.speedPxPerSecond)}function Nt(e){let t=e?.minSpeedPxPerSecond??20,n=e?.maxSpeedPxPerSecond??240;return{enabled:e?.enabled??!1,maxSpeedPxPerSecond:n,minSpeedPxPerSecond:t,paused:!1,speedPxPerSecond:jt(e?.speedPxPerSecond??80,t,n)}}var Pt=class{frame=null;lastTimestamp=null;mounted=!1;constructor(e){this.options=e}mount(){this.mounted=!0,this.schedule()}destroy(){this.mounted=!1,this.cancelFrame()}setEnabled(e,t){t!==void 0&&this.setSpeed(t),this.options.state.enabled=e,this.options.state.paused=!1,this.lastTimestamp=null,e?this.schedule():this.cancelFrame()}setPaused(e){this.options.state.enabled&&(this.options.state.paused=e,this.lastTimestamp=null,e?this.cancelFrame():this.schedule())}setSpeed(e){At(`auto-scroll speed`,e);let t=this.options.state;t.speedPxPerSecond=jt(e,t.minSpeedPxPerSecond,t.maxSpeedPxPerSecond)}tick=e=>{this.frame=null;let t=this.options.state;if(!this.mounted||!t.enabled)return;let n=t.paused?null:this.options.getScrollElement();if(!n){this.lastTimestamp=null,this.schedule();return}if(this.lastTimestamp!==null){let r=Math.min(kt,Math.max(0,e-this.lastTimestamp)),i=Math.max(0,n.scrollHeight-n.clientHeight);n.scrollTop=Math.min(i,n.scrollTop+t.speedPxPerSecond*r/1e3)}this.lastTimestamp=e,this.schedule()};schedule(){!this.mounted||!this.options.state.enabled||this.frame!==null||typeof requestAnimationFrame==`function`&&(this.frame=requestAnimationFrame(this.tick))}cancelFrame(){this.frame!==null&&typeof cancelAnimationFrame==`function`&&cancelAnimationFrame(this.frame),this.frame=null,this.lastTimestamp=null}};async function Ft(e,t,n,r){let i=await e.onUnderfilled(n);if(!r())return;if(!i.sessionId.trim())throw TypeError(`Vibe backend autofill requires a sessionId.`);let a=Math.max(n.received,i.received??n.received);Object.assign(t.autofill,{...Z(i.nextRequestAt),missing:Math.max(0,e.pageSize-a),received:a,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}function It(e,t){[`complete`,`exhausted`].includes(t.status)&&t.items&&(e.items=X(e.items,t.items)),t.next!==void 0&&(e.next=t.next),t.total!==void 0&&(e.total=t.total)}function Lt(e,t,n){let r=t.autofill;return!Et(e,n,r)||n.sequence<=r.sequence||[`cancelled`,`cancelling`].includes(r.status)||[`complete`,`exhausted`].includes(n.status)&&n.next===void 0?!1:(It(t,n),Object.assign(r,Z(n.status===`waiting`?n.nextRequestAt:null)),r.error=n.error??null,r.missing=Math.max(0,(r.pageSize??0)-n.received),r.received=n.received,n.requests!==void 0&&(r.requests=n.requests),r.sequence=n.sequence,r.status=n.status,!0)}function Rt(e,t,n){return e?.strategy!==`backend`||n.feedKey!==e.feedKey||n.pageSize!==e.pageSize?!1:(t.autofill=wt(e,n),It(t,n),!0)}async function zt({cycleId:e,isCurrent:t,onCollection:n,onLastCursor:r,onPages:i,options:a,signal:o,state:s}){let c=a.autofill;if(!c)return;let l=s.items.length;if(Object.assign(s.autofill,{missing:Math.max(0,c.pageSize-l),received:l,requests:1}),l>=c.pageSize){s.autofill.status=`complete`;return}if(c.strategy===`backend`){await Ft(c,s,{cycleId:e,feedKey:c.feedKey,items:[...s.items],missing:c.pageSize-l,next:s.next,pageSize:c.pageSize,received:l,signal:o,total:s.total},t);return}if(!a.loadPage||s.next===null){s.autofill.status=`exhausted`;return}let u=await Dt({existingItems:s.items,initialCursor:s.next,loadPage:a.loadPage,maximumRequests:bt(c,!1),onCollection:n,onDelayChange:e=>{t()&&Object.assign(s.autofill,e)},onProgress:e=>{t()&&Object.assign(s.autofill,e,{status:`filling`})},options:c,receivedOffset:l,requestOffset:1,shouldPause:()=>s.loadMoreLocked,signal:o});t()&&(s.items=X(s.items,u.items),s.next=u.next,u.total!==void 0&&(s.total=u.total),r(u.lastCursor),i(u.pages),Object.assign(s.autofill,{missing:u.missing,received:u.received,requests:u.requests,status:u.status}))}function Bt(e){return`pages`in e?{pages:e.pages}:{until:`end`}}function Vt(e){return`${typeof e}:${String(e)}`}function Ht(e){if(!e||typeof e!=`object`)throw TypeError(`Vibe fill target must be an object.`);if(`pages`in e){if(!Number.isInteger(e.pages)||e.pages<=0)throw TypeError(`Vibe fill pages must be a positive integer.`);return{pages:e.pages}}if(`until`in e&&e.until===`end`)return{until:`end`};throw TypeError(`Vibe fill target must be { pages } or { until: 'end' }.`)}function Ut(e){if(!e)return;if(e.strategy===`frontend`){gt(e,`frontend fill`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend fill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend fill initialSession feedKey must match fill feedKey.`);Ht(t.target)}}function Wt(e,t,n=!0){let r=e?.strategy===`backend`&&n?e.initialSession:void 0,i=t??r,a=Z(i?.nextRequestAt);return{completedPages:i?.completedPages??0,cycleId:i?.cycleId??null,...a,enabled:!!e,error:i?.error??null,feedKey:e?.strategy===`backend`?e.feedKey:null,received:i?.received??0,sequence:i?.sequence??0,sessionId:i?.sessionId??null,status:i?.status??`idle`,strategy:e?.strategy??null,target:i?Bt(i.target):null}}function Gt(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Kt({existingItems:e,initialCursor:t,loadPage:n,onCollection:r=()=>void 0,onDelayChange:i,onProgress:a,options:o,shouldPause:s=()=>!1,signal:c,target:l}){let u=[],d=[],f=[...e],p=new Set,m=0,h=t,g=t,_=t,v=0,y;for(;_!==null;){let e=Vt(h);if(p.has(e))throw Error(`Vibe fill received a repeated cursor.`);if(p.add(e),await vt({delayMs:_t(m,o),onChange:i,signal:c}),m>0&&s())return{completedPages:m,items:u,lastCursor:g,next:_,pages:d,received:v,status:`paused`,total:y};let t=ut(await n({cursor:h,signal:c}));m+=1,g=h;let b=X(f,t.items).slice(f.length);if(d.push({contributionIds:b.map(({postId:e})=>e),cursor:h,next:t.next,returnedIds:t.items.map(({postId:e})=>e)}),f.push(...b),u.push(...b),v=u.length,_=t.next,t.total!==void 0&&(y=t.total),a({completedPages:m,next:_,received:v}),r({completedPages:m,items:[...u],lastCursor:h,next:_,pages:[...d],received:v,total:y}),`pages`in l&&m>=l.pages)return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`complete`,total:y};if(_===null)return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`pages`in l?`exhausted`:`complete`,total:y};if(s())return{completedPages:m,items:u,lastCursor:h,next:_,pages:d,received:v,status:`paused`,total:y};h=_}return{completedPages:m,items:u,lastCursor:h,next:null,pages:d,received:v,status:`pages`in l?`exhausted`:`complete`,total:y}}async function qt(e,t,n,r){let i=await e.onStart(n);if(r()){if(!i.sessionId.trim())throw TypeError(`Vibe backend fill requires a sessionId.`);Object.assign(t.fill,{...Z(i.nextRequestAt),completedPages:i.completedPages??0,received:i.received??0,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}}function Jt(e,t,n){return e?.strategy===`backend`&&n.feedKey===e.feedKey&&n.sessionId===t.fill.sessionId}function Yt(e){return Number.isInteger(e.completedPages)&&e.completedPages>=0&&Number.isInteger(e.received)&&e.received>=0&&Number.isInteger(e.sequence)&&e.sequence>=0}function Xt(e,t){if(![`complete`,`exhausted`].includes(t.status))return!0;let n=e.fill.target;return!n||!Array.isArray(t.items)||t.next===void 0||t.lastCursor===void 0?!1:t.status===`exhausted`?`pages`in n&&t.completedPages<n.pages&&t.next===null:`pages`in n?t.completedPages===n.pages:t.next===null}function Zt(e,t,n){t.total!==void 0&&(e.total=t.total),[`complete`,`exhausted`].includes(t.status)&&(e.items=X(e.items,t.items??[]),e.next=t.next??null,n(t.lastCursor??null))}function Qt(e,t,n,r){return!Jt(e,t,n)||!Yt(n)||n.sequence<=t.fill.sequence||[`cancelled`,`cancelling`].includes(t.fill.status)||!Xt(t,n)?!1:(Zt(t,n,r),Object.assign(t.fill,{...Z(n.status===`waiting`?n.nextRequestAt:null),completedPages:n.completedPages,error:n.error??null,received:n.received,sequence:n.sequence,status:n.status}),!0)}function $t(e,t,n,r){if(e?.strategy!==`backend`||n.feedKey!==e.feedKey)return!1;let i=t.fill;return t.fill=Wt(e,n),!Yt(n)||!Xt(t,n)?(t.fill=i,!1):(Zt(t,n,r),!0)}var en=class{abortController=null;cycle=0;delayCountdown;requestVersion=0;collection=null;constructor(e){this.options=e,this.delayCountdown=new yt(e=>{Object.assign(this.options.state.fill,e)}),this.syncBackendCountdown()}isActive(){return Gt(this.options.state.fill)}applyUpdate(e){let t=Qt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}restoreSession(e){let t=$t(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}async start(e,t={}){let n=this.options.fill;if(!n)throw Error(`Vibe fill is not configured.`);if(this.isActive())throw Error(`Vibe fill is already active.`);let r=Ht(e),i=Ht(t.target??r),a=t.progressOffset??{completedPages:0,received:0},o=t.cycleId??`vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;if(this.options.state.fill={...Wt(n,void 0,!1),completedPages:a.completedPages,cycleId:o,received:a.received,status:`filling`,target:i},n.strategy===`backend`&&this.options.state.next===null){this.options.state.fill.status=`pages`in r?`exhausted`:`complete`;return}let s=++this.requestVersion,c=new AbortController;this.abortController=c;try{n.strategy===`frontend`?await this.startFrontend(n,r,c,s,t.prepareFrontend!==!1,a):(await qt(n,this.options.state,{cycleId:o,feedKey:n.feedKey,items:[...this.options.state.items],next:this.options.state.next,signal:c.signal,target:r,total:this.options.state.total},()=>this.isCurrent(s)),this.syncBackendCountdown())}catch(e){if(c.signal.aborted||!this.isCurrent(s))return;throw this.options.state.fill.error=e,this.options.state.fill.status=`error`,e}finally{this.isCurrent(s)&&(this.abortController=null,this.options.state.isLoadingMore=!1)}}async cancel(){let{fill:e,state:t}=this.options;if(!Gt(t.fill)||!t.fill.cycleId)return;let n={cycleId:t.fill.cycleId,feedKey:t.fill.feedKey??``,sessionId:t.fill.sessionId};t.fill.status=`cancelling`,this.delayCountdown.clear(),this.abortController?.abort(),this.requestVersion+=1,this.abortController=null,t.isLoadingMore=!1,this.commitCollection();try{e?.strategy===`backend`&&await e.onCancel(n),t.fill.error=null,t.fill.status=`cancelled`}catch(e){throw t.fill.error=e,t.fill.status=`error`,e}}resume(e){let{fill:t}=this.options.state;if(t.status!==`paused`||!t.target)return Promise.resolve();let n=t.target,r=`pages`in n?n.pages-t.completedPages:null;if(r!==null&&r<=0)return t.status=`complete`,Promise.resolve();let i=r===null?{until:`end`}:{pages:r};return t.strategy===`backend`?this.start(i):this.start(i,{cycleId:t.cycleId??void 0,prepareFrontend:e,progressOffset:{completedPages:t.completedPages,received:t.received},target:n})}reset(){this.abortLocalRequest(),this.delayCountdown.clear(),this.options.state.fill=Wt(this.options.fill,void 0,!1),this.collection=null}destroy(){this.abortLocalRequest(),this.delayCountdown.clear()}abortLocalRequest(){this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.options.state.isLoadingMore=!1}isCurrent(e){return e===this.requestVersion&&![`cancelled`,`cancelling`].includes(this.options.state.fill.status)}async startFrontend(e,t,n,r,i,a){let o=this.options.loadPage;if(!o)throw Error(`Vibe frontend fill requires loadPage.`);let s=this.options.state;if(s.isLoadingMore=!0,i&&this.options.prepareFrontend&&(this.options.needsFrontendPreparation?.()??!0)){s.fill.status=`restoring`;let e=await this.options.prepareFrontend({isCurrent:()=>this.isCurrent(r),onDelayChange:e=>{this.isCurrent(r)&&Object.assign(s.fill,e)},signal:n.signal});if(!this.isCurrent(r))return;if(e===`paused`||s.loadMoreLocked){s.fill.status=`paused`;return}s.fill.status=`filling`}if(s.next===null){s.fill.status=`pages`in t?`exhausted`:`complete`;return}let c=await Kt({existingItems:s.items,initialCursor:s.next,loadPage:o,onCollection:e=>{this.isCurrent(r)&&(this.collection={...e,completedPages:a.completedPages+e.completedPages,received:a.received+e.received})},onDelayChange:e=>{this.isCurrent(r)&&Object.assign(s.fill,e)},onProgress:e=>{this.isCurrent(r)&&Object.assign(s.fill,{...e,completedPages:a.completedPages+e.completedPages,received:a.received+e.received})},options:e,shouldPause:()=>s.loadMoreLocked,signal:n.signal,target:t});this.isCurrent(r)&&(s.items=X(s.items,c.items),s.next=c.next,c.total!==void 0&&(s.total=c.total),this.options.onLastCursor(c.lastCursor),this.options.onPages(c.pages),Object.assign(s.fill,{completedPages:a.completedPages+c.completedPages,received:a.received+c.received,status:c.status}),this.collection=null)}commitCollection(){let e=this.collection;if(this.collection=null,!e||this.options.fill?.strategy!==`frontend`)return;let t=this.options.state;t.items=X(t.items,e.items),t.next=e.next,e.total!==void 0&&(t.total=e.total),this.options.onLastCursor(e.lastCursor),this.options.onPages(e.pages),Object.assign(t.fill,{completedPages:e.completedPages,received:e.received})}syncBackendCountdown(){let e=this.options.state.fill;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}};async function tn({controller:e,isCurrent:t,loadPage:n,onDelayChange:r,setLastCursor:i,signal:a,state:o}){if(!e.needsReconciliation(o.items))return`skipped`;let s=await e.reconcile({existingItems:o.items,loadPage:n,onDelayChange:r,shouldPause:()=>o.loadMoreLocked,signal:a});return t()?(o.items=X(o.items,s.items),o.next=s.next,i(s.lastCursor),s.total!==void 0&&(o.total=s.total),e.completeReconciliation(s),s.status):s.status}function nn(e){return{cancelAutofill:()=>e.cancelAutofill(),loadMore:()=>e.loadNext(),retry:()=>{let t=e.getState();return t.autofill.strategy===`frontend`&&t.autofill.status===`error`&&t.items.length>0&&t.next!==null?e.loadNext():e.reload()},retryEnd:()=>e.retryEnd()}}function rn(e){if(!Number.isFinite(e)||e<=0)throw TypeError(`Vibe reelAutoAdvance.intervalMs must be a positive number.`)}function an(e){e?.intervalMs!==void 0&&rn(e.intervalMs)}function on(e){return{enabled:e?.enabled??!1,includePostItems:e?.includePostItems??!1,intervalMs:e?.intervalMs??5e3}}function sn(e,t){if(typeof t==`boolean`){e.enabled=t;return}an(t),t.enabled!==void 0&&(e.enabled=t.enabled),t.includePostItems!==void 0&&(e.includePostItems=t.includePostItems),t.intervalMs!==void 0&&(e.intervalMs=t.intervalMs)}function cn(e){return{enabled:e?.enabled??!1}}function ln(e,t,n){if(n&&!t)throw Error(`Vibe cannot enable reelInfoSheet without a configured component.`);e.enabled=n}function un(e,t){let n=e.initialPage;return{activeReelPostId:null,autoScroll:Nt(e.autoScroll),autofill:wt(e.autofill),current:n?.current??null,error:null,fill:Wt(e.fill),infiniteScroll:e.infiniteScroll??!0,isLoading:!n,isLoadingMore:!1,items:n?X([],n.items):[],layout:t===`reel`?`reel`:`masonry`,loadMoreLocked:!1,mediaIndices:new Map,next:n?.next??null,nextPageError:null,phoneMode:!1,reelAutoAdvance:on(e.reelAutoAdvance),reelForward:{error:null,status:`idle`},reelForwardIndex:null,reelForwardItem:null,reelInfoSheet:cn(e.reelInfoSheet),reelInfoSheetOverlay:!1,reelMediaSource:`original`,reelOrigin:null,total:n?.total??null}}function dn(e,t){if(t){if(!Number.isFinite(t.height)||t.height<=0)throw TypeError(`Vibe ${e} height must be a positive number.`);if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe ${e} background must be "default" or "transparent".`)}}function fn(e,t){if(t){if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe mediaCard ${e} background must be "default" or "transparent".`);for(let[n,r]of[[`paddingX`,t.paddingX],[`paddingY`,t.paddingY]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe mediaCard ${e} ${n} must be a non-negative number.`)}}function pn(e){if(Mt(e.autoScroll),dn(`cardHeader`,e.cardHeader),dn(`cardFooter`,e.cardFooter),fn(`header`,e.mediaCard?.header),fn(`footer`,e.mediaCard?.footer),Ct(e.autofill),Ut(e.fill),D(e.masonry),an(e.reelAutoAdvance),e.removalReconciliation){if(!Number.isInteger(e.removalReconciliation.pageSize)||e.removalReconciliation.pageSize<=0)throw TypeError(`Vibe removalReconciliation pageSize must be a positive integer.`);let t=e.removalReconciliation.maxReplayPages??5;if(!Number.isInteger(t)||t<=0)throw TypeError(`Vibe removalReconciliation maxReplayPages must be a positive integer.`);if(!e.loadPage)throw TypeError(`Vibe removalReconciliation requires loadPage.`);if(e.autofill?.strategy===`backend`)throw TypeError(`Vibe removalReconciliation does not support backend autofill.`);if(e.autofill?.strategy===`frontend`&&e.autofill.pageSize<e.removalReconciliation.pageSize)throw TypeError(`Vibe autofill pageSize must be greater than or equal to removalReconciliation pageSize.`);if(e.fill?.strategy===`backend`)throw TypeError(`Vibe removalReconciliation does not support backend fill.`)}if(e.removalHistoryLimit!==void 0&&(!Number.isInteger(e.removalHistoryLimit)||e.removalHistoryLimit<0))throw TypeError(`Vibe removalHistoryLimit must be a non-negative integer.`);if(!e.initialPage&&!e.loadPage)throw TypeError(`Vibe requires either initialPage or loadPage.`);if(e.initialPage?.next!==null&&!e.loadPage)throw TypeError(`Vibe requires loadPage when initialPage has a next cursor.`);if(e.fill?.strategy===`frontend`&&!e.loadPage)throw TypeError(`Vibe frontend fill requires loadPage.`);if(e.fill?.strategy===`backend`&&e.fill.initialSession&&!e.initialPage)throw TypeError(`Vibe backend fill restoration requires initialPage.`)}function mn(e){if(typeof e!=`string`)return e;if(typeof document>`u`)throw Error(`Vibe cannot resolve a selector without a document.`);let t=document.querySelector(e);if(!t)throw Error(`Vibe target not found: ${e}`);return t}async function hn({append:e,autofillController:t,cursor:n,isCurrent:r,loadPage:i,onLastCursor:a,onPages:o,options:s,signal:c,state:l}){let u=s.autofill,d=e&&u?.strategy===`frontend`&&(l.autofill.status===`paused`||l.autofill.status===`error`),f=d?{received:l.autofill.received,requests:l.autofill.requests}:null,p=u?d?l.autofill.cycleId:t.beginCycle():null;d&&Object.assign(l.autofill,{error:null,status:`filling`});let m=!1;try{if(u?.strategy===`frontend`){let s=await Dt({existingItems:e?l.items:[],initialCursor:n,loadPage:i,maximumRequests:f?Math.max(0,bt(u)-f.requests):void 0,onCollection:e=>t.captureCollection(e,r()),onDelayChange:e=>{r()&&Object.assign(l.autofill,e)},onProgress:e=>{r()&&Object.assign(l.autofill,e,{status:`filling`})},options:u,receivedOffset:f?.received,requestOffset:f?.requests,shouldPause:()=>l.loadMoreLocked,signal:c});if(!r())return;l.items=e?X(l.items,s.items):[...s.items],a(s.lastCursor),l.next=s.next,s.total!==void 0&&(l.total=s.total),Object.assign(l.autofill,{missing:s.missing,received:s.received,requests:s.requests,status:s.status}),o(s.pages),t.clearCollection();return}let s=ut(await i({cursor:n,signal:c}));if(!r())return;let d=e?l.items:[],h=X(d,s.items),g=h.length-d.length;if(l.items=h,a(n),o([{contributionIds:h.slice(d.length).map(({postId:e})=>e),cursor:n,next:s.next,returnedIds:s.items.map(({postId:e})=>e)}]),l.next=s.next,s.total!==void 0&&(l.total=s.total),m=!0,u?.strategy===`backend`&&p){if(Object.assign(l.autofill,{missing:Math.max(0,u.pageSize-g),received:g,requests:1}),g>=u.pageSize){l.autofill.status=`complete`;return}await Ft(u,l,{cycleId:p,feedKey:u.feedKey,items:h.slice(d.length),missing:u.pageSize-g,next:s.next,pageSize:u.pageSize,received:g,signal:c,total:l.total},r),t.syncCountdown()}}catch(n){if(c.aborted||!r())return;let i=u?.strategy===`frontend`?t.commitCollection():!1;u&&(l.autofill.error=n,l.autofill.status=`error`),m||(e||i?l.nextPageError=n:l.error=n)}finally{r()&&(t.clearCollection(),l.isLoading=!1,l.isLoadingMore=!1)}}function $(e){return`${typeof e}:${String(e)}`}function gn(e){return`${typeof e}:${String(e)}`}function _n(e){return e.map(({postId:e})=>e)}var vn=class{delay;enabled;maxReplayPages;pageSize;pages=[];pending=null;tombstones=new Set;constructor(e){let t=e.removalReconciliation;this.enabled=!!t,this.maxReplayPages=t?.maxReplayPages??5,this.pageSize=t?.pageSize??0,this.delay=e.autofill?.strategy===`frontend`?e.autofill:{delayMaxMs:0,delayStepMs:0}}completeReconciliation(e){e.status===`complete`&&(this.pages=[...this.pages.slice(0,e.replaceFrom),...e.pages].slice(-this.maxReplayPages),this.pending=null)}filterItems(e){return!this.enabled||this.tombstones.size===0?[...e]:e.filter(({postId:e})=>!this.tombstones.has($(e)))}needsReconciliation(e){return this.pending!==null||this.findUnderfilledPage(e)>=0}hasPendingSession(){return this.pending!==null}recordPages(e){!this.enabled||e.length===0||(e.forEach(e=>this.recordPage(e)),this.pages=this.pages.slice(-this.maxReplayPages))}recordInitialPage(e){e&&this.recordPages([{contributionIds:_n(e.items),cursor:e.current??null,next:e.next,returnedIds:_n(e.items)}])}remove(e){this.enabled&&e.forEach(e=>this.tombstones.add($(e)))}reset(){this.pages=[],this.pending=null,this.tombstones.clear()}restore(e){this.enabled&&e.forEach(e=>this.tombstones.delete($(e)))}async reconcile({existingItems:e,loadPage:t,onDelayChange:n=()=>void 0,shouldPause:r=()=>!1,signal:i}){let a=this.pending??this.createSession(e);for(this.pending=a;a.remainingRequests>0;){let e=gn(a.cursor);if(a.seenCursors.has(e))throw Error(`Vibe removal reconciliation received a repeated cursor.`);if(await vt({delayMs:_t(a.pages.length,this.delay),onChange:n,signal:i}),a.pages.length>0&&r())return this.result(a,`paused`);let o=ut(await t({cursor:a.cursor,signal:i}));a.seenCursors.add(e);let s=this.filterItems(o.items),c=[];if(s.forEach(e=>{let t=$(e.postId);a.attributed.has(t)||(a.attributed.add(t),c.push(e.postId)),a.appended.has(t)||(a.appended.add(t),a.items.push(e))}),a.pages.push({contributionIds:c,cursor:a.cursor,next:o.next,returnedIds:_n(s)}),a.lastCursor=a.cursor,a.next=o.next,--a.remainingRequests,o.total!==void 0&&(a.total=o.total),a.next===null?a.remainingRequests=0:a.cursor=a.next,a.remainingRequests>0&&r())return this.result(a,`paused`)}return this.result(a,`complete`)}createSession(e){let t=this.findUnderfilledPage(e),n=t<0?[]:this.pages.slice(t),r=n[0];if(!r)throw Error(`Vibe has no underfilled provider page to reconcile.`);let i=new Set(n.flatMap(({contributionIds:e})=>e.map($))),a=new Set(e.map(({postId:e})=>$(e)).filter(e=>!i.has(e)));return{appended:new Set(e.map(({postId:e})=>$(e))),attributed:new Set(a),cursor:r.cursor,items:[],lastCursor:r.cursor,next:r.cursor,pages:[],remainingRequests:n.length,replaceFrom:t,seenCursors:new Set}}result(e,t){return{items:[...e.items],lastCursor:e.lastCursor,next:e.next,pages:[...e.pages],replaceFrom:e.replaceFrom,status:t,total:e.total}}findUnderfilledPage(e){if(!this.enabled||this.pages.length===0)return-1;let t=new Set(e.map(({postId:e})=>$(e)));return this.pages.findIndex(({contributionIds:e})=>e.filter(e=>t.has($(e))).length<this.pageSize)}recordPage(e){let t=gn(e.cursor),n=this.pages.findIndex(({cursor:e})=>gn(e)===t);n>=0&&(this.pages=this.pages.slice(0,n)),this.pages.push({...e,contributionIds:[...e.contributionIds],returnedIds:[...e.returnedIds]})}};function yn(e,t,n,r,i){let a=new Set(t.map(({item:e})=>e.postId));if(e.activeReelPostId===null||!a.has(e.activeReelPostId))return;let o=e.items[Math.max(n,0)];if(o){r(o.postId);return}let s=t.find(({item:t})=>t.postId===e.activeReelPostId)?.item;s&&i(Math.max(n,0),s)}function bn(e,t){let[n,...r]=t;if(!n)throw Error(`Vibe items must contain at least one media asset.`);return{...e,...n,items:r}}function xn(e){if(!Number.isInteger(e.mediaIndex)||e.mediaIndex<0)throw TypeError(`Vibe mediaIndex must be a non-negative integer.`)}var Sn=class{generation=0;metadata=new WeakMap;state;constructor(e){this.options=e,this.state=e.state}remove(e){xn(e);let n=this.state.items.findIndex(({postId:t})=>t===e.postId),r=this.state.items[n];if(!r)return null;let i=[...t(r)],a=i[e.mediaIndex];if(!a)return null;let o=Object.freeze({media:a,mediaIndex:e.mediaIndex,postId:e.postId,postIndex:n});this.metadata.set(o,{generation:this.generation,originalItem:r,restored:!1});let s=this.state.mediaIndices.get(r.postId)??0,c=this.isReelOpen()&&this.state.activeReelPostId===r.postId,l=c&&s===e.mediaIndex;return i.splice(e.mediaIndex,1),i.length>0?(this.state.items[n]=bn(r,i),this.updateMediaIndexAfterRemoval(r.postId,e.mediaIndex,l),o):(this.state.items.splice(n,1),this.options.onPostRemoved(r.postId),this.state.mediaIndices.delete(r.postId),c&&this.advanceFromRemovedPost(o,r),o)}reset(){this.generation+=1}restore(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe media removal does not belong to this instance.`);if(t.generation!==this.generation||t.restored)return!1;t.restored=!0,this.options.onPostRestored(e.postId);let n=this.state.items.findIndex(({postId:t})=>t===e.postId);return n>=0?this.restoreIntoPost(n,e):this.state.items.splice(Math.min(e.postIndex,this.state.items.length),0,t.originalItem),this.options.reelForward.cancel(e)&&(this.state.mediaIndices.set(e.postId,e.mediaIndex),this.options.onActivate(e.postId)),!0}advanceFromRemovedPost(e,t){let n=this.state.items[e.postIndex];if(n){this.options.onActivate(n.postId);return}this.options.reelForward.start(e,e.postIndex,t)}isReelOpen(){return this.state.layout===`reel`||this.state.reelOrigin===`masonry`}restoreIntoPost(e,n){let r=this.state.items[e],i=[...t(r)],a=Math.min(n.mediaIndex,i.length);if(i.splice(a,0,n.media),this.state.items[e]=bn(r,i),this.state.activeReelPostId!==n.postId)return;let o=this.state.mediaIndices.get(n.postId)??0;o>=a&&this.state.mediaIndices.set(n.postId,o+1)}updateMediaIndexAfterRemoval(e,n,r){let i=this.state.items.find(t=>t.postId===e);if(!i)return;let a=t(i).length,o=this.state.mediaIndices.get(e)??0,s=o;r?s=n<a?n:0:n<o&&(s=o-1),this.state.mediaIndices.set(e,Math.min(s,a-1))}};function Cn(e,t){let n=new Set(t);return e.flatMap((e,t)=>n.has(e.postId)?[{index:t,item:e}]:[])}function wn(e,t){let n=new Set(t.map(({item:e})=>e.postId));return e.filter(e=>!n.has(e.postId))}function Tn(e,t){t.forEach(({index:e})=>{if(!Number.isInteger(e)||e<0)throw Error(`Vibe item restore indexes must be non-negative integers.`)});let n=[...e],r=new Set(e.map(e=>e.postId));return[...t].sort((e,t)=>e.index-t.index).forEach(({index:e,item:t})=>{r.has(t.postId)||(n.splice(Math.min(e,n.length),0,t),r.add(t.postId))}),n}var En=20,Dn=class{generation=0;historyLimit;metadata=new WeakMap;state;history=[];itemOrder;stopItemsWatcher;constructor(t){this.options=t,this.historyLimit=t.historyLimit??En,this.state=t.state,this.itemOrder=this.state.items.map(({postId:e})=>e),this.stopItemsWatcher=(0,e.watch)(()=>this.state.items,e=>this.appendUnknownItems(e),{flush:`sync`})}destroy(){this.reset(),this.stopItemsWatcher()}async remove(e,t){if(t?.staggerMs!==void 0&&(!Number.isFinite(t.staggerMs)||t.staggerMs<0))throw TypeError(`Vibe item removal staggerMs must be a non-negative number.`);let n=this.collectOrderedPlacements(e),r=this.createRemoval(n);if(n.length===0)return r;let i=n.map(({item:e})=>e.postId);if(await this.options.prepareRemoval(i),this.metadata.get(r)?.generation!==this.generation)return r;let a=this.options.startRemoval(i,t);if(a>0&&await new Promise(e=>setTimeout(e,a)),this.metadata.get(r)?.generation!==this.generation)return r;let o=this.state.items.findIndex(e=>e.postId===this.state.activeReelPostId),s=new Set(n.map(({item:e})=>e.postId)),c=o<0?0:this.state.items.slice(0,o).filter(({postId:e})=>s.has(e)).length,l=Math.max(o-c,0);return this.state.items=wn(this.state.items,n),this.options.onItemsRemoved(r,n,l),this.record(r),r}reset(){this.generation+=1,this.history=[],this.itemOrder=[]}restoreItems(e){let t=e;if(this.metadata.has(t)){this.restoreRemoval(t);return}let n=new Set(this.state.items.map(({postId:e})=>e)),r=e.filter(({item:e})=>n.has(e.postId)?!1:(n.add(e.postId),!0)),i=Tn(this.state.items,r);this.registerExternalPlacements(r),this.state.items=i,r.length>0&&this.options.onRemovalRestored(r)}restoreRemoval(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe removal does not belong to this instance.`);if(t.generation!==this.generation||t.restored)return!1;t.restored=!0,this.removeFromHistory(e);let n=this.restoreOrderedPlacements(e);return n&&this.options.onRemovalRestored(e),n}undoLast(){for(;this.history.length>0;){let e=this.history.pop();if(this.restoreRemoval(e))return e}return null}appendUnknownItems(e){let t=new Set(this.itemOrder);e.forEach(({postId:e})=>{t.has(e)||(this.itemOrder.push(e),t.add(e))})}collectOrderedPlacements(e){let t=new Map(this.itemOrder.map((e,t)=>[e,t]));return Cn(this.state.items,e).map(e=>({index:t.get(e.item.postId)??e.index,item:e.item}))}createRemoval(e){let t=Object.freeze(e.map(e=>Object.freeze({...e})));return this.metadata.set(t,{generation:this.generation,restored:e.length===0}),t}record(e){this.historyLimit!==0&&(this.history.push(e),this.history.length>this.historyLimit&&this.history.shift())}registerExternalPlacements(e){let t=new Set(this.itemOrder);[...e].sort((e,t)=>e.index-t.index).forEach(({index:e,item:n})=>{t.has(n.postId)||(this.itemOrder.splice(Math.min(e,this.itemOrder.length),0,n.postId),t.add(n.postId))})}removeFromHistory(e){let t=this.history.indexOf(e);t>=0&&this.history.splice(t,1)}restoreOrderedPlacements(e){let t=new Set(this.state.items.map(({postId:e})=>e)),n=e.map(({item:e})=>e).filter(({postId:e})=>!t.has(e));if(n.length===0)return!1;let r=new Map(this.itemOrder.map((e,t)=>[e,t]));return this.state.items=[...this.state.items,...n].sort((e,t)=>(r.get(e.postId)??2**53-1)-(r.get(t.postId)??2**53-1)),!0}},On=class{forward=null;forwardPromise=null;forwardVersion=0;state;constructor(e){this.options=e,this.state=e.state}start(e,t,n){this.forward={item:n,postIndex:t,token:e,version:++this.forwardVersion},this.state.reelForward={error:null,status:`loading`},this.state.reelForwardIndex=t,this.state.reelForwardItem=n,this.startForwardRequest()}cancel(e){if(this.forward?.token!==e||this.state.reelForward.status===`idle`)return null;let t=this.forward.item;return this.forwardVersion+=1,this.forward=null,this.clearState(),t}reset(){this.forwardVersion+=1,this.forward=null,this.forwardPromise=null,this.clearState()}retry(){return!this.forward||this.state.reelForward.status===`idle`?Promise.resolve():(this.state.nextPageError=null,this.state.reelForward={error:null,status:`loading`},this.startForwardRequest())}clearState(){this.state.reelForward={error:null,status:`idle`},this.state.reelForwardIndex=null,this.state.reelForwardItem=null}startForwardRequest(){if(this.forwardPromise)return this.forwardPromise;let e=this.loadForward();return this.forwardPromise=e,e.finally(()=>{this.forwardPromise===e&&(this.forwardPromise=null,this.forward&&this.state.reelForward.status===`loading`&&this.startForwardRequest())})}async loadForward(){let e=this.forward;if(e)for(;this.forward===e&&e.version===this.forwardVersion;){let t=this.state.items[e.postIndex];if(t){this.forward=null,this.clearState(),this.options.onActivate(t.postId);return}if(this.state.nextPageError){this.state.reelForward={error:this.state.nextPageError,status:`error`};return}let n=this.state.next,r=this.state.items.length;if(await this.options.replenishAfterRemoval(),this.state.nextPageError){this.state.reelForward={error:this.state.nextPageError,status:`error`};return}if(!this.state.items[e.postIndex]){if(this.state.next===null){this.state.reelForward={error:null,status:`end`};return}if(this.state.next===n&&this.state.items.length===r){this.state.reelForward={error:Error(`Vibe could not advance while page loading is unavailable.`),status:`error`};return}}}}},kn=class{generation=0;pending=Promise.resolve();constructor(e){this.options=e}prepareItems(e){return this.serialize(()=>this.preparePosts(e))}prepareMedia(e){return this.serialize(async()=>{let{state:n}=this.options;if(!this.isReelActive()||n.activeReelPostId!==e.postId)return;let r=n.items.find(({postId:t})=>t===e.postId);if(!r)return;let i=n.mediaIndices.get(e.postId)??0;if(e.mediaIndex===i){if(t(r).length>1){await this.options.transitionMedia(1);return}await this.preparePosts([e.postId])}})}reset(){this.generation+=1,this.pending=Promise.resolve()}async preparePosts(e){let{state:t}=this.options,n=t.activeReelPostId,r=new Set(e);if(!this.isReelActive()||n===null||!r.has(n))return;let i=this.generation,a=t.items.findIndex(({postId:e})=>e===n);if(a<0)return;let o=this.nextSurvivor(a,r);o&&i===this.generation&&t.activeReelPostId===n&&await this.options.transitionPost(o.postId)}isReelActive(){let{state:e}=this.options;return e.layout===`reel`||e.reelOrigin===`masonry`}nextSurvivor(e,t){if(!(e<0))return this.options.state.items.slice(e+1).find(({postId:e})=>!t.has(e))}serialize(e){let t=this.pending.then(e,e);return this.pending=t.catch(()=>void 0),t}};function An(e){let t=new On(e),n=new kn({state:e.state,transitionMedia:t=>e.surface()?.transitionActiveReelMedia(t)??Promise.resolve(!1),transitionPost:t=>e.surface()?.transitionActiveReelPost(t)??Promise.resolve(!1)});return{exactMediaRemoval:new Sn({onActivate:e.onActivate,onPostRemoved:t=>e.onItemsRemoved([t]),onPostRestored:t=>e.onItemsRestored([t]),reelForward:t,state:e.state}),itemRemoval:new Dn({historyLimit:e.historyLimit,onItemsRemoved:(n,r,i)=>{e.onItemsRemoved(r.map(({item:e})=>e.postId)),yn(e.state,r,i,e.onActivate,(e,r)=>t.start(n,e,r))},onRemovalRestored:n=>{e.onItemsRestored(n.map(({item:e})=>e.postId));let r=t.cancel(n);r&&e.onActivate(r.postId)},prepareRemoval:e=>n.prepareItems(e),startRemoval:(t,n)=>e.surface()?.startItemRemoval(t,n)??0,state:e.state}),reelForward:t,reelRemoval:n}}var jn=1.5;function Mn(e){let t=Math.min(e.screenWidth,e.screenHeight);if(t>0&&t<600)return!0;let n=Math.min(e.viewportWidth,e.viewportHeight),r=t>=n*jn;return!e.hasHover&&n>0&&n<600&&r}function Nn(e){return Mn(e)?`reel`:`masonry`}function Pn(e){let t=e.ownerDocument.defaultView,n=e.ownerDocument.documentElement;return{hasHover:typeof t?.matchMedia==`function`&&t.matchMedia(`(hover: hover)`).matches,screenHeight:t?.screen.height??0,screenWidth:t?.screen.width??0,viewportHeight:n.clientHeight,viewportWidth:n.clientWidth}}function Fn(e){return Mn(Pn(e))}function In(e){return Nn(Pn(e))}var Ln=class{layoutMode;resizeObserver=null;target=null;constructor(e,t,n){this.state=t,this.onFeedLayout=n,this.layoutMode=e}mount(e){this.target=e,this.handleResponsiveLayout();let t=e.ownerDocument.defaultView;t?.addEventListener(`resize`,this.handleResponsiveLayout);let n=t?.ResizeObserver??globalThis.ResizeObserver;n!==void 0&&(this.resizeObserver=new n(this.handleResponsiveLayout),this.resizeObserver.observe(e))}destroy(){this.target?.ownerDocument.defaultView?.removeEventListener(`resize`,this.handleResponsiveLayout),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.target=null}setLayout(e){e!==this.layoutMode&&(this.layoutMode=e,e===`responsive`?this.handleResponsiveLayout():this.applyLayout(e))}applyLayout(e){e!==this.state.layout&&(e===`masonry`&&(this.state.activeReelPostId=null,this.onFeedLayout()),this.state.reelOrigin=null,this.state.layout=e)}handleResponsiveLayout=()=>{if(!this.target)return;let e=In(this.target);this.state.phoneMode=Fn(this.target),this.state.reelInfoSheetOverlay=this.state.phoneMode,this.state.reelMediaSource=e===`reel`?`preview`:`original`,this.layoutMode===`responsive`&&this.applyLayout(e)}},Rn=class{routedReelPostId=null;reelRouteIsActive=!1;constructor(e,t){this.options=e,this.state=t}syncFeed(){if(!this.options||!this.reelRouteIsActive)return;this.reelRouteIsActive=!1,this.routedReelPostId=null;let e=typeof this.options.feed==`function`?this.options.feed():this.options.feed;this.options.router.replace(e)}syncReel(e){if(!this.options)return;let t=this.state.items.findIndex(t=>t.postId===e),n=this.state.items[t];if(!n||this.reelRouteIsActive&&this.routedReelPostId===e)return;let r=this.options.reel({index:t,item:n,loadedCount:this.state.items.length,origin:this.state.reelOrigin??`reel`,total:this.state.total});if(r===null)return;let i=this.reelRouteIsActive?`replace`:`push`;this.reelRouteIsActive=!0,this.routedReelPostId=e,this.options.router[i](r)}},zn=class{app=null;autoScroll;autofillController;abortController=null;pendingRequest=null;requestVersion=0;responsiveLayout;routing;fillController;exactMediaRemoval;itemRemoval;removalReconciliation;reelForward;reelRemoval;surface=null;stopStateWatcher=null;lastLoadedCursor=null;notificationItems;state;constructor(t){this.options=t,pn(t);let n=t.layout??`masonry`;this.state=(0,e.reactive)(un(t,n)),this.lastLoadedCursor=t.initialPage?.current??t.initialPage?.next??null,this.notificationItems=a(this.state),this.autoScroll=new Pt({getScrollElement:()=>this.surface?.getAutoScrollElement()??null,state:this.state.autoScroll}),this.autofillController=new Ot({cancelRequest:()=>this.cancelRequest(),onLastCursor:e=>this.setCurrentCursor(e),onPages:e=>this.removalReconciliation.recordPages(e),options:t.autofill,state:this.state}),this.removalReconciliation=new vn(t),this.removalReconciliation.recordInitialPage(t.initialPage),this.fillController=new en({fill:t.fill,loadPage:t.loadPage?e=>this.loadFilteredPage(e):void 0,needsFrontendPreparation:()=>this.removalReconciliation.needsReconciliation(this.state.items),onLastCursor:e=>this.setCurrentCursor(e),onPages:e=>this.removalReconciliation.recordPages(e),prepareFrontend:({isCurrent:e,onDelayChange:n,signal:r})=>tn({controller:this.removalReconciliation,isCurrent:e,loadPage:t.loadPage,onDelayChange:n,setLastCursor:e=>this.setCurrentCursor(e),signal:r,state:this.state}),state:this.state}),this.routing=new Rn(t.routing,this.state);let r=An({historyLimit:t.removalHistoryLimit,onActivate:e=>this.setActiveReelPost(e),onItemsRemoved:e=>this.removalReconciliation.remove(e),onItemsRestored:e=>this.removalReconciliation.restore(e),replenishAfterRemoval:()=>this.replenishAfterRemoval(),state:this.state,surface:()=>this.surface});this.exactMediaRemoval=r.exactMediaRemoval,this.itemRemoval=r.itemRemoval,this.reelForward=r.reelForward,this.reelRemoval=r.reelRemoval,this.responsiveLayout=new Ln(n,this.state,()=>{this.routing.syncFeed()}),this.startStateNotifications()}async mount(){if(this.app)throw Error(`Vibe is already mounted.`);this.startStateNotifications();let t=mn(this.options.target);this.responsiveLayout.mount(t),this.app=(0,e.createApp)(lt,{canRetryEnd:!!this.options.loadPage,cardFooter:this.options.cardFooter,cardHeader:this.options.cardHeader,feedFooter:this.options.feedFooter,feedFooterActions:nn(this),mediaCard:this.options.mediaCard,masonry:this.options.masonry,onMediaReady:this.options.onMediaReady,onMediaVisible:this.options.onMediaVisible,onReelMediaChange:this.options.onReelMediaChange,reelInfoSheet:this.options.reelInfoSheet,state:this.state,onActiveReelChange:e=>{this.state.reelForward.status===`idle`&&this.setActiveReelPost(e)},onCloseReel:()=>this.closeMasonryReel(),onLoadMore:()=>{this.loadNext()},onOpenReel:e=>this.openMasonryReel(e),onReelInfoSheetChange:e=>this.setReelInfoSheet(e),onRetryEnd:()=>{this.retryEnd()},onRetryForward:()=>{this.retryReelForward()}}),this.surface=this.app.mount(t),this.autoScroll.mount(),this.options.initialPage?this.options.autofill&&this.state.autofill.status===`idle`&&!this.fillController.isActive()&&!this.state.loadMoreLocked&&await this.startInitialAutofill():await this.reload()}destroy(){this.autoScroll.destroy(),this.fillController.destroy(),this.cancelRequest(),this.reelForward.reset(),this.reelRemoval.reset(),this.exactMediaRemoval.reset(),this.itemRemoval.destroy(),this.removalReconciliation.reset(),this.responsiveLayout.destroy(),this.stopStateWatcher?.(),this.stopStateWatcher=null,this.app?.unmount(),this.app=null,this.surface=null}getState(){return o(this.state)}removeMedia(e){return this.exactMediaRemoval.remove(e)}removeMediaAnimated(e){return this.reelRemoval.prepareMedia(e).then(()=>this.exactMediaRemoval.remove(e))}removeItems(e,t){return this.itemRemoval.remove(e,t)}restoreItems(e){this.itemRemoval.restoreItems(e)}restoreMediaRemoval(e){return this.exactMediaRemoval.restore(e)}restoreRemoval(e){return this.itemRemoval.restoreRemoval(e)}retryReelForward(){return this.reelForward.retry()}undoLastRemoval(){return this.itemRemoval.undoLast()}nextReelMediaItem(){return this.surface?.changeActiveReelMedia(1)??!1}previousReelMediaItem(){return this.surface?.changeActiveReelMedia(-1)??!1}nextReelPost(){return this.surface?.moveActiveReelPost(1)??!1}previousReelPost(){return this.surface?.moveActiveReelPost(-1)??!1}navigateToReelItem(e){return this.surface?.navigateToReelItem(e)??`reel-inactive`}pauseAutoScroll(){this.autoScroll.setPaused(!0)}resumeAutoScroll(){this.autoScroll.setPaused(!1)}setAutoScroll(e,t){this.autoScroll.setEnabled(e,t)}setAutoScrollSpeed(e){this.autoScroll.setSpeed(e)}applyAutofillUpdate(e){let t=Lt(this.options.autofill,this.state,e);return t&&this.autofillController.syncCountdown(),t}cancelAutofill(){return this.autofillController.cancel()}async cancelLoading(){if(this.state.loadMoreLocked=!1,this.fillController.isActive()){await this.cancelFill();return}if(Q(this.state.autofill)){await this.cancelAutofill();return}this.cancelRequest()}applyFillUpdate(e){return this.fillController.applyUpdate(e)}cancelFill(){return this.fillController.cancel()}async fill(e){if(!this.state.loadMoreLocked){if(this.pendingRequest||Q(this.state.autofill))throw Error(`Vibe cannot fill while another page operation is active.`);await this.fillController.start(e)}}restoreAutofillSession(e){let t=Rt(this.options.autofill,this.state,e);return t&&this.autofillController.syncCountdown(),t}restoreFillSession(e){return this.fillController.restoreSession(e)}loadNext(){return this.startLoadMore(()=>this.loadNextSequence())}replenishAfterRemoval(){return this.startLoadMore(()=>this.replenishAfterRemovalSequence())}async startLoadMore(e){if(this.pendingRequest)return this.pendingRequest;if(this.state.loadMoreLocked||Q(this.state.autofill)||this.fillController.isActive()||!this.options.loadPage||this.state.next===null&&!this.removalReconciliation.needsReconciliation(this.state.items))return;this.state.isLoadingMore=!0,this.state.nextPageError=null;let t=e();return this.pendingRequest=t,t.finally(()=>{this.pendingRequest===t&&(this.pendingRequest=null),this.state.isLoadingMore=!1})}async refresh(){return this.replaceFeed(this.lastLoadedCursor,`refresh`)}async reload(){return this.replaceFeed(null,`reload`)}async replaceFeed(e,t){if(!this.options.loadPage)throw Error(`Vibe cannot ${t} without loadPage.`);return Q(this.state.autofill)&&await this.cancelAutofill(),this.fillController.isActive()&&await this.cancelFill(),this.cancelRequest(),this.state.autofill=wt(this.options.autofill,void 0,!1),this.fillController.reset(),this.reelForward.reset(),this.reelRemoval.reset(),this.exactMediaRemoval.reset(),this.itemRemoval.reset(),this.removalReconciliation.reset(),this.state.error=null,this.state.current=null,this.state.isLoading=!0,this.state.items=[],this.state.next=null,this.state.nextPageError=null,this.state.total=null,this.startRequest(e,!1)}async loadFilteredPage(e){let t=this.options.loadPage;if(!t)throw Error(`Vibe cannot load a page without loadPage.`);let n=ut(await t(e));return{...n,items:this.removalReconciliation.filterItems(n.items)}}async loadNextSequence(){this.removalReconciliation.needsReconciliation(this.state.items)&&!await this.reconcileBeforeNext()||this.state.loadMoreLocked||this.state.next!==null&&await this.fetchPage(this.state.next,!0)}async replenishAfterRemovalSequence(){let e=this.state.items.length;this.removalReconciliation.needsReconciliation(this.state.items)&&(!await this.reconcileBeforeNext()||this.state.items.length>e)||this.state.loadMoreLocked||this.state.next===null||await this.fetchPage(this.state.next,!0)}async reconcileBeforeNext(){let e=this.options.loadPage;if(!e)return!1;let t=++this.requestVersion,n=new AbortController;this.abortController=n;try{let r=await tn({controller:this.removalReconciliation,isCurrent:()=>t===this.requestVersion,loadPage:e,onDelayChange:()=>void 0,setLastCursor:e=>this.setCurrentCursor(e),signal:n.signal,state:this.state});return t===this.requestVersion&&r===`complete`}catch(e){return!n.signal.aborted&&t===this.requestVersion&&(this.state.nextPageError=e),!1}finally{this.abortController===n&&(this.abortController=null)}}async retryEnd(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Q(this.state.autofill)||this.fillController.isActive())&&!(this.state.next!==null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.lastLoadedCursor,!0)}setInfiniteScroll(t){this.state.infiniteScroll=t,t&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}setLoadMoreLocked(t){if(this.state.loadMoreLocked!==t&&(this.state.loadMoreLocked=t,!t)){if(this.state.fill.status===`paused`&&this.state.fill.target){this.fillController.resume(this.removalReconciliation.hasPendingSession());return}if(this.state.autofill.status===`paused`||this.removalReconciliation.hasPendingSession()){let e=this.pendingRequest;e?e.finally(()=>{this.loadNext()}):this.loadNext()}else this.state.infiniteScroll&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}}setTotal(e){if(e!==null&&(!Number.isInteger(e)||e<0))throw TypeError(`Vibe total must be a non-negative integer or null.`);this.state.total=e}setReelAutoAdvance(e){sn(this.state.reelAutoAdvance,e)}setReelInfoSheet(e){ln(this.state.reelInfoSheet,this.options.reelInfoSheet,e)}setLayout(e){this.responsiveLayout.setLayout(e)}closeMasonryReel(){this.state.reelOrigin===`masonry`&&(this.state.activeReelPostId=null,this.state.reelOrigin=null,this.routing.syncFeed())}openMasonryReel(e){this.state.layout===`masonry`&&this.state.items.some(t=>t.postId===e)&&(this.state.activeReelPostId=e,this.state.reelOrigin=`masonry`,this.routing.syncReel(e))}setActiveReelPost(e){this.state.layout!==`reel`&&this.state.reelOrigin!==`masonry`||(this.state.activeReelPostId=e,this.routing.syncReel(e))}cancelRequest(){this.autofillController.clearCountdown(),this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.pendingRequest=null,this.state.isLoading=!1,this.state.isLoadingMore=!1}async fetchPage(e,t){if(!this.options.loadPage)return;let n=++this.requestVersion,r=new AbortController;this.abortController=r,await hn({append:t,autofillController:this.autofillController,cursor:e,isCurrent:()=>n===this.requestVersion,loadPage:e=>this.loadFilteredPage(e),onLastCursor:e=>this.setCurrentCursor(e),onPages:e=>this.removalReconciliation.recordPages(e),options:this.options,signal:r.signal,state:this.state}),n===this.requestVersion&&(this.abortController=null)}startRequest(e,t){let n=this.fetchPage(e,t);return this.pendingRequest=n,n.finally(()=>{this.pendingRequest===n&&(this.pendingRequest=null)})}startInitialAutofill(){let e=++this.requestVersion,t=new AbortController,n=this.autofillController.beginCycle();this.abortController=t,this.state.isLoadingMore=!0;let r=zt({cycleId:n,isCurrent:()=>e===this.requestVersion,onCollection:t=>this.autofillController.captureCollection(t,e===this.requestVersion),onLastCursor:e=>this.setCurrentCursor(e),onPages:e=>this.removalReconciliation.recordPages(e),options:this.options,signal:t.signal,state:this.state}).catch(n=>{t.signal.aborted||e!==this.requestVersion||(this.autofillController.commitCollection(),this.state.autofill.error=n,this.state.autofill.status=`error`,this.state.nextPageError=n)}).finally(()=>{e===this.requestVersion&&(this.autofillController.clearCollection(),this.autofillController.syncCountdown(),this.abortController=null,this.state.isLoadingMore=!1,this.pendingRequest===r&&(this.pendingRequest=null))});return this.pendingRequest=r,r}startStateNotifications(){let t=this.options.onStateChange;!t||this.stopStateWatcher||(t(o(this.state,this.notificationItems.value)),this.stopStateWatcher=(0,e.watch)(this.state,()=>t(o(this.state,this.notificationItems.value)),{deep:!0,flush:`post`}))}setCurrentCursor(e){this.lastLoadedCursor=e,this.state.current=e}};function Bn(e){return new zn(e)}exports.createVibe=Bn;

package/lib/index.js

@@ -22,6 +22,7 @@ function L(e, t = [...e.items]) {
 		activeReelPostId: e.activeReelPostId,
 		autoScroll: { ...e.autoScroll },
 		autofill: { ...e.autofill },
+		current: e.current,
 		error: e.error,
 		fill: {
 			...e.fill,
@@ -2384,6 +2385,7 @@ var Lt = 35, Rt = 420, zt = /* @__PURE__ */ d({
 //#region src/core/page.ts
 function Bt(e) {
 	if (!e || typeof e != "object" || !Array.isArray(e.items)) throw TypeError("Vibe loadPage must resolve to a page with an items array.");
+	if (e.current !== void 0 && e.current !== null && typeof e.current != "string" && typeof e.current != "number") throw TypeError("Vibe page current must be a string, number, null, or undefined.");
 	if (e.next !== null && typeof e.next != "string" && typeof e.next != "number") throw TypeError("Vibe page next must be a string, number, or null.");
 	if (e.total !== void 0 && (!Number.isFinite(e.total) || e.total < 0)) throw TypeError("Vibe page total must be a non-negative number when provided.");
 	return e;
@@ -2662,13 +2664,13 @@ var on = class {
 	}
 	commitCollection() {
 		let { onLastCursor: e, options: t, state: n } = this.context;
-		if (t?.strategy !== "frontend") return;
+		if (t?.strategy !== "frontend") return !1;
 		let r = this.collection;
-		this.collection = null, r && (n.items = Z(n.items, r.items), e(r.lastCursor), this.context.onPages(r.pages), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
+		return this.collection = null, r ? (n.items = Z(n.items, r.items), e(r.lastCursor), this.context.onPages(r.pages), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
 			missing: r.missing,
 			received: r.received,
 			requests: r.requests
-		}));
+		}), !0) : !1;
 	}
 }, sn = 100;
 function cn(e, t) {
@@ -3201,7 +3203,10 @@ function Pn(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
-		retry: () => e.reload(),
+		retry: () => {
+			let t = e.getState();
+			return t.autofill.strategy === "frontend" && t.autofill.status === "error" && t.items.length > 0 && t.next !== null ? e.loadNext() : e.reload();
+		},
 		retryEnd: () => e.retryEnd()
 	};
 }
@@ -3242,6 +3247,7 @@ function Vn(e, t) {
 		activeReelPostId: null,
 		autoScroll: dn(e.autoScroll),
 		autofill: en(e.autofill),
+		current: n?.current ?? null,
 		error: null,
 		fill: Sn(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
@@ -3289,6 +3295,7 @@ function Wn(e) {
 		if (!Number.isInteger(t) || t <= 0) throw TypeError("Vibe removalReconciliation maxReplayPages must be a positive integer.");
 		if (!e.loadPage) throw TypeError("Vibe removalReconciliation requires loadPage.");
 		if (e.autofill?.strategy === "backend") throw TypeError("Vibe removalReconciliation does not support backend autofill.");
+		if (e.autofill?.strategy === "frontend" && e.autofill.pageSize < e.removalReconciliation.pageSize) throw TypeError("Vibe autofill pageSize must be greater than or equal to removalReconciliation pageSize.");
 		if (e.fill?.strategy === "backend") throw TypeError("Vibe removalReconciliation does not support backend fill.");
 	}
 	if (e.removalHistoryLimit !== void 0 && (!Number.isInteger(e.removalHistoryLimit) || e.removalHistoryLimit < 0)) throw TypeError("Vibe removalHistoryLimit must be a non-negative integer.");
@@ -3307,7 +3314,7 @@ function Gn(e) {
 //#endregion
 //#region src/core/pageRequest.ts
 async function Kn({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
-	let u = s.autofill, d = e && u?.strategy === "frontend" && l.autofill.status === "paused", f = d ? {
+	let u = s.autofill, d = e && u?.strategy === "frontend" && (l.autofill.status === "paused" || l.autofill.status === "error"), f = d ? {
 		received: l.autofill.received,
 		requests: l.autofill.requests
 	} : null, p = u ? d ? l.autofill.cycleId : t.beginCycle() : null;
@@ -3377,9 +3384,10 @@ async function Kn({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				total: l.total
 			}, r), t.syncCountdown();
 		}
-	} catch (t) {
+	} catch (n) {
 		if (c.aborted || !r()) return;
-		u && (l.autofill.error = t, l.autofill.status = "error"), m || (e ? l.nextPageError = t : l.error = t);
+		let i = u?.strategy === "frontend" ? t.commitCollection() : !1;
+		u && (l.autofill.error = n, l.autofill.status = "error"), m || (e || i ? l.nextPageError = n : l.error = n);
 	} finally {
 		r() && (t.clearCollection(), l.isLoading = !1, l.isLoadingMore = !1);
 	}
@@ -3425,6 +3433,14 @@ var Yn = class {
 	recordPages(e) {
 		!this.enabled || e.length === 0 || (e.forEach((e) => this.recordPage(e)), this.pages = this.pages.slice(-this.maxReplayPages));
 	}
+	recordInitialPage(e) {
+		e && this.recordPages([{
+			contributionIds: Jn(e.items),
+			cursor: e.current ?? null,
+			next: e.next,
+			returnedIds: Jn(e.items)
+		}]);
+	}
 	remove(e) {
 		this.enabled && e.forEach((e) => this.tombstones.add($(e)));
 	}
@@ -3725,7 +3741,7 @@ var rr = 20, ir = class {
 		}, this.state.reelForward = {
 			error: null,
 			status: "loading"
-		}, this.state.reelForwardIndex = t, this.state.reelForwardItem = n, this.startForwardRequest(!1);
+		}, this.state.reelForwardIndex = t, this.state.reelForwardItem = n, this.startForwardRequest();
 	}
 	cancel(e) {
 		if (this.forward?.token !== e || this.state.reelForward.status === "idle") return null;
@@ -3739,7 +3755,7 @@ var rr = 20, ir = class {
 		return !this.forward || this.state.reelForward.status === "idle" ? Promise.resolve() : (this.state.nextPageError = null, this.state.reelForward = {
 			error: null,
 			status: "loading"
-		}, this.startForwardRequest(this.state.next === null));
+		}, this.startForwardRequest());
 	}
 	clearState() {
 		this.state.reelForward = {
@@ -3747,19 +3763,19 @@ var rr = 20, ir = class {
 			status: "idle"
 		}, this.state.reelForwardIndex = null, this.state.reelForwardItem = null;
 	}
-	startForwardRequest(e) {
+	startForwardRequest() {
 		if (this.forwardPromise) return this.forwardPromise;
-		let t = this.loadForward(e);
-		return this.forwardPromise = t, t.finally(() => {
-			this.forwardPromise === t && (this.forwardPromise = null, this.forward && this.state.reelForward.status === "loading" && this.startForwardRequest(!1));
+		let e = this.loadForward();
+		return this.forwardPromise = e, e.finally(() => {
+			this.forwardPromise === e && (this.forwardPromise = null, this.forward && this.state.reelForward.status === "loading" && this.startForwardRequest());
 		});
 	}
-	async loadForward(e) {
-		let t = this.forward;
-		if (t) for (e && await this.options.retryEnd(); this.forward === t && t.version === this.forwardVersion;) {
-			let e = this.state.items[t.postIndex];
-			if (e) {
-				this.forward = null, this.clearState(), this.options.onActivate(e.postId);
+	async loadForward() {
+		let e = this.forward;
+		if (e) for (; this.forward === e && e.version === this.forwardVersion;) {
+			let t = this.state.items[e.postIndex];
+			if (t) {
+				this.forward = null, this.clearState(), this.options.onActivate(t.postId);
 				return;
 			}
 			if (this.state.nextPageError) {
@@ -3769,21 +3785,30 @@ var rr = 20, ir = class {
 				};
 				return;
 			}
-			if (this.state.next === null) {
-				this.state.reelForward = {
-					error: null,
-					status: "end"
-				};
-				return;
-			}
-			let n = this.state.next;
-			if (await this.options.loadNext(), this.state.next === n && !this.state.nextPageError && !this.state.items[t.postIndex]) {
+			let n = this.state.next, r = this.state.items.length;
+			if (await this.options.replenishAfterRemoval(), this.state.nextPageError) {
 				this.state.reelForward = {
-					error: /* @__PURE__ */ Error("Vibe could not advance while page loading is unavailable."),
+					error: this.state.nextPageError,
 					status: "error"
 				};
 				return;
 			}
+			if (!this.state.items[e.postIndex]) {
+				if (this.state.next === null) {
+					this.state.reelForward = {
+						error: null,
+						status: "end"
+					};
+					return;
+				}
+				if (this.state.next === n && this.state.items.length === r) {
+					this.state.reelForward = {
+						error: /* @__PURE__ */ Error("Vibe could not advance while page loading is unavailable."),
+						status: "error"
+					};
+					return;
+				}
+			}
 		}
 	}
 }, or = class {
@@ -3974,33 +3999,27 @@ var mr = class {
 	constructor(e) {
 		this.options = e, Wn(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(Vn(e, t)), this.notificationItems = I(this.state), this.autoScroll = new fn({
+		this.state = x(Vn(e, t)), this.lastLoadedCursor = e.initialPage?.current ?? e.initialPage?.next ?? null, this.notificationItems = I(this.state), this.autoScroll = new fn({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
 		}), this.autofillController = new on({
 			cancelRequest: () => this.cancelRequest(),
-			onLastCursor: (e) => {
-				this.lastLoadedCursor = e;
-			},
+			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: e.autofill,
 			state: this.state
-		}), this.removalReconciliation = new Yn(e), this.fillController = new Mn({
+		}), this.removalReconciliation = new Yn(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new Mn({
 			fill: e.fill,
 			loadPage: e.loadPage ? (e) => this.loadFilteredPage(e) : void 0,
 			needsFrontendPreparation: () => this.removalReconciliation.needsReconciliation(this.state.items),
-			onLastCursor: (e) => {
-				this.lastLoadedCursor = e;
-			},
+			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => Nn({
 				controller: this.removalReconciliation,
 				isCurrent: t,
 				loadPage: e.loadPage,
 				onDelayChange: n,
-				setLastCursor: (e) => {
-					this.lastLoadedCursor = e;
-				},
+				setLastCursor: (e) => this.setCurrentCursor(e),
 				signal: r,
 				state: this.state
 			}),
@@ -4008,11 +4027,10 @@ var mr = class {
 		}), this.routing = new hr(e.routing, this.state);
 		let n = sr({
 			historyLimit: e.removalHistoryLimit,
-			loadNext: () => this.loadNext(),
 			onActivate: (e) => this.setActiveReelPost(e),
 			onItemsRemoved: (e) => this.removalReconciliation.remove(e),
 			onItemsRestored: (e) => this.removalReconciliation.restore(e),
-			retryEnd: () => this.retryEnd(),
+			replenishAfterRemoval: () => this.replenishAfterRemoval(),
 			state: this.state,
 			surface: () => this.surface
 		});
@@ -4148,24 +4166,30 @@ var mr = class {
 	restoreFillSession(e) {
 		return this.fillController.restoreSession(e);
 	}
-	async loadNext() {
+	loadNext() {
+		return this.startLoadMore(() => this.loadNextSequence());
+	}
+	replenishAfterRemoval() {
+		return this.startLoadMore(() => this.replenishAfterRemovalSequence());
+	}
+	async startLoadMore(e) {
 		if (this.pendingRequest) return this.pendingRequest;
 		if (this.state.loadMoreLocked || tn(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
 		this.state.isLoadingMore = !0, this.state.nextPageError = null;
-		let e = this.loadNextSequence();
-		return this.pendingRequest = e, e.finally(() => {
-			this.pendingRequest === e && (this.pendingRequest = null), this.state.isLoadingMore = !1;
+		let t = e();
+		return this.pendingRequest = t, t.finally(() => {
+			this.pendingRequest === t && (this.pendingRequest = null), this.state.isLoadingMore = !1;
 		});
 	}
 	async refresh() {
-		return this.replaceFeed(this.state.next ?? this.lastLoadedCursor, "refresh");
+		return this.replaceFeed(this.lastLoadedCursor, "refresh");
 	}
 	async reload() {
 		return this.replaceFeed(null, "reload");
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return tn(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = en(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset(), this.state.error = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
+		return tn(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = en(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset(), this.state.error = null, this.state.current = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
 	}
 	async loadFilteredPage(e) {
 		let t = this.options.loadPage;
@@ -4179,6 +4203,10 @@ var mr = class {
 	async loadNextSequence() {
 		this.removalReconciliation.needsReconciliation(this.state.items) && !await this.reconcileBeforeNext() || this.state.loadMoreLocked || this.state.next !== null && await this.fetchPage(this.state.next, !0);
 	}
+	async replenishAfterRemovalSequence() {
+		let e = this.state.items.length;
+		this.removalReconciliation.needsReconciliation(this.state.items) && (!await this.reconcileBeforeNext() || this.state.items.length > e) || this.state.loadMoreLocked || this.state.next === null || await this.fetchPage(this.state.next, !0);
+	}
 	async reconcileBeforeNext() {
 		let e = this.options.loadPage;
 		if (!e) return !1;
@@ -4190,9 +4218,7 @@ var mr = class {
 				isCurrent: () => t === this.requestVersion,
 				loadPage: e,
 				onDelayChange: () => void 0,
-				setLastCursor: (e) => {
-					this.lastLoadedCursor = e;
-				},
+				setLastCursor: (e) => this.setCurrentCursor(e),
 				signal: n.signal,
 				state: this.state
 			});
@@ -4258,9 +4284,7 @@ var mr = class {
 			cursor: e,
 			isCurrent: () => n === this.requestVersion,
 			loadPage: (e) => this.loadFilteredPage(e),
-			onLastCursor: (e) => {
-				this.lastLoadedCursor = e;
-			},
+			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: this.options,
 			signal: r.signal,
@@ -4280,15 +4304,13 @@ var mr = class {
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
-			onLastCursor: (e) => {
-				this.lastLoadedCursor = e;
-			},
+			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: this.options,
 			signal: t.signal,
 			state: this.state
 		}).catch((n) => {
-			t.signal.aborted || e !== this.requestVersion || (this.state.autofill.error = n, this.state.autofill.status = "error", this.state.nextPageError = n);
+			t.signal.aborted || e !== this.requestVersion || (this.autofillController.commitCollection(), this.state.autofill.error = n, this.state.autofill.status = "error", this.state.nextPageError = n);
 		}).finally(() => {
 			e === this.requestVersion && (this.autofillController.clearCollection(), this.autofillController.syncCountdown(), this.abortController = null, this.state.isLoadingMore = !1, this.pendingRequest === r && (this.pendingRequest = null));
 		});
@@ -4301,6 +4323,9 @@ var mr = class {
 			flush: "post"
 		}));
 	}
+	setCurrentCursor(e) {
+		this.lastLoadedCursor = e, this.state.current = e;
+	}
 };
 function _r(e) {
 	return new gr(e);

package/lib/types.d.ts

@@ -159,6 +159,7 @@ export interface VibeRoutingOptions {
     router: Router;
 }
 export interface VibePage {
+    current?: VibeCursor;
     items: VibeItem[];
     next: VibeCursor;
     total?: number;
@@ -363,6 +364,7 @@ export interface VibeState {
     layout: VibeLayout;
     lifecycle: VibeLifecycle;
     loadMoreLocked: boolean;
+    current: VibeCursor;
     next: VibeCursor;
     nextPageError: unknown | null;
     phoneMode: boolean;
@@ -389,6 +391,7 @@ export interface VibeInstance {
     pauseAutoScroll: () => void;
     previousReelMediaItem: () => boolean;
     previousReelPost: () => boolean;
+    replenishAfterRemoval: () => Promise<void>;
     refresh: () => Promise<void>;
     reload: () => Promise<void>;
     removeMedia: (target: VibeMediaTarget) => VibeMediaRemoval | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyxos/vibe",
-  "version": "5.5.2",
+  "version": "5.5.4",
   "description": "An initializable Vue 3 media feed with virtualized masonry and reel layouts.",
   "keywords": [
     "vue",