rivet-design 0.14.9 → 0.14.10

package/src/ui/dist/assets/{main-CQho_sDZ.js → main-QevbGOvt.js}

@@ -111,7 +111,7 @@ function useAtomValueWithDelay<Value>(
 `);if(!t.reference)return e;const n=((a=t.projectPath)==null?void 0:a.trim())??"",r=n?` --project '${n.replace(/'/g,"'\\''")}'`:"",s=[`Rivet variant: ${t.reference}`,"To inspect the full variant context, run:",`rivet variants get ${t.reference}${r}`].join(`
 `);return e?`${e}
 
-${s}`:s},kG=({rows:t,activeVariantId:e,activePastKey:n,isOriginalSelected:r,busy:s,editingKey:i,onSelectActive:a,onSelectPast:u,onSelectOriginal:c,onActivePointerDown:d,onPastPointerDown:h,onHover:p,onRemove:m,onRemovePast:y,onStartRename:x,onCommitRename:_,onCancelRename:w,onCopyVariantContext:E,activeSessionId:k,projectPath:P})=>{const T=g.useRef(null),{activeIndex:A,itemRects:L,sessionRef:O,handlers:R,registerItem:M}=qR(T),D=(s==null?void 0:s.kind)==="switch",j=A!==null?L[A]:null;return S.jsxs("div",{ref:T,className:"relative",onMouseEnter:R.onMouseEnter,onMouseMove:R.onMouseMove,onMouseLeave:R.onMouseLeave,children:[S.jsx(ao,{children:j&&S.jsx(_l.div,{className:"bg-hover pointer-events-none absolute z-0 rounded-md",initial:{opacity:0,top:j.top,left:j.left,width:j.width,height:j.height},animate:{opacity:1,top:j.top,left:j.left,width:j.width,height:j.height},exit:{opacity:0,transition:{duration:.06}},transition:{...ef.fast,opacity:{duration:.08}}},O.current)}),S.jsx("ul",{className:"relative",children:t.map((N,K)=>{const G=wG(N);let W=!1;return N.kind==="active"?W=N.variant.workItemId===e:N.kind==="past"?W=`${N.entry.sessionId}:${N.entry.variantId}`===n:W=r,S.jsx(PG,{rowKey:G,row:N,index:K,isSelected:W,isEditing:i===G,isSwitchInFlight:D,busy:s,registerItem:M,onSelectActive:a,onSelectPast:u,onSelectOriginal:c,onActivePointerDown:d,onPastPointerDown:h,onHover:p,onRemove:m,onRemovePast:y,onStartRename:x,onCommitRename:_,onCancelRename:w,onCopyVariantContext:E,activeSessionId:k,projectPath:P},G)})})]})},PG=({rowKey:t,row:e,index:n,isSelected:r,isEditing:s,isSwitchInFlight:i,busy:a,registerItem:u,onSelectActive:c,onSelectPast:d,onSelectOriginal:h,onActivePointerDown:p,onPastPointerDown:m,onHover:y,onRemove:x,onRemovePast:_,onStartRename:w,onCommitRename:E,onCancelRename:k,onCopyVariantContext:P,activeSessionId:T,projectPath:A})=>{var _e,ae;const L=g.useRef(null);qU(u,n,L);const O=e.kind==="active",R=e.kind==="original",M=e.kind==="active"?e.variant:null,D=e.kind==="past"?e.entry:null,j=O?M.status==="succeeded":!0,N=O?tl(M):!0,K=O?nA(M):!1,G=O&&(M.status==="pending"||M.status==="running"),W=O?j&&(N||K)||G:!0,q=O&&M.status==="failed",X=O&&M.status==="cancelled",V=O&&(!W||i),J=O&&(a==null?void 0:a.kind)==="remove"&&a.variantId===M.workItemId,H=O&&(((_e=M.refinement)==null?void 0:_e.status)==="pending"||((ae=M.refinement)==null?void 0:ae.status)==="running");let F=Gx;O?F=M.label||`Direction ${n+1}`:D&&(F=D.label.trim()||"Untitled direction");let Y;O?Y=M.runLabel:D&&(Y=D.runLabel);let te=Kx;O?te=M.description:D&&(te=D.brief);const ie=te?SG(te):null,oe=EG(e,T),le=oe?"Copy variant reference":"Copy description";return s?S.jsx("li",{ref:L,"data-proximity-index":n,className:"group relative z-10",children:S.jsx("div",{className:"bg-main-input flex w-full items-start gap-2 rounded-md px-3 py-2",children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsx(TG,{initial:F,onCommit:re=>E(e,re),onCancel:k}),ie&&S.jsx("span",{className:"text-content-muted mt-1 line-clamp-2 block text-xs leading-snug",children:ie})]})})}):S.jsxs("li",{ref:L,"data-proximity-index":n,className:"group relative z-10",children:[S.jsx("div",{role:"button",tabIndex:W?0:-1,"data-variant-id":O?M.workItemId:void 0,"data-variant-key":t,onClick:()=>{if(V)return;const re=window.getSelection();re&&!re.isCollapsed||(e.kind==="active"?c(e.variant):e.kind==="past"?d(e.entry):h())},onKeyDown:re=>{V||(re.key==="Enter"||re.key===" ")&&(re.preventDefault(),re.stopPropagation(),e.kind==="active"?c(e.variant):e.kind==="past"?d(e.entry):h())},onPointerDown:re=>{V||(e.kind==="active"?j&&p(e.variant.workItemId,re):e.kind==="past"&&m(e.entry,re))},"aria-pressed":W?r:void 0,"aria-disabled":O?!W:void 0,"aria-busy":G||H,onMouseEnter:O?()=>y(M.workItemId):void 0,onMouseLeave:O?()=>y(null):void 0,className:hr("focus-visible:ring-content-muted/40 flex w-full items-start gap-2 rounded-md px-3 py-2 text-left transition-colors focus:outline-none focus-visible:ring-1",r&&"bg-main-input ring-content-muted/40 ring-1 ring-inset",j&&N&&"cursor-grab active:cursor-grabbing",(G||K)&&"cursor-pointer",!j&&!G&&!K&&"cursor-not-allowed opacity-60",V&&"cursor-not-allowed opacity-50"),style:j?{touchAction:"none"}:void 0,children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[(G||H)&&S.jsx(Ix,{className:"text-content-muted shrink-0 text-sm","data-testid":H&&!G?"variant-refining":void 0}),S.jsx(io,{label:"Double-click to rename",disabled:R,children:S.jsx("span",{onDoubleClick:re=>{re.stopPropagation(),R||w(t)},className:hr("min-w-0 flex-1 truncate text-sm font-medium select-text",R?"cursor-default":"cursor-text",j||r?"text-content":"text-content-muted"),children:F})}),q&&S.jsx(io,{label:M.errorMessage??M.errorCode??"Failed",disabled:!M.errorMessage&&!M.errorCode,children:S.jsx("span",{className:"shrink-0",children:S.jsx(Tk,{label:"Failed"})})}),X&&S.jsx(Tk,{label:"Cancelled"}),Y&&S.jsx("span",{className:"ml-auto max-w-[8rem] shrink-0 truncate rounded px-1.5 py-0.5 text-[10px] font-medium opacity-100 transition-opacity duration-150 group-hover:opacity-0 group-has-[:focus-visible]:opacity-0",style:KR(Y),children:Y})]}),ie&&S.jsx("span",{className:"text-content-muted mt-0.5 line-clamp-2 block cursor-text text-xs leading-snug select-text",children:ie})]})}),S.jsxs("div",{className:hr("absolute top-1.5 right-2 flex items-center gap-0.5 transition-opacity duration-150","pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 has-[:focus-visible]:pointer-events-auto has-[:focus-visible]:opacity-100"),children:[te||oe?S.jsx(io,{label:le,children:S.jsx("button",{type:"button","aria-label":le,onClick:re=>{re.stopPropagation(),P(CG({label:F,description:te,reference:oe,projectPath:A}))},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1",children:S.jsx(Jd,{size:13,weight:"bold"})})}):null,!R&&S.jsx(io,{label:"Rename",children:S.jsx("button",{type:"button","aria-label":"Rename direction",onClick:re=>{re.stopPropagation(),w(t)},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1",children:S.jsx(Qz,{size:13,weight:"bold"})})}),!R&&S.jsx(io,{label:"Remove",children:S.jsx("button",{type:"button","data-variant-remove-id":e.kind==="active"?e.variant.workItemId:void 0,"aria-label":"Remove direction",disabled:J,onClick:re=>{re.stopPropagation(),e.kind==="active"?x(e.variant):_(e.entry)},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 ml-1 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",children:S.jsx(tU,{size:13,weight:"bold"})})})]})]})},TG=({initial:t,onCommit:e,onCancel:n})=>{const[r,s]=g.useState(t),i=g.useRef(!1),a=g.useCallback(c=>{c&&(c.focus(),c.select())},[]),u=c=>{i.current||(i.current=!0,c?e(r):n())};return S.jsx("input",{ref:a,type:"text",value:r,maxLength:120,"aria-label":"Rename direction",onChange:c=>s(c.target.value),onKeyDown:c=>{c.stopPropagation(),c.key==="Enter"?(c.preventDefault(),u(!0)):c.key==="Escape"&&(c.preventDefault(),u(!1))},onBlur:()=>u(!0),onClick:c=>c.stopPropagation(),onPointerDown:c=>c.stopPropagation(),className:"border-content-muted/40 bg-main text-content focus:ring-content-muted/50 w-full rounded border px-1.5 py-0.5 text-sm font-medium focus:ring-1 focus:outline-none"})},Tk=({label:t})=>S.jsx("span",{className:"bg-main-input text-content-muted shrink-0 rounded-full px-1.5 py-0.5 text-[10px] font-medium tracking-wide uppercase",children:t}),RG=({entry:t,deploying:e,deployedUrl:n,onDeploy:r,isDeployDisabled:s=!1})=>{const a=e?"Deploying…":n?"Copy link":"Share";return S.jsxs("div",{className:"border-main-border bg-main-light flex shrink-0 items-center justify-between gap-3 border-t px-3 pt-2 pb-4",children:[S.jsxs("div",{className:"min-w-0",children:[S.jsx("div",{className:"text-content truncate text-sm font-medium",children:t.label.trim()||"Untitled direction"}),n?S.jsx("div",{className:"text-content-muted text-[11px]",children:"Deployed — share link ready"}):null]}),S.jsxs("button",{type:"button",onClick:()=>r(t),disabled:e||s,title:n?`Copy share link (${n})`:"Deploy this direction and get a public link to share",className:"border-main-border text-content hover:bg-main-input flex shrink-0 items-center gap-1 rounded-md border px-2 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:[n&&!e?S.jsx(Jd,{size:12,weight:"bold"}):null,a]})]})},AG={agent_browser:"Browser extracted",cache:"Cached",static:"Bundled catalog",manual:"Manual"},IG={design_context:"DESIGN.md",source_context:"Source",qa_report:"QA",asset:"Asset"},MG=({artifacts:t})=>{const[e,n]=g.useState(null),r=g.useMemo(()=>e&&t.some(i=>i.id===e)?e:null,[t,e]);if(t.length===0)return null;const s=i=>{n(a=>a===i?null:i)};return S.jsxs("section",{"aria-label":"Directions session artifacts",className:"mt-4",children:[S.jsx("div",{className:"flex shrink-0 items-center px-3 py-2",children:S.jsx("span",{className:"text-content truncate text-sm font-medium",children:"Artifacts"})}),S.jsx("ul",{className:"mt-2 space-y-1 px-1",children:t.map(i=>S.jsx(OG,{artifact:i,isExpanded:i.id===r,onToggle:()=>s(i.id)},i.id))})]})},OG=({artifact:t,isExpanded:e,onToggle:n})=>{const r=IG[t.kind],s=t.source?AG[t.source]:null,i=[t.kind==="design_context"?null:s,t.summary].filter(Boolean).join(" · "),a=t.kind==="design_context"&&!!t.viewUrl,u=`${e?"Hide":"View"} ${r} artifact${t.label?`: ${t.label}`:""}`;return a?S.jsx("li",{className:"border-main-border rounded-md border",children:S.jsxs("div",{className:"flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-xs",children:[S.jsxs("span",{className:"flex min-w-0 flex-1 flex-col",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx("span",{className:"border-content-muted/30 bg-main-input text-content-muted shrink-0 rounded-full border px-2 py-0.5 text-[9px] font-semibold tracking-wide uppercase",children:r}),S.jsx("span",{className:"text-content truncate text-xs font-medium",children:t.label})]}),i?S.jsx("span",{className:"text-content-muted mt-0.5 truncate text-[11px]",children:i}):null]}),S.jsx("a",{href:t.viewUrl,target:"_blank",rel:"noreferrer","aria-label":`Open ${r} artifact${t.label?`: ${t.label}`:""}`,className:"text-content-muted hover:bg-main-input hover:text-content focus-visible:ring-content-muted/40 shrink-0 rounded p-1 transition-colors focus:outline-none focus-visible:ring-1",children:S.jsx(Kz,{className:"h-3.5 w-3.5",weight:"bold"})})]})}):S.jsxs("li",{className:"border-main-border rounded-md border",children:[S.jsxs("button",{type:"button",onClick:n,"aria-expanded":e,"aria-label":u,className:"hover:bg-main-input flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-xs transition-colors",children:[S.jsxs("span",{className:"flex min-w-0 flex-1 flex-col",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx("span",{className:"text-content-muted text-[10px] font-semibold tracking-wide uppercase",children:r}),S.jsx("span",{className:"text-content truncate text-xs font-medium",children:t.label})]}),i?S.jsx("span",{className:"text-content-muted mt-0.5 truncate text-[11px]",children:i}):null]}),S.jsx("span",{className:"text-content-muted shrink-0 text-[11px]",children:e?"Hide":"View"})]}),e?S.jsx("div",{className:"border-main-border bg-main-light border-t px-3 py-2",children:S.jsx(LG,{artifact:t})}):null]})},LG=({artifact:t})=>S.jsxs("div",{className:"text-content-muted space-y-1 text-[11px]",children:[t.summary?S.jsx("p",{children:t.summary}):null,t.path?S.jsxs("p",{children:["Stored at ",t.path]}):null,!t.summary&&!t.path?S.jsx("p",{children:"No inline content available for this artifact."}):null]}),DG=({selectedVariant:t,busy:e,onSend:n,onDeploy:r,onDeployCanvas:s,canDeploy:i,canDeployCanvas:a,canSendToAgent:u,canvasVariantCount:c,canvasDeployedUrl:d,deployedUrl:h})=>{var O,R,M,D;const p=t?((R=(O=t.actions)==null?void 0:O.commit)==null?void 0:R.enabled)??t.status==="succeeded":!1,m=p&&e===null,y=(e==null?void 0:e.kind)==="commit"&&e.variantId===(t==null?void 0:t.workItemId),x=(e==null?void 0:e.kind)==="deploy"&&e.variantId===(t==null?void 0:t.workItemId),_=(e==null?void 0:e.kind)==="deploy-canvas",w=!i||!p||e!==null,E=a&&c>0,P=x?"Deploying…":h?"Copy link":"Share",A=_?"Sharing…":d?"Copy canvas link":"Share canvas",L=y?"Applying…":"Apply to project";return S.jsxs("div",{className:"border-main-border bg-main-light flex shrink-0 items-center justify-between gap-3 border-t px-3 pt-2 pb-4",children:[S.jsx("div",{className:"min-w-0",children:t?S.jsxs(S.Fragment,{children:[S.jsx("div",{className:"text-content truncate text-sm font-medium",children:t.label.trim()||"Untitled direction"}),h?S.jsx("div",{className:"text-content-muted text-[11px]",children:"Deployed — share link ready"}):null]}):null}),S.jsxs("div",{className:"flex shrink-0 items-center gap-2",children:[S.jsx(V5,{primaryLabel:P,primaryIcon:h&&!x?Jd:void 0,primaryAction:()=>{t&&r(t)},isDisabled:w,isDropdownDisabled:e!==null,isLoading:x,loadingLabel:"Deploying…",dropdownAriaLabel:"More share actions",dropdownItems:E?[{label:A,icon:d&&!_?Jd:void 0,onClick:s,isDisabled:e!==null}]:[]}),u?S.jsx("button",{type:"button",onClick:()=>{t&&n(t)},disabled:!m,title:(D=(M=t==null?void 0:t.actions)==null?void 0:M.commit)==null?void 0:D.reason,className:"bg-secondary text-secondary-foreground hover:bg-accent rounded-md px-2 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:L}):null]})]})},rA=()=>S.jsx("div",{"data-testid":"direction-skeleton-row","aria-hidden":"true",className:"flex w-full items-start rounded-md px-3 py-2",children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx(Ix,{className:"text-content-muted shrink-0 text-sm"}),S.jsx("span",{className:"bg-muted-foreground/15 h-3.5 w-28 animate-pulse rounded"})]}),S.jsx("span",{className:"mt-1.5 flex",children:S.jsx("span",{className:"bg-muted-foreground/10 h-2.5 w-full max-w-[14rem] animate-pulse rounded"})})]})}),NG=({groups:t})=>S.jsx("div",{className:"space-y-0.5",children:t.flatMap(e=>Array.from({length:Math.max(1,e.count)}).map((n,r)=>S.jsx(rA,{},`${e.requestId}-${r}`)))}),jG=()=>S.jsx("div",{"data-testid":"direction-boot-skeletons",className:"space-y-0.5",children:Array.from({length:3}).map((t,e)=>S.jsx(rA,{},e))}),FG=()=>S.jsxs("div",{className:"flex flex-col items-center gap-2 px-4 py-8 text-center",children:[S.jsx("div",{className:"text-content text-sm",children:"No directions yet"}),S.jsx("div",{className:"text-content-muted text-xs",children:"They’ll appear here as they generate."})]}),Rk="Try different ways to create a dropdown that feels fluid and dynamic",VG=({isMCPSession:t=!1,mcpEditor:e=null})=>{const[n,r]=g.useState(!1),s=xB(e),i=t?s:"your coding agent",a=()=>{navigator.clipboard.writeText(Rk).then(()=>{r(!0),setTimeout(()=>r(!1),2e3)})};return S.jsxs("div",{className:"flex flex-col items-start gap-3 px-2 py-2",children:[S.jsx("p",{className:"text-content text-sm font-medium",children:"Create your first direction"}),S.jsxs("p",{className:"text-content-muted text-xs",children:["Use ",i," to generate directions."]}),S.jsxs("div",{className:"w-full",children:[S.jsx("p",{className:"text-content-muted mb-2 text-xs",children:"Here's a sample prompt to use:"}),S.jsxs("div",{className:"border-main-border bg-main-input relative rounded-md border px-3 py-2.5 pr-8",children:[S.jsxs("p",{className:"text-content-muted text-xs leading-snug",children:["“",Rk,"”"]}),S.jsx("button",{type:"button",onClick:a,className:"text-content-muted hover:bg-main-border hover:text-content absolute top-2 right-2 rounded p-0.5 transition-colors",title:"Copy to clipboard",children:n?S.jsx(_R,{className:"h-3.5 w-3.5 text-emerald-500",weight:"bold"}):S.jsx(Jd,{className:"h-3.5 w-3.5",weight:"bold"})})]})]})]})},$G=({onClose:t})=>{const e=Je(t5);return t?S.jsxs("div",{className:"z-10 flex flex-shrink-0 items-center justify-between gap-2 border-b border-main-border bg-main-light px-2.5 py-2.5",children:[e?S.jsx("span",{className:"text-content min-w-0 truncate text-sm font-medium",title:e,children:e}):S.jsx("span",{}),S.jsx(io,{label:"Close panel",side:"bottom",children:S.jsx("button",{onClick:t,className:"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded p-1 text-content-subtle transition-colors hover:bg-main-input hover:text-content",children:S.jsx(Jz,{className:"h-4 w-4",weight:"bold"})})})]}):null},HG='[data-menu-item]:not([disabled]):not([aria-disabled="true"])',zG=({itemSelector:t=HG,loop:e=!1}={})=>{const n=g.useRef(null),r=g.useRef(null),s=g.useCallback(a=>{var u;n.current=a,a?r.current=yB():((u=r.current)==null||u.call(r),r.current=null)},[]),i=g.useCallback(a=>{var x;const{key:u}=a;if(u!=="ArrowDown"&&u!=="ArrowUp"&&u!=="Home"&&u!=="End")return;const c=n.current;if(!c)return;const d=Array.from(c.querySelectorAll(t));if(d.length===0)return;a.preventDefault(),a.stopPropagation();const h=d.indexOf(document.activeElement),p=d.length-1,m=_=>{if(h===-1)return _===1?0:p;const w=h+_;return e?(w+d.length)%d.length:Math.min(Math.max(w,0),p)};let y;u==="Home"?y=0:u==="End"?y=p:u==="ArrowDown"?y=m(1):y=m(-1),(x=d[y])==null||x.focus()},[t,e]);return{containerRef:s,onKeyDown:i}},Ak="/assets/arena-Db0j1set.png",UG=Ss("useIntegrations"),Ik=["integrations"],BG="rivet:connect-result",WG=t=>typeof t=="object"&&t!==null&&t.type===BG,GG=nt(null),KG=()=>{const t=G8(),[e,n]=FP(GG),r=ty({queryKey:Ik,queryFn:async()=>{const u=await fetch("/api/integrations");if(!u.ok)throw new Error(`Failed to load integrations (${u.status})`);return(await u.json()).integrations??[]},staleTime:1e4}),s=g.useCallback(()=>t.invalidateQueries({queryKey:Ik}),[t]),i=g.useCallback(async u=>{const c=window.open("","_blank","width=560,height=720");if(!c)throw new Error("Popup blocked. Allow popups to connect.");n(u);try{const d=await fetch(`/api/integrations/${u}/connect`,{method:"POST"}),h=await d.json().catch(()=>({}));if(!d.ok||!h.authUrl)throw c.close(),new Error(h.error||`Could not connect ${u}`);c.location.href=h.authUrl,await new Promise(p=>{const m=()=>{window.removeEventListener("message",y),clearInterval(x),s(),p()},y=_=>{WG(_.data)&&_.data.provider===u&&(_.data.status==="error"&&UG.warn(`Connect failed for ${u}:`,_.data.message),m())};window.addEventListener("message",y);const x=setInterval(()=>{c.closed&&m()},500)})}finally{n(null)}},[s,n]),a=g.useCallback(async u=>{n(u);try{const c=await fetch(`/api/integrations/${u}`,{method:"DELETE"});if(!c.ok){const d=await c.json().catch(()=>({}));throw new Error(d.error||`Could not disconnect ${u}`)}await s()}finally{n(null)}},[s,n]);return{integrations:r.data??[],isLoading:r.isPending,error:r.error instanceof Error?r.error.message:null,pendingProvider:e,connect:i,disconnect:a,refetch:s}},Ru=({onClick:t,title:e,shortcut:n,children:r,disabled:s=!1,className:i="",type:a="button","data-cy":u})=>{const c=S.jsx("button",{onClick:t,disabled:s,className:i,type:a,"data-cy":u,children:r});return e?S.jsx(Wx,{content:S.jsxs("div",{className:"flex flex-row items-center gap-2",children:[S.jsx("span",{children:e}),n?S.jsx("span",{className:"rounded bg-white/15 px-1.5 py-0.5 text-[11px]",children:n}):null]}),children:c}):c},Mk=Ss("ConnectorsModal"),qG=()=>S.jsx("svg",{viewBox:"0 0 24 24",className:"h-6 w-6","aria-hidden":"true",children:S.jsx("path",{fill:"currentColor",d:"M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.781c0-1.669.967-2.915 2.171-2.915 1.024 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.132 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.137.893 2.739.098.119.112.223.083.344-.091.379-.293 1.194-.333 1.361-.052.22-.174.266-.401.16-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.36-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146A12.004 12.004 0 0 0 12 24c6.627 0 12-5.373 12-12C24 5.372 18.627 0 12 0z"})}),ZG=()=>S.jsx("span",{"aria-hidden":"true",className:"h-6 w-6 bg-[#b1b1b1]",style:{WebkitMaskImage:`url(${Ak})`,maskImage:`url(${Ak})`,WebkitMaskSize:"contain",maskSize:"contain",WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskPosition:"center",maskPosition:"center"}}),YG=[{provider:"pinterest",name:"Pinterest",description:"Pull boards and pins in as visual references.",tileClassName:"bg-[#e60023] text-white",icon:S.jsx(qG,{})},{provider:"arena",name:"Are.na",description:"Connect channels of collected blocks and links.",tileClassName:"bg-[#18181b] text-content",icon:S.jsx(ZG,{})}],XG=({meta:t,integration:e,isPending:n,isHighlighted:r,onConnect:s,onDisconnect:i})=>{const a=(e==null?void 0:e.status)==="connected",u=e!=null&&e.externalUsername?`@${e.externalUsername}`:null;return S.jsxs("article",{className:`flex flex-col rounded-xl bg-main-light p-[18px] ${r?"ring-2 ring-secondary":""}`,children:[S.jsx("span",{className:`grid h-[52px] w-[52px] flex-none place-items-center rounded-xl ${t.tileClassName}`,"aria-hidden":"true",children:t.icon}),S.jsxs("div",{className:"mt-4 flex-1",children:[S.jsxs("h2",{className:"text-content flex items-center gap-1.5 text-[15px] font-semibold",children:[t.name,a?S.jsx(_R,{className:"h-3.5 w-3.5",weight:"bold","aria-hidden":"true"}):null]}),S.jsx("p",{className:"text-content-subtle mt-1 text-[13px] leading-relaxed",children:t.description}),a&&u?S.jsx("p",{className:"text-content-muted mt-2.5 text-xs font-medium",children:u}):null]}),a?S.jsx("button",{type:"button",onClick:i,disabled:n,className:"active-push mt-[18px] inline-flex min-h-[38px] w-full items-center justify-center rounded-lg bg-main-input px-3.5 text-[13px] font-semibold text-content-muted transition-colors hover:bg-red-500/10 hover:text-red-300 disabled:cursor-not-allowed disabled:opacity-50",children:n?"Disconnecting…":"Disconnect"}):S.jsx("button",{type:"button",onClick:s,disabled:n,className:"active-push mt-[18px] inline-flex min-h-[38px] w-full items-center justify-center rounded-lg bg-secondary px-3.5 text-[13px] font-semibold text-secondary-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",children:n?"Connecting…":"Connect"})]})},H_=({isOpen:t,onClose:e,context:n="menu",highlightProvider:r=null})=>{const{integrations:s,isLoading:i,error:a,pendingProvider:u,connect:c,disconnect:d}=KG(),[h,p]=g.useState(null),m=w=>s.find(E=>E.provider===w),y=g.useCallback(w=>{c(w).catch(E=>{const k=E instanceof Error?E.message:"Could not connect.";Mk.warn(`Connect error for ${w}:`,k),ht.error(k)})},[c]),x=g.useCallback(w=>{d(w).catch(E=>{const k=E instanceof Error?E.message:"Could not disconnect.";Mk.warn(`Disconnect error for ${w}:`,k),ht.error(k)})},[d]),_=n==="onboarding";return S.jsx(wx,{open:t,onOpenChange:w=>!w&&e(),children:S.jsxs(bx,{children:[S.jsx(Sx,{className:"fixed inset-0 z-max bg-black/40"}),S.jsx(Ex,{ref:p,className:"fixed left-1/2 top-1/2 z-max w-[560px] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-main-border bg-main font-main shadow-2xl outline-none",children:S.jsxs(Q5,{value:h,children:[S.jsxs("div",{className:"flex items-center justify-between rounded-t-lg border-b border-main-border bg-main-light px-4 py-2",children:[S.jsx(Cx,{className:"text-base font-medium text-content",children:"Connect design references"}),S.jsx(Ru,{onClick:e,title:"Close",className:"rounded p-1 text-content-subtle transition-colors hover:bg-main-hover hover:text-content",children:S.jsx(IR,{className:"h-4 w-4",weight:"bold"})})]}),S.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[S.jsx(kx,{className:"text-sm text-content-subtle",children:"Connect your design references to use them with Rivet’s MCP."}),a?S.jsx("p",{className:"rounded-lg bg-red-500/10 px-4 py-3 text-[13px] font-medium text-red-300",children:a}):null,S.jsx("div",{className:"grid grid-cols-2 gap-4",children:YG.map(w=>S.jsx(XG,{meta:w,integration:m(w.provider),isPending:i||u===w.provider,isHighlighted:r===w.provider,onConnect:()=>y(w.provider),onDisconnect:()=>x(w.provider)},w.provider))}),_?S.jsxs("div",{className:"flex items-center justify-between gap-4",children:[S.jsx("p",{className:"text-xs text-content-subtle",children:"You can always do this later from the account menu."}),S.jsx("button",{type:"button",onClick:e,className:"active-push flex-none rounded-lg bg-secondary px-3.5 py-2 text-[13px] font-medium text-secondary-foreground transition-colors hover:bg-accent",children:"Skip for now"})]}):null]})]})})]})})},Ok=({className:t=""})=>S.jsx("span",{"aria-hidden":"true",className:`rivet-skeleton block rounded ${t}`.trim()}),QG=Ss("SupportTicketModal"),Lk=5e3,w1="feedback",JG=t=>{var r;if(!t)return null;const e=(r=t.formErrors)==null?void 0:r[0];if(e)return e;const n=t.fieldErrors??{};for(const s of Object.values(n)){const i=s==null?void 0:s[0];if(i)return i}return null},eK=async t=>{let e;try{e=await t.json()}catch{e=void 0}if(t.status===400){if(typeof(e==null?void 0:e.details)=="string"&&e.details.trim())return e.details;if(typeof(e==null?void 0:e.details)=="object"&&e.details!==null){const n=JG(e.details);if(n)return n}return"Please check your feedback and try again."}return t.status>=500?typeof(e==null?void 0:e.details)=="string"&&e.details.trim()?e.details:"Could not send feedback right now. Please try again later.":typeof(e==null?void 0:e.error)=="string"&&e.error.trim()?e.error:`HTTP ${t.status}`},tK=({isOpen:t,onClose:e,contactEmail:n})=>{const r=zN(),[s,i]=g.useState(""),[a,u]=g.useState(!1),[c,d]=g.useState(null),h=g.useCallback(()=>{i("")},[]),p=g.useCallback(()=>{a||(h(),e())},[a,e,h]),m=g.useCallback(async()=>{const w=s.trim();if(!(!w||a)){u(!0);try{const E=typeof(r==null?void 0:r.get_session_id)=="function"?r.get_session_id():void 0,k=typeof(r==null?void 0:r.get_distinct_id)=="function"?r.get_distinct_id():void 0,P=n==null?void 0:n.trim(),T=await fetch("/api/support/tickets",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:w1,message:w,contactEmail:P||void 0,metadata:{posthogSessionId:E??void 0,posthogDistinctId:k??void 0,appVersion:"0.14.9",appEnvironment:"production",pageUrl:window.location.href,userAgent:navigator.userAgent,submittedAt:new Date().toISOString()}})});if(!T.ok){const A=await eK(T);throw new Error(A)}r==null||r.capture("support_ticket_submitted",{ticket_type:w1,has_posthog_session_id:!!E}),ht.success("Feedback sent",{description:"Thanks for sharing this."}),h(),e()}catch(E){const k=E instanceof Error?E.message:"Failed to send message";r==null||r.capture("support_ticket_submit_failed",{ticket_type:w1,error:k}),QG.error("Failed to submit support ticket:",k),ht.error("Could not send feedback",{description:k})}finally{u(!1)}}},[n,a,s,e,r,h]),y=g.useCallback(w=>{w.key==="Enter"&&(w.metaKey||w.ctrlKey)&&(w.preventDefault(),m())},[m]),x=Lk-s.length,_=a||s.trim().length===0;return S.jsx(wx,{open:t,onOpenChange:w=>!w&&p(),children:S.jsxs(bx,{children:[S.jsx(Sx,{className:"fixed inset-0 z-max bg-black/40"}),S.jsx(Ex,{ref:d,className:"fixed left-1/2 top-1/2 z-max w-[440px] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-main-border bg-main font-main shadow-2xl outline-none",children:S.jsxs(Q5,{value:c,children:[S.jsxs("div",{className:"flex items-center justify-between rounded-t-lg border-b border-main-border bg-main-light px-4 py-2",children:[S.jsx(Cx,{className:"text-base font-medium text-content",children:"Send feedback"}),S.jsx(Ru,{onClick:p,disabled:a,title:"Close",className:"rounded p-1 text-content-subtle transition-colors hover:bg-main-hover hover:text-content disabled:cursor-not-allowed disabled:opacity-50",children:S.jsx(IR,{className:"h-4 w-4",weight:"bold"})})]}),S.jsxs("div",{className:"flex flex-col gap-3 p-4",children:[S.jsx(kx,{className:"text-sm text-content-subtle",children:"Tell us what happened or what we can improve."}),S.jsxs("div",{className:"rounded-lg bg-main-input outline outline-1 outline-transparent transition-[outline-color] focus-within:outline-white/20",children:[S.jsx("textarea",{id:"support-ticket-message","aria-label":"Your feedback",value:s,onChange:w=>i(w.target.value),onKeyDown:y,maxLength:Lk,rows:6,disabled:a,placeholder:"What happened?",className:"max-h-64 w-full resize-none overflow-y-auto bg-transparent pb-1 pl-3 pr-3 pt-3 text-sm text-content placeholder-content-subtle focus:outline-none disabled:opacity-50"}),S.jsxs("div",{className:"flex items-center justify-between px-3 pb-3 pt-1",children:[S.jsx("span",{className:"text-xs text-content-subtle",children:"Context details are included automatically."}),S.jsxs("div",{className:"flex items-center gap-2",children:[x<=500&&S.jsx("span",{className:"text-xs text-content-subtle",children:x}),S.jsx(Ru,{onClick:m,disabled:_,title:"Send feedback",shortcut:"⌘↵",className:"flex items-center justify-center rounded bg-primary p-1 text-content transition-colors hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-80",children:a?S.jsx(f0,{className:"h-5 w-5 animate-spin",weight:"bold"}):S.jsx(qz,{className:"h-5 w-5",weight:"bold"})})]})]})]})]})]})})]})})},nK=Ss("ProfileAvatar"),sA=(t,e)=>{const n=(t??"").trim();if(n)return n.split(/\s+/).filter(Boolean)[0]??"";const s=((e??"").split("@")[0]??"").split(/[._\-+]/).filter(Boolean)[0]??"";return s?s[0].toUpperCase()+s.slice(1):""},rK=(t,e)=>sA(t,e).charAt(0).toUpperCase(),sK=({className:t="",side:e="bottom",align:n="end"})=>{const{name:r,email:s}=Je(r5),i=Je(u5),a=Je(l5),[u,c]=g.useState(!1),[d,h]=g.useState(!1),[p,m]=g.useState(!1),[y,x]=g.useState(!1),{containerRef:_,onKeyDown:w}=zG(),E=Je(Mf),k=rK(r,s);if(!k)return E?S.jsxs("span",{"data-testid":"profile-avatar-skeleton","aria-hidden":"true",className:`flex shrink-0 items-center gap-2 ${t}`.trim(),children:[S.jsx(Ok,{className:"h-7 w-7 rounded-full"}),S.jsx(Ok,{className:"h-3 w-16"})]}):null;const P=sA(r,s),T=(r==null?void 0:r.trim())||null,A=(s==null?void 0:s.trim())||null,L=async()=>{x(!0);try{const O=await fetch("/api/auth/logout",{method:"POST",credentials:"same-origin"});if(!O.ok)throw new Error(`Logout failed: ${O.status}`)}catch(O){nK.warn("Logout request failed",O),ht.error("Could not log out. Please try again."),x(!1);return}window.location.reload()};return S.jsxs(S.Fragment,{children:[S.jsxs(M5,{open:u,onOpenChange:c,children:[S.jsx(O5,{asChild:!0,children:S.jsxs("button",{type:"button","aria-label":"Account",className:`flex shrink-0 select-none items-center gap-2 text-content-muted transition-colors hover:text-content ${t}`,children:[S.jsx("span",{className:"flex h-7 w-7 items-center justify-center rounded-full border border-main-border bg-main-input text-[11px] font-semibold leading-none",children:k}),P?S.jsx("span",{className:"max-w-[8rem] truncate text-xs font-medium",children:P}):null]})}),S.jsx(D5,{children:S.jsxs(N5,{ref:_,onKeyDown:w,role:"menu",className:"z-[60] min-w-[180px] rounded-lg bg-surface-2 p-1 shadow-lg",side:e,sideOffset:6,align:n,children:[T||A?S.jsxs("div",{className:"border-b border-main-border px-3 py-2",children:[T?S.jsx("div",{className:"truncate text-xs font-medium text-content",children:T}):null,A?S.jsx("div",{className:"truncate text-[11px] text-content-muted",children:A}):null]}):null,S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>{c(!1),h(!0)},disabled:!i||a,className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",children:[S.jsx(TR,{className:"h-3.5 w-3.5",weight:"bold"}),"Connect design references"]}),S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>{c(!1),m(!0)},className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none",children:[S.jsx(Yz,{className:"h-3.5 w-3.5",weight:"bold"}),"Share feedback"]}),S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:L,disabled:y,className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",children:[S.jsx(eU,{className:"h-3.5 w-3.5",weight:"bold"}),y?"Logging out…":"Log out"]})]})})]}),S.jsx(H_,{isOpen:d,onClose:()=>h(!1)}),S.jsx(tK,{isOpen:p,onClose:()=>m(!1),contactEmail:s??void 0})]})},iK=({onClose:t})=>S.jsxs("div",{className:"bg-main font-main scrollbar-hide relative flex h-full w-full cursor-auto flex-col overflow-hidden shadow-2xl","data-cy":"element-inspector",children:[S.jsx($G,{onClose:t}),S.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:S.jsx(yG,{})}),S.jsx("div",{className:"border-main-border bg-main-light flex flex-shrink-0 items-center border-t px-2.5 py-1.5",children:S.jsx(sK,{side:"top",align:"start"})})]}),oK=Ss("useServerConfig"),aK=()=>{const[t,e]=g.useState(null),[n,r]=g.useState(!0),[s,i]=g.useState(null),a=g.useCallback(async()=>{var u;try{r(!0),i(null);const c=await fetch("/api/health");if(!c.ok)throw new Error(`Failed to fetch config: ${c.status}`);const d=await c.json();if(!d.framework)throw new Error("Server did not return framework information");const h={userPort:((u=d.ports)==null?void 0:u.userDevServer)||3e3,framework:d.framework};return e(h),h}catch(c){const d=c instanceof Error?c.message:"Failed to fetch server config";throw i(d),oK.warn("Error fetching server config:",c),c}finally{r(!1)}},[]);return{config:t,fetchConfig:a,isLoading:n,error:s}},lK="#1C1C20",zi=[118,118,124],Dk=.85,uK=3,cK=.15,gp=36,dK=4.4,fK=.7,hK=3.5,pK=.8,Nk=9,mK=11,gK=[1.35,1.12,.95,.85],vK=[0,1.1,2.3,3.1],yK=[0,.35,.16,.13],_K=[.9,.5,.4,.35],Wa=3,b1=[[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.14,y1:.13,x2:.86,y2:.23,level:1},{x1:.14,y1:.28,x2:.3,y2:.87,level:1},{x1:.34,y1:.28,x2:.86,y2:.87,level:1},{x1:.165,y1:.155,x2:.225,y2:.205,level:2},{x1:.7,y1:.155,x2:.755,y2:.205,level:2},{x1:.775,y1:.155,x2:.83,y2:.205,level:2},{x1:.165,y1:.32,x2:.275,y2:.375,level:2},{x1:.165,y1:.415,x2:.275,y2:.47,level:2},{x1:.165,y1:.51,x2:.275,y2:.565,level:2},{x1:.37,y1:.32,x2:.585,y2:.56,level:2},{x1:.615,y1:.32,x2:.83,y2:.56,level:2},{x1:.37,y1:.61,x2:.83,y2:.83,level:2},{hline:!0,x1:.39,x2:.81,y:.685,level:3},{hline:!0,x1:.39,x2:.75,y:.755,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.16,y1:.17,x2:.52,y2:.45,level:1},{x1:.58,y1:.17,x2:.685,y2:.29,level:1},{x1:.715,y1:.17,x2:.84,y2:.29,level:1},{x1:.58,y1:.33,x2:.685,y2:.45,level:1},{x1:.715,y1:.33,x2:.84,y2:.45,level:1},{x1:.16,y1:.55,x2:.84,y2:.85,level:1},{x1:.19,y1:.21,x2:.36,y2:.33,level:2},{hline:!0,x1:.19,x2:.48,y:.37,level:3},{hline:!0,x1:.19,x2:.42,y:.42,level:3},{x1:.19,y1:.6,x2:.49,y2:.8,level:2},{hline:!0,x1:.53,x2:.8,y:.63,level:3},{hline:!0,x1:.53,x2:.76,y:.7,level:3},{hline:!0,x1:.53,x2:.79,y:.77,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.14,y1:.13,x2:.86,y2:.22,level:1},{x1:.14,y1:.28,x2:.36,y2:.87,level:1},{x1:.39,y1:.28,x2:.61,y2:.87,level:1},{x1:.64,y1:.28,x2:.86,y2:.87,level:1},{x1:.165,y1:.15,x2:.225,y2:.2,level:2},{x1:.165,y1:.32,x2:.335,y2:.52,level:2},{x1:.415,y1:.32,x2:.585,y2:.52,level:2},{x1:.665,y1:.32,x2:.835,y2:.52,level:2},{hline:!0,x1:.165,x2:.335,y:.6,level:3},{hline:!0,x1:.165,x2:.3,y:.67,level:3},{hline:!0,x1:.415,x2:.585,y:.6,level:3},{hline:!0,x1:.415,x2:.55,y:.67,level:3},{hline:!0,x1:.665,x2:.835,y:.6,level:3},{hline:!0,x1:.665,x2:.8,y:.67,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.3,y1:.22,x2:.7,y2:.74,level:1},{x1:.34,y1:.27,x2:.55,y2:.34,level:2},{hline:!0,x1:.36,x2:.64,y:.42,level:3},{hline:!0,x1:.36,x2:.6,y:.49,level:3},{hline:!0,x1:.36,x2:.62,y:.56,level:3},{x1:.5,y1:.63,x2:.575,y2:.69,level:2},{x1:.595,y1:.63,x2:.66,y2:.69,level:2}]],vp=t=>{let e=t|0;return e=Math.imul(e^e>>>16,73244475),e=Math.imul(e^e>>>16,73244475),e^=e>>>16,(e>>>0)/4294967296},zp=t=>{const e=Math.min(1,Math.max(0,t));return e*e*(3-2*e)},Ga=(t,e)=>(Math.round(t/e-.5)+.5)*e,xK=Math.sin(Math.PI/3),jk=(t,e,n,r,s)=>{if(t.beginPath(),e===0)t.arc(n,r,s,0,Math.PI*2);else if(e===1){const i=s*xK;t.moveTo(n,r-s),t.lineTo(n+i,r+s/2),t.lineTo(n-i,r+s/2),t.closePath()}else{const i=s*.85;t.rect(n-i,r-i,i*2,i*2)}t.fill()},wK=(t,e,n)=>{let r;if(n.hline){const s=Math.max(n.x1-t,t-n.x2,0),i=Math.abs(e-n.y1);r=Math.hypot(s,i)-Nk}else{const s=Math.max(n.x1-t,t-n.x2,0),i=Math.max(n.y1-e,e-n.y2,0);s===0&&i===0?r=-Math.min(t-n.x1,n.x2-t,e-n.y1,n.y2-e):r=Math.hypot(s,i),r=Math.abs(r)-Nk}return zp(.5-r/(2*mK))},iA=({className:t="",trackGlobalLoaderCount:e=!0})=>{const n=it(n5),r=g.useRef(null),s=g.useCallback(i=>{var D;if((D=r.current)==null||D.call(r),r.current=null,!i)return;const a=i.getContext("2d");if(!a)return;e&&n(j=>j+1);const u=window.matchMedia("(prefers-reduced-motion: reduce)").matches;let c=[],d=0,h=0,p=gp,m=gp,y=null,x=null,_=0,w=-1;const E=new Array(33),k=j=>{const N=Math.round(j*32);let K=E[N];if(!K){const G=N/32,W=Math.round(zi[0]+(255-zi[0])*G),q=Math.round(zi[1]+(255-zi[1])*G),X=Math.round(zi[2]+(255-zi[2])*G);K=`rgba(${W}, ${q}, ${X}, ${Dk})`,E[N]=K}return K},P=j=>{const N=1-.35*j,K=Math.round(zi[0]*N),G=Math.round(zi[1]*N),W=Math.round(zi[2]*N);return`rgba(${K}, ${G}, ${W}, ${Dk})`},T=j=>{let N=Math.floor(Math.random()*b1.length);N===w&&(N=(N+1)%b1.length),w=N;const K=[0,0,0,0],G=b1[N].map((F,Y)=>{const te=F.level,ie=K[te]++,oe=vK[te]+ie*yK[te],le=_K[te]+vp(N*131+Y*17+5)*.2;if(F.hline){const re=Ga((F.y??0)*h,m);return{hline:!0,x1:Ga(F.x1*d,p),x2:Ga(F.x2*d,p),y1:re,y2:re,level:te,start:oe,dur:le}}const _e=Ga(F.x1*d,p),ae=Ga((F.y1??0)*h,m);return{hline:!1,x1:_e,y1:ae,x2:Math.max(Ga(F.x2*d,p),_e+p),y2:Math.max(Ga((F.y2??0)*h,m),ae+m),level:te,start:oe,dur:le}}),W=G.reduce((F,Y)=>Math.max(F,Y.start+Y.dur),0),q=c.length,X=new Float32Array(q*Wa),V=new Int16Array(q*Wa).fill(-1),J=new Uint8Array(q),H=G[0];for(let F=0;F<q;F++){const Y=c[F];Y.x>H.x1&&Y.x<H.x2&&Y.y>H.y1&&Y.y<H.y2&&(J[F]=1);const te=F*Wa;for(let ie=0;ie<G.length;ie++){const oe=wK(Y.x,Y.y,G[ie]);if(oe<=.02)continue;let le=te;for(let _e=te;_e<te+Wa;_e++){if(V[_e]===-1){le=_e;break}X[_e]<X[le]&&(le=_e)}(V[le]===-1||oe>X[le])&&(X[le]=oe,V[le]=ie)}}return{startT:j,buildEnd:W,els:G,frame:H,cellQ:X,cellEl:V,inFrame:J}},A=()=>{const j=i.getBoundingClientRect();d=Math.max(1,j.width),h=Math.max(1,j.height);const N=Math.min(2,window.devicePixelRatio||1);i.width=Math.round(d*N),i.height=Math.round(h*N),a.setTransform(N,0,0,N,0,0);const K=Math.max(8,Math.round(d/gp)),G=Math.max(6,Math.round(h/gp));p=d/K,m=h/G,c=[];for(let W=0;W<G;W++){const q=G>1?W/(G-1):.5,X=dK*(1+fK*.4*(q*2-1));for(let V=0;V<K;V++){const J=W*8191+V*131+1,H={x:(V+.5)*p,y:(W+.5)*m,size:X,seed:J,phase:vp(J),kind:0};H.kind=Math.floor(vp(J*97)*3),c.push(H)}}x=null,y=null},L=new Float32Array(32),O=j=>{a.fillStyle=lK,a.fillRect(0,0,d,h),y||(y=T(j+.2)),j>=y.startT+y.buildEnd+hK&&(x=y,_=j,y=T(j+.2));let N=0;x&&(N=1-zp((j-_)/pK),N<=0&&(x=null));const K=y;for(let H=0;H<K.els.length;H++){const F=K.els[H];L[H]=zp(Math.min(1,Math.max(0,(j-K.startT-F.start)/F.dur)))}const G=L[0],W=P(0),q=P(G),X=N>0?P(N):W,V=N>0?P(Math.max(G,N)):q,J=c.length;for(let H=0;H<J;H++){const F=c[H];let Y=0,te=0;const ie=H*Wa;for(let Pe=ie;Pe<ie+Wa;Pe++){const Se=K.cellEl[Pe];if(Se<0)break;const Fe=K.cellQ[Pe]*L[Se];Fe>Y&&(Y=Fe,te=K.els[Se].level)}if(x)for(let Pe=ie;Pe<ie+Wa;Pe++){const Se=x.cellEl[Pe];if(Se<0)break;const Fe=x.cellQ[Pe]*N;Fe>Y&&(Y=Fe,te=x.els[Se].level)}const oe=j/uK+F.phase,le=Math.floor(oe),_e=oe-le,ae=zp(Math.min(_e,1-_e)/cK),re=Math.floor(vp(F.seed*97+le*7919)*3);re!==F.kind&&Y<.02&&ae<.05&&(F.kind=re);const he=Math.max(ae*(1-Y),Y);if(!(he<.01))if(Y<.02){const Pe=K.inFrame[H]===1,Se=x?x.inFrame[H]===1:!1;Pe?a.fillStyle=Se?V:q:a.fillStyle=Se?X:W;const Fe=Math.max(Pe?G:0,Se?N:0);jk(a,F.kind,F.x,F.y,F.size*he*(1-.2*Fe))}else{a.fillStyle=k(Y);const Pe=1+(gK[te]-1)*Y;jk(a,F.kind,F.x,F.y,F.size*he*Pe)}}};A();let R=0;if(u)y=T(-100),O(0);else{const j=performance.now(),N=K=>{O((K-j)/1e3),R=requestAnimationFrame(N)};R=requestAnimationFrame(N)}const M=new ResizeObserver(()=>{A(),u&&(y=T(-100),O(0))});M.observe(i),r.current=()=>{cancelAnimationFrame(R),M.disconnect(),e&&n(j=>j-1)}},[e,n]);return S.jsx("canvas",{ref:s,"aria-hidden":"true",className:`h-full w-full ${t}`.trim()})},bK=async(t=null)=>{if(t)return SK(t);let e;try{e=await fetch("/api/mcp/status")}catch{return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null}}if(e.status===404||!(e.headers.get("content-type")??"").toLowerCase().includes("application/json"))return yp();if(!e.ok)return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null};let r;try{r=await e.json()}catch{return yp()}const s=r.devServerHealth;return s?s.ownership==="none"?{isOk:!1,unavailableReason:"upstream_unreachable",upstreamStatus:null}:s.isReachable===!0?{isOk:!0,unavailableReason:"upstream_unreachable",upstreamStatus:null}:{isOk:!1,unavailableReason:s.reason==="rivet_unreachable"?"rivet_unreachable":"upstream_unreachable",upstreamStatus:null}:yp()},oA=async t=>{try{const e=await fetch(t);return{isOk:e.status!==502&&e.status!==503,unavailableReason:"upstream_unreachable",upstreamStatus:e.status}}catch{return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null}}},SK=t=>oA(t),yp=()=>oA("/"),S1=Ss("usePreviewUpstreamHealth"),EK=500,CK=4e3,kK=15e3,PK=3,TK=(t,e={})=>{const n=g.useRef(null),r=g.useRef(null),s=e.probeMsWhileDown??EK,i=e.probeMsWhileUp??CK,a=e.firstUnreachableCaptureAfterMs??kK,u=e.rerunProbeImmediatelyOnVersion,c=e.probePath??null,d=e.skip??!1,h=g.useRef(e.onPersistentUpstreamServerErrors);h.current=e.onPersistentUpstreamServerErrors;const[p,m]=g.useState(t==="static"),[y,x]=g.useState(0),[_,w]=g.useState(null),[E,k]=g.useState(0),[P,T]=g.useState(!1),[A,L]=g.useState(!1),[O,R]=g.useState(t==="static"?null:"upstream_unreachable");return g.useEffect(()=>{if(t==="static"){m(!0),w(null),k(0),T(!1),L(!0),R(null);return}if(d){m(!1),w(null),k(0),T(!1),L(!0),R("upstream_unreachable"),n.current=null;return}let M=!0;const D=Date.now();w(D),k(0),T(!1),m(!1),L(!1),R("upstream_unreachable");const j={current:!1},N={current:!1},K={current:!1},G={current:null},W={current:!1},q={current:!1},X={current:0},V={current:!1},J={current:null};let H=null;const F=()=>{K.current||(K.current=!0,M&&L(!0))},Y=()=>{H!==null&&(clearTimeout(H),H=null)},te=(oe,le)=>{Y(),H=setTimeout(le,oe)},ie=async()=>{var Fe;if(!M)return;k(Qe=>Qe+1);const{isOk:oe,unavailableReason:le,upstreamStatus:_e}=await bK(c);if(!M)return;F(),J.current=_e;const ae=oe&&_e!==null&&_e>=500;ae&&q.current?X.current+=1:oe&&!ae&&(X.current=0);const re=X.current>=PK;if(re&&!V.current&&_e!==null&&(V.current=!0,Te==null||Te.capture("preview_upstream_error_responses",{framework:t,upstream_status:_e,consecutive_count:X.current}),S1.warn(`Preview upstream is listening but has served ${X.current} consecutive ${_e} responses`),(Fe=h.current)==null||Fe.call(h,{upstreamStatus:_e,consecutiveCount:X.current})),oe&&!re){ae||(q.current=!0,V.current=!1);const Qe=!W.current;W.current=!0,m(!0),R(null),G.current=null,N.current=!1,T(!1),j.current?Qe&&(Te==null||Te.capture("preview_upstream_restored",{framework:t})):(j.current=!0,Te==null||Te.capture("preview_dev_server_ready",{framework:t,ready_after_ms:Date.now()-D})),te(i,ie);return}const Pe=W.current;W.current=!1,m(!1),R(le),G.current===null&&(G.current=Date.now(),N.current=!1,T(!1)),Pe&&(Te==null||Te.capture("preview_upstream_lost",{framework:t,upstream_status:_e}),x(Qe=>Qe+1),S1.warn("Preview upstream became unavailable after it was ready"));const Se=Date.now()-G.current;Se>=a&&!N.current&&(N.current=!0,T(!0),Te==null||Te.capture("preview_dev_server_unreachable",{framework:t,elapsed_ms:Se,upstream_status:J.current}),S1.warn("Dev server did not become ready within timeout window")),te(s,ie)};return n.current=()=>te(0,ie),te(0,ie),()=>{M=!1,n.current=null,Y()}},[t,s,i,a,c,d]),g.useEffect(()=>{var D;if(t==="static"||u===void 0)return;const M=r.current;r.current=u,M!==null&&M!==u&&((D=n.current)==null||D.call(n))},[t,u]),{isUpstreamReady:p,iframeRemountKey:y,probeStartedAt:_,probeAttemptCount:E,isFirstUnreachableWindowExceeded:P,initialProbeComplete:A,unavailableReason:O}};function RK(t){return t.enteringSplit&&t.isExistingSession&&t.hasActiveVariantProxy}const aA=t=>{var e;return t!=="embedded"||typeof window>"u"?"":((e=window.__RIVET_BOOTSTRAP__)==null?void 0:e.previewOrigin)??`${window.location.protocol}//localhost:${window.location.port}`},lA=({agentApplyMode:t,url:e})=>e.startsWith("/")?`${aA(t)}${e}`:e,AK="allow-scripts allow-same-origin allow-forms allow-popups allow-modals",IK=t=>AK,MK=Ss("PreviewSurface"),Fk=(t,e)=>t==="about:blank"?"blank":t.includes("/api/variants/")?"static_artifact":e.kind==="variant"?"dev_server":"original",uA=({target:t,src:e,framework:n,remountKey:r})=>(Je(h0),S.jsx("div",{className:"relative h-full w-full",children:S.jsx("iframe",{src:e,className:"h-full w-full border-none",title:"Project Preview",sandbox:IK(),onLoad:()=>{Te==null||Te.capture("preview_iframe_loaded",{framework:n,src:e}),t.kind==="variant"&&(Te==null||Te.capture("variants_panel.preview_displayed",{sessionId:t.sessionId,variantId:t.variantId,renderedTarget:"variant",iframeSrcKind:Fk(e,t),framework:n}))},onError:()=>{Te==null||Te.capture("preview_iframe_load_failed",{framework:n,src:e}),t.kind==="variant"&&(Te==null||Te.capture("variants_panel.preview_display_failed",{sessionId:t.sessionId,variantId:t.variantId,renderedTarget:"variant",iframeSrcKind:Fk(e,t),framework:n})),MK.warn("Preview iframe failed to load",{framework:n,src:e})}},r)})),OK="modulepreload",LK=function(t){return"/"+t},Vk={},DK=function(e,n,r){let s=Promise.resolve();if(n&&n.length>0){let a=function(d){return Promise.all(d.map(h=>Promise.resolve(h).then(p=>({status:"fulfilled",value:p}),p=>({status:"rejected",reason:p}))))};document.getElementsByTagName("link");const u=document.querySelector("meta[property=csp-nonce]"),c=(u==null?void 0:u.nonce)||(u==null?void 0:u.getAttribute("nonce"));s=a(n.map(d=>{if(d=LK(d),d in Vk)return;Vk[d]=!0;const h=d.endsWith(".css"),p=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${p}`))return;const m=document.createElement("link");if(m.rel=h?"stylesheet":OK,h||(m.as="script"),m.crossOrigin="",m.href=d,c&&m.setAttribute("nonce",c),document.head.appendChild(m),h)return new Promise((y,x)=>{m.addEventListener("load",y),m.addEventListener("error",()=>x(new Error(`Unable to preload CSS for ${d}`)))})}))}function i(a){const u=new Event("vite:preloadError",{cancelable:!0});if(u.payload=a,window.dispatchEvent(u),!u.defaultPrevented)throw a}return s.then(a=>{for(const u of a||[])u.status==="rejected"&&i(u.reason);return e().catch(i)})},NK=g.lazy(()=>DK(()=>Promise.resolve().then(()=>pZ),void 0)),jK={surface:"relative flex h-full w-full items-center justify-center bg-main px-6",overlay:"absolute inset-0 z-10 flex items-center justify-center bg-main/90 px-6",page:"relative flex h-screen w-full items-center justify-center bg-main px-6"},FK={sm:"text-lg font-semibold text-content",md:"text-2xl font-semibold text-content",lg:"text-3xl font-semibold text-content"},VK={neutral:"rounded-md border border-divider bg-transparent px-5 py-2 text-sm font-medium text-content transition-colors hover:bg-surface-3",ghost:"rounded-md px-5 py-2 text-sm font-medium text-content-muted transition-colors hover:text-content"},Ld=({backdrop:t,media:e,title:n,description:r,actions:s,tone:i="neutral",fill:a="surface",size:u="md",children:c,state:d,role:h="status",busy:p=!1,className:m=""})=>{const y=g.useCallback(_=>{_&&d&&(Te==null||Te.capture("status_surface_shown",{state:d,tone:i,fill:a}))},[d,i,a]),x=!!(e||n||r||c||s!=null&&s.length);return S.jsxs("div",{ref:y,className:`${jK[a]} ${m}`.trim(),role:h,"aria-live":"polite","aria-busy":p||void 0,"data-state":d,children:[t?S.jsx("div",{className:"absolute inset-0",children:t}):null,x?S.jsxs("div",{className:"relative z-10 flex max-w-sm flex-col items-center gap-5 text-center",children:[e,n?S.jsx("h2",{className:FK[u],children:n}):null,r?S.jsx("p",{className:"text-content-muted text-base leading-relaxed",children:r}):null,c,s!=null&&s.length?S.jsx("div",{className:"flex flex-row items-center gap-3",children:s.map(_=>S.jsx("button",{type:"button",onClick:_.onClick,className:VK[_.variant??"neutral"],children:_.label},_.label))}):null]}):null]})},z_=({loader:t="coalesce",trackGlobalLoaderCount:e,size:n="lg",...r})=>t==="coalesce"?S.jsx(Ld,{...r,size:n,busy:!0,backdrop:S.jsx(iA,{trackGlobalLoaderCount:e})}):t==="logo"?S.jsx(Ld,{...r,size:n,busy:!0,backdrop:S.jsx(g.Suspense,{fallback:null,children:S.jsx(NK,{className:"absolute inset-0"})})}):S.jsx(Ld,{...r,size:n,busy:!0,media:S.jsx(f0,{"aria-hidden":!0,className:"text-content h-8 w-8 shrink-0 animate-spin",weight:"bold"})}),cA=({icon:t,...e})=>S.jsx(Ld,{...e,tone:"neutral",media:t?S.jsx("div",{className:"text-content-muted",children:t}):void 0}),zm=t=>S.jsx(Ld,{...t,tone:"error",role:"alert"}),$k="/static/",$K=t=>{try{return new URL(t,"http://localhost").pathname.endsWith($k)}catch{return t.endsWith($k)}},HK=({isInteractionDisabled:t=!1,framework:e,userPort:n,activeDemoSessionId:r=null,holdPreviewNavigation:s=!1})=>{const i=Je(A_),a=it(A_),u=Je(jm),c=it(jm),d=Je(If),h=Je(h0),p=Je(I_),m=Je(M_),y=Je(s5),x=Je(i5),_=it(M_),w=Je(da),E=Je(L_),k=it(I_),P=d.active&&d.projectContext.kind==="fresh",T=Je(O_),A=d.active?d.variants.find(je=>je.workItemId===T&&(je.status==="pending"||je.status==="running"||je.status==="succeeded"&&!je.preview&&typeof je.port!="number"&&(!je.previewUnavailable||je.previewUnavailable.reason==="idle_timeout")))??null:null,L=d.active&&d.variants.some(je=>je.status==="pending"||je.status==="running"),O=P||L,R=d.active?d.variants.find(je=>{var tt;return je.workItemId===T&&je.status==="succeeded"&&!!je.previewUnavailable&&((tt=je.previewUnavailable)==null?void 0:tt.reason)!=="idle_timeout"})??null:null,M=e==="static"&&u!==null&&$K(u);g.useEffect(()=>{d.active||k(!1)},[d.active,k]);const D=g.useRef(!1);g.useEffect(()=>{const je=!!(w!=null&&w.left||w!=null&&w.right),tt=je&&!D.current;D.current=je;const ot=d.active?d.sessionId:null;!ot||!RK({enteringSplit:tt,isExistingSession:d.active&&d.projectContext.kind==="existing",hasActiveVariantProxy:p&&m!==null})||(k(!1),_(null),a(qe=>qe+1),fetch(`/api/variants/${encodeURIComponent(ot)}/preview-port`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({variantId:null})}).catch(()=>{}))},[w,d,p,m,k,_,a]);const N=g.useMemo(()=>{var Sn;if(p||u&&!M||!d.active)return null;const{stage:je,variants:tt}=d,ot=je==="ready"||je==="degraded",qe=tt.some(Ft=>{var Mn,Bn;return((Mn=Ft.refinement)==null?void 0:Mn.status)==="pending"||((Bn=Ft.refinement)==null?void 0:Bn.status)==="running"});if(!ot&&!qe)return null;const _t=tt.find(Ft=>{var Mn;return Ft.status==="succeeded"&&((Mn=Ft.preview)==null?void 0:Mn.kind)==="static_artifact"});return((Sn=_t==null?void 0:_t.preview)==null?void 0:Sn.kind)==="static_artifact"?_t.preview.url:null},[M,u,p,d])??u,K=g.useMemo(()=>!d.active||!N?null:d.variants.find(je=>{var tt;return((tt=je.preview)==null?void 0:tt.kind)==="static_artifact"&&N.startsWith(je.preview.url)})??null,[N,d]),G=g.useMemo(()=>{if((E==null?void 0:E.previewKind)==="static")return{kind:"variant",sessionId:E.sessionId,variantId:E.variantId};if(!d.active)return Nm;if(K)return{kind:"variant",sessionId:d.sessionId,variantId:K.workItemId};if(N){const tt=N.match(/\/__rivet\/preview\/variant\/([^/]+)\/([^/?#]+)/),ot=tt!=null&&tt[1]?decodeURIComponent(tt[1]):null,qe=tt!=null&&tt[2]?decodeURIComponent(tt[2]):null;if(ot===d.sessionId&&qe&&d.variants.some(Ft=>Ft.workItemId===qe))return{kind:"variant",sessionId:d.sessionId,variantId:qe};const _t=N.match(/\/api\/variants\/[^/]+\/static\/([^/?#]+)/),Sn=_t!=null&&_t[1]?decodeURIComponent(_t[1]):null;if(Sn&&d.variants.some(Ft=>Ft.workItemId===Sn))return{kind:"variant",sessionId:d.sessionId,variantId:Sn}}const je=!!(w!=null&&w.left||w!=null&&w.right);return(!je||P)&&!N&&p&&m&&d.variants.some(tt=>tt.workItemId===m)?{kind:"variant",sessionId:d.sessionId,variantId:m}:(!je||P)&&!N&&T&&d.variants.some(tt=>tt.workItemId===T)?{kind:"variant",sessionId:d.sessionId,variantId:T}:Nm},[E,K,d,p,m,N,w,P,T]),W=g.useRef(null);g.useEffect(()=>{var qe,_t;if(!K||((qe=K.preview)==null?void 0:qe.kind)!=="static_artifact"||((_t=K.refinement)==null?void 0:_t.status)!=="succeeded")return;const je=`${K.workItemId}:${K.refinement.workItemId}`;if(W.current===je)return;W.current=je;const tt=K.preview.url.includes("?")?"&":"?",ot=`${K.preview.url}${tt}refinement=${encodeURIComponent(K.refinement.workItemId)}`;N!==ot&&(c(ot),a(Sn=>Sn+1))},[N,K,a,c,d]);const q=N!==null&&dG(N),X=N!==null&&!q||P&&!p&&!q,{isUpstreamReady:V,iframeRemountKey:J,probeAttemptCount:H,initialProbeComplete:F}=TK(e,{rerunProbeImmediatelyOnVersion:i,probePath:q?N:null,skip:X}),[Y,te]=g.useState(()=>y&&V?i:null),ie=g.useRef(null);g.useEffect(()=>{if(!y){ie.current=null,te(null);return}if(Y===i){ie.current=null;return}const je=ie.current;if(!je||je.remountKey!==i){ie.current={remountKey:i,probeAttemptCount:H};return}V&&H>je.probeAttemptCount&&(ie.current=null,te(i))},[Y,i,y,H,V]);const le=N!==null&&!q||V,ae=x||y&&Y!==i||y&&!le,re=`${J}:${i}`,he=r?`/try/${encodeURIComponent(r)}`:"",Pe=eA(window.location.pathname),Se=e==="static"?`${he}/static${Pe??"/"}`:`${he}${Pe??"/"}`,Fe=aA(h);let Qe=null;N&&(Qe=lA({agentApplyMode:h,url:N}));const ge=A||ae?"about:blank":(q&&!le?"about:blank":Qe)??(s||!le?"about:blank":`${Fe}${Se}`),gt=!!A||!!R||!le&&F;let dt=null;return ae?dt=S.jsx(z_,{fill:"overlay",loader:"coalesce",trackGlobalLoaderCount:!1,state:"preview_replay_boot"}):A?dt=S.jsx(z_,{fill:"overlay",loader:"coalesce",trackGlobalLoaderCount:!1,state:"variant_building",children:S.jsx("span",{className:"sr-only",children:"Building your direction"})}):R?dt=S.jsx(zm,{fill:"overlay",state:"preview_unavailable",title:"Preview couldn’t start",description:"Its preview server didn’t start.",actions:[{label:"Reload",onClick:()=>window.location.reload()}]}):gt&&(dt=O?S.jsx(cA,{fill:"overlay",state:"preview_no_selection",title:"Nothing to preview yet",description:"Pick a direction from the panel."}):S.jsx(zm,{fill:"overlay",state:"preview_offline",title:"Preview isn't connected",description:"Rivet lost connection to your project.",actions:[{label:"Reload",onClick:()=>window.location.reload()}]})),S.jsxs("div",{className:"relative h-full w-full",children:[dt,S.jsx(uA,{target:G,src:ge,framework:e,remountKey:re})]})};function Hk({side:t,sessionId:e,variantId:n,url:r,label:s,source:i,isFallback:a=!1}){var E;const u=it(da),c=Je(If),d=Je(h0),h=g.useRef(!1),p=g.useCallback(()=>{h.current||(h.current=!0,cf({source:i,sessionId:e,variantId:n}))},[i,e,n]),m=g.useCallback(()=>{if(a){u(null);return}p(),u(k=>{if(!k)return null;const P={...k};return delete P[t],P.left||P.right?P:null})},[u,t,a,p]),y=g.useMemo(()=>({kind:"variant",sessionId:e,variantId:n}),[e,n]),x=g.useMemo(()=>!c.active||c.sessionId!==e?null:c.variants.find(k=>k.workItemId===n)??null,[e,n,c]),_=g.useMemo(()=>{var P,T;let k=r;if(((P=x==null?void 0:x.preview)==null?void 0:P.kind)==="static_artifact"&&((T=x.refinement)==null?void 0:T.status)==="succeeded"){const A=x.preview.url.includes("?")?"&":"?";k=`${x.preview.url}${A}refinement=${encodeURIComponent(x.refinement.workItemId)}`}return lA({agentApplyMode:d,url:k})},[d,x,r]),w=((E=x==null?void 0:x.refinement)==null?void 0:E.status)==="succeeded"?`${n}:${x.refinement.workItemId}`:n;return S.jsxs("div",{className:"variant-split-secondary","data-cy":"variant-split-pane","data-variant-id":n,children:[S.jsxs("div",{className:"variant-split-secondary-toolbar",children:[S.jsx("span",{className:"variant-split-secondary-label",title:s,children:s}),S.jsx(io,{label:"Collapse",children:S.jsx("button",{type:"button",className:"variant-split-secondary-close",onClick:m,"aria-label":"Collapse split view",children:S.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12","aria-hidden":"true",focusable:"false",children:S.jsx("path",{d:"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})})})]}),S.jsx("div",{className:"variant-split-secondary-body relative min-h-0 flex-1",children:S.jsx(uA,{target:y,src:_,framework:"static",remountKey:w})})]})}const zk=240;function zK(){const t=Je(sf),e=Je(Ax),n=g.useRef(null);return g.useEffect(()=>{if(!t||!e||!n.current)return;const r=e.x-zk/2,s=e.y-22;n.current.style.transform=`translate3d(${r}px, ${s}px, 0)`},[t,e]),!t||!e?null:S.jsx("div",{ref:n,"aria-hidden":"true",className:"variant-drag-ghost",style:{width:zk},children:S.jsxs("div",{className:"variant-drag-ghost-body",children:[S.jsxs("div",{className:"variant-drag-ghost-row",children:[S.jsx("div",{className:"variant-drag-ghost-title",children:t.label}),t.runLabel?S.jsx("div",{className:"variant-drag-ghost-tag",style:KR(t.runLabel),children:t.runLabel}):null]}),t.description?S.jsx("div",{className:"variant-drag-ghost-desc",children:t.description}):null]})})}function UK(){const t=Je(sf),e=Je(Ax),n=Je(da),r=it(sf),s=it(da),i=g.useRef(null),[a,u]=g.useState(null),[c,d]=g.useState("hidden");g.useEffect(()=>{if(!t){d("hidden"),u(null);return}const m=requestAnimationFrame(()=>d("visible"));return()=>cancelAnimationFrame(m)},[t]);const h=g.useCallback((m,y)=>{const x=i.current;if(!x)return null;const _=x.getBoundingClientRect();return m<_.left||m>_.right||y<_.top||y>_.bottom?null:m<(_.left+_.right)/2?"left":"right"},[]);if(g.useEffect(()=>{if(!t||!e)return;const m=h(e.x,e.y);u(y=>y===m?y:m)},[t,e,h]),g.useEffect(()=>{if(!t)return;const m=y=>{const x=h(y.clientX,y.clientY);if(x&&t.url){const _={sessionId:t.sessionId,variantId:t.variantId,label:t.label,url:t.url,source:t.source},w=n==null?void 0:n[x];w&&(w.sessionId!==_.sessionId||w.variantId!==_.variantId)&&cf(w),s(E=>({...E??{},[x]:_})),d("exiting"),window.setTimeout(()=>r(null),220)}else cf(t),d("exiting"),window.setTimeout(()=>r(null),220)};return window.addEventListener("pointerup",m),window.addEventListener("pointercancel",m),()=>{window.removeEventListener("pointerup",m),window.removeEventListener("pointercancel",m)}},[t,h,r,s,n]),!t)return null;const p=["variant-drop-zones",c==="visible"&&"is-visible",c==="exiting"&&"is-exiting"].filter(Boolean).join(" ");return S.jsxs("div",{ref:i,className:p,"aria-hidden":"true",children:[S.jsx(Uk,{side:"left",hovered:a==="left",canDrop:!!t.url,label:t.label}),S.jsx(Uk,{side:"right",hovered:a==="right",canDrop:!!t.url,label:t.label})]})}function Uk({side:t,hovered:e,canDrop:n,label:r}){return S.jsxs("div",{className:["variant-drop-zone",`is-${t}`,e&&"is-hover",!n&&"is-disabled"].filter(Boolean).join(" "),children:[S.jsxs("div",{className:"variant-drop-zone-inner",children:[S.jsx("div",{className:`variant-drop-zone-icon is-${t}`}),S.jsx("div",{className:"variant-drop-zone-caption",children:n?`Add ${t} split`:"Split unavailable for this direction"})]}),S.jsx("div",{className:"variant-drop-zone-preview","aria-hidden":"true",children:S.jsx("div",{className:"variant-drop-zone-preview-label",children:r})}),S.jsx("div",{className:"variant-drop-zone-border"})]})}const dA=(t,e,n)=>{var i,a;if(!t.active||t.sessionId!==e)return null;const r=t.variants.find(u=>u.workItemId===n);if(((i=r==null?void 0:r.preview)==null?void 0:i.kind)!=="static_artifact")return null;if(((a=r.refinement)==null?void 0:a.status)!=="succeeded")return r.preview.url;const s=r.preview.url.includes("?")?"&":"?";return`${r.preview.url}${s}refinement=${encodeURIComponent(r.refinement.workItemId)}`},Bk=(t,e)=>{if(!t)return;const n=dA(e,t.sessionId,t.variantId);return!n||n===t.url?t:{...t,url:n}},BK=()=>S.jsx("div",{"data-testid":"preview-boot-skeleton",role:"status","aria-busy":"true","aria-label":"Loading preview",className:"bg-main flex h-full min-h-0 w-full flex-1 flex-col p-3",children:S.jsx("div",{className:"border-main-border relative min-h-0 flex-1 overflow-hidden rounded-lg border",children:S.jsx(iA,{trackGlobalLoaderCount:!1})})}),WK=({isLoading:t=!1,isInteractionDisabled:e=!1,activeDemoSessionId:n=null,holdHostedTryoutPreviewNavigation:r=!1})=>{const{config:s,fetchConfig:i,isLoading:a,error:u}=aK();return g.useEffect(()=>{i().catch(c=>{Te==null||Te.capture("preview_config_load_failed",{message:c instanceof Error?c.message:"unknown_error"})})},[i]),a?r?S.jsx("div",{className:"bg-main flex h-full min-h-0 w-full flex-1","aria-busy":"true"}):S.jsx(BK,{}):u||!s?S.jsx(zm,{fill:"surface",size:"sm",state:"preview_config_error",title:"Couldn't load preview",description:"We couldn't load the preview configuration.",actions:[{label:"Retry",onClick:()=>{Te==null||Te.capture("preview_config_retry_clicked"),i().catch(c=>{Te==null||Te.capture("preview_config_load_failed",{message:c instanceof Error?c.message:"unknown_error"})})}}]}):S.jsx(GK,{isLoading:t,isInteractionDisabled:e,framework:s.framework,userPort:s.userPort,activeDemoSessionId:n,holdHostedTryoutPreviewNavigation:r})};function GK(t){const e=Je(da),n=Je(sf),r=Je(If),s=Je(jm),i=e==null?void 0:e.left,a=e==null?void 0:e.right,u=g.useMemo(()=>{var A,L;if(!r.active||r.projectContext.kind!=="fresh"||!(!!i!=!!a))return;const _=(A=i??a)==null?void 0:A.variantId,w=r.variants.filter(O=>{var R;return O.status==="succeeded"&&((R=O.preview)==null?void 0:R.kind)==="static_artifact"&&O.workItemId!==_}),E=s==null?void 0:s.replace(/[?&]refinement=[^&]*$/,""),P=w.find(O=>{var R;return((R=O.preview)==null?void 0:R.kind)==="static_artifact"&&O.preview.url===E})??w[0];if(((L=P==null?void 0:P.preview)==null?void 0:L.kind)!=="static_artifact")return;const T=dA(r,r.sessionId,P.workItemId);if(T)return{sessionId:r.sessionId,variantId:P.workItemId,label:P.label,url:T,source:"live"}},[r,i,a,s]),c=Bk(i,r)??(a?u:void 0),d=Bk(a,r)??(i?u:void 0),h=!i&&!!c,p=!a&&!!d,m=!!(c||d),y=S.jsx(HK,{isInteractionDisabled:t.isInteractionDisabled,framework:t.framework,userPort:t.userPort,activeDemoSessionId:t.activeDemoSessionId,holdPreviewNavigation:t.holdHostedTryoutPreviewNavigation});return S.jsx("div",{className:"relative flex h-full min-h-0 w-full flex-1 flex-col",children:S.jsxs("div",{className:`variant-preview-region relative flex h-full min-h-0 w-full flex-1 flex-col ${n?"is-dragging":""} ${m?"is-split":""}`,children:[S.jsxs("div",{className:"variant-preview-row flex h-full min-h-0 w-full flex-1",children:[c&&S.jsx(Hk,{side:"left",sessionId:c.sessionId,variantId:c.variantId,url:c.url,label:c.label,source:c.source,isFallback:h},`left-${c.sessionId}:${c.variantId}:${c.url}`),!(c&&d)&&S.jsx("div",{className:"variant-preview-primary flex h-full min-h-0 flex-1 flex-col",children:y}),d&&S.jsx(Hk,{side:"right",sessionId:d.sessionId,variantId:d.variantId,url:d.url,label:d.label,source:d.source,isFallback:p},`right-${d.sessionId}:${d.variantId}:${d.url}`)]}),S.jsx("div",{className:"variant-preview-atmosphere","aria-hidden":"true"}),S.jsx(UK,{}),S.jsx(zK,{})]})})}const fA=({message:t,isLoading:e=!0})=>S.jsxs("div",{className:"flex items-center gap-2 text-sm text-content",children:[e?S.jsx(f0,{className:"h-4 w-4 shrink-0 animate-spin text-primary",weight:"bold"}):null,S.jsx("span",{className:"whitespace-pre-wrap font-sans",children:t})]});function Yi(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function hA(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}/*!
+${s}`:s},kG=({rows:t,activeVariantId:e,activePastKey:n,isOriginalSelected:r,busy:s,editingKey:i,onSelectActive:a,onSelectPast:u,onSelectOriginal:c,onActivePointerDown:d,onPastPointerDown:h,onHover:p,onRemove:m,onRemovePast:y,onStartRename:x,onCommitRename:_,onCancelRename:w,onCopyVariantContext:E,activeSessionId:k,projectPath:P})=>{const T=g.useRef(null),{activeIndex:A,itemRects:L,sessionRef:O,handlers:R,registerItem:M}=qR(T),D=(s==null?void 0:s.kind)==="switch",j=A!==null?L[A]:null;return S.jsxs("div",{ref:T,className:"relative",onMouseEnter:R.onMouseEnter,onMouseMove:R.onMouseMove,onMouseLeave:R.onMouseLeave,children:[S.jsx(ao,{children:j&&S.jsx(_l.div,{className:"bg-hover pointer-events-none absolute z-0 rounded-md",initial:{opacity:0,top:j.top,left:j.left,width:j.width,height:j.height},animate:{opacity:1,top:j.top,left:j.left,width:j.width,height:j.height},exit:{opacity:0,transition:{duration:.06}},transition:{...ef.fast,opacity:{duration:.08}}},O.current)}),S.jsx("ul",{className:"relative",children:t.map((N,K)=>{const G=wG(N);let W=!1;return N.kind==="active"?W=N.variant.workItemId===e:N.kind==="past"?W=`${N.entry.sessionId}:${N.entry.variantId}`===n:W=r,S.jsx(PG,{rowKey:G,row:N,index:K,isSelected:W,isEditing:i===G,isSwitchInFlight:D,busy:s,registerItem:M,onSelectActive:a,onSelectPast:u,onSelectOriginal:c,onActivePointerDown:d,onPastPointerDown:h,onHover:p,onRemove:m,onRemovePast:y,onStartRename:x,onCommitRename:_,onCancelRename:w,onCopyVariantContext:E,activeSessionId:k,projectPath:P},G)})})]})},PG=({rowKey:t,row:e,index:n,isSelected:r,isEditing:s,isSwitchInFlight:i,busy:a,registerItem:u,onSelectActive:c,onSelectPast:d,onSelectOriginal:h,onActivePointerDown:p,onPastPointerDown:m,onHover:y,onRemove:x,onRemovePast:_,onStartRename:w,onCommitRename:E,onCancelRename:k,onCopyVariantContext:P,activeSessionId:T,projectPath:A})=>{var _e,ae;const L=g.useRef(null);qU(u,n,L);const O=e.kind==="active",R=e.kind==="original",M=e.kind==="active"?e.variant:null,D=e.kind==="past"?e.entry:null,j=O?M.status==="succeeded":!0,N=O?tl(M):!0,K=O?nA(M):!1,G=O&&(M.status==="pending"||M.status==="running"),W=O?j&&(N||K)||G:!0,q=O&&M.status==="failed",X=O&&M.status==="cancelled",V=O&&(!W||i),J=O&&(a==null?void 0:a.kind)==="remove"&&a.variantId===M.workItemId,H=O&&(((_e=M.refinement)==null?void 0:_e.status)==="pending"||((ae=M.refinement)==null?void 0:ae.status)==="running");let F=Gx;O?F=M.label||`Direction ${n+1}`:D&&(F=D.label.trim()||"Untitled direction");let Y;O?Y=M.runLabel:D&&(Y=D.runLabel);let te=Kx;O?te=M.description:D&&(te=D.brief);const ie=te?SG(te):null,oe=EG(e,T),le=oe?"Copy variant reference":"Copy description";return s?S.jsx("li",{ref:L,"data-proximity-index":n,className:"group relative z-10",children:S.jsx("div",{className:"bg-main-input flex w-full items-start gap-2 rounded-md px-3 py-2",children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsx(TG,{initial:F,onCommit:re=>E(e,re),onCancel:k}),ie&&S.jsx("span",{className:"text-content-muted mt-1 line-clamp-2 block text-xs leading-snug",children:ie})]})})}):S.jsxs("li",{ref:L,"data-proximity-index":n,className:"group relative z-10",children:[S.jsx("div",{role:"button",tabIndex:W?0:-1,"data-variant-id":O?M.workItemId:void 0,"data-variant-key":t,onClick:()=>{if(V)return;const re=window.getSelection();re&&!re.isCollapsed||(e.kind==="active"?c(e.variant):e.kind==="past"?d(e.entry):h())},onKeyDown:re=>{V||(re.key==="Enter"||re.key===" ")&&(re.preventDefault(),re.stopPropagation(),e.kind==="active"?c(e.variant):e.kind==="past"?d(e.entry):h())},onPointerDown:re=>{V||(e.kind==="active"?j&&p(e.variant.workItemId,re):e.kind==="past"&&m(e.entry,re))},"aria-pressed":W?r:void 0,"aria-disabled":O?!W:void 0,"aria-busy":G||H,onMouseEnter:O?()=>y(M.workItemId):void 0,onMouseLeave:O?()=>y(null):void 0,className:hr("focus-visible:ring-content-muted/40 flex w-full items-start gap-2 rounded-md px-3 py-2 text-left transition-colors focus:outline-none focus-visible:ring-1",r&&"bg-main-input ring-content-muted/40 ring-1 ring-inset",j&&N&&"cursor-grab active:cursor-grabbing",(G||K)&&"cursor-pointer",!j&&!G&&!K&&"cursor-not-allowed opacity-60",V&&"cursor-not-allowed opacity-50"),style:j?{touchAction:"none"}:void 0,children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[(G||H)&&S.jsx(Ix,{className:"text-content-muted shrink-0 text-sm","data-testid":H&&!G?"variant-refining":void 0}),S.jsx(io,{label:"Double-click to rename",disabled:R,children:S.jsx("span",{onDoubleClick:re=>{re.stopPropagation(),R||w(t)},className:hr("min-w-0 flex-1 truncate text-sm font-medium select-text",R?"cursor-default":"cursor-text",j||r?"text-content":"text-content-muted"),children:F})}),q&&S.jsx(io,{label:M.errorMessage??M.errorCode??"Failed",disabled:!M.errorMessage&&!M.errorCode,children:S.jsx("span",{className:"shrink-0",children:S.jsx(Tk,{label:"Failed"})})}),X&&S.jsx(Tk,{label:"Cancelled"}),Y&&S.jsx("span",{className:"ml-auto max-w-[8rem] shrink-0 truncate rounded px-1.5 py-0.5 text-[10px] font-medium opacity-100 transition-opacity duration-150 group-hover:opacity-0 group-has-[:focus-visible]:opacity-0",style:KR(Y),children:Y})]}),ie&&S.jsx("span",{className:"text-content-muted mt-0.5 line-clamp-2 block cursor-text text-xs leading-snug select-text",children:ie})]})}),S.jsxs("div",{className:hr("absolute top-1.5 right-2 flex items-center gap-0.5 transition-opacity duration-150","pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 has-[:focus-visible]:pointer-events-auto has-[:focus-visible]:opacity-100"),children:[te||oe?S.jsx(io,{label:le,children:S.jsx("button",{type:"button","aria-label":le,onClick:re=>{re.stopPropagation(),P(CG({label:F,description:te,reference:oe,projectPath:A}))},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1",children:S.jsx(Jd,{size:13,weight:"bold"})})}):null,!R&&S.jsx(io,{label:"Rename",children:S.jsx("button",{type:"button","aria-label":"Rename direction",onClick:re=>{re.stopPropagation(),w(t)},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1",children:S.jsx(Qz,{size:13,weight:"bold"})})}),!R&&S.jsx(io,{label:"Remove",children:S.jsx("button",{type:"button","data-variant-remove-id":e.kind==="active"?e.variant.workItemId:void 0,"aria-label":"Remove direction",disabled:J,onClick:re=>{re.stopPropagation(),e.kind==="active"?x(e.variant):_(e.entry)},onPointerDown:re=>re.stopPropagation(),className:"text-content-muted hover:bg-main-hover hover:text-content focus-visible:ring-content-muted/40 ml-1 flex h-6 w-6 items-center justify-center rounded focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",children:S.jsx(tU,{size:13,weight:"bold"})})})]})]})},TG=({initial:t,onCommit:e,onCancel:n})=>{const[r,s]=g.useState(t),i=g.useRef(!1),a=g.useCallback(c=>{c&&(c.focus(),c.select())},[]),u=c=>{i.current||(i.current=!0,c?e(r):n())};return S.jsx("input",{ref:a,type:"text",value:r,maxLength:120,"aria-label":"Rename direction",onChange:c=>s(c.target.value),onKeyDown:c=>{c.stopPropagation(),c.key==="Enter"?(c.preventDefault(),u(!0)):c.key==="Escape"&&(c.preventDefault(),u(!1))},onBlur:()=>u(!0),onClick:c=>c.stopPropagation(),onPointerDown:c=>c.stopPropagation(),className:"border-content-muted/40 bg-main text-content focus:ring-content-muted/50 w-full rounded border px-1.5 py-0.5 text-sm font-medium focus:ring-1 focus:outline-none"})},Tk=({label:t})=>S.jsx("span",{className:"bg-main-input text-content-muted shrink-0 rounded-full px-1.5 py-0.5 text-[10px] font-medium tracking-wide uppercase",children:t}),RG=({entry:t,deploying:e,deployedUrl:n,onDeploy:r,isDeployDisabled:s=!1})=>{const a=e?"Deploying…":n?"Copy link":"Share";return S.jsxs("div",{className:"border-main-border bg-main-light flex shrink-0 items-center justify-between gap-3 border-t px-3 pt-2 pb-4",children:[S.jsxs("div",{className:"min-w-0",children:[S.jsx("div",{className:"text-content truncate text-sm font-medium",children:t.label.trim()||"Untitled direction"}),n?S.jsx("div",{className:"text-content-muted text-[11px]",children:"Deployed — share link ready"}):null]}),S.jsxs("button",{type:"button",onClick:()=>r(t),disabled:e||s,title:n?`Copy share link (${n})`:"Deploy this direction and get a public link to share",className:"border-main-border text-content hover:bg-main-input flex shrink-0 items-center gap-1 rounded-md border px-2 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:[n&&!e?S.jsx(Jd,{size:12,weight:"bold"}):null,a]})]})},AG={agent_browser:"Browser extracted",cache:"Cached",static:"Bundled catalog",manual:"Manual"},IG={design_context:"DESIGN.md",source_context:"Source",qa_report:"QA",asset:"Asset"},MG=({artifacts:t})=>{const[e,n]=g.useState(null),r=g.useMemo(()=>e&&t.some(i=>i.id===e)?e:null,[t,e]);if(t.length===0)return null;const s=i=>{n(a=>a===i?null:i)};return S.jsxs("section",{"aria-label":"Directions session artifacts",className:"mt-4",children:[S.jsx("div",{className:"flex shrink-0 items-center px-3 py-2",children:S.jsx("span",{className:"text-content truncate text-sm font-medium",children:"Artifacts"})}),S.jsx("ul",{className:"mt-2 space-y-1 px-1",children:t.map(i=>S.jsx(OG,{artifact:i,isExpanded:i.id===r,onToggle:()=>s(i.id)},i.id))})]})},OG=({artifact:t,isExpanded:e,onToggle:n})=>{const r=IG[t.kind],s=t.source?AG[t.source]:null,i=[t.kind==="design_context"?null:s,t.summary].filter(Boolean).join(" · "),a=t.kind==="design_context"&&!!t.viewUrl,u=`${e?"Hide":"View"} ${r} artifact${t.label?`: ${t.label}`:""}`;return a?S.jsx("li",{className:"border-main-border rounded-md border",children:S.jsxs("div",{className:"flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-xs",children:[S.jsxs("span",{className:"flex min-w-0 flex-1 flex-col",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx("span",{className:"border-content-muted/30 bg-main-input text-content-muted shrink-0 rounded-full border px-2 py-0.5 text-[9px] font-semibold tracking-wide uppercase",children:r}),S.jsx("span",{className:"text-content truncate text-xs font-medium",children:t.label})]}),i?S.jsx("span",{className:"text-content-muted mt-0.5 truncate text-[11px]",children:i}):null]}),S.jsx("a",{href:t.viewUrl,target:"_blank",rel:"noreferrer","aria-label":`Open ${r} artifact${t.label?`: ${t.label}`:""}`,className:"text-content-muted hover:bg-main-input hover:text-content focus-visible:ring-content-muted/40 shrink-0 rounded p-1 transition-colors focus:outline-none focus-visible:ring-1",children:S.jsx(Kz,{className:"h-3.5 w-3.5",weight:"bold"})})]})}):S.jsxs("li",{className:"border-main-border rounded-md border",children:[S.jsxs("button",{type:"button",onClick:n,"aria-expanded":e,"aria-label":u,className:"hover:bg-main-input flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-xs transition-colors",children:[S.jsxs("span",{className:"flex min-w-0 flex-1 flex-col",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx("span",{className:"text-content-muted text-[10px] font-semibold tracking-wide uppercase",children:r}),S.jsx("span",{className:"text-content truncate text-xs font-medium",children:t.label})]}),i?S.jsx("span",{className:"text-content-muted mt-0.5 truncate text-[11px]",children:i}):null]}),S.jsx("span",{className:"text-content-muted shrink-0 text-[11px]",children:e?"Hide":"View"})]}),e?S.jsx("div",{className:"border-main-border bg-main-light border-t px-3 py-2",children:S.jsx(LG,{artifact:t})}):null]})},LG=({artifact:t})=>S.jsxs("div",{className:"text-content-muted space-y-1 text-[11px]",children:[t.summary?S.jsx("p",{children:t.summary}):null,t.path?S.jsxs("p",{children:["Stored at ",t.path]}):null,!t.summary&&!t.path?S.jsx("p",{children:"No inline content available for this artifact."}):null]}),DG=({selectedVariant:t,busy:e,onSend:n,onDeploy:r,onDeployCanvas:s,canDeploy:i,canDeployCanvas:a,canSendToAgent:u,canvasVariantCount:c,canvasDeployedUrl:d,deployedUrl:h})=>{var O,R,M,D;const p=t?((R=(O=t.actions)==null?void 0:O.commit)==null?void 0:R.enabled)??t.status==="succeeded":!1,m=p&&e===null,y=(e==null?void 0:e.kind)==="commit"&&e.variantId===(t==null?void 0:t.workItemId),x=(e==null?void 0:e.kind)==="deploy"&&e.variantId===(t==null?void 0:t.workItemId),_=(e==null?void 0:e.kind)==="deploy-canvas",w=!i||!p||e!==null,E=a&&c>0,P=x?"Deploying…":h?"Copy link":"Share",A=_?"Sharing…":d?"Copy canvas link":"Share canvas",L=y?"Applying…":"Apply to project";return S.jsxs("div",{className:"border-main-border bg-main-light flex shrink-0 items-center justify-between gap-3 border-t px-3 pt-2 pb-4",children:[S.jsx("div",{className:"min-w-0",children:t?S.jsxs(S.Fragment,{children:[S.jsx("div",{className:"text-content truncate text-sm font-medium",children:t.label.trim()||"Untitled direction"}),h?S.jsx("div",{className:"text-content-muted text-[11px]",children:"Deployed — share link ready"}):null]}):null}),S.jsxs("div",{className:"flex shrink-0 items-center gap-2",children:[S.jsx(V5,{primaryLabel:P,primaryIcon:h&&!x?Jd:void 0,primaryAction:()=>{t&&r(t)},isDisabled:w,isDropdownDisabled:e!==null,isLoading:x,loadingLabel:"Deploying…",dropdownAriaLabel:"More share actions",dropdownItems:E?[{label:A,icon:d&&!_?Jd:void 0,onClick:s,isDisabled:e!==null}]:[]}),u?S.jsx("button",{type:"button",onClick:()=>{t&&n(t)},disabled:!m,title:(D=(M=t==null?void 0:t.actions)==null?void 0:M.commit)==null?void 0:D.reason,className:"bg-secondary text-secondary-foreground hover:bg-accent rounded-md px-2 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:L}):null]})]})},rA=()=>S.jsx("div",{"data-testid":"direction-skeleton-row","aria-hidden":"true",className:"flex w-full items-start rounded-md px-3 py-2",children:S.jsxs("span",{className:"min-w-0 flex-1",children:[S.jsxs("span",{className:"flex items-center gap-2",children:[S.jsx(Ix,{className:"text-content-muted shrink-0 text-sm"}),S.jsx("span",{className:"bg-muted-foreground/15 h-3.5 w-28 animate-pulse rounded"})]}),S.jsx("span",{className:"mt-1.5 flex",children:S.jsx("span",{className:"bg-muted-foreground/10 h-2.5 w-full max-w-[14rem] animate-pulse rounded"})})]})}),NG=({groups:t})=>S.jsx("div",{className:"space-y-0.5",children:t.flatMap(e=>Array.from({length:Math.max(1,e.count)}).map((n,r)=>S.jsx(rA,{},`${e.requestId}-${r}`)))}),jG=()=>S.jsx("div",{"data-testid":"direction-boot-skeletons",className:"space-y-0.5",children:Array.from({length:3}).map((t,e)=>S.jsx(rA,{},e))}),FG=()=>S.jsxs("div",{className:"flex flex-col items-center gap-2 px-4 py-8 text-center",children:[S.jsx("div",{className:"text-content text-sm",children:"No directions yet"}),S.jsx("div",{className:"text-content-muted text-xs",children:"They’ll appear here as they generate."})]}),Rk="Try different ways to create a dropdown that feels fluid and dynamic",VG=({isMCPSession:t=!1,mcpEditor:e=null})=>{const[n,r]=g.useState(!1),s=xB(e),i=t?s:"your coding agent",a=()=>{navigator.clipboard.writeText(Rk).then(()=>{r(!0),setTimeout(()=>r(!1),2e3)})};return S.jsxs("div",{className:"flex flex-col items-start gap-3 px-2 py-2",children:[S.jsx("p",{className:"text-content text-sm font-medium",children:"Create your first direction"}),S.jsxs("p",{className:"text-content-muted text-xs",children:["Use ",i," to generate directions."]}),S.jsxs("div",{className:"w-full",children:[S.jsx("p",{className:"text-content-muted mb-2 text-xs",children:"Here's a sample prompt to use:"}),S.jsxs("div",{className:"border-main-border bg-main-input relative rounded-md border px-3 py-2.5 pr-8",children:[S.jsxs("p",{className:"text-content-muted text-xs leading-snug",children:["“",Rk,"”"]}),S.jsx("button",{type:"button",onClick:a,className:"text-content-muted hover:bg-main-border hover:text-content absolute top-2 right-2 rounded p-0.5 transition-colors",title:"Copy to clipboard",children:n?S.jsx(_R,{className:"h-3.5 w-3.5 text-emerald-500",weight:"bold"}):S.jsx(Jd,{className:"h-3.5 w-3.5",weight:"bold"})})]})]})]})},$G=({onClose:t})=>{const e=Je(t5);return t?S.jsxs("div",{className:"z-10 flex flex-shrink-0 items-center justify-between gap-2 border-b border-main-border bg-main-light px-2.5 py-2.5",children:[e?S.jsx("span",{className:"text-content min-w-0 truncate text-sm font-medium",title:e,children:e}):S.jsx("span",{}),S.jsx(io,{label:"Close panel",side:"bottom",children:S.jsx("button",{onClick:t,className:"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded p-1 text-content-subtle transition-colors hover:bg-main-input hover:text-content",children:S.jsx(Jz,{className:"h-4 w-4",weight:"bold"})})})]}):null},HG='[data-menu-item]:not([disabled]):not([aria-disabled="true"])',zG=({itemSelector:t=HG,loop:e=!1}={})=>{const n=g.useRef(null),r=g.useRef(null),s=g.useCallback(a=>{var u;n.current=a,a?r.current=yB():((u=r.current)==null||u.call(r),r.current=null)},[]),i=g.useCallback(a=>{var x;const{key:u}=a;if(u!=="ArrowDown"&&u!=="ArrowUp"&&u!=="Home"&&u!=="End")return;const c=n.current;if(!c)return;const d=Array.from(c.querySelectorAll(t));if(d.length===0)return;a.preventDefault(),a.stopPropagation();const h=d.indexOf(document.activeElement),p=d.length-1,m=_=>{if(h===-1)return _===1?0:p;const w=h+_;return e?(w+d.length)%d.length:Math.min(Math.max(w,0),p)};let y;u==="Home"?y=0:u==="End"?y=p:u==="ArrowDown"?y=m(1):y=m(-1),(x=d[y])==null||x.focus()},[t,e]);return{containerRef:s,onKeyDown:i}},Ak="/assets/arena-Db0j1set.png",UG=Ss("useIntegrations"),Ik=["integrations"],BG="rivet:connect-result",WG=t=>typeof t=="object"&&t!==null&&t.type===BG,GG=nt(null),KG=()=>{const t=G8(),[e,n]=FP(GG),r=ty({queryKey:Ik,queryFn:async()=>{const u=await fetch("/api/integrations");if(!u.ok)throw new Error(`Failed to load integrations (${u.status})`);return(await u.json()).integrations??[]},staleTime:1e4}),s=g.useCallback(()=>t.invalidateQueries({queryKey:Ik}),[t]),i=g.useCallback(async u=>{const c=window.open("","_blank","width=560,height=720");if(!c)throw new Error("Popup blocked. Allow popups to connect.");n(u);try{const d=await fetch(`/api/integrations/${u}/connect`,{method:"POST"}),h=await d.json().catch(()=>({}));if(!d.ok||!h.authUrl)throw c.close(),new Error(h.error||`Could not connect ${u}`);c.location.href=h.authUrl,await new Promise(p=>{const m=()=>{window.removeEventListener("message",y),clearInterval(x),s(),p()},y=_=>{WG(_.data)&&_.data.provider===u&&(_.data.status==="error"&&UG.warn(`Connect failed for ${u}:`,_.data.message),m())};window.addEventListener("message",y);const x=setInterval(()=>{c.closed&&m()},500)})}finally{n(null)}},[s,n]),a=g.useCallback(async u=>{n(u);try{const c=await fetch(`/api/integrations/${u}`,{method:"DELETE"});if(!c.ok){const d=await c.json().catch(()=>({}));throw new Error(d.error||`Could not disconnect ${u}`)}await s()}finally{n(null)}},[s,n]);return{integrations:r.data??[],isLoading:r.isPending,error:r.error instanceof Error?r.error.message:null,pendingProvider:e,connect:i,disconnect:a,refetch:s}},Ru=({onClick:t,title:e,shortcut:n,children:r,disabled:s=!1,className:i="",type:a="button","data-cy":u})=>{const c=S.jsx("button",{onClick:t,disabled:s,className:i,type:a,"data-cy":u,children:r});return e?S.jsx(Wx,{content:S.jsxs("div",{className:"flex flex-row items-center gap-2",children:[S.jsx("span",{children:e}),n?S.jsx("span",{className:"rounded bg-white/15 px-1.5 py-0.5 text-[11px]",children:n}):null]}),children:c}):c},Mk=Ss("ConnectorsModal"),qG=()=>S.jsx("svg",{viewBox:"0 0 24 24",className:"h-6 w-6","aria-hidden":"true",children:S.jsx("path",{fill:"currentColor",d:"M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.781c0-1.669.967-2.915 2.171-2.915 1.024 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.132 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.137.893 2.739.098.119.112.223.083.344-.091.379-.293 1.194-.333 1.361-.052.22-.174.266-.401.16-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.36-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146A12.004 12.004 0 0 0 12 24c6.627 0 12-5.373 12-12C24 5.372 18.627 0 12 0z"})}),ZG=()=>S.jsx("span",{"aria-hidden":"true",className:"h-6 w-6 bg-[#b1b1b1]",style:{WebkitMaskImage:`url(${Ak})`,maskImage:`url(${Ak})`,WebkitMaskSize:"contain",maskSize:"contain",WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskPosition:"center",maskPosition:"center"}}),YG=[{provider:"pinterest",name:"Pinterest",description:"Pull boards and pins in as visual references.",tileClassName:"bg-[#e60023] text-white",icon:S.jsx(qG,{})},{provider:"arena",name:"Are.na",description:"Connect channels of collected blocks and links.",tileClassName:"bg-[#18181b] text-content",icon:S.jsx(ZG,{})}],XG=({meta:t,integration:e,isPending:n,isHighlighted:r,onConnect:s,onDisconnect:i})=>{const a=(e==null?void 0:e.status)==="connected",u=e!=null&&e.externalUsername?`@${e.externalUsername}`:null;return S.jsxs("article",{className:`flex flex-col rounded-xl bg-main-light p-[18px] ${r?"ring-2 ring-secondary":""}`,children:[S.jsx("span",{className:`grid h-[52px] w-[52px] flex-none place-items-center rounded-xl ${t.tileClassName}`,"aria-hidden":"true",children:t.icon}),S.jsxs("div",{className:"mt-4 flex-1",children:[S.jsxs("h2",{className:"text-content flex items-center gap-1.5 text-[15px] font-semibold",children:[t.name,a?S.jsx(_R,{className:"h-3.5 w-3.5",weight:"bold","aria-hidden":"true"}):null]}),S.jsx("p",{className:"text-content-subtle mt-1 text-[13px] leading-relaxed",children:t.description}),a&&u?S.jsx("p",{className:"text-content-muted mt-2.5 text-xs font-medium",children:u}):null]}),a?S.jsx("button",{type:"button",onClick:i,disabled:n,className:"active-push mt-[18px] inline-flex min-h-[38px] w-full items-center justify-center rounded-lg bg-main-input px-3.5 text-[13px] font-semibold text-content-muted transition-colors hover:bg-red-500/10 hover:text-red-300 disabled:cursor-not-allowed disabled:opacity-50",children:n?"Disconnecting…":"Disconnect"}):S.jsx("button",{type:"button",onClick:s,disabled:n,className:"active-push mt-[18px] inline-flex min-h-[38px] w-full items-center justify-center rounded-lg bg-secondary px-3.5 text-[13px] font-semibold text-secondary-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",children:n?"Connecting…":"Connect"})]})},H_=({isOpen:t,onClose:e,context:n="menu",highlightProvider:r=null})=>{const{integrations:s,isLoading:i,error:a,pendingProvider:u,connect:c,disconnect:d}=KG(),[h,p]=g.useState(null),m=w=>s.find(E=>E.provider===w),y=g.useCallback(w=>{c(w).catch(E=>{const k=E instanceof Error?E.message:"Could not connect.";Mk.warn(`Connect error for ${w}:`,k),ht.error(k)})},[c]),x=g.useCallback(w=>{d(w).catch(E=>{const k=E instanceof Error?E.message:"Could not disconnect.";Mk.warn(`Disconnect error for ${w}:`,k),ht.error(k)})},[d]),_=n==="onboarding";return S.jsx(wx,{open:t,onOpenChange:w=>!w&&e(),children:S.jsxs(bx,{children:[S.jsx(Sx,{className:"fixed inset-0 z-max bg-black/40"}),S.jsx(Ex,{ref:p,className:"fixed left-1/2 top-1/2 z-max w-[560px] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-main-border bg-main font-main shadow-2xl outline-none",children:S.jsxs(Q5,{value:h,children:[S.jsxs("div",{className:"flex items-center justify-between rounded-t-lg border-b border-main-border bg-main-light px-4 py-2",children:[S.jsx(Cx,{className:"text-base font-medium text-content",children:"Connect design references"}),S.jsx(Ru,{onClick:e,title:"Close",className:"rounded p-1 text-content-subtle transition-colors hover:bg-main-hover hover:text-content",children:S.jsx(IR,{className:"h-4 w-4",weight:"bold"})})]}),S.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[S.jsx(kx,{className:"text-sm text-content-subtle",children:"Connect your design references to use them with Rivet’s MCP."}),a?S.jsx("p",{className:"rounded-lg bg-red-500/10 px-4 py-3 text-[13px] font-medium text-red-300",children:a}):null,S.jsx("div",{className:"grid grid-cols-2 gap-4",children:YG.map(w=>S.jsx(XG,{meta:w,integration:m(w.provider),isPending:i||u===w.provider,isHighlighted:r===w.provider,onConnect:()=>y(w.provider),onDisconnect:()=>x(w.provider)},w.provider))}),_?S.jsxs("div",{className:"flex items-center justify-between gap-4",children:[S.jsx("p",{className:"text-xs text-content-subtle",children:"You can always do this later from the account menu."}),S.jsx("button",{type:"button",onClick:e,className:"active-push flex-none rounded-lg bg-secondary px-3.5 py-2 text-[13px] font-medium text-secondary-foreground transition-colors hover:bg-accent",children:"Skip for now"})]}):null]})]})})]})})},Ok=({className:t=""})=>S.jsx("span",{"aria-hidden":"true",className:`rivet-skeleton block rounded ${t}`.trim()}),QG=Ss("SupportTicketModal"),Lk=5e3,w1="feedback",JG=t=>{var r;if(!t)return null;const e=(r=t.formErrors)==null?void 0:r[0];if(e)return e;const n=t.fieldErrors??{};for(const s of Object.values(n)){const i=s==null?void 0:s[0];if(i)return i}return null},eK=async t=>{let e;try{e=await t.json()}catch{e=void 0}if(t.status===400){if(typeof(e==null?void 0:e.details)=="string"&&e.details.trim())return e.details;if(typeof(e==null?void 0:e.details)=="object"&&e.details!==null){const n=JG(e.details);if(n)return n}return"Please check your feedback and try again."}return t.status>=500?typeof(e==null?void 0:e.details)=="string"&&e.details.trim()?e.details:"Could not send feedback right now. Please try again later.":typeof(e==null?void 0:e.error)=="string"&&e.error.trim()?e.error:`HTTP ${t.status}`},tK=({isOpen:t,onClose:e,contactEmail:n})=>{const r=zN(),[s,i]=g.useState(""),[a,u]=g.useState(!1),[c,d]=g.useState(null),h=g.useCallback(()=>{i("")},[]),p=g.useCallback(()=>{a||(h(),e())},[a,e,h]),m=g.useCallback(async()=>{const w=s.trim();if(!(!w||a)){u(!0);try{const E=typeof(r==null?void 0:r.get_session_id)=="function"?r.get_session_id():void 0,k=typeof(r==null?void 0:r.get_distinct_id)=="function"?r.get_distinct_id():void 0,P=n==null?void 0:n.trim(),T=await fetch("/api/support/tickets",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:w1,message:w,contactEmail:P||void 0,metadata:{posthogSessionId:E??void 0,posthogDistinctId:k??void 0,appVersion:"0.14.10",appEnvironment:"production",pageUrl:window.location.href,userAgent:navigator.userAgent,submittedAt:new Date().toISOString()}})});if(!T.ok){const A=await eK(T);throw new Error(A)}r==null||r.capture("support_ticket_submitted",{ticket_type:w1,has_posthog_session_id:!!E}),ht.success("Feedback sent",{description:"Thanks for sharing this."}),h(),e()}catch(E){const k=E instanceof Error?E.message:"Failed to send message";r==null||r.capture("support_ticket_submit_failed",{ticket_type:w1,error:k}),QG.error("Failed to submit support ticket:",k),ht.error("Could not send feedback",{description:k})}finally{u(!1)}}},[n,a,s,e,r,h]),y=g.useCallback(w=>{w.key==="Enter"&&(w.metaKey||w.ctrlKey)&&(w.preventDefault(),m())},[m]),x=Lk-s.length,_=a||s.trim().length===0;return S.jsx(wx,{open:t,onOpenChange:w=>!w&&p(),children:S.jsxs(bx,{children:[S.jsx(Sx,{className:"fixed inset-0 z-max bg-black/40"}),S.jsx(Ex,{ref:d,className:"fixed left-1/2 top-1/2 z-max w-[440px] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-main-border bg-main font-main shadow-2xl outline-none",children:S.jsxs(Q5,{value:c,children:[S.jsxs("div",{className:"flex items-center justify-between rounded-t-lg border-b border-main-border bg-main-light px-4 py-2",children:[S.jsx(Cx,{className:"text-base font-medium text-content",children:"Send feedback"}),S.jsx(Ru,{onClick:p,disabled:a,title:"Close",className:"rounded p-1 text-content-subtle transition-colors hover:bg-main-hover hover:text-content disabled:cursor-not-allowed disabled:opacity-50",children:S.jsx(IR,{className:"h-4 w-4",weight:"bold"})})]}),S.jsxs("div",{className:"flex flex-col gap-3 p-4",children:[S.jsx(kx,{className:"text-sm text-content-subtle",children:"Tell us what happened or what we can improve."}),S.jsxs("div",{className:"rounded-lg bg-main-input outline outline-1 outline-transparent transition-[outline-color] focus-within:outline-white/20",children:[S.jsx("textarea",{id:"support-ticket-message","aria-label":"Your feedback",value:s,onChange:w=>i(w.target.value),onKeyDown:y,maxLength:Lk,rows:6,disabled:a,placeholder:"What happened?",className:"max-h-64 w-full resize-none overflow-y-auto bg-transparent pb-1 pl-3 pr-3 pt-3 text-sm text-content placeholder-content-subtle focus:outline-none disabled:opacity-50"}),S.jsxs("div",{className:"flex items-center justify-between px-3 pb-3 pt-1",children:[S.jsx("span",{className:"text-xs text-content-subtle",children:"Context details are included automatically."}),S.jsxs("div",{className:"flex items-center gap-2",children:[x<=500&&S.jsx("span",{className:"text-xs text-content-subtle",children:x}),S.jsx(Ru,{onClick:m,disabled:_,title:"Send feedback",shortcut:"⌘↵",className:"flex items-center justify-center rounded bg-primary p-1 text-content transition-colors hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-80",children:a?S.jsx(f0,{className:"h-5 w-5 animate-spin",weight:"bold"}):S.jsx(qz,{className:"h-5 w-5",weight:"bold"})})]})]})]})]})]})})]})})},nK=Ss("ProfileAvatar"),sA=(t,e)=>{const n=(t??"").trim();if(n)return n.split(/\s+/).filter(Boolean)[0]??"";const s=((e??"").split("@")[0]??"").split(/[._\-+]/).filter(Boolean)[0]??"";return s?s[0].toUpperCase()+s.slice(1):""},rK=(t,e)=>sA(t,e).charAt(0).toUpperCase(),sK=({className:t="",side:e="bottom",align:n="end"})=>{const{name:r,email:s}=Je(r5),i=Je(u5),a=Je(l5),[u,c]=g.useState(!1),[d,h]=g.useState(!1),[p,m]=g.useState(!1),[y,x]=g.useState(!1),{containerRef:_,onKeyDown:w}=zG(),E=Je(Mf),k=rK(r,s);if(!k)return E?S.jsxs("span",{"data-testid":"profile-avatar-skeleton","aria-hidden":"true",className:`flex shrink-0 items-center gap-2 ${t}`.trim(),children:[S.jsx(Ok,{className:"h-7 w-7 rounded-full"}),S.jsx(Ok,{className:"h-3 w-16"})]}):null;const P=sA(r,s),T=(r==null?void 0:r.trim())||null,A=(s==null?void 0:s.trim())||null,L=async()=>{x(!0);try{const O=await fetch("/api/auth/logout",{method:"POST",credentials:"same-origin"});if(!O.ok)throw new Error(`Logout failed: ${O.status}`)}catch(O){nK.warn("Logout request failed",O),ht.error("Could not log out. Please try again."),x(!1);return}window.location.reload()};return S.jsxs(S.Fragment,{children:[S.jsxs(M5,{open:u,onOpenChange:c,children:[S.jsx(O5,{asChild:!0,children:S.jsxs("button",{type:"button","aria-label":"Account",className:`flex shrink-0 select-none items-center gap-2 text-content-muted transition-colors hover:text-content ${t}`,children:[S.jsx("span",{className:"flex h-7 w-7 items-center justify-center rounded-full border border-main-border bg-main-input text-[11px] font-semibold leading-none",children:k}),P?S.jsx("span",{className:"max-w-[8rem] truncate text-xs font-medium",children:P}):null]})}),S.jsx(D5,{children:S.jsxs(N5,{ref:_,onKeyDown:w,role:"menu",className:"z-[60] min-w-[180px] rounded-lg bg-surface-2 p-1 shadow-lg",side:e,sideOffset:6,align:n,children:[T||A?S.jsxs("div",{className:"border-b border-main-border px-3 py-2",children:[T?S.jsx("div",{className:"truncate text-xs font-medium text-content",children:T}):null,A?S.jsx("div",{className:"truncate text-[11px] text-content-muted",children:A}):null]}):null,S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>{c(!1),h(!0)},disabled:!i||a,className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",children:[S.jsx(TR,{className:"h-3.5 w-3.5",weight:"bold"}),"Connect design references"]}),S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>{c(!1),m(!0)},className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none",children:[S.jsx(Yz,{className:"h-3.5 w-3.5",weight:"bold"}),"Share feedback"]}),S.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:L,disabled:y,className:"mt-1 flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-xs text-content transition-colors hover:bg-hover focus:bg-hover focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",children:[S.jsx(eU,{className:"h-3.5 w-3.5",weight:"bold"}),y?"Logging out…":"Log out"]})]})})]}),S.jsx(H_,{isOpen:d,onClose:()=>h(!1)}),S.jsx(tK,{isOpen:p,onClose:()=>m(!1),contactEmail:s??void 0})]})},iK=({onClose:t})=>S.jsxs("div",{className:"bg-main font-main scrollbar-hide relative flex h-full w-full cursor-auto flex-col overflow-hidden shadow-2xl","data-cy":"element-inspector",children:[S.jsx($G,{onClose:t}),S.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:S.jsx(yG,{})}),S.jsx("div",{className:"border-main-border bg-main-light flex flex-shrink-0 items-center border-t px-2.5 py-1.5",children:S.jsx(sK,{side:"top",align:"start"})})]}),oK=Ss("useServerConfig"),aK=()=>{const[t,e]=g.useState(null),[n,r]=g.useState(!0),[s,i]=g.useState(null),a=g.useCallback(async()=>{var u;try{r(!0),i(null);const c=await fetch("/api/health");if(!c.ok)throw new Error(`Failed to fetch config: ${c.status}`);const d=await c.json();if(!d.framework)throw new Error("Server did not return framework information");const h={userPort:((u=d.ports)==null?void 0:u.userDevServer)||3e3,framework:d.framework};return e(h),h}catch(c){const d=c instanceof Error?c.message:"Failed to fetch server config";throw i(d),oK.warn("Error fetching server config:",c),c}finally{r(!1)}},[]);return{config:t,fetchConfig:a,isLoading:n,error:s}},lK="#1C1C20",zi=[118,118,124],Dk=.85,uK=3,cK=.15,gp=36,dK=4.4,fK=.7,hK=3.5,pK=.8,Nk=9,mK=11,gK=[1.35,1.12,.95,.85],vK=[0,1.1,2.3,3.1],yK=[0,.35,.16,.13],_K=[.9,.5,.4,.35],Wa=3,b1=[[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.14,y1:.13,x2:.86,y2:.23,level:1},{x1:.14,y1:.28,x2:.3,y2:.87,level:1},{x1:.34,y1:.28,x2:.86,y2:.87,level:1},{x1:.165,y1:.155,x2:.225,y2:.205,level:2},{x1:.7,y1:.155,x2:.755,y2:.205,level:2},{x1:.775,y1:.155,x2:.83,y2:.205,level:2},{x1:.165,y1:.32,x2:.275,y2:.375,level:2},{x1:.165,y1:.415,x2:.275,y2:.47,level:2},{x1:.165,y1:.51,x2:.275,y2:.565,level:2},{x1:.37,y1:.32,x2:.585,y2:.56,level:2},{x1:.615,y1:.32,x2:.83,y2:.56,level:2},{x1:.37,y1:.61,x2:.83,y2:.83,level:2},{hline:!0,x1:.39,x2:.81,y:.685,level:3},{hline:!0,x1:.39,x2:.75,y:.755,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.16,y1:.17,x2:.52,y2:.45,level:1},{x1:.58,y1:.17,x2:.685,y2:.29,level:1},{x1:.715,y1:.17,x2:.84,y2:.29,level:1},{x1:.58,y1:.33,x2:.685,y2:.45,level:1},{x1:.715,y1:.33,x2:.84,y2:.45,level:1},{x1:.16,y1:.55,x2:.84,y2:.85,level:1},{x1:.19,y1:.21,x2:.36,y2:.33,level:2},{hline:!0,x1:.19,x2:.48,y:.37,level:3},{hline:!0,x1:.19,x2:.42,y:.42,level:3},{x1:.19,y1:.6,x2:.49,y2:.8,level:2},{hline:!0,x1:.53,x2:.8,y:.63,level:3},{hline:!0,x1:.53,x2:.76,y:.7,level:3},{hline:!0,x1:.53,x2:.79,y:.77,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.14,y1:.13,x2:.86,y2:.22,level:1},{x1:.14,y1:.28,x2:.36,y2:.87,level:1},{x1:.39,y1:.28,x2:.61,y2:.87,level:1},{x1:.64,y1:.28,x2:.86,y2:.87,level:1},{x1:.165,y1:.15,x2:.225,y2:.2,level:2},{x1:.165,y1:.32,x2:.335,y2:.52,level:2},{x1:.415,y1:.32,x2:.585,y2:.52,level:2},{x1:.665,y1:.32,x2:.835,y2:.52,level:2},{hline:!0,x1:.165,x2:.335,y:.6,level:3},{hline:!0,x1:.165,x2:.3,y:.67,level:3},{hline:!0,x1:.415,x2:.585,y:.6,level:3},{hline:!0,x1:.415,x2:.55,y:.67,level:3},{hline:!0,x1:.665,x2:.835,y:.6,level:3},{hline:!0,x1:.665,x2:.8,y:.67,level:3}],[{x1:.1,y1:.08,x2:.9,y2:.92,level:0},{x1:.3,y1:.22,x2:.7,y2:.74,level:1},{x1:.34,y1:.27,x2:.55,y2:.34,level:2},{hline:!0,x1:.36,x2:.64,y:.42,level:3},{hline:!0,x1:.36,x2:.6,y:.49,level:3},{hline:!0,x1:.36,x2:.62,y:.56,level:3},{x1:.5,y1:.63,x2:.575,y2:.69,level:2},{x1:.595,y1:.63,x2:.66,y2:.69,level:2}]],vp=t=>{let e=t|0;return e=Math.imul(e^e>>>16,73244475),e=Math.imul(e^e>>>16,73244475),e^=e>>>16,(e>>>0)/4294967296},zp=t=>{const e=Math.min(1,Math.max(0,t));return e*e*(3-2*e)},Ga=(t,e)=>(Math.round(t/e-.5)+.5)*e,xK=Math.sin(Math.PI/3),jk=(t,e,n,r,s)=>{if(t.beginPath(),e===0)t.arc(n,r,s,0,Math.PI*2);else if(e===1){const i=s*xK;t.moveTo(n,r-s),t.lineTo(n+i,r+s/2),t.lineTo(n-i,r+s/2),t.closePath()}else{const i=s*.85;t.rect(n-i,r-i,i*2,i*2)}t.fill()},wK=(t,e,n)=>{let r;if(n.hline){const s=Math.max(n.x1-t,t-n.x2,0),i=Math.abs(e-n.y1);r=Math.hypot(s,i)-Nk}else{const s=Math.max(n.x1-t,t-n.x2,0),i=Math.max(n.y1-e,e-n.y2,0);s===0&&i===0?r=-Math.min(t-n.x1,n.x2-t,e-n.y1,n.y2-e):r=Math.hypot(s,i),r=Math.abs(r)-Nk}return zp(.5-r/(2*mK))},iA=({className:t="",trackGlobalLoaderCount:e=!0})=>{const n=it(n5),r=g.useRef(null),s=g.useCallback(i=>{var D;if((D=r.current)==null||D.call(r),r.current=null,!i)return;const a=i.getContext("2d");if(!a)return;e&&n(j=>j+1);const u=window.matchMedia("(prefers-reduced-motion: reduce)").matches;let c=[],d=0,h=0,p=gp,m=gp,y=null,x=null,_=0,w=-1;const E=new Array(33),k=j=>{const N=Math.round(j*32);let K=E[N];if(!K){const G=N/32,W=Math.round(zi[0]+(255-zi[0])*G),q=Math.round(zi[1]+(255-zi[1])*G),X=Math.round(zi[2]+(255-zi[2])*G);K=`rgba(${W}, ${q}, ${X}, ${Dk})`,E[N]=K}return K},P=j=>{const N=1-.35*j,K=Math.round(zi[0]*N),G=Math.round(zi[1]*N),W=Math.round(zi[2]*N);return`rgba(${K}, ${G}, ${W}, ${Dk})`},T=j=>{let N=Math.floor(Math.random()*b1.length);N===w&&(N=(N+1)%b1.length),w=N;const K=[0,0,0,0],G=b1[N].map((F,Y)=>{const te=F.level,ie=K[te]++,oe=vK[te]+ie*yK[te],le=_K[te]+vp(N*131+Y*17+5)*.2;if(F.hline){const re=Ga((F.y??0)*h,m);return{hline:!0,x1:Ga(F.x1*d,p),x2:Ga(F.x2*d,p),y1:re,y2:re,level:te,start:oe,dur:le}}const _e=Ga(F.x1*d,p),ae=Ga((F.y1??0)*h,m);return{hline:!1,x1:_e,y1:ae,x2:Math.max(Ga(F.x2*d,p),_e+p),y2:Math.max(Ga((F.y2??0)*h,m),ae+m),level:te,start:oe,dur:le}}),W=G.reduce((F,Y)=>Math.max(F,Y.start+Y.dur),0),q=c.length,X=new Float32Array(q*Wa),V=new Int16Array(q*Wa).fill(-1),J=new Uint8Array(q),H=G[0];for(let F=0;F<q;F++){const Y=c[F];Y.x>H.x1&&Y.x<H.x2&&Y.y>H.y1&&Y.y<H.y2&&(J[F]=1);const te=F*Wa;for(let ie=0;ie<G.length;ie++){const oe=wK(Y.x,Y.y,G[ie]);if(oe<=.02)continue;let le=te;for(let _e=te;_e<te+Wa;_e++){if(V[_e]===-1){le=_e;break}X[_e]<X[le]&&(le=_e)}(V[le]===-1||oe>X[le])&&(X[le]=oe,V[le]=ie)}}return{startT:j,buildEnd:W,els:G,frame:H,cellQ:X,cellEl:V,inFrame:J}},A=()=>{const j=i.getBoundingClientRect();d=Math.max(1,j.width),h=Math.max(1,j.height);const N=Math.min(2,window.devicePixelRatio||1);i.width=Math.round(d*N),i.height=Math.round(h*N),a.setTransform(N,0,0,N,0,0);const K=Math.max(8,Math.round(d/gp)),G=Math.max(6,Math.round(h/gp));p=d/K,m=h/G,c=[];for(let W=0;W<G;W++){const q=G>1?W/(G-1):.5,X=dK*(1+fK*.4*(q*2-1));for(let V=0;V<K;V++){const J=W*8191+V*131+1,H={x:(V+.5)*p,y:(W+.5)*m,size:X,seed:J,phase:vp(J),kind:0};H.kind=Math.floor(vp(J*97)*3),c.push(H)}}x=null,y=null},L=new Float32Array(32),O=j=>{a.fillStyle=lK,a.fillRect(0,0,d,h),y||(y=T(j+.2)),j>=y.startT+y.buildEnd+hK&&(x=y,_=j,y=T(j+.2));let N=0;x&&(N=1-zp((j-_)/pK),N<=0&&(x=null));const K=y;for(let H=0;H<K.els.length;H++){const F=K.els[H];L[H]=zp(Math.min(1,Math.max(0,(j-K.startT-F.start)/F.dur)))}const G=L[0],W=P(0),q=P(G),X=N>0?P(N):W,V=N>0?P(Math.max(G,N)):q,J=c.length;for(let H=0;H<J;H++){const F=c[H];let Y=0,te=0;const ie=H*Wa;for(let Pe=ie;Pe<ie+Wa;Pe++){const Se=K.cellEl[Pe];if(Se<0)break;const Fe=K.cellQ[Pe]*L[Se];Fe>Y&&(Y=Fe,te=K.els[Se].level)}if(x)for(let Pe=ie;Pe<ie+Wa;Pe++){const Se=x.cellEl[Pe];if(Se<0)break;const Fe=x.cellQ[Pe]*N;Fe>Y&&(Y=Fe,te=x.els[Se].level)}const oe=j/uK+F.phase,le=Math.floor(oe),_e=oe-le,ae=zp(Math.min(_e,1-_e)/cK),re=Math.floor(vp(F.seed*97+le*7919)*3);re!==F.kind&&Y<.02&&ae<.05&&(F.kind=re);const he=Math.max(ae*(1-Y),Y);if(!(he<.01))if(Y<.02){const Pe=K.inFrame[H]===1,Se=x?x.inFrame[H]===1:!1;Pe?a.fillStyle=Se?V:q:a.fillStyle=Se?X:W;const Fe=Math.max(Pe?G:0,Se?N:0);jk(a,F.kind,F.x,F.y,F.size*he*(1-.2*Fe))}else{a.fillStyle=k(Y);const Pe=1+(gK[te]-1)*Y;jk(a,F.kind,F.x,F.y,F.size*he*Pe)}}};A();let R=0;if(u)y=T(-100),O(0);else{const j=performance.now(),N=K=>{O((K-j)/1e3),R=requestAnimationFrame(N)};R=requestAnimationFrame(N)}const M=new ResizeObserver(()=>{A(),u&&(y=T(-100),O(0))});M.observe(i),r.current=()=>{cancelAnimationFrame(R),M.disconnect(),e&&n(j=>j-1)}},[e,n]);return S.jsx("canvas",{ref:s,"aria-hidden":"true",className:`h-full w-full ${t}`.trim()})},bK=async(t=null)=>{if(t)return SK(t);let e;try{e=await fetch("/api/mcp/status")}catch{return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null}}if(e.status===404||!(e.headers.get("content-type")??"").toLowerCase().includes("application/json"))return yp();if(!e.ok)return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null};let r;try{r=await e.json()}catch{return yp()}const s=r.devServerHealth;return s?s.ownership==="none"?{isOk:!1,unavailableReason:"upstream_unreachable",upstreamStatus:null}:s.isReachable===!0?{isOk:!0,unavailableReason:"upstream_unreachable",upstreamStatus:null}:{isOk:!1,unavailableReason:s.reason==="rivet_unreachable"?"rivet_unreachable":"upstream_unreachable",upstreamStatus:null}:yp()},oA=async t=>{try{const e=await fetch(t);return{isOk:e.status!==502&&e.status!==503,unavailableReason:"upstream_unreachable",upstreamStatus:e.status}}catch{return{isOk:!1,unavailableReason:"rivet_unreachable",upstreamStatus:null}}},SK=t=>oA(t),yp=()=>oA("/"),S1=Ss("usePreviewUpstreamHealth"),EK=500,CK=4e3,kK=15e3,PK=3,TK=(t,e={})=>{const n=g.useRef(null),r=g.useRef(null),s=e.probeMsWhileDown??EK,i=e.probeMsWhileUp??CK,a=e.firstUnreachableCaptureAfterMs??kK,u=e.rerunProbeImmediatelyOnVersion,c=e.probePath??null,d=e.skip??!1,h=g.useRef(e.onPersistentUpstreamServerErrors);h.current=e.onPersistentUpstreamServerErrors;const[p,m]=g.useState(t==="static"),[y,x]=g.useState(0),[_,w]=g.useState(null),[E,k]=g.useState(0),[P,T]=g.useState(!1),[A,L]=g.useState(!1),[O,R]=g.useState(t==="static"?null:"upstream_unreachable");return g.useEffect(()=>{if(t==="static"){m(!0),w(null),k(0),T(!1),L(!0),R(null);return}if(d){m(!1),w(null),k(0),T(!1),L(!0),R("upstream_unreachable"),n.current=null;return}let M=!0;const D=Date.now();w(D),k(0),T(!1),m(!1),L(!1),R("upstream_unreachable");const j={current:!1},N={current:!1},K={current:!1},G={current:null},W={current:!1},q={current:!1},X={current:0},V={current:!1},J={current:null};let H=null;const F=()=>{K.current||(K.current=!0,M&&L(!0))},Y=()=>{H!==null&&(clearTimeout(H),H=null)},te=(oe,le)=>{Y(),H=setTimeout(le,oe)},ie=async()=>{var Fe;if(!M)return;k(Qe=>Qe+1);const{isOk:oe,unavailableReason:le,upstreamStatus:_e}=await bK(c);if(!M)return;F(),J.current=_e;const ae=oe&&_e!==null&&_e>=500;ae&&q.current?X.current+=1:oe&&!ae&&(X.current=0);const re=X.current>=PK;if(re&&!V.current&&_e!==null&&(V.current=!0,Te==null||Te.capture("preview_upstream_error_responses",{framework:t,upstream_status:_e,consecutive_count:X.current}),S1.warn(`Preview upstream is listening but has served ${X.current} consecutive ${_e} responses`),(Fe=h.current)==null||Fe.call(h,{upstreamStatus:_e,consecutiveCount:X.current})),oe&&!re){ae||(q.current=!0,V.current=!1);const Qe=!W.current;W.current=!0,m(!0),R(null),G.current=null,N.current=!1,T(!1),j.current?Qe&&(Te==null||Te.capture("preview_upstream_restored",{framework:t})):(j.current=!0,Te==null||Te.capture("preview_dev_server_ready",{framework:t,ready_after_ms:Date.now()-D})),te(i,ie);return}const Pe=W.current;W.current=!1,m(!1),R(le),G.current===null&&(G.current=Date.now(),N.current=!1,T(!1)),Pe&&(Te==null||Te.capture("preview_upstream_lost",{framework:t,upstream_status:_e}),x(Qe=>Qe+1),S1.warn("Preview upstream became unavailable after it was ready"));const Se=Date.now()-G.current;Se>=a&&!N.current&&(N.current=!0,T(!0),Te==null||Te.capture("preview_dev_server_unreachable",{framework:t,elapsed_ms:Se,upstream_status:J.current}),S1.warn("Dev server did not become ready within timeout window")),te(s,ie)};return n.current=()=>te(0,ie),te(0,ie),()=>{M=!1,n.current=null,Y()}},[t,s,i,a,c,d]),g.useEffect(()=>{var D;if(t==="static"||u===void 0)return;const M=r.current;r.current=u,M!==null&&M!==u&&((D=n.current)==null||D.call(n))},[t,u]),{isUpstreamReady:p,iframeRemountKey:y,probeStartedAt:_,probeAttemptCount:E,isFirstUnreachableWindowExceeded:P,initialProbeComplete:A,unavailableReason:O}};function RK(t){return t.enteringSplit&&t.isExistingSession&&t.hasActiveVariantProxy}const aA=t=>{var e;return t!=="embedded"||typeof window>"u"?"":((e=window.__RIVET_BOOTSTRAP__)==null?void 0:e.previewOrigin)??`${window.location.protocol}//localhost:${window.location.port}`},lA=({agentApplyMode:t,url:e})=>e.startsWith("/")?`${aA(t)}${e}`:e,AK="allow-scripts allow-same-origin allow-forms allow-popups allow-modals",IK=t=>AK,MK=Ss("PreviewSurface"),Fk=(t,e)=>t==="about:blank"?"blank":t.includes("/api/variants/")?"static_artifact":e.kind==="variant"?"dev_server":"original",uA=({target:t,src:e,framework:n,remountKey:r})=>(Je(h0),S.jsx("div",{className:"relative h-full w-full",children:S.jsx("iframe",{src:e,className:"h-full w-full border-none",title:"Project Preview",sandbox:IK(),onLoad:()=>{Te==null||Te.capture("preview_iframe_loaded",{framework:n,src:e}),t.kind==="variant"&&(Te==null||Te.capture("variants_panel.preview_displayed",{sessionId:t.sessionId,variantId:t.variantId,renderedTarget:"variant",iframeSrcKind:Fk(e,t),framework:n}))},onError:()=>{Te==null||Te.capture("preview_iframe_load_failed",{framework:n,src:e}),t.kind==="variant"&&(Te==null||Te.capture("variants_panel.preview_display_failed",{sessionId:t.sessionId,variantId:t.variantId,renderedTarget:"variant",iframeSrcKind:Fk(e,t),framework:n})),MK.warn("Preview iframe failed to load",{framework:n,src:e})}},r)})),OK="modulepreload",LK=function(t){return"/"+t},Vk={},DK=function(e,n,r){let s=Promise.resolve();if(n&&n.length>0){let a=function(d){return Promise.all(d.map(h=>Promise.resolve(h).then(p=>({status:"fulfilled",value:p}),p=>({status:"rejected",reason:p}))))};document.getElementsByTagName("link");const u=document.querySelector("meta[property=csp-nonce]"),c=(u==null?void 0:u.nonce)||(u==null?void 0:u.getAttribute("nonce"));s=a(n.map(d=>{if(d=LK(d),d in Vk)return;Vk[d]=!0;const h=d.endsWith(".css"),p=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${p}`))return;const m=document.createElement("link");if(m.rel=h?"stylesheet":OK,h||(m.as="script"),m.crossOrigin="",m.href=d,c&&m.setAttribute("nonce",c),document.head.appendChild(m),h)return new Promise((y,x)=>{m.addEventListener("load",y),m.addEventListener("error",()=>x(new Error(`Unable to preload CSS for ${d}`)))})}))}function i(a){const u=new Event("vite:preloadError",{cancelable:!0});if(u.payload=a,window.dispatchEvent(u),!u.defaultPrevented)throw a}return s.then(a=>{for(const u of a||[])u.status==="rejected"&&i(u.reason);return e().catch(i)})},NK=g.lazy(()=>DK(()=>Promise.resolve().then(()=>pZ),void 0)),jK={surface:"relative flex h-full w-full items-center justify-center bg-main px-6",overlay:"absolute inset-0 z-10 flex items-center justify-center bg-main/90 px-6",page:"relative flex h-screen w-full items-center justify-center bg-main px-6"},FK={sm:"text-lg font-semibold text-content",md:"text-2xl font-semibold text-content",lg:"text-3xl font-semibold text-content"},VK={neutral:"rounded-md border border-divider bg-transparent px-5 py-2 text-sm font-medium text-content transition-colors hover:bg-surface-3",ghost:"rounded-md px-5 py-2 text-sm font-medium text-content-muted transition-colors hover:text-content"},Ld=({backdrop:t,media:e,title:n,description:r,actions:s,tone:i="neutral",fill:a="surface",size:u="md",children:c,state:d,role:h="status",busy:p=!1,className:m=""})=>{const y=g.useCallback(_=>{_&&d&&(Te==null||Te.capture("status_surface_shown",{state:d,tone:i,fill:a}))},[d,i,a]),x=!!(e||n||r||c||s!=null&&s.length);return S.jsxs("div",{ref:y,className:`${jK[a]} ${m}`.trim(),role:h,"aria-live":"polite","aria-busy":p||void 0,"data-state":d,children:[t?S.jsx("div",{className:"absolute inset-0",children:t}):null,x?S.jsxs("div",{className:"relative z-10 flex max-w-sm flex-col items-center gap-5 text-center",children:[e,n?S.jsx("h2",{className:FK[u],children:n}):null,r?S.jsx("p",{className:"text-content-muted text-base leading-relaxed",children:r}):null,c,s!=null&&s.length?S.jsx("div",{className:"flex flex-row items-center gap-3",children:s.map(_=>S.jsx("button",{type:"button",onClick:_.onClick,className:VK[_.variant??"neutral"],children:_.label},_.label))}):null]}):null]})},z_=({loader:t="coalesce",trackGlobalLoaderCount:e,size:n="lg",...r})=>t==="coalesce"?S.jsx(Ld,{...r,size:n,busy:!0,backdrop:S.jsx(iA,{trackGlobalLoaderCount:e})}):t==="logo"?S.jsx(Ld,{...r,size:n,busy:!0,backdrop:S.jsx(g.Suspense,{fallback:null,children:S.jsx(NK,{className:"absolute inset-0"})})}):S.jsx(Ld,{...r,size:n,busy:!0,media:S.jsx(f0,{"aria-hidden":!0,className:"text-content h-8 w-8 shrink-0 animate-spin",weight:"bold"})}),cA=({icon:t,...e})=>S.jsx(Ld,{...e,tone:"neutral",media:t?S.jsx("div",{className:"text-content-muted",children:t}):void 0}),zm=t=>S.jsx(Ld,{...t,tone:"error",role:"alert"}),$k="/static/",$K=t=>{try{return new URL(t,"http://localhost").pathname.endsWith($k)}catch{return t.endsWith($k)}},HK=({isInteractionDisabled:t=!1,framework:e,userPort:n,activeDemoSessionId:r=null,holdPreviewNavigation:s=!1})=>{const i=Je(A_),a=it(A_),u=Je(jm),c=it(jm),d=Je(If),h=Je(h0),p=Je(I_),m=Je(M_),y=Je(s5),x=Je(i5),_=it(M_),w=Je(da),E=Je(L_),k=it(I_),P=d.active&&d.projectContext.kind==="fresh",T=Je(O_),A=d.active?d.variants.find(je=>je.workItemId===T&&(je.status==="pending"||je.status==="running"||je.status==="succeeded"&&!je.preview&&typeof je.port!="number"&&(!je.previewUnavailable||je.previewUnavailable.reason==="idle_timeout")))??null:null,L=d.active&&d.variants.some(je=>je.status==="pending"||je.status==="running"),O=P||L,R=d.active?d.variants.find(je=>{var tt;return je.workItemId===T&&je.status==="succeeded"&&!!je.previewUnavailable&&((tt=je.previewUnavailable)==null?void 0:tt.reason)!=="idle_timeout"})??null:null,M=e==="static"&&u!==null&&$K(u);g.useEffect(()=>{d.active||k(!1)},[d.active,k]);const D=g.useRef(!1);g.useEffect(()=>{const je=!!(w!=null&&w.left||w!=null&&w.right),tt=je&&!D.current;D.current=je;const ot=d.active?d.sessionId:null;!ot||!RK({enteringSplit:tt,isExistingSession:d.active&&d.projectContext.kind==="existing",hasActiveVariantProxy:p&&m!==null})||(k(!1),_(null),a(qe=>qe+1),fetch(`/api/variants/${encodeURIComponent(ot)}/preview-port`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({variantId:null})}).catch(()=>{}))},[w,d,p,m,k,_,a]);const N=g.useMemo(()=>{var Sn;if(p||u&&!M||!d.active)return null;const{stage:je,variants:tt}=d,ot=je==="ready"||je==="degraded",qe=tt.some(Ft=>{var Mn,Bn;return((Mn=Ft.refinement)==null?void 0:Mn.status)==="pending"||((Bn=Ft.refinement)==null?void 0:Bn.status)==="running"});if(!ot&&!qe)return null;const _t=tt.find(Ft=>{var Mn;return Ft.status==="succeeded"&&((Mn=Ft.preview)==null?void 0:Mn.kind)==="static_artifact"});return((Sn=_t==null?void 0:_t.preview)==null?void 0:Sn.kind)==="static_artifact"?_t.preview.url:null},[M,u,p,d])??u,K=g.useMemo(()=>!d.active||!N?null:d.variants.find(je=>{var tt;return((tt=je.preview)==null?void 0:tt.kind)==="static_artifact"&&N.startsWith(je.preview.url)})??null,[N,d]),G=g.useMemo(()=>{if((E==null?void 0:E.previewKind)==="static")return{kind:"variant",sessionId:E.sessionId,variantId:E.variantId};if(!d.active)return Nm;if(K)return{kind:"variant",sessionId:d.sessionId,variantId:K.workItemId};if(N){const tt=N.match(/\/__rivet\/preview\/variant\/([^/]+)\/([^/?#]+)/),ot=tt!=null&&tt[1]?decodeURIComponent(tt[1]):null,qe=tt!=null&&tt[2]?decodeURIComponent(tt[2]):null;if(ot===d.sessionId&&qe&&d.variants.some(Ft=>Ft.workItemId===qe))return{kind:"variant",sessionId:d.sessionId,variantId:qe};const _t=N.match(/\/api\/variants\/[^/]+\/static\/([^/?#]+)/),Sn=_t!=null&&_t[1]?decodeURIComponent(_t[1]):null;if(Sn&&d.variants.some(Ft=>Ft.workItemId===Sn))return{kind:"variant",sessionId:d.sessionId,variantId:Sn}}const je=!!(w!=null&&w.left||w!=null&&w.right);return(!je||P)&&!N&&p&&m&&d.variants.some(tt=>tt.workItemId===m)?{kind:"variant",sessionId:d.sessionId,variantId:m}:(!je||P)&&!N&&T&&d.variants.some(tt=>tt.workItemId===T)?{kind:"variant",sessionId:d.sessionId,variantId:T}:Nm},[E,K,d,p,m,N,w,P,T]),W=g.useRef(null);g.useEffect(()=>{var qe,_t;if(!K||((qe=K.preview)==null?void 0:qe.kind)!=="static_artifact"||((_t=K.refinement)==null?void 0:_t.status)!=="succeeded")return;const je=`${K.workItemId}:${K.refinement.workItemId}`;if(W.current===je)return;W.current=je;const tt=K.preview.url.includes("?")?"&":"?",ot=`${K.preview.url}${tt}refinement=${encodeURIComponent(K.refinement.workItemId)}`;N!==ot&&(c(ot),a(Sn=>Sn+1))},[N,K,a,c,d]);const q=N!==null&&dG(N),X=N!==null&&!q||P&&!p&&!q,{isUpstreamReady:V,iframeRemountKey:J,probeAttemptCount:H,initialProbeComplete:F}=TK(e,{rerunProbeImmediatelyOnVersion:i,probePath:q?N:null,skip:X}),[Y,te]=g.useState(()=>y&&V?i:null),ie=g.useRef(null);g.useEffect(()=>{if(!y){ie.current=null,te(null);return}if(Y===i){ie.current=null;return}const je=ie.current;if(!je||je.remountKey!==i){ie.current={remountKey:i,probeAttemptCount:H};return}V&&H>je.probeAttemptCount&&(ie.current=null,te(i))},[Y,i,y,H,V]);const le=N!==null&&!q||V,ae=x||y&&Y!==i||y&&!le,re=`${J}:${i}`,he=r?`/try/${encodeURIComponent(r)}`:"",Pe=eA(window.location.pathname),Se=e==="static"?`${he}/static${Pe??"/"}`:`${he}${Pe??"/"}`,Fe=aA(h);let Qe=null;N&&(Qe=lA({agentApplyMode:h,url:N}));const ge=A||ae?"about:blank":(q&&!le?"about:blank":Qe)??(s||!le?"about:blank":`${Fe}${Se}`),gt=!!A||!!R||!le&&F;let dt=null;return ae?dt=S.jsx(z_,{fill:"overlay",loader:"coalesce",trackGlobalLoaderCount:!1,state:"preview_replay_boot"}):A?dt=S.jsx(z_,{fill:"overlay",loader:"coalesce",trackGlobalLoaderCount:!1,state:"variant_building",children:S.jsx("span",{className:"sr-only",children:"Building your direction"})}):R?dt=S.jsx(zm,{fill:"overlay",state:"preview_unavailable",title:"Preview couldn’t start",description:"Its preview server didn’t start.",actions:[{label:"Reload",onClick:()=>window.location.reload()}]}):gt&&(dt=O?S.jsx(cA,{fill:"overlay",state:"preview_no_selection",title:"Nothing to preview yet",description:"Pick a direction from the panel."}):S.jsx(zm,{fill:"overlay",state:"preview_offline",title:"Preview isn't connected",description:"Rivet lost connection to your project.",actions:[{label:"Reload",onClick:()=>window.location.reload()}]})),S.jsxs("div",{className:"relative h-full w-full",children:[dt,S.jsx(uA,{target:G,src:ge,framework:e,remountKey:re})]})};function Hk({side:t,sessionId:e,variantId:n,url:r,label:s,source:i,isFallback:a=!1}){var E;const u=it(da),c=Je(If),d=Je(h0),h=g.useRef(!1),p=g.useCallback(()=>{h.current||(h.current=!0,cf({source:i,sessionId:e,variantId:n}))},[i,e,n]),m=g.useCallback(()=>{if(a){u(null);return}p(),u(k=>{if(!k)return null;const P={...k};return delete P[t],P.left||P.right?P:null})},[u,t,a,p]),y=g.useMemo(()=>({kind:"variant",sessionId:e,variantId:n}),[e,n]),x=g.useMemo(()=>!c.active||c.sessionId!==e?null:c.variants.find(k=>k.workItemId===n)??null,[e,n,c]),_=g.useMemo(()=>{var P,T;let k=r;if(((P=x==null?void 0:x.preview)==null?void 0:P.kind)==="static_artifact"&&((T=x.refinement)==null?void 0:T.status)==="succeeded"){const A=x.preview.url.includes("?")?"&":"?";k=`${x.preview.url}${A}refinement=${encodeURIComponent(x.refinement.workItemId)}`}return lA({agentApplyMode:d,url:k})},[d,x,r]),w=((E=x==null?void 0:x.refinement)==null?void 0:E.status)==="succeeded"?`${n}:${x.refinement.workItemId}`:n;return S.jsxs("div",{className:"variant-split-secondary","data-cy":"variant-split-pane","data-variant-id":n,children:[S.jsxs("div",{className:"variant-split-secondary-toolbar",children:[S.jsx("span",{className:"variant-split-secondary-label",title:s,children:s}),S.jsx(io,{label:"Collapse",children:S.jsx("button",{type:"button",className:"variant-split-secondary-close",onClick:m,"aria-label":"Collapse split view",children:S.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12","aria-hidden":"true",focusable:"false",children:S.jsx("path",{d:"M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})})})]}),S.jsx("div",{className:"variant-split-secondary-body relative min-h-0 flex-1",children:S.jsx(uA,{target:y,src:_,framework:"static",remountKey:w})})]})}const zk=240;function zK(){const t=Je(sf),e=Je(Ax),n=g.useRef(null);return g.useEffect(()=>{if(!t||!e||!n.current)return;const r=e.x-zk/2,s=e.y-22;n.current.style.transform=`translate3d(${r}px, ${s}px, 0)`},[t,e]),!t||!e?null:S.jsx("div",{ref:n,"aria-hidden":"true",className:"variant-drag-ghost",style:{width:zk},children:S.jsxs("div",{className:"variant-drag-ghost-body",children:[S.jsxs("div",{className:"variant-drag-ghost-row",children:[S.jsx("div",{className:"variant-drag-ghost-title",children:t.label}),t.runLabel?S.jsx("div",{className:"variant-drag-ghost-tag",style:KR(t.runLabel),children:t.runLabel}):null]}),t.description?S.jsx("div",{className:"variant-drag-ghost-desc",children:t.description}):null]})})}function UK(){const t=Je(sf),e=Je(Ax),n=Je(da),r=it(sf),s=it(da),i=g.useRef(null),[a,u]=g.useState(null),[c,d]=g.useState("hidden");g.useEffect(()=>{if(!t){d("hidden"),u(null);return}const m=requestAnimationFrame(()=>d("visible"));return()=>cancelAnimationFrame(m)},[t]);const h=g.useCallback((m,y)=>{const x=i.current;if(!x)return null;const _=x.getBoundingClientRect();return m<_.left||m>_.right||y<_.top||y>_.bottom?null:m<(_.left+_.right)/2?"left":"right"},[]);if(g.useEffect(()=>{if(!t||!e)return;const m=h(e.x,e.y);u(y=>y===m?y:m)},[t,e,h]),g.useEffect(()=>{if(!t)return;const m=y=>{const x=h(y.clientX,y.clientY);if(x&&t.url){const _={sessionId:t.sessionId,variantId:t.variantId,label:t.label,url:t.url,source:t.source},w=n==null?void 0:n[x];w&&(w.sessionId!==_.sessionId||w.variantId!==_.variantId)&&cf(w),s(E=>({...E??{},[x]:_})),d("exiting"),window.setTimeout(()=>r(null),220)}else cf(t),d("exiting"),window.setTimeout(()=>r(null),220)};return window.addEventListener("pointerup",m),window.addEventListener("pointercancel",m),()=>{window.removeEventListener("pointerup",m),window.removeEventListener("pointercancel",m)}},[t,h,r,s,n]),!t)return null;const p=["variant-drop-zones",c==="visible"&&"is-visible",c==="exiting"&&"is-exiting"].filter(Boolean).join(" ");return S.jsxs("div",{ref:i,className:p,"aria-hidden":"true",children:[S.jsx(Uk,{side:"left",hovered:a==="left",canDrop:!!t.url,label:t.label}),S.jsx(Uk,{side:"right",hovered:a==="right",canDrop:!!t.url,label:t.label})]})}function Uk({side:t,hovered:e,canDrop:n,label:r}){return S.jsxs("div",{className:["variant-drop-zone",`is-${t}`,e&&"is-hover",!n&&"is-disabled"].filter(Boolean).join(" "),children:[S.jsxs("div",{className:"variant-drop-zone-inner",children:[S.jsx("div",{className:`variant-drop-zone-icon is-${t}`}),S.jsx("div",{className:"variant-drop-zone-caption",children:n?`Add ${t} split`:"Split unavailable for this direction"})]}),S.jsx("div",{className:"variant-drop-zone-preview","aria-hidden":"true",children:S.jsx("div",{className:"variant-drop-zone-preview-label",children:r})}),S.jsx("div",{className:"variant-drop-zone-border"})]})}const dA=(t,e,n)=>{var i,a;if(!t.active||t.sessionId!==e)return null;const r=t.variants.find(u=>u.workItemId===n);if(((i=r==null?void 0:r.preview)==null?void 0:i.kind)!=="static_artifact")return null;if(((a=r.refinement)==null?void 0:a.status)!=="succeeded")return r.preview.url;const s=r.preview.url.includes("?")?"&":"?";return`${r.preview.url}${s}refinement=${encodeURIComponent(r.refinement.workItemId)}`},Bk=(t,e)=>{if(!t)return;const n=dA(e,t.sessionId,t.variantId);return!n||n===t.url?t:{...t,url:n}},BK=()=>S.jsx("div",{"data-testid":"preview-boot-skeleton",role:"status","aria-busy":"true","aria-label":"Loading preview",className:"bg-main flex h-full min-h-0 w-full flex-1 flex-col p-3",children:S.jsx("div",{className:"border-main-border relative min-h-0 flex-1 overflow-hidden rounded-lg border",children:S.jsx(iA,{trackGlobalLoaderCount:!1})})}),WK=({isLoading:t=!1,isInteractionDisabled:e=!1,activeDemoSessionId:n=null,holdHostedTryoutPreviewNavigation:r=!1})=>{const{config:s,fetchConfig:i,isLoading:a,error:u}=aK();return g.useEffect(()=>{i().catch(c=>{Te==null||Te.capture("preview_config_load_failed",{message:c instanceof Error?c.message:"unknown_error"})})},[i]),a?r?S.jsx("div",{className:"bg-main flex h-full min-h-0 w-full flex-1","aria-busy":"true"}):S.jsx(BK,{}):u||!s?S.jsx(zm,{fill:"surface",size:"sm",state:"preview_config_error",title:"Couldn't load preview",description:"We couldn't load the preview configuration.",actions:[{label:"Retry",onClick:()=>{Te==null||Te.capture("preview_config_retry_clicked"),i().catch(c=>{Te==null||Te.capture("preview_config_load_failed",{message:c instanceof Error?c.message:"unknown_error"})})}}]}):S.jsx(GK,{isLoading:t,isInteractionDisabled:e,framework:s.framework,userPort:s.userPort,activeDemoSessionId:n,holdHostedTryoutPreviewNavigation:r})};function GK(t){const e=Je(da),n=Je(sf),r=Je(If),s=Je(jm),i=e==null?void 0:e.left,a=e==null?void 0:e.right,u=g.useMemo(()=>{var A,L;if(!r.active||r.projectContext.kind!=="fresh"||!(!!i!=!!a))return;const _=(A=i??a)==null?void 0:A.variantId,w=r.variants.filter(O=>{var R;return O.status==="succeeded"&&((R=O.preview)==null?void 0:R.kind)==="static_artifact"&&O.workItemId!==_}),E=s==null?void 0:s.replace(/[?&]refinement=[^&]*$/,""),P=w.find(O=>{var R;return((R=O.preview)==null?void 0:R.kind)==="static_artifact"&&O.preview.url===E})??w[0];if(((L=P==null?void 0:P.preview)==null?void 0:L.kind)!=="static_artifact")return;const T=dA(r,r.sessionId,P.workItemId);if(T)return{sessionId:r.sessionId,variantId:P.workItemId,label:P.label,url:T,source:"live"}},[r,i,a,s]),c=Bk(i,r)??(a?u:void 0),d=Bk(a,r)??(i?u:void 0),h=!i&&!!c,p=!a&&!!d,m=!!(c||d),y=S.jsx(HK,{isInteractionDisabled:t.isInteractionDisabled,framework:t.framework,userPort:t.userPort,activeDemoSessionId:t.activeDemoSessionId,holdPreviewNavigation:t.holdHostedTryoutPreviewNavigation});return S.jsx("div",{className:"relative flex h-full min-h-0 w-full flex-1 flex-col",children:S.jsxs("div",{className:`variant-preview-region relative flex h-full min-h-0 w-full flex-1 flex-col ${n?"is-dragging":""} ${m?"is-split":""}`,children:[S.jsxs("div",{className:"variant-preview-row flex h-full min-h-0 w-full flex-1",children:[c&&S.jsx(Hk,{side:"left",sessionId:c.sessionId,variantId:c.variantId,url:c.url,label:c.label,source:c.source,isFallback:h},`left-${c.sessionId}:${c.variantId}:${c.url}`),!(c&&d)&&S.jsx("div",{className:"variant-preview-primary flex h-full min-h-0 flex-1 flex-col",children:y}),d&&S.jsx(Hk,{side:"right",sessionId:d.sessionId,variantId:d.variantId,url:d.url,label:d.label,source:d.source,isFallback:p},`right-${d.sessionId}:${d.variantId}:${d.url}`)]}),S.jsx("div",{className:"variant-preview-atmosphere","aria-hidden":"true"}),S.jsx(UK,{}),S.jsx(zK,{})]})})}const fA=({message:t,isLoading:e=!0})=>S.jsxs("div",{className:"flex items-center gap-2 text-sm text-content",children:[e?S.jsx(f0,{className:"h-4 w-4 shrink-0 animate-spin text-primary",weight:"bold"}):null,S.jsx("span",{className:"whitespace-pre-wrap font-sans",children:t})]});function Yi(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function hA(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}/*!
  * GSAP 3.15.0
  * https://gsap.com
  *
