@fork-api/chat-sdk 0.1.173 → 0.1.174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +23 -8
- package/dist/index.d.ts +23 -8
- package/dist/index.js +8 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
'use strict';var
|
|
2
|
-
`);return pt&&gr===o||(gr=o,pt=(async()=>{try{let s=await fetch(`${t}/api/v1/preview/auto-activate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,"X-Fork-User-Id":r.userId,"X-Fork-User-Hash":r.userHash},body:JSON.stringify({appId:r.appId})});if(s.status===204)return null;if(!s.ok){let u=await s.json().catch(()=>({}));return console.warn(`[fork-preview] auto admin activate failed (${s.status}): ${u.error??"unknown"}`),null}let i=await s.json(),a={preview_session_id:i.preview_session_id,tenant_id:i.tenant_id,app_id:i.app_id,target:i.target,operator_id:i.operator_id,container_id:i.container_id??null,container_name:i.container_name??"Fork",fork_id:i.fork_id??null,expires_at:i.expires_at};return Dt(a),a}catch(s){return console.warn("[fork-preview] auto admin activate threw",s),null}finally{gr=null,pt=null;}})()),pt}function Io(){return Ne()}function _o(){return null}function jt(){return vr.useSyncExternalStore(pr,Io,_o)}function oe(){let e=Ne();if(!e)return {};let t={"X-Fork-Preview-Session":e.preview_session_id};return e.fork_id&&(t["X-Fork-Preview-Fork-Id"]=e.fork_id),t}async function Kt(e){let t=new URLSearchParams({app:e.appId,user:e.userId});e.containerId&&t.set("containerId",e.containerId);let r=`${e.baseUrl}/api/v1/manifest?${t.toString()}`,n={Authorization:`Bearer ${e.apiKey}`,"X-Fork-App-Id":e.appId,"X-Fork-User-Id":e.userId,...e.extraHeaders??{}};e.userHash&&(n["X-Fork-User-Hash"]=e.userHash),e.previous?.etag&&(n["If-None-Match"]=e.previous.etag);let o=await fetch(r,{headers:n,signal:e.signal});if(o.status===304)return null;if(!o.ok)throw new Error(`manifest ${o.status} ${o.statusText}`);let s=await o.json(),i={};for(let[a,u]of Object.entries(s.modules)){let b=u.moduleUrl??u.bundleUrl??null,g=u.legacyModuleUrl??u.legacyBundleUrl??null;i[a]={forkId:u.forkId,moduleUrl:b,legacyModuleUrl:g,bundleUrl:u.bundleUrl??b,legacyBundleUrl:u.legacyBundleUrl??g,cssUrls:u.cssUrls??[],integrity:u.integrity,metadata:u.metadata,highlightHint:u.highlightHint,buildId:u.buildId,updatedAt:u.updatedAt};}return {containerId:s.containerId,forksPaused:!!s.forksPaused,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var Ro="fork:manifest:v1";function kr(e,t,r){return `${Ro}:${e}:${t}:${r}`}function Eo(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(kr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function Co(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(kr(e,t,r),JSON.stringify(n));}catch{}}function $o(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(kr(e,t,r));}catch{}}function Po(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId||!!e.forksPaused!=!!t.forksPaused)return true;let r=Object.entries(e.slots),n=Object.entries(t.slots);if(r.length!==n.length)return true;for(let[i,a]of r){let u=t.slots[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,a]of o){let u=t.modules[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}return false}var gn=vr.createContext(null),Lo=12e3,Ho=45e3,cn="fork:activity:v1",Oo=new Set(["pending","running","building"]),Uo="Setting up environment";function Ee(e){return Oo.has(e)}function Bo(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function No(e,t){let r=Bo(e,t);if(!r)return null;let n=new Date().toISOString();return {id:e.id,status:e.status,targetKind:r.targetKind,targetId:r.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,createdAt:e.createdAt||n,updatedAt:e.completedAt||n,completedAt:e.completedAt??null}}function un(e){return {id:e.id,status:e.status,targetKind:e.targetKind,targetId:e.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,promptCount:e.promptCount,messageCount:e.messageCount,isActive:e.isActive,createdAt:e.createdAt,updatedAt:e.updatedAt,completedAt:e.completedAt??null}}function zt(e,t){let r=typeof t.summary=="string"&&t.summary.trim()?t.summary.trim():void 0,n=typeof e?.summary=="string"&&e.summary.trim()?e.summary.trim():void 0,o=typeof t.estimateMinutes=="number"&&Number.isFinite(t.estimateMinutes)?t.estimateMinutes:void 0,s=typeof e?.estimateMinutes=="number"&&Number.isFinite(e.estimateMinutes)?e.estimateMinutes:void 0;return {...e,...t,summary:r??n??null,estimateMinutes:o??s??null,latestMessage:t.latestMessage??e?.latestMessage??null,unread:t.unread??e?.unread??false}}function gt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function Ze(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let r=JSON.parse(t);return Array.isArray(r)?new Set(r.filter(n=>typeof n=="string")):new Set}catch{return new Set}}function et(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var Do="fork:previewPaused:v1";function br(e,t,r,n){return `${Do}:${e}:${t}:${r}:${n}`}function jo(e){if(typeof window>"u")return false;try{return window.localStorage.getItem(e)==="1"}catch{return false}}function dn(e,t){if(!(typeof window>"u"))try{t?window.localStorage.setItem(e,"1"):window.localStorage.removeItem(e);}catch{}}function Ko(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function zo(e){let t=e.data&&typeof e.data=="object"?e.data:{};if(e.type==="status"){let r=typeof t.status=="string"?t.status:"running",n=typeof t.summary=="string"?t.summary:void 0;return {status:r,latestMessage:Ee(r)?"Building":void 0,summary:n,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,updatedAt:e.timestamp}}return e.type==="tool_use"?{status:"running",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_start"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_complete"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="complete"?{status:"complete",summary:typeof t.summary=="string"?t.summary:void 0,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,latestMessage:"Fork ready",completedAt:e.timestamp,updatedAt:e.timestamp}:e.type==="error"||e.type==="build_error"?{status:"error",latestMessage:typeof t.error=="string"?t.error:typeof t.message=="string"?t.message:"Fork failed",updatedAt:e.timestamp}:{updatedAt:e.timestamp}}function Wo(e){let t=e.filter(o=>Ee(o.status)),r=e.filter(o=>o.status==="complete"&&o.unread),n=[...e].sort((o,s)=>Date.parse(s.updatedAt)-Date.parse(o.updatedAt))[0]??null;if(t.length>1)return {state:"running",label:`${t.length} forks running`,count:t.length,runningCount:t.length,unreadCompletedCount:r.length,latest:t[0]};if(t.length===1){let o=t[0],s=!!(typeof o.summary=="string"&&o.summary.trim());return {state:"running",label:s?o.summary.trim():Uo,detail:s?Ko(o):void 0,count:1,runningCount:1,unreadCompletedCount:r.length,latest:o}}if(r.length>1)return {state:"complete",label:`${r.length} forks ready`,count:r.length,runningCount:0,unreadCompletedCount:r.length,latest:r[0]};if(r.length===1){let o=r[0];return {state:"complete",label:o.summary||"Fork ready",count:1,runningCount:0,unreadCompletedCount:1,latest:o}}return {state:n?.status==="error"?"error":"idle",label:"Fork",count:0,runningCount:0,unreadCompletedCount:0,latest:n}}function mt(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function Jo(e,t){let r={};for(let[n,o]of Object.entries(t.boundaries||{}))r[n]={...o,moduleUrl:mt(e,o.moduleUrl),cssUrls:Array.isArray(o.cssUrls)?o.cssUrls.map(s=>mt(e,s)):[]};return r}function fn(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let a=i.bundleUrl??i.legacyBundleUrl;a&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:mt(e,a),createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function pn(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";s&&(r[n]={id:o.forkId,boundaryId:n,moduleUrl:mt(e,s),cssUrls:(o.cssUrls??[]).map(i=>mt(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return r}function Vo(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,a="authUrl"in e?e.authUrl:void 0,[u]=vr.useState(()=>(at(t),mr(t))),[b,g]=vr.useState({}),[d,w]=vr.useState(i?{userId:i,userHash:void 0}:null),[I,f]=vr.useState(!!i||u),[m,x]=vr.useState({}),[H,h]=vr.useState(!o),[v,M]=vr.useState(0),[N,D]=vr.useState(null),[j,_]=vr.useState(false),[L,O]=vr.useState([]),[S,c]=vr.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),F=vr.useRef(new Map),$=vr.useRef(new Map),[P,A]=vr.useState(0),k=vr.useRef(new Set),C=vr.useRef(new Map),G=vr.useRef(void 0),V=vr.useRef(new Map),q=vr.useRef([]),te=vr.useRef(new Set),X=vr.useRef(false);cr(),vr.useEffect(()=>{return hr(t,r).then(()=>{}),()=>{}},[]);let U=jt();vr.useEffect(()=>{u||U||!o||!d?.userHash||yr(t,r,{appId:o,userId:d.userId,userHash:d.userHash});},[t,o,d?.userHash,d?.userId,r,u,U?.preview_session_id]),s&&G.current!==s&&(ur(s),G.current=s),vr.useEffect(()=>{a&&(u||(f(false),fetch(a,{credentials:"include"}).then(p=>{if(!p.ok)throw new Error(`Auth endpoint returned ${p.status}`);return p.json()}).then(p=>{if(!p.userId||typeof p.userId!="string")throw new Error("authUrl response must include userId");w({userId:p.userId,userHash:typeof p.userHash=="string"?p.userHash:void 0});}).catch(p=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",p.message);}).finally(()=>{f(true);})));},[a,u]),vr.useEffect(()=>{!a&&i&&(w({userId:i,userHash:void 0}),f(true));},[i,a]);let ne=d?.userId??"",_e=d?.userHash,z=U?"":ne,ee=U?void 0:_e,ve=!!o,se=vr.useCallback(async()=>{if(!ve){D(null),_(false),x({}),h(true),M(y=>y+1);return}if(!I){h(false);return}if(!U&&!z||!o){D(null),_(false),x({}),h(true),M(y=>y+1);return}if(h(false),!U){try{let y=await Kt({baseUrl:r,apiKey:t,appId:o,userId:z,userHash:ee});y&&(D(y.containerId),_(!!y.forksPaused),g(fn(r,y,z,o)),x(pn(r,y)));}catch(y){console.error("[ForkProvider] Failed to fetch fork manifest:",y.message),D(null),_(false),g({}),x({});}finally{M(y=>y+1),h(true);}return}if(D(U.container_id??null),U.container_id){let y=br(t,o,U.operator_id,U.container_id);if(jo(y)){_(true),g({}),x({}),M(E=>E+1),h(true);return}_(false);try{let E=await Kt({baseUrl:r,apiKey:t,appId:o,userId:z,containerId:U.container_id,extraHeaders:oe()});E&&(g(fn(r,E,z,o)),x(pn(r,E)));}catch(E){console.error("[ForkProvider] Failed to fetch preview container manifest:",E.message),g({}),x({});}finally{M(E=>E+1),h(true);}return}_(false);let p=new URLSearchParams({appId:o,userId:z});ee&&p.set("userHash",ee);try{let y=await fetch(`${r}/api/v1/boundaries/manifest?${p.toString()}`,{headers:{Authorization:`Bearer ${t}`,...oe()}});if(!y.ok)throw new Error(`${y.status}`);let E=await y.json();x(Jo(r,E));}catch(y){console.error("[ForkProvider] Failed to fetch module override manifest:",y.message),x({});}finally{M(y=>y+1),h(true);}},[t,o,r,I,ve,ee,z,U?.preview_session_id,U?.fork_id,U?.container_id]);vr.useEffect(()=>{if(!z||o&&(!U||U.container_id))return;let p=new URLSearchParams({userId:z});ee&&p.set("userHash",ee),fetch(`${r}/api/v1/forks/active?${p.toString()}`,{headers:{Authorization:`Bearer ${t}`,...oe()}}).then(y=>{if(!y.ok)throw new Error(`${y.status}`);return y.json()}).then(y=>{y&&typeof y=="object"&&g(y);}).catch(()=>{});},[t,o,z,ee,r,U?.preview_session_id,U?.fork_id]),vr.useEffect(()=>{se();},[se]);let Me=vr.useCallback(async p=>{if(o){if(U){if(!U.container_id)return;dn(br(t,o,U.operator_id,U.container_id),p),_(p),p?(g({}),x({}),M(y=>y+1)):await se();return}if(z){_(p),p&&(g({}),x({}),M(y=>y+1));try{let y=await fetch(`${r}/api/v1/containers/primary/paused`,{method:"PUT",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o},body:JSON.stringify({appId:o,paused:p,userId:z,userHash:ee})});if(!y.ok)throw new Error(`${y.status}`);p||await se();}catch(y){console.error("[ForkProvider] Failed to persist fork pause state:",y?.message??y),se().catch(()=>{});}}}},[t,o,r,se,U,ee,z]),ze=vr.useCallback((p,y)=>{g(E=>({...E,[p]:y}));},[]),nt=vr.useCallback(p=>{g(y=>{let E={...y};return delete E[p],E});},[]),Pe=vr.useCallback(p=>{k.current.add(p);},[]),We=vr.useCallback(p=>k.current.has(p)?(k.current.delete(p),true):false,[]),Je=vr.useCallback((p,y)=>{C.current.set(p,y);},[]),Ct=vr.useCallback((p,y)=>C.current.get(p)!==y?false:(C.current.delete(p),true),[]),or=vr.useCallback(p=>{if(!o)return;let y=JSON.stringify(p);F.current.get(p.id)===y||$.current.get(p.id)?.signature===y||($.current.set(p.id,{boundary:p,signature:y}),A(Q=>Q+1));},[o]);vr.useEffect(()=>{if(!o||$.current.size===0)return;let p=setTimeout(()=>{let y=Array.from($.current.values());y.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:y.map(E=>E.boundary)})}).then(E=>{if(!E.ok)throw new Error(`${E.status}`)}).then(()=>{for(let E of y)$.current.get(E.boundary.id)?.signature===E.signature&&($.current.delete(E.boundary.id),F.current.set(E.boundary.id,E.signature));}).catch(E=>{console.error("[ForkProvider] Failed to register module boundaries:",E.message);});},50);return ()=>{clearTimeout(p);}},[t,o,r,P]);let $t=vr.useCallback(p=>m[p],[m]),ge=U?`preview:${U.preview_session_id}`:z,Ve=`${t}:${o||"no-app"}:${N||"no-container"}:${ge||"anonymous"}`,sr=U?`op:${U.operator_id}`:z,Pt=`${t}:${o||"no-app"}:${sr||"anonymous"}`,Se=`${cn}:seen:${Ve}`,me=`${cn}:tracked:${Ve}`;vr.useEffect(()=>{q.current=L;},[L]);let Te=vr.useCallback(()=>{let p={Authorization:`Bearer ${t}`,...oe()};return o&&(p["X-Fork-App-Id"]=o),!U&&z&&(p["X-Fork-User-Id"]=z),!U&&ee&&(p["X-Fork-User-Hash"]=ee),p},[t,o,U,ee,z]);vr.useEffect(()=>{if(typeof window>"u")return;let p=window.__FORK_RUNTIME__,y={dataFetch:async(E,Q,K="POST")=>{if(!o||!N)throw new Error("Fork data is unavailable until appId and containerId are resolved");let W=typeof E=="string"&&E.startsWith("/")?E:`/${String(E||"")}`,re=W.startsWith("/api/v1/data")?W:`/api/v1/data${W}`,ie=K.toUpperCase(),ce=new URL(`${r}${re}`),ue={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o,...oe()};!U&&z&&(ue["X-Fork-User-Id"]=z),!U&&ee&&(ue["X-Fork-User-Hash"]=ee);let de={method:ie,headers:ue};ie==="GET"?(ce.searchParams.set("appId",o),ce.searchParams.set("containerId",N)):de.body=JSON.stringify({appId:o,containerId:N,...Q&&typeof Q=="object"?Q:{}});let fe=await fetch(ce.toString(),de),J=await fe.json().catch(()=>({}));if(!fe.ok)throw new Error(typeof J?.error=="string"?J.error:`Fork data API ${fe.status}`);return J}};return window.__FORK_RUNTIME__=y,()=>{window.__FORK_RUNTIME__===y&&(window.__FORK_RUNTIME__=p);}},[t,o,r,N,U,ee,z]);let Fe=vr.useCallback(async()=>{if(!N)return;let p=new URLSearchParams({container_id:N}),y=await fetch(`${r}/api/v1/forks?${p.toString()}`,{headers:Te()}).catch(()=>null);if(!y||!y.ok)return;let E=await y.json().catch(()=>({})),Q=Array.isArray(E.forks)?E.forks:[],K=Ze(Se),W=Ze(me),re=false,ie=new Map(q.current.map(ue=>[ue.id,ue])),ce=[];for(let ue of Q){let de=un(ue);Ee(de.status)&&!W.has(de.id)&&(W.add(de.id),re=true);let fe=ie.get(de.id),J=fe?Ee(fe.status):false,xe=gt(de);de.status==="complete"&&(W.has(de.id)||J)&&!K.has(xe)&&!te.current.has(xe)&&!fe?.unread&&(X.current||W.has(de.id)||J)&&(te.current.add(xe),ce.push(de));}if(O(ue=>{let de=new Map(ue.map(le=>[le.id,le])),fe=new Set,J=new Map;for(let le of Q){let Ae=un(le);fe.add(Ae.id);let we=de.get(Ae.id),Ie=we?Ee(we.status):false,ut=gt(Ae),Tt=Ae.status==="complete"&&(W.has(Ae.id)||Ie)&&!K.has(ut),Mt=zt(we,{...Ae,unread:Tt});J.set(Ae.id,Mt);}for(let le of ue)fe.has(le.id)||(Ee(le.status)||le.unread)&&J.set(le.id,le);let xe=[...J.values()].sort((le,Ae)=>Date.parse(Ae.updatedAt)-Date.parse(le.updatedAt));return q.current=xe,xe}),re&&et(me,W),ce.length>0){for(let ue of ce)ue.targetKind==="module"&&Je(ue.targetId,ue.id);se().catch(()=>{});}X.current=true;},[Se,me,r,Te,N,se,Je]),ct=vr.useCallback((p,y)=>{let E=No(p,y);if(!E)return;let Q=p.containerId??p._containerId;if(Q&&!N&&D(Q),Ee(E.status)){let re=Ze(me);re.has(E.id)||(re.add(E.id),et(me,re)),_(false),U?.container_id&&o&&dn(br(t,o,U.operator_id,U.container_id),false);}let K=new Map(q.current.map(re=>[re.id,re]));K.set(E.id,zt(K.get(E.id),E));let W=[...K.values()].sort((re,ie)=>Date.parse(ie.updatedAt)-Date.parse(re.updatedAt));q.current=W,O(W);},[me,t,o,N,U]),ot=vr.useCallback((p,y)=>{let E=zo(y),Q=Ze(Se),K=Ze(me),W=q.current.find(fe=>fe.id===p),re=W?Ee(W.status):false;E.status&&Ee(E.status)&&!K.has(p)&&(K.add(p),et(me,K));let ie=W?zt(W,{...W,...E}):null,ce=ie?gt(ie):null,ue=!!(ie&&ie.status==="complete"&&(K.has(p)||re)&&ce&&!Q.has(ce)&&!te.current.has(ce)&&!W?.unread),de=y.type==="complete"&&W?.targetKind==="module"?W.targetId:null;if(O(fe=>{let J=fe.find(Ie=>Ie.id===p);if(!J)return fe;let xe=zt(J,{...J,...E}),le=xe.status==="complete"&&(K.has(p)||Ee(J.status))&&!Q.has(gt(xe)),Ae={...xe,unread:le},we=fe.map(Ie=>Ie.id===p?Ae:Ie).sort((Ie,ut)=>Date.parse(ut.updatedAt)-Date.parse(Ie.updatedAt));return q.current=we,we}),ue&&ie&&ce&&te.current.add(ce),y.type==="complete"){let fe=y.data&&typeof y.data=="object"?y.data:{},J=typeof fe.boundaryId=="string"?fe.boundaryId:de;J&&Je(J,p),se().catch(()=>{});}},[Se,me,se,Je]),Le=vr.useCallback(p=>{let y=Ze(Se),E=Ze(me),Q=false,K=false;for(let W of q.current){if(W.status!=="complete"||p&&W.id!==p)continue;let re=gt(W);y.has(re)||(y.add(re),Q=true),E.delete(W.id)&&(K=true);}O(W=>{let re=W.map(ie=>ie.status!=="complete"||p&&ie.id!==p?ie:{...ie,unread:false});return q.current=re,re}),Q&&et(Se,y),K&&et(me,E);},[Se,me]);vr.useEffect(()=>{X.current=false,te.current.clear(),O([]);for(let p of V.current.values())p.close();V.current.clear(),N&&Fe();},[N,Fe]),vr.useEffect(()=>{if(typeof document>"u")return;let p=()=>{let y=document.visibilityState!=="hidden";c(y),y&&N&&Fe();};return document.addEventListener("visibilitychange",p),window.addEventListener("focus",p),window.addEventListener("online",p),()=>{document.removeEventListener("visibilitychange",p),window.removeEventListener("focus",p),window.removeEventListener("online",p);}},[N,Fe]),vr.useEffect(()=>{let p=L.filter(Q=>Ee(Q.status));if(!N||p.length===0)return;let y=S?Lo:Ho,E=window.setInterval(()=>{Fe();},y);return ()=>window.clearInterval(E)},[N,S,L,Fe]),vr.useEffect(()=>{for(let p of V.current.values())p.close();V.current.clear();},[t,r,U?.preview_session_id,ee,z]),vr.useEffect(()=>{let p=new Set(L.filter(y=>Ee(y.status)).map(y=>y.id));for(let[y,E]of V.current.entries())p.has(y)||(E.close(),V.current.delete(y));for(let y of p){if(V.current.has(y))continue;let E=new URLSearchParams({key:t});U?(E.set("previewSessionId",U.preview_session_id),E.set("previewForkId",y)):z&&E.set("userId",z),ee&&E.set("userHash",ee);let Q=new EventSource(`${r}/api/v1/forks/${y}/events?${E.toString()}`);Q.onmessage=K=>{try{ot(y,JSON.parse(K.data));}catch{}},Q.onerror=()=>{Q.close(),V.current.delete(y);},V.current.set(y,Q);}},[t,r,L,U,ot,ee,z]),vr.useEffect(()=>()=>{for(let p of V.current.values())p.close();V.current.clear();},[]);let ir=Wo(L),qe=vr.useCallback(async()=>{if(!z)throw new Error("Reset requires a resolved user identity.");let p=new URLSearchParams({userId:z});ee&&p.set("userHash",ee);let y={Authorization:`Bearer ${t}`,...oe()};o&&(y["X-Fork-App-Id"]=o);let E=await fetch(`${r}/api/v1/forks/all?${p.toString()}`,{method:"DELETE",headers:y});if(!E.ok){let K=await E.json().catch(()=>({}));throw new Error(K.error||`API error: ${E.status}`)}let Q=await E.json().catch(()=>({}));g({}),x({}),h(true),M(K=>K+1),O([]),te.current.clear(),et(Se,new Set),et(me,new Set),k.current.clear(),C.current.clear();try{for(let K=sessionStorage.length-1;K>=0;K-=1){let W=sessionStorage.key(K);W&&W.startsWith("__fork_animated_")&&sessionStorage.removeItem(W);}}catch{}return Q},[Se,me,t,o,r,ee,z]);return vo.jsx(gn.Provider,{value:{apiKey:t,userId:z,userHash:ee,baseUrl:r,appId:o,forks:b,moduleOverridesEnabled:ve,moduleManifestReady:H,moduleManifestVersion:v,currentContainerId:N,forksPaused:j,setForksPaused:Me,forkActivities:L,activitySummary:ir,previewSession:U,trackForkActivity:ct,recordForkActivityEvent:ot,markForkActivitySeen:Le,refreshForkActivities:Fe,setSlotFork:ze,clearSlotFork:nt,skipAnimationForSlot:Pe,shouldSkipAnimation:We,queueBoundaryAnimation:Je,consumeBoundaryAnimation:Ct,registerBoundary:or,getBoundaryOverride:$t,refreshModuleManifest:se,resetAllForks:qe,highlightScope:Pt},children:n})}function ye(){let e=vr.useContext(gn);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function Wt(e){return ye().forks[e]}var ht=class{constructor(t){this.values=new Map;this.snapshots=new Map;this.listeners=new Map;this.eventHandlers=new Map;this.slotId=t,window.__FORK_BRIDGE__||(window.__FORK_BRIDGE__={}),window.__FORK_BRIDGE__[t]=this;}set(t,r){let n=this.values.get(t);if(Object.is(n,r))return;if(n!==void 0&&r!==null&&n!==null&&typeof n=="object"&&typeof r=="object")try{if(JSON.stringify(n)===JSON.stringify(r))return}catch{}this.values.set(t,r),this.snapshots.set(t,r);let o=this.listeners.get(t);o&&o.forEach(s=>s());}get(t){return this.values.get(t)}getSnapshot(t){return this.snapshots.get(t)}subscribe(t,r){return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(r),()=>{this.listeners.get(t)?.delete(r);}}useValue(t){let r=window.__FORK_REACT__;return r?.useSyncExternalStore?r.useSyncExternalStore(n=>this.subscribe(t,n),()=>this.getSnapshot(t)):(console.warn("[ForkBridge] React.useSyncExternalStore not available, returning static value"),this.values.get(t))}emit(t,...r){let n=this.eventHandlers.get(t);n&&n.forEach(o=>o(...r));}on(t,r){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Set),this.eventHandlers.get(t).add(r),()=>{this.eventHandlers.get(t)?.delete(r);}}destroy(){this.listeners.clear(),this.eventHandlers.clear(),this.values.clear(),this.snapshots.clear();let t=window.__FORK_BRIDGE__;t&&delete t[this.slotId];}};function Sr(e,t){let r;try{r=vr.Children.only(e);}catch{let o=vr.Children.count(e);throw new Error(`<ForkSlot slotId="${t}"> must wrap exactly one React component, got ${o} children. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`)}let n=r.type;if(typeof n=="string")throw new Error(`<ForkSlot slotId="${t}"> child must be a React component (function or class), not an HTML element <${n}>. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`);if(typeof n=="symbol")throw new Error(`<ForkSlot slotId="${t}"> child must be a single React component, not a fragment or special React element. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`);return r}var hn=new Set;function yn(e){let t=[],r=e.querySelectorAll("*");for(let n of r){if(!(n instanceof HTMLElement))continue;let o=n.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(n.tagName))continue;let s=getComputedStyle(n),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function Qo(e,t){let r=[];for(let n of t)if(!e.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Zo(e,t){let r=[];for(let n of e)if(!t.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function bn(e,t,r,n,o){return o=Math.max(0,Math.min(o,r/2,n/2)),o===0?`M ${e} ${t} L ${e+r} ${t} L ${e+r} ${t+n} L ${e} ${t+n} Z`:[`M ${e+o} ${t}`,`L ${e+r-o} ${t}`,`A ${o} ${o} 0 0 1 ${e+r} ${t+o}`,`L ${e+r} ${t+n-o}`,`A ${o} ${o} 0 0 1 ${e+r-o} ${t+n}`,`L ${e+o} ${t+n}`,`A ${o} ${o} 0 0 1 ${e} ${t+n-o}`,`L ${e} ${t+o}`,`A ${o} ${o} 0 0 1 ${e+o} ${t}`,"Z"].join(" ")}function kn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let g=0;g<e.length;g++){let{rect:d,borderRadius:w}=e[g],I=d.left-.5,f=d.top-.5,m=d.width+1,x=d.height+1,H=Math.min(w+.5,m/2,x/2),h=bn(I,f,m,x,H),v=`__fork-glow-${g}`,M=document.createElementNS(t,"filter");M.setAttribute("id",v),M.setAttribute("x","-100%"),M.setAttribute("y","-100%"),M.setAttribute("width","300%"),M.setAttribute("height","300%");let N=document.createElementNS(t,"feGaussianBlur");N.setAttribute("in","SourceGraphic"),N.setAttribute("stdDeviation","8"),M.appendChild(N),o.appendChild(M);let D=`__fork-mask-${g}`,j=document.createElementNS(t,"mask");j.setAttribute("id",D),j.setAttribute("maskUnits","userSpaceOnUse"),j.setAttribute("x",String(I-200)),j.setAttribute("y",String(f-200)),j.setAttribute("width",String(m+400)),j.setAttribute("height",String(x+400));let _=document.createElementNS(t,"rect");_.setAttribute("x",String(I-200)),_.setAttribute("y",String(f-200)),_.setAttribute("width",String(m+400)),_.setAttribute("height",String(x+400)),_.setAttribute("fill","white"),j.appendChild(_);let L=document.createElementNS(t,"path");L.setAttribute("d",h),L.setAttribute("fill","black"),j.appendChild(L),o.appendChild(j);let O=document.createElementNS(t,"g");O.setAttribute("mask",`url(#${D})`),O.setAttribute("opacity","0");let S=document.createElementNS(t,"g");S.setAttribute("filter",`url(#${v})`);let c=document.createElementNS(t,"path");c.setAttribute("d",h),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),S.appendChild(c),O.appendChild(S),n.appendChild(O);let F=document.createElementNS(t,"path");F.setAttribute("d",h),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),F.setAttribute("stroke-width","2"),F.setAttribute("stroke-linecap","round"),F.setAttribute("opacity","0"),n.appendChild(F),s.push(c,F),c.__group=O;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let g=0;g<s.length;g+=2){let d=s[g],w=s[g+1],I=d.__group,f=w.getTotalLength(),m=d.getTotalLength();if(f<=0)continue;let x=f*.35;w.setAttribute("stroke-dasharray",`${x} ${f-x}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*f,opacity:.92,offset:.06},{strokeDashoffset:-2*f,opacity:.92,offset:.92},{strokeDashoffset:-2.25*f,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let H=m*.35;d.setAttribute("stroke-dasharray",`${H} ${m-H}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*m,offset:.06},{strokeDashoffset:-2*m,offset:.92},{strokeDashoffset:-2.25*m,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(I.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(b);for(let d of i)try{d.cancel();}catch{}let g=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});g.onfinish=()=>r.remove(),window.removeEventListener("click",u);},b=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function es(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let b=a.left,g=a.top,d=a.width,w=a.height,I=Math.min(u,d/2,w/2),f=bn(b,g,d,w,I),m=document.createElementNS(t,"path");m.setAttribute("d",f),m.setAttribute("fill","none"),m.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),m.setAttribute("stroke-width","1.5"),m.setAttribute("stroke-dasharray","8 4"),m.setAttribute("stroke-linecap","round"),m.setAttribute("filter","url(#__fork-removed-shadow)"),m.setAttribute("opacity","0"),n.appendChild(m),m.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function ts(e,t){if(e===t)return true;let r=Object.keys(e);if(r.length!==Object.keys(t).length)return false;for(let n of r)if(!Object.is(e[n],t[n]))return false;return true}var rs=vr__namespace.default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return vo.jsx("div",{ref:r,style:n,children:vo.jsx(t,{...o})})},(e,t)=>e.component===t.component&&ts(e.hostProps,t.hostProps)),wr=class extends vr__namespace.default.Component{constructor(t){super(t),this.state={hasError:false};}static getDerivedStateFromError(){return {hasError:true}}componentDidCatch(t){console.error(`[Fork:${this.props.slotId}] fork render failed`,t);}componentDidUpdate(t){t.resetKey!==this.props.resetKey&&this.state.hasError&&this.setState({hasError:false});}render(){return this.state.hasError?this.props.fallback:this.props.children}};function wn({slotId:e,children:t,githubRepo:r,shared:n,events:o,entityBindings:s}){Sr(t,e);let i=Wt(e),{baseUrl:a,apiKey:u,appId:b,shouldSkipAnimation:g}=ye(),[d,w]=vr.useState(null),I=vr.useRef(null),f=vr.useRef(null),m=vr.useRef(null),x=vr.useRef(false),H=vr.useRef(null),h=vr.useRef(null),v=!!(n||o),M=vr.useRef(null);v&&!M.current&&(M.current=new ht(e));let N=vr.useRef(o);if(N.current=o,vr.useEffect(()=>{if(v)return ()=>{M.current?.destroy(),M.current=null;}},[v,e]),v&&M.current&&n)for(let[O,S]of Object.entries(n))M.current.set(O,S);vr.useEffect(()=>{if(!v)return;M.current||(M.current=new ht(e));let O=M.current,S=Object.keys(N.current||{}).map(c=>O.on(c,(...F)=>N.current?.[c]?.(...F)));return ()=>S.forEach(c=>c())},[v,e]),vr.useEffect(()=>{if(hn.has(e))return;hn.add(e);let O={id:e,appId:b,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[],entityBindings:s||{}};fetch(`${a}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json"},body:JSON.stringify(O)}).catch(()=>{});},[e,a,u,r,b,s]);let D=i?.id||null;vr.useEffect(()=>{if(i?.bundleUrl,I.current,f.current,!i?.bundleUrl||!D){return}let O=`${a}${i.bundleUrl.replace("bundle.js","component.js")}`,S=`__fork_animated_${e}`,c=sessionStorage.getItem(S),F=g(e),$=!F&&c!==D;if(F&&D&&sessionStorage.setItem(S,D),$&&f.current){let G=yn(f.current);m.current=G,x.current=true,`${e}${G.length}`;}window.__FORK_REACT__=vr__namespace.default,window.__FORK_REACT_DOM__=wo__namespace,window.__FORK_REACT_JSX__=vo__namespace;let P=Date.now(),A=`${a}${i.bundleUrl.replace("bundle.js","component.css")}?t=${P}`,k=document.createElement("link");k.rel="stylesheet",k.href=A,k.dataset.forkSlot=e,document.head.appendChild(k);let C=document.createElement("script");return C.src=O+"?t="+P,C.onload=()=>{let G=window.__FORK_EXPORT__;if(G?.default){if(f.current&&m.current&&x.current){let V=f.current.getBoundingClientRect(),q=f.current.cloneNode(true);q.setAttribute("data-fork-clone-overlay","true"),q.style.position="fixed",q.style.top=`${V.top}px`,q.style.left=`${V.left}px`,q.style.width=`${V.width}px`,q.style.height=`${V.height}px`,q.style.flex="none",q.style.minHeight="auto",q.style.zIndex="9998",q.style.pointerEvents="none",q.style.overflow="hidden";let te=getComputedStyle(f.current).backgroundColor;q.style.backgroundColor=te&&te!=="rgba(0, 0, 0, 0)"&&te!=="transparent"?te:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(q);let X=f.current.querySelectorAll("*"),U=q.querySelectorAll("*");for(let ne=0;ne<X.length;ne++)X[ne].scrollTop!==0&&(U[ne].scrollTop=X[ne].scrollTop),X[ne].scrollLeft!==0&&(U[ne].scrollLeft=X[ne].scrollLeft);H.current=q;}w(()=>G.default),I.current=D;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},C.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(C),()=>{C.remove(),k.remove(),h.current&&(clearTimeout(h.current),h.current=null),H.current&&(H.current.remove(),H.current=null);}},[D,a,e]),vr.useEffect(()=>{if(!x.current||!d||!f.current){`${e}${x.current}`,f.current;return}let O=m.current;if(!O){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!f.current)return;let S=yn(f.current),c=Qo(O,S),F=Zo(O,S),$=H.current;if(`${e}${c.length}${F.length}`,F.length>0&&$){let P=es(F);h.current=setTimeout(()=>{h.current=null;let A=400;$.animate([{opacity:1},{opacity:0}],{duration:A,fill:"forwards"}),P.animate([{opacity:1},{opacity:0}],{duration:A,fill:"forwards"}),setTimeout(()=>{$.remove(),P.remove(),H.current=null,c.length>0&&(kn(c));},A);},3500);}else $&&($.remove(),H.current=null),c.length>0&&(kn(c));m.current=null,x.current=false,D&&(sessionStorage.setItem(`__fork_animated_${e}`,D),`${e}`);});});},[d]);let j={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return vo.jsx("div",{ref:f,style:j,children:t});if(!d)return vo.jsx("div",{ref:f,style:j,children:t});let L=t?.props??{};return vo.jsx(wr,{slotId:e,resetKey:D,fallback:vo.jsx("div",{ref:f,style:j,children:t}),children:vo.jsx(rs,{component:d,containerRef:f,wrapperStyle:j,hostProps:L})})}var Sn=new Set;function ss(e){return `{ ${Object.entries(e).map(([r,n])=>n==null?`${r}: unknown`:Array.isArray(n)?`${r}: ${n.length>0?typeof n[0]:"unknown"}[]`:`${r}: ${typeof n}`).join("; ")} }`}function Fn(e,t=new Set){return vr.Children.forEach(e,r=>{if(!vr.isValidElement(r))return;let n=r.props;for(let[o,s]of Object.entries(n))typeof s=="function"&&/^on[A-Z]/.test(o)&&t.add(o);n.children&&Fn(n.children,t);}),t}function is({slotId:e,props:t,children:r,allowedFetches:n,entityBindings:o,githubRepo:s,callbacks:i,mode:a="iframe",shared:u,events:b}){if(Sr(r,e),a==="direct")return vo.jsx(wn,{slotId:e,githubRepo:s,shared:u,events:b,entityBindings:o,children:r});let g=Wt(e),{baseUrl:d,apiKey:w,appId:I,userId:f,userHash:m,currentContainerId:x,previewSession:H}=ye(),h=vr.useRef(null),v=vr.useRef(false),M=vr.useRef(null),N=vr.useRef(i);N.current=i;let D=vr.useRef(t);D.current=t;let j=vr.useRef(n);j.current=n,vr.useEffect(()=>{if(typeof process<"u")return;let S=Fn(r),c=new Set(i?Object.keys(i):[]),F=[...S].filter($=>!c.has($));F.length>0&&console.error(`[ForkSlot:${e}] Missing bridged callbacks! The following callback props are used by children but not passed to ForkSlot's \`callbacks\` prop:
|
|
3
|
-
`+
|
|
4
|
-
`)+"\n\nThe forked component will not be able to call these. Add them to the `callbacks` prop of <ForkSlot>.");},[e,r,i]),vr.useEffect(()=>{Sn.has(e)||(Sn.add(e),fetch(`${d}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${w}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:I,label:e,propsShape:t?ss(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:s,callbackNames:i?Object.keys(i):[],mode:a||"iframe",entityBindings:o||{}})}).catch(()=>{}));},[e,d,w,s,I,o]);let _=vr.useCallback(S=>{let c=h.current;if(c?.contentWindow&&v.current){let F=N.current?Object.keys(N.current):[];c.contentWindow.postMessage({type:"slot:props",props:S,callbackNames:F},"*"),M.current=null;}else M.current=S;},[]),L=vr.useCallback((S,c)=>{let F=j.current;return !F||F.length===0?false:F.some($=>{let[P,A]=$.split(" "),k=c.split("?")[0];return S.toUpperCase()===P.toUpperCase()&&k.startsWith(A)})},[]);if(vr.useEffect(()=>{if(!g?.bundleUrl)return;let S=async c=>{if(c.source===h.current?.contentWindow){if(c.data?.type==="slot:ready")v.current=true,h.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:j.current||[]},"*"),j.current,M.current?_(M.current):_(D.current||{});else if(c.data?.type==="slot:event"){let F=c.data.event;F?.navigate&&(window.location.hash=F.navigate);}else if(c.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(c.data.text).catch(F=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,F.message);});else if(c.data?.type==="slot:callback"){let{name:F,args:$}=c.data,P=N.current?.[F];P?(P(...$||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${F}`);}else if(c.data?.type==="slot:fetch"){let{id:F,method:$,url:P,body:A}=c.data,k=h.current?.contentWindow;if(!k)return;let C=$||"GET";if(!L(C,P)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${F}: ${C} ${P} \u2014 not in allowedFetches`),k.postMessage({type:"slot:fetch-response",id:F,error:`Fetch not allowed: ${C} ${P}`},"*");return}try{let G={method:C};A&&C!=="GET"&&(G.headers={"Content-Type":"application/json"},G.body=JSON.stringify(A));let V=await fetch(P,G),q=await V.json();`${e}${F}${V.status}`,k.postMessage({type:"slot:fetch-response",id:F,data:q,status:V.status},"*");}catch(G){console.error(`[ForkSlot:${e}] fetch #${F} failed:`,G.message),k.postMessage({type:"slot:fetch-response",id:F,error:G.message},"*");}}else if(c.data?.type==="slot:fork-data"){let{id:F,path:$,method:P,body:A}=c.data,k=h.current?.contentWindow;if(!k)return;if(!x||!I){k.postMessage({type:"slot:fork-data-response",id:F,error:"Fork data is unavailable until appId and containerId are resolved"},"*");return}let C=typeof $=="string"&&$.startsWith("/")?$:`/${String($||"")}`,G=C.startsWith("/api/v1/data")?C:`/api/v1/data${C}`;try{let V={Authorization:`Bearer ${w}`,"Content-Type":"application/json","X-Fork-App-Id":I,...oe()};!H&&f&&(V["X-Fork-User-Id"]=f),!H&&m&&(V["X-Fork-User-Hash"]=m);let q=typeof P=="string"?P.toUpperCase():"POST",te=new URL(`${d}${G}`),X={method:q,headers:V};q==="GET"?(te.searchParams.set("appId",I),te.searchParams.set("containerId",x)):X.body=JSON.stringify({appId:I,containerId:x,...A&&typeof A=="object"?A:{}});let U=await fetch(te.toString(),X),ne=await U.json().catch(()=>({}));if(!U.ok){let _e=typeof ne?.error=="string"?ne.error:`Fork data API ${U.status}`;k.postMessage({type:"slot:fork-data-response",id:F,error:_e,status:U.status},"*");return}k.postMessage({type:"slot:fork-data-response",id:F,data:ne,status:U.status},"*");}catch(V){k.postMessage({type:"slot:fork-data-response",id:F,error:V.message},"*");}}}};return window.addEventListener("message",S),()=>{window.removeEventListener("message",S),v.current=false;}},[g?.bundleUrl,e,_,L,x,I,w,d,H,m,f]),vr.useEffect(()=>{g?.bundleUrl&&v.current&&_(t||{});},[t,g?.bundleUrl,_]),!g||g.status!=="complete"||!g.bundleUrl)return `${e}${g?.status||"none"}${g?.bundleUrl||"none"}`,vo.jsx(vo.Fragment,{children:r});`${e}${g.bundleUrl}`;let O=`${d}${g.bundleUrl.replace("/bundle.js","/host")}`;return vo.jsx("iframe",{ref:h,src:O,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function Vt({style:e={width:20,height:20},...t}){return vo.jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[vo.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M357.789 145.428c0-16.186 13.121-29.307 29.307-29.307 7.773 0 15.227 3.088 20.723 8.584 5.496 5.496 8.584 12.95 8.584 20.723 0 16.186-13.121 29.307-29.307 29.307s-29.307-13.121-29.307-29.307z"}),vo.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),vo.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M357.789 394.572c0-16.186 13.121-29.307 29.307-29.307 7.773 0 15.227 3.088 20.723 8.584 5.496 5.496 8.584 12.95 8.584 20.723 0 16.186-13.121 29.307-29.307 29.307s-29.307-13.121-29.307-29.307z"}),vo.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M388.739 319c10.168-6.317 43.997-26.932 61.009-37.9 17.012-10.968 31.758-19.978 41.064-27.91 9.305-7.931 11.782-14.213 14.767-19.679 2.985-5.465 3.014-8.99 3.141-13.114.128-4.124-.999-8.178-2.377-11.632-1.378-3.454-3.563-6.55-5.889-9.094-2.326-2.543-4.98-4.679-8.066-6.167-3.085-1.488-6.624-2.601-10.448-2.76-3.823-.159-8.624.2-12.495 1.806-3.871 1.607-8.047 4.68-10.732 7.835-2.685 3.156-4.446 7.448-5.378 11.099-.932 3.651-.742 7.485-.213 10.807.528 3.322 1.864 6.46 3.386 9.123 1.523 2.663 3.543 4.843 5.75 6.854 2.207 2.011 4.38 3.914 7.491 5.214 3.111 1.3 6.57 2.808 11.178 2.584 4.607-.225 9.363-.471 16.466-3.932 7.103-3.46 16.076-5.382 26.154-16.831 10.077-11.449 28.593-43.219 34.312-51.862"}),vo.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1",strokeLinejoin:"round",d:"M527.117 162.547L570.487 134.368Q577.196 130.009 577.624 137.997L580.39 189.69Q580.818 197.678 573.69 194.047L527.536 170.538Q520.408 166.907 527.117 162.547Z"})]})}var ds=5600,xr=2147483002;function fs(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function ps(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function Ar(e,t){let r=Math.min(e.length,t?26:34)*7.4,n=t?Math.min(t.length,24)*6.8+10:0;return Math.round(Math.min(390,Math.max(116,56+r+n)))}function gs(e,t=false){return e?.state==="complete"&&e.unreadCompletedCount>0?e.unreadCompletedCount>1?`${e.unreadCompletedCount} forks ready`:`${e.label} ready`:t?"Fork update ready":void 0}function Ir({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=vr.useState(false),[s,i]=vr.useState(false),[a,u]=vr.useState(null),[b,g]=vr.useState(null),[d,w]=vr.useState(null),I=vr.useRef(0),f=n?48:40,m=fs(r),x=!!(m&&r?.state==="complete"&&r.unreadCompletedCount>0),H=x?m:b?.key??null,h=!!(r&&r.state==="running"&&r.runningCount>0),v=!!(H&&H!==a&&(x||b)),M=h||v,N=x?r?.label:b?.label,D=v?"Built":r?.label??"Fork this app",j=v?N:r?.detail,_=Ar(r?.label??"Fork this app",r?.detail),L=Ar(D,j),O=v?Math.min(420,Math.max(326,L,b?.width??0,I.current+40)):L,S=v?46:40,c=M?[D,j].filter(Boolean).join(" "):gs(r,t)??"Fork this app",F=M?`${D}:${j??""}`:"idle",$=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!M;vr.useEffect(()=>{if(typeof document>"u")return;let X=document.createElement("div");return X.setAttribute("data-fork-button-host","true"),X.style.position="relative",X.style.zIndex=String(xr),document.body.appendChild(X),w(X),()=>{X.remove(),w(null);}},[]),vr.useEffect(()=>{h&&(I.current=_);},[_,h]),vr.useEffect(()=>{!x||!m||!r?.label||g(X=>{if(X?.key===m)return X;let U=Math.min(420,Math.max(326,Ar("Built",r.label),I.current+40));return {key:m,label:r.label,width:U,startedAt:Date.now()}});},[r?.label,m,x]),vr.useEffect(()=>{r?.state==="complete"&&r.unreadCompletedCount===0&&g(null);},[r?.state,r?.unreadCompletedCount]),vr.useEffect(()=>{if(!H||!v||H===a)return;let X,U=b?.key===H?b.startedAt:Date.now(),ne=()=>{if(Date.now()-U>=ds&&!ps()){u(H);return}X=window.setTimeout(ne,250);};return X=window.setTimeout(ne,250),()=>{X!==void 0&&window.clearTimeout(X);}},[H,a,b?.key,b?.startedAt,v]);let P=M?{position:"fixed",bottom:24,right:24,zIndex:xr,width:`min(${O}px, calc(100vw - 32px))`,height:S,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:v?12:999,backgroundColor:n?"#ffffff":"rgba(255, 255, 255, 0.92)",border:"1px solid rgba(148, 163, 184, 0.42)",display:"inline-flex",alignItems:"center",justifyContent:v?"flex-start":"center",gap:v?10:8,color:"#111827",boxShadow:n?"0 12px 24px -16px rgba(15, 23, 42, 0.45), 0 4px 10px -6px rgba(15, 23, 42, 0.25)":"0 10px 20px -18px rgba(15, 23, 42, 0.35), 0 2px 7px -5px rgba(15, 23, 42, 0.18)",transform:s?"scale(0.98)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease",cursor:"pointer",padding:v?"0 16px 0 14px":"0 13px 0 11px",margin:0,outline:"none",boxSizing:"border-box",fontFamily:'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}:{position:"fixed",bottom:24,right:24,zIndex:xr,width:f,height:f,borderRadius:"50%",backgroundColor:n?"rgba(255, 255, 255, 1)":"rgba(255, 255, 255, 0.3)",border:n?"1px solid rgba(156, 163, 175, 1)":"1px solid rgba(156, 163, 175, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",color:n?"#111827":"rgba(17, 24, 39, 0.5)",boxShadow:n?"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)":"0 1px 2px 0 rgba(0, 0, 0, 0.05)",transform:s?"scale(0.95)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease",cursor:"pointer",padding:0,margin:0,outline:"none",boxSizing:"border-box"},A={minWidth:0,maxWidth:h?286:v?82:j?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},k={minWidth:0,maxWidth:v?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:v?1:0,color:"#64748b",fontSize:h?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},C={minWidth:0,flex:v?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:v?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},G={width:8,height:8,borderRadius:"50%",backgroundColor:r?.state==="complete"?"#16a34a":"#ef4444",boxShadow:r?.state==="complete"?"0 0 0 3px rgba(22, 163, 74, 0.14)":"none",animation:v?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},te=vo.jsxs(vo.Fragment,{children:[vo.jsx("style",{children:`
|
|
1
|
+
'use strict';var Fr=require('react'),vo=require('react-dom'),So=require('react/jsx-runtime'),Fo=require('react/jsx-dev-runtime'),lucideReact=require('lucide-react');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var Fr__namespace=/*#__PURE__*/_interopNamespace(Fr);var vo__namespace=/*#__PURE__*/_interopNamespace(vo);var So__namespace=/*#__PURE__*/_interopNamespace(So);var Fo__namespace=/*#__PURE__*/_interopNamespace(Fo);var Xe="__FORK_SHARED__";function ur(){var t,r,n,o;let e=globalThis;return e[Xe]||(e[Xe]={}),(t=e[Xe]).react||(t.react=Fr__namespace),(r=e[Xe])["react-dom"]||(r["react-dom"]=vo__namespace),(n=e[Xe])["react/jsx-runtime"]||(n["react/jsx-runtime"]=So__namespace),(o=e[Xe])["react/jsx-dev-runtime"]||(o["react/jsx-dev-runtime"]=Fo__namespace),e[Xe]}function dr(e){return Object.assign(ur(),e)}var xo="__fork_preview_session__";function Dt(e){return `${xo}${e}`}var se={apiKey:null,session:null},fr=new Set;function jt(){for(let e of fr)try{e();}catch(t){console.error("[fork-preview] subscriber threw",t);}}function on(e){let t=Date.parse(e.expires_at);return Number.isFinite(t)?t<=Date.now():true}function Ao(e){if(typeof window>"u")return null;try{let t=window.sessionStorage.getItem(Dt(e));if(!t)return null;let r=JSON.parse(t);return !r||typeof r!="object"||typeof r.preview_session_id!="string"?null:on(r)?(window.sessionStorage.removeItem(Dt(e)),null):r}catch{return null}}function pr(e,t){if(!(typeof window>"u"))try{t?window.sessionStorage.setItem(Dt(e),JSON.stringify(t)):window.sessionStorage.removeItem(Dt(e));}catch{}}function ct(e){se.apiKey!==e&&(se.apiKey=e,se.session=Ao(e),jt());}function Ne(){return se.session?on(se.session)?(Kt(null),null):se.session:null}function Kt(e){se.session=e,se.apiKey&&pr(se.apiKey,e),jt();}function mt(e){se.session&&se.session.fork_id!==e&&(se.session={...se.session,fork_id:e},se.apiKey&&pr(se.apiKey,se.session),jt());}function Ge(e,t){se.session&&(se.session.container_id===e&&se.session.container_name===t||(se.session={...se.session,container_id:e,container_name:t??se.session.container_name??"Fork",fork_id:null},se.apiKey&&pr(se.apiKey,se.session),jt()));}function gr(e){return fr.add(e),()=>{fr.delete(e);}}var sn="__fork_preview";function an(){if(typeof window>"u")return null;let e=window.location.hash;if(!e||e.length<2)return null;let r=new URLSearchParams(e.slice(1)).get(sn);return typeof r=="string"&&r.length>0?r:null}function hr(e){if(typeof window>"u")return false;try{let t=window.sessionStorage.getItem(`__fork_preview_session__${e}`);if(t){let r=JSON.parse(t),n=typeof r?.expires_at=="string"?Date.parse(r.expires_at):NaN;if(Number.isFinite(n)&&n>Date.now())return !0;window.sessionStorage.removeItem(`__fork_preview_session__${e}`);}}catch{}return cn()!==null}function ln(){if(typeof window>"u")return;let e=window.location.hash;if(!e||e.length<2)return;let t=new URLSearchParams(e.slice(1));t.delete(sn);let r=t.toString(),n=r?`#${r}`:"";try{window.history.replaceState(null,"",window.location.pathname+window.location.search+n);}catch{}}var Ye=null,mr=null,ht=null;function cn(){if(Ye)return Ye;let e=an();return e?(Ye=e,ln(),Ye):null}async function yr(e,t){ct(e);let r=Ne();if(r)return Ye=null,r;let n=Ye??an();if(Ye=null,!n)return null;ln();try{let o=await fetch(`${t}/api/v1/preview/activate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({token:n})});if(!o.ok){let a=await o.json().catch(()=>({}));return console.warn(`[fork-preview] activate failed (${o.status}): ${a.error??"unknown"}`),null}let s=await o.json(),i={preview_session_id:s.preview_session_id,tenant_id:s.tenant_id,app_id:s.app_id,target:s.target,operator_id:s.operator_id,container_id:s.container_id??null,container_name:s.container_name??"Fork",fork_id:s.fork_id??null,expires_at:s.expires_at};return Kt(i),i}catch(o){return console.warn("[fork-preview] activate threw",o),null}}async function kr(e,t,r){ct(e);let n=Ne();if(n)return n;if(!r.appId||!r.userId||!r.userHash)return null;let o=[e,t,r.appId,r.userId].join(`
|
|
2
|
+
`);return ht&&mr===o||(mr=o,ht=(async()=>{try{let s=await fetch(`${t}/api/v1/preview/auto-activate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,"X-Fork-User-Id":r.userId,"X-Fork-User-Hash":r.userHash},body:JSON.stringify({appId:r.appId})});if(s.status===204)return null;if(!s.ok){let c=await s.json().catch(()=>({}));return console.warn(`[fork-preview] auto admin activate failed (${s.status}): ${c.error??"unknown"}`),null}let i=await s.json(),a={preview_session_id:i.preview_session_id,tenant_id:i.tenant_id,app_id:i.app_id,target:i.target,operator_id:i.operator_id,container_id:i.container_id??null,container_name:i.container_name??"Fork",fork_id:i.fork_id??null,expires_at:i.expires_at};return Kt(a),a}catch(s){return console.warn("[fork-preview] auto admin activate threw",s),null}finally{mr=null,ht=null;}})()),ht}function Ro(){return Ne()}function _o(){return null}function zt(){return Fr.useSyncExternalStore(gr,Ro,_o)}function ne(){let e=Ne();if(!e)return {};let t={"X-Fork-Preview-Session":e.preview_session_id};return e.fork_id&&(t["X-Fork-Preview-Fork-Id"]=e.fork_id),t}async function Wt(e){let t=new URLSearchParams({app:e.appId,user:e.userId});e.containerId&&t.set("containerId",e.containerId);let r=`${e.baseUrl}/api/v1/manifest?${t.toString()}`,n={Authorization:`Bearer ${e.apiKey}`,"X-Fork-App-Id":e.appId,"X-Fork-User-Id":e.userId,...e.extraHeaders??{}};e.userHash&&(n["X-Fork-User-Hash"]=e.userHash),e.previous?.etag&&(n["If-None-Match"]=e.previous.etag);let o=await fetch(r,{headers:n,signal:e.signal});if(o.status===304)return null;if(!o.ok)throw new Error(`manifest ${o.status} ${o.statusText}`);let s=await o.json(),i={};for(let[a,c]of Object.entries(s.modules)){let y=c.moduleUrl??c.bundleUrl??null,S=c.legacyModuleUrl??c.legacyBundleUrl??null;i[a]={forkId:c.forkId,moduleUrl:y,legacyModuleUrl:S,bundleUrl:c.bundleUrl??y,legacyBundleUrl:c.legacyBundleUrl??S,cssUrls:c.cssUrls??[],integrity:c.integrity,metadata:c.metadata,highlightHint:c.highlightHint,buildId:c.buildId,updatedAt:c.updatedAt};}return {containerId:s.containerId,forksPaused:!!s.forksPaused,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var Eo="fork:manifest:v1";function br(e,t,r){return `${Eo}:${e}:${t}:${r}`}function Co(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(br(e,t,r));return n?JSON.parse(n):null}catch{return null}}function Po(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(br(e,t,r),JSON.stringify(n));}catch{}}function $o(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(br(e,t,r));}catch{}}function To(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId||!!e.forksPaused!=!!t.forksPaused)return true;let r=Object.entries(e.slots),n=Object.entries(t.slots);if(r.length!==n.length)return true;for(let[i,a]of r){let c=t.slots[i];if(!c||c.forkId!==a.forkId||c.buildId!==a.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,a]of o){let c=t.modules[i];if(!c||c.forkId!==a.forkId||c.buildId!==a.buildId)return true}return false}var mn=Fr.createContext(null),Ho=12e3,Oo=45e3,un="fork:activity:v1",Uo=new Set(["pending","running","building"]),Bo="Setting up environment";function _e(e){return Uo.has(e)}function No(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function Do(e,t){let r=No(e,t);if(!r)return null;let n=new Date().toISOString();return {id:e.id,status:e.status,targetKind:r.targetKind,targetId:r.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,createdAt:e.createdAt||n,updatedAt:e.completedAt||n,completedAt:e.completedAt??null}}function dn(e){return {id:e.id,status:e.status,targetKind:e.targetKind,targetId:e.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,promptCount:e.promptCount,messageCount:e.messageCount,isActive:e.isActive,createdAt:e.createdAt,updatedAt:e.updatedAt,completedAt:e.completedAt??null}}function Jt(e,t){let r=typeof t.summary=="string"&&t.summary.trim()?t.summary.trim():void 0,n=typeof e?.summary=="string"&&e.summary.trim()?e.summary.trim():void 0,o=typeof t.estimateMinutes=="number"&&Number.isFinite(t.estimateMinutes)?t.estimateMinutes:void 0,s=typeof e?.estimateMinutes=="number"&&Number.isFinite(e.estimateMinutes)?e.estimateMinutes:void 0;return {...e,...t,summary:r??n??null,estimateMinutes:o??s??null,latestMessage:t.latestMessage??e?.latestMessage??null,unread:t.unread??e?.unread??false}}function yt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function Qe(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let r=JSON.parse(t);return Array.isArray(r)?new Set(r.filter(n=>typeof n=="string")):new Set}catch{return new Set}}function Ze(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var jo="fork:previewPaused:v1";function wr(e,t,r,n){return `${jo}:${e}:${t}:${r}:${n}`}function Ko(e){if(typeof window>"u")return false;try{return window.localStorage.getItem(e)==="1"}catch{return false}}function fn(e,t){if(!(typeof window>"u"))try{t?window.localStorage.setItem(e,"1"):window.localStorage.removeItem(e);}catch{}}function zo(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function Wo(e){let t=e.data&&typeof e.data=="object"?e.data:{};if(e.type==="status"){let r=typeof t.status=="string"?t.status:"running",n=typeof t.summary=="string"?t.summary:void 0;return {status:r,latestMessage:_e(r)?"Building":void 0,summary:n,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,updatedAt:e.timestamp}}return e.type==="tool_use"?{status:"running",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_start"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_complete"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="complete"?{status:"complete",summary:typeof t.summary=="string"?t.summary:void 0,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,latestMessage:"Fork ready",completedAt:e.timestamp,updatedAt:e.timestamp}:e.type==="error"||e.type==="build_error"?{status:"error",latestMessage:typeof t.error=="string"?t.error:typeof t.message=="string"?t.message:"Fork failed",updatedAt:e.timestamp}:{updatedAt:e.timestamp}}function Jo(e){let t=e.filter(o=>_e(o.status)),r=e.filter(o=>o.status==="complete"&&o.unread),n=[...e].sort((o,s)=>Date.parse(s.updatedAt)-Date.parse(o.updatedAt))[0]??null;if(t.length>1)return {state:"running",label:`${t.length} forks running`,count:t.length,runningCount:t.length,unreadCompletedCount:r.length,latest:t[0]};if(t.length===1){let o=t[0],s=!!(typeof o.summary=="string"&&o.summary.trim());return {state:"running",label:s?o.summary.trim():Bo,detail:s?zo(o):void 0,count:1,runningCount:1,unreadCompletedCount:r.length,latest:o}}if(r.length>1)return {state:"complete",label:`${r.length} forks ready`,count:r.length,runningCount:0,unreadCompletedCount:r.length,latest:r[0]};if(r.length===1){let o=r[0];return {state:"complete",label:o.summary||"Fork ready",count:1,runningCount:0,unreadCompletedCount:1,latest:o}}return {state:n?.status==="error"?"error":"idle",label:"Fork",count:0,runningCount:0,unreadCompletedCount:0,latest:n}}function kt(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function Vo(e,t){let r={};for(let[n,o]of Object.entries(t.boundaries||{}))r[n]={...o,moduleUrl:kt(e,o.moduleUrl),cssUrls:Array.isArray(o.cssUrls)?o.cssUrls.map(s=>kt(e,s)):[]};return r}function pn(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let a=i.bundleUrl??i.legacyBundleUrl;a&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:kt(e,a),revealPending:i.revealPending===true,createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function gn(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";s&&(r[n]={id:o.forkId,boundaryId:n,moduleUrl:kt(e,s),cssUrls:(o.cssUrls??[]).map(i=>kt(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return r}function qo(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,a="userHash"in e?e.userHash:void 0,c="authUrl"in e?e.authUrl:void 0,[y]=Fr.useState(()=>(ct(t),hr(t))),[S,u]=Fr.useState({}),[m,I]=Fr.useState(i?{userId:i,userHash:a}:null),[v,f]=Fr.useState(!!i||y),[E,$]=Fr.useState({}),[F,h]=Fr.useState(!o),[N,D]=Fr.useState(0),[U,O]=Fr.useState(null),[C,M]=Fr.useState(false),[j,k]=Fr.useState([]),[d,w]=Fr.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),H=Fr.useRef(new Map),R=Fr.useRef(new Map),[A,b]=Fr.useState(0),P=Fr.useRef(new Set),G=Fr.useRef(new Map),te=Fr.useRef(void 0),z=Fr.useRef(new Map),Q=Fr.useRef([]),J=Fr.useRef(new Set),ie=Fr.useRef(false);ur(),Fr.useEffect(()=>{return yr(t,r).then(()=>{}),()=>{}},[]);let L=zt();Fr.useEffect(()=>{y||L||!o||!m?.userHash||kr(t,r,{appId:o,userId:m.userId,userHash:m.userHash});},[t,o,m?.userHash,m?.userId,r,y,L?.preview_session_id]),s&&te.current!==s&&(dr(s),te.current=s),Fr.useEffect(()=>{c&&(y||(f(false),fetch(c,{credentials:"include"}).then(p=>{if(!p.ok)throw new Error(`Auth endpoint returned ${p.status}`);return p.json()}).then(p=>{if(!p.userId||typeof p.userId!="string")throw new Error("authUrl response must include userId");I({userId:p.userId,userHash:typeof p.userHash=="string"?p.userHash:void 0});}).catch(p=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",p.message);}).finally(()=>{f(true);})));},[c,y]),Fr.useEffect(()=>{!c&&i&&(I({userId:i,userHash:a}),f(true));},[i,a,c]);let xe=m?.userId??"",Ae=m?.userHash,K=L?"":xe,V=L?void 0:Ae,he=!!o,fe=Fr.useCallback(async()=>{if(!he){O(null),M(false),$({}),h(true),D(g=>g+1);return}if(!v){h(false);return}if(!L&&!K||!o){O(null),M(false),$({}),h(true),D(g=>g+1);return}if(h(false),!L){try{let g=await Wt({baseUrl:r,apiKey:t,appId:o,userId:K,userHash:V});g&&(O(g.containerId),M(!!g.forksPaused),u(pn(r,g,K,o)),$(gn(r,g)));}catch(g){console.error("[ForkProvider] Failed to fetch fork manifest:",g.message),O(null),M(false),u({}),$({});}finally{D(g=>g+1),h(true);}return}if(O(L.container_id??null),L.container_id){let g=wr(t,o,L.operator_id,L.container_id);if(Ko(g)){M(true),u({}),$({}),D(x=>x+1),h(true);return}M(false);try{let x=await Wt({baseUrl:r,apiKey:t,appId:o,userId:K,containerId:L.container_id,extraHeaders:ne()});x&&(u(pn(r,x,K,o)),$(gn(r,x)));}catch(x){console.error("[ForkProvider] Failed to fetch preview container manifest:",x.message),u({}),$({});}finally{D(x=>x+1),h(true);}return}M(false);let p=new URLSearchParams({appId:o,userId:K});V&&p.set("userHash",V);try{let g=await fetch(`${r}/api/v1/boundaries/manifest?${p.toString()}`,{headers:{Authorization:`Bearer ${t}`,...ne()}});if(!g.ok)throw new Error(`${g.status}`);let x=await g.json();$(Vo(r,x));}catch(g){console.error("[ForkProvider] Failed to fetch module override manifest:",g.message),$({});}finally{D(g=>g+1),h(true);}},[t,o,r,v,he,V,K,L?.preview_session_id,L?.fork_id,L?.container_id]);Fr.useEffect(()=>{if(!K||o&&(!L||L.container_id))return;let p=new URLSearchParams({userId:K});V&&p.set("userHash",V),fetch(`${r}/api/v1/forks/active?${p.toString()}`,{headers:{Authorization:`Bearer ${t}`,...ne()}}).then(g=>{if(!g.ok)throw new Error(`${g.status}`);return g.json()}).then(g=>{g&&typeof g=="object"&&u(g);}).catch(()=>{});},[t,o,K,V,r,L?.preview_session_id,L?.fork_id]),Fr.useEffect(()=>{fe();},[fe]);let ze=Fr.useCallback(async p=>{if(o){if(L){if(!L.container_id)return;fn(wr(t,o,L.operator_id,L.container_id),p),M(p),p?(u({}),$({}),D(g=>g+1)):await fe();return}if(K){M(p),p&&(u({}),$({}),D(g=>g+1));try{let g=await fetch(`${r}/api/v1/containers/primary/paused`,{method:"PUT",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o},body:JSON.stringify({appId:o,paused:p,userId:K,userHash:V})});if(!g.ok)throw new Error(`${g.status}`);p||await fe();}catch(g){console.error("[ForkProvider] Failed to persist fork pause state:",g?.message??g),fe().catch(()=>{});}}}},[t,o,r,fe,L,V,K]),rt=Fr.useCallback((p,g)=>{u(x=>({...x,[p]:g}));},[]),Pe=Fr.useCallback(p=>{u(g=>{let x={...g};return delete x[p],x});},[]),We=Fr.useCallback(p=>{P.current.add(p);},[]),ir=Fr.useCallback(p=>P.current.has(p)?(P.current.delete(p),true):false,[]),Tt=Fr.useCallback(p=>{if(p.slotId&&u(x=>{let W=x[p.slotId];return !W||W.id!==p.id||!W.revealPending?x:{...x,[p.slotId]:{...W,revealPending:false}}}),L||!K)return;let g={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-User-Id":K};V&&(g["X-Fork-User-Hash"]=V),fetch(`${r}/api/v1/forks/reveals`,{method:"POST",headers:g,body:JSON.stringify({forkId:p.id,userId:K,userHash:V})}).catch(()=>{});},[t,r,L,V,K]),Je=Fr.useCallback((p,g)=>{G.current.set(p,g);},[]),Mt=Fr.useCallback((p,g)=>G.current.get(p)!==g?false:(G.current.delete(p),true),[]),pe=Fr.useCallback(p=>{if(!o)return;let g=JSON.stringify(p);H.current.get(p.id)===g||R.current.get(p.id)?.signature===g||(R.current.set(p.id,{boundary:p,signature:g}),b(W=>W+1));},[o]);Fr.useEffect(()=>{if(!o||R.current.size===0)return;let p=setTimeout(()=>{let g=Array.from(R.current.values());g.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:g.map(x=>x.boundary)})}).then(x=>{if(!x.ok)throw new Error(`${x.status}`)}).then(()=>{for(let x of g)R.current.get(x.boundary.id)?.signature===x.signature&&(R.current.delete(x.boundary.id),H.current.set(x.boundary.id,x.signature));}).catch(x=>{console.error("[ForkProvider] Failed to register module boundaries:",x.message);});},50);return ()=>{clearTimeout(p);}},[t,o,r,A]);let nt=Fr.useCallback(p=>E[p],[E]),ar=L?`preview:${L.preview_session_id}`:K,dt=`${t}:${o||"no-app"}:${U||"no-container"}:${ar||"anonymous"}`,ft=L?`op:${L.operator_id}`:K,ot=`${t}:${o||"no-app"}:${ft||"anonymous"}`,ke=`${un}:seen:${dt}`,ue=`${un}:tracked:${dt}`;Fr.useEffect(()=>{Q.current=j;},[j]);let st=Fr.useCallback(()=>{let p={Authorization:`Bearer ${t}`,...ne()};return o&&(p["X-Fork-App-Id"]=o),!L&&K&&(p["X-Fork-User-Id"]=K),!L&&V&&(p["X-Fork-User-Hash"]=V),p},[t,o,L,V,K]);Fr.useEffect(()=>{if(typeof window>"u")return;let p=window.__FORK_RUNTIME__,g={dataFetch:async(x,W,ee="POST")=>{if(!o||!U)throw new Error("Fork data is unavailable until appId and containerId are resolved");let q=typeof x=="string"&&x.startsWith("/")?x:`/${String(x||"")}`,re=q.startsWith("/api/v1/data")?q:`/api/v1/data${q}`,le=ee.toUpperCase(),ye=new URL(`${r}${re}`),ge={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o,...ne()};!L&&K&&(ge["X-Fork-User-Id"]=K),!L&&V&&(ge["X-Fork-User-Hash"]=V);let X={method:le,headers:ge};le==="GET"?(ye.searchParams.set("appId",o),ye.searchParams.set("containerId",U)):X.body=JSON.stringify({appId:o,containerId:U,...W&&typeof W=="object"?W:{}});let ce=await fetch(ye.toString(),X),oe=await ce.json().catch(()=>({}));if(!ce.ok)throw new Error(typeof oe?.error=="string"?oe.error:`Fork data API ${ce.status}`);return oe}};return window.__FORK_RUNTIME__=g,()=>{window.__FORK_RUNTIME__===g&&(window.__FORK_RUNTIME__=p);}},[t,o,r,U,L,V,K]);let $e=Fr.useCallback(async()=>{if(!U)return;let p=new URLSearchParams({container_id:U}),g=await fetch(`${r}/api/v1/forks?${p.toString()}`,{headers:st()}).catch(()=>null);if(!g||!g.ok)return;let x=await g.json().catch(()=>({})),W=Array.isArray(x.forks)?x.forks:[],ee=Qe(ke),q=Qe(ue),re=false,le=new Map(Q.current.map(ge=>[ge.id,ge])),ye=[];for(let ge of W){let X=dn(ge);_e(X.status)&&!q.has(X.id)&&(q.add(X.id),re=true);let ce=le.get(X.id),oe=ce?_e(ce.status):false,Ie=yt(X);X.status==="complete"&&(q.has(X.id)||oe)&&!ee.has(Ie)&&!J.current.has(Ie)&&!ce?.unread&&(ie.current||q.has(X.id)||oe)&&(J.current.add(Ie),ye.push(X));}if(k(ge=>{let X=new Map(ge.map(ae=>[ae.id,ae])),ce=new Set,oe=new Map;for(let ae of W){let ve=dn(ae);ce.add(ve.id);let Be=X.get(ve.id),Ce=Be?_e(Be.status):false,it=yt(ve),Fe=ve.status==="complete"&&(q.has(ve.id)||Ce)&&!ee.has(it),Ht=Jt(Be,{...ve,unread:Fe});oe.set(ve.id,Ht);}for(let ae of ge)ce.has(ae.id)||(_e(ae.status)||ae.unread)&&oe.set(ae.id,ae);let Ie=[...oe.values()].sort((ae,ve)=>Date.parse(ve.updatedAt)-Date.parse(ae.updatedAt));return Q.current=Ie,Ie}),re&&Ze(ue,q),ye.length>0){for(let ge of ye)ge.targetKind==="module"&&Je(ge.targetId,ge.id);fe().catch(()=>{});}ie.current=true;},[ke,ue,r,st,U,fe,Je]),Te=Fr.useCallback((p,g)=>{let x=Do(p,g);if(!x)return;let W=p.containerId??p._containerId;if(W&&!U&&O(W),_e(x.status)){let re=Qe(ue);re.has(x.id)||(re.add(x.id),Ze(ue,re)),M(false),L?.container_id&&o&&fn(wr(t,o,L.operator_id,L.container_id),false);}let ee=new Map(Q.current.map(re=>[re.id,re]));ee.set(x.id,Jt(ee.get(x.id),x));let q=[...ee.values()].sort((re,le)=>Date.parse(le.updatedAt)-Date.parse(re.updatedAt));Q.current=q,k(q);},[ue,t,o,U,L]),pt=Fr.useCallback((p,g)=>{let x=Wo(g),W=Qe(ke),ee=Qe(ue),q=Q.current.find(ce=>ce.id===p),re=q?_e(q.status):false;x.status&&_e(x.status)&&!ee.has(p)&&(ee.add(p),Ze(ue,ee));let le=q?Jt(q,{...q,...x}):null,ye=le?yt(le):null,ge=!!(le&&le.status==="complete"&&(ee.has(p)||re)&&ye&&!W.has(ye)&&!J.current.has(ye)&&!q?.unread),X=g.type==="complete"&&q?.targetKind==="module"?q.targetId:null;if(k(ce=>{let oe=ce.find(Ce=>Ce.id===p);if(!oe)return ce;let Ie=Jt(oe,{...oe,...x}),ae=Ie.status==="complete"&&(ee.has(p)||_e(oe.status))&&!W.has(yt(Ie)),ve={...Ie,unread:ae},Be=ce.map(Ce=>Ce.id===p?ve:Ce).sort((Ce,it)=>Date.parse(it.updatedAt)-Date.parse(Ce.updatedAt));return Q.current=Be,Be}),ge&&le&&ye&&J.current.add(ye),g.type==="complete"){let ce=g.data&&typeof g.data=="object"?g.data:{},oe=typeof ce.boundaryId=="string"?ce.boundaryId:X;oe&&Je(oe,p),fe().catch(()=>{});}},[ke,ue,fe,Je]),Ve=Fr.useCallback(p=>{let g=Qe(ke),x=Qe(ue),W=false,ee=false;for(let q of Q.current){if(q.status!=="complete"||p&&q.id!==p)continue;let re=yt(q);g.has(re)||(g.add(re),W=true),x.delete(q.id)&&(ee=true);}k(q=>{let re=q.map(le=>le.status!=="complete"||p&&le.id!==p?le:{...le,unread:false});return Q.current=re,re}),W&&Ze(ke,g),ee&&Ze(ue,x);},[ke,ue]);Fr.useEffect(()=>{ie.current=false,J.current.clear(),k([]);for(let p of z.current.values())p.close();z.current.clear(),U&&$e();},[U,$e]),Fr.useEffect(()=>{if(typeof document>"u")return;let p=()=>{let g=document.visibilityState!=="hidden";w(g),g&&U&&$e();};return document.addEventListener("visibilitychange",p),window.addEventListener("focus",p),window.addEventListener("online",p),()=>{document.removeEventListener("visibilitychange",p),window.removeEventListener("focus",p),window.removeEventListener("online",p);}},[U,$e]),Fr.useEffect(()=>{let p=j.filter(W=>_e(W.status));if(!U||p.length===0)return;let g=d?Ho:Oo,x=window.setInterval(()=>{$e();},g);return ()=>window.clearInterval(x)},[U,d,j,$e]),Fr.useEffect(()=>{for(let p of z.current.values())p.close();z.current.clear();},[t,r,L?.preview_session_id,V,K]),Fr.useEffect(()=>{let p=new Set(j.filter(g=>_e(g.status)).map(g=>g.id));for(let[g,x]of z.current.entries())p.has(g)||(x.close(),z.current.delete(g));for(let g of p){if(z.current.has(g))continue;let x=new URLSearchParams({key:t});L?(x.set("previewSessionId",L.preview_session_id),x.set("previewForkId",g)):K&&x.set("userId",K),V&&x.set("userHash",V);let W=new EventSource(`${r}/api/v1/forks/${g}/events?${x.toString()}`);W.onmessage=ee=>{try{pt(g,JSON.parse(ee.data));}catch{}},W.onerror=()=>{W.close(),z.current.delete(g);},z.current.set(g,W);}},[t,r,j,L,pt,V,K]),Fr.useEffect(()=>()=>{for(let p of z.current.values())p.close();z.current.clear();},[]);let Ue=Jo(j),Lt=Fr.useCallback(async()=>{if(!K)throw new Error("Reset requires a resolved user identity.");let p=new URLSearchParams({userId:K});V&&p.set("userHash",V);let g={Authorization:`Bearer ${t}`,...ne()};o&&(g["X-Fork-App-Id"]=o);let x=await fetch(`${r}/api/v1/forks/all?${p.toString()}`,{method:"DELETE",headers:g});if(!x.ok){let ee=await x.json().catch(()=>({}));throw new Error(ee.error||`API error: ${x.status}`)}let W=await x.json().catch(()=>({}));return u({}),$({}),h(true),D(ee=>ee+1),k([]),J.current.clear(),Ze(ke,new Set),Ze(ue,new Set),P.current.clear(),G.current.clear(),W},[ke,ue,t,o,r,V,K]);return So.jsx(mn.Provider,{value:{apiKey:t,userId:K,userHash:V,baseUrl:r,appId:o,forks:S,moduleOverridesEnabled:he,moduleManifestReady:F,moduleManifestVersion:N,currentContainerId:U,forksPaused:C,setForksPaused:ze,forkActivities:j,activitySummary:Ue,previewSession:L,trackForkActivity:Te,recordForkActivityEvent:pt,markForkActivitySeen:Ve,refreshForkActivities:$e,setSlotFork:rt,clearSlotFork:Pe,skipAnimationForSlot:We,shouldSkipAnimation:ir,markRevealSeen:Tt,queueBoundaryAnimation:Je,consumeBoundaryAnimation:Mt,registerBoundary:pe,getBoundaryOverride:nt,refreshModuleManifest:fe,resetAllForks:Lt,highlightScope:ot},children:n})}function we(){let e=Fr.useContext(mn);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function Vt(e){return we().forks[e]}var bt=class{constructor(t){this.values=new Map;this.snapshots=new Map;this.listeners=new Map;this.eventHandlers=new Map;this.slotId=t,window.__FORK_BRIDGE__||(window.__FORK_BRIDGE__={}),window.__FORK_BRIDGE__[t]=this;}set(t,r){let n=this.values.get(t);if(Object.is(n,r))return;if(n!==void 0&&r!==null&&n!==null&&typeof n=="object"&&typeof r=="object")try{if(JSON.stringify(n)===JSON.stringify(r))return}catch{}this.values.set(t,r),this.snapshots.set(t,r);let o=this.listeners.get(t);o&&o.forEach(s=>s());}get(t){return this.values.get(t)}getSnapshot(t){return this.snapshots.get(t)}subscribe(t,r){return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(r),()=>{this.listeners.get(t)?.delete(r);}}useValue(t){let r=window.__FORK_REACT__;return r?.useSyncExternalStore?r.useSyncExternalStore(n=>this.subscribe(t,n),()=>this.getSnapshot(t)):(console.warn("[ForkBridge] React.useSyncExternalStore not available, returning static value"),this.values.get(t))}emit(t,...r){let n=this.eventHandlers.get(t);n&&n.forEach(o=>o(...r));}on(t,r){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Set),this.eventHandlers.get(t).add(r),()=>{this.eventHandlers.get(t)?.delete(r);}}destroy(){this.listeners.clear(),this.eventHandlers.clear(),this.values.clear(),this.snapshots.clear();let t=window.__FORK_BRIDGE__;t&&delete t[this.slotId];}};var vr=new Set;function xr(e,t){let r;try{r=Fr.Children.only(e);}catch{let o=Fr.Children.count(e);throw new Error(`<ForkSlot slotId="${t}"> must wrap exactly one React component, got ${o} children. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`)}let n=r.type;if(typeof n=="string")throw new Error(`<ForkSlot slotId="${t}"> child must be a React component (function or class), not an HTML element <${n}>. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`);if(typeof n=="symbol")throw new Error(`<ForkSlot slotId="${t}"> child must be a single React component, not a fragment or special React element. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`);return r}var yn=new Set;function kn(e){let t=[],r=e.querySelectorAll("*");for(let n of r){if(!(n instanceof HTMLElement))continue;let o=n.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(n.tagName))continue;let s=getComputedStyle(n),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function Zo(e,t){let r=[];for(let n of t)if(!e.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function es(e,t){let r=[];for(let n of e)if(!t.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function wn(e,t,r,n,o){return o=Math.max(0,Math.min(o,r/2,n/2)),o===0?`M ${e} ${t} L ${e+r} ${t} L ${e+r} ${t+n} L ${e} ${t+n} Z`:[`M ${e+o} ${t}`,`L ${e+r-o} ${t}`,`A ${o} ${o} 0 0 1 ${e+r} ${t+o}`,`L ${e+r} ${t+n-o}`,`A ${o} ${o} 0 0 1 ${e+r-o} ${t+n}`,`L ${e+o} ${t+n}`,`A ${o} ${o} 0 0 1 ${e} ${t+n-o}`,`L ${e} ${t+o}`,`A ${o} ${o} 0 0 1 ${e+o} ${t}`,"Z"].join(" ")}function bn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let S=0;S<e.length;S++){let{rect:u,borderRadius:m}=e[S],I=u.left-.5,v=u.top-.5,f=u.width+1,E=u.height+1,$=Math.min(m+.5,f/2,E/2),F=wn(I,v,f,E,$),h=`__fork-glow-${S}`,N=document.createElementNS(t,"filter");N.setAttribute("id",h),N.setAttribute("x","-100%"),N.setAttribute("y","-100%"),N.setAttribute("width","300%"),N.setAttribute("height","300%");let D=document.createElementNS(t,"feGaussianBlur");D.setAttribute("in","SourceGraphic"),D.setAttribute("stdDeviation","8"),N.appendChild(D),o.appendChild(N);let U=`__fork-mask-${S}`,O=document.createElementNS(t,"mask");O.setAttribute("id",U),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(I-200)),O.setAttribute("y",String(v-200)),O.setAttribute("width",String(f+400)),O.setAttribute("height",String(E+400));let C=document.createElementNS(t,"rect");C.setAttribute("x",String(I-200)),C.setAttribute("y",String(v-200)),C.setAttribute("width",String(f+400)),C.setAttribute("height",String(E+400)),C.setAttribute("fill","white"),O.appendChild(C);let M=document.createElementNS(t,"path");M.setAttribute("d",F),M.setAttribute("fill","black"),O.appendChild(M),o.appendChild(O);let j=document.createElementNS(t,"g");j.setAttribute("mask",`url(#${U})`),j.setAttribute("opacity","0");let k=document.createElementNS(t,"g");k.setAttribute("filter",`url(#${h})`);let d=document.createElementNS(t,"path");d.setAttribute("d",F),d.setAttribute("fill","none"),d.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),d.setAttribute("stroke-width","6"),d.setAttribute("stroke-linecap","round"),k.appendChild(d),j.appendChild(k),n.appendChild(j);let w=document.createElementNS(t,"path");w.setAttribute("d",F),w.setAttribute("fill","none"),w.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),w.setAttribute("stroke-width","2"),w.setAttribute("stroke-linecap","round"),w.setAttribute("opacity","0"),n.appendChild(w),s.push(d,w),d.__group=j;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let S=0;S<s.length;S+=2){let u=s[S],m=s[S+1],I=u.__group,v=m.getTotalLength(),f=u.getTotalLength();if(v<=0)continue;let E=v*.35;m.setAttribute("stroke-dasharray",`${E} ${v-E}`),m.setAttribute("stroke-dashoffset","0"),i.push(m.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*v,opacity:.92,offset:.06},{strokeDashoffset:-2*v,opacity:.92,offset:.92},{strokeDashoffset:-2.25*v,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let $=f*.35;u.setAttribute("stroke-dasharray",`${$} ${f-$}`),u.setAttribute("stroke-dashoffset","0"),i.push(u.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*f,offset:.06},{strokeDashoffset:-2*f,offset:.92},{strokeDashoffset:-2.25*f,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(I.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,c=()=>{if(a)return;a=true,clearTimeout(y);for(let u of i)try{u.cancel();}catch{}let S=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});S.onfinish=()=>r.remove(),window.removeEventListener("click",c);},y=setTimeout(c,14500);return setTimeout(()=>{a||window.addEventListener("click",c);},500),c}function ts(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:c}of e){let y=a.left,S=a.top,u=a.width,m=a.height,I=Math.min(c,u/2,m/2),v=wn(y,S,u,m,I),f=document.createElementNS(t,"path");f.setAttribute("d",v),f.setAttribute("fill","none"),f.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),f.setAttribute("stroke-width","1.5"),f.setAttribute("stroke-dasharray","8 4"),f.setAttribute("stroke-linecap","round"),f.setAttribute("filter","url(#__fork-removed-shadow)"),f.setAttribute("opacity","0"),n.appendChild(f),f.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function rs(e,t){if(e===t)return true;let r=Object.keys(e);if(r.length!==Object.keys(t).length)return false;for(let n of r)if(!Object.is(e[n],t[n]))return false;return true}var ns=Fr__namespace.default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return So.jsx("div",{ref:r,style:n,children:So.jsx(t,{...o})})},(e,t)=>e.component===t.component&&rs(e.hostProps,t.hostProps)),Sr=class extends Fr__namespace.default.Component{constructor(t){super(t),this.state={hasError:false};}static getDerivedStateFromError(){return {hasError:true}}componentDidCatch(t){console.error(`[Fork:${this.props.slotId}] fork render failed`,t);}componentDidUpdate(t){t.resetKey!==this.props.resetKey&&this.state.hasError&&this.setState({hasError:false});}render(){return this.state.hasError?this.props.fallback:this.props.children}};function vn({slotId:e,children:t,githubRepo:r,shared:n,events:o,entityBindings:s}){xr(t,e);let i=Vt(e),{baseUrl:a,apiKey:c,appId:y,shouldSkipAnimation:S,markRevealSeen:u}=we(),[m,I]=Fr.useState(null),v=Fr.useRef(null),f=Fr.useRef(null),E=Fr.useRef(null),$=Fr.useRef(false),F=Fr.useRef(null),h=Fr.useRef(null),N=!!(n||o),D=Fr.useRef(null);N&&!D.current&&(D.current=new bt(e));let U=Fr.useRef(o);if(U.current=o,Fr.useEffect(()=>{if(N)return ()=>{D.current?.destroy(),D.current=null;}},[N,e]),N&&D.current&&n)for(let[k,d]of Object.entries(n))D.current.set(k,d);Fr.useEffect(()=>{if(!N)return;D.current||(D.current=new bt(e));let k=D.current,d=Object.keys(U.current||{}).map(w=>k.on(w,(...H)=>U.current?.[w]?.(...H)));return ()=>d.forEach(w=>w())},[N,e]),Fr.useEffect(()=>{if(yn.has(e))return;yn.add(e);let k={id:e,appId:y,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[],entityBindings:s||{}};fetch(`${a}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${c}`,"Content-Type":"application/json"},body:JSON.stringify(k)}).catch(()=>{});},[e,a,c,r,y,s]);let O=i?.id||null;Fr.useEffect(()=>{if(i?.bundleUrl,v.current,f.current,!i?.bundleUrl||!O){return}let k=`${a}${i.bundleUrl.replace("bundle.js","component.js")}`,d=i.revealPending===true&&!vr.has(O),w=S(e),H=!w&&d;if(i.revealPending,w&&d&&(vr.add(O),u(i)),H&&f.current){let G=kn(f.current);E.current=G,$.current=true,`${e}${G.length}`;}window.__FORK_REACT__=Fr__namespace.default,window.__FORK_REACT_DOM__=vo__namespace,window.__FORK_REACT_JSX__=So__namespace;let R=Date.now(),A=`${a}${i.bundleUrl.replace("bundle.js","component.css")}?t=${R}`,b=document.createElement("link");b.rel="stylesheet",b.href=A,b.dataset.forkSlot=e,document.head.appendChild(b);let P=document.createElement("script");return P.src=k+"?t="+R,P.onload=()=>{let G=window.__FORK_EXPORT__;if(G?.default){if(f.current&&E.current&&$.current){let te=f.current.getBoundingClientRect(),z=f.current.cloneNode(true);z.setAttribute("data-fork-clone-overlay","true"),z.style.position="fixed",z.style.top=`${te.top}px`,z.style.left=`${te.left}px`,z.style.width=`${te.width}px`,z.style.height=`${te.height}px`,z.style.flex="none",z.style.minHeight="auto",z.style.zIndex="9998",z.style.pointerEvents="none",z.style.overflow="hidden";let Q=getComputedStyle(f.current).backgroundColor;z.style.backgroundColor=Q&&Q!=="rgba(0, 0, 0, 0)"&&Q!=="transparent"?Q:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(z);let J=f.current.querySelectorAll("*"),ie=z.querySelectorAll("*");for(let L=0;L<J.length;L++)J[L].scrollTop!==0&&(ie[L].scrollTop=J[L].scrollTop),J[L].scrollLeft!==0&&(ie[L].scrollLeft=J[L].scrollLeft);F.current=z;}I(()=>G.default),v.current=O;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},P.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(P),()=>{P.remove(),b.remove(),h.current&&(clearTimeout(h.current),h.current=null),F.current&&(F.current.remove(),F.current=null);}},[O,a,e]),Fr.useEffect(()=>{if(!$.current||!m||!f.current){`${e}${$.current}`,f.current;return}let k=E.current;if(!k){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!f.current)return;let d=kn(f.current),w=Zo(k,d),H=es(k,d),R=F.current;if(`${e}${w.length}${H.length}`,H.length>0&&R){let A=ts(H);h.current=setTimeout(()=>{h.current=null;let b=400;R.animate([{opacity:1},{opacity:0}],{duration:b,fill:"forwards"}),A.animate([{opacity:1},{opacity:0}],{duration:b,fill:"forwards"}),setTimeout(()=>{R.remove(),A.remove(),F.current=null,w.length>0&&(bn(w));},b);},3500);}else R&&(R.remove(),F.current=null),w.length>0&&(bn(w));E.current=null,$.current=false,i&&O&&(vr.add(O),u(i),`${e}`);});});},[m]);let C={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return So.jsx("div",{ref:f,style:C,children:t});if(!m)return So.jsx("div",{ref:f,style:C,children:t});let j=t?.props??{};return So.jsx(Sr,{slotId:e,resetKey:O,fallback:So.jsx("div",{ref:f,style:C,children:t}),children:So.jsx(ns,{component:m,containerRef:f,wrapperStyle:C,hostProps:j})})}var Fn=new Set;function is(e){return `{ ${Object.entries(e).map(([r,n])=>n==null?`${r}: unknown`:Array.isArray(n)?`${r}: ${n.length>0?typeof n[0]:"unknown"}[]`:`${r}: ${typeof n}`).join("; ")} }`}function xn(e,t=new Set){return Fr.Children.forEach(e,r=>{if(!Fr.isValidElement(r))return;let n=r.props;for(let[o,s]of Object.entries(n))typeof s=="function"&&/^on[A-Z]/.test(o)&&t.add(o);n.children&&xn(n.children,t);}),t}function as({slotId:e,props:t,children:r,allowedFetches:n,entityBindings:o,githubRepo:s,callbacks:i,mode:a="iframe",shared:c,events:y}){if(xr(r,e),a==="direct")return So.jsx(vn,{slotId:e,githubRepo:s,shared:c,events:y,entityBindings:o,children:r});let S=Vt(e),{baseUrl:u,apiKey:m,appId:I,userId:v,userHash:f,currentContainerId:E,previewSession:$}=we(),F=Fr.useRef(null),h=Fr.useRef(false),N=Fr.useRef(null),D=Fr.useRef(i);D.current=i;let U=Fr.useRef(t);U.current=t;let O=Fr.useRef(n);O.current=n,Fr.useEffect(()=>{if(typeof process<"u")return;let k=xn(r),d=new Set(i?Object.keys(i):[]),w=[...k].filter(H=>!d.has(H));w.length>0&&console.error(`[ForkSlot:${e}] Missing bridged callbacks! The following callback props are used by children but not passed to ForkSlot's \`callbacks\` prop:
|
|
3
|
+
`+w.map(H=>` - ${H}`).join(`
|
|
4
|
+
`)+"\n\nThe forked component will not be able to call these. Add them to the `callbacks` prop of <ForkSlot>.");},[e,r,i]),Fr.useEffect(()=>{Fn.has(e)||(Fn.add(e),fetch(`${u}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${m}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:I,label:e,propsShape:t?is(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:s,callbackNames:i?Object.keys(i):[],mode:a||"iframe",entityBindings:o||{}})}).catch(()=>{}));},[e,u,m,s,I,o]);let C=Fr.useCallback(k=>{let d=F.current;if(d?.contentWindow&&h.current){let w=D.current?Object.keys(D.current):[];d.contentWindow.postMessage({type:"slot:props",props:k,callbackNames:w},"*"),N.current=null;}else N.current=k;},[]),M=Fr.useCallback((k,d)=>{let w=O.current;return !w||w.length===0?false:w.some(H=>{let[R,A]=H.split(" "),b=d.split("?")[0];return k.toUpperCase()===R.toUpperCase()&&b.startsWith(A)})},[]);if(Fr.useEffect(()=>{if(!S?.bundleUrl)return;let k=async d=>{if(d.source===F.current?.contentWindow){if(d.data?.type==="slot:ready")h.current=true,F.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:O.current||[]},"*"),O.current,N.current?C(N.current):C(U.current||{});else if(d.data?.type==="slot:event"){let w=d.data.event;w?.navigate&&(window.location.hash=w.navigate);}else if(d.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(d.data.text).catch(w=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,w.message);});else if(d.data?.type==="slot:callback"){let{name:w,args:H}=d.data,R=D.current?.[w];R?(R(...H||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${w}`);}else if(d.data?.type==="slot:fetch"){let{id:w,method:H,url:R,body:A}=d.data,b=F.current?.contentWindow;if(!b)return;let P=H||"GET";if(!M(P,R)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${w}: ${P} ${R} \u2014 not in allowedFetches`),b.postMessage({type:"slot:fetch-response",id:w,error:`Fetch not allowed: ${P} ${R}`},"*");return}try{let G={method:P};A&&P!=="GET"&&(G.headers={"Content-Type":"application/json"},G.body=JSON.stringify(A));let te=await fetch(R,G),z=await te.json();`${e}${w}${te.status}`,b.postMessage({type:"slot:fetch-response",id:w,data:z,status:te.status},"*");}catch(G){console.error(`[ForkSlot:${e}] fetch #${w} failed:`,G.message),b.postMessage({type:"slot:fetch-response",id:w,error:G.message},"*");}}else if(d.data?.type==="slot:fork-data"){let{id:w,path:H,method:R,body:A}=d.data,b=F.current?.contentWindow;if(!b)return;if(!E||!I){b.postMessage({type:"slot:fork-data-response",id:w,error:"Fork data is unavailable until appId and containerId are resolved"},"*");return}let P=typeof H=="string"&&H.startsWith("/")?H:`/${String(H||"")}`,G=P.startsWith("/api/v1/data")?P:`/api/v1/data${P}`;try{let te={Authorization:`Bearer ${m}`,"Content-Type":"application/json","X-Fork-App-Id":I,...ne()};!$&&v&&(te["X-Fork-User-Id"]=v),!$&&f&&(te["X-Fork-User-Hash"]=f);let z=typeof R=="string"?R.toUpperCase():"POST",Q=new URL(`${u}${G}`),J={method:z,headers:te};z==="GET"?(Q.searchParams.set("appId",I),Q.searchParams.set("containerId",E)):J.body=JSON.stringify({appId:I,containerId:E,...A&&typeof A=="object"?A:{}});let ie=await fetch(Q.toString(),J),L=await ie.json().catch(()=>({}));if(!ie.ok){let xe=typeof L?.error=="string"?L.error:`Fork data API ${ie.status}`;b.postMessage({type:"slot:fork-data-response",id:w,error:xe,status:ie.status},"*");return}b.postMessage({type:"slot:fork-data-response",id:w,data:L,status:ie.status},"*");}catch(te){b.postMessage({type:"slot:fork-data-response",id:w,error:te.message},"*");}}}};return window.addEventListener("message",k),()=>{window.removeEventListener("message",k),h.current=false;}},[S?.bundleUrl,e,C,M,E,I,m,u,$,f,v]),Fr.useEffect(()=>{S?.bundleUrl&&h.current&&C(t||{});},[t,S?.bundleUrl,C]),!S||S.status!=="complete"||!S.bundleUrl)return `${e}${S?.status||"none"}${S?.bundleUrl||"none"}`,So.jsx(So.Fragment,{children:r});`${e}${S.bundleUrl}`;let j=`${u}${S.bundleUrl.replace("/bundle.js","/host")}`;return So.jsx("iframe",{ref:F,src:j,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function Xt({style:e={width:20,height:20},...t}){return So.jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[So.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M357.789 145.428c0-16.186 13.121-29.307 29.307-29.307 7.773 0 15.227 3.088 20.723 8.584 5.496 5.496 8.584 12.95 8.584 20.723 0 16.186-13.121 29.307-29.307 29.307s-29.307-13.121-29.307-29.307z"}),So.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),So.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M357.789 394.572c0-16.186 13.121-29.307 29.307-29.307 7.773 0 15.227 3.088 20.723 8.584 5.496 5.496 8.584 12.95 8.584 20.723 0 16.186-13.121 29.307-29.307 29.307s-29.307-13.121-29.307-29.307z"}),So.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M388.739 319c10.168-6.317 43.997-26.932 61.009-37.9 17.012-10.968 31.758-19.978 41.064-27.91 9.305-7.931 11.782-14.213 14.767-19.679 2.985-5.465 3.014-8.99 3.141-13.114.128-4.124-.999-8.178-2.377-11.632-1.378-3.454-3.563-6.55-5.889-9.094-2.326-2.543-4.98-4.679-8.066-6.167-3.085-1.488-6.624-2.601-10.448-2.76-3.823-.159-8.624.2-12.495 1.806-3.871 1.607-8.047 4.68-10.732 7.835-2.685 3.156-4.446 7.448-5.378 11.099-.932 3.651-.742 7.485-.213 10.807.528 3.322 1.864 6.46 3.386 9.123 1.523 2.663 3.543 4.843 5.75 6.854 2.207 2.011 4.38 3.914 7.491 5.214 3.111 1.3 6.57 2.808 11.178 2.584 4.607-.225 9.363-.471 16.466-3.932 7.103-3.46 16.076-5.382 26.154-16.831 10.077-11.449 28.593-43.219 34.312-51.862"}),So.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1",strokeLinejoin:"round",d:"M527.117 162.547L570.487 134.368Q577.196 130.009 577.624 137.997L580.39 189.69Q580.818 197.678 573.69 194.047L527.536 170.538Q520.408 166.907 527.117 162.547Z"})]})}var fs=5600,Ir=2147483002;function ps(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function gs(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function Rr(e,t){let r=Math.min(e.length,t?26:34)*7.4,n=t?Math.min(t.length,24)*6.8+10:0;return Math.round(Math.min(390,Math.max(116,56+r+n)))}function ms(e,t=false){return e?.state==="complete"&&e.unreadCompletedCount>0?e.unreadCompletedCount>1?`${e.unreadCompletedCount} forks ready`:`${e.label} ready`:t?"Fork update ready":void 0}function _r({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=Fr.useState(false),[s,i]=Fr.useState(false),[a,c]=Fr.useState(null),[y,S]=Fr.useState(null),[u,m]=Fr.useState(null),I=Fr.useRef(0),v=n?48:40,f=ps(r),E=!!(f&&r?.state==="complete"&&r.unreadCompletedCount>0),$=E?f:y?.key??null,F=!!(r&&r.state==="running"&&r.runningCount>0),h=!!($&&$!==a&&(E||y)),N=F||h,D=E?r?.label:y?.label,U=h?"Built":r?.label??"Fork this app",O=h?D:r?.detail,C=Rr(r?.label??"Fork this app",r?.detail),M=Rr(U,O),j=h?Math.min(420,Math.max(326,M,y?.width??0,I.current+40)):M,k=h?46:40,d=N?[U,O].filter(Boolean).join(" "):ms(r,t)??"Fork this app",w=N?`${U}:${O??""}`:"idle",H=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!N;Fr.useEffect(()=>{if(typeof document>"u")return;let J=document.createElement("div");return J.setAttribute("data-fork-button-host","true"),J.style.position="relative",J.style.zIndex=String(Ir),document.body.appendChild(J),m(J),()=>{J.remove(),m(null);}},[]),Fr.useEffect(()=>{F&&(I.current=C);},[C,F]),Fr.useEffect(()=>{!E||!f||!r?.label||S(J=>{if(J?.key===f)return J;let ie=Math.min(420,Math.max(326,Rr("Built",r.label),I.current+40));return {key:f,label:r.label,width:ie,startedAt:Date.now()}});},[r?.label,f,E]),Fr.useEffect(()=>{r?.state==="complete"&&r.unreadCompletedCount===0&&S(null);},[r?.state,r?.unreadCompletedCount]),Fr.useEffect(()=>{if(!$||!h||$===a)return;let J,ie=y?.key===$?y.startedAt:Date.now(),L=()=>{if(Date.now()-ie>=fs&&!gs()){c($);return}J=window.setTimeout(L,250);};return J=window.setTimeout(L,250),()=>{J!==void 0&&window.clearTimeout(J);}},[$,a,y?.key,y?.startedAt,h]);let R=N?{position:"fixed",bottom:24,right:24,zIndex:Ir,width:`min(${j}px, calc(100vw - 32px))`,height:k,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:h?12:999,backgroundColor:n?"#ffffff":"rgba(255, 255, 255, 0.92)",border:"1px solid rgba(148, 163, 184, 0.42)",display:"inline-flex",alignItems:"center",justifyContent:h?"flex-start":"center",gap:h?10:8,color:"#111827",boxShadow:n?"0 12px 24px -16px rgba(15, 23, 42, 0.45), 0 4px 10px -6px rgba(15, 23, 42, 0.25)":"0 10px 20px -18px rgba(15, 23, 42, 0.35), 0 2px 7px -5px rgba(15, 23, 42, 0.18)",transform:s?"scale(0.98)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease",cursor:"pointer",padding:h?"0 16px 0 14px":"0 13px 0 11px",margin:0,outline:"none",boxSizing:"border-box",fontFamily:'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}:{position:"fixed",bottom:24,right:24,zIndex:Ir,width:v,height:v,borderRadius:"50%",backgroundColor:n?"rgba(255, 255, 255, 1)":"rgba(255, 255, 255, 0.3)",border:n?"1px solid rgba(156, 163, 175, 1)":"1px solid rgba(156, 163, 175, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",color:n?"#111827":"rgba(17, 24, 39, 0.5)",boxShadow:n?"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)":"0 1px 2px 0 rgba(0, 0, 0, 0.05)",transform:s?"scale(0.95)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease",cursor:"pointer",padding:0,margin:0,outline:"none",boxSizing:"border-box"},A={minWidth:0,maxWidth:F?286:h?82:O?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},b={minWidth:0,maxWidth:h?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:h?1:0,color:"#64748b",fontSize:F?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},P={minWidth:0,flex:h?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:h?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},G={width:8,height:8,borderRadius:"50%",backgroundColor:r?.state==="complete"?"#16a34a":"#ef4444",boxShadow:r?.state==="complete"?"0 0 0 3px rgba(22, 163, 74, 0.14)":"none",animation:h?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},Q=So.jsxs(So.Fragment,{children:[So.jsx("style",{children:`
|
|
5
5
|
@keyframes __forkButtonSpin { to { transform: rotate(360deg); } }
|
|
6
6
|
@keyframes __forkButtonTextSwap {
|
|
7
7
|
from { opacity: 0; transform: translateY(2px); }
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
70% { opacity: 1; transform: scale(1.18); }
|
|
17
17
|
100% { opacity: 1; transform: scale(1); }
|
|
18
18
|
}
|
|
19
|
-
`}),
|
|
19
|
+
`}),So.jsxs("button",{onClick:e,onMouseEnter:()=>o(true),onMouseLeave:()=>{o(false),i(false);},onMouseDown:()=>i(true),onMouseUp:()=>i(false),style:R,title:d,"aria-label":d,children:[N&&r?So.jsxs(So.Fragment,{children:[F?So.jsx("span",{"aria-hidden":true,style:{width:14,height:14,borderRadius:"50%",border:"2px solid rgba(17, 24, 39, 0.18)",borderTopColor:"#111827",animation:"__forkButtonSpin 780ms linear infinite",flexShrink:0,boxSizing:"border-box"}}):So.jsx("span",{"aria-hidden":true,style:G}),So.jsxs("span",{style:P,children:[So.jsx("span",{style:A,children:U}),O&&So.jsx("span",{style:b,children:O})]},w)]}):So.jsx(Xt,{style:{width:24,height:24,animation:"__forkButtonLogoIn 220ms ease-out"}}),H&&So.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,right:2,width:10,height:10,borderRadius:"50%",backgroundColor:"#111827",border:"2px solid #ffffff",boxSizing:"border-box",pointerEvents:"none"}})]})]});return u?vo.createPortal(Q,u):Q}var Fs={status:lucideReact.Loader2,agent_message:lucideReact.MessageSquare,tool_use:lucideReact.Wrench,build_start:lucideReact.Package,build_complete:lucideReact.Check,build_error:lucideReact.AlertCircle,complete:lucideReact.Sparkles,error:lucideReact.AlertCircle},xs={status:"#60a5fa",agent_message:"#a0a0a0",tool_use:"#fbbf24",build_start:"#c084fc",build_complete:"#6b7280",build_error:"#f87171",complete:"#6b7280",error:"#f87171"},As={read:lucideReact.FileSearch,write:lucideReact.Pencil,search:lucideReact.FileSearch,shell:lucideReact.Terminal,build:lucideReact.Package},Is={read:"#60a5fa",write:"#fbbf24",search:"#60a5fa",shell:"#a78bfa",build:"#c084fc"};function Cr(e){let t=e.data;switch(e.type){case "status":return `${t.message||t.status||"..."}`;case "agent_message":{let r=String(t.content||"");return /failed:/i.test(r)&&(r.includes("ENOENT")||r.includes("{")||r.includes("/Users/"))?"Adapting approach...":r}case "tool_use":return String(t.label||"Working on it");case "build_start":return "Bundling your component...";case "build_complete":return "Build complete!";case "build_error":return `Build failed: ${t.error}`;case "complete":return "Your fork is ready!";case "error":return `Error: ${t.error}`;default:return JSON.stringify(t)}}function Pn({events:e}){let t=Fr.useRef(null);return Fr.useEffect(()=>{t.current&&(t.current.scrollTop=t.current.scrollHeight);},[e]),So.jsxs(So.Fragment,{children:[So.jsx("style",{children:`
|
|
20
20
|
@keyframes __fork-spin {
|
|
21
21
|
from { transform: rotate(0deg); }
|
|
22
22
|
to { transform: rotate(360deg); }
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
.__fork-stream::-webkit-scrollbar-thumb:hover {
|
|
35
35
|
background: rgba(255, 255, 255, 0.3);
|
|
36
36
|
}
|
|
37
|
-
`}),vo.jsxs("div",{className:"__fork-stream",ref:t,style:{scrollbarWidth:"thin",scrollbarColor:"rgba(255, 255, 255, 0.15) transparent",backgroundColor:"#1a1a2e",borderRadius:"8px",padding:"12px",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:"11px",maxHeight:"300px",overflowY:"auto",boxSizing:"border-box"},children:[e.length===0&&vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[vo.jsx(lucideReact.Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((r,n)=>{let o=n===e.length-1,s=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",i=o&&!s&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),a=Ss[r.type]||lucideReact.Code,u=Fs[r.type]||"#9ca3af";if(r.type==="tool_use"){let b=String(r.data.category||"");a=xs[b]||lucideReact.Wrench,u=As[b]||"#fbbf24";}return i?a=lucideReact.Loader2:!o&&r.type==="status"&&(a=lucideReact.Check,u="#4ade80"),vo.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[vo.jsx(a,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:u,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),vo.jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:Rr(r)})]},n)})]})]})}var Tn=35,Ms="Setting up environment",Ls="Built Custom Feature",Mn=360,vt=380;function Hs(e){let t=Date.parse(e);if(Number.isNaN(t))return "";let r=Math.max(1,Math.round((Date.now()-t)/1e3));if(r<60)return `${r}s`;let n=Math.round(r/60);if(n<60)return `${n}m`;let o=Math.round(n/60);return o<24?`${o}h`:`${Math.round(o/24)}d`}function Os(e){return e.length<=Tn?e:e.slice(0,Tn-3).trimEnd()+"..."}function Us({events:e}){let[t,r]=vr.useState("Setting up environment..."),[n,o]=vr.useState(true),s=vr.useRef(t),i=vr.useRef(false);return vr.useEffect(()=>{if(!i.current){for(let u of e)if(u.type==="status"&&String(u.data.message||"").includes("Agent started")){i.current=true;break}}let a="Setting up environment...";if(i.current)for(let u=e.length-1;u>=0;u--){let b=e[u];if(b.type==="tool_use"||b.type==="build_start"||b.type==="build_complete"){a=Os(Rr(b));break}}if(a!==s.current){o(false);let u=setTimeout(()=>{r(a),s.current=a,o(true);},200);return ()=>clearTimeout(u)}},[e]),vo.jsx("span",{style:{fontSize:11,color:"#d1d5db",fontWeight:500,opacity:n?1:0,transition:"opacity 0.2s ease",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t})}function Bs({children:e}){let[t,r]=vr.useState(null);return vr.useEffect(()=>{if(typeof document>"u")return;let n=document.createElement("div");n.setAttribute("data-fork-panel-host",""),n.style.cssText="all: initial;",document.body.appendChild(n);let o=n.attachShadow({mode:"open"});return r(o),()=>{n.remove();}},[]),t?wo.createPortal(e,t):null}function Yt({state:e,fork:t,events:r,error:n,slotId:o,targetId:s,targetLabel:i,historyMode:a="slot",onSubmit:u,onUndo:b,onClose:g,baseUrl:d,apiKey:w,userId:I,userHash:f,appId:m,embedded:x=false,completeVariant:H="bubble"}){let[h,v]=vr.useState(""),[M,N]=vr.useState([]),[D,j]=vr.useState(false),[_,L]=vr.useState(false),[O,S]=vr.useState(false),[c,F]=vr.useState(false),[$,P]=vr.useState(false),[A,k]=vr.useState(false),[C,G]=vr.useState(false),[V,q]=vr.useState(false),[te,X]=vr.useState(false),[U,ne]=vr.useState(null),[_e,z]=vr.useState(false),[ee,ve]=vr.useState([]),[se,Me]=vr.useState(null),[ze,nt]=vr.useState(false),[Pe,We]=vr.useState(false),[Je,Ct]=vr.useState(false),[or,$t]=vr.useState(null),[ge,Ve]=vr.useState(null),[sr,Pt]=vr.useState(false),[Se,me]=vr.useState(false),[Te,Fe]=vr.useState(""),ct=vr.useRef(null),[ot,Le]=vr.useState(null),[ir,qe]=vr.useState(false),[p,y]=vr.useState(null),[E,Q]=vr.useState([]),[K,W]=vr.useState(null),[re,ie]=vr.useState(false),ce=vr.useRef(false),ue=vr.useRef(null),de=vr.useRef(null),{resetAllForks:fe,previewSession:J,currentContainerId:xe,forksPaused:le,setForksPaused:Ae}=ye(),we=J?.container_id??xe,Ie=!!(J&&ir),ut=!!(J?.container_id??xe),[Tt,Mt]=vr.useState(false),$e=p!==null,Vr=vr.useRef(g);vr.useEffect(()=>{Vr.current=g;});let ar=vr.useRef(null),Lt=vr.useRef(false),qr=typeof window<"u"&&"documentPictureInPicture"in window,fo=async()=>{if(!(!qr||$e))try{let l=await window.documentPictureInPicture.requestWindow({width:Mn,height:640});l.document.body.style.margin="0",l.document.body.style.padding="0",l.document.body.style.height="100vh",l.document.body.style.overflow="hidden",l.document.body.style.background="#ffffff";try{let R=document.adoptedStyleSheets??[];R.length>0&&(l.document.adoptedStyleSheets=[...R]);}catch{}l.addEventListener("pagehide",()=>{ar.current=null,y(null),Lt.current||Vr.current(),Lt.current=!1;},{once:!0}),ar.current=l,y(l);}catch(l){console.warn("[Fork] PiP open failed:",l);}},po=()=>{p&&(Lt.current=true,p.close());};vr.useEffect(()=>()=>{Lt.current=true,ar.current?.close();},[]);let st=s??o??"",go=(i||st).replace(/[-_]+/g," ").replace(/\b\w/g,l=>l.toUpperCase()),Ht=vr.useRef(""),Xr=()=>{let l={Authorization:`Bearer ${w}`,...oe()};return m&&(l["X-Fork-App-Id"]=m),!J&&I&&(l["X-Fork-User-Id"]=I),!J&&f&&(l["X-Fork-User-Hash"]=f),l},it=x?true:_&&!O,mo=r.find(l=>{let R=l.data;return l.type==="status"&&R.summary})?.data?.summary||t?.summary||Ms,Xe=r.find(l=>{let R=l.data;return (l.type==="status"||l.type==="complete")&&typeof R?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;vr.useEffect(()=>{if(a==="none"){j(true);return}if(!d||!w)return;if(!K){N([]),j(true);return}let l=new AbortController;return fetch(`${d}/api/v1/forks/${encodeURIComponent(K)}/messages`,{headers:Xr(),signal:l.signal}).then(R=>R.ok?R.json():[]).then(R=>{if(l.signal.aborted)return;let B=[];for(let he of R){let He=he.forkId??K;he.role==="user"?B.push({type:"user",text:he.content,forkId:He}):B.push({type:"applied",text:he.content,forkId:He});}N(B),j(true);}).catch(()=>{l.signal.aborted||j(true);}),()=>{l.abort();}},[w,m,d,a,K,J?.fork_id,J?.preview_session_id,f,I,t?.id,t?.completedAt]),vr.useEffect(()=>{if(a==="none"||!d||!w||!ze)return;if(!se){Q([]);return}let l=new AbortController,R=new URLSearchParams({container_id:se});return fetch(`${d}/api/v1/forks?${R.toString()}`,{headers:Xr(),signal:l.signal}).then(B=>B.ok?B.json():{forks:[]}).then(B=>{l.signal.aborted||Q(B.forks??[]);}).catch(()=>{}),()=>{l.abort();}},[w,m,d,a,se,ze,t?.id,t?.completedAt,J?.fork_id,J?.preview_session_id,f,I]),vr.useEffect(()=>{e==="complete"&&q(false);},[e]);let Gr=E.some(l=>l.status==="pending"||l.status==="running"||l.status==="building");vr.useEffect(()=>{if(!Gr||!d||!w||!se)return;let l=new URLSearchParams({container_id:se}),R={Authorization:`Bearer ${w}`,...oe()};m&&(R["X-Fork-App-Id"]=m);let he=setInterval(async()=>{try{let He=await fetch(`${d}/api/v1/forks?${l.toString()}`,{headers:R});if(!He.ok)return;let ko=await He.json();Q(ko.forks??[]);}catch{}},3e3);return ()=>clearInterval(he)},[Gr,d,w,m,se]),vr.useEffect(()=>{if(x&&a==="none"){ve([]),Me(null),nt(true),qe(false);return}if(J){let l=false;return nt(false),qe(false),Le(null),fetch(`${d}/api/v1/preview/${encodeURIComponent(J.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${w}`,...oe()}}).then(R=>{if(!R.ok)throw new Error(`${R.status}`);return R.json()}).then(R=>{l||(ve(R.containers),Me(R.currentContainerId??J.container_id??null),qe(true));}).catch(R=>{l||(qe(false),Le(R instanceof Error?R.message:String(R)),we?(ve([{id:we,name:J.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),Me(we)):(ve([]),Me(null)));}).finally(()=>{l||nt(true);}),()=>{l=true;}}we?(ve([{id:we,name:"Primary container",createdAt:""}]),Me(we)):(ve([]),Me(null)),nt(true),qe(false);},[w,we,d,x,a,J?.container_id,J?.container_name,J?.preview_session_id]);let Ot=vr.useRef(void 0);vr.useEffect(()=>{if(ze){if(Ot.current===void 0){Ot.current=se;return}Ot.current!==se&&(Ot.current=se,N([]),j(false));}},[se,ze]);let Ut=vr.useRef(null);vr.useEffect(()=>{if(!Pe)return;let l=B=>{if(!Ut.current)return;let he=typeof B.composedPath=="function"?B.composedPath():[];Ut.current.contains(B.target)||he.includes(Ut.current)||We(false);},R=B=>{B.key==="Escape"&&We(false);};return document.addEventListener("mousedown",l,true),document.addEventListener("keydown",R,true),()=>{document.removeEventListener("mousedown",l,true),document.removeEventListener("keydown",R,true);}},[Pe]),vr.useEffect(()=>{if(x||!it||O||$e)return;let l=R=>{(typeof R.composedPath=="function"?R.composedPath():[]).some(He=>He instanceof Element&&He.hasAttribute("data-fork-panel-host"))||(S(true),L(false),setTimeout(()=>g(),vt));};return document.addEventListener("mousedown",l,true),()=>{document.removeEventListener("mousedown",l,true);}},[x,it,O,$e,g]),vr.useEffect(()=>{Pe||(me(false),Fe(""));},[Pe]),vr.useEffect(()=>{Se&&(ct.current?.focus(),ct.current?.select());},[Se]),vr.useEffect(()=>{if(x)return;let l=requestAnimationFrame(()=>L(true));return ()=>cancelAnimationFrame(l)},[x]),vr.useEffect(()=>{let l=x||$e;if((l||it)&&(e==="prompting"||e==="complete")){let R=setTimeout(()=>ue.current?.focus(),l?100:vt+100);return ()=>clearTimeout(R)}},[it,x,$e,e]),vr.useEffect(()=>{if(e==="complete"&&Ht.current){let R=r.find(B=>B.type==="complete")?.data?.summary||t?.summary||Ls;N(B=>B[B.length-1]?.type==="applied"?B:[...B,{type:"applied",text:R}]),v(""),setTimeout(()=>ue.current?.focus(),200);}},[e,go,r,t?.summary]),vr.useEffect(()=>{de.current&&(de.current.scrollTop=de.current.scrollHeight);},[M,e]);let Yr=()=>{if(h.trim()){Ht.current=h.trim();let l={},R=re||!K;R?(l.forceNew=true,ce.current=true,re||ie(true)):l.forkId=K,R||N(B=>[...B,{type:"user",text:h.trim(),forkId:K}]),u(h.trim(),st,se,l),v("");}};vr.useEffect(()=>{if(ce.current){if(e==="error"){ce.current=false;return}t?.id&&(W(t.id),ie(false),ce.current=false);}},[t?.id,e]),vr.useEffect(()=>{t?.id&&(ce.current||e!=="running"&&e!=="complete"||(W(l=>l??t.id),ie(false)));},[t?.id,e]);let Qr=l=>{Ye(l.session.containerId,l.session.containerName),Me(l.session.containerId),ve(R=>{let B=R.filter(he=>he.id!==l.container.id);return [{...l.container,isPrimary:true,hasAccess:true},...B.map(he=>({...he,isPrimary:false}))]}),W(null),ie(false),ce.current=false,N([]),j(false),Ht.current="";},ho=async l=>{if(!(!J||!Ie||ge)){Ve(l),Le(null);try{let R=await fetch(`${d}/api/v1/preview/${encodeURIComponent(J.preview_session_id)}/containers/${encodeURIComponent(l)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${w}`,...oe()}});if(!R.ok){let B=await R.json().catch(()=>({}));throw new Error(B.error||`API error: ${R.status}`)}Qr(await R.json()),We(!1);}catch(R){Le(R instanceof Error?R.message:String(R));}finally{Ve(null);}}},Zr=async l=>{if(!J||!Ie||ge)return;let R=l.trim();if(R){Ve("__new__"),Le(null);try{let B=await fetch(`${d}/api/v1/preview/${encodeURIComponent(J.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${w}`,...oe()},body:JSON.stringify({name:R})});if(!B.ok){let he=await B.json().catch(()=>({}));throw new Error(he.error||`API error: ${B.status}`)}Qr(await B.json()),me(!1),Fe(""),We(!1);}catch(B){Le(B instanceof Error?B.message:String(B));}finally{Ve(null);}}},en=async()=>{if(!(!b||te||!st)){X(true);try{let l=await b(st);N(R=>{let B=[...R];return B.length>=2&&B[B.length-1]?.type==="applied"?B.splice(-2,2):B.length>=1&&B[B.length-1]?.type==="applied"&&B.splice(-1,1),B}),l?.removed&&N([]);}catch{}finally{X(false);}}},tn=()=>{if(x){g();return}if($e){p?.close();return}S(true),L(false),setTimeout(()=>g(),vt);},yo=x||$e?{position:"relative",width:"100%",height:"100%",background:"#ffffff",display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'}:{position:"fixed",top:0,right:0,bottom:0,zIndex:2147483e3,width:Mn,maxWidth:"100vw",background:"#ffffff",boxShadow:it?"-12px 0 32px -16px rgba(0, 0, 0, 0.18), -2px 0 8px -2px rgba(0, 0, 0, 0.06)":"none",borderLeft:"1px solid rgba(0, 0, 0, 0.08)",transform:it?"translateX(0)":"translateX(100%)",transition:`transform ${vt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${vt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},rn=ee.find(l=>l.id===se)?.name??(ze?"Fork":"Loading..."),dt=re?[]:K?M.filter(l=>l.forkId===K||l.forkId==null):M,lr=vo.jsxs(vo.Fragment,{children:[vo.jsx("style",{children:`
|
|
37
|
+
`}),So.jsxs("div",{className:"__fork-stream",ref:t,style:{scrollbarWidth:"thin",scrollbarColor:"rgba(255, 255, 255, 0.15) transparent",backgroundColor:"#1a1a2e",borderRadius:"8px",padding:"12px",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:"11px",maxHeight:"300px",overflowY:"auto",boxSizing:"border-box"},children:[e.length===0&&So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[So.jsx(lucideReact.Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((r,n)=>{let o=n===e.length-1,s=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",i=o&&!s&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),a=Fs[r.type]||lucideReact.Code,c=xs[r.type]||"#9ca3af";if(r.type==="tool_use"){let y=String(r.data.category||"");a=As[y]||lucideReact.Wrench,c=Is[y]||"#fbbf24";}return i?a=lucideReact.Loader2:!o&&r.type==="status"&&(a=lucideReact.Check,c="#4ade80"),So.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[So.jsx(a,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:c,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),So.jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:Cr(r)})]},n)})]})]})}var Mn=35,Ls="Setting up environment",Hs="Built Custom Feature",Ln=360,xt=380;function Os(e){let t=Date.parse(e);if(Number.isNaN(t))return "";let r=Math.max(1,Math.round((Date.now()-t)/1e3));if(r<60)return `${r}s`;let n=Math.round(r/60);if(n<60)return `${n}m`;let o=Math.round(n/60);return o<24?`${o}h`:`${Math.round(o/24)}d`}function Us(e){return e.length<=Mn?e:e.slice(0,Mn-3).trimEnd()+"..."}function Bs({events:e}){let[t,r]=Fr.useState("Setting up environment..."),[n,o]=Fr.useState(true),s=Fr.useRef(t),i=Fr.useRef(false);return Fr.useEffect(()=>{if(!i.current){for(let c of e)if(c.type==="status"&&String(c.data.message||"").includes("Agent started")){i.current=true;break}}let a="Setting up environment...";if(i.current)for(let c=e.length-1;c>=0;c--){let y=e[c];if(y.type==="tool_use"||y.type==="build_start"||y.type==="build_complete"){a=Us(Cr(y));break}}if(a!==s.current){o(false);let c=setTimeout(()=>{r(a),s.current=a,o(true);},200);return ()=>clearTimeout(c)}},[e]),So.jsx("span",{style:{fontSize:11,color:"#d1d5db",fontWeight:500,opacity:n?1:0,transition:"opacity 0.2s ease",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t})}function Ns({children:e}){let[t,r]=Fr.useState(null);return Fr.useEffect(()=>{if(typeof document>"u")return;let n=document.createElement("div");n.setAttribute("data-fork-panel-host",""),n.style.cssText="all: initial;",document.body.appendChild(n);let o=n.attachShadow({mode:"open"});return r(o),()=>{n.remove();}},[]),t?vo.createPortal(e,t):null}function Zt({state:e,fork:t,events:r,error:n,slotId:o,targetId:s,targetLabel:i,historyMode:a="slot",onSubmit:c,onUndo:y,onClose:S,baseUrl:u,apiKey:m,userId:I,userHash:v,appId:f,embedded:E=false,completeVariant:$="bubble"}){let[F,h]=Fr.useState(""),[N,D]=Fr.useState([]),[U,O]=Fr.useState(false),[C,M]=Fr.useState(false),[j,k]=Fr.useState(false),[d,w]=Fr.useState(false),[H,R]=Fr.useState(false),[A,b]=Fr.useState(false),[P,G]=Fr.useState(false),[te,z]=Fr.useState(false),[Q,J]=Fr.useState(false),[ie,L]=Fr.useState(null),[xe,Ae]=Fr.useState(false),[K,V]=Fr.useState([]),[he,fe]=Fr.useState(null),[ze,rt]=Fr.useState(false),[Pe,We]=Fr.useState(false),[ir,Tt]=Fr.useState(false),[Je,Mt]=Fr.useState(null),[pe,nt]=Fr.useState(null),[ar,dt]=Fr.useState(false),[ft,ot]=Fr.useState(false),[ke,ue]=Fr.useState(""),st=Fr.useRef(null),[$e,Te]=Fr.useState(null),[pt,Ve]=Fr.useState(false),[Ue,Lt]=Fr.useState(null),[p,g]=Fr.useState([]),[x,W]=Fr.useState(null),[ee,q]=Fr.useState(false),re=Fr.useRef(false),le=Fr.useRef(null),ye=Fr.useRef(null),{resetAllForks:ge,previewSession:X,currentContainerId:ce,forksPaused:oe,setForksPaused:Ie}=we(),ae=X?.container_id??ce,ve=!!(X&&pt),Be=!!(X?.container_id??ce),[Ce,it]=Fr.useState(false),Fe=Ue!==null,Ht=Fr.useRef(S);Fr.useEffect(()=>{Ht.current=S;});let lr=Fr.useRef(null),Ot=Fr.useRef(false),Xr=typeof window<"u"&&"documentPictureInPicture"in window,po=async()=>{if(!(!Xr||Fe))try{let l=await window.documentPictureInPicture.requestWindow({width:Ln,height:640});l.document.body.style.margin="0",l.document.body.style.padding="0",l.document.body.style.height="100vh",l.document.body.style.overflow="hidden",l.document.body.style.background="#ffffff";try{let _=document.adoptedStyleSheets??[];_.length>0&&(l.document.adoptedStyleSheets=[..._]);}catch{}l.addEventListener("pagehide",()=>{lr.current=null,Lt(null),Ot.current||Ht.current(),Ot.current=!1;},{once:!0}),lr.current=l,Lt(l);}catch(l){console.warn("[Fork] PiP open failed:",l);}},go=()=>{Ue&&(Ot.current=true,Ue.close());};Fr.useEffect(()=>()=>{Ot.current=true,lr.current?.close();},[]);let at=s??o??"",mo=(i||at).replace(/[-_]+/g," ").replace(/\b\w/g,l=>l.toUpperCase()),Ut=Fr.useRef(""),Gr=()=>{let l={Authorization:`Bearer ${m}`,...ne()};return f&&(l["X-Fork-App-Id"]=f),!X&&I&&(l["X-Fork-User-Id"]=I),!X&&v&&(l["X-Fork-User-Hash"]=v),l},lt=E?true:C&&!j,ho=r.find(l=>{let _=l.data;return l.type==="status"&&_.summary})?.data?.summary||t?.summary||Ls,qe=r.find(l=>{let _=l.data;return (l.type==="status"||l.type==="complete")&&typeof _?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;Fr.useEffect(()=>{if(a==="none"){O(true);return}if(!u||!m)return;if(!x){D([]),O(true);return}let l=new AbortController;return fetch(`${u}/api/v1/forks/${encodeURIComponent(x)}/messages`,{headers:Gr(),signal:l.signal}).then(_=>_.ok?_.json():[]).then(_=>{if(l.signal.aborted)return;let B=[];for(let me of _){let Me=me.forkId??x;me.role==="user"?B.push({type:"user",text:me.content,forkId:Me}):B.push({type:"applied",text:me.content,forkId:Me});}D(B),O(true);}).catch(()=>{l.signal.aborted||O(true);}),()=>{l.abort();}},[m,f,u,a,x,X?.fork_id,X?.preview_session_id,v,I,t?.id,t?.completedAt]),Fr.useEffect(()=>{if(a==="none"||!u||!m||!ze)return;if(!he){g([]);return}let l=new AbortController,_=new URLSearchParams({container_id:he});return fetch(`${u}/api/v1/forks?${_.toString()}`,{headers:Gr(),signal:l.signal}).then(B=>B.ok?B.json():{forks:[]}).then(B=>{l.signal.aborted||g(B.forks??[]);}).catch(()=>{}),()=>{l.abort();}},[m,f,u,a,he,ze,t?.id,t?.completedAt,X?.fork_id,X?.preview_session_id,v,I]),Fr.useEffect(()=>{e==="complete"&&z(false);},[e]);let Yr=p.some(l=>l.status==="pending"||l.status==="running"||l.status==="building");Fr.useEffect(()=>{if(!Yr||!u||!m||!he)return;let l=new URLSearchParams({container_id:he}),_={Authorization:`Bearer ${m}`,...ne()};f&&(_["X-Fork-App-Id"]=f);let me=setInterval(async()=>{try{let Me=await fetch(`${u}/api/v1/forks?${l.toString()}`,{headers:_});if(!Me.ok)return;let bo=await Me.json();g(bo.forks??[]);}catch{}},3e3);return ()=>clearInterval(me)},[Yr,u,m,f,he]),Fr.useEffect(()=>{if(E&&a==="none"){V([]),fe(null),rt(true),Ve(false);return}if(X){let l=false;return rt(false),Ve(false),Te(null),fetch(`${u}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${m}`,...ne()}}).then(_=>{if(!_.ok)throw new Error(`${_.status}`);return _.json()}).then(_=>{l||(V(_.containers),fe(_.currentContainerId??X.container_id??null),Ve(true));}).catch(_=>{l||(Ve(false),Te(_ instanceof Error?_.message:String(_)),ae?(V([{id:ae,name:X.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),fe(ae)):(V([]),fe(null)));}).finally(()=>{l||rt(true);}),()=>{l=true;}}ae?(V([{id:ae,name:"Primary container",createdAt:""}]),fe(ae)):(V([]),fe(null)),rt(true),Ve(false);},[m,ae,u,E,a,X?.container_id,X?.container_name,X?.preview_session_id]);let Bt=Fr.useRef(void 0);Fr.useEffect(()=>{if(ze){if(Bt.current===void 0){Bt.current=he;return}Bt.current!==he&&(Bt.current=he,D([]),O(false));}},[he,ze]);let Nt=Fr.useRef(null);Fr.useEffect(()=>{if(!Pe)return;let l=B=>{if(!Nt.current)return;let me=typeof B.composedPath=="function"?B.composedPath():[];Nt.current.contains(B.target)||me.includes(Nt.current)||We(false);},_=B=>{B.key==="Escape"&&We(false);};return document.addEventListener("mousedown",l,true),document.addEventListener("keydown",_,true),()=>{document.removeEventListener("mousedown",l,true),document.removeEventListener("keydown",_,true);}},[Pe]),Fr.useEffect(()=>{if(E||!lt||j||Fe)return;let l=_=>{(typeof _.composedPath=="function"?_.composedPath():[]).some(Me=>Me instanceof Element&&Me.hasAttribute("data-fork-panel-host"))||(k(true),M(false),setTimeout(()=>S(),xt));};return document.addEventListener("mousedown",l,true),()=>{document.removeEventListener("mousedown",l,true);}},[E,lt,j,Fe,S]),Fr.useEffect(()=>{Pe||(ot(false),ue(""));},[Pe]),Fr.useEffect(()=>{ft&&(st.current?.focus(),st.current?.select());},[ft]),Fr.useEffect(()=>{if(E)return;let l=requestAnimationFrame(()=>M(true));return ()=>cancelAnimationFrame(l)},[E]),Fr.useEffect(()=>{let l=E||Fe;if((l||lt)&&(e==="prompting"||e==="complete")){let _=setTimeout(()=>le.current?.focus(),l?100:xt+100);return ()=>clearTimeout(_)}},[lt,E,Fe,e]),Fr.useEffect(()=>{if(e==="complete"&&Ut.current){let _=r.find(B=>B.type==="complete")?.data?.summary||t?.summary||Hs;D(B=>B[B.length-1]?.type==="applied"?B:[...B,{type:"applied",text:_}]),h(""),setTimeout(()=>le.current?.focus(),200);}},[e,mo,r,t?.summary]),Fr.useEffect(()=>{ye.current&&(ye.current.scrollTop=ye.current.scrollHeight);},[N,e]);let Qr=()=>{if(F.trim()){Ut.current=F.trim();let l={},_=ee||!x;_?(l.forceNew=true,re.current=true,ee||q(true)):l.forkId=x,_||D(B=>[...B,{type:"user",text:F.trim(),forkId:x}]),c(F.trim(),at,he,l),h("");}};Fr.useEffect(()=>{if(re.current){if(e==="error"){re.current=false;return}t?.id&&(W(t.id),q(false),re.current=false);}},[t?.id,e]),Fr.useEffect(()=>{t?.id&&(re.current||e!=="running"&&e!=="complete"||(W(l=>l??t.id),q(false)));},[t?.id,e]);let Zr=l=>{Ge(l.session.containerId,l.session.containerName),fe(l.session.containerId),V(_=>{let B=_.filter(me=>me.id!==l.container.id);return [{...l.container,isPrimary:true,hasAccess:true},...B.map(me=>({...me,isPrimary:false}))]}),W(null),q(false),re.current=false,D([]),O(false),Ut.current="";},yo=async l=>{if(!(!X||!ve||pe)){nt(l),Te(null);try{let _=await fetch(`${u}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers/${encodeURIComponent(l)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${m}`,...ne()}});if(!_.ok){let B=await _.json().catch(()=>({}));throw new Error(B.error||`API error: ${_.status}`)}Zr(await _.json()),We(!1);}catch(_){Te(_ instanceof Error?_.message:String(_));}finally{nt(null);}}},en=async l=>{if(!X||!ve||pe)return;let _=l.trim();if(_){nt("__new__"),Te(null);try{let B=await fetch(`${u}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${m}`,...ne()},body:JSON.stringify({name:_})});if(!B.ok){let me=await B.json().catch(()=>({}));throw new Error(me.error||`API error: ${B.status}`)}Zr(await B.json()),ot(!1),ue(""),We(!1);}catch(B){Te(B instanceof Error?B.message:String(B));}finally{nt(null);}}},tn=async()=>{if(!(!y||Q||!at)){J(true);try{let l=await y(at);D(_=>{let B=[..._];return B.length>=2&&B[B.length-1]?.type==="applied"?B.splice(-2,2):B.length>=1&&B[B.length-1]?.type==="applied"&&B.splice(-1,1),B}),l?.removed&&D([]);}catch{}finally{J(false);}}},rn=()=>{if(E){S();return}if(Fe){Ue?.close();return}k(true),M(false),setTimeout(()=>S(),xt);},ko=E||Fe?{position:"relative",width:"100%",height:"100%",background:"#ffffff",display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'}:{position:"fixed",top:0,right:0,bottom:0,zIndex:2147483e3,width:Ln,maxWidth:"100vw",background:"#ffffff",boxShadow:lt?"-12px 0 32px -16px rgba(0, 0, 0, 0.18), -2px 0 8px -2px rgba(0, 0, 0, 0.06)":"none",borderLeft:"1px solid rgba(0, 0, 0, 0.08)",transform:lt?"translateX(0)":"translateX(100%)",transition:`transform ${xt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${xt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},nn=K.find(l=>l.id===he)?.name??(ze?"Fork":"Loading..."),gt=ee?[]:x?N.filter(l=>l.forkId===x||l.forkId==null):N,cr=So.jsxs(So.Fragment,{children:[So.jsx("style",{children:`
|
|
38
38
|
@keyframes __fork-pulse {
|
|
39
39
|
0%, 100% { opacity: 1; }
|
|
40
40
|
50% { opacity: 0.5; }
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
scrollbar-width: thin;
|
|
57
57
|
scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
|
|
58
58
|
}
|
|
59
|
-
`}),vo.jsxs("div",{className:"__fork-panel",style:yo,children:[vo.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",borderBottom:"1px solid rgba(229, 231, 235, 0.8)",flexShrink:0},children:[vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[vo.jsx("span",{onDoubleClick:async l=>{if(l.stopPropagation(),!_e&&confirm("Kill all forks in this container?")){z(true);try{let R=await fe();`${R?.deleted??0}`,Q([]),W(null),ie(!1),v("");}catch(R){console.error("[Fork] Reset failed:",R);}finally{z(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:vo.jsx(Vt,{style:{width:16,height:16,color:"#111827",pointerEvents:"none"}})}),e==="running"?vo.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:mo}):ee.length===0&&!Ie?vo.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):Ie?vo.jsxs("div",{ref:Ut,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[vo.jsxs("button",{type:"button",onClick:()=>{We(l=>!l);},onMouseEnter:()=>Ct(true),onMouseLeave:()=>Ct(false),"aria-haspopup":"menu","aria-expanded":Pe,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"3px 6px",border:"1px solid transparent",borderRadius:6,background:Je||Pe?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[vo.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:rn}),vo.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:Pe?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),Pe&&vo.jsxs("div",{role:"menu",style:{position:"absolute",top:"calc(100% + 4px)",left:0,minWidth:200,maxWidth:260,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06)",padding:4,zIndex:2147483001},children:[ee.map(l=>{let R=l.id===se,B=or===l.id,he=ge===l.id;return vo.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>$t(l.id),onMouseLeave:()=>$t(null),onClick:()=>{l.id!==se&&ho(l.id);},disabled:!!ge,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:B?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",fontWeight:R?600:400,opacity:ge&&!he?.55:1},children:[vo.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:R&&vo.jsx(lucideReact.Check,{style:{width:12,height:12}})}),vo.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:he?"Switching...":l.name})]},l.id)}),vo.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),Se?vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[vo.jsx("input",{ref:ct,type:"text",value:Te,placeholder:"Container name",disabled:ge==="__new__",onChange:l=>Fe(l.target.value),onKeyDown:l=>{l.key==="Enter"?(l.preventDefault(),Zr(Te)):l.key==="Escape"&&(l.preventDefault(),l.stopPropagation(),me(false),Fe(""));},style:{flex:1,minWidth:0,padding:"5px 8px",border:"1px solid #d1d5db",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",background:"#ffffff",outline:"none"},onFocus:l=>{l.currentTarget.style.borderColor="#111827",l.currentTarget.style.boxShadow="0 0 0 2px rgba(17,24,39,0.15)";},onBlur:l=>{l.currentTarget.style.borderColor="#d1d5db",l.currentTarget.style.boxShadow="none";}}),vo.jsx("button",{type:"button",onClick:()=>{Zr(Te);},disabled:!Te.trim()||ge==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!Te.trim()||ge==="__new__"?"#e5e7eb":"#111827",color:!Te.trim()||ge==="__new__"?"#9ca3af":"#ffffff",cursor:!Te.trim()||ge==="__new__"?"default":"pointer",flexShrink:0},children:ge==="__new__"?vo.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):vo.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):vo.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>Pt(true),onMouseLeave:()=>Pt(false),onClick:()=>{ge||(Le(null),Fe(""),me(true));},disabled:!!ge,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:sr?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",opacity:ge&&ge!=="__new__"?.55:1},children:"+ New container"}),ot&&vo.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:ot})]})]}):vo.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:rn}),e==="running"&&vo.jsx("span",{title:Xe?`Estimated ~${Xe} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:Xe?"#111827":"#9ca3af",backgroundColor:Xe?"rgba(17, 24, 39, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:Xe?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:Xe?`~${Xe}m`:"~ m"})]}),vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[ut&&vo.jsx("button",{type:"button",role:"switch","aria-checked":!le,"aria-label":le?"Turn Fork back on":"Turn Fork off",title:le?"Fork is off \u2014 you're seeing the original app. Turn it back on. Only affects you.":"Turn Fork off to see the original app. Only affects you.",onClick:()=>{Ae(!le);},onMouseEnter:()=>Mt(true),onMouseLeave:()=>Mt(false),style:{position:"relative",width:26,height:15,borderRadius:999,border:"none",padding:0,marginRight:6,flexShrink:0,cursor:"pointer",backgroundColor:le?Tt?"#9ca3af":"#d1d5db":Tt?"#374151":"#111827",transition:"background-color 0.18s ease",outline:"none",boxSizing:"border-box"},children:vo.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,left:le?2:13,width:11,height:11,borderRadius:"50%",backgroundColor:"#ffffff",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.25)",transition:"left 0.18s cubic-bezier(0.16, 1, 0.3, 1)"}})}),!x&&vo.jsxs(vo.Fragment,{children:[qr&&vo.jsx("button",{onClick:$e?po:fo,onMouseEnter:()=>P(true),onMouseLeave:()=>P(false),title:$e?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:$?"#4b5563":"#9ca3af",backgroundColor:$?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:$e?vo.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):vo.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),vo.jsx("button",{onClick:tn,onMouseEnter:()=>F(true),onMouseLeave:()=>F(false),style:{padding:6,borderRadius:6,color:c?"#4b5563":"#9ca3af",backgroundColor:c?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:vo.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]})]}),vo.jsxs("div",{ref:de,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(K||re)&&vo.jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[vo.jsx("button",{onClick:()=>{W(null),ie(false),ce.current=false;},style:{fontSize:12,color:"#374151",background:"transparent",border:"none",padding:"2px 4px",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:4},title:"Back to all forks",children:"\u2190 All forks"}),(()=>{let R=(K?E.find(B=>B.id===K)?.targetId:null)??st;return R?vo.jsxs("span",{style:{fontSize:11,color:"#9ca3af",fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},title:`Forking ${R}`,children:["Forking ",vo.jsx("span",{style:{color:"#6b7280"},children:R})]}):null})()]}),!K&&!re&&vo.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[vo.jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:vo.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),E.length===0&&vo.jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),E.length>0&&vo.jsx("div",{style:{display:"flex",flexDirection:"column"},children:E.map(l=>{let R=l.summary||"Untitled fork";return vo.jsxs("button",{onClick:()=>{ie(false),W(l.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:B=>B.currentTarget.style.background="#fafafa",onMouseLeave:B=>B.currentTarget.style.background="#ffffff",children:[vo.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[vo.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:R}),vo.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:Hs(l.updatedAt)})]}),vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[vo.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:l.targetId}),vo.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),vo.jsxs("span",{children:[l.promptCount," prompt",l.promptCount===1?"":"s"]}),l.status==="running"||l.status==="building"?vo.jsxs(vo.Fragment,{children:[vo.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),vo.jsx("span",{style:{color:"#111827"},children:"running"})]}):null]})]},l.id)})})]}),K&&dt.length>0&&vo.jsx("div",{style:{padding:"16px 16px 0 16px"},children:dt.map((l,R)=>vo.jsx("div",{style:{marginBottom:R<dt.length-1?10:0},children:l.type==="user"?vo.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[vo.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:vo.jsx(lucideReact.User,{style:{width:13,height:13,color:"#6b7280"}})}),vo.jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:l.text})]}):H==="item"&&R===dt.length-1?vo.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[vo.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:vo.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),vo.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[vo.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),vo.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:l.text})]}),b&&e!=="running"&&vo.jsx("button",{onClick:B=>{B.stopPropagation(),en();},disabled:te,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:te?"default":"pointer",opacity:te?.4:1,height:28,flexShrink:0},children:"Undo"})]}):vo.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[vo.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:vo.jsx(lucideReact.Check,{style:{width:13,height:13,color:"#9ca3af"}})}),vo.jsxs("div",{style:{backgroundColor:"#f9fafb",borderRadius:"4px 12px 12px 12px",padding:"8px 12px",fontSize:13,color:"#6b7280",fontWeight:500,display:"flex",alignItems:"center",gap:6,maxWidth:"75%"},children:[vo.jsx("span",{style:{flex:1},children:l.text}),b&&R===dt.length-1&&e!=="running"&&vo.jsxs("button",{onClick:B=>{B.stopPropagation(),en();},onMouseEnter:()=>ne(R),onMouseLeave:()=>ne(null),disabled:te,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:U===R?"rgba(0,0,0,0.06)":"transparent",color:U===R?"#6b7280":"#d1d5db",cursor:te?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:te?.4:1,flexShrink:0},children:[vo.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),U===R&&vo.jsx("span",{style:{position:"absolute",bottom:"calc(100% + 4px)",right:0,fontSize:10,fontWeight:500,color:"#fff",background:"#374151",borderRadius:4,padding:"2px 6px",whiteSpace:"nowrap",pointerEvents:"none",lineHeight:"16px"},children:"Undo"})]})]})]})},R))}),e==="running"&&(K||re)&&vo.jsx("div",{style:{padding:16},children:vo.jsxs("div",{onClick:()=>q(!V),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[vo.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[vo.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#6b7280",strokeWidth:"2.5",strokeLinecap:"round",style:{animation:"__fork-spin 2s linear infinite",flexShrink:0},children:vo.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),vo.jsx(Us,{events:r})]}),vo.jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:V?"rotate(180deg)":"rotate(0deg)"},children:vo.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]}),vo.jsx("div",{style:{maxHeight:V?320:0,opacity:V?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:vo.jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:vo.jsx(Cn,{events:r})})})]})}),e==="error"&&(K||re)&&vo.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[vo.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:vo.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),vo.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),vo.jsxs("button",{onClick:()=>{let l=t?.prompt||Ht.current;l&&u(l,st);},onMouseEnter:()=>G(true),onMouseLeave:()=>G(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#111827",backgroundColor:C?"#e5e7eb":"#f3f4f6",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[vo.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&vo.jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children:vo.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:12,padding:"8px 8px 8px 12px",background:"rgba(0, 0, 0, 0.04)",border:"1px solid rgba(0, 0, 0, 0.06)"},children:[vo.jsx("textarea",{ref:ue,value:h,onChange:l=>{v(l.target.value),l.target.style.height="auto",l.target.style.height=Math.min(l.target.scrollHeight,160)+"px";},onKeyDown:l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),Yr()),l.key==="Escape"&&!x&&tn();},placeholder:K?"Iterate on this feature...":"Start building a new Fork...",rows:1,style:{flex:1,backgroundColor:"transparent",fontSize:13,color:"#111827",border:"none",outline:"none",padding:"0 4px 0 0",fontFamily:"inherit",resize:"none",lineHeight:1.5,maxHeight:160,overflow:"auto"}}),vo.jsx("button",{onClick:Yr,disabled:!h.trim(),onMouseEnter:()=>k(true),onMouseLeave:()=>k(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:h.trim()?1:.25,transform:A&&h.trim()?"scale(1.1)":"scale(1)",background:h.trim()?"#111827":"rgba(0,0,0,0.12)",border:"none",cursor:h.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:vo.jsx(lucideReact.ArrowUp,{style:{width:13,height:13}})})]})})]})]});return x?lr:$e&&p?wo.createPortal(lr,p.document.body):vo.jsx(Bs,{children:lr})}function Hn(e){if("target"in e&&e.target)return e.target;if("boundaryId"in e&&e.boundaryId)return {type:"boundary",id:e.boundaryId,title:e.title};if("slotId"in e&&e.slotId)return {type:"slot",id:e.slotId,title:e.title??e.slotLabel};throw new Error("Fork chat target requires either target, slotId, or boundaryId.")}function $r(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,previewSession:i,refreshModuleManifest:a,queueBoundaryAnimation:u,trackForkActivity:b,recordForkActivityEvent:g}=ye(),[d,w]=vr.useState("idle"),[I,f]=vr.useState(null),[m,x]=vr.useState([]),[H,h]=vr.useState(null),v=vr.useRef(null),M=vr.useCallback(()=>{w("prompting"),x([]),h(null),f(null);},[]),N=vr.useCallback(()=>{w("idle"),v.current&&(v.current.close(),v.current=null);},[]);vr.useEffect(()=>{i&&i.target.kind==="module"&&i.target.id===e&&w(L=>L==="idle"?"prompting":L);},[i?.preview_session_id,i?.target.id,e]);let D=vr.useCallback(async(L,O,S)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");w("running"),x([]),h(null),f(null);let c;if(i){let P=S?.forkId??i.fork_id??void 0,A=await fetch(`${o}/api/v1/preview/${encodeURIComponent(i.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...oe()},body:JSON.stringify({prompt:L,...e?{boundary_id:e}:{},...P&&!S?.forceNew?{fork_id:P}:{},...S?.forceNew?{force_new:!0}:{}})});if(!A.ok){let G=await A.json().catch(()=>({}));throw new Error(G.error||`API error: ${A.status}`)}let k=await A.json();k.container_id&&Ye(k.container_id,k.container_name),ft(k.fork_id),c=await(await fetch(`${o}/api/v1/forks/${k.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...oe()}})).json();}else if(S?.forkId){let P={prompt:L};r&&(P.userId=r),n&&(P.userHash=n);let A=await fetch(`${o}/api/v1/forks/${encodeURIComponent(S.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(P)});if(!A.ok){let k=await A.json().catch(()=>({}));throw new Error(k.error||`API error: ${A.status}`)}c=await A.json();}else {let P={userId:r,prompt:L,boundaryId:e,appId:s};O&&(P.containerId=O),n&&(P.userHash=n),S?.forceNew&&(P.force_new=!0);let A=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(P)});if(!A.ok){let k=await A.json().catch(()=>({}));throw new Error(k.error||`API error: ${A.status}`)}c=await A.json();}f(c),b(c,{targetKind:"module",targetId:e});let F=new URLSearchParams({key:t});i?(F.set("previewSessionId",i.preview_session_id),F.set("previewForkId",c.id)):r&&F.set("userId",r),n&&F.set("userHash",n);let $=new EventSource(`${o}/api/v1/forks/${c.id}/events?${F.toString()}`);v.current=$,$.onmessage=P=>{try{let A=JSON.parse(P.data);if(g(c.id,A),x(k=>[...k,A]),A.type==="complete"){let k=A.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let C={...c,status:"complete",moduleUrl:k.moduleUrl,cssUrls:k.cssUrls,summary:k.summary,completedAt:new Date().toISOString()};f(C),w("complete"),$.close();});}else if(A.type==="error"){let k=A.data;h(k.error||"Unknown error"),w("error"),$.close();}}catch{}},$.onerror=()=>{let P={Authorization:`Bearer ${t}`,...oe()};!i&&r&&(P["X-Fork-User-Id"]=r),!i&&n&&(P["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${c.id}`,{headers:P}).then(A=>A.json()).then(A=>{f(A),A.status==="complete"?(u(e,A.id),a().catch(()=>{}),w("complete")):A.status==="error"&&(h(A.error||"Fork generation failed"),w("error"));}).catch(()=>{h("Connection lost"),w("error");}),$.close();};}catch(c){h(c.message),w("error");}},[t,s,o,e,i,u,a,g,b,n,r]),j=vr.useCallback(async L=>{try{let O={Authorization:`Bearer ${t}`,...oe()};!i&&r&&(O["X-Fork-User-Id"]=r),!i&&n&&(O["X-Fork-User-Hash"]=n);let S=await fetch(`${o}/api/v1/forks/${L}`,{headers:O});if(!S.ok)return;let c=await S.json(),F=c.boundaryId??e;if(b(c,{targetKind:"module",targetId:F}),c.status==="complete"){w("complete"),f(c),h(null),x([]);return}if(c.status==="error"){w("error"),f(c),h(c.error||"Fork generation failed"),x([]);return}if(c.status!=="pending"&&c.status!=="running"&&c.status!=="building")return;w("running"),f(c),h(null),x([]);let $=new URLSearchParams({key:t});i?($.set("previewSessionId",i.preview_session_id),$.set("previewForkId",c.id)):r&&$.set("userId",r),n&&$.set("userHash",n);let P=new EventSource(`${o}/api/v1/forks/${c.id}/events?${$.toString()}`);v.current&&v.current.close(),v.current=P,P.onmessage=A=>{try{let k=JSON.parse(A.data);if(g(c.id,k),x(C=>[...C,k]),k.type==="complete"){let C=k.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let G={...c,status:"complete",moduleUrl:C.moduleUrl,cssUrls:C.cssUrls,summary:C.summary,completedAt:new Date().toISOString()};f(G),w("complete"),P.close();});}else if(k.type==="error"){let C=k.data;h(C.error||"Unknown error"),w("error"),P.close();}}catch{}},P.onerror=()=>{P.close();};}catch{}},[t,o,e,i,u,g,a,b,n,r]),_=vr.useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let L={userId:r,boundaryId:e,appId:s};n&&(L.userHash=n);let O=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(L)});if(!O.ok){let c=await O.json().catch(()=>({}));throw new Error(c.error||`API error: ${O.status}`)}let S=await O.json();return await a().catch(()=>{}),S.removed?(f(null),w("prompting")):S.fork&&(f(S.fork),w("complete")),S}catch(L){throw h(L.message),L}},[t,s,o,e,a,n,r]);return {state:d,fork:I,events:m,error:H,open:M,close:N,startFork:D,undoFork:_,adoptRunningFork:j}}var Ks=0;function Bn(e){let{state:t,fork:r,events:n,error:o,open:s,close:i,startFork:a,undoFork:u,adoptRunningFork:b}=$r(e),[g,d]=vr.useState(false),w=vr.useRef(null),I=vr.useRef(t),f=vr.useCallback(()=>{w.current!==null&&(clearTimeout(w.current),w.current=null);},[]),m=vr.useCallback(()=>{f(),d(true),s();},[f,s]),x=vr.useCallback(()=>{f(),d(false),i();},[f,i]),H=vr.useCallback(async h=>{f(),d(true),await b(h);},[b,f]);return vr.useEffect(()=>{let h=I.current;I.current=t,t==="complete"&&h==="running"&&g&&(f(),w.current=setTimeout(()=>{w.current=null,d(false),i();},Ks)),(t==="running"||t==="prompting")&&f();},[t,g,f,i]),vr.useEffect(()=>f,[f]),{state:t,fork:r,events:n,error:o,isOpen:g,open:m,close:x,submit:a,undo:u,adoptRunningFork:H}}function Pr(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:a,trackForkActivity:u,recordForkActivityEvent:b}=ye(),[g,d]=vr.useState("idle"),[w,I]=vr.useState(null),[f,m]=vr.useState([]),[x,H]=vr.useState(null),h=vr.useRef(null),v=vr.useCallback(()=>{d("prompting"),m([]),H(null),I(null);},[]),M=vr.useCallback(()=>{d("idle"),h.current&&(h.current.close(),h.current=null);},[]);vr.useEffect(()=>{o&&o.target.kind==="slot"&&d(_=>_==="idle"?"prompting":_);},[o?.preview_session_id,o?.target.kind]);let N=vr.useCallback(async(_,L,O,S)=>{try{d("running"),m([]),H(null),I(null);let c;if(o){let A=S?.forkId??o.fork_id??void 0,k=await fetch(`${n}/api/v1/preview/${encodeURIComponent(o.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...oe()},body:JSON.stringify({prompt:_,...L?{slot_id:L}:{},...A&&!S?.forceNew?{fork_id:A}:{},...S?.forceNew?{force_new:!0}:{}})});if(!k.ok){let V=await k.json().catch(()=>({}));throw new Error(V.error||`API error: ${k.status}`)}let C=await k.json();C.container_id&&Ye(C.container_id,C.container_name),ft(C.fork_id),c=await(await fetch(`${n}/api/v1/forks/${C.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...oe()}})).json();}else if(S?.forkId){let A={prompt:_};t&&(A.userId=t),r&&(A.userHash=r);let k=await fetch(`${n}/api/v1/forks/${encodeURIComponent(S.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(A)});if(!k.ok){let C=await k.json().catch(()=>({}));throw new Error(C.error||`API error: ${k.status}`)}c=await k.json();}else {let A={userId:t,prompt:_};L&&(A.slotId=L),O&&(A.containerId=O),r&&(A.userHash=r),S?.forceNew&&(A.force_new=!0);let k=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(A)});if(!k.ok){let C=await k.json().catch(()=>({}));throw new Error(C.error||`API error: ${k.status}`)}c=await k.json();}I(c);let F=L??c.slotId;F&&u(c,{targetKind:"slot",targetId:F});let $=new URLSearchParams({key:e});o?($.set("previewSessionId",o.preview_session_id),$.set("previewForkId",c.id)):t&&$.set("userId",t),r&&$.set("userHash",r);let P=new EventSource(`${n}/api/v1/forks/${c.id}/events?${$.toString()}`);h.current=P,P.onmessage=A=>{try{let k=JSON.parse(A.data);if(b(c.id,k),m(C=>[...C,k]),k.type==="complete"){let C=k.data,G={...c,status:"complete",bundleUrl:C.bundleUrl,summary:C.summary,completedAt:new Date().toISOString()};I(G),d("complete"),L&&C.bundleUrl&&s(L,G),P.close();}else if(k.type==="error"){let C=k.data;H(C.error||"Unknown error"),d("error"),P.close();}}catch{}},P.onerror=()=>{let A={Authorization:`Bearer ${e}`,...oe()};!o&&t&&(A["X-Fork-User-Id"]=t),!o&&r&&(A["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${c.id}`,{headers:A}).then(k=>k.json()).then(k=>{I(k),k.status==="complete"?(d("complete"),L&&k.bundleUrl&&s(L,k)):k.status==="error"&&(H(k.error||"Fork generation failed"),d("error"));}).catch(()=>{H("Connection lost"),d("error");}),P.close();};}catch(c){H(c.message),d("error");}},[e,n,o,b,s,u,r,t]),D=vr.useCallback(async _=>{try{let L={Authorization:`Bearer ${e}`,...oe()};!o&&t&&(L["X-Fork-User-Id"]=t),!o&&r&&(L["X-Fork-User-Hash"]=r);let O=await fetch(`${n}/api/v1/forks/${_}`,{headers:L});if(!O.ok)return;let S=await O.json();if(S.slotId&&u(S,{targetKind:"slot",targetId:S.slotId}),S.status==="complete"){d("complete"),I(S),H(null),m([]);return}if(S.status==="error"){d("error"),I(S),H(S.error||"Fork generation failed"),m([]);return}if(S.status!=="pending"&&S.status!=="running"&&S.status!=="building")return;d("running"),I(S),H(null),m([]);let c=new URLSearchParams({key:e});o?(c.set("previewSessionId",o.preview_session_id),c.set("previewForkId",S.id)):t&&c.set("userId",t),r&&c.set("userHash",r);let F=new EventSource(`${n}/api/v1/forks/${S.id}/events?${c.toString()}`);h.current&&h.current.close(),h.current=F;let $=S.slotId;F.onmessage=P=>{try{let A=JSON.parse(P.data);if(b(S.id,A),m(k=>[...k,A]),A.type==="complete"){let k=A.data,C={...S,status:"complete",bundleUrl:k.bundleUrl,summary:k.summary,completedAt:new Date().toISOString()};I(C),d("complete"),$&&k.bundleUrl&&s($,C),F.close();}else if(A.type==="error"){let k=A.data;H(k.error||"Unknown error"),d("error"),F.close();}}catch{}},F.onerror=()=>{F.close();};}catch{}},[e,n,o,b,s,u,r,t]),j=vr.useCallback(async _=>{try{let L={userId:t,slotId:_};r&&(L.userHash=r);let O=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(L)});if(!O.ok){let c=await O.json().catch(()=>({}));throw new Error(c.error||`API error: ${O.status}`)}let S=await O.json();return a(_),S.removed?(i(_),I(null),d("prompting")):S.fork&&(s(_,S.fork),I(S.fork)),S}catch(L){throw H(L.message),L}},[e,t,r,n,i,s]);return {state:g,fork:w,events:f,error:x,open:v,close:M,startFork:N,undoFork:j,adoptRunningFork:D}}var Vs=0;function jn(){let{state:e,fork:t,events:r,error:n,open:o,close:s,startFork:i,undoFork:a,adoptRunningFork:u}=Pr(),[b,g]=vr.useState(false),d=vr.useRef(null),w=vr.useRef(e),I=vr.useCallback(()=>{d.current!==null&&(clearTimeout(d.current),d.current=null);},[]),f=vr.useCallback(()=>{I(),g(true),o();},[I,o]),m=vr.useCallback(()=>{I(),g(false),s();},[I,s]),x=vr.useCallback(async H=>{I(),g(true),await u(H);},[u,I]);return vr.useEffect(()=>{let H=w.current;w.current=e,e==="complete"&&H==="running"&&b&&(I(),d.current=setTimeout(()=>{d.current=null,g(false),s();},Vs)),(e==="running"||e==="prompting")&&I();},[e,b,I,s]),vr.useEffect(()=>I,[I]),{state:e,fork:t,events:r,error:n,isOpen:b,open:f,close:m,submit:i,undo:a,adoptRunningFork:x}}var qs=new Set(["pending","running","building"]);function Mr(e){let t=Hn(e),r=jn(),n=Bn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u,activitySummary:b,forkActivities:g,markForkActivitySeen:d}=ye(),w=t.type==="slot"?r:n,I=t.type==="slot"?"slot":"boundary",f=t.id,m=t.title,x=t.type==="slot"?"slot":"module",H=g.find(D=>D.targetKind===x&&D.targetId===t.id&&qs.has(D.status)),h=g.find(D=>D.targetKind===x&&D.targetId===t.id&&D.status==="complete"&&D.unread),v=vr.useCallback(()=>{d();let D=H??h;if(D){w.adoptRunningFork(D.id);return}w.open();},[w,d,H,h]),M=vr.useCallback((D,j,_,L)=>t.type==="slot"?r.submit(D,j??t.id,_,L):n.submit(D,_,L),[n,r,t]),N=vr.useCallback(D=>t.type==="slot"?r.undo(D??t.id):n.undo(),[n,r,t]);return {...w,open:v,target:t,targetId:f,targetLabel:m,historyMode:I,submit:M,undo:N,buttonProps:{onClick:v,hasNotification:b.unreadCompletedCount>0,activity:b},panelProps:{state:w.state,fork:w.fork,events:w.events,error:w.error,...t.type==="slot"?{slotId:f,targetLabel:m,historyMode:I}:{targetId:f,targetLabel:m,historyMode:I},onSubmit:M,onUndo:N,onClose:w.close,baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u}}}function xt(e){let{embedded:t,completeVariant:r}=e,n=Mr(e);return t?vo.jsx(Yt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?vo.jsx(Yt,{...n.panelProps,completeVariant:r}):vo.jsx(Ir,{...n.buttonProps})}function Xs({boundaryId:e,title:t}){return vo.jsx(xt,{boundaryId:e,title:t})}function Hr(e){let t=Array.from(e.children).filter(n=>n instanceof HTMLElement);return t.length===1?t[0]:getComputedStyle(e).display==="contents"?null:e}function Kn(e){let t=e.getBoundingClientRect(),r=e.cloneNode(true);r.setAttribute("data-fork-clone-overlay","true"),r.style.position="fixed",r.style.top=`${t.top}px`,r.style.left=`${t.left}px`,r.style.width=`${t.width}px`,r.style.height=`${t.height}px`,r.style.flex="none",r.style.minHeight="auto",r.style.zIndex="9998",r.style.pointerEvents="none",r.style.overflow="hidden";let n=getComputedStyle(e).backgroundColor;r.style.backgroundColor=n&&n!=="rgba(0, 0, 0, 0)"&&n!=="transparent"?n:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(r);let o=e.querySelectorAll("*"),s=r.querySelectorAll("*");for(let i=0;i<o.length;i+=1)o[i].scrollTop!==0&&(s[i].scrollTop=o[i].scrollTop),o[i].scrollLeft!==0&&(s[i].scrollLeft=o[i].scrollLeft);return r}function Or(e){let t=[],r=e.querySelectorAll("*");for(let n of r){if(!(n instanceof HTMLElement))continue;let o=n.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(n.tagName))continue;let s=getComputedStyle(n),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function zn(e,t){let r=[];for(let n of t)if(!(e.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Wn(e,t){let r=[];for(let n of e)if(!(t.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Jn(e,t,r,n,o){let s=Math.max(0,Math.min(o,r/2,n/2));return s===0?`M ${e} ${t} L ${e+r} ${t} L ${e+r} ${t+n} L ${e} ${t+n} Z`:[`M ${e+s} ${t}`,`L ${e+r-s} ${t}`,`A ${s} ${s} 0 0 1 ${e+r} ${t+s}`,`L ${e+r} ${t+n-s}`,`A ${s} ${s} 0 0 1 ${e+r-s} ${t+n}`,`L ${e+s} ${t+n}`,`A ${s} ${s} 0 0 1 ${e} ${t+n-s}`,`L ${e} ${t+s}`,`A ${s} ${s} 0 0 1 ${e+s} ${t}`,"Z"].join(" ")}function Ur(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let g=0;g<e.length;g+=1){let{rect:d,borderRadius:w}=e[g],I=d.left-.5,f=d.top-.5,m=d.width+1,x=d.height+1,H=Math.min(w+.5,m/2,x/2),h=Jn(I,f,m,x,H),v=`__fork-glow-${g}`,M=document.createElementNS(t,"filter");M.setAttribute("id",v),M.setAttribute("x","-100%"),M.setAttribute("y","-100%"),M.setAttribute("width","300%"),M.setAttribute("height","300%");let N=document.createElementNS(t,"feGaussianBlur");N.setAttribute("in","SourceGraphic"),N.setAttribute("stdDeviation","8"),M.appendChild(N),o.appendChild(M);let D=`__fork-mask-${g}`,j=document.createElementNS(t,"mask");j.setAttribute("id",D),j.setAttribute("maskUnits","userSpaceOnUse"),j.setAttribute("x",String(I-200)),j.setAttribute("y",String(f-200)),j.setAttribute("width",String(m+400)),j.setAttribute("height",String(x+400));let _=document.createElementNS(t,"rect");_.setAttribute("x",String(I-200)),_.setAttribute("y",String(f-200)),_.setAttribute("width",String(m+400)),_.setAttribute("height",String(x+400)),_.setAttribute("fill","white"),j.appendChild(_);let L=document.createElementNS(t,"path");L.setAttribute("d",h),L.setAttribute("fill","black"),j.appendChild(L),o.appendChild(j);let O=document.createElementNS(t,"g");O.setAttribute("mask",`url(#${D})`),O.setAttribute("opacity","0");let S=document.createElementNS(t,"g");S.setAttribute("filter",`url(#${v})`);let c=document.createElementNS(t,"path");c.setAttribute("d",h),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),S.appendChild(c),O.appendChild(S),n.appendChild(O);let F=document.createElementNS(t,"path");F.setAttribute("d",h),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),F.setAttribute("stroke-width","2"),F.setAttribute("stroke-linecap","round"),F.setAttribute("opacity","0"),n.appendChild(F),s.push(c,F),c.__group=O;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let g=0;g<s.length;g+=2){let d=s[g],w=s[g+1],I=d.__group;if(!I)continue;let f=w.getTotalLength(),m=d.getTotalLength();if(f<=0)continue;let x=f*.35;w.setAttribute("stroke-dasharray",`${x} ${f-x}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*f,opacity:.92,offset:.06},{strokeDashoffset:-2*f,opacity:.92,offset:.92},{strokeDashoffset:-2.25*f,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let H=m*.35;d.setAttribute("stroke-dasharray",`${H} ${m-H}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*m,offset:.06},{strokeDashoffset:-2*m,offset:.92},{strokeDashoffset:-2.25*m,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(I.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(b);for(let d of i)try{d.cancel();}catch{}let g=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});g.onfinish=()=>r.remove(),window.removeEventListener("click",u);},b=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function Vn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let b=document.createElementNS(t,"path");b.setAttribute("d",Jn(a.left,a.top,a.width,a.height,u)),b.setAttribute("fill","none"),b.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),b.setAttribute("stroke-width","1.5"),b.setAttribute("stroke-dasharray","8 4"),b.setAttribute("stroke-linecap","round"),b.setAttribute("filter","url(#__fork-removed-shadow)"),b.setAttribute("opacity","0"),n.appendChild(b),b.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function Gn(e,t){if(Ys(t.selector))return Xn(e,t);let n=Xn(e,t);if(n)return n;try{let s=document.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e&&e.contains(s))return s}catch{}if(qn(t.selector))try{let s=e.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e)return s}catch{}if(t.textHint){let s=t.textHint.trim();if(s){let i=Nr(e,g=>g===s);if(i)return i;let a=s.toLowerCase(),u=Nr(e,g=>g.toLowerCase()===a);if(u)return u;let b=Nr(e,g=>g.toLowerCase().includes(a));if(b)return b}}let o=Qs(t.selector);if(o&&o!==t.selector&&qn(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function qn(e){let t=e.split(/\s+|>|~|\+/),r=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(r)}function Xn(e,t){let r=Array.from(e.querySelectorAll("[data-fork-new]"));if(r.length===0)return null;let n=Br(t.label),o=Br(t.textHint);return r.find(i=>{let a=Br(i.getAttribute("data-fork-new"));return !!a&&(a===n||a===o)})??null}function Ys(e){return e.trim()==="[data-fork-new]"}function Br(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Qs(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function Nr(e,t){let r=null,n=1/0,o=e.querySelectorAll("*");for(let s of o){let i=s.textContent?.trim();if(!i||!t(i))continue;let a=s.getBoundingClientRect();if(a.width<4||a.height<4)continue;let u=a.width*a.height;u<n&&(r=s,n=u);}return r}var Dr=2147483600,Zs=1600,ei=3e4,ti=300,je=10;function ri(e){let r=getComputedStyle(e).borderTopLeftRadius;if(!r)return 4;if(r.endsWith("%")){let i=parseFloat(r);if(!Number.isFinite(i)||i<=0)return 4;let a=e.getBoundingClientRect(),u=Math.min(a.width,a.height);return Math.max(4,i/100*u)}let n=parseFloat(r);if(!Number.isFinite(n)||n<=0)return 4;let o=e.getBoundingClientRect(),s=Math.min(o.width,o.height)/2;return n>=s?s:Math.min(n,16)}function ni(e,t,r,n){let s=window.innerWidth,i=window.innerHeight,a=e;a==="top"&&t.top<n+je+8?a="bottom":a==="bottom"&&i-t.bottom<n+je+8?a="top":a==="left"&&t.left<r+je+8?a="right":a==="right"&&s-t.right<r+je+8&&(a="left");let u=0,b=0;return a==="top"?(u=t.top-n-je,b=t.left+t.width/2-r/2):a==="bottom"?(u=t.bottom+je,b=t.left+t.width/2-r/2):a==="left"?(u=t.top+t.height/2-n/2,b=t.left-r-je):(u=t.top+t.height/2-n/2,b=t.right+je),b=Math.max(8,Math.min(b,s-r-8)),u=Math.max(8,Math.min(u,i-n-8)),{top:u,left:b,placement:a}}function oi(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${Dr}`,"border:1.5px solid rgba(59,130,246,0.85)","box-sizing:border-box","opacity:0","transition:opacity 200ms ease-out"].join(";");let r=document.createElement("div");r.setAttribute("data-fork-highlight-glow","true"),r.style.cssText=["position:fixed","pointer-events:none",`z-index:${Dr-1}`,"box-sizing:border-box","border:1px solid rgba(59,130,246,0.36)","box-shadow:0 0 0 4px rgba(59,130,246,0.16), 0 0 18px 2px rgba(59,130,246,0.31)","opacity:0","transition:opacity 200ms ease-out"].join(";");let n=document.createElement("div");return n.setAttribute("data-fork-highlight-tooltip","true"),n.style.cssText=["position:fixed","pointer-events:none",`z-index:${Dr+1}`,"padding:6px 10px","font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif","color:#ffffff","background:linear-gradient(135deg,#64748b,#475569)","border-radius:999px","box-shadow:0 4px 14px rgba(71,85,105,0.31),0 1px 2px rgba(0,0,0,0.1)","white-space:nowrap","opacity:0","transform:translateY(-2px)","transition:opacity 200ms ease-out, transform 200ms ease-out"].join(";"),n.textContent=`New: ${e}`,{outline:t,glow:r,tooltip:n}}function si(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
59
|
+
`}),So.jsxs("div",{className:"__fork-panel",style:ko,children:[So.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",borderBottom:"1px solid rgba(229, 231, 235, 0.8)",flexShrink:0},children:[So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[So.jsx("span",{onDoubleClick:async l=>{if(l.stopPropagation(),!xe&&confirm("Kill all forks in this container?")){Ae(true);try{let _=await ge();`${_?.deleted??0}`,g([]),W(null),q(!1),h("");}catch(_){console.error("[Fork] Reset failed:",_);}finally{Ae(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:So.jsx(Xt,{style:{width:16,height:16,color:"#111827",pointerEvents:"none"}})}),e==="running"?So.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:ho}):K.length===0&&!ve?So.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):ve?So.jsxs("div",{ref:Nt,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[So.jsxs("button",{type:"button",onClick:()=>{We(l=>!l);},onMouseEnter:()=>Tt(true),onMouseLeave:()=>Tt(false),"aria-haspopup":"menu","aria-expanded":Pe,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"3px 6px",border:"1px solid transparent",borderRadius:6,background:ir||Pe?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[So.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nn}),So.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:Pe?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),Pe&&So.jsxs("div",{role:"menu",style:{position:"absolute",top:"calc(100% + 4px)",left:0,minWidth:200,maxWidth:260,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06)",padding:4,zIndex:2147483001},children:[K.map(l=>{let _=l.id===he,B=Je===l.id,me=pe===l.id;return So.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Mt(l.id),onMouseLeave:()=>Mt(null),onClick:()=>{l.id!==he&&yo(l.id);},disabled:!!pe,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:B?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:pe?"default":"pointer",textAlign:"left",fontWeight:_?600:400,opacity:pe&&!me?.55:1},children:[So.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:_&&So.jsx(lucideReact.Check,{style:{width:12,height:12}})}),So.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:me?"Switching...":l.name})]},l.id)}),So.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),ft?So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[So.jsx("input",{ref:st,type:"text",value:ke,placeholder:"Container name",disabled:pe==="__new__",onChange:l=>ue(l.target.value),onKeyDown:l=>{l.key==="Enter"?(l.preventDefault(),en(ke)):l.key==="Escape"&&(l.preventDefault(),l.stopPropagation(),ot(false),ue(""));},style:{flex:1,minWidth:0,padding:"5px 8px",border:"1px solid #d1d5db",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",background:"#ffffff",outline:"none"},onFocus:l=>{l.currentTarget.style.borderColor="#111827",l.currentTarget.style.boxShadow="0 0 0 2px rgba(17,24,39,0.15)";},onBlur:l=>{l.currentTarget.style.borderColor="#d1d5db",l.currentTarget.style.boxShadow="none";}}),So.jsx("button",{type:"button",onClick:()=>{en(ke);},disabled:!ke.trim()||pe==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!ke.trim()||pe==="__new__"?"#e5e7eb":"#111827",color:!ke.trim()||pe==="__new__"?"#9ca3af":"#ffffff",cursor:!ke.trim()||pe==="__new__"?"default":"pointer",flexShrink:0},children:pe==="__new__"?So.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):So.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):So.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>dt(true),onMouseLeave:()=>dt(false),onClick:()=>{pe||(Te(null),ue(""),ot(true));},disabled:!!pe,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:ar?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:pe?"default":"pointer",textAlign:"left",opacity:pe&&pe!=="__new__"?.55:1},children:"+ New container"}),$e&&So.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:$e})]})]}):So.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nn}),e==="running"&&So.jsx("span",{title:qe?`Estimated ~${qe} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:qe?"#111827":"#9ca3af",backgroundColor:qe?"rgba(17, 24, 39, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:qe?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:qe?`~${qe}m`:"~ m"})]}),So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Be&&So.jsx("button",{type:"button",role:"switch","aria-checked":!oe,"aria-label":oe?"Turn Fork back on":"Turn Fork off",title:oe?"Fork is off \u2014 you're seeing the original app. Turn it back on. Only affects you.":"Turn Fork off to see the original app. Only affects you.",onClick:()=>{Ie(!oe);},onMouseEnter:()=>it(true),onMouseLeave:()=>it(false),style:{position:"relative",width:26,height:15,borderRadius:999,border:"none",padding:0,marginRight:6,flexShrink:0,cursor:"pointer",backgroundColor:oe?Ce?"#9ca3af":"#d1d5db":Ce?"#374151":"#111827",transition:"background-color 0.18s ease",outline:"none",boxSizing:"border-box"},children:So.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,left:oe?2:13,width:11,height:11,borderRadius:"50%",backgroundColor:"#ffffff",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.25)",transition:"left 0.18s cubic-bezier(0.16, 1, 0.3, 1)"}})}),!E&&So.jsxs(So.Fragment,{children:[Xr&&So.jsx("button",{onClick:Fe?go:po,onMouseEnter:()=>R(true),onMouseLeave:()=>R(false),title:Fe?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:H?"#4b5563":"#9ca3af",backgroundColor:H?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:Fe?So.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):So.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),So.jsx("button",{onClick:rn,onMouseEnter:()=>w(true),onMouseLeave:()=>w(false),style:{padding:6,borderRadius:6,color:d?"#4b5563":"#9ca3af",backgroundColor:d?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:So.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]})]}),So.jsxs("div",{ref:ye,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(x||ee)&&So.jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[So.jsx("button",{onClick:()=>{W(null),q(false),re.current=false;},style:{fontSize:12,color:"#374151",background:"transparent",border:"none",padding:"2px 4px",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:4},title:"Back to all forks",children:"\u2190 All forks"}),(()=>{let _=(x?p.find(B=>B.id===x)?.targetId:null)??at;return _?So.jsxs("span",{style:{fontSize:11,color:"#9ca3af",fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},title:`Forking ${_}`,children:["Forking ",So.jsx("span",{style:{color:"#6b7280"},children:_})]}):null})()]}),!x&&!ee&&So.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[So.jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:So.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),p.length===0&&So.jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),p.length>0&&So.jsx("div",{style:{display:"flex",flexDirection:"column"},children:p.map(l=>{let _=l.summary||"Untitled fork";return So.jsxs("button",{onClick:()=>{q(false),W(l.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:B=>B.currentTarget.style.background="#fafafa",onMouseLeave:B=>B.currentTarget.style.background="#ffffff",children:[So.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[So.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:_}),So.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:Os(l.updatedAt)})]}),So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[So.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:l.targetId}),So.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),So.jsxs("span",{children:[l.promptCount," prompt",l.promptCount===1?"":"s"]}),l.status==="running"||l.status==="building"?So.jsxs(So.Fragment,{children:[So.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),So.jsx("span",{style:{color:"#111827"},children:"running"})]}):null]})]},l.id)})})]}),x&>.length>0&&So.jsx("div",{style:{padding:"16px 16px 0 16px"},children:gt.map((l,_)=>So.jsx("div",{style:{marginBottom:_<gt.length-1?10:0},children:l.type==="user"?So.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[So.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:So.jsx(lucideReact.User,{style:{width:13,height:13,color:"#6b7280"}})}),So.jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:l.text})]}):$==="item"&&_===gt.length-1?So.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[So.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:So.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),So.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[So.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),So.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:l.text})]}),y&&e!=="running"&&So.jsx("button",{onClick:B=>{B.stopPropagation(),tn();},disabled:Q,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:Q?"default":"pointer",opacity:Q?.4:1,height:28,flexShrink:0},children:"Undo"})]}):So.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[So.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:So.jsx(lucideReact.Check,{style:{width:13,height:13,color:"#9ca3af"}})}),So.jsxs("div",{style:{backgroundColor:"#f9fafb",borderRadius:"4px 12px 12px 12px",padding:"8px 12px",fontSize:13,color:"#6b7280",fontWeight:500,display:"flex",alignItems:"center",gap:6,maxWidth:"75%"},children:[So.jsx("span",{style:{flex:1},children:l.text}),y&&_===gt.length-1&&e!=="running"&&So.jsxs("button",{onClick:B=>{B.stopPropagation(),tn();},onMouseEnter:()=>L(_),onMouseLeave:()=>L(null),disabled:Q,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:ie===_?"rgba(0,0,0,0.06)":"transparent",color:ie===_?"#6b7280":"#d1d5db",cursor:Q?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:Q?.4:1,flexShrink:0},children:[So.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),ie===_&&So.jsx("span",{style:{position:"absolute",bottom:"calc(100% + 4px)",right:0,fontSize:10,fontWeight:500,color:"#fff",background:"#374151",borderRadius:4,padding:"2px 6px",whiteSpace:"nowrap",pointerEvents:"none",lineHeight:"16px"},children:"Undo"})]})]})]})},_))}),e==="running"&&(x||ee)&&So.jsx("div",{style:{padding:16},children:So.jsxs("div",{onClick:()=>z(!te),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[So.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[So.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#6b7280",strokeWidth:"2.5",strokeLinecap:"round",style:{animation:"__fork-spin 2s linear infinite",flexShrink:0},children:So.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),So.jsx(Bs,{events:r})]}),So.jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:te?"rotate(180deg)":"rotate(0deg)"},children:So.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]}),So.jsx("div",{style:{maxHeight:te?320:0,opacity:te?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:So.jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:So.jsx(Pn,{events:r})})})]})}),e==="error"&&(x||ee)&&So.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[So.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:So.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),So.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),So.jsxs("button",{onClick:()=>{let l=t?.prompt||Ut.current;l&&c(l,at);},onMouseEnter:()=>G(true),onMouseLeave:()=>G(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#111827",backgroundColor:P?"#e5e7eb":"#f3f4f6",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[So.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&So.jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children:So.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:12,padding:"8px 8px 8px 12px",background:"rgba(0, 0, 0, 0.04)",border:"1px solid rgba(0, 0, 0, 0.06)"},children:[So.jsx("textarea",{ref:le,value:F,onChange:l=>{h(l.target.value),l.target.style.height="auto",l.target.style.height=Math.min(l.target.scrollHeight,160)+"px";},onKeyDown:l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),Qr()),l.key==="Escape"&&!E&&rn();},placeholder:x?"Iterate on this feature...":"Start building a new Fork...",rows:1,style:{flex:1,backgroundColor:"transparent",fontSize:13,color:"#111827",border:"none",outline:"none",padding:"0 4px 0 0",fontFamily:"inherit",resize:"none",lineHeight:1.5,maxHeight:160,overflow:"auto"}}),So.jsx("button",{onClick:Qr,disabled:!F.trim(),onMouseEnter:()=>b(true),onMouseLeave:()=>b(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:F.trim()?1:.25,transform:A&&F.trim()?"scale(1.1)":"scale(1)",background:F.trim()?"#111827":"rgba(0,0,0,0.12)",border:"none",cursor:F.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:So.jsx(lucideReact.ArrowUp,{style:{width:13,height:13}})})]})})]})]});return E?cr:Fe&&Ue?vo.createPortal(cr,Ue.document.body):So.jsx(Ns,{children:cr})}function On(e){if("target"in e&&e.target)return e.target;if("boundaryId"in e&&e.boundaryId)return {type:"boundary",id:e.boundaryId,title:e.title};if("slotId"in e&&e.slotId)return {type:"slot",id:e.slotId,title:e.title??e.slotLabel};throw new Error("Fork chat target requires either target, slotId, or boundaryId.")}function Tr(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,previewSession:i,refreshModuleManifest:a,queueBoundaryAnimation:c,trackForkActivity:y,recordForkActivityEvent:S}=we(),[u,m]=Fr.useState("idle"),[I,v]=Fr.useState(null),[f,E]=Fr.useState([]),[$,F]=Fr.useState(null),h=Fr.useRef(null),N=Fr.useCallback(()=>{m("prompting"),E([]),F(null),v(null);},[]),D=Fr.useCallback(()=>{m("idle"),h.current&&(h.current.close(),h.current=null);},[]);Fr.useEffect(()=>{i&&i.target.kind==="module"&&i.target.id===e&&m(M=>M==="idle"?"prompting":M);},[i?.preview_session_id,i?.target.id,e]);let U=Fr.useCallback(async(M,j,k)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");m("running"),E([]),F(null),v(null);let d;if(i){let R=k?.forkId??i.fork_id??void 0,A=await fetch(`${o}/api/v1/preview/${encodeURIComponent(i.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...ne()},body:JSON.stringify({prompt:M,...e?{boundary_id:e}:{},...R&&!k?.forceNew?{fork_id:R}:{},...k?.forceNew?{force_new:!0}:{}})});if(!A.ok){let G=await A.json().catch(()=>({}));throw new Error(G.error||`API error: ${A.status}`)}let b=await A.json();b.container_id&&Ge(b.container_id,b.container_name),mt(b.fork_id),d=await(await fetch(`${o}/api/v1/forks/${b.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...ne()}})).json();}else if(k?.forkId){let R={prompt:M};r&&(R.userId=r),n&&(R.userHash=n);let A=await fetch(`${o}/api/v1/forks/${encodeURIComponent(k.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(R)});if(!A.ok){let b=await A.json().catch(()=>({}));throw new Error(b.error||`API error: ${A.status}`)}d=await A.json();}else {let R={userId:r,prompt:M,boundaryId:e,appId:s};j&&(R.containerId=j),n&&(R.userHash=n),k?.forceNew&&(R.force_new=!0);let A=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(R)});if(!A.ok){let b=await A.json().catch(()=>({}));throw new Error(b.error||`API error: ${A.status}`)}d=await A.json();}v(d),y(d,{targetKind:"module",targetId:e});let w=new URLSearchParams({key:t});i?(w.set("previewSessionId",i.preview_session_id),w.set("previewForkId",d.id)):r&&w.set("userId",r),n&&w.set("userHash",n);let H=new EventSource(`${o}/api/v1/forks/${d.id}/events?${w.toString()}`);h.current=H,H.onmessage=R=>{try{let A=JSON.parse(R.data);if(S(d.id,A),E(b=>[...b,A]),A.type==="complete"){let b=A.data;c(e,d.id),a().catch(()=>{}).finally(()=>{let P={...d,status:"complete",moduleUrl:b.moduleUrl,cssUrls:b.cssUrls,summary:b.summary,completedAt:new Date().toISOString()};v(P),m("complete"),H.close();});}else if(A.type==="error"){let b=A.data;F(b.error||"Unknown error"),m("error"),H.close();}}catch{}},H.onerror=()=>{let R={Authorization:`Bearer ${t}`,...ne()};!i&&r&&(R["X-Fork-User-Id"]=r),!i&&n&&(R["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${d.id}`,{headers:R}).then(A=>A.json()).then(A=>{v(A),A.status==="complete"?(c(e,A.id),a().catch(()=>{}),m("complete")):A.status==="error"&&(F(A.error||"Fork generation failed"),m("error"));}).catch(()=>{F("Connection lost"),m("error");}),H.close();};}catch(d){F(d.message),m("error");}},[t,s,o,e,i,c,a,S,y,n,r]),O=Fr.useCallback(async M=>{try{let j={Authorization:`Bearer ${t}`,...ne()};!i&&r&&(j["X-Fork-User-Id"]=r),!i&&n&&(j["X-Fork-User-Hash"]=n);let k=await fetch(`${o}/api/v1/forks/${M}`,{headers:j});if(!k.ok)return;let d=await k.json(),w=d.boundaryId??e;if(y(d,{targetKind:"module",targetId:w}),d.status==="complete"){m("complete"),v(d),F(null),E([]);return}if(d.status==="error"){m("error"),v(d),F(d.error||"Fork generation failed"),E([]);return}if(d.status!=="pending"&&d.status!=="running"&&d.status!=="building")return;m("running"),v(d),F(null),E([]);let H=new URLSearchParams({key:t});i?(H.set("previewSessionId",i.preview_session_id),H.set("previewForkId",d.id)):r&&H.set("userId",r),n&&H.set("userHash",n);let R=new EventSource(`${o}/api/v1/forks/${d.id}/events?${H.toString()}`);h.current&&h.current.close(),h.current=R,R.onmessage=A=>{try{let b=JSON.parse(A.data);if(S(d.id,b),E(P=>[...P,b]),b.type==="complete"){let P=b.data;c(e,d.id),a().catch(()=>{}).finally(()=>{let G={...d,status:"complete",moduleUrl:P.moduleUrl,cssUrls:P.cssUrls,summary:P.summary,completedAt:new Date().toISOString()};v(G),m("complete"),R.close();});}else if(b.type==="error"){let P=b.data;F(P.error||"Unknown error"),m("error"),R.close();}}catch{}},R.onerror=()=>{R.close();};}catch{}},[t,o,e,i,c,S,a,y,n,r]),C=Fr.useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let M={userId:r,boundaryId:e,appId:s};n&&(M.userHash=n);let j=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(M)});if(!j.ok){let d=await j.json().catch(()=>({}));throw new Error(d.error||`API error: ${j.status}`)}let k=await j.json();return await a().catch(()=>{}),k.removed?(v(null),m("prompting")):k.fork&&(v(k.fork),m("complete")),k}catch(M){throw F(M.message),M}},[t,s,o,e,a,n,r]);return {state:u,fork:I,events:f,error:$,open:N,close:D,startFork:U,undoFork:C,adoptRunningFork:O}}var zs=0;function Nn(e){let{state:t,fork:r,events:n,error:o,open:s,close:i,startFork:a,undoFork:c,adoptRunningFork:y}=Tr(e),[S,u]=Fr.useState(false),m=Fr.useRef(null),I=Fr.useRef(t),v=Fr.useCallback(()=>{m.current!==null&&(clearTimeout(m.current),m.current=null);},[]),f=Fr.useCallback(()=>{v(),u(true),s();},[v,s]),E=Fr.useCallback(()=>{v(),u(false),i();},[v,i]),$=Fr.useCallback(async F=>{v(),u(true),await y(F);},[y,v]);return Fr.useEffect(()=>{let F=I.current;I.current=t,t==="complete"&&F==="running"&&S&&(v(),m.current=setTimeout(()=>{m.current=null,u(false),i();},zs)),(t==="running"||t==="prompting")&&v();},[t,S,v,i]),Fr.useEffect(()=>v,[v]),{state:t,fork:r,events:n,error:o,isOpen:S,open:f,close:E,submit:a,undo:c,adoptRunningFork:$}}function Mr(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:a,trackForkActivity:c,recordForkActivityEvent:y}=we(),[S,u]=Fr.useState("idle"),[m,I]=Fr.useState(null),[v,f]=Fr.useState([]),[E,$]=Fr.useState(null),F=Fr.useRef(null),h=Fr.useCallback(()=>{u("prompting"),f([]),$(null),I(null);},[]),N=Fr.useCallback(()=>{u("idle"),F.current&&(F.current.close(),F.current=null);},[]);Fr.useEffect(()=>{o&&o.target.kind==="slot"&&u(C=>C==="idle"?"prompting":C);},[o?.preview_session_id,o?.target.kind]);let D=Fr.useCallback(async(C,M,j,k)=>{try{u("running"),f([]),$(null),I(null);let d;if(o){let A=k?.forkId??o.fork_id??void 0,b=await fetch(`${n}/api/v1/preview/${encodeURIComponent(o.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...ne()},body:JSON.stringify({prompt:C,...M?{slot_id:M}:{},...A&&!k?.forceNew?{fork_id:A}:{},...k?.forceNew?{force_new:!0}:{}})});if(!b.ok){let te=await b.json().catch(()=>({}));throw new Error(te.error||`API error: ${b.status}`)}let P=await b.json();P.container_id&&Ge(P.container_id,P.container_name),mt(P.fork_id),d=await(await fetch(`${n}/api/v1/forks/${P.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...ne()}})).json();}else if(k?.forkId){let A={prompt:C};t&&(A.userId=t),r&&(A.userHash=r);let b=await fetch(`${n}/api/v1/forks/${encodeURIComponent(k.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(A)});if(!b.ok){let P=await b.json().catch(()=>({}));throw new Error(P.error||`API error: ${b.status}`)}d=await b.json();}else {let A={userId:t,prompt:C};M&&(A.slotId=M),j&&(A.containerId=j),r&&(A.userHash=r),k?.forceNew&&(A.force_new=!0);let b=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(A)});if(!b.ok){let P=await b.json().catch(()=>({}));throw new Error(P.error||`API error: ${b.status}`)}d=await b.json();}I(d);let w=M??d.slotId;w&&c(d,{targetKind:"slot",targetId:w});let H=new URLSearchParams({key:e});o?(H.set("previewSessionId",o.preview_session_id),H.set("previewForkId",d.id)):t&&H.set("userId",t),r&&H.set("userHash",r);let R=new EventSource(`${n}/api/v1/forks/${d.id}/events?${H.toString()}`);F.current=R,R.onmessage=A=>{try{let b=JSON.parse(A.data);if(y(d.id,b),f(P=>[...P,b]),b.type==="complete"){let P=b.data,G={...d,status:"complete",bundleUrl:P.bundleUrl,summary:P.summary,revealPending:!0,completedAt:new Date().toISOString()};I(G),u("complete"),M&&P.bundleUrl&&s(M,G),R.close();}else if(b.type==="error"){let P=b.data;$(P.error||"Unknown error"),u("error"),R.close();}}catch{}},R.onerror=()=>{let A={Authorization:`Bearer ${e}`,...ne()};!o&&t&&(A["X-Fork-User-Id"]=t),!o&&r&&(A["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${d.id}`,{headers:A}).then(b=>b.json()).then(b=>{I(b),b.status==="complete"?(u("complete"),M&&b.bundleUrl&&s(M,{...b,revealPending:!0})):b.status==="error"&&($(b.error||"Fork generation failed"),u("error"));}).catch(()=>{$("Connection lost"),u("error");}),R.close();};}catch(d){$(d.message),u("error");}},[e,n,o,y,s,c,r,t]),U=Fr.useCallback(async C=>{try{let M={Authorization:`Bearer ${e}`,...ne()};!o&&t&&(M["X-Fork-User-Id"]=t),!o&&r&&(M["X-Fork-User-Hash"]=r);let j=await fetch(`${n}/api/v1/forks/${C}`,{headers:M});if(!j.ok)return;let k=await j.json();if(k.slotId&&c(k,{targetKind:"slot",targetId:k.slotId}),k.status==="complete"){u("complete"),I(k),$(null),f([]);return}if(k.status==="error"){u("error"),I(k),$(k.error||"Fork generation failed"),f([]);return}if(k.status!=="pending"&&k.status!=="running"&&k.status!=="building")return;u("running"),I(k),$(null),f([]);let d=new URLSearchParams({key:e});o?(d.set("previewSessionId",o.preview_session_id),d.set("previewForkId",k.id)):t&&d.set("userId",t),r&&d.set("userHash",r);let w=new EventSource(`${n}/api/v1/forks/${k.id}/events?${d.toString()}`);F.current&&F.current.close(),F.current=w;let H=k.slotId;w.onmessage=R=>{try{let A=JSON.parse(R.data);if(y(k.id,A),f(b=>[...b,A]),A.type==="complete"){let b=A.data,P={...k,status:"complete",bundleUrl:b.bundleUrl,summary:b.summary,revealPending:!0,completedAt:new Date().toISOString()};I(P),u("complete"),H&&b.bundleUrl&&s(H,P),w.close();}else if(A.type==="error"){let b=A.data;$(b.error||"Unknown error"),u("error"),w.close();}}catch{}},w.onerror=()=>{w.close();};}catch{}},[e,n,o,y,s,c,r,t]),O=Fr.useCallback(async C=>{try{let M={userId:t,slotId:C};r&&(M.userHash=r);let j=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(M)});if(!j.ok){let d=await j.json().catch(()=>({}));throw new Error(d.error||`API error: ${j.status}`)}let k=await j.json();return a(C),k.removed?(i(C),I(null),u("prompting")):k.fork&&(s(C,k.fork),I(k.fork)),k}catch(M){throw $(M.message),M}},[e,t,r,n,i,s]);return {state:S,fork:m,events:v,error:E,open:h,close:N,startFork:D,undoFork:O,adoptRunningFork:U}}var qs=0;function Kn(){let{state:e,fork:t,events:r,error:n,open:o,close:s,startFork:i,undoFork:a,adoptRunningFork:c}=Mr(),[y,S]=Fr.useState(false),u=Fr.useRef(null),m=Fr.useRef(e),I=Fr.useCallback(()=>{u.current!==null&&(clearTimeout(u.current),u.current=null);},[]),v=Fr.useCallback(()=>{I(),S(true),o();},[I,o]),f=Fr.useCallback(()=>{I(),S(false),s();},[I,s]),E=Fr.useCallback(async $=>{I(),S(true),await c($);},[c,I]);return Fr.useEffect(()=>{let $=m.current;m.current=e,e==="complete"&&$==="running"&&y&&(I(),u.current=setTimeout(()=>{u.current=null,S(false),s();},qs)),(e==="running"||e==="prompting")&&I();},[e,y,I,s]),Fr.useEffect(()=>I,[I]),{state:e,fork:t,events:r,error:n,isOpen:y,open:v,close:f,submit:i,undo:a,adoptRunningFork:E}}var Xs=new Set(["pending","running","building"]);function Hr(e){let t=On(e),r=Kn(),n=Nn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:a,appId:c,activitySummary:y,forkActivities:S,markForkActivitySeen:u}=we(),m=t.type==="slot"?r:n,I=t.type==="slot"?"slot":"boundary",v=t.id,f=t.title,E=t.type==="slot"?"slot":"module",$=S.find(U=>U.targetKind===E&&U.targetId===t.id&&Xs.has(U.status)),F=S.find(U=>U.targetKind===E&&U.targetId===t.id&&U.status==="complete"&&U.unread),h=Fr.useCallback(()=>{u();let U=$??F;if(U){m.adoptRunningFork(U.id);return}m.open();},[m,u,$,F]),N=Fr.useCallback((U,O,C,M)=>t.type==="slot"?r.submit(U,O??t.id,C,M):n.submit(U,C,M),[n,r,t]),D=Fr.useCallback(U=>t.type==="slot"?r.undo(U??t.id):n.undo(),[n,r,t]);return {...m,open:h,target:t,targetId:v,targetLabel:f,historyMode:I,submit:N,undo:D,buttonProps:{onClick:h,hasNotification:y.unreadCompletedCount>0,activity:y},panelProps:{state:m.state,fork:m.fork,events:m.events,error:m.error,...t.type==="slot"?{slotId:v,targetLabel:f,historyMode:I}:{targetId:v,targetLabel:f,historyMode:I},onSubmit:N,onUndo:D,onClose:m.close,baseUrl:o,apiKey:s,userId:i,userHash:a,appId:c}}}function Rt(e){let{embedded:t,completeVariant:r}=e,n=Hr(e);return t?So.jsx(Zt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?So.jsx(Zt,{...n.panelProps,completeVariant:r}):So.jsx(_r,{...n.buttonProps})}function Gs({boundaryId:e,title:t}){return So.jsx(Rt,{boundaryId:e,title:t})}function Ur(e){let t=Array.from(e.children).filter(n=>n instanceof HTMLElement);return t.length===1?t[0]:getComputedStyle(e).display==="contents"?null:e}function zn(e){let t=e.getBoundingClientRect(),r=e.cloneNode(true);r.setAttribute("data-fork-clone-overlay","true"),r.style.position="fixed",r.style.top=`${t.top}px`,r.style.left=`${t.left}px`,r.style.width=`${t.width}px`,r.style.height=`${t.height}px`,r.style.flex="none",r.style.minHeight="auto",r.style.zIndex="9998",r.style.pointerEvents="none",r.style.overflow="hidden";let n=getComputedStyle(e).backgroundColor;r.style.backgroundColor=n&&n!=="rgba(0, 0, 0, 0)"&&n!=="transparent"?n:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(r);let o=e.querySelectorAll("*"),s=r.querySelectorAll("*");for(let i=0;i<o.length;i+=1)o[i].scrollTop!==0&&(s[i].scrollTop=o[i].scrollTop),o[i].scrollLeft!==0&&(s[i].scrollLeft=o[i].scrollLeft);return r}function Br(e){let t=[],r=e.querySelectorAll("*");for(let n of r){if(!(n instanceof HTMLElement))continue;let o=n.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(n.tagName))continue;let s=getComputedStyle(n),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function Wn(e,t){let r=[];for(let n of t)if(!(e.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Jn(e,t){let r=[];for(let n of e)if(!(t.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Vn(e,t,r,n,o){let s=Math.max(0,Math.min(o,r/2,n/2));return s===0?`M ${e} ${t} L ${e+r} ${t} L ${e+r} ${t+n} L ${e} ${t+n} Z`:[`M ${e+s} ${t}`,`L ${e+r-s} ${t}`,`A ${s} ${s} 0 0 1 ${e+r} ${t+s}`,`L ${e+r} ${t+n-s}`,`A ${s} ${s} 0 0 1 ${e+r-s} ${t+n}`,`L ${e+s} ${t+n}`,`A ${s} ${s} 0 0 1 ${e} ${t+n-s}`,`L ${e} ${t+s}`,`A ${s} ${s} 0 0 1 ${e+s} ${t}`,"Z"].join(" ")}function Nr(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let S=0;S<e.length;S+=1){let{rect:u,borderRadius:m}=e[S],I=u.left-.5,v=u.top-.5,f=u.width+1,E=u.height+1,$=Math.min(m+.5,f/2,E/2),F=Vn(I,v,f,E,$),h=`__fork-glow-${S}`,N=document.createElementNS(t,"filter");N.setAttribute("id",h),N.setAttribute("x","-100%"),N.setAttribute("y","-100%"),N.setAttribute("width","300%"),N.setAttribute("height","300%");let D=document.createElementNS(t,"feGaussianBlur");D.setAttribute("in","SourceGraphic"),D.setAttribute("stdDeviation","8"),N.appendChild(D),o.appendChild(N);let U=`__fork-mask-${S}`,O=document.createElementNS(t,"mask");O.setAttribute("id",U),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(I-200)),O.setAttribute("y",String(v-200)),O.setAttribute("width",String(f+400)),O.setAttribute("height",String(E+400));let C=document.createElementNS(t,"rect");C.setAttribute("x",String(I-200)),C.setAttribute("y",String(v-200)),C.setAttribute("width",String(f+400)),C.setAttribute("height",String(E+400)),C.setAttribute("fill","white"),O.appendChild(C);let M=document.createElementNS(t,"path");M.setAttribute("d",F),M.setAttribute("fill","black"),O.appendChild(M),o.appendChild(O);let j=document.createElementNS(t,"g");j.setAttribute("mask",`url(#${U})`),j.setAttribute("opacity","0");let k=document.createElementNS(t,"g");k.setAttribute("filter",`url(#${h})`);let d=document.createElementNS(t,"path");d.setAttribute("d",F),d.setAttribute("fill","none"),d.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),d.setAttribute("stroke-width","6"),d.setAttribute("stroke-linecap","round"),k.appendChild(d),j.appendChild(k),n.appendChild(j);let w=document.createElementNS(t,"path");w.setAttribute("d",F),w.setAttribute("fill","none"),w.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),w.setAttribute("stroke-width","2"),w.setAttribute("stroke-linecap","round"),w.setAttribute("opacity","0"),n.appendChild(w),s.push(d,w),d.__group=j;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let S=0;S<s.length;S+=2){let u=s[S],m=s[S+1],I=u.__group;if(!I)continue;let v=m.getTotalLength(),f=u.getTotalLength();if(v<=0)continue;let E=v*.35;m.setAttribute("stroke-dasharray",`${E} ${v-E}`),m.setAttribute("stroke-dashoffset","0"),i.push(m.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*v,opacity:.92,offset:.06},{strokeDashoffset:-2*v,opacity:.92,offset:.92},{strokeDashoffset:-2.25*v,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let $=f*.35;u.setAttribute("stroke-dasharray",`${$} ${f-$}`),u.setAttribute("stroke-dashoffset","0"),i.push(u.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*f,offset:.06},{strokeDashoffset:-2*f,offset:.92},{strokeDashoffset:-2.25*f,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(I.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,c=()=>{if(a)return;a=true,clearTimeout(y);for(let u of i)try{u.cancel();}catch{}let S=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});S.onfinish=()=>r.remove(),window.removeEventListener("click",c);},y=setTimeout(c,14500);return setTimeout(()=>{a||window.addEventListener("click",c);},500),c}function qn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:c}of e){let y=document.createElementNS(t,"path");y.setAttribute("d",Vn(a.left,a.top,a.width,a.height,c)),y.setAttribute("fill","none"),y.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),y.setAttribute("stroke-width","1.5"),y.setAttribute("stroke-dasharray","8 4"),y.setAttribute("stroke-linecap","round"),y.setAttribute("filter","url(#__fork-removed-shadow)"),y.setAttribute("opacity","0"),n.appendChild(y),y.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function Yn(e,t){if(Qs(t.selector))return Gn(e,t);let n=Gn(e,t);if(n)return n;try{let s=document.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e&&e.contains(s))return s}catch{}if(Xn(t.selector))try{let s=e.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e)return s}catch{}if(t.textHint){let s=t.textHint.trim();if(s){let i=jr(e,S=>S===s);if(i)return i;let a=s.toLowerCase(),c=jr(e,S=>S.toLowerCase()===a);if(c)return c;let y=jr(e,S=>S.toLowerCase().includes(a));if(y)return y}}let o=Zs(t.selector);if(o&&o!==t.selector&&Xn(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function Xn(e){let t=e.split(/\s+|>|~|\+/),r=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(r)}function Gn(e,t){let r=Array.from(e.querySelectorAll("[data-fork-new]"));if(r.length===0)return null;let n=Dr(t.label),o=Dr(t.textHint);return r.find(i=>{let a=Dr(i.getAttribute("data-fork-new"));return !!a&&(a===n||a===o)})??null}function Qs(e){return e.trim()==="[data-fork-new]"}function Dr(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Zs(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function jr(e,t){let r=null,n=1/0,o=e.querySelectorAll("*");for(let s of o){let i=s.textContent?.trim();if(!i||!t(i))continue;let a=s.getBoundingClientRect();if(a.width<4||a.height<4)continue;let c=a.width*a.height;c<n&&(r=s,n=c);}return r}var Kr=2147483600,ei=1600,ti=3e4,ri=300,je=10;function ni(e){let r=getComputedStyle(e).borderTopLeftRadius;if(!r)return 4;if(r.endsWith("%")){let i=parseFloat(r);if(!Number.isFinite(i)||i<=0)return 4;let a=e.getBoundingClientRect(),c=Math.min(a.width,a.height);return Math.max(4,i/100*c)}let n=parseFloat(r);if(!Number.isFinite(n)||n<=0)return 4;let o=e.getBoundingClientRect(),s=Math.min(o.width,o.height)/2;return n>=s?s:Math.min(n,16)}function oi(e,t,r,n){let s=window.innerWidth,i=window.innerHeight,a=e;a==="top"&&t.top<n+je+8?a="bottom":a==="bottom"&&i-t.bottom<n+je+8?a="top":a==="left"&&t.left<r+je+8?a="right":a==="right"&&s-t.right<r+je+8&&(a="left");let c=0,y=0;return a==="top"?(c=t.top-n-je,y=t.left+t.width/2-r/2):a==="bottom"?(c=t.bottom+je,y=t.left+t.width/2-r/2):a==="left"?(c=t.top+t.height/2-n/2,y=t.left-r-je):(c=t.top+t.height/2-n/2,y=t.right+je),y=Math.max(8,Math.min(y,s-r-8)),c=Math.max(8,Math.min(c,i-n-8)),{top:c,left:y,placement:a}}function si(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${Kr}`,"border:1.5px solid rgba(59,130,246,0.85)","box-sizing:border-box","opacity:0","transition:opacity 200ms ease-out"].join(";");let r=document.createElement("div");r.setAttribute("data-fork-highlight-glow","true"),r.style.cssText=["position:fixed","pointer-events:none",`z-index:${Kr-1}`,"box-sizing:border-box","border:1px solid rgba(59,130,246,0.36)","box-shadow:0 0 0 4px rgba(59,130,246,0.16), 0 0 18px 2px rgba(59,130,246,0.31)","opacity:0","transition:opacity 200ms ease-out"].join(";");let n=document.createElement("div");return n.setAttribute("data-fork-highlight-tooltip","true"),n.style.cssText=["position:fixed","pointer-events:none",`z-index:${Kr+1}`,"padding:6px 10px","font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif","color:#ffffff","background:linear-gradient(135deg,#64748b,#475569)","border-radius:999px","box-shadow:0 4px 14px rgba(71,85,105,0.31),0 1px 2px rgba(0,0,0,0.1)","white-space:nowrap","opacity:0","transform:translateY(-2px)","transition:opacity 200ms ease-out, transform 200ms ease-out"].join(";"),n.textContent=`New: ${e}`,{outline:t,glow:r,tooltip:n}}function ii(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
60
60
|
@keyframes __fork-highlight-pulse {
|
|
61
61
|
0%, 100% { box-shadow: 0 0 0 3px rgba(59,130,246,0.11), 0 0 12px 1px rgba(59,130,246,0.22); }
|
|
62
62
|
50% { box-shadow: 0 0 0 6px rgba(59,130,246,0.25), 0 0 22px 4px rgba(59,130,246,0.49); }
|
|
63
63
|
}
|
|
64
|
-
`,document.head.appendChild(e);}function Yn(e,t,r="top"){si();let{outline:n,glow:o,tooltip:s}=oi(t),i=ri(e);n.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${Zs}ms ease-in-out infinite`,document.body.append(o,n,s);let a=()=>{let m=e.getBoundingClientRect();if(m.width===0&&m.height===0)return;n.style.top=`${m.top}px`,n.style.left=`${m.left}px`,n.style.width=`${m.width}px`,n.style.height=`${m.height}px`,o.style.top=`${m.top-1}px`,o.style.left=`${m.left-1}px`,o.style.width=`${m.width+2}px`,o.style.height=`${m.height+2}px`;let x=s.getBoundingClientRect(),H=x.width||s.offsetWidth||80,h=x.height||s.offsetHeight||26,v=ni(r,m,H,h);s.style.top=`${v.top}px`,s.style.left=`${v.left}px`;};a(),requestAnimationFrame(()=>{n.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(a);});let u=false,b=new ResizeObserver(a);b.observe(e);let g=()=>a(),d=()=>a();window.addEventListener("scroll",g,true),window.addEventListener("resize",d);let w=()=>{u||(u=true,clearTimeout(f),b.disconnect(),window.removeEventListener("scroll",g,true),window.removeEventListener("resize",d),window.removeEventListener("click",I,true),n.style.opacity="0",o.style.opacity="0",s.style.opacity="0",s.style.transform="translateY(-2px)",setTimeout(()=>{n.remove(),o.remove(),s.remove();},ti));},I=()=>w();setTimeout(()=>{u||window.addEventListener("click",I,{once:true,capture:true});},250);let f=setTimeout(w,ei);return w}var ii="fork:highlight:v1:seen";function Qn(e){return `${ii}:${e}`}function Zn(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let r=JSON.parse(t);return Array.isArray(r)?new Set(r.filter(n=>typeof n=="string")):new Set}catch{return new Set}}function ai(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var eo=new Set;function to(e,t,r){return `${r}::${e}:${t}`}function jr(e,t,r){let n=to(e,t,r);return eo.has(n)?true:Zn(Qn(r)).has(`${e}:${t}`)}function ro(e,t,r){let n=to(e,t,r);eo.add(n);let o=Qn(r),s=`${e}:${t}`,i=Zn(o);i.has(s)||(i.add(s),ai(o,i));}var _t=new Map,Rt=new Map,Kr=new Map;function ci(e){for(let t of e)Rt.set(t,(Rt.get(t)??0)+1);}function ui(e){if(!(typeof document>"u"))for(let t of e){let r=(Rt.get(t)??0)-1;if(r>0){Rt.set(t,r);continue}Rt.delete(t),_t.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function di(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function oo(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0)return false;let r=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight;return t.bottom>0&&t.right>0&&t.top<n&&t.left<r}function so(e,t){let r=(t?e[t]:void 0)??e.default;if(typeof r!="function"){let n=t||"default";throw new Error(`Fork boundary module is missing a React component export: ${n}`)}return r}function fi(e){if(!e||typeof document>"u")return Promise.resolve();let t=_t.get(e);if(t)return t;let r=document.querySelector(`link[data-fork-override-href="${e}"]`);if(r instanceof HTMLLinkElement){let o=r.sheet?Promise.resolve():new Promise((s,i)=>{let a=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),s();},u=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",a,{once:true}),r.addEventListener("error",u,{once:true});});return _t.set(e,o),o}let n=new Promise((o,s)=>{let i=document.createElement("link");i.rel="stylesheet",i.href=e,i.setAttribute("data-fork-override-href",e),i.onload=()=>o(),i.onerror=()=>{i.remove(),s(new Error(`Failed to load boundary stylesheet: ${e}`));},document.head.appendChild(i);}).catch(o=>{throw _t.delete(e),o});return _t.set(e,n),n}var It=null;function pi(){if(It)return It;try{It=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{It=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return It}function gi(e){let t=Kr.get(e);if(t)return t;let r=pi()(e).catch(n=>{throw Kr.delete(e),n});return Kr.set(e,r),r}async function mi(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>fi(s)));let o=await gi(e.moduleUrl);return so(o,r)}catch(o){console.error(`[Fork] Failed to load override for boundary "${e.boundaryId}", falling back to original module.`,o);}let n=await t();return so(n,r)}function hi(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:a,getBoundaryOverride:u,consumeBoundaryAnimation:b,highlightScope:g}=ye(),[d,w]=vr.useState(null),[I,f]=vr.useState(null),m=vr.useRef(null),x=vr.useRef(null),H=vr.useRef(null),h=vr.useRef(false),v=vr.useRef(null),M=vr.useRef(null),N=vr.useRef(null),D=vr.useRef(false),j=vr.useRef(false),_=u(e.id),L=_?`override:${_.id}`:"original",O=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(vr.useEffect(()=>()=>{M.current&&(clearTimeout(M.current),M.current=null),v.current&&(v.current.remove(),v.current=null),N.current&&(N.current(),N.current=null);},[]),vr.useEffect(()=>{a({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,a,e.id,e.exportName,O]),vr.useEffect(()=>{let S=_?.cssUrls??[];if(S.length!==0)return ci(S),()=>ui(S)},[_?.cssUrls.join("|")]),vr.useEffect(()=>{if(o&&!s&&!d||x.current===L&&d)return;let S=false;return f(null),mi(_,e.original,e.exportName).then(c=>{if(S)return;let F=_?.id?b(e.id,_.id):false;if(D.current=F,F&&m.current){let $=Hr(m.current);if($){let P=Or($);P.length>0&&(H.current=P,h.current=true,M.current&&(clearTimeout(M.current),M.current=null),v.current&&v.current.remove(),v.current=Kn($));}}x.current=L,vr.startTransition(()=>{w(()=>c);});}).catch(c=>{S||f(di(c));}),()=>{S=true;}},[b,L,o,s,i,_?.id,_?.moduleUrl,_?.integrity,_?.cssUrls.join("|"),e.exportName,e.original,d]),vr.useEffect(()=>{if(!d||!m.current)return;let S=false,c=null,F=()=>{if(S||!m.current)return false;let $=_?.highlightHint,P=_?.id,A=_?.createdAt?String(_.createdAt):"";if(!$||!P||jr(P,A,g))return false;let k=Array.from(m.current.querySelectorAll("[data-fork-new]"));k.length,k.map(G=>G.getAttribute("data-fork-new")),$.label,$.textHint,$.selector;let C=Gn(m.current,$);return C?.tagName,C?.getAttribute("data-fork-new"),C?.getAttribute("aria-label"),C?.textContent?.trim().slice(0,60),!C||!oo(C)?(C&&oo(C),C?.getBoundingClientRect(),false):(ro(P,A,g),v.current&&(v.current.remove(),v.current=null),N.current&&N.current(),N.current=Yn(C,$.label,$.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(S||!m.current)return;let $=D.current,P=!j.current;j.current=true;let A=$||P,k=A?F():false;if(A&&!k&&_?.highlightHint&&_?.id&&!jr(_.id,String(_.createdAt??""),g)){let _e=[150,400,800],z=0,ee=()=>{if(S||z>=_e.length)return;let ve=_e[z];z+=1,c=setTimeout(()=>{if(F()){k=true;return}ee();},ve);};ee();}let C=h.current,G=!!_?.highlightHint,V=H.current;if(H.current=null,h.current=false,k||G||!C){v.current&&(v.current.remove(),v.current=null);return}let q=Hr(m.current);if(!V||!q){v.current&&(v.current.remove(),v.current=null);return}let te=Or(q),X=zn(V,te),U=Wn(V,te),ne=v.current;if(U.length>0&&ne){let _e=Vn(U);M.current=setTimeout(()=>{M.current=null;let z=400;ne.animate([{opacity:1},{opacity:0}],{duration:z,fill:"forwards"}),_e.animate([{opacity:1},{opacity:0}],{duration:z,fill:"forwards"}),setTimeout(()=>{ne.remove(),_e.remove(),v.current===ne&&(v.current=null),X.length>0&&Ur(X);},z);},3500);}else ne&&(ne.remove(),v.current===ne&&(v.current=null)),X.length>0&&Ur(X);});}),()=>{S=true,c!==null&&(clearTimeout(c),c=null);}},[d,_?.id,_?.createdAt,_?.highlightHint,g]),I)throw I;return d?vo.jsx("div",{ref:m,"data-fork-boundary":e.id,style:{display:"contents"},children:vo.jsx(d,{...r})}):vo.jsx(vo.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function ki({slotId:e,title:t,slotLabel:r}){return vo.jsx(xt,{slotId:e,title:t,slotLabel:r})}function vi(e){return e.replace(/\/+$/,"")}function Si(e){return {namespace:e.namespace||"default",type:e.type,id:e.id}}function Et(e,t="value"){let r=Si(e);return `${r.namespace}:${r.type}:${r.id}:${t}`}function Wr(e){if(Array.isArray(e))return e.map(Wr);if(!e||typeof e!="object")return e;let t=e,r={};for(let n of Object.keys(t).sort())r[n]=Wr(t[n]);return r}function co(e){return JSON.stringify(Wr(e))}function io(e){let t={Authorization:`Bearer ${e.apiKey}`,"Content-Type":"application/json","X-Fork-App-Id":e.appId,...e.extraHeaders??{}};return e.userId&&(t["X-Fork-User-Id"]=e.userId),e.userHash&&(t["X-Fork-User-Hash"]=e.userHash),t}async function ao(e){let t=await e.json().catch(()=>({}));if(!e.ok){let r=typeof t.error=="string"?t.error:`Fork data API ${e.status}`;throw new Error(r)}return t}function uo(e){let t=vi(e.baseUrl),r={appId:e.appId,containerId:e.containerId},n=async(s,i)=>{let a=i&&typeof i=="object"&&!Array.isArray(i)?i:{},u=await fetch(`${t}/api/v1/data${s}`,{method:"POST",headers:io(e),body:JSON.stringify({...r,...a})});return ao(u)},o=async(s,i)=>{let a=new URLSearchParams({appId:e.appId,containerId:e.containerId});for(let[b,g]of Object.entries(i))g&&a.set(b,g);let u=await fetch(`${t}/api/v1/data${s}?${a.toString()}`,{headers:io(e)});return ao(u)};return {listFeatures(){return o("/features",{})},ensureFeature(s){return n("/features",s)},queryValues(s){return n("/values/query",s)},setValues(s){return n("/values",s)},listOptions(s){return o("/options",{featureId:s.featureId,featureKey:s.featureKey,includeArchived:s.includeArchived?"true":void 0})},setOptions(s){return n("/options",s)},ensureLlmJobs(s){return n("/llm/ensure",s)},queryLlmJobs(s){return n("/llm/jobs/query",s)}}}function nr(e){let{apiKey:t,appId:r,baseUrl:n,currentContainerId:o,previewSession:s,userHash:i,userId:a}=ye(),u=e||o;return vr.useMemo(()=>{if(!r||!u)return null;let b=s?oe():{};return uo({apiKey:t,appId:r,baseUrl:n,containerId:u,userId:s?void 0:a,userHash:s?void 0:i,extraHeaders:b})},[t,r,n,u,s,i,a])}function Fi(e){let t=nr(e.containerId),[r,n]=vr.useState(null),[o,s]=vr.useState([]),[i,a]=vr.useState(false),[u,b]=vr.useState(null),g=co({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys,enabled:e.enabled!==false}),d=vr.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)){a(true);try{let f=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys});n(f.feature),s(f.values),b(null);}catch(f){b(f instanceof Error?f:new Error(String(f)));}finally{a(false);}}},[t,g]);vr.useEffect(()=>{d();},[d]),vr.useEffect(()=>{if(!e.pollMs||e.pollMs<=0)return;let f=setInterval(()=>{d();},e.pollMs);return ()=>clearInterval(f)},[e.pollMs,d]);let w=vr.useMemo(()=>new Map(o.map(f=>[Et(f.entity,f.valueKey),f])),[o]),I=vr.useCallback((f,m="value")=>w.get(Et(f,m))??null,[w]);return {feature:r,values:o,byKey:w,getValue:I,loading:i,error:u,refresh:d}}function xi(e){let t=nr(e),r=vr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.ensureFeature(s)},[t]),n=vr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setValues(s)},[t]),o=vr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setOptions(s)},[t]);return {client:t,ensureFeature:r,setValues:n,setOptions:o}}function lo(e){return e.some(t=>t.status==="queued"||t.status==="running")}function Ai(e){let t=nr(e.containerId),[r,n]=vr.useState(null),[o,s]=vr.useState([]),[i,a]=vr.useState([]),[u,b]=vr.useState(false),[g,d]=vr.useState(null),w=vr.useRef(""),I=co({featureId:e.featureId,featureKey:e.featureKey,kind:e.kind,config:e.config,forkId:e.forkId,targetKind:e.targetKind,targetId:e.targetId,operation:e.operation,model:e.model,prompt:e.prompt,system:e.system,promptHash:e.promptHash,outputFormat:e.outputFormat,maxTokens:e.maxTokens,temperature:e.temperature,force:e.force,jobs:e.jobs,enabled:e.enabled!==false}),f=vr.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)&&!(!e.jobs||e.jobs.length===0)){b(true);try{let h=await t.ensureLlmJobs(e);w.current=I,n(h.feature),s(h.jobs),a(h.values),d(null);}catch(h){d(h instanceof Error?h:new Error(String(h)));}finally{b(false);}}},[t,I]),m=vr.useCallback(async()=>{if(!t)return;let h=o.map(v=>v.id);try{if(h.length>0){let v=await t.queryLlmJobs({jobIds:h});s(v.jobs);}if(e.featureId||e.featureKey){let v=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.jobs.map(M=>M.entity),valueKeys:Array.from(new Set(e.jobs.map(M=>M.valueKey||"value")))});n(v.feature),a(v.values);}d(null);}catch(v){d(v instanceof Error?v:new Error(String(v)));}},[t,o,I]);vr.useEffect(()=>{w.current!==I&&f();},[f,I]),vr.useEffect(()=>{let h=e.pollMs??3e3;if(h<=0||!lo(o))return;let v=setInterval(()=>{m();},h);return ()=>clearInterval(v)},[e.pollMs,o,m]);let x=vr.useMemo(()=>new Map(i.map(h=>[Et(h.entity,h.valueKey),h])),[i]),H=vr.useCallback((h,v="value")=>x.get(Et(h,v))??null,[x]);return {feature:r,jobs:o,values:i,byKey:x,getValue:H,loading:u,error:g,ensure:f,refresh:m,running:lo(o)}}exports.ForkBoundaryUI=Xs;exports.ForkButton=Ir;exports.ForkChatInterface=xt;exports.ForkPanel=Yt;exports.ForkProvider=Vo;exports.ForkSlot=is;exports.ForkUI=ki;exports.clearCachedManifest=$o;exports.createForkDataClient=uo;exports.forkEntityValueKey=Et;exports.forkable=hi;exports.loadManifest=Kt;exports.manifestDiffers=Po;exports.readCachedManifest=Eo;exports.registerForkShared=ur;exports.useBoundaryFork=$r;exports.useFork=Pr;exports.useForkChatPanel=Mr;exports.useForkDataClient=nr;exports.useForkDataMutation=xi;exports.useForkFeatureValues=Fi;exports.useForkLlmJobs=Ai;exports.usePreviewSession=jt;exports.writeCachedManifest=Co;
|
|
64
|
+
`,document.head.appendChild(e);}function Qn(e,t,r="top"){ii();let{outline:n,glow:o,tooltip:s}=si(t),i=ni(e);n.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${ei}ms ease-in-out infinite`,document.body.append(o,n,s);let a=()=>{let f=e.getBoundingClientRect();if(f.width===0&&f.height===0)return;n.style.top=`${f.top}px`,n.style.left=`${f.left}px`,n.style.width=`${f.width}px`,n.style.height=`${f.height}px`,o.style.top=`${f.top-1}px`,o.style.left=`${f.left-1}px`,o.style.width=`${f.width+2}px`,o.style.height=`${f.height+2}px`;let E=s.getBoundingClientRect(),$=E.width||s.offsetWidth||80,F=E.height||s.offsetHeight||26,h=oi(r,f,$,F);s.style.top=`${h.top}px`,s.style.left=`${h.left}px`;};a(),requestAnimationFrame(()=>{n.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(a);});let c=false,y=new ResizeObserver(a);y.observe(e);let S=()=>a(),u=()=>a();window.addEventListener("scroll",S,true),window.addEventListener("resize",u);let m=()=>{c||(c=true,clearTimeout(v),y.disconnect(),window.removeEventListener("scroll",S,true),window.removeEventListener("resize",u),window.removeEventListener("click",I,true),n.style.opacity="0",o.style.opacity="0",s.style.opacity="0",s.style.transform="translateY(-2px)",setTimeout(()=>{n.remove(),o.remove(),s.remove();},ri));},I=()=>m();setTimeout(()=>{c||window.addEventListener("click",I,{once:true,capture:true});},250);let v=setTimeout(m,ti);return m}var ai="fork:highlight:v1:seen";function Zn(e){return `${ai}:${e}`}function eo(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let r=JSON.parse(t);return Array.isArray(r)?new Set(r.filter(n=>typeof n=="string")):new Set}catch{return new Set}}function li(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var to=new Set;function ro(e,t,r){return `${r}::${e}:${t}`}function zr(e,t,r){let n=ro(e,t,r);return to.has(n)?true:eo(Zn(r)).has(`${e}:${t}`)}function no(e,t,r){let n=ro(e,t,r);to.add(n);let o=Zn(r),s=`${e}:${t}`,i=eo(o);i.has(s)||(i.add(s),li(o,i));}var Ct=new Map,Pt=new Map,Wr=new Map;function ui(e){for(let t of e)Pt.set(t,(Pt.get(t)??0)+1);}function di(e){if(!(typeof document>"u"))for(let t of e){let r=(Pt.get(t)??0)-1;if(r>0){Pt.set(t,r);continue}Pt.delete(t),Ct.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function fi(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function so(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0)return false;let r=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight;return t.bottom>0&&t.right>0&&t.top<n&&t.left<r}function io(e,t){let r=(t?e[t]:void 0)??e.default;if(typeof r!="function"){let n=t||"default";throw new Error(`Fork boundary module is missing a React component export: ${n}`)}return r}function pi(e){if(!e||typeof document>"u")return Promise.resolve();let t=Ct.get(e);if(t)return t;let r=document.querySelector(`link[data-fork-override-href="${e}"]`);if(r instanceof HTMLLinkElement){let o=r.sheet?Promise.resolve():new Promise((s,i)=>{let a=()=>{r.removeEventListener("load",a),r.removeEventListener("error",c),s();},c=()=>{r.removeEventListener("load",a),r.removeEventListener("error",c),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",a,{once:true}),r.addEventListener("error",c,{once:true});});return Ct.set(e,o),o}let n=new Promise((o,s)=>{let i=document.createElement("link");i.rel="stylesheet",i.href=e,i.setAttribute("data-fork-override-href",e),i.onload=()=>o(),i.onerror=()=>{i.remove(),s(new Error(`Failed to load boundary stylesheet: ${e}`));},document.head.appendChild(i);}).catch(o=>{throw Ct.delete(e),o});return Ct.set(e,n),n}var Et=null;function gi(){if(Et)return Et;try{Et=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{Et=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return Et}function mi(e){let t=Wr.get(e);if(t)return t;let r=gi()(e).catch(n=>{throw Wr.delete(e),n});return Wr.set(e,r),r}async function hi(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>pi(s)));let o=await mi(e.moduleUrl);return io(o,r)}catch(o){console.error(`[Fork] Failed to load override for boundary "${e.boundaryId}", falling back to original module.`,o);}let n=await t();return io(n,r)}function yi(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:a,getBoundaryOverride:c,consumeBoundaryAnimation:y,highlightScope:S}=we(),[u,m]=Fr.useState(null),[I,v]=Fr.useState(null),f=Fr.useRef(null),E=Fr.useRef(null),$=Fr.useRef(null),F=Fr.useRef(false),h=Fr.useRef(null),N=Fr.useRef(null),D=Fr.useRef(null),U=Fr.useRef(false),O=Fr.useRef(false),C=c(e.id),M=C?`override:${C.id}`:"original",j=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(Fr.useEffect(()=>()=>{N.current&&(clearTimeout(N.current),N.current=null),h.current&&(h.current.remove(),h.current=null),D.current&&(D.current(),D.current=null);},[]),Fr.useEffect(()=>{a({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,a,e.id,e.exportName,j]),Fr.useEffect(()=>{let k=C?.cssUrls??[];if(k.length!==0)return ui(k),()=>di(k)},[C?.cssUrls.join("|")]),Fr.useEffect(()=>{if(o&&!s&&!u||E.current===M&&u)return;let k=false;return v(null),hi(C,e.original,e.exportName).then(d=>{if(k)return;let w=C?.id?y(e.id,C.id):false;if(U.current=w,w&&f.current){let H=Ur(f.current);if(H){let R=Br(H);R.length>0&&($.current=R,F.current=true,N.current&&(clearTimeout(N.current),N.current=null),h.current&&h.current.remove(),h.current=zn(H));}}E.current=M,Fr.startTransition(()=>{m(()=>d);});}).catch(d=>{k||v(fi(d));}),()=>{k=true;}},[y,M,o,s,i,C?.id,C?.moduleUrl,C?.integrity,C?.cssUrls.join("|"),e.exportName,e.original,u]),Fr.useEffect(()=>{if(!u||!f.current)return;let k=false,d=null,w=()=>{if(k||!f.current)return false;let H=C?.highlightHint,R=C?.id,A=C?.createdAt?String(C.createdAt):"";if(!H||!R||zr(R,A,S))return false;let b=Array.from(f.current.querySelectorAll("[data-fork-new]"));b.length,b.map(G=>G.getAttribute("data-fork-new")),H.label,H.textHint,H.selector;let P=Yn(f.current,H);return P?.tagName,P?.getAttribute("data-fork-new"),P?.getAttribute("aria-label"),P?.textContent?.trim().slice(0,60),!P||!so(P)?(P&&so(P),P?.getBoundingClientRect(),false):(no(R,A,S),h.current&&(h.current.remove(),h.current=null),D.current&&D.current(),D.current=Qn(P,H.label,H.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(k||!f.current)return;let H=U.current,R=!O.current;O.current=true;let A=H||R,b=A?w():false;if(A&&!b&&C?.highlightHint&&C?.id&&!zr(C.id,String(C.createdAt??""),S)){let xe=[150,400,800],Ae=0,K=()=>{if(k||Ae>=xe.length)return;let V=xe[Ae];Ae+=1,d=setTimeout(()=>{if(w()){b=true;return}K();},V);};K();}let P=F.current,G=!!C?.highlightHint,te=$.current;if($.current=null,F.current=false,b||G||!P){h.current&&(h.current.remove(),h.current=null);return}let z=Ur(f.current);if(!te||!z){h.current&&(h.current.remove(),h.current=null);return}let Q=Br(z),J=Wn(te,Q),ie=Jn(te,Q),L=h.current;if(ie.length>0&&L){let xe=qn(ie);N.current=setTimeout(()=>{N.current=null;let Ae=400;L.animate([{opacity:1},{opacity:0}],{duration:Ae,fill:"forwards"}),xe.animate([{opacity:1},{opacity:0}],{duration:Ae,fill:"forwards"}),setTimeout(()=>{L.remove(),xe.remove(),h.current===L&&(h.current=null),J.length>0&&Nr(J);},Ae);},3500);}else L&&(L.remove(),h.current===L&&(h.current=null)),J.length>0&&Nr(J);});}),()=>{k=true,d!==null&&(clearTimeout(d),d=null);}},[u,C?.id,C?.createdAt,C?.highlightHint,S]),I)throw I;return u?So.jsx("div",{ref:f,"data-fork-boundary":e.id,style:{display:"contents"},children:So.jsx(u,{...r})}):So.jsx(So.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function bi({slotId:e,title:t,slotLabel:r}){return So.jsx(Rt,{slotId:e,title:t,slotLabel:r})}function Si(e){return e.replace(/\/+$/,"")}function Fi(e){return {namespace:e.namespace||"default",type:e.type,id:e.id}}function $t(e,t="value"){let r=Fi(e);return `${r.namespace}:${r.type}:${r.id}:${t}`}function Vr(e){if(Array.isArray(e))return e.map(Vr);if(!e||typeof e!="object")return e;let t=e,r={};for(let n of Object.keys(t).sort())r[n]=Vr(t[n]);return r}function uo(e){return JSON.stringify(Vr(e))}function ao(e){let t={Authorization:`Bearer ${e.apiKey}`,"Content-Type":"application/json","X-Fork-App-Id":e.appId,...e.extraHeaders??{}};return e.userId&&(t["X-Fork-User-Id"]=e.userId),e.userHash&&(t["X-Fork-User-Hash"]=e.userHash),t}async function lo(e){let t=await e.json().catch(()=>({}));if(!e.ok){let r=typeof t.error=="string"?t.error:`Fork data API ${e.status}`;throw new Error(r)}return t}function fo(e){let t=Si(e.baseUrl),r={appId:e.appId,containerId:e.containerId},n=async(s,i)=>{let a=i&&typeof i=="object"&&!Array.isArray(i)?i:{},c=await fetch(`${t}/api/v1/data${s}`,{method:"POST",headers:ao(e),body:JSON.stringify({...r,...a})});return lo(c)},o=async(s,i)=>{let a=new URLSearchParams({appId:e.appId,containerId:e.containerId});for(let[y,S]of Object.entries(i))S&&a.set(y,S);let c=await fetch(`${t}/api/v1/data${s}?${a.toString()}`,{headers:ao(e)});return lo(c)};return {listFeatures(){return o("/features",{})},ensureFeature(s){return n("/features",s)},queryValues(s){return n("/values/query",s)},setValues(s){return n("/values",s)},listOptions(s){return o("/options",{featureId:s.featureId,featureKey:s.featureKey,includeArchived:s.includeArchived?"true":void 0})},setOptions(s){return n("/options",s)},ensureLlmJobs(s){return n("/llm/ensure",s)},queryLlmJobs(s){return n("/llm/jobs/query",s)}}}function sr(e){let{apiKey:t,appId:r,baseUrl:n,currentContainerId:o,previewSession:s,userHash:i,userId:a}=we(),c=e||o;return Fr.useMemo(()=>{if(!r||!c)return null;let y=s?ne():{};return fo({apiKey:t,appId:r,baseUrl:n,containerId:c,userId:s?void 0:a,userHash:s?void 0:i,extraHeaders:y})},[t,r,n,c,s,i,a])}function xi(e){let t=sr(e.containerId),[r,n]=Fr.useState(null),[o,s]=Fr.useState([]),[i,a]=Fr.useState(false),[c,y]=Fr.useState(null),S=uo({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys,enabled:e.enabled!==false}),u=Fr.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)){a(true);try{let v=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys});n(v.feature),s(v.values),y(null);}catch(v){y(v instanceof Error?v:new Error(String(v)));}finally{a(false);}}},[t,S]);Fr.useEffect(()=>{u();},[u]),Fr.useEffect(()=>{if(!e.pollMs||e.pollMs<=0)return;let v=setInterval(()=>{u();},e.pollMs);return ()=>clearInterval(v)},[e.pollMs,u]);let m=Fr.useMemo(()=>new Map(o.map(v=>[$t(v.entity,v.valueKey),v])),[o]),I=Fr.useCallback((v,f="value")=>m.get($t(v,f))??null,[m]);return {feature:r,values:o,byKey:m,getValue:I,loading:i,error:c,refresh:u}}function Ai(e){let t=sr(e),r=Fr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.ensureFeature(s)},[t]),n=Fr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setValues(s)},[t]),o=Fr.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setOptions(s)},[t]);return {client:t,ensureFeature:r,setValues:n,setOptions:o}}function co(e){return e.some(t=>t.status==="queued"||t.status==="running")}function Ii(e){let t=sr(e.containerId),[r,n]=Fr.useState(null),[o,s]=Fr.useState([]),[i,a]=Fr.useState([]),[c,y]=Fr.useState(false),[S,u]=Fr.useState(null),m=Fr.useRef(""),I=uo({featureId:e.featureId,featureKey:e.featureKey,kind:e.kind,config:e.config,forkId:e.forkId,targetKind:e.targetKind,targetId:e.targetId,operation:e.operation,model:e.model,prompt:e.prompt,system:e.system,promptHash:e.promptHash,outputFormat:e.outputFormat,maxTokens:e.maxTokens,temperature:e.temperature,force:e.force,jobs:e.jobs,enabled:e.enabled!==false}),v=Fr.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)&&!(!e.jobs||e.jobs.length===0)){y(true);try{let F=await t.ensureLlmJobs(e);m.current=I,n(F.feature),s(F.jobs),a(F.values),u(null);}catch(F){u(F instanceof Error?F:new Error(String(F)));}finally{y(false);}}},[t,I]),f=Fr.useCallback(async()=>{if(!t)return;let F=o.map(h=>h.id);try{if(F.length>0){let h=await t.queryLlmJobs({jobIds:F});s(h.jobs);}if(e.featureId||e.featureKey){let h=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.jobs.map(N=>N.entity),valueKeys:Array.from(new Set(e.jobs.map(N=>N.valueKey||"value")))});n(h.feature),a(h.values);}u(null);}catch(h){u(h instanceof Error?h:new Error(String(h)));}},[t,o,I]);Fr.useEffect(()=>{m.current!==I&&v();},[v,I]),Fr.useEffect(()=>{let F=e.pollMs??3e3;if(F<=0||!co(o))return;let h=setInterval(()=>{f();},F);return ()=>clearInterval(h)},[e.pollMs,o,f]);let E=Fr.useMemo(()=>new Map(i.map(F=>[$t(F.entity,F.valueKey),F])),[i]),$=Fr.useCallback((F,h="value")=>E.get($t(F,h))??null,[E]);return {feature:r,jobs:o,values:i,byKey:E,getValue:$,loading:c,error:S,ensure:v,refresh:f,running:co(o)}}exports.ForkBoundaryUI=Gs;exports.ForkButton=_r;exports.ForkChatInterface=Rt;exports.ForkPanel=Zt;exports.ForkProvider=qo;exports.ForkSlot=as;exports.ForkUI=bi;exports.clearCachedManifest=$o;exports.createForkDataClient=fo;exports.forkEntityValueKey=$t;exports.forkable=yi;exports.loadManifest=Wt;exports.manifestDiffers=To;exports.readCachedManifest=Co;exports.registerForkShared=dr;exports.useBoundaryFork=Tr;exports.useFork=Mr;exports.useForkChatPanel=Hr;exports.useForkDataClient=sr;exports.useForkDataMutation=Ai;exports.useForkFeatureValues=xi;exports.useForkLlmJobs=Ii;exports.usePreviewSession=zt;exports.writeCachedManifest=Po;
|