@@ -419,4 +419,4 @@ ${s}`:s},kG=({rows:t,activeVariantId:e,activePastKey:n,isOriginalSelected:r,busy
   <body>
     <div class="panel">${b8}</div>
   </body>
-</html>`,pJ="Too many people are trying Rivet right now. Please try again in a few minutes.",ZI="Failed to start an isolated demo session.",mJ=async t=>{if(t.status===429)return pJ;try{const e=await t.json();if(e.error)return e.error;if(e.message)return e.message}catch{}return ZI},l2=274,Jm=395,$1=Math.min(Jm,Math.round((l2+Jm)/2*1.1)),E8="rivet:panelWidth:v2",gJ=t=>{if(!(t instanceof HTMLElement))return!1;const e=t.tagName.toLowerCase();return t.isContentEditable||e==="input"||e==="textarea"||e==="select"},vJ=({projectPath:t,activeDemoSessionId:e=null,showLoginGate:n=!1,onStartLogin:r,isStartingLogin:s=!1,loginError:i=null,fullPageHostedLoginProgressMessage:a=null,holdHostedTryoutPreviewNavigation:u=!1,hostedTryoutPreviewHoldMessage:c=null,deferInspectorUntilPreviewReady:d=!1})=>{const h=Je(n5)>0,[p,m]=FP(e5),y=P$(),[x,_]=g.useState(()=>{if(typeof window>"u")return $1;const G=Number(window.localStorage.getItem(E8));return Number.isFinite(G)&&G>=l2&&G<=Jm?G:$1}),[w,E]=g.useState(!1),[k,P]=g.useState(AZ),T=p?x:0,[A,L]=g.useState(p);g.useEffect(()=>{if(!p){L(!1);return}P(G=>RZ({position:G,boundsLeftPx:x}))},[p,x]),g.useEffect(()=>{window.localStorage.setItem(E8,String(x))},[x]),g.useEffect(()=>{if(!p)return;const G=W=>{W.key==="Escape"&&(gJ(W.target)||(W.preventDefault(),m(!1)))};return window.addEventListener("keydown",G),()=>window.removeEventListener("keydown",G)},[p,m]);const O=g.useCallback(G=>{G.preventDefault(),G.stopPropagation();const W=G.clientX,q=x;E(!0);const X=J=>{const H=Math.min(Jm,Math.max(l2,q+(J.clientX-W)));_(H)},V=()=>{window.removeEventListener("pointermove",X),window.removeEventListener("pointerup",V),window.removeEventListener("pointercancel",V),E(!1)};window.addEventListener("pointermove",X),window.addEventListener("pointerup",V),window.addEventListener("pointercancel",V)},[x]),R=g.useCallback(()=>_($1),[]),M=UZ(),D=Je(Mf);GZ({enabled:!D});const j=M.isProcessing?"Completing authentication...":a,N=j!==null,K=it(a5);return g.useEffect(()=>{K(t??null)},[t,K]),g.useEffect(()=>{n&&(document.body.style.cursor="auto")},[n]),S.jsxs(_l.div,{className:"relative flex h-screen overflow-hidden",initial:!1,animate:{opacity:1},transition:{duration:.5,ease:"easeOut"},"data-cy":"rivet-app",children:[j!==null&&!n?S.jsx("div",{className:"absolute inset-0 z-50",children:S.jsx(gZ,{message:j})}):null,n?S.jsx("div",{className:"absolute inset-0 z-40 flex items-center justify-center bg-black/45 backdrop-blur-[2px]",children:S.jsx(uI,{isSigningIn:s||N,onStartSignIn:()=>{r==null||r()},errorMessage:i,displayMode:"modal"})}):null,S.jsxs("div",{className:`relative flex min-w-0 flex-1 flex-col ${n?"pointer-events-none select-none":""}`,children:[S.jsx(WK,{holdHostedTryoutPreviewNavigation:u,isInteractionDisabled:n,activeDemoSessionId:e}),u&&c?S.jsx("div",{className:"bg-main absolute inset-0 z-30 flex items-center justify-center",children:S.jsx("div",{className:"border-divider bg-main-light rounded-lg border p-6 shadow-lg",children:S.jsx(fA,{message:c})})}):null]}),n?null:S.jsx(S.Fragment,{children:!d&&!h?S.jsxs(S.Fragment,{children:[S.jsx("div",{className:"relative order-first h-full flex-shrink-0",style:{width:A?x:0},children:S.jsxs(_l.div,{className:"absolute inset-y-0 left-0 z-30",initial:!1,animate:{x:p?0:-x},transition:y?{duration:0}:{duration:.2,ease:[.22,1,.36,1]},onAnimationComplete:()=>{p&&L(!0)},style:{width:x,willChange:"transform"},children:[S.jsx(iK,{onClose:()=>m(!1)}),S.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":"Resize panel",onPointerDown:O,onDoubleClick:R,className:"group/resize absolute inset-y-0 right-0 z-20 flex w-3 cursor-col-resize touch-none justify-end",children:S.jsx("span",{className:`h-full transition-all duration-150 ${w?"w-0.5 bg-content-muted":"w-px bg-divider group-hover/resize:w-0.5 group-hover/resize:bg-content-muted"}`})})]})}),w&&S.jsx("div",{className:"fixed inset-0 z-[100] cursor-col-resize"}),S.jsx(OZ,{isVisible:!0,isPanelOpen:p,isReducedMotion:!!y,position:k,dragBoundsLeftPx:T,onPositionChange:P,onToggle:()=>m(G=>!G)})]}):null}),S.jsx(tH,{duration:5e3,richColors:!0,toastOptions:{style:{maxHeight:"150px",overflow:"hidden"}}})]})},u2="rivet_connect_deep_link",yJ=()=>{if(typeof window>"u")return null;const t=new URLSearchParams(window.location.search),e=t.get("connect"),n=e??window.sessionStorage.getItem(u2);if(n!=="pinterest"&&n!=="arena")return null;if(window.sessionStorage.setItem(u2,n),e){t.delete("connect");const r=t.toString();window.history.replaceState(null,document.title,window.location.pathname+(r?`?${r}`:"")+window.location.hash)}return n},_J=yJ(),xJ=()=>{const[t,e]=g.useState(window.location.hash),[n]=g.useState(()=>typeof window<"u"&&window.sessionStorage.getItem(Kp)==="1"),[r,s]=g.useState(!1),[i,a]=g.useState(_J);g.useEffect(()=>{n&&window.sessionStorage.removeItem(Kp)},[n]);const{config:u,refetchConfig:c,loading:d,error:h}=HZ(),p=it(Mf),[m,y]=g.useState(!1),[x,_]=g.useState(null),[w,E]=g.useState(!1),[k,P]=g.useState(!1),[T,A]=g.useState(null),[L,O]=g.useState(!1),R=g.useRef(!1),M=g.useRef(!1),D=uJ(window.location.pathname),j=(u==null?void 0:u.activeDemoSessionId)??null,N=D??T??j,K=g.useMemo(()=>iJ(u==null?void 0:u.demoMode,u==null?void 0:u.agentModeAvailable,N),[u==null?void 0:u.demoMode,u==null?void 0:u.agentModeAvailable,N]),G=g.useMemo(()=>sJ({configLoading:d,hasConfig:u!==null,demoMode:u==null?void 0:u.demoMode,agentModeAvailable:u==null?void 0:u.agentModeAvailable,pathnameDemoSessionId:D,activeDemoSessionId:T,configuredDemoSessionId:j}),[u,d,D,T,j]);g.useLayoutEffect(()=>{if(!G){O(!1);return}O(!0)},[G]);const W=L,q=g.useMemo(()=>oJ(W),[W]),X=(u==null?void 0:u.demoMode)===!0&&W,V=g.useRef(null);V.current=N;const J=g.useCallback(async()=>{if(!R.current)return;A(null);const he=await c();if((he==null?void 0:he.demoMode)===!0&&he.agentModeAvailable!==!0){P(!1);return}(he==null?void 0:he.demoMode)===!0&&P(!0)},[c]);g.useEffect(()=>{if((u==null?void 0:u.demoMode)===!0)return eJ(()=>{J()})},[u==null?void 0:u.demoMode,J]),g.useEffect(()=>{if(R.current=(u==null?void 0:u.demoMode)===!0,(u==null?void 0:u.demoMode)!==!0)return;const he=window.fetch.bind(window);return rJ({nativeFetch:he,pageOrigin:window.location.origin,getShouldIntercept:()=>R.current})},[u==null?void 0:u.demoMode]),g.useEffect(()=>{(u==null?void 0:u.agentModeAvailable)===!0&&P(!1)},[u==null?void 0:u.agentModeAvailable]);const H=g.useCallback(async he=>{const Pe=V.current;if(!(he!=null&&he.forceRefresh)&&Pe)return Pe;if(M.current)return"";M.current=!0;try{const Se=await fetch("/api/demo/session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})});if(!Se.ok){const Qe=await mJ(Se);throw new Error(Qe)}const Fe=await Se.json();if(!Fe.sessionId)throw new Error("Demo session response missing session id.");return A(Fe.sessionId),Fe.sessionId}finally{M.current=!1}},[]);g.useEffect(()=>{j&&A(j)},[j]),g.useEffect(()=>{u!=null&&u.userId?(Te.identify(u.userId,{...u.email?{email:u.email}:{}}),u.email&&Te.alias(u.email,u.userId)):u!=null&&u.email&&Te.identify(u.email,{email:u.email})},[u==null?void 0:u.userId,u==null?void 0:u.email]),g.useEffect(()=>{if(!u)return;const he=!!u.demoMode,Pe=he?N:null;Te.register({source:he?"tryout":"core",demo_mode:he,...Pe?{demo_session_id:Pe}:{}})},[u,N]);const F=g.useCallback(async()=>{var Pe;y(!0),_(null);let he=null;try{if(he=window.open("","_blank"),!he)throw new Error("Pop-up blocked. Please allow pop-ups and try again.");try{he.document.open(),he.document.write(hJ),he.document.close()}catch(Qe){V1.warn("Failed to render loading state in auth popup:",Qe)}const Se=await fetch(`${S8}/api/auth/google/start`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:"desktop"})}),Fe=await Se.json();if(!Se.ok||!Fe.success||!Fe.authUrl||!Fe.sessionId||!Fe.pollSecret)throw new Error(Fe.error||Fe.message||"Failed to start Google login");if(he.closed)throw new Error("Sign-in window was closed before Google login started.");he.location.href=Fe.authUrl;for(let Qe=0;Qe<fJ;Qe+=1){if(he.closed)throw new Error("Sign-in window was closed before authentication completed.");const ge=await(await fetch(`${S8}/api/auth/google/token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({session:Fe.sessionId,pollSecret:Fe.pollSecret})})).json();if(ge.success&&ge.token&&((Pe=ge.user)!=null&&Pe.email)){if(!(await fetch("/api/auth/store",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:ge.user.email,token:ge.token,refreshToken:ge.refreshToken,userId:ge.user.id})})).ok)throw new Error("Signed in, but failed to store session locally.");if(he.close(),window.sessionStorage.setItem(Kp,"1"),(u==null?void 0:u.demoMode)===!0){await H({forceRefresh:!0}),window.location.reload();return}window.location.reload();return}if(ge.error&&ge.error!=="Pending")throw new Error(ge.error||"Google login failed");await new Promise(gt=>setTimeout(gt,dJ))}throw new Error("Authentication timed out. Please try again.")}catch(Se){he&&!he.closed&&he.close();const Fe=Se instanceof Error?Se.message:"Failed to start login flow";V1.warn("Hosted login failed:",Fe),_(Fe),y(!1)}},[u==null?void 0:u.demoMode,H]),Y=(u==null?void 0:u.demoMode)===!0&&((u==null?void 0:u.agentModeAvailable)!==!0||k||m),te=u!=null&&u.agentModeAvailable!==!0,ie=cJ(t),oe=g.useCallback(async()=>{E(!0),p(!0);try{await c()}finally{p(!1),E(!1)}},[c,p]);if(g.useEffect(()=>{if(!G)return;let he=!1;return H({forceRefresh:!0}).catch(Pe=>{const Se=Pe instanceof Error?Pe.message:ZI;V1.warn("Hosted session bootstrap failed:",Se),_(Se),ht.error(Se)}).finally(()=>{he||O(!1)}),()=>{he=!0}},[G,H]),g.useEffect(()=>{const he=()=>{const Pe=window.location.hash;e(Pe)};return window.addEventListener("hashchange",he),()=>window.removeEventListener("hashchange",he)},[]),ie==="design-system")return S.jsx(YQ,{});const le={pathname:window.location.pathname,configLoading:d,hasConfig:u!==null,isRetryingConfig:w};if(lJ(le)){const he=h||"Could not load Rivet configuration.";return S.jsx("div",{className:"bg-main flex h-screen items-center justify-center px-6",children:S.jsxs("div",{className:"border-divider bg-main w-full max-w-md rounded-lg border p-6 text-center shadow-lg",children:[S.jsx("p",{className:"text-content text-sm font-medium",children:"We could not start Rivet yet."}),S.jsx("p",{className:"text-content-dim mt-2 text-xs",children:he}),S.jsx("button",{type:"button",className:"border-divider text-content hover:bg-main/80 mt-4 rounded-md border px-3 py-1.5 text-xs",onClick:()=>{oe()},children:"Retry"})]})})}if(te)return S.jsx(uI,{isSigningIn:m,onStartSignIn:()=>{F()},errorMessage:x,displayMode:"full"});const ae=(u==null?void 0:u.agentModeAvailable)===!0&&(u==null?void 0:u.demoMode)!==!0&&i!==null,re=(u==null?void 0:u.agentModeAvailable)===!0&&(u==null?void 0:u.demoMode)!==!0&&n&&!r&&!ae;return S.jsxs(S.Fragment,{children:[S.jsx(vJ,{projectPath:u==null?void 0:u.projectPath,activeDemoSessionId:K,showLoginGate:Y,onStartLogin:F,isStartingLogin:m,loginError:x,fullPageHostedLoginProgressMessage:(u==null?void 0:u.demoMode)===!0&&m?"Completing sign-in...":null,holdHostedTryoutPreviewNavigation:W,hostedTryoutPreviewHoldMessage:q,deferInspectorUntilPreviewReady:X}),S.jsx(H_,{context:"onboarding",isOpen:re,onClose:()=>s(!0)}),S.jsx(H_,{context:"menu",isOpen:ae,highlightProvider:i,onClose:()=>{window.sessionStorage.removeItem(u2),a(null)}})]})},wJ="phc_Ntj9tXHbS64XgYxlTfhglRmFivFsfm0AERph4ZlnNH",bJ=new iL,SJ={session_recording:{maskAllInputs:!1,maskInputOptions:{password:!0},maskTextSelector:null}},EJ=()=>S.jsx("div",{style:{display:"flex",height:"100vh",alignItems:"center",justifyContent:"center"},children:S.jsx("p",{style:{fontSize:"14px",color:"#6b7280"},children:"Something went wrong. Please reload the page."})});QN.createRoot(document.getElementById("root")).render(S.jsx(xe.StrictMode,{children:S.jsx(HN,{apiKey:wJ,options:{api_host:"https://rivet-proxy.onrender.com/ingest",ui_host:"https://us.posthog.com",person_profiles:"always",capture_exceptions:!0,autocapture:!0,capture_pageview:!0,capture_performance:!0,persistence:"localStorage",...SJ,mask_all_text:!1,mask_all_element_attributes:!1,loaded:t=>{t.register({source:"core",rivet_version:"0.14.9",env:"production"})}},children:S.jsx(GN,{fallback:S.jsx(EJ,{}),children:S.jsx(oL,{client:bJ,children:S.jsx(aG,{defaultShape:"rounded",children:S.jsx(pQ,{defaultLibrary:"lucide",children:S.jsx(xJ,{})})})})})})}));
+</html>`,pJ="Too many people are trying Rivet right now. Please try again in a few minutes.",ZI="Failed to start an isolated demo session.",mJ=async t=>{if(t.status===429)return pJ;try{const e=await t.json();if(e.error)return e.error;if(e.message)return e.message}catch{}return ZI},l2=274,Jm=395,$1=Math.min(Jm,Math.round((l2+Jm)/2*1.1)),E8="rivet:panelWidth:v2",gJ=t=>{if(!(t instanceof HTMLElement))return!1;const e=t.tagName.toLowerCase();return t.isContentEditable||e==="input"||e==="textarea"||e==="select"},vJ=({projectPath:t,activeDemoSessionId:e=null,showLoginGate:n=!1,onStartLogin:r,isStartingLogin:s=!1,loginError:i=null,fullPageHostedLoginProgressMessage:a=null,holdHostedTryoutPreviewNavigation:u=!1,hostedTryoutPreviewHoldMessage:c=null,deferInspectorUntilPreviewReady:d=!1})=>{const h=Je(n5)>0,[p,m]=FP(e5),y=P$(),[x,_]=g.useState(()=>{if(typeof window>"u")return $1;const G=Number(window.localStorage.getItem(E8));return Number.isFinite(G)&&G>=l2&&G<=Jm?G:$1}),[w,E]=g.useState(!1),[k,P]=g.useState(AZ),T=p?x:0,[A,L]=g.useState(p);g.useEffect(()=>{if(!p){L(!1);return}P(G=>RZ({position:G,boundsLeftPx:x}))},[p,x]),g.useEffect(()=>{window.localStorage.setItem(E8,String(x))},[x]),g.useEffect(()=>{if(!p)return;const G=W=>{W.key==="Escape"&&(gJ(W.target)||(W.preventDefault(),m(!1)))};return window.addEventListener("keydown",G),()=>window.removeEventListener("keydown",G)},[p,m]);const O=g.useCallback(G=>{G.preventDefault(),G.stopPropagation();const W=G.clientX,q=x;E(!0);const X=J=>{const H=Math.min(Jm,Math.max(l2,q+(J.clientX-W)));_(H)},V=()=>{window.removeEventListener("pointermove",X),window.removeEventListener("pointerup",V),window.removeEventListener("pointercancel",V),E(!1)};window.addEventListener("pointermove",X),window.addEventListener("pointerup",V),window.addEventListener("pointercancel",V)},[x]),R=g.useCallback(()=>_($1),[]),M=UZ(),D=Je(Mf);GZ({enabled:!D});const j=M.isProcessing?"Completing authentication...":a,N=j!==null,K=it(a5);return g.useEffect(()=>{K(t??null)},[t,K]),g.useEffect(()=>{n&&(document.body.style.cursor="auto")},[n]),S.jsxs(_l.div,{className:"relative flex h-screen overflow-hidden",initial:!1,animate:{opacity:1},transition:{duration:.5,ease:"easeOut"},"data-cy":"rivet-app",children:[j!==null&&!n?S.jsx("div",{className:"absolute inset-0 z-50",children:S.jsx(gZ,{message:j})}):null,n?S.jsx("div",{className:"absolute inset-0 z-40 flex items-center justify-center bg-black/45 backdrop-blur-[2px]",children:S.jsx(uI,{isSigningIn:s||N,onStartSignIn:()=>{r==null||r()},errorMessage:i,displayMode:"modal"})}):null,S.jsxs("div",{className:`relative flex min-w-0 flex-1 flex-col ${n?"pointer-events-none select-none":""}`,children:[S.jsx(WK,{holdHostedTryoutPreviewNavigation:u,isInteractionDisabled:n,activeDemoSessionId:e}),u&&c?S.jsx("div",{className:"bg-main absolute inset-0 z-30 flex items-center justify-center",children:S.jsx("div",{className:"border-divider bg-main-light rounded-lg border p-6 shadow-lg",children:S.jsx(fA,{message:c})})}):null]}),n?null:S.jsx(S.Fragment,{children:!d&&!h?S.jsxs(S.Fragment,{children:[S.jsx("div",{className:"relative order-first h-full flex-shrink-0",style:{width:A?x:0},children:S.jsxs(_l.div,{className:"absolute inset-y-0 left-0 z-30",initial:!1,animate:{x:p?0:-x},transition:y?{duration:0}:{duration:.2,ease:[.22,1,.36,1]},onAnimationComplete:()=>{p&&L(!0)},style:{width:x,willChange:"transform"},children:[S.jsx(iK,{onClose:()=>m(!1)}),S.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":"Resize panel",onPointerDown:O,onDoubleClick:R,className:"group/resize absolute inset-y-0 right-0 z-20 flex w-3 cursor-col-resize touch-none justify-end",children:S.jsx("span",{className:`h-full transition-all duration-150 ${w?"w-0.5 bg-content-muted":"w-px bg-divider group-hover/resize:w-0.5 group-hover/resize:bg-content-muted"}`})})]})}),w&&S.jsx("div",{className:"fixed inset-0 z-[100] cursor-col-resize"}),S.jsx(OZ,{isVisible:!0,isPanelOpen:p,isReducedMotion:!!y,position:k,dragBoundsLeftPx:T,onPositionChange:P,onToggle:()=>m(G=>!G)})]}):null}),S.jsx(tH,{duration:5e3,richColors:!0,toastOptions:{style:{maxHeight:"150px",overflow:"hidden"}}})]})},u2="rivet_connect_deep_link",yJ=()=>{if(typeof window>"u")return null;const t=new URLSearchParams(window.location.search),e=t.get("connect"),n=e??window.sessionStorage.getItem(u2);if(n!=="pinterest"&&n!=="arena")return null;if(window.sessionStorage.setItem(u2,n),e){t.delete("connect");const r=t.toString();window.history.replaceState(null,document.title,window.location.pathname+(r?`?${r}`:"")+window.location.hash)}return n},_J=yJ(),xJ=()=>{const[t,e]=g.useState(window.location.hash),[n]=g.useState(()=>typeof window<"u"&&window.sessionStorage.getItem(Kp)==="1"),[r,s]=g.useState(!1),[i,a]=g.useState(_J);g.useEffect(()=>{n&&window.sessionStorage.removeItem(Kp)},[n]);const{config:u,refetchConfig:c,loading:d,error:h}=HZ(),p=it(Mf),[m,y]=g.useState(!1),[x,_]=g.useState(null),[w,E]=g.useState(!1),[k,P]=g.useState(!1),[T,A]=g.useState(null),[L,O]=g.useState(!1),R=g.useRef(!1),M=g.useRef(!1),D=uJ(window.location.pathname),j=(u==null?void 0:u.activeDemoSessionId)??null,N=D??T??j,K=g.useMemo(()=>iJ(u==null?void 0:u.demoMode,u==null?void 0:u.agentModeAvailable,N),[u==null?void 0:u.demoMode,u==null?void 0:u.agentModeAvailable,N]),G=g.useMemo(()=>sJ({configLoading:d,hasConfig:u!==null,demoMode:u==null?void 0:u.demoMode,agentModeAvailable:u==null?void 0:u.agentModeAvailable,pathnameDemoSessionId:D,activeDemoSessionId:T,configuredDemoSessionId:j}),[u,d,D,T,j]);g.useLayoutEffect(()=>{if(!G){O(!1);return}O(!0)},[G]);const W=L,q=g.useMemo(()=>oJ(W),[W]),X=(u==null?void 0:u.demoMode)===!0&&W,V=g.useRef(null);V.current=N;const J=g.useCallback(async()=>{if(!R.current)return;A(null);const he=await c();if((he==null?void 0:he.demoMode)===!0&&he.agentModeAvailable!==!0){P(!1);return}(he==null?void 0:he.demoMode)===!0&&P(!0)},[c]);g.useEffect(()=>{if((u==null?void 0:u.demoMode)===!0)return eJ(()=>{J()})},[u==null?void 0:u.demoMode,J]),g.useEffect(()=>{if(R.current=(u==null?void 0:u.demoMode)===!0,(u==null?void 0:u.demoMode)!==!0)return;const he=window.fetch.bind(window);return rJ({nativeFetch:he,pageOrigin:window.location.origin,getShouldIntercept:()=>R.current})},[u==null?void 0:u.demoMode]),g.useEffect(()=>{(u==null?void 0:u.agentModeAvailable)===!0&&P(!1)},[u==null?void 0:u.agentModeAvailable]);const H=g.useCallback(async he=>{const Pe=V.current;if(!(he!=null&&he.forceRefresh)&&Pe)return Pe;if(M.current)return"";M.current=!0;try{const Se=await fetch("/api/demo/session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})});if(!Se.ok){const Qe=await mJ(Se);throw new Error(Qe)}const Fe=await Se.json();if(!Fe.sessionId)throw new Error("Demo session response missing session id.");return A(Fe.sessionId),Fe.sessionId}finally{M.current=!1}},[]);g.useEffect(()=>{j&&A(j)},[j]),g.useEffect(()=>{u!=null&&u.userId?(Te.identify(u.userId,{...u.email?{email:u.email}:{}}),u.email&&Te.alias(u.email,u.userId)):u!=null&&u.email&&Te.identify(u.email,{email:u.email})},[u==null?void 0:u.userId,u==null?void 0:u.email]),g.useEffect(()=>{if(!u)return;const he=!!u.demoMode,Pe=he?N:null;Te.register({source:he?"tryout":"core",demo_mode:he,...Pe?{demo_session_id:Pe}:{}})},[u,N]);const F=g.useCallback(async()=>{var Pe;y(!0),_(null);let he=null;try{if(he=window.open("","_blank"),!he)throw new Error("Pop-up blocked. Please allow pop-ups and try again.");try{he.document.open(),he.document.write(hJ),he.document.close()}catch(Qe){V1.warn("Failed to render loading state in auth popup:",Qe)}const Se=await fetch(`${S8}/api/auth/google/start`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:"desktop"})}),Fe=await Se.json();if(!Se.ok||!Fe.success||!Fe.authUrl||!Fe.sessionId||!Fe.pollSecret)throw new Error(Fe.error||Fe.message||"Failed to start Google login");if(he.closed)throw new Error("Sign-in window was closed before Google login started.");he.location.href=Fe.authUrl;for(let Qe=0;Qe<fJ;Qe+=1){if(he.closed)throw new Error("Sign-in window was closed before authentication completed.");const ge=await(await fetch(`${S8}/api/auth/google/token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({session:Fe.sessionId,pollSecret:Fe.pollSecret})})).json();if(ge.success&&ge.token&&((Pe=ge.user)!=null&&Pe.email)){if(!(await fetch("/api/auth/store",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:ge.user.email,token:ge.token,refreshToken:ge.refreshToken,userId:ge.user.id})})).ok)throw new Error("Signed in, but failed to store session locally.");if(he.close(),window.sessionStorage.setItem(Kp,"1"),(u==null?void 0:u.demoMode)===!0){await H({forceRefresh:!0}),window.location.reload();return}window.location.reload();return}if(ge.error&&ge.error!=="Pending")throw new Error(ge.error||"Google login failed");await new Promise(gt=>setTimeout(gt,dJ))}throw new Error("Authentication timed out. Please try again.")}catch(Se){he&&!he.closed&&he.close();const Fe=Se instanceof Error?Se.message:"Failed to start login flow";V1.warn("Hosted login failed:",Fe),_(Fe),y(!1)}},[u==null?void 0:u.demoMode,H]),Y=(u==null?void 0:u.demoMode)===!0&&((u==null?void 0:u.agentModeAvailable)!==!0||k||m),te=u!=null&&u.agentModeAvailable!==!0,ie=cJ(t),oe=g.useCallback(async()=>{E(!0),p(!0);try{await c()}finally{p(!1),E(!1)}},[c,p]);if(g.useEffect(()=>{if(!G)return;let he=!1;return H({forceRefresh:!0}).catch(Pe=>{const Se=Pe instanceof Error?Pe.message:ZI;V1.warn("Hosted session bootstrap failed:",Se),_(Se),ht.error(Se)}).finally(()=>{he||O(!1)}),()=>{he=!0}},[G,H]),g.useEffect(()=>{const he=()=>{const Pe=window.location.hash;e(Pe)};return window.addEventListener("hashchange",he),()=>window.removeEventListener("hashchange",he)},[]),ie==="design-system")return S.jsx(YQ,{});const le={pathname:window.location.pathname,configLoading:d,hasConfig:u!==null,isRetryingConfig:w};if(lJ(le)){const he=h||"Could not load Rivet configuration.";return S.jsx("div",{className:"bg-main flex h-screen items-center justify-center px-6",children:S.jsxs("div",{className:"border-divider bg-main w-full max-w-md rounded-lg border p-6 text-center shadow-lg",children:[S.jsx("p",{className:"text-content text-sm font-medium",children:"We could not start Rivet yet."}),S.jsx("p",{className:"text-content-dim mt-2 text-xs",children:he}),S.jsx("button",{type:"button",className:"border-divider text-content hover:bg-main/80 mt-4 rounded-md border px-3 py-1.5 text-xs",onClick:()=>{oe()},children:"Retry"})]})})}if(te)return S.jsx(uI,{isSigningIn:m,onStartSignIn:()=>{F()},errorMessage:x,displayMode:"full"});const ae=(u==null?void 0:u.agentModeAvailable)===!0&&(u==null?void 0:u.demoMode)!==!0&&i!==null,re=(u==null?void 0:u.agentModeAvailable)===!0&&(u==null?void 0:u.demoMode)!==!0&&n&&!r&&!ae;return S.jsxs(S.Fragment,{children:[S.jsx(vJ,{projectPath:u==null?void 0:u.projectPath,activeDemoSessionId:K,showLoginGate:Y,onStartLogin:F,isStartingLogin:m,loginError:x,fullPageHostedLoginProgressMessage:(u==null?void 0:u.demoMode)===!0&&m?"Completing sign-in...":null,holdHostedTryoutPreviewNavigation:W,hostedTryoutPreviewHoldMessage:q,deferInspectorUntilPreviewReady:X}),S.jsx(H_,{context:"onboarding",isOpen:re,onClose:()=>s(!0)}),S.jsx(H_,{context:"menu",isOpen:ae,highlightProvider:i,onClose:()=>{window.sessionStorage.removeItem(u2),a(null)}})]})},wJ="phc_Ntj9tXHbS64XgYxlTfhglRmFivFsfm0AERph4ZlnNH",bJ=new iL,SJ={session_recording:{maskAllInputs:!1,maskInputOptions:{password:!0},maskTextSelector:null}},EJ=()=>S.jsx("div",{style:{display:"flex",height:"100vh",alignItems:"center",justifyContent:"center"},children:S.jsx("p",{style:{fontSize:"14px",color:"#6b7280"},children:"Something went wrong. Please reload the page."})});QN.createRoot(document.getElementById("root")).render(S.jsx(xe.StrictMode,{children:S.jsx(HN,{apiKey:wJ,options:{api_host:"https://rivet-proxy.onrender.com/ingest",ui_host:"https://us.posthog.com",person_profiles:"always",capture_exceptions:!0,autocapture:!0,capture_pageview:!0,capture_performance:!0,persistence:"localStorage",...SJ,mask_all_text:!1,mask_all_element_attributes:!1,loaded:t=>{t.register({source:"core",rivet_version:"0.14.10",env:"production"})}},children:S.jsx(GN,{fallback:S.jsx(EJ,{}),children:S.jsx(oL,{client:bJ,children:S.jsx(aG,{defaultShape:"rounded",children:S.jsx(pQ,{defaultLibrary:"lucide",children:S.jsx(xJ,{})})})})})})}));

package/src/ui/dist/index.html

@@ -7,7 +7,7 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rivet - The visual editor for design</title>
-    <script type="module" crossorigin src="/assets/main-CQho_sDZ.js"></script>
+    <script type="module" crossorigin src="/assets/main-QevbGOvt.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/main-CobdEReL.css">
   </head>
   <body>