@fork-api/chat-sdk 0.1.160 → 0.1.161
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.js +8 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
'use strict';var
|
|
2
|
-
`);return ct&&tr===o||(tr=o,ct=(async()=>{try{let i=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(i.status===204)return null;if(!i.ok){let f=await i.json().catch(()=>({}));return console.warn(`[fork-preview] auto admin activate failed (${i.status}): ${f.error??"unknown"}`),null}let s=await i.json(),l={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 Tt(l),l}catch(i){return console.warn("[fork-preview] auto admin activate threw",i),null}finally{tr=null,ct=null;}})()),ct}function Dn(){return Ne()}function jn(){return null}function Lt(){return ar.useSyncExternalStore(er,Dn,jn)}function re(){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 Bt(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 i=await o.json(),s={};for(let[l,f]of Object.entries(i.modules)){let w=f.moduleUrl??f.bundleUrl??null,y=f.legacyModuleUrl??f.legacyBundleUrl??null;s[l]={forkId:f.forkId,moduleUrl:w,legacyModuleUrl:y,bundleUrl:f.bundleUrl??w,legacyBundleUrl:f.legacyBundleUrl??y,cssUrls:f.cssUrls??[],integrity:f.integrity,metadata:f.metadata,buildId:f.buildId,updatedAt:f.updatedAt};}return {containerId:i.containerId,slots:i.slots,modules:s,generatedAt:i.generatedAt,etag:o.headers.get("ETag")??void 0}}var zn="fork:manifest:v1";function sr(e,t,r){return `${zn}:${e}:${t}:${r}`}function Kn(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(sr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function Wn(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(sr(e,t,r),JSON.stringify(n));}catch{}}function Vn(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(sr(e,t,r));}catch{}}function Xn(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId)return true;let r=Object.entries(e.slots),n=Object.entries(t.slots);if(r.length!==n.length)return true;for(let[s,l]of r){let f=t.slots[s];if(!f||f.forkId!==l.forkId||f.buildId!==l.buildId)return true}let o=Object.entries(e.modules),i=Object.entries(t.modules);if(o.length!==i.length)return true;for(let[s,l]of o){let f=t.modules[s];if(!f||f.forkId!==l.forkId||f.buildId!==l.buildId)return true}return false}var Xr=ar.createContext(null),qn=12e3,Yn=45e3,zr="fork:activity:v1",Zn=new Set(["pending","running","building"]),Qn="Setting up environment";function Se(e){return Zn.has(e)}function eo(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function to(e,t){let r=eo(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 Kr(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 Nt(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,i=typeof e?.estimateMinutes=="number"&&Number.isFinite(e.estimateMinutes)?e.estimateMinutes:void 0;return {...e,...t,summary:r??n??null,estimateMinutes:o??i??null,latestMessage:t.latestMessage??e?.latestMessage??null,unread:t.unread??e?.unread??false}}function dt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function Je(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 Ge(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function ro(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function no(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:Se(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 oo(e){let t=e.filter(o=>Se(o.status)),r=e.filter(o=>o.status==="complete"&&o.unread),n=[...e].sort((o,i)=>Date.parse(i.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],i=!!(typeof o.summary=="string"&&o.summary.trim());return {state:"running",label:i?o.summary.trim():Qn,detail:i?ro(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 ut(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function so(e,t){let r={};for(let[n,o]of Object.entries(t.boundaries||{}))r[n]={...o,moduleUrl:ut(e,o.moduleUrl),cssUrls:Array.isArray(o.cssUrls)?o.cssUrls.map(i=>ut(e,i)):[]};return r}function Wr(e,t,r,n){let o={};for(let[i,s]of Object.entries(t.slots)){let l=s.bundleUrl??s.legacyBundleUrl;l&&(o[i]={id:s.forkId,userId:r,prompt:"",status:"complete",slotId:i,appId:n,bundleUrl:ut(e,l),createdAt:s.updatedAt,completedAt:s.updatedAt});}return o}function Vr(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let i=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";i&&(r[n]={id:o.forkId,boundaryId:n,moduleUrl:ut(e,i),cssUrls:(o.cssUrls??[]).map(s=>ut(e,s)),integrity:o.integrity,metadata:o.metadata,createdAt:o.updatedAt});}return r}function io(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:i}=e,s="userId"in e?e.userId:void 0,l="authUrl"in e?e.authUrl:void 0,[f]=ar.useState(()=>(nt(t),rr(t))),[w,y]=ar.useState({}),[p,v]=ar.useState(s?{userId:s,userHash:void 0}:null),[_,C]=ar.useState(!!s||f),[b,A]=ar.useState({}),[O,g]=ar.useState(!o),[P,L]=ar.useState(0),[B,U]=ar.useState(null),[S,k]=ar.useState([]),[h,E]=ar.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),m=ar.useRef(new Map),c=ar.useRef(new Map),[I,D]=ar.useState(0),N=ar.useRef(new Set),R=ar.useRef(new Map),x=ar.useRef(void 0),H=ar.useRef(new Map),Z=ar.useRef([]),G=ar.useRef(new Set),we=ar.useRef(false);qt(),ar.useEffect(()=>{return nr(t,r).then(()=>{}),()=>{}},[]);let j=Lt();ar.useEffect(()=>{f||j||!o||!p?.userHash||or(t,r,{appId:o,userId:p.userId,userHash:p.userHash});},[t,o,p?.userHash,p?.userId,r,f,j?.preview_session_id]),i&&x.current!==i&&(Yt(i),x.current=i),ar.useEffect(()=>{l&&(f||(C(false),fetch(l,{credentials:"include"}).then(d=>{if(!d.ok)throw new Error(`Auth endpoint returned ${d.status}`);return d.json()}).then(d=>{if(!d.userId||typeof d.userId!="string")throw new Error("authUrl response must include userId");v({userId:d.userId,userHash:typeof d.userHash=="string"?d.userHash:void 0});}).catch(d=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",d.message);}).finally(()=>{C(true);})));},[l,f]),ar.useEffect(()=>{!l&&s&&(v({userId:s,userHash:void 0}),C(true));},[s,l]);let ne=p?.userId??"",fe=p?.userHash,q=j?"":ne,ie=j?void 0:fe,Ze=!!o,xe=ar.useCallback(async()=>{if(!Ze){U(null),A({}),g(true),L(u=>u+1);return}if(!_){g(false);return}if(!j&&!q||!o){U(null),A({}),g(true),L(u=>u+1);return}if(g(false),!j){try{let u=await Bt({baseUrl:r,apiKey:t,appId:o,userId:q,userHash:ie});u&&(U(u.containerId),y(Wr(r,u,q,o)),A(Vr(r,u)));}catch(u){console.error("[ForkProvider] Failed to fetch fork manifest:",u.message),U(null),y({}),A({});}finally{L(u=>u+1),g(true);}return}if(U(j.container_id??null),j.container_id){try{let u=await Bt({baseUrl:r,apiKey:t,appId:o,userId:q,containerId:j.container_id,extraHeaders:re()});u&&(y(Wr(r,u,q,o)),A(Vr(r,u)));}catch(u){console.error("[ForkProvider] Failed to fetch preview container manifest:",u.message),y({}),A({});}finally{L(u=>u+1),g(true);}return}let d=new URLSearchParams({appId:o,userId:q});ie&&d.set("userHash",ie);try{let u=await fetch(`${r}/api/v1/boundaries/manifest?${d.toString()}`,{headers:{Authorization:`Bearer ${t}`,...re()}});if(!u.ok)throw new Error(`${u.status}`);let M=await u.json();A(so(r,M));}catch(u){console.error("[ForkProvider] Failed to fetch module override manifest:",u.message),A({});}finally{L(u=>u+1),g(true);}},[t,o,r,_,Ze,ie,q,j?.preview_session_id,j?.fork_id,j?.container_id]);ar.useEffect(()=>{if(!q||o&&(!j||j.container_id))return;let d=new URLSearchParams({userId:q});ie&&d.set("userHash",ie),fetch(`${r}/api/v1/forks/active?${d.toString()}`,{headers:{Authorization:`Bearer ${t}`,...re()}}).then(u=>{if(!u.ok)throw new Error(`${u.status}`);return u.json()}).then(u=>{u&&typeof u=="object"&&y(u);}).catch(()=>{});},[t,o,q,ie,r,j?.preview_session_id,j?.fork_id]),ar.useEffect(()=>{xe();},[xe]);let Ee=ar.useCallback((d,u)=>{y(M=>({...M,[d]:u}));},[]),me=ar.useCallback(d=>{y(u=>{let M={...u};return delete M[d],M});},[]),$e=ar.useCallback(d=>{N.current.add(d);},[]),He=ar.useCallback(d=>N.current.has(d)?(N.current.delete(d),true):false,[]),Ce=ar.useCallback((d,u)=>{R.current.set(d,u);},[]),Re=ar.useCallback((d,u)=>R.current.get(d)!==u?false:(R.current.delete(d),true),[]),Oe=ar.useCallback(d=>{if(!o)return;let u=JSON.stringify(d);m.current.get(d.id)===u||c.current.get(d.id)?.signature===u||(c.current.set(d.id,{boundary:d,signature:u}),D(Q=>Q+1));},[o]);ar.useEffect(()=>{if(!o||c.current.size===0)return;let d=setTimeout(()=>{let u=Array.from(c.current.values());u.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:u.map(M=>M.boundary)})}).then(M=>{if(!M.ok)throw new Error(`${M.status}`)}).then(()=>{for(let M of u)c.current.get(M.boundary.id)?.signature===M.signature&&(c.current.delete(M.boundary.id),m.current.set(M.boundary.id,M.signature));}).catch(M=>{console.error("[ForkProvider] Failed to register module boundaries:",M.message);});},50);return ()=>{clearTimeout(d);}},[t,o,r,I]);let Xt=ar.useCallback(d=>b[d],[b]),At=j?`preview:${j.preview_session_id}`:q,_t=`${t}:${o||"no-app"}:${B||"no-container"}:${At||"anonymous"}`,ve=`${zr}:seen:${_t}`,K=`${zr}:tracked:${_t}`;ar.useEffect(()=>{Z.current=S;},[S]);let De=ar.useCallback(()=>{let d={Authorization:`Bearer ${t}`,...re()};return o&&(d["X-Fork-App-Id"]=o),!j&&q&&(d["X-Fork-User-Id"]=q),!j&&ie&&(d["X-Fork-User-Hash"]=ie),d},[t,o,j,ie,q]),Pe=ar.useCallback(async()=>{if(!B)return;let d=new URLSearchParams({container_id:B}),u=await fetch(`${r}/api/v1/forks?${d.toString()}`,{headers:De()}).catch(()=>null);if(!u||!u.ok)return;let M=await u.json().catch(()=>({})),Q=Array.isArray(M.forks)?M.forks:[],V=Je(ve),z=Je(K),oe=false,ae=new Map(Z.current.map(X=>[X.id,X])),ke=[];for(let X of Q){let le=Kr(X);Se(le.status)&&!z.has(le.id)&&(z.add(le.id),oe=true);let te=ae.get(le.id),se=te?Se(te.status):false,pe=dt(le);le.status==="complete"&&(z.has(le.id)||se)&&!V.has(pe)&&!G.current.has(pe)&&!te?.unread&&(we.current||z.has(le.id)||se)&&(G.current.add(pe),ke.push(le));}if(k(X=>{let le=new Map(X.map(de=>[de.id,de])),te=new Set,se=new Map;for(let de of Q){let ge=Kr(de);te.add(ge.id);let Be=le.get(ge.id),Y=Be?Se(Be.status):false,it=dt(ge),Me=ge.status==="complete"&&(z.has(ge.id)||Y)&&!V.has(it),et=Nt(Be,{...ge,unread:Me});se.set(ge.id,et);}for(let de of X)te.has(de.id)||(Se(de.status)||de.unread)&&se.set(de.id,de);let pe=[...se.values()].sort((de,ge)=>Date.parse(ge.updatedAt)-Date.parse(de.updatedAt));return Z.current=pe,pe}),oe&&Ge(K,z),ke.length>0){for(let X of ke)X.targetKind==="module"&&Ce(X.targetId,X.id);xe().catch(()=>{});}we.current=true;},[ve,K,r,De,B,xe,Ce]),Ct=ar.useCallback((d,u)=>{let M=to(d,u);if(!M)return;let Q=d.containerId??d._containerId;if(Q&&!B&&U(Q),Se(M.status)){let oe=Je(K);oe.has(M.id)||(oe.add(M.id),Ge(K,oe));}let V=new Map(Z.current.map(oe=>[oe.id,oe]));V.set(M.id,Nt(V.get(M.id),M));let z=[...V.values()].sort((oe,ae)=>Date.parse(ae.updatedAt)-Date.parse(oe.updatedAt));Z.current=z,k(z);},[K,B]),je=ar.useCallback((d,u)=>{let M=no(u),Q=Je(ve),V=Je(K),z=Z.current.find(te=>te.id===d),oe=z?Se(z.status):false;M.status&&Se(M.status)&&!V.has(d)&&(V.add(d),Ge(K,V));let ae=z?Nt(z,{...z,...M}):null,ke=ae?dt(ae):null,X=!!(ae&&ae.status==="complete"&&(V.has(d)||oe)&&ke&&!Q.has(ke)&&!G.current.has(ke)&&!z?.unread),le=u.type==="complete"&&z?.targetKind==="module"?z.targetId:null;if(k(te=>{let se=te.find(Y=>Y.id===d);if(!se)return te;let pe=Nt(se,{...se,...M}),de=pe.status==="complete"&&(V.has(d)||Se(se.status))&&!Q.has(dt(pe)),ge={...pe,unread:de},Be=te.map(Y=>Y.id===d?ge:Y).sort((Y,it)=>Date.parse(it.updatedAt)-Date.parse(Y.updatedAt));return Z.current=Be,Be}),X&&ae&&ke&&G.current.add(ke),u.type==="complete"){let te=u.data&&typeof u.data=="object"?u.data:{},se=typeof te.boundaryId=="string"?te.boundaryId:le;se&&Ce(se,d),xe().catch(()=>{});}},[ve,K,xe,Ce]),Qe=ar.useCallback(d=>{let u=Je(ve),M=Je(K),Q=false,V=false;for(let z of Z.current){if(z.status!=="complete"||d&&z.id!==d)continue;let oe=dt(z);u.has(oe)||(u.add(oe),Q=true),M.delete(z.id)&&(V=true);}k(z=>{let oe=z.map(ae=>ae.status!=="complete"||d&&ae.id!==d?ae:{...ae,unread:false});return Z.current=oe,oe}),Q&&Ge(ve,u),V&&Ge(K,M);},[ve,K]);ar.useEffect(()=>{we.current=false,G.current.clear(),k([]);for(let d of H.current.values())d.close();H.current.clear(),B&&Pe();},[B,Pe]),ar.useEffect(()=>{if(typeof document>"u")return;let d=()=>{let u=document.visibilityState!=="hidden";E(u),u&&B&&Pe();};return document.addEventListener("visibilitychange",d),window.addEventListener("focus",d),window.addEventListener("online",d),()=>{document.removeEventListener("visibilitychange",d),window.removeEventListener("focus",d),window.removeEventListener("online",d);}},[B,Pe]),ar.useEffect(()=>{let d=S.filter(Q=>Se(Q.status));if(!B||d.length===0)return;let u=h?qn:Yn,M=window.setInterval(()=>{Pe();},u);return ()=>window.clearInterval(M)},[B,h,S,Pe]),ar.useEffect(()=>{for(let d of H.current.values())d.close();H.current.clear();},[t,r,j?.preview_session_id,ie,q]),ar.useEffect(()=>{let d=new Set(S.filter(u=>Se(u.status)).map(u=>u.id));for(let[u,M]of H.current.entries())d.has(u)||(M.close(),H.current.delete(u));for(let u of d){if(H.current.has(u))continue;let M=new URLSearchParams({key:t});j?(M.set("previewSessionId",j.preview_session_id),M.set("previewForkId",u)):q&&M.set("userId",q),ie&&M.set("userHash",ie);let Q=new EventSource(`${r}/api/v1/forks/${u}/events?${M.toString()}`);Q.onmessage=V=>{try{je(u,JSON.parse(V.data));}catch{}},Q.onerror=()=>{Q.close(),H.current.delete(u);},H.current.set(u,Q);}},[t,r,S,j,je,ie,q]),ar.useEffect(()=>()=>{for(let d of H.current.values())d.close();H.current.clear();},[]);let Ie=oo(S),ze=ar.useCallback(async()=>{if(!q)throw new Error("Reset requires a resolved user identity.");let d=new URLSearchParams({userId:q});ie&&d.set("userHash",ie);let u={Authorization:`Bearer ${t}`,...re()};o&&(u["X-Fork-App-Id"]=o);let M=await fetch(`${r}/api/v1/forks/all?${d.toString()}`,{method:"DELETE",headers:u});if(!M.ok){let V=await M.json().catch(()=>({}));throw new Error(V.error||`API error: ${M.status}`)}let Q=await M.json().catch(()=>({}));y({}),A({}),g(true),L(V=>V+1),k([]),G.current.clear(),Ge(ve,new Set),Ge(K,new Set),N.current.clear(),R.current.clear();try{for(let V=sessionStorage.length-1;V>=0;V-=1){let z=sessionStorage.key(V);z&&z.startsWith("__fork_animated_")&&sessionStorage.removeItem(z);}}catch{}return Q},[ve,K,t,o,r,ie,q]);return Bn.jsx(Xr.Provider,{value:{apiKey:t,userId:q,userHash:ie,baseUrl:r,appId:o,forks:w,moduleOverridesEnabled:Ze,moduleManifestReady:O,moduleManifestVersion:P,currentContainerId:B,forkActivities:S,activitySummary:Ie,previewSession:j,trackForkActivity:Ct,recordForkActivityEvent:je,markForkActivitySeen:Qe,refreshForkActivities:Pe,setSlotFork:Ee,clearSlotFork:me,skipAnimationForSlot:$e,shouldSkipAnimation:He,queueBoundaryAnimation:Ce,consumeBoundaryAnimation:Re,registerBoundary:Oe,getBoundaryOverride:Xt,refreshModuleManifest:xe,resetAllForks:ze},children:n})}function ye(){let e=ar.useContext(Xr);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function Ut(e){return ye().forks[e]}var ft=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(i=>i());}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 lr(e,t){let r;try{r=ar.Children.only(e);}catch{let o=ar.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 Gr=new Set;function qr(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 i=getComputedStyle(n),s=parseFloat(i.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:s});}return t}function fo(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(s=>n.rect.top>=s.rect.top&&n.rect.left>=s.rect.left&&n.rect.right<=s.rect.right&&n.rect.bottom<=s.rect.bottom)){for(let s=r.length-1;s>=0;s--){let l=r[s];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(s,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function po(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(s=>n.rect.top>=s.rect.top&&n.rect.left>=s.rect.left&&n.rect.right<=s.rect.right&&n.rect.bottom<=s.rect.bottom)){for(let s=r.length-1;s>=0;s--){let l=r[s];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(s,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Zr(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 Yr(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 i=[];for(let y=0;y<e.length;y++){let{rect:p,borderRadius:v}=e[y],_=p.left-.5,C=p.top-.5,b=p.width+1,A=p.height+1,O=Math.min(v+.5,b/2,A/2),g=Zr(_,C,b,A,O),P=`__fork-glow-${y}`,L=document.createElementNS(t,"filter");L.setAttribute("id",P),L.setAttribute("x","-100%"),L.setAttribute("y","-100%"),L.setAttribute("width","300%"),L.setAttribute("height","300%");let B=document.createElementNS(t,"feGaussianBlur");B.setAttribute("in","SourceGraphic"),B.setAttribute("stdDeviation","8"),L.appendChild(B),o.appendChild(L);let U=`__fork-mask-${y}`,S=document.createElementNS(t,"mask");S.setAttribute("id",U),S.setAttribute("maskUnits","userSpaceOnUse"),S.setAttribute("x",String(_-200)),S.setAttribute("y",String(C-200)),S.setAttribute("width",String(b+400)),S.setAttribute("height",String(A+400));let k=document.createElementNS(t,"rect");k.setAttribute("x",String(_-200)),k.setAttribute("y",String(C-200)),k.setAttribute("width",String(b+400)),k.setAttribute("height",String(A+400)),k.setAttribute("fill","white"),S.appendChild(k);let h=document.createElementNS(t,"path");h.setAttribute("d",g),h.setAttribute("fill","black"),S.appendChild(h),o.appendChild(S);let E=document.createElementNS(t,"g");E.setAttribute("mask",`url(#${U})`),E.setAttribute("opacity","0");let m=document.createElementNS(t,"g");m.setAttribute("filter",`url(#${P})`);let c=document.createElementNS(t,"path");c.setAttribute("d",g),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),m.appendChild(c),E.appendChild(m),n.appendChild(E);let I=document.createElementNS(t,"path");I.setAttribute("d",g),I.setAttribute("fill","none"),I.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),I.setAttribute("stroke-width","2"),I.setAttribute("stroke-linecap","round"),I.setAttribute("opacity","0"),n.appendChild(I),i.push(c,I),c.__group=E;}r.appendChild(n),document.body.appendChild(r);let s=[];for(let y=0;y<i.length;y+=2){let p=i[y],v=i[y+1],_=p.__group,C=v.getTotalLength(),b=p.getTotalLength();if(C<=0)continue;let A=C*.35;v.setAttribute("stroke-dasharray",`${A} ${C-A}`),v.setAttribute("stroke-dashoffset","0"),s.push(v.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*C,opacity:.92,offset:.06},{strokeDashoffset:-2*C,opacity:.92,offset:.92},{strokeDashoffset:-2.25*C,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let O=b*.35;p.setAttribute("stroke-dasharray",`${O} ${b-O}`),p.setAttribute("stroke-dashoffset","0"),s.push(p.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*b,offset:.06},{strokeDashoffset:-2*b,offset:.92},{strokeDashoffset:-2.25*b,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),s.push(_.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 l=false,f=()=>{if(l)return;l=true,clearTimeout(w);for(let p of s)try{p.cancel();}catch{}let y=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});y.onfinish=()=>r.remove(),window.removeEventListener("click",f);},w=setTimeout(f,14500);return setTimeout(()=>{l||window.addEventListener("click",f);},500),f}function mo(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"),i=document.createElementNS(t,"filter");i.setAttribute("id","__fork-removed-shadow"),i.setAttribute("x","-10%"),i.setAttribute("y","-10%"),i.setAttribute("width","120%"),i.setAttribute("height","120%");let s=document.createElementNS(t,"feDropShadow");s.setAttribute("dx","0"),s.setAttribute("dy","1"),s.setAttribute("stdDeviation","2"),s.setAttribute("flood-color","rgba(0,0,0,0.15)"),i.appendChild(s),o.appendChild(i),n.appendChild(o);for(let{rect:l,borderRadius:f}of e){let w=l.left,y=l.top,p=l.width,v=l.height,_=Math.min(f,p/2,v/2),C=Zr(w,y,p,v,_),b=document.createElementNS(t,"path");b.setAttribute("d",C),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 go(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 ho=ar__namespace.default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return Bn.jsx("div",{ref:r,style:n,children:Bn.jsx(t,{...o})})},(e,t)=>e.component===t.component&&go(e.hostProps,t.hostProps)),ir=class extends ar__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 Qr({slotId:e,children:t,githubRepo:r,shared:n,events:o}){lr(t,e);let i=Ut(e),{baseUrl:s,apiKey:l,appId:f,shouldSkipAnimation:w}=ye(),[y,p]=ar.useState(null),v=ar.useRef(null),_=ar.useRef(null),C=ar.useRef(null),b=ar.useRef(false),A=ar.useRef(null),O=ar.useRef(null),g=!!(n||o),P=ar.useRef(null);g&&!P.current&&(P.current=new ft(e));let L=ar.useRef(o);if(L.current=o,ar.useEffect(()=>{if(g)return ()=>{P.current?.destroy(),P.current=null;}},[g,e]),g&&P.current&&n)for(let[h,E]of Object.entries(n))P.current.set(h,E);ar.useEffect(()=>{if(!g)return;P.current||(P.current=new ft(e));let h=P.current,E=Object.keys(L.current||{}).map(m=>h.on(m,(...c)=>L.current?.[m]?.(...c)));return ()=>E.forEach(m=>m())},[g,e]),ar.useEffect(()=>{if(Gr.has(e))return;Gr.add(e);let h={id:e,appId:f,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[]};fetch(`${s}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${l}`,"Content-Type":"application/json"},body:JSON.stringify(h)}).catch(()=>{});},[e,s,l,r,f]);let B=i?.id||null;ar.useEffect(()=>{if(i?.bundleUrl,v.current,_.current,!i?.bundleUrl||!B){return}let h=`${s}${i.bundleUrl.replace("bundle.js","component.js")}`,E=`__fork_animated_${e}`,m=sessionStorage.getItem(E),c=w(e),I=!c&&m!==B;if(c&&B&&sessionStorage.setItem(E,B),I&&_.current){let H=qr(_.current);C.current=H,b.current=true,`${e}${H.length}`;}window.__FORK_REACT__=ar__namespace.default,window.__FORK_REACT_DOM__=Ln__namespace,window.__FORK_REACT_JSX__=Bn__namespace;let D=Date.now(),N=`${s}${i.bundleUrl.replace("bundle.js","component.css")}?t=${D}`,R=document.createElement("link");R.rel="stylesheet",R.href=N,R.dataset.forkSlot=e,document.head.appendChild(R);let x=document.createElement("script");return x.src=h+"?t="+D,x.onload=()=>{let H=window.__FORK_EXPORT__;if(H?.default){if(_.current&&C.current&&b.current){let Z=_.current.getBoundingClientRect(),G=_.current.cloneNode(true);G.setAttribute("data-fork-clone-overlay","true"),G.style.position="fixed",G.style.top=`${Z.top}px`,G.style.left=`${Z.left}px`,G.style.width=`${Z.width}px`,G.style.height=`${Z.height}px`,G.style.flex="none",G.style.minHeight="auto",G.style.zIndex="9998",G.style.pointerEvents="none",G.style.overflow="hidden";let we=getComputedStyle(_.current).backgroundColor;G.style.backgroundColor=we&&we!=="rgba(0, 0, 0, 0)"&&we!=="transparent"?we:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(G);let j=_.current.querySelectorAll("*"),ne=G.querySelectorAll("*");for(let fe=0;fe<j.length;fe++)j[fe].scrollTop!==0&&(ne[fe].scrollTop=j[fe].scrollTop),j[fe].scrollLeft!==0&&(ne[fe].scrollLeft=j[fe].scrollLeft);A.current=G;}p(()=>H.default),v.current=B;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},x.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(x),()=>{x.remove(),R.remove(),O.current&&(clearTimeout(O.current),O.current=null),A.current&&(A.current.remove(),A.current=null);}},[B,s,e]),ar.useEffect(()=>{if(!b.current||!y||!_.current){`${e}${b.current}`,_.current;return}let h=C.current;if(!h){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!_.current)return;let E=qr(_.current),m=fo(h,E),c=po(h,E),I=A.current;if(`${e}${m.length}${c.length}`,c.length>0&&I){let D=mo(c);O.current=setTimeout(()=>{O.current=null;let N=400;I.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),D.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),setTimeout(()=>{I.remove(),D.remove(),A.current=null,m.length>0&&(Yr(m));},N);},3500);}else I&&(I.remove(),A.current=null),m.length>0&&(Yr(m));C.current=null,b.current=false,B&&(sessionStorage.setItem(`__fork_animated_${e}`,B),`${e}`);});});},[y]);let U={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return Bn.jsx("div",{ref:_,style:U,children:t});if(!y)return Bn.jsx("div",{ref:_,style:U,children:t});let k=t?.props??{};return Bn.jsx(ir,{slotId:e,resetKey:B,fallback:Bn.jsx("div",{ref:_,style:U,children:t}),children:Bn.jsx(ho,{component:y,containerRef:_,wrapperStyle:U,hostProps:k})})}var tn=new Set;function bo(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 rn(e,t=new Set){return ar.Children.forEach(e,r=>{if(!ar.isValidElement(r))return;let n=r.props;for(let[o,i]of Object.entries(n))typeof i=="function"&&/^on[A-Z]/.test(o)&&t.add(o);n.children&&rn(n.children,t);}),t}function wo({slotId:e,props:t,children:r,allowedFetches:n,githubRepo:o,callbacks:i,mode:s="iframe",shared:l,events:f}){if(lr(r,e),s==="direct")return Bn.jsx(Qr,{slotId:e,githubRepo:o,shared:l,events:f,children:r});let w=Ut(e),{baseUrl:y,apiKey:p,appId:v}=ye(),_=ar.useRef(null),C=ar.useRef(false),b=ar.useRef(null),A=ar.useRef(i);A.current=i;let O=ar.useRef(t);O.current=t;let g=ar.useRef(n);g.current=n,ar.useEffect(()=>{if(typeof process<"u")return;let U=rn(r),S=new Set(i?Object.keys(i):[]),k=[...U].filter(h=>!S.has(h));k.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,
|
|
1
|
+
'use strict';var ur=require('react'),zn=require('react-dom'),Wn=require('react/jsx-runtime'),Kn=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 ur__namespace=/*#__PURE__*/_interopNamespace(ur);var zn__namespace=/*#__PURE__*/_interopNamespace(zn);var Wn__namespace=/*#__PURE__*/_interopNamespace(Wn);var Kn__namespace=/*#__PURE__*/_interopNamespace(Kn);var qe="__FORK_SHARED__";function er(){var t,r,n,o;let e=globalThis;return e[qe]||(e[qe]={}),(t=e[qe]).react||(t.react=ur__namespace),(r=e[qe])["react-dom"]||(r["react-dom"]=zn__namespace),(n=e[qe])["react/jsx-runtime"]||(n["react/jsx-runtime"]=Wn__namespace),(o=e[qe])["react/jsx-dev-runtime"]||(o["react/jsx-dev-runtime"]=Kn__namespace),e[qe]}function tr(e){return Object.assign(er(),e)}var Xn="__fork_preview_session__";function Lt(e){return `${Xn}${e}`}var Q={apiKey:null,session:null},rr=new Set;function Nt(){for(let e of rr)try{e();}catch(t){console.error("[fork-preview] subscriber threw",t);}}function Ur(e){let t=Date.parse(e.expires_at);return Number.isFinite(t)?t<=Date.now():true}function Vn(e){if(typeof window>"u")return null;try{let t=window.sessionStorage.getItem(Lt(e));if(!t)return null;let r=JSON.parse(t);return !r||typeof r!="object"||typeof r.preview_session_id!="string"?null:Ur(r)?(window.sessionStorage.removeItem(Lt(e)),null):r}catch{return null}}function nr(e,t){if(!(typeof window>"u"))try{t?window.sessionStorage.setItem(Lt(e),JSON.stringify(t)):window.sessionStorage.removeItem(Lt(e));}catch{}}function it(e){Q.apiKey!==e&&(Q.apiKey=e,Q.session=Vn(e),Nt());}function Ue(){return Q.session?Ur(Q.session)?(Bt(null),null):Q.session:null}function Bt(e){Q.session=e,Q.apiKey&&nr(Q.apiKey,e),Nt();}function ut(e){Q.session&&Q.session.fork_id!==e&&(Q.session={...Q.session,fork_id:e},Q.apiKey&&nr(Q.apiKey,Q.session),Nt());}function Ge(e,t){Q.session&&(Q.session.container_id===e&&Q.session.container_name===t||(Q.session={...Q.session,container_id:e,container_name:t??Q.session.container_name??"Fork",fork_id:null},Q.apiKey&&nr(Q.apiKey,Q.session),Nt()));}function or(e){return rr.add(e),()=>{rr.delete(e);}}var Dr="__fork_preview";function jr(){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(Dr);return typeof r=="string"&&r.length>0?r:null}function ir(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 Wr()!==null}function zr(){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(Dr);let r=t.toString(),n=r?`#${r}`:"";try{window.history.replaceState(null,"",window.location.pathname+window.location.search+n);}catch{}}var Ye=null,sr=null,ft=null;function Wr(){if(Ye)return Ye;let e=jr();return e?(Ye=e,zr(),Ye):null}async function ar(e,t){it(e);let r=Ue();if(r)return Ye=null,r;let n=Ye??jr();if(Ye=null,!n)return null;zr();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 l=await o.json().catch(()=>({}));return console.warn(`[fork-preview] activate failed (${o.status}): ${l.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 Bt(i),i}catch(o){return console.warn("[fork-preview] activate threw",o),null}}async function lr(e,t,r){it(e);let n=Ue();if(n)return n;if(!r.appId||!r.userId||!r.userHash)return null;let o=[e,t,r.appId,r.userId].join(`
|
|
2
|
+
`);return ft&&sr===o||(sr=o,ft=(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(),l={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 Bt(l),l}catch(s){return console.warn("[fork-preview] auto admin activate threw",s),null}finally{sr=null,ft=null;}})()),ft}function qn(){return Ue()}function Gn(){return null}function Ot(){return ur.useSyncExternalStore(or,qn,Gn)}function ee(){let e=Ue();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 Ut(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[l,c]of Object.entries(s.modules)){let g=c.moduleUrl??c.bundleUrl??null,b=c.legacyModuleUrl??c.legacyBundleUrl??null;i[l]={forkId:c.forkId,moduleUrl:g,legacyModuleUrl:b,bundleUrl:c.bundleUrl??g,legacyBundleUrl:c.legacyBundleUrl??b,cssUrls:c.cssUrls??[],integrity:c.integrity,metadata:c.metadata,buildId:c.buildId,updatedAt:c.updatedAt};}return {containerId:s.containerId,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var Yn="fork:manifest:v1";function cr(e,t,r){return `${Yn}:${e}:${t}:${r}`}function Zn(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(cr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function Qn(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(cr(e,t,r),JSON.stringify(n));}catch{}}function eo(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(cr(e,t,r));}catch{}}function to(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId)return true;let r=Object.entries(e.slots),n=Object.entries(t.slots);if(r.length!==n.length)return true;for(let[i,l]of r){let c=t.slots[i];if(!c||c.forkId!==l.forkId||c.buildId!==l.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,l]of o){let c=t.modules[i];if(!c||c.forkId!==l.forkId||c.buildId!==l.buildId)return true}return false}var Yr=ur.createContext(null),oo=12e3,so=45e3,Kr="fork:activity:v1",Xr="fork:feature-highlight:v1",io=new Set(["pending","running","building"]),ao="Setting up environment";function Ae(e){return io.has(e)}function lo(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function co(e,t){let r=lo(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 Vr(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 Dt(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 pt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function De(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 je(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function uo(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function fo(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:Ae(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 po(e){let t=e.filter(o=>Ae(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():ao,detail:s?uo(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 Jr(e,t){if(!e||!t)return e;let r=e.includes("?")?"&":"?";return `${e}${r}fork_v=${encodeURIComponent(t)}`}function mo(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 qr(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let l=i.bundleUrl??i.legacyBundleUrl;l&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:mt(e,l),createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function Gr(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";if(!s)continue;let i=o.buildId?void 0:o.updatedAt,l=Jr(mt(e,s),i);r[n]={id:o.forkId,boundaryId:n,moduleUrl:l,cssUrls:(o.cssUrls??[]).map(c=>Jr(mt(e,c),i)),integrity:o.integrity,metadata:o.metadata,createdAt:o.updatedAt};}return r}function go(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,l="authUrl"in e?e.authUrl:void 0,[c]=ur.useState(()=>(it(t),ir(t))),[g,b]=ur.useState({}),[f,k]=ur.useState(i?{userId:i,userHash:void 0}:null),[R,C]=ur.useState(!!i||c),[F,_]=ur.useState({}),[U,A]=ur.useState(!o),[w,O]=ur.useState(0),[$,T]=ur.useState(null),[I,v]=ur.useState([]),[p,P]=ur.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),h=ur.useRef(new Map),d=ur.useRef(new Map),[H,j]=ur.useState(0),N=ur.useRef(new Set),x=ur.useRef(new Map),y=ur.useRef(void 0),B=ur.useRef(new Map),J=ur.useRef([]),G=ur.useRef(new Set),Se=ur.useRef(false);er(),ur.useEffect(()=>{return ar(t,r).then(()=>{}),()=>{}},[]);let D=Ot();ur.useEffect(()=>{c||D||!o||!f?.userHash||lr(t,r,{appId:o,userId:f.userId,userHash:f.userHash});},[t,o,f?.userHash,f?.userId,r,c,D?.preview_session_id]),s&&y.current!==s&&(tr(s),y.current=s),ur.useEffect(()=>{l&&(c||(C(false),fetch(l,{credentials:"include"}).then(m=>{if(!m.ok)throw new Error(`Auth endpoint returned ${m.status}`);return m.json()}).then(m=>{if(!m.userId||typeof m.userId!="string")throw new Error("authUrl response must include userId");k({userId:m.userId,userHash:typeof m.userHash=="string"?m.userHash:void 0});}).catch(m=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",m.message);}).finally(()=>{C(true);})));},[l,c]),ur.useEffect(()=>{!l&&i&&(k({userId:i,userHash:void 0}),C(true));},[i,l]);let te=f?.userId??"",ue=f?.userHash,Y=D?"":te,ne=D?void 0:ue,tt=!!o,_e=ur.useCallback(async()=>{if(!tt){T(null),_({}),A(true),O(u=>u+1);return}if(!R){A(false);return}if(!D&&!Y||!o){T(null),_({}),A(true),O(u=>u+1);return}if(A(false),!D){try{let u=await Ut({baseUrl:r,apiKey:t,appId:o,userId:Y,userHash:ne});u&&(T(u.containerId),b(qr(r,u,Y,o)),_(Gr(r,u)));}catch(u){console.error("[ForkProvider] Failed to fetch fork manifest:",u.message),T(null),b({}),_({});}finally{O(u=>u+1),A(true);}return}if(T(D.container_id??null),D.container_id){try{let u=await Ut({baseUrl:r,apiKey:t,appId:o,userId:Y,containerId:D.container_id,extraHeaders:ee()});u&&(b(qr(r,u,Y,o)),_(Gr(r,u)));}catch(u){console.error("[ForkProvider] Failed to fetch preview container manifest:",u.message),b({}),_({});}finally{O(u=>u+1),A(true);}return}let m=new URLSearchParams({appId:o,userId:Y});ne&&m.set("userHash",ne);try{let u=await fetch(`${r}/api/v1/boundaries/manifest?${m.toString()}`,{headers:{Authorization:`Bearer ${t}`,...ee()}});if(!u.ok)throw new Error(`${u.status}`);let M=await u.json();_(mo(r,M));}catch(u){console.error("[ForkProvider] Failed to fetch module override manifest:",u.message),_({});}finally{O(u=>u+1),A(true);}},[t,o,r,R,tt,ne,Y,D?.preview_session_id,D?.fork_id,D?.container_id]);ur.useEffect(()=>{if(!Y||o&&(!D||D.container_id))return;let m=new URLSearchParams({userId:Y});ne&&m.set("userHash",ne),fetch(`${r}/api/v1/forks/active?${m.toString()}`,{headers:{Authorization:`Bearer ${t}`,...ee()}}).then(u=>{if(!u.ok)throw new Error(`${u.status}`);return u.json()}).then(u=>{u&&typeof u=="object"&&b(u);}).catch(()=>{});},[t,o,Y,ne,r,D?.preview_session_id,D?.fork_id]),ur.useEffect(()=>{_e();},[_e]);let Ie=ur.useCallback((m,u)=>{b(M=>({...M,[m]:u}));},[]),me=ur.useCallback(m=>{b(u=>{let M={...u};return delete M[m],M});},[]),Me=ur.useCallback(m=>{N.current.add(m);},[]),Ke=ur.useCallback(m=>N.current.has(m)?(N.current.delete(m),true):false,[]),rt=D?`preview:${D.preview_session_id}`:Y,$e=`${t}:${o||"no-app"}:${$||D?.container_id||"no-container"}:${rt||"anonymous"}`,Te=`${Xr}:${$e}`,Xe=ur.useCallback((m,u)=>{x.current.set(m,u);},[]),Ct=ur.useCallback((m,u,M)=>{if(x.current.get(m)!==u)return false;x.current.delete(m);let W=`${m}:${M||u}`,z=De(Te);return z.has(W)?false:(z.add(W),je(Te,z),true)},[Te]),Zt=ur.useCallback(m=>{if(!o)return;let u=JSON.stringify(m);h.current.get(m.id)===u||d.current.get(m.id)?.signature===u||(d.current.set(m.id,{boundary:m,signature:u}),j(Z=>Z+1));},[o]);ur.useEffect(()=>{if(!o||d.current.size===0)return;let m=setTimeout(()=>{let u=Array.from(d.current.values());u.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:u.map(M=>M.boundary)})}).then(M=>{if(!M.ok)throw new Error(`${M.status}`)}).then(()=>{for(let M of u)d.current.get(M.boundary.id)?.signature===M.signature&&(d.current.delete(M.boundary.id),h.current.set(M.boundary.id,M.signature));}).catch(M=>{console.error("[ForkProvider] Failed to register module boundaries:",M.message);});},50);return ()=>{clearTimeout(m);}},[t,o,r,H]);let Et=ur.useCallback(m=>F[m],[F]),ae=D?`preview:${D.preview_session_id}`:Y,Ve=`${t}:${o||"no-app"}:${$||"no-container"}:${ae||"anonymous"}`,Ce=`${Kr}:seen:${Ve}`,fe=`${Kr}:tracked:${Ve}`;ur.useEffect(()=>{J.current=I;},[I]);let nt=ur.useCallback(()=>{let m={Authorization:`Bearer ${t}`,...ee()};return o&&(m["X-Fork-App-Id"]=o),!D&&Y&&(m["X-Fork-User-Id"]=Y),!D&&ne&&(m["X-Fork-User-Hash"]=ne),m},[t,o,D,ne,Y]),xe=ur.useCallback(async()=>{if(!$)return;let m=new URLSearchParams({container_id:$}),u=await fetch(`${r}/api/v1/forks?${m.toString()}`,{headers:nt()}).catch(()=>null);if(!u||!u.ok)return;let M=await u.json().catch(()=>({})),Z=Array.isArray(M.forks)?M.forks:[],W=De(Ce),z=De(fe),K=false,re=new Map(J.current.map(oe=>[oe.id,oe])),pe=[];for(let oe of Z){let se=Vr(oe);Ae(se.status)&&!z.has(se.id)&&(z.add(se.id),K=true);let le=re.get(se.id),ce=le?Ae(le.status):false,Fe=pt(se);se.status==="complete"&&(z.has(se.id)||ce)&&!W.has(Fe)&&!G.current.has(Fe)&&!le?.unread&&(Se.current||z.has(se.id)||ce)&&(G.current.add(Fe),pe.push(se));}if(v(oe=>{let se=new Map(oe.map(X=>[X.id,X])),le=new Set,ce=new Map;for(let X of Z){let we=Vr(X);le.add(we.id);let ke=se.get(we.id),ve=ke?Ae(ke.status):false,ge=pt(we),Pt=we.status==="complete"&&(z.has(we.id)||ve)&&!W.has(ge),ct=Dt(ke,{...we,unread:Pt});ce.set(we.id,ct);}for(let X of oe)le.has(X.id)||(Ae(X.status)||X.unread)&&ce.set(X.id,X);let Fe=[...ce.values()].sort((X,we)=>Date.parse(we.updatedAt)-Date.parse(X.updatedAt));return J.current=Fe,Fe}),K&&je(fe,z),pe.length>0){for(let oe of pe)oe.targetKind==="module"&&Xe(oe.targetId,oe.id);_e().catch(()=>{});}Se.current=true;},[Ce,fe,r,nt,$,_e,Xe]),He=ur.useCallback((m,u)=>{let M=co(m,u);if(!M)return;let Z=m.containerId??m._containerId;if(Z&&!$&&T(Z),Ae(M.status)){let K=De(fe);K.has(M.id)||(K.add(M.id),je(fe,K));}let W=new Map(J.current.map(K=>[K.id,K]));W.set(M.id,Dt(W.get(M.id),M));let z=[...W.values()].sort((K,re)=>Date.parse(re.updatedAt)-Date.parse(K.updatedAt));J.current=z,v(z);},[fe,$]),Le=ur.useCallback((m,u)=>{let M=fo(u),Z=De(Ce),W=De(fe),z=J.current.find(le=>le.id===m),K=z?Ae(z.status):false;M.status&&Ae(M.status)&&!W.has(m)&&(W.add(m),je(fe,W));let re=z?Dt(z,{...z,...M}):null,pe=re?pt(re):null,oe=!!(re&&re.status==="complete"&&(W.has(m)||K)&&pe&&!Z.has(pe)&&!G.current.has(pe)&&!z?.unread),se=u.type==="complete"&&z?.targetKind==="module"?z.targetId:null;if(v(le=>{let ce=le.find(ve=>ve.id===m);if(!ce)return le;let Fe=Dt(ce,{...ce,...M}),X=Fe.status==="complete"&&(W.has(m)||Ae(ce.status))&&!Z.has(pt(Fe)),we={...Fe,unread:X},ke=le.map(ve=>ve.id===m?we:ve).sort((ve,ge)=>Date.parse(ge.updatedAt)-Date.parse(ve.updatedAt));return J.current=ke,ke}),oe&&re&&pe&&G.current.add(pe),u.type==="complete"){let le=u.data&&typeof u.data=="object"?u.data:{},ce=typeof le.boundaryId=="string"?le.boundaryId:se;ce&&Xe(ce,m),_e().catch(()=>{});}},[Ce,fe,_e,Xe]),lt=ur.useCallback(m=>{let u=De(Ce),M=De(fe),Z=false,W=false;for(let z of J.current){if(z.status!=="complete"||m&&z.id!==m)continue;let K=pt(z);u.has(K)||(u.add(K),Z=true),M.delete(z.id)&&(W=true);}v(z=>{let K=z.map(re=>re.status!=="complete"||m&&re.id!==m?re:{...re,unread:false});return J.current=K,K}),Z&&je(Ce,u),W&&je(fe,M);},[Ce,fe]);ur.useEffect(()=>{Se.current=false,G.current.clear(),v([]);for(let m of B.current.values())m.close();B.current.clear(),$&&xe();},[$,xe]),ur.useEffect(()=>{if(typeof document>"u")return;let m=()=>{let u=document.visibilityState!=="hidden";P(u),u&&$&&xe();};return document.addEventListener("visibilitychange",m),window.addEventListener("focus",m),window.addEventListener("online",m),()=>{document.removeEventListener("visibilitychange",m),window.removeEventListener("focus",m),window.removeEventListener("online",m);}},[$,xe]),ur.useEffect(()=>{let m=I.filter(Z=>Ae(Z.status));if(!$||m.length===0)return;let u=p?oo:so,M=window.setInterval(()=>{xe();},u);return ()=>window.clearInterval(M)},[$,p,I,xe]),ur.useEffect(()=>{for(let m of B.current.values())m.close();B.current.clear();},[t,r,D?.preview_session_id,ne,Y]),ur.useEffect(()=>{let m=new Set(I.filter(u=>Ae(u.status)).map(u=>u.id));for(let[u,M]of B.current.entries())m.has(u)||(M.close(),B.current.delete(u));for(let u of m){if(B.current.has(u))continue;let M=new URLSearchParams({key:t});D?(M.set("previewSessionId",D.preview_session_id),M.set("previewForkId",u)):Y&&M.set("userId",Y),ne&&M.set("userHash",ne);let Z=new EventSource(`${r}/api/v1/forks/${u}/events?${M.toString()}`);Z.onmessage=W=>{try{Le(u,JSON.parse(W.data));}catch{}},Z.onerror=()=>{Z.close(),B.current.delete(u);},B.current.set(u,Z);}},[t,r,I,D,Le,ne,Y]),ur.useEffect(()=>()=>{for(let m of B.current.values())m.close();B.current.clear();},[]);let $t=po(I),Ne=ur.useCallback(async()=>{if(!Y)throw new Error("Reset requires a resolved user identity.");let m=new URLSearchParams({userId:Y});ne&&m.set("userHash",ne);let u={Authorization:`Bearer ${t}`,...ee()};o&&(u["X-Fork-App-Id"]=o);let M=await fetch(`${r}/api/v1/forks/all?${m.toString()}`,{method:"DELETE",headers:u});if(!M.ok){let W=await M.json().catch(()=>({}));throw new Error(W.error||`API error: ${M.status}`)}let Z=await M.json().catch(()=>({}));b({}),_({}),A(true),O(W=>W+1),v([]),G.current.clear(),je(Ce,new Set),je(fe,new Set),N.current.clear(),x.current.clear();try{for(let W=sessionStorage.length-1;W>=0;W-=1){let z=sessionStorage.key(W);z&&z.startsWith("__fork_animated_")&&sessionStorage.removeItem(z);}}catch{}try{for(let W=localStorage.length-1;W>=0;W-=1){let z=localStorage.key(W);z&&z.startsWith(Xr)&&localStorage.removeItem(z);}}catch{}return Z},[Ce,fe,t,o,r,ne,Y]);return Wn.jsx(Yr.Provider,{value:{apiKey:t,userId:Y,userHash:ne,baseUrl:r,appId:o,forks:g,moduleOverridesEnabled:tt,moduleManifestReady:U,moduleManifestVersion:w,currentContainerId:$,forkActivities:I,activitySummary:$t,previewSession:D,trackForkActivity:He,recordForkActivityEvent:Le,markForkActivitySeen:lt,refreshForkActivities:xe,setSlotFork:Ie,clearSlotFork:me,skipAnimationForSlot:Me,shouldSkipAnimation:Ke,queueBoundaryAnimation:Xe,consumeBoundaryAnimation:Ct,registerBoundary:Zt,getBoundaryOverride:Et,refreshModuleManifest:_e,resetAllForks:Ne},children:n})}function ye(){let e=ur.useContext(Yr);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function jt(e){return ye().forks[e]}var gt=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 fr(e,t){let r;try{r=ur.Children.only(e);}catch{let o=ur.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 Qr=new Set;function en(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 wo(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 l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function vo(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 l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function rn(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 tn(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 b=0;b<e.length;b++){let{rect:f,borderRadius:k}=e[b],R=f.left-.5,C=f.top-.5,F=f.width+1,_=f.height+1,U=Math.min(k+.5,F/2,_/2),A=rn(R,C,F,_,U),w=`__fork-glow-${b}`,O=document.createElementNS(t,"filter");O.setAttribute("id",w),O.setAttribute("x","-100%"),O.setAttribute("y","-100%"),O.setAttribute("width","300%"),O.setAttribute("height","300%");let $=document.createElementNS(t,"feGaussianBlur");$.setAttribute("in","SourceGraphic"),$.setAttribute("stdDeviation","8"),O.appendChild($),o.appendChild(O);let T=`__fork-mask-${b}`,I=document.createElementNS(t,"mask");I.setAttribute("id",T),I.setAttribute("maskUnits","userSpaceOnUse"),I.setAttribute("x",String(R-200)),I.setAttribute("y",String(C-200)),I.setAttribute("width",String(F+400)),I.setAttribute("height",String(_+400));let v=document.createElementNS(t,"rect");v.setAttribute("x",String(R-200)),v.setAttribute("y",String(C-200)),v.setAttribute("width",String(F+400)),v.setAttribute("height",String(_+400)),v.setAttribute("fill","white"),I.appendChild(v);let p=document.createElementNS(t,"path");p.setAttribute("d",A),p.setAttribute("fill","black"),I.appendChild(p),o.appendChild(I);let P=document.createElementNS(t,"g");P.setAttribute("mask",`url(#${T})`),P.setAttribute("opacity","0");let h=document.createElementNS(t,"g");h.setAttribute("filter",`url(#${w})`);let d=document.createElementNS(t,"path");d.setAttribute("d",A),d.setAttribute("fill","none"),d.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),d.setAttribute("stroke-width","6"),d.setAttribute("stroke-linecap","round"),h.appendChild(d),P.appendChild(h),n.appendChild(P);let H=document.createElementNS(t,"path");H.setAttribute("d",A),H.setAttribute("fill","none"),H.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),H.setAttribute("stroke-width","2"),H.setAttribute("stroke-linecap","round"),H.setAttribute("opacity","0"),n.appendChild(H),s.push(d,H),d.__group=P;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let b=0;b<s.length;b+=2){let f=s[b],k=s[b+1],R=f.__group,C=k.getTotalLength(),F=f.getTotalLength();if(C<=0)continue;let _=C*.35;k.setAttribute("stroke-dasharray",`${_} ${C-_}`),k.setAttribute("stroke-dashoffset","0"),i.push(k.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*C,opacity:.92,offset:.06},{strokeDashoffset:-2*C,opacity:.92,offset:.92},{strokeDashoffset:-2.25*C,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let U=F*.35;f.setAttribute("stroke-dasharray",`${U} ${F-U}`),f.setAttribute("stroke-dashoffset","0"),i.push(f.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(R.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 l=false,c=()=>{if(l)return;l=true,clearTimeout(g);for(let f of i)try{f.cancel();}catch{}let b=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});b.onfinish=()=>r.remove(),window.removeEventListener("click",c);},g=setTimeout(c,14500);return setTimeout(()=>{l||window.addEventListener("click",c);},500),c}function So(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:l,borderRadius:c}of e){let g=l.left,b=l.top,f=l.width,k=l.height,R=Math.min(c,f/2,k/2),C=rn(g,b,f,k,R),F=document.createElementNS(t,"path");F.setAttribute("d",C),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 xo(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 Fo=ur__namespace.default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return Wn.jsx("div",{ref:r,style:n,children:Wn.jsx(t,{...o})})},(e,t)=>e.component===t.component&&xo(e.hostProps,t.hostProps)),dr=class extends ur__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 nn({slotId:e,children:t,githubRepo:r,shared:n,events:o}){fr(t,e);let s=jt(e),{baseUrl:i,apiKey:l,appId:c,shouldSkipAnimation:g}=ye(),[b,f]=ur.useState(null),k=ur.useRef(null),R=ur.useRef(null),C=ur.useRef(null),F=ur.useRef(false),_=ur.useRef(null),U=ur.useRef(null),A=!!(n||o),w=ur.useRef(null);A&&!w.current&&(w.current=new gt(e));let O=ur.useRef(o);if(O.current=o,ur.useEffect(()=>{if(A)return ()=>{w.current?.destroy(),w.current=null;}},[A,e]),A&&w.current&&n)for(let[p,P]of Object.entries(n))w.current.set(p,P);ur.useEffect(()=>{if(!A)return;w.current||(w.current=new gt(e));let p=w.current,P=Object.keys(O.current||{}).map(h=>p.on(h,(...d)=>O.current?.[h]?.(...d)));return ()=>P.forEach(h=>h())},[A,e]),ur.useEffect(()=>{if(Qr.has(e))return;Qr.add(e);let p={id:e,appId:c,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[]};fetch(`${i}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${l}`,"Content-Type":"application/json"},body:JSON.stringify(p)}).catch(()=>{});},[e,i,l,r,c]);let $=s?.id||null;ur.useEffect(()=>{if(s?.bundleUrl,k.current,R.current,!s?.bundleUrl||!$){return}let p=`${i}${s.bundleUrl.replace("bundle.js","component.js")}`,P=`__fork_animated_${e}`,h=sessionStorage.getItem(P),d=g(e),H=!d&&h!==$;if(d&&$&&sessionStorage.setItem(P,$),H&&R.current){let B=en(R.current);C.current=B,F.current=true,`${e}${B.length}`;}window.__FORK_REACT__=ur__namespace.default,window.__FORK_REACT_DOM__=zn__namespace,window.__FORK_REACT_JSX__=Wn__namespace;let j=Date.now(),N=`${i}${s.bundleUrl.replace("bundle.js","component.css")}?t=${j}`,x=document.createElement("link");x.rel="stylesheet",x.href=N,x.dataset.forkSlot=e,document.head.appendChild(x);let y=document.createElement("script");return y.src=p+"?t="+j,y.onload=()=>{let B=window.__FORK_EXPORT__;if(B?.default){if(R.current&&C.current&&F.current){let J=R.current.getBoundingClientRect(),G=R.current.cloneNode(true);G.setAttribute("data-fork-clone-overlay","true"),G.style.position="fixed",G.style.top=`${J.top}px`,G.style.left=`${J.left}px`,G.style.width=`${J.width}px`,G.style.height=`${J.height}px`,G.style.flex="none",G.style.minHeight="auto",G.style.zIndex="9998",G.style.pointerEvents="none",G.style.overflow="hidden";let Se=getComputedStyle(R.current).backgroundColor;G.style.backgroundColor=Se&&Se!=="rgba(0, 0, 0, 0)"&&Se!=="transparent"?Se:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(G);let D=R.current.querySelectorAll("*"),te=G.querySelectorAll("*");for(let ue=0;ue<D.length;ue++)D[ue].scrollTop!==0&&(te[ue].scrollTop=D[ue].scrollTop),D[ue].scrollLeft!==0&&(te[ue].scrollLeft=D[ue].scrollLeft);_.current=G;}f(()=>B.default),k.current=$;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},y.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(y),()=>{y.remove(),x.remove(),U.current&&(clearTimeout(U.current),U.current=null),_.current&&(_.current.remove(),_.current=null);}},[$,i,e]),ur.useEffect(()=>{if(!F.current||!b||!R.current){`${e}${F.current}`,R.current;return}let p=C.current;if(!p){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!R.current)return;let P=en(R.current),h=wo(p,P),d=vo(p,P),H=_.current;if(`${e}${h.length}${d.length}`,d.length>0&&H){let j=So(d);U.current=setTimeout(()=>{U.current=null;let N=400;H.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),j.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),setTimeout(()=>{H.remove(),j.remove(),_.current=null,h.length>0&&(tn(h));},N);},3500);}else H&&(H.remove(),_.current=null),h.length>0&&(tn(h));C.current=null,F.current=false,$&&(sessionStorage.setItem(`__fork_animated_${e}`,$),`${e}`);});});},[b]);let T={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!s||s.status!=="complete"||!s.bundleUrl)return Wn.jsx("div",{ref:R,style:T,children:t});if(!b)return Wn.jsx("div",{ref:R,style:T,children:t});let v=t?.props??{};return Wn.jsx(dr,{slotId:e,resetKey:$,fallback:Wn.jsx("div",{ref:R,style:T,children:t}),children:Wn.jsx(Fo,{component:b,containerRef:R,wrapperStyle:T,hostProps:v})})}var sn=new Set;function _o(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 an(e,t=new Set){return ur.Children.forEach(e,r=>{if(!ur.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&&an(n.children,t);}),t}function Co({slotId:e,props:t,children:r,allowedFetches:n,githubRepo:o,callbacks:s,mode:i="iframe",shared:l,events:c}){if(fr(r,e),i==="direct")return Wn.jsx(nn,{slotId:e,githubRepo:o,shared:l,events:c,children:r});let g=jt(e),{baseUrl:b,apiKey:f,appId:k}=ye(),R=ur.useRef(null),C=ur.useRef(false),F=ur.useRef(null),_=ur.useRef(s);_.current=s;let U=ur.useRef(t);U.current=t;let A=ur.useRef(n);A.current=n,ur.useEffect(()=>{if(typeof process<"u")return;let T=an(r),I=new Set(s?Object.keys(s):[]),v=[...T].filter(p=>!I.has(p));v.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
|
+
`+v.map(p=>` - ${p}`).join(`
|
|
4
|
+
`)+"\n\nThe forked component will not be able to call these. Add them to the `callbacks` prop of <ForkSlot>.");},[e,r,s]),ur.useEffect(()=>{sn.has(e)||(sn.add(e),fetch(`${b}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${f}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:k,label:e,propsShape:t?_o(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:o,callbackNames:s?Object.keys(s):[],mode:i||"iframe"})}).catch(()=>{}));},[e,b,f,o,k]);let w=ur.useCallback(T=>{let I=R.current;if(I?.contentWindow&&C.current){let v=_.current?Object.keys(_.current):[];I.contentWindow.postMessage({type:"slot:props",props:T,callbackNames:v},"*"),F.current=null;}else F.current=T;},[]),O=ur.useCallback((T,I)=>{let v=A.current;return !v||v.length===0?false:v.some(p=>{let[P,h]=p.split(" "),d=I.split("?")[0];return T.toUpperCase()===P.toUpperCase()&&d.startsWith(h)})},[]);if(ur.useEffect(()=>{if(!g?.bundleUrl)return;let T=async I=>{if(I.source===R.current?.contentWindow){if(I.data?.type==="slot:ready")C.current=true,R.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:A.current||[]},"*"),A.current,F.current?w(F.current):w(U.current||{});else if(I.data?.type==="slot:event"){let v=I.data.event;v?.navigate&&(window.location.hash=v.navigate);}else if(I.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(I.data.text).catch(v=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,v.message);});else if(I.data?.type==="slot:callback"){let{name:v,args:p}=I.data,P=_.current?.[v];P?(P(...p||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${v}`);}else if(I.data?.type==="slot:fetch"){let{id:v,method:p,url:P,body:h}=I.data,d=R.current?.contentWindow;if(!d)return;let H=p||"GET";if(!O(H,P)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${v}: ${H} ${P} \u2014 not in allowedFetches`),d.postMessage({type:"slot:fetch-response",id:v,error:`Fetch not allowed: ${H} ${P}`},"*");return}try{let j={method:H};h&&H!=="GET"&&(j.headers={"Content-Type":"application/json"},j.body=JSON.stringify(h));let N=await fetch(P,j),x=await N.json();`${e}${v}${N.status}`,d.postMessage({type:"slot:fetch-response",id:v,data:x,status:N.status},"*");}catch(j){console.error(`[ForkSlot:${e}] fetch #${v} failed:`,j.message),d.postMessage({type:"slot:fetch-response",id:v,error:j.message},"*");}}}};return window.addEventListener("message",T),()=>{window.removeEventListener("message",T),C.current=false;}},[g?.bundleUrl,e,w,O]),ur.useEffect(()=>{g?.bundleUrl&&C.current&&w(t||{});},[t,g?.bundleUrl,w]),!g||g.status!=="complete"||!g.bundleUrl)return `${e}${g?.status||"none"}${g?.bundleUrl||"none"}`,Wn.jsx(Wn.Fragment,{children:r});`${e}${g.bundleUrl}`;let $=`${b}${g.bundleUrl.replace("/bundle.js","/host")}`;return Wn.jsx("iframe",{ref:R,src:$,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function Wt({style:e={width:20,height:20},...t}){return Wn.jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[Wn.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"}),Wn.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),Wn.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"}),Wn.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"}),Wn.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 Mo=5600,mr=2147483002;function To(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function Ho(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function gr(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 Lo(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 hr({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=ur.useState(false),[s,i]=ur.useState(false),[l,c]=ur.useState(null),[g,b]=ur.useState(null),[f,k]=ur.useState(null),R=ur.useRef(0),C=n?48:40,F=To(r),_=!!(F&&r?.state==="complete"&&r.unreadCompletedCount>0),U=_?F:g?.key??null,A=!!(r&&r.state==="running"&&r.runningCount>0),w=!!(U&&U!==l&&(_||g)),O=A||w,$=_?r?.label:g?.label,T=w?"Built":r?.label??"Fork this app",I=w?$:r?.detail,v=gr(r?.label??"Fork this app",r?.detail),p=gr(T,I),P=w?Math.min(420,Math.max(326,p,g?.width??0,R.current+40)):p,h=w?46:40,d=O?[T,I].filter(Boolean).join(" "):Lo(r,t)??"Fork this app",H=O?`${T}:${I??""}`:"idle",j=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!O;ur.useEffect(()=>{if(typeof document>"u")return;let te=document.createElement("div");return te.setAttribute("data-fork-button-host","true"),te.style.position="relative",te.style.zIndex=String(mr),document.body.appendChild(te),k(te),()=>{te.remove(),k(null);}},[]),ur.useEffect(()=>{A&&(R.current=v);},[v,A]),ur.useEffect(()=>{!_||!F||!r?.label||b(te=>{if(te?.key===F)return te;let ue=Math.min(420,Math.max(326,gr("Built",r.label),R.current+40));return {key:F,label:r.label,width:ue,startedAt:Date.now()}});},[r?.label,F,_]),ur.useEffect(()=>{r?.state==="complete"&&r.unreadCompletedCount===0&&b(null);},[r?.state,r?.unreadCompletedCount]),ur.useEffect(()=>{if(!U||!w||U===l)return;let te,ue=g?.key===U?g.startedAt:Date.now(),Y=()=>{if(Date.now()-ue>=Mo&&!Ho()){c(U);return}te=window.setTimeout(Y,250);};return te=window.setTimeout(Y,250),()=>{te!==void 0&&window.clearTimeout(te);}},[U,l,g?.key,g?.startedAt,w]);let N=O?{position:"fixed",bottom:24,right:24,zIndex:mr,width:`min(${P}px, calc(100vw - 32px))`,height:h,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:w?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:w?"flex-start":"center",gap:w?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:w?"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:mr,width:C,height:C,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?"#1c4587":"rgba(28, 69, 135, 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"},x={minWidth:0,maxWidth:A?286:w?82:I?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},y={minWidth:0,maxWidth:w?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:w?1:0,color:"#64748b",fontSize:A?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},B={minWidth:0,flex:w?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:w?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},J={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:w?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},D=Wn.jsxs(Wn.Fragment,{children:[Wn.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
|
+
`}),Wn.jsxs("button",{onClick:e,onMouseEnter:()=>o(true),onMouseLeave:()=>{o(false),i(false);},onMouseDown:()=>i(true),onMouseUp:()=>i(false),style:N,title:d,"aria-label":d,children:[O&&r?Wn.jsxs(Wn.Fragment,{children:[A?Wn.jsx("span",{"aria-hidden":true,style:{width:14,height:14,borderRadius:"50%",border:"2px solid rgba(37, 99, 235, 0.18)",borderTopColor:"#2563eb",animation:"__forkButtonSpin 780ms linear infinite",flexShrink:0,boxSizing:"border-box"}}):Wn.jsx("span",{"aria-hidden":true,style:J}),Wn.jsxs("span",{style:B,children:[Wn.jsx("span",{style:x,children:T}),I&&Wn.jsx("span",{style:y,children:I})]},H)]}):Wn.jsx(Wt,{style:{width:24,height:24,animation:"__forkButtonLogoIn 220ms ease-out"}}),j&&Wn.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,right:2,width:10,height:10,borderRadius:"50%",backgroundColor:"#2563eb",border:"2px solid #ffffff",boxSizing:"border-box",pointerEvents:"none"}})]})]});return f?zn.createPortal(D,f):D}var Wo={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},Ko={status:"#60a5fa",agent_message:"#a0a0a0",tool_use:"#fbbf24",build_start:"#c084fc",build_complete:"#6b7280",build_error:"#f87171",complete:"#6b7280",error:"#f87171"},Xo={read:lucideReact.FileSearch,write:lucideReact.Pencil,search:lucideReact.FileSearch,shell:lucideReact.Terminal,build:lucideReact.Package},Vo={read:"#60a5fa",write:"#fbbf24",search:"#60a5fa",shell:"#a78bfa",build:"#c084fc"};function kr(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 mn({events:e}){let t=ur.useRef(null);return ur.useEffect(()=>{t.current&&(t.current.scrollTop=t.current.scrollHeight);},[e]),Wn.jsxs(Wn.Fragment,{children:[Wn.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
|
-
`}),Bn.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&&Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[Bn.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,i=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",s=o&&!i&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),l=Bo[r.type]||lucideReact.Code,f=No[r.type]||"#9ca3af";if(r.type==="tool_use"){let w=String(r.data.category||"");l=Uo[w]||lucideReact.Wrench,f=Ho[w]||"#fbbf24";}return s?l=lucideReact.Loader2:!o&&r.type==="status"&&(l=lucideReact.Check,f="#4ade80"),Bn.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[Bn.jsx(l,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:f,...s?{animation:"__fork-spin 1s linear infinite"}:{}}}),Bn.jsx("span",{style:{color:o&&!i?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:mr(r)})]},n)})]})]})}var pn=35,Jo="Setting up environment",Go="Built Custom Feature",mn=360,yt=350;function qo(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 Yo(e){return e.length<=pn?e:e.slice(0,pn-3).trimEnd()+"..."}function Zo({events:e}){let[t,r]=ar.useState("Setting up environment..."),[n,o]=ar.useState(true),i=ar.useRef(t),s=ar.useRef(false);return ar.useEffect(()=>{if(!s.current){for(let f of e)if(f.type==="status"&&String(f.data.message||"").includes("Agent started")){s.current=true;break}}let l="Setting up environment...";if(s.current)for(let f=e.length-1;f>=0;f--){let w=e[f];if(w.type==="tool_use"||w.type==="build_start"||w.type==="build_complete"){l=Yo(mr(w));break}}if(l!==i.current){o(false);let f=setTimeout(()=>{r(l),i.current=l,o(true);},200);return ()=>clearTimeout(f)}},[e]),Bn.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 Qo({children:e}){let[t,r]=ar.useState(null);return ar.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?Ln.createPortal(e,t):null}function Kt({state:e,fork:t,events:r,error:n,slotId:o,targetId:i,targetLabel:s,historyMode:l="slot",onSubmit:f,onUndo:w,onClose:y,baseUrl:p,apiKey:v,userId:_,userHash:C,appId:b,embedded:A=false,completeVariant:O="bubble"}){let[g,P]=ar.useState(""),[L,B]=ar.useState([]),[U,S]=ar.useState(false),[k,h]=ar.useState(false),[E,m]=ar.useState(false),[c,I]=ar.useState(false),[D,N]=ar.useState(false),[R,x]=ar.useState(false),[H,Z]=ar.useState(false),[G,we]=ar.useState(false),[j,ne]=ar.useState(false),[fe,q]=ar.useState(null),[ie,Ze]=ar.useState(false),[xe,Ee]=ar.useState([]),[me,$e]=ar.useState(null),[He,Ce]=ar.useState(false),[Re,Oe]=ar.useState(false),[Xt,At]=ar.useState(false),[_t,ve]=ar.useState(null),[K,De]=ar.useState(null),[Pe,Ct]=ar.useState(false),[je,Qe]=ar.useState(false),[Ie,ze]=ar.useState(""),d=ar.useRef(null),[u,M]=ar.useState(null),[Q,V]=ar.useState(false),[z,oe]=ar.useState(null),[ae,ke]=ar.useState([]),[X,le]=ar.useState(null),[te,se]=ar.useState(false),pe=ar.useRef(false),de=ar.useRef(null),ge=ar.useRef(null),{resetAllForks:Be,previewSession:Y,currentContainerId:it}=ye(),Me=Y?.container_id??it,et=!!(Y&&Q),Ae=z!==null,Rr=ar.useRef(y);ar.useEffect(()=>{Rr.current=y;});let Jt=ar.useRef(null),Rt=ar.useRef(false),Er=typeof window<"u"&&"documentPictureInPicture"in window,Cn=async()=>{if(!(!Er||Ae))try{let a=await window.documentPictureInPicture.requestWindow({width:mn,height:640});a.document.body.style.margin="0",a.document.body.style.padding="0",a.document.body.style.height="100vh",a.document.body.style.overflow="hidden",a.document.body.style.background="#ffffff";try{let F=document.adoptedStyleSheets??[];F.length>0&&(a.document.adoptedStyleSheets=[...F]);}catch{}a.addEventListener("pagehide",()=>{Jt.current=null,oe(null),Rt.current||Rr.current(),Rt.current=!1;},{once:!0}),Jt.current=a,oe(a);}catch(a){console.warn("[Fork] PiP open failed:",a);}},Rn=()=>{z&&(Rt.current=true,z.close());};ar.useEffect(()=>()=>{Rt.current=true,Jt.current?.close();},[]);let tt=i??o??"",En=(s||tt).replace(/[-_]+/g," ").replace(/\b\w/g,a=>a.toUpperCase()),Et=ar.useRef(""),$r=()=>{let a={Authorization:`Bearer ${v}`,...re()};return b&&(a["X-Fork-App-Id"]=b),!Y&&_&&(a["X-Fork-User-Id"]=_),!Y&&C&&(a["X-Fork-User-Hash"]=C),a},rt=A?true:k&&!E,$n=r.find(a=>{let F=a.data;return a.type==="status"&&F.summary})?.data?.summary||t?.summary||Jo,Ke=r.find(a=>{let F=a.data;return (a.type==="status"||a.type==="complete")&&typeof F?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;ar.useEffect(()=>{if(l==="none"){S(true);return}if(!p||!v)return;if(!X){B([]),S(true);return}let a=new AbortController;return fetch(`${p}/api/v1/forks/${encodeURIComponent(X)}/messages`,{headers:$r(),signal:a.signal}).then(F=>F.ok?F.json():[]).then(F=>{if(a.signal.aborted)return;let T=[];for(let ue of F){let Te=ue.forkId??X;ue.role==="user"?T.push({type:"user",text:ue.content,forkId:Te}):T.push({type:"applied",text:ue.content,forkId:Te});}B(T),S(true);}).catch(()=>{a.signal.aborted||S(true);}),()=>{a.abort();}},[v,b,p,l,X,Y?.fork_id,Y?.preview_session_id,C,_,t?.id,t?.completedAt]),ar.useEffect(()=>{if(l==="none"||!p||!v||!He)return;if(!me){ke([]);return}let a=new AbortController,F=new URLSearchParams({container_id:me});return fetch(`${p}/api/v1/forks?${F.toString()}`,{headers:$r(),signal:a.signal}).then(T=>T.ok?T.json():{forks:[]}).then(T=>{a.signal.aborted||ke(T.forks??[]);}).catch(()=>{}),()=>{a.abort();}},[v,b,p,l,me,He,t?.id,t?.completedAt,Y?.fork_id,Y?.preview_session_id,C,_]),ar.useEffect(()=>{e==="complete"&&we(false);},[e]);let Pr=ae.some(a=>a.status==="pending"||a.status==="running"||a.status==="building");ar.useEffect(()=>{if(!Pr||!p||!v||!me)return;let a=new URLSearchParams({container_id:me}),F={Authorization:`Bearer ${v}`,...re()};b&&(F["X-Fork-App-Id"]=b);let ue=setInterval(async()=>{try{let Te=await fetch(`${p}/api/v1/forks?${a.toString()}`,{headers:F});if(!Te.ok)return;let Mn=await Te.json();ke(Mn.forks??[]);}catch{}},3e3);return ()=>clearInterval(ue)},[Pr,p,v,b,me]),ar.useEffect(()=>{if(A&&l==="none"){Ee([]),$e(null),Ce(true),V(false);return}if(Y){let a=false;return Ce(false),V(false),M(null),fetch(`${p}/api/v1/preview/${encodeURIComponent(Y.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${v}`,...re()}}).then(F=>{if(!F.ok)throw new Error(`${F.status}`);return F.json()}).then(F=>{a||(Ee(F.containers),$e(F.currentContainerId??Y.container_id??null),V(true));}).catch(F=>{a||(V(false),M(F instanceof Error?F.message:String(F)),Me?(Ee([{id:Me,name:Y.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),$e(Me)):(Ee([]),$e(null)));}).finally(()=>{a||Ce(true);}),()=>{a=true;}}Me?(Ee([{id:Me,name:"Primary container",createdAt:""}]),$e(Me)):(Ee([]),$e(null)),Ce(true),V(false);},[v,Me,p,A,l,Y?.container_id,Y?.container_name,Y?.preview_session_id]);let $t=ar.useRef(void 0);ar.useEffect(()=>{if(He){if($t.current===void 0){$t.current=me;return}$t.current!==me&&($t.current=me,B([]),S(false));}},[me,He]);let Pt=ar.useRef(null);ar.useEffect(()=>{if(!Re)return;let a=T=>{if(!Pt.current)return;let ue=typeof T.composedPath=="function"?T.composedPath():[];Pt.current.contains(T.target)||ue.includes(Pt.current)||Oe(false);},F=T=>{T.key==="Escape"&&Oe(false);};return document.addEventListener("mousedown",a,true),document.addEventListener("keydown",F,true),()=>{document.removeEventListener("mousedown",a,true),document.removeEventListener("keydown",F,true);}},[Re]),ar.useEffect(()=>{if(A||!rt||E||Ae)return;let a=F=>{(typeof F.composedPath=="function"?F.composedPath():[]).some(Te=>Te instanceof Element&&Te.hasAttribute("data-fork-panel-host"))||(m(true),h(false),setTimeout(()=>y(),yt));};return document.addEventListener("mousedown",a,true),()=>{document.removeEventListener("mousedown",a,true);}},[A,rt,E,Ae,y]),ar.useEffect(()=>{Re||(Qe(false),ze(""));},[Re]),ar.useEffect(()=>{je&&(d.current?.focus(),d.current?.select());},[je]),ar.useEffect(()=>{if(A)return;let a=requestAnimationFrame(()=>h(true));return ()=>cancelAnimationFrame(a)},[A]),ar.useEffect(()=>{let a=A||Ae;if((a||rt)&&(e==="prompting"||e==="complete")){let F=setTimeout(()=>de.current?.focus(),a?100:yt+100);return ()=>clearTimeout(F)}},[rt,A,Ae,e]),ar.useEffect(()=>{if(e==="complete"&&Et.current){let F=r.find(T=>T.type==="complete")?.data?.summary||t?.summary||Go;B(T=>T[T.length-1]?.type==="applied"?T:[...T,{type:"applied",text:F}]),P(""),setTimeout(()=>de.current?.focus(),200);}},[e,En,r,t?.summary]),ar.useEffect(()=>{ge.current&&(ge.current.scrollTop=ge.current.scrollHeight);},[L,e]);let Ir=()=>{if(g.trim()){Et.current=g.trim();let a={},F=te||!X;F?(a.forceNew=true,pe.current=true,te||se(true)):a.forkId=X,F||B(T=>[...T,{type:"user",text:g.trim(),forkId:X}]),f(g.trim(),tt,me,a),P("");}};ar.useEffect(()=>{if(pe.current){if(e==="error"){pe.current=false;return}t?.id&&(le(t.id),se(false),pe.current=false);}},[t?.id,e]),ar.useEffect(()=>{t?.id&&(pe.current||e!=="running"&&e!=="complete"||(le(a=>a??t.id),se(false)));},[t?.id,e]);let Mr=a=>{Ve(a.session.containerId,a.session.containerName),$e(a.session.containerId),Ee(F=>{let T=F.filter(ue=>ue.id!==a.container.id);return [{...a.container,isPrimary:true,hasAccess:true},...T.map(ue=>({...ue,isPrimary:false}))]}),le(null),se(false),pe.current=false,B([]),S(false),Et.current="";},Pn=async a=>{if(!(!Y||!et||K)){De(a),M(null);try{let F=await fetch(`${p}/api/v1/preview/${encodeURIComponent(Y.preview_session_id)}/containers/${encodeURIComponent(a)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${v}`,...re()}});if(!F.ok){let T=await F.json().catch(()=>({}));throw new Error(T.error||`API error: ${F.status}`)}Mr(await F.json()),Oe(!1);}catch(F){M(F instanceof Error?F.message:String(F));}finally{De(null);}}},Tr=async a=>{if(!Y||!et||K)return;let F=a.trim();if(F){De("__new__"),M(null);try{let T=await fetch(`${p}/api/v1/preview/${encodeURIComponent(Y.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${v}`,...re()},body:JSON.stringify({name:F})});if(!T.ok){let ue=await T.json().catch(()=>({}));throw new Error(ue.error||`API error: ${T.status}`)}Mr(await T.json()),Qe(!1),ze(""),Oe(!1);}catch(T){M(T instanceof Error?T.message:String(T));}finally{De(null);}}},Lr=async()=>{if(!(!w||j||!tt)){ne(true);try{let a=await w(tt);B(F=>{let T=[...F];return T.length>=2&&T[T.length-1]?.type==="applied"?T.splice(-2,2):T.length>=1&&T[T.length-1]?.type==="applied"&&T.splice(-1,1),T}),a?.removed&&B([]);}catch{}finally{ne(false);}}},Br=()=>{if(A){y();return}if(Ae){z?.close();return}m(true),h(false),setTimeout(()=>y(),yt);},In=A||Ae?{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:rt?"-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:rt?"translateX(0)":"translateX(100%)",transition:`transform ${yt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${yt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},Nr=xe.find(a=>a.id===me)?.name??(He?"Fork":"Loading..."),at=te?[]:X?L.filter(a=>a.forkId===X||a.forkId==null):L,Gt=Bn.jsxs(Bn.Fragment,{children:[Bn.jsx("style",{children:`
|
|
37
|
+
`}),Wn.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&&Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[Wn.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"),l=Wo[r.type]||lucideReact.Code,c=Ko[r.type]||"#9ca3af";if(r.type==="tool_use"){let g=String(r.data.category||"");l=Xo[g]||lucideReact.Wrench,c=Vo[g]||"#fbbf24";}return i?l=lucideReact.Loader2:!o&&r.type==="status"&&(l=lucideReact.Check,c="#4ade80"),Wn.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[Wn.jsx(l,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:c,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),Wn.jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:kr(r)})]},n)})]})]})}var yn=35,rs="Setting up environment",ns="Built Custom Feature",kn=360,wt=350;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 ss(e){return e.length<=yn?e:e.slice(0,yn-3).trimEnd()+"..."}function is({events:e}){let[t,r]=ur.useState("Setting up environment..."),[n,o]=ur.useState(true),s=ur.useRef(t),i=ur.useRef(false);return ur.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 l="Setting up environment...";if(i.current)for(let c=e.length-1;c>=0;c--){let g=e[c];if(g.type==="tool_use"||g.type==="build_start"||g.type==="build_complete"){l=ss(kr(g));break}}if(l!==s.current){o(false);let c=setTimeout(()=>{r(l),s.current=l,o(true);},200);return ()=>clearTimeout(c)}},[e]),Wn.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 as({children:e}){let[t,r]=ur.useState(null);return ur.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?zn.createPortal(e,t):null}function Jt({state:e,fork:t,events:r,error:n,slotId:o,targetId:s,targetLabel:i,historyMode:l="slot",onSubmit:c,onUndo:g,onClose:b,baseUrl:f,apiKey:k,userId:R,userHash:C,appId:F,embedded:_=false,completeVariant:U="bubble"}){let[A,w]=ur.useState(""),[O,$]=ur.useState([]),[T,I]=ur.useState(false),[v,p]=ur.useState(false),[P,h]=ur.useState(false),[d,H]=ur.useState(false),[j,N]=ur.useState(false),[x,y]=ur.useState(false),[B,J]=ur.useState(false),[G,Se]=ur.useState(false),[D,te]=ur.useState(false),[ue,Y]=ur.useState(null),[ne,tt]=ur.useState(false),[_e,Ie]=ur.useState([]),[me,Me]=ur.useState(null),[Ke,rt]=ur.useState(false),[$e,Te]=ur.useState(false),[Xe,Ct]=ur.useState(false),[Zt,Et]=ur.useState(null),[ae,Ve]=ur.useState(null),[Ce,fe]=ur.useState(false),[nt,xe]=ur.useState(false),[He,Le]=ur.useState(""),lt=ur.useRef(null),[$t,Ne]=ur.useState(null),[m,u]=ur.useState(false),[M,Z]=ur.useState(null),[W,z]=ur.useState([]),[K,re]=ur.useState(null),[pe,oe]=ur.useState(false),se=ur.useRef(false),le=ur.useRef(null),ce=ur.useRef(null),{resetAllForks:Fe,previewSession:X,currentContainerId:we}=ye(),ke=X?.container_id??we,ve=!!(X&&m),ge=M!==null,Pt=ur.useRef(b);ur.useEffect(()=>{Pt.current=b;});let ct=ur.useRef(null),It=ur.useRef(false),Pr=typeof window<"u"&&"documentPictureInPicture"in window,Hn=async()=>{if(!(!Pr||ge))try{let a=await window.documentPictureInPicture.requestWindow({width:kn,height:640});a.document.body.style.margin="0",a.document.body.style.padding="0",a.document.body.style.height="100vh",a.document.body.style.overflow="hidden",a.document.body.style.background="#ffffff";try{let S=document.adoptedStyleSheets??[];S.length>0&&(a.document.adoptedStyleSheets=[...S]);}catch{}a.addEventListener("pagehide",()=>{ct.current=null,Z(null),It.current||Pt.current(),It.current=!1;},{once:!0}),ct.current=a,Z(a);}catch(a){console.warn("[Fork] PiP open failed:",a);}},Ln=()=>{M&&(It.current=true,M.close());};ur.useEffect(()=>()=>{It.current=true,ct.current?.close();},[]);let ot=s??o??"",Nn=(i||ot).replace(/[-_]+/g," ").replace(/\b\w/g,a=>a.toUpperCase()),Mt=ur.useRef(""),Ir=()=>{let a={Authorization:`Bearer ${k}`,...ee()};return F&&(a["X-Fork-App-Id"]=F),!X&&R&&(a["X-Fork-User-Id"]=R),!X&&C&&(a["X-Fork-User-Hash"]=C),a},st=_?true:v&&!P,Bn=r.find(a=>{let S=a.data;return a.type==="status"&&S.summary})?.data?.summary||t?.summary||rs,Je=r.find(a=>{let S=a.data;return (a.type==="status"||a.type==="complete")&&typeof S?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;ur.useEffect(()=>{if(l==="none"){I(true);return}if(!f||!k)return;if(!K){$([]),I(true);return}let a=new AbortController;return fetch(`${f}/api/v1/forks/${encodeURIComponent(K)}/messages`,{headers:Ir(),signal:a.signal}).then(S=>S.ok?S.json():[]).then(S=>{if(a.signal.aborted)return;let L=[];for(let de of S){let Be=de.forkId??K;de.role==="user"?L.push({type:"user",text:de.content,forkId:Be}):L.push({type:"applied",text:de.content,forkId:Be});}$(L),I(true);}).catch(()=>{a.signal.aborted||I(true);}),()=>{a.abort();}},[k,F,f,l,K,X?.fork_id,X?.preview_session_id,C,R,t?.id,t?.completedAt]),ur.useEffect(()=>{if(l==="none"||!f||!k||!Ke)return;if(!me){z([]);return}let a=new AbortController,S=new URLSearchParams({container_id:me});return fetch(`${f}/api/v1/forks?${S.toString()}`,{headers:Ir(),signal:a.signal}).then(L=>L.ok?L.json():{forks:[]}).then(L=>{a.signal.aborted||z(L.forks??[]);}).catch(()=>{}),()=>{a.abort();}},[k,F,f,l,me,Ke,t?.id,t?.completedAt,X?.fork_id,X?.preview_session_id,C,R]),ur.useEffect(()=>{e==="complete"&&Se(false);},[e]);let Mr=W.some(a=>a.status==="pending"||a.status==="running"||a.status==="building");ur.useEffect(()=>{if(!Mr||!f||!k||!me)return;let a=new URLSearchParams({container_id:me}),S={Authorization:`Bearer ${k}`,...ee()};F&&(S["X-Fork-App-Id"]=F);let de=setInterval(async()=>{try{let Be=await fetch(`${f}/api/v1/forks?${a.toString()}`,{headers:S});if(!Be.ok)return;let Dn=await Be.json();z(Dn.forks??[]);}catch{}},3e3);return ()=>clearInterval(de)},[Mr,f,k,F,me]),ur.useEffect(()=>{if(_&&l==="none"){Ie([]),Me(null),rt(true),u(false);return}if(X){let a=false;return rt(false),u(false),Ne(null),fetch(`${f}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${k}`,...ee()}}).then(S=>{if(!S.ok)throw new Error(`${S.status}`);return S.json()}).then(S=>{a||(Ie(S.containers),Me(S.currentContainerId??X.container_id??null),u(true));}).catch(S=>{a||(u(false),Ne(S instanceof Error?S.message:String(S)),ke?(Ie([{id:ke,name:X.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),Me(ke)):(Ie([]),Me(null)));}).finally(()=>{a||rt(true);}),()=>{a=true;}}ke?(Ie([{id:ke,name:"Primary container",createdAt:""}]),Me(ke)):(Ie([]),Me(null)),rt(true),u(false);},[k,ke,f,_,l,X?.container_id,X?.container_name,X?.preview_session_id]);let Tt=ur.useRef(void 0);ur.useEffect(()=>{if(Ke){if(Tt.current===void 0){Tt.current=me;return}Tt.current!==me&&(Tt.current=me,$([]),I(false));}},[me,Ke]);let Ht=ur.useRef(null);ur.useEffect(()=>{if(!$e)return;let a=L=>{if(!Ht.current)return;let de=typeof L.composedPath=="function"?L.composedPath():[];Ht.current.contains(L.target)||de.includes(Ht.current)||Te(false);},S=L=>{L.key==="Escape"&&Te(false);};return document.addEventListener("mousedown",a,true),document.addEventListener("keydown",S,true),()=>{document.removeEventListener("mousedown",a,true),document.removeEventListener("keydown",S,true);}},[$e]),ur.useEffect(()=>{if(_||!st||P||ge)return;let a=S=>{(typeof S.composedPath=="function"?S.composedPath():[]).some(Be=>Be instanceof Element&&Be.hasAttribute("data-fork-panel-host"))||(h(true),p(false),setTimeout(()=>b(),wt));};return document.addEventListener("mousedown",a,true),()=>{document.removeEventListener("mousedown",a,true);}},[_,st,P,ge,b]),ur.useEffect(()=>{$e||(xe(false),Le(""));},[$e]),ur.useEffect(()=>{nt&&(lt.current?.focus(),lt.current?.select());},[nt]),ur.useEffect(()=>{if(_)return;let a=requestAnimationFrame(()=>p(true));return ()=>cancelAnimationFrame(a)},[_]),ur.useEffect(()=>{let a=_||ge;if((a||st)&&(e==="prompting"||e==="complete")){let S=setTimeout(()=>le.current?.focus(),a?100:wt+100);return ()=>clearTimeout(S)}},[st,_,ge,e]),ur.useEffect(()=>{if(e==="complete"&&Mt.current){let S=r.find(L=>L.type==="complete")?.data?.summary||t?.summary||ns;$(L=>L[L.length-1]?.type==="applied"?L:[...L,{type:"applied",text:S}]),w(""),setTimeout(()=>le.current?.focus(),200);}},[e,Nn,r,t?.summary]),ur.useEffect(()=>{ce.current&&(ce.current.scrollTop=ce.current.scrollHeight);},[O,e]);let Tr=()=>{if(A.trim()){Mt.current=A.trim();let a={},S=pe||!K;S?(a.forceNew=true,se.current=true,pe||oe(true)):a.forkId=K,S||$(L=>[...L,{type:"user",text:A.trim(),forkId:K}]),c(A.trim(),ot,me,a),w("");}};ur.useEffect(()=>{if(se.current){if(e==="error"){se.current=false;return}t?.id&&(re(t.id),oe(false),se.current=false);}},[t?.id,e]),ur.useEffect(()=>{t?.id&&(se.current||e!=="running"&&e!=="complete"||(re(a=>a??t.id),oe(false)));},[t?.id,e]);let Hr=a=>{Ge(a.session.containerId,a.session.containerName),Me(a.session.containerId),Ie(S=>{let L=S.filter(de=>de.id!==a.container.id);return [{...a.container,isPrimary:true,hasAccess:true},...L.map(de=>({...de,isPrimary:false}))]}),re(null),oe(false),se.current=false,$([]),I(false),Mt.current="";},On=async a=>{if(!(!X||!ve||ae)){Ve(a),Ne(null);try{let S=await fetch(`${f}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers/${encodeURIComponent(a)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${k}`,...ee()}});if(!S.ok){let L=await S.json().catch(()=>({}));throw new Error(L.error||`API error: ${S.status}`)}Hr(await S.json()),Te(!1);}catch(S){Ne(S instanceof Error?S.message:String(S));}finally{Ve(null);}}},Lr=async a=>{if(!X||!ve||ae)return;let S=a.trim();if(S){Ve("__new__"),Ne(null);try{let L=await fetch(`${f}/api/v1/preview/${encodeURIComponent(X.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${k}`,...ee()},body:JSON.stringify({name:S})});if(!L.ok){let de=await L.json().catch(()=>({}));throw new Error(de.error||`API error: ${L.status}`)}Hr(await L.json()),xe(!1),Le(""),Te(!1);}catch(L){Ne(L instanceof Error?L.message:String(L));}finally{Ve(null);}}},Nr=async()=>{if(!(!g||D||!ot)){te(true);try{let a=await g(ot);$(S=>{let L=[...S];return L.length>=2&&L[L.length-1]?.type==="applied"?L.splice(-2,2):L.length>=1&&L[L.length-1]?.type==="applied"&&L.splice(-1,1),L}),a?.removed&&$([]);}catch{}finally{te(false);}}},Br=()=>{if(_){b();return}if(ge){M?.close();return}h(true),p(false),setTimeout(()=>b(),wt);},Un=_||ge?{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:kn,maxWidth:"100vw",background:"#ffffff",boxShadow:st?"-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:st?"translateX(0)":"translateX(100%)",transition:`transform ${wt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${wt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},Or=_e.find(a=>a.id===me)?.name??(Ke?"Fork":"Loading..."),dt=pe?[]:K?O.filter(a=>a.forkId===K||a.forkId==null):O,Qt=Wn.jsxs(Wn.Fragment,{children:[Wn.jsx("style",{children:`
|
|
38
38
|
@keyframes __fork-pulse {
|
|
39
39
|
0%, 100% { opacity: 1; }
|
|
40
40
|
50% { opacity: 0.5; }
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
scrollbar-width: thin;
|
|
57
57
|
scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
|
|
58
58
|
}
|
|
59
|
-
`}),Bn.jsxs("div",{className:"__fork-panel",style:In,children:[Bn.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:[Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[Bn.jsx("span",{onDoubleClick:async a=>{if(a.stopPropagation(),!ie&&confirm("Kill all forks in this container?")){Ze(true);try{let F=await Be();`${F?.deleted??0}`,ke([]),le(null),se(!1),P("");}catch(F){console.error("[Fork] Reset failed:",F);}finally{Ze(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:Bn.jsx(Ot,{style:{width:16,height:16,color:"#1c4587",pointerEvents:"none"}})}),e==="running"?Bn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:$n}):xe.length===0&&!et?Bn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):et?Bn.jsxs("div",{ref:Pt,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[Bn.jsxs("button",{type:"button",onClick:()=>{Oe(a=>!a);},onMouseEnter:()=>At(true),onMouseLeave:()=>At(false),"aria-haspopup":"menu","aria-expanded":Re,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"3px 6px",border:"1px solid transparent",borderRadius:6,background:Xt||Re?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[Bn.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Nr}),Bn.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:Re?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),Re&&Bn.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:[xe.map(a=>{let F=a.id===me,T=_t===a.id,ue=K===a.id;return Bn.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>ve(a.id),onMouseLeave:()=>ve(null),onClick:()=>{a.id!==me&&Pn(a.id);},disabled:!!K,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:T?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:K?"default":"pointer",textAlign:"left",fontWeight:F?600:400,opacity:K&&!ue?.55:1},children:[Bn.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:F&&Bn.jsx(lucideReact.Check,{style:{width:12,height:12}})}),Bn.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:ue?"Switching...":a.name})]},a.id)}),Bn.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),je?Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[Bn.jsx("input",{ref:d,type:"text",value:Ie,placeholder:"Container name",disabled:K==="__new__",onChange:a=>ze(a.target.value),onKeyDown:a=>{a.key==="Enter"?(a.preventDefault(),Tr(Ie)):a.key==="Escape"&&(a.preventDefault(),a.stopPropagation(),Qe(false),ze(""));},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:a=>{a.currentTarget.style.borderColor="#1c4587",a.currentTarget.style.boxShadow="0 0 0 2px rgba(28,69,135,0.15)";},onBlur:a=>{a.currentTarget.style.borderColor="#d1d5db",a.currentTarget.style.boxShadow="none";}}),Bn.jsx("button",{type:"button",onClick:()=>{Tr(Ie);},disabled:!Ie.trim()||K==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!Ie.trim()||K==="__new__"?"#e5e7eb":"#1c4587",color:!Ie.trim()||K==="__new__"?"#9ca3af":"#ffffff",cursor:!Ie.trim()||K==="__new__"?"default":"pointer",flexShrink:0},children:K==="__new__"?Bn.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):Bn.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):Bn.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>Ct(true),onMouseLeave:()=>Ct(false),onClick:()=>{K||(M(null),ze(""),Qe(true));},disabled:!!K,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:Pe?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:K?"default":"pointer",textAlign:"left",opacity:K&&K!=="__new__"?.55:1},children:"+ New container"}),u&&Bn.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:u})]})]}):Bn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Nr}),e==="running"&&Bn.jsx("span",{title:Ke?`Estimated ~${Ke} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:Ke?"#1c4587":"#9ca3af",backgroundColor:Ke?"rgba(28, 69, 135, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:Ke?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:Ke?`~${Ke}m`:"~ m"})]}),!A&&Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Er&&Bn.jsx("button",{onClick:Ae?Rn:Cn,onMouseEnter:()=>N(true),onMouseLeave:()=>N(false),title:Ae?"Redock to sidebar":"Pop out into window",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:Ae?Bn.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):Bn.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),Bn.jsx("button",{onClick:Br,onMouseEnter:()=>I(true),onMouseLeave:()=>I(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:Bn.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]}),Bn.jsxs("div",{ref:ge,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(X||te)&&Bn.jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[Bn.jsx("button",{onClick:()=>{le(null),se(false),pe.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 F=(X?ae.find(T=>T.id===X)?.targetId:null)??tt;return F?Bn.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 ${F}`,children:["Forking ",Bn.jsx("span",{style:{color:"#6b7280"},children:F})]}):null})()]}),!X&&!te&&Bn.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[Bn.jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:Bn.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),ae.length===0&&Bn.jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),ae.length>0&&Bn.jsx("div",{style:{display:"flex",flexDirection:"column"},children:ae.map(a=>{let F=a.summary||"Untitled fork";return Bn.jsxs("button",{onClick:()=>{se(false),le(a.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:T=>T.currentTarget.style.background="#fafafa",onMouseLeave:T=>T.currentTarget.style.background="#ffffff",children:[Bn.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[Bn.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:F}),Bn.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:qo(a.updatedAt)})]}),Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[Bn.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.targetId}),Bn.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),Bn.jsxs("span",{children:[a.promptCount," prompt",a.promptCount===1?"":"s"]}),a.status==="running"||a.status==="building"?Bn.jsxs(Bn.Fragment,{children:[Bn.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),Bn.jsx("span",{style:{color:"#2563eb"},children:"running"})]}):null]})]},a.id)})})]}),X&&at.length>0&&Bn.jsx("div",{style:{padding:"16px 16px 0 16px"},children:at.map((a,F)=>Bn.jsx("div",{style:{marginBottom:F<at.length-1?10:0},children:a.type==="user"?Bn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[Bn.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:Bn.jsx(lucideReact.User,{style:{width:13,height:13,color:"#6b7280"}})}),Bn.jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:a.text})]}):O==="item"&&F===at.length-1?Bn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[Bn.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:Bn.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),Bn.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[Bn.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),Bn.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:a.text})]}),w&&e!=="running"&&Bn.jsx("button",{onClick:T=>{T.stopPropagation(),Lr();},disabled:j,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:j?"default":"pointer",opacity:j?.4:1,height:28,flexShrink:0},children:"Undo"})]}):Bn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[Bn.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:Bn.jsx(lucideReact.Check,{style:{width:13,height:13,color:"#9ca3af"}})}),Bn.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:[Bn.jsx("span",{style:{flex:1},children:a.text}),w&&F===at.length-1&&e!=="running"&&Bn.jsxs("button",{onClick:T=>{T.stopPropagation(),Lr();},onMouseEnter:()=>q(F),onMouseLeave:()=>q(null),disabled:j,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:fe===F?"rgba(0,0,0,0.06)":"transparent",color:fe===F?"#6b7280":"#d1d5db",cursor:j?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:j?.4:1,flexShrink:0},children:[Bn.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),fe===F&&Bn.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"})]})]})]})},F))}),e==="running"&&(X||te)&&Bn.jsx("div",{style:{padding:16},children:Bn.jsxs("div",{onClick:()=>we(!G),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[Bn.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[Bn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[Bn.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:Bn.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),Bn.jsx(Zo,{events:r})]}),Bn.jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:G?"rotate(180deg)":"rotate(0deg)"},children:Bn.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]}),Bn.jsx("div",{style:{maxHeight:G?320:0,opacity:G?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:Bn.jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:Bn.jsx(dn,{events:r})})})]})}),e==="error"&&(X||te)&&Bn.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[Bn.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:Bn.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),Bn.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),Bn.jsxs("button",{onClick:()=>{let a=t?.prompt||Et.current;a&&f(a,tt);},onMouseEnter:()=>Z(true),onMouseLeave:()=>Z(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#4f46e5",backgroundColor:H?"#e0e7ff":"#eef2ff",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[Bn.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&Bn.jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children:Bn.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:[Bn.jsx("textarea",{ref:de,value:g,onChange:a=>{P(a.target.value),a.target.style.height="auto",a.target.style.height=Math.min(a.target.scrollHeight,160)+"px";},onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),Ir()),a.key==="Escape"&&!A&&Br();},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"}}),Bn.jsx("button",{onClick:Ir,disabled:!g.trim(),onMouseEnter:()=>x(true),onMouseLeave:()=>x(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:g.trim()?1:.25,transform:R&&g.trim()?"scale(1.1)":"scale(1)",background:g.trim()?"#1c4587":"rgba(0,0,0,0.12)",border:"none",cursor:g.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:Bn.jsx(lucideReact.ArrowUp,{style:{width:13,height:13}})})]})})]})]});return A?Gt:Ae&&z?Ln.createPortal(Gt,z.document.body):Bn.jsx(Qo,{children:Gt})}function yn(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 hr(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:i,previewSession:s,refreshModuleManifest:l,queueBoundaryAnimation:f,trackForkActivity:w,recordForkActivityEvent:y}=ye(),[p,v]=ar.useState("idle"),[_,C]=ar.useState(null),[b,A]=ar.useState([]),[O,g]=ar.useState(null),P=ar.useRef(null),L=ar.useCallback(()=>{v("prompting"),A([]),g(null),C(null);},[]),B=ar.useCallback(()=>{v("idle"),P.current&&(P.current.close(),P.current=null);},[]);ar.useEffect(()=>{s&&s.target.kind==="module"&&s.target.id===e&&v(h=>h==="idle"?"prompting":h);},[s?.preview_session_id,s?.target.id,e]);let U=ar.useCallback(async(h,E,m)=>{try{if(!i)throw new Error("ForkProvider requires appId for module boundary prompts.");v("running"),A([]),g(null),C(null);let c;if(s){let N=m?.forkId??s.fork_id??void 0,R=await fetch(`${o}/api/v1/preview/${encodeURIComponent(s.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...re()},body:JSON.stringify({prompt:h,...e?{boundary_id:e}:{},...N&&!m?.forceNew?{fork_id:N}:{},...m?.forceNew?{force_new:!0}:{}})});if(!R.ok){let Z=await R.json().catch(()=>({}));throw new Error(Z.error||`API error: ${R.status}`)}let x=await R.json();x.container_id&&Ve(x.container_id,x.container_name),lt(x.fork_id),c=await(await fetch(`${o}/api/v1/forks/${x.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...re()}})).json();}else if(m?.forkId){let N={prompt:h};r&&(N.userId=r),n&&(N.userHash=n);let R=await fetch(`${o}/api/v1/forks/${encodeURIComponent(m.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(N)});if(!R.ok){let x=await R.json().catch(()=>({}));throw new Error(x.error||`API error: ${R.status}`)}c=await R.json();}else {let N={userId:r,prompt:h,boundaryId:e,appId:i};E&&(N.containerId=E),n&&(N.userHash=n),m?.forceNew&&(N.force_new=!0);let R=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(N)});if(!R.ok){let x=await R.json().catch(()=>({}));throw new Error(x.error||`API error: ${R.status}`)}c=await R.json();}C(c),w(c,{targetKind:"module",targetId:e});let I=new URLSearchParams({key:t});s?(I.set("previewSessionId",s.preview_session_id),I.set("previewForkId",c.id)):r&&I.set("userId",r),n&&I.set("userHash",n);let D=new EventSource(`${o}/api/v1/forks/${c.id}/events?${I.toString()}`);P.current=D,D.onmessage=N=>{try{let R=JSON.parse(N.data);if(y(c.id,R),A(x=>[...x,R]),R.type==="complete"){let x=R.data;f(e,c.id),l().catch(()=>{}).finally(()=>{let H={...c,status:"complete",moduleUrl:x.moduleUrl,cssUrls:x.cssUrls,summary:x.summary,completedAt:new Date().toISOString()};C(H),v("complete"),D.close();});}else if(R.type==="error"){let x=R.data;g(x.error||"Unknown error"),v("error"),D.close();}}catch{}},D.onerror=()=>{let N={Authorization:`Bearer ${t}`,...re()};!s&&r&&(N["X-Fork-User-Id"]=r),!s&&n&&(N["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${c.id}`,{headers:N}).then(R=>R.json()).then(R=>{C(R),R.status==="complete"?(f(e,R.id),l().catch(()=>{}),v("complete")):R.status==="error"&&(g(R.error||"Fork generation failed"),v("error"));}).catch(()=>{g("Connection lost"),v("error");}),D.close();};}catch(c){g(c.message),v("error");}},[t,i,o,e,s,f,l,y,w,n,r]),S=ar.useCallback(async h=>{try{let E={Authorization:`Bearer ${t}`,...re()};!s&&r&&(E["X-Fork-User-Id"]=r),!s&&n&&(E["X-Fork-User-Hash"]=n);let m=await fetch(`${o}/api/v1/forks/${h}`,{headers:E});if(!m.ok)return;let c=await m.json(),I=c.boundaryId??e;if(w(c,{targetKind:"module",targetId:I}),c.status==="complete"){v("complete"),C(c),g(null),A([]);return}if(c.status==="error"){v("error"),C(c),g(c.error||"Fork generation failed"),A([]);return}if(c.status!=="pending"&&c.status!=="running"&&c.status!=="building")return;v("running"),C(c),g(null),A([]);let D=new URLSearchParams({key:t});s?(D.set("previewSessionId",s.preview_session_id),D.set("previewForkId",c.id)):r&&D.set("userId",r),n&&D.set("userHash",n);let N=new EventSource(`${o}/api/v1/forks/${c.id}/events?${D.toString()}`);P.current&&P.current.close(),P.current=N,N.onmessage=R=>{try{let x=JSON.parse(R.data);if(y(c.id,x),A(H=>[...H,x]),x.type==="complete"){let H=x.data;f(e,c.id),l().catch(()=>{}).finally(()=>{let Z={...c,status:"complete",moduleUrl:H.moduleUrl,cssUrls:H.cssUrls,summary:H.summary,completedAt:new Date().toISOString()};C(Z),v("complete"),N.close();});}else if(x.type==="error"){let H=x.data;g(H.error||"Unknown error"),v("error"),N.close();}}catch{}},N.onerror=()=>{N.close();};}catch{}},[t,o,e,s,f,y,l,w,n,r]),k=ar.useCallback(async()=>{try{if(!i)throw new Error("ForkProvider requires appId for boundary undo.");let h={userId:r,boundaryId:e,appId:i};n&&(h.userHash=n);let E=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(h)});if(!E.ok){let c=await E.json().catch(()=>({}));throw new Error(c.error||`API error: ${E.status}`)}let m=await E.json();return await l().catch(()=>{}),m.removed?(C(null),v("prompting")):m.fork&&(C(m.fork),v("complete")),m}catch(h){throw g(h.message),h}},[t,i,o,e,l,n,r]);return {state:p,fork:_,events:b,error:O,open:L,close:B,startFork:U,undoFork:k,adoptRunningFork:S}}function kn(e){let{state:t,fork:r,events:n,error:o,open:i,close:s,startFork:l,undoFork:f,adoptRunningFork:w}=hr(e),[y,p]=ar.useState(false),v=ar.useCallback(()=>{p(true),i();},[i]),_=ar.useCallback(()=>{p(false),s();},[s]),C=ar.useCallback(async b=>{p(true),await w(b);},[w]);return {state:t,fork:r,events:n,error:o,isOpen:y,open:v,close:_,submit:l,undo:f,adoptRunningFork:C}}function kr(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:i,clearSlotFork:s,skipAnimationForSlot:l,trackForkActivity:f,recordForkActivityEvent:w}=ye(),[y,p]=ar.useState("idle"),[v,_]=ar.useState(null),[C,b]=ar.useState([]),[A,O]=ar.useState(null),g=ar.useRef(null),P=ar.useCallback(()=>{p("prompting"),b([]),O(null),_(null);},[]),L=ar.useCallback(()=>{p("idle"),g.current&&(g.current.close(),g.current=null);},[]);ar.useEffect(()=>{o&&o.target.kind==="slot"&&p(k=>k==="idle"?"prompting":k);},[o?.preview_session_id,o?.target.kind]);let B=ar.useCallback(async(k,h,E,m)=>{try{p("running"),b([]),O(null),_(null);let c;if(o){let R=m?.forkId??o.fork_id??void 0,x=await fetch(`${n}/api/v1/preview/${encodeURIComponent(o.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...re()},body:JSON.stringify({prompt:k,...h?{slot_id:h}:{},...R&&!m?.forceNew?{fork_id:R}:{},...m?.forceNew?{force_new:!0}:{}})});if(!x.ok){let G=await x.json().catch(()=>({}));throw new Error(G.error||`API error: ${x.status}`)}let H=await x.json();H.container_id&&Ve(H.container_id,H.container_name),lt(H.fork_id),c=await(await fetch(`${n}/api/v1/forks/${H.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...re()}})).json();}else if(m?.forkId){let R={prompt:k};t&&(R.userId=t),r&&(R.userHash=r);let x=await fetch(`${n}/api/v1/forks/${encodeURIComponent(m.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(R)});if(!x.ok){let H=await x.json().catch(()=>({}));throw new Error(H.error||`API error: ${x.status}`)}c=await x.json();}else {let R={userId:t,prompt:k};h&&(R.slotId=h),E&&(R.containerId=E),r&&(R.userHash=r),m?.forceNew&&(R.force_new=!0);let x=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(R)});if(!x.ok){let H=await x.json().catch(()=>({}));throw new Error(H.error||`API error: ${x.status}`)}c=await x.json();}_(c);let I=h??c.slotId;I&&f(c,{targetKind:"slot",targetId:I});let D=new URLSearchParams({key:e});o?(D.set("previewSessionId",o.preview_session_id),D.set("previewForkId",c.id)):t&&D.set("userId",t),r&&D.set("userHash",r);let N=new EventSource(`${n}/api/v1/forks/${c.id}/events?${D.toString()}`);g.current=N,N.onmessage=R=>{try{let x=JSON.parse(R.data);if(w(c.id,x),b(H=>[...H,x]),x.type==="complete"){let H=x.data,Z={...c,status:"complete",bundleUrl:H.bundleUrl,summary:H.summary,completedAt:new Date().toISOString()};_(Z),p("complete"),h&&H.bundleUrl&&i(h,Z),N.close();}else if(x.type==="error"){let H=x.data;O(H.error||"Unknown error"),p("error"),N.close();}}catch{}},N.onerror=()=>{let R={Authorization:`Bearer ${e}`,...re()};!o&&t&&(R["X-Fork-User-Id"]=t),!o&&r&&(R["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${c.id}`,{headers:R}).then(x=>x.json()).then(x=>{_(x),x.status==="complete"?(p("complete"),h&&x.bundleUrl&&i(h,x)):x.status==="error"&&(O(x.error||"Fork generation failed"),p("error"));}).catch(()=>{O("Connection lost"),p("error");}),N.close();};}catch(c){O(c.message),p("error");}},[e,n,o,w,i,f,r,t]),U=ar.useCallback(async k=>{try{let h={Authorization:`Bearer ${e}`,...re()};!o&&t&&(h["X-Fork-User-Id"]=t),!o&&r&&(h["X-Fork-User-Hash"]=r);let E=await fetch(`${n}/api/v1/forks/${k}`,{headers:h});if(!E.ok)return;let m=await E.json();if(m.slotId&&f(m,{targetKind:"slot",targetId:m.slotId}),m.status==="complete"){p("complete"),_(m),O(null),b([]);return}if(m.status==="error"){p("error"),_(m),O(m.error||"Fork generation failed"),b([]);return}if(m.status!=="pending"&&m.status!=="running"&&m.status!=="building")return;p("running"),_(m),O(null),b([]);let c=new URLSearchParams({key:e});o?(c.set("previewSessionId",o.preview_session_id),c.set("previewForkId",m.id)):t&&c.set("userId",t),r&&c.set("userHash",r);let I=new EventSource(`${n}/api/v1/forks/${m.id}/events?${c.toString()}`);g.current&&g.current.close(),g.current=I;let D=m.slotId;I.onmessage=N=>{try{let R=JSON.parse(N.data);if(w(m.id,R),b(x=>[...x,R]),R.type==="complete"){let x=R.data,H={...m,status:"complete",bundleUrl:x.bundleUrl,summary:x.summary,completedAt:new Date().toISOString()};_(H),p("complete"),D&&x.bundleUrl&&i(D,H),I.close();}else if(R.type==="error"){let x=R.data;O(x.error||"Unknown error"),p("error"),I.close();}}catch{}},I.onerror=()=>{I.close();};}catch{}},[e,n,o,w,i,f,r,t]),S=ar.useCallback(async k=>{try{let h={userId:t,slotId:k};r&&(h.userHash=r);let E=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(h)});if(!E.ok){let c=await E.json().catch(()=>({}));throw new Error(c.error||`API error: ${E.status}`)}let m=await E.json();return l(k),m.removed?(s(k),_(null),p("prompting")):m.fork&&(i(k,m.fork),_(m.fork)),m}catch(h){throw O(h.message),h}},[e,t,r,n,s,i]);return {state:y,fork:v,events:C,error:A,open:P,close:L,startFork:B,undoFork:S,adoptRunningFork:U}}function bn(){let{state:e,fork:t,events:r,error:n,open:o,close:i,startFork:s,undoFork:l,adoptRunningFork:f}=kr(),[w,y]=ar.useState(false),p=ar.useCallback(()=>{y(true),o();},[o]),v=ar.useCallback(()=>{y(false),i();},[i]),_=ar.useCallback(async C=>{y(true),await f(C);},[f]);return {state:e,fork:t,events:r,error:n,isOpen:w,open:p,close:v,submit:s,undo:l,adoptRunningFork:_}}var is=new Set(["pending","running","building"]);function vr(e){let t=yn(e),r=bn(),n=kn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:i,userId:s,userHash:l,appId:f,activitySummary:w,forkActivities:y,markForkActivitySeen:p}=ye(),v=t.type==="slot"?r:n,_=t.type==="slot"?"slot":"boundary",C=t.id,b=t.title,A=t.type==="slot"?"slot":"module",O=y.find(U=>U.targetKind===A&&U.targetId===t.id&&is.has(U.status)),g=y.find(U=>U.targetKind===A&&U.targetId===t.id&&U.status==="complete"&&U.unread),P=ar.useCallback(()=>{p();let U=O??g;if(U){v.adoptRunningFork(U.id);return}v.open();},[v,p,O,g]),L=ar.useCallback((U,S,k,h)=>t.type==="slot"?r.submit(U,S??t.id,k,h):n.submit(U,k,h),[n,r,t]),B=ar.useCallback(U=>t.type==="slot"?r.undo(U??t.id):n.undo(),[n,r,t]);return {...v,open:P,target:t,targetId:C,targetLabel:b,historyMode:_,submit:L,undo:B,buttonProps:{onClick:P,hasNotification:w.unreadCompletedCount>0,activity:w},panelProps:{state:v.state,fork:v.fork,events:v.events,error:v.error,...t.type==="slot"?{slotId:C,targetLabel:b,historyMode:_}:{targetId:C,targetLabel:b,historyMode:_},onSubmit:L,onUndo:B,onClose:v.close,baseUrl:o,apiKey:i,userId:s,userHash:l,appId:f}}}function wt(e){let{embedded:t,completeVariant:r}=e,n=vr(e);return t?Bn.jsx(Kt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?Bn.jsx(Kt,{...n.panelProps,completeVariant:r}):Bn.jsx(fr,{...n.buttonProps})}function as({boundaryId:e,title:t}){return Bn.jsx(wt,{boundaryId:e,title:t})}function Fr(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 wn(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("*"),i=r.querySelectorAll("*");for(let s=0;s<o.length;s+=1)o[s].scrollTop!==0&&(i[s].scrollTop=o[s].scrollTop),o[s].scrollLeft!==0&&(i[s].scrollLeft=o[s].scrollLeft);return r}function xr(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 i=getComputedStyle(n),s=parseFloat(i.borderTopLeftRadius)||0;t.push({tag:n.tagName,className:n.className||"",text:(n.textContent||"").slice(0,50).trim(),rect:o,borderRadius:s});}return t}function vn(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(s=>n.rect.top>=s.rect.top&&n.rect.left>=s.rect.left&&n.rect.right<=s.rect.right&&n.rect.bottom<=s.rect.bottom))){for(let s=r.length-1;s>=0;s-=1){let l=r[s];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(s,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Sn(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(s=>n.rect.top>=s.rect.top&&n.rect.left>=s.rect.left&&n.rect.right<=s.rect.right&&n.rect.bottom<=s.rect.bottom))){for(let s=r.length-1;s>=0;s-=1){let l=r[s];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(s,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Fn(e,t,r,n,o){let i=Math.max(0,Math.min(o,r/2,n/2));return i===0?`M ${e} ${t} L ${e+r} ${t} L ${e+r} ${t+n} L ${e} ${t+n} Z`:[`M ${e+i} ${t}`,`L ${e+r-i} ${t}`,`A ${i} ${i} 0 0 1 ${e+r} ${t+i}`,`L ${e+r} ${t+n-i}`,`A ${i} ${i} 0 0 1 ${e+r-i} ${t+n}`,`L ${e+i} ${t+n}`,`A ${i} ${i} 0 0 1 ${e} ${t+n-i}`,`L ${e} ${t+i}`,`A ${i} ${i} 0 0 1 ${e+i} ${t}`,"Z"].join(" ")}function Ar(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 i=[];for(let y=0;y<e.length;y+=1){let{rect:p,borderRadius:v}=e[y],_=p.left-.5,C=p.top-.5,b=p.width+1,A=p.height+1,O=Math.min(v+.5,b/2,A/2),g=Fn(_,C,b,A,O),P=`__fork-glow-${y}`,L=document.createElementNS(t,"filter");L.setAttribute("id",P),L.setAttribute("x","-100%"),L.setAttribute("y","-100%"),L.setAttribute("width","300%"),L.setAttribute("height","300%");let B=document.createElementNS(t,"feGaussianBlur");B.setAttribute("in","SourceGraphic"),B.setAttribute("stdDeviation","8"),L.appendChild(B),o.appendChild(L);let U=`__fork-mask-${y}`,S=document.createElementNS(t,"mask");S.setAttribute("id",U),S.setAttribute("maskUnits","userSpaceOnUse"),S.setAttribute("x",String(_-200)),S.setAttribute("y",String(C-200)),S.setAttribute("width",String(b+400)),S.setAttribute("height",String(A+400));let k=document.createElementNS(t,"rect");k.setAttribute("x",String(_-200)),k.setAttribute("y",String(C-200)),k.setAttribute("width",String(b+400)),k.setAttribute("height",String(A+400)),k.setAttribute("fill","white"),S.appendChild(k);let h=document.createElementNS(t,"path");h.setAttribute("d",g),h.setAttribute("fill","black"),S.appendChild(h),o.appendChild(S);let E=document.createElementNS(t,"g");E.setAttribute("mask",`url(#${U})`),E.setAttribute("opacity","0");let m=document.createElementNS(t,"g");m.setAttribute("filter",`url(#${P})`);let c=document.createElementNS(t,"path");c.setAttribute("d",g),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),m.appendChild(c),E.appendChild(m),n.appendChild(E);let I=document.createElementNS(t,"path");I.setAttribute("d",g),I.setAttribute("fill","none"),I.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),I.setAttribute("stroke-width","2"),I.setAttribute("stroke-linecap","round"),I.setAttribute("opacity","0"),n.appendChild(I),i.push(c,I),c.__group=E;}r.appendChild(n),document.body.appendChild(r);let s=[];for(let y=0;y<i.length;y+=2){let p=i[y],v=i[y+1],_=p.__group;if(!_)continue;let C=v.getTotalLength(),b=p.getTotalLength();if(C<=0)continue;let A=C*.35;v.setAttribute("stroke-dasharray",`${A} ${C-A}`),v.setAttribute("stroke-dashoffset","0"),s.push(v.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*C,opacity:.92,offset:.06},{strokeDashoffset:-2*C,opacity:.92,offset:.92},{strokeDashoffset:-2.25*C,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let O=b*.35;p.setAttribute("stroke-dasharray",`${O} ${b-O}`),p.setAttribute("stroke-dashoffset","0"),s.push(p.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*b,offset:.06},{strokeDashoffset:-2*b,offset:.92},{strokeDashoffset:-2.25*b,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),s.push(_.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 l=false,f=()=>{if(l)return;l=true,clearTimeout(w);for(let p of s)try{p.cancel();}catch{}let y=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});y.onfinish=()=>r.remove(),window.removeEventListener("click",f);},w=setTimeout(f,14500);return setTimeout(()=>{l||window.addEventListener("click",f);},500),f}function xn(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"),i=document.createElementNS(t,"filter");i.setAttribute("id","__fork-removed-shadow"),i.setAttribute("x","-10%"),i.setAttribute("y","-10%"),i.setAttribute("width","120%"),i.setAttribute("height","120%");let s=document.createElementNS(t,"feDropShadow");s.setAttribute("dx","0"),s.setAttribute("dy","1"),s.setAttribute("stdDeviation","2"),s.setAttribute("flood-color","rgba(0,0,0,0.15)"),i.appendChild(s),o.appendChild(i),n.appendChild(o);for(let{rect:l,borderRadius:f}of e){let w=document.createElementNS(t,"path");w.setAttribute("d",Fn(l.left,l.top,l.width,l.height,f)),w.setAttribute("fill","none"),w.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),w.setAttribute("stroke-width","1.5"),w.setAttribute("stroke-dasharray","8 4"),w.setAttribute("stroke-linecap","round"),w.setAttribute("filter","url(#__fork-removed-shadow)"),w.setAttribute("opacity","0"),n.appendChild(w),w.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}var Ft=new Map,xt=new Map,_r=new Map;function ds(e){for(let t of e)xt.set(t,(xt.get(t)??0)+1);}function us(e){if(!(typeof document>"u"))for(let t of e){let r=(xt.get(t)??0)-1;if(r>0){xt.set(t,r);continue}xt.delete(t),Ft.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function fs(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function _n(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 ps(e){if(!e||typeof document>"u")return Promise.resolve();let t=Ft.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((i,s)=>{let l=()=>{r.removeEventListener("load",l),r.removeEventListener("error",f),i();},f=()=>{r.removeEventListener("load",l),r.removeEventListener("error",f),s(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",l,{once:true}),r.addEventListener("error",f,{once:true});});return Ft.set(e,o),o}let n=new Promise((o,i)=>{let s=document.createElement("link");s.rel="stylesheet",s.href=e,s.setAttribute("data-fork-override-href",e),s.onload=()=>o(),s.onerror=()=>{s.remove(),i(new Error(`Failed to load boundary stylesheet: ${e}`));},document.head.appendChild(s);}).catch(o=>{throw Ft.delete(e),o});return Ft.set(e,n),n}var St=null;function ms(){if(St)return St;try{St=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{St=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return St}function gs(e){let t=_r.get(e);if(t)return t;let r=ms()(e).catch(n=>{throw _r.delete(e),n});return _r.set(e,r),r}async function hs(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(i=>ps(i)));let o=await gs(e.moduleUrl);return _n(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 _n(n,r)}function ys(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:i,moduleManifestVersion:s,registerBoundary:l,getBoundaryOverride:f,consumeBoundaryAnimation:w}=ye(),[y,p]=ar.useState(null),[v,_]=ar.useState(null),C=ar.useRef(null),b=ar.useRef(null),A=ar.useRef(null),O=ar.useRef(false),g=ar.useRef(null),P=ar.useRef(null),L=f(e.id),B=L?`override:${L.id}`:"original",U=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(ar.useEffect(()=>()=>{P.current&&(clearTimeout(P.current),P.current=null),g.current&&(g.current.remove(),g.current=null);},[]),ar.useEffect(()=>{l({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,l,e.id,e.exportName,U]),ar.useEffect(()=>{let S=L?.cssUrls??[];if(S.length!==0)return ds(S),()=>us(S)},[L?.cssUrls.join("|")]),ar.useEffect(()=>{if(o&&!i&&!y||b.current===B&&y)return;let S=false;return _(null),hs(L,e.original,e.exportName).then(k=>{if(!S){if(L?.id&&w(e.id,L.id)&&C.current){let h=Fr(C.current);if(h){let E=xr(h);E.length>0&&(A.current=E,O.current=true,P.current&&(clearTimeout(P.current),P.current=null),g.current&&g.current.remove(),g.current=wn(h));}}b.current=B,ar.startTransition(()=>{p(()=>k);});}}).catch(k=>{S||_(fs(k));}),()=>{S=true;}},[w,B,o,i,s,L?.id,L?.moduleUrl,L?.integrity,L?.cssUrls.join("|"),e.exportName,e.original,y]),ar.useEffect(()=>{if(!O.current||!y||!C.current)return;let S=false;return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(S||!C.current)return;let k=A.current,h=Fr(C.current);if(A.current=null,O.current=false,!k||!h){g.current&&(g.current.remove(),g.current=null);return}let E=xr(h),m=vn(k,E),c=Sn(k,E),I=g.current;if(c.length>0&&I){let D=xn(c);P.current=setTimeout(()=>{P.current=null;let N=400;I.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),D.animate([{opacity:1},{opacity:0}],{duration:N,fill:"forwards"}),setTimeout(()=>{I.remove(),D.remove(),g.current===I&&(g.current=null),m.length>0&&Ar(m);},N);},3500);}else I&&(I.remove(),g.current===I&&(g.current=null)),m.length>0&&Ar(m);});}),()=>{S=true;}},[y]),v)throw v;return y?Bn.jsx("div",{ref:C,style:{display:"contents"},children:Bn.jsx(y,{...r})}):Bn.jsx(Bn.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function bs({slotId:e,title:t,slotLabel:r}){return Bn.jsx(wt,{slotId:e,title:t,slotLabel:r})}
|
|
60
|
-
exports.ForkBoundaryUI=
|
|
59
|
+
`}),Wn.jsxs("div",{className:"__fork-panel",style:Un,children:[Wn.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:[Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[Wn.jsx("span",{onDoubleClick:async a=>{if(a.stopPropagation(),!ne&&confirm("Kill all forks in this container?")){tt(true);try{let S=await Fe();`${S?.deleted??0}`,z([]),re(null),oe(!1),w("");}catch(S){console.error("[Fork] Reset failed:",S);}finally{tt(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:Wn.jsx(Wt,{style:{width:16,height:16,color:"#1c4587",pointerEvents:"none"}})}),e==="running"?Wn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Bn}):_e.length===0&&!ve?Wn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):ve?Wn.jsxs("div",{ref:Ht,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[Wn.jsxs("button",{type:"button",onClick:()=>{Te(a=>!a);},onMouseEnter:()=>Ct(true),onMouseLeave:()=>Ct(false),"aria-haspopup":"menu","aria-expanded":$e,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"3px 6px",border:"1px solid transparent",borderRadius:6,background:Xe||$e?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[Wn.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Or}),Wn.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:$e?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),$e&&Wn.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:[_e.map(a=>{let S=a.id===me,L=Zt===a.id,de=ae===a.id;return Wn.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Et(a.id),onMouseLeave:()=>Et(null),onClick:()=>{a.id!==me&&On(a.id);},disabled:!!ae,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:L?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ae?"default":"pointer",textAlign:"left",fontWeight:S?600:400,opacity:ae&&!de?.55:1},children:[Wn.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:S&&Wn.jsx(lucideReact.Check,{style:{width:12,height:12}})}),Wn.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:de?"Switching...":a.name})]},a.id)}),Wn.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),nt?Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[Wn.jsx("input",{ref:lt,type:"text",value:He,placeholder:"Container name",disabled:ae==="__new__",onChange:a=>Le(a.target.value),onKeyDown:a=>{a.key==="Enter"?(a.preventDefault(),Lr(He)):a.key==="Escape"&&(a.preventDefault(),a.stopPropagation(),xe(false),Le(""));},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:a=>{a.currentTarget.style.borderColor="#1c4587",a.currentTarget.style.boxShadow="0 0 0 2px rgba(28,69,135,0.15)";},onBlur:a=>{a.currentTarget.style.borderColor="#d1d5db",a.currentTarget.style.boxShadow="none";}}),Wn.jsx("button",{type:"button",onClick:()=>{Lr(He);},disabled:!He.trim()||ae==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!He.trim()||ae==="__new__"?"#e5e7eb":"#1c4587",color:!He.trim()||ae==="__new__"?"#9ca3af":"#ffffff",cursor:!He.trim()||ae==="__new__"?"default":"pointer",flexShrink:0},children:ae==="__new__"?Wn.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):Wn.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):Wn.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>fe(true),onMouseLeave:()=>fe(false),onClick:()=>{ae||(Ne(null),Le(""),xe(true));},disabled:!!ae,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:Ce?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ae?"default":"pointer",textAlign:"left",opacity:ae&&ae!=="__new__"?.55:1},children:"+ New container"}),$t&&Wn.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:$t})]})]}):Wn.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Or}),e==="running"&&Wn.jsx("span",{title:Je?`Estimated ~${Je} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:Je?"#1c4587":"#9ca3af",backgroundColor:Je?"rgba(28, 69, 135, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:Je?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:Je?`~${Je}m`:"~ m"})]}),!_&&Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Pr&&Wn.jsx("button",{onClick:ge?Ln:Hn,onMouseEnter:()=>N(true),onMouseLeave:()=>N(false),title:ge?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:j?"#4b5563":"#9ca3af",backgroundColor:j?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:ge?Wn.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):Wn.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),Wn.jsx("button",{onClick:Br,onMouseEnter:()=>H(true),onMouseLeave:()=>H(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:Wn.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]}),Wn.jsxs("div",{ref:ce,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(K||pe)&&Wn.jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[Wn.jsx("button",{onClick:()=>{re(null),oe(false),se.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 S=(K?W.find(L=>L.id===K)?.targetId:null)??ot;return S?Wn.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 ${S}`,children:["Forking ",Wn.jsx("span",{style:{color:"#6b7280"},children:S})]}):null})()]}),!K&&!pe&&Wn.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[Wn.jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:Wn.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),W.length===0&&Wn.jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),W.length>0&&Wn.jsx("div",{style:{display:"flex",flexDirection:"column"},children:W.map(a=>{let S=a.summary||"Untitled fork";return Wn.jsxs("button",{onClick:()=>{oe(false),re(a.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:L=>L.currentTarget.style.background="#fafafa",onMouseLeave:L=>L.currentTarget.style.background="#ffffff",children:[Wn.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[Wn.jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:S}),Wn.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:os(a.updatedAt)})]}),Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[Wn.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.targetId}),Wn.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),Wn.jsxs("span",{children:[a.promptCount," prompt",a.promptCount===1?"":"s"]}),a.status==="running"||a.status==="building"?Wn.jsxs(Wn.Fragment,{children:[Wn.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),Wn.jsx("span",{style:{color:"#2563eb"},children:"running"})]}):null]})]},a.id)})})]}),K&&dt.length>0&&Wn.jsx("div",{style:{padding:"16px 16px 0 16px"},children:dt.map((a,S)=>Wn.jsx("div",{style:{marginBottom:S<dt.length-1?10:0},children:a.type==="user"?Wn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[Wn.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:Wn.jsx(lucideReact.User,{style:{width:13,height:13,color:"#6b7280"}})}),Wn.jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:a.text})]}):U==="item"&&S===dt.length-1?Wn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[Wn.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:Wn.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),Wn.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[Wn.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),Wn.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:a.text})]}),g&&e!=="running"&&Wn.jsx("button",{onClick:L=>{L.stopPropagation(),Nr();},disabled:D,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:D?"default":"pointer",opacity:D?.4:1,height:28,flexShrink:0},children:"Undo"})]}):Wn.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[Wn.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:Wn.jsx(lucideReact.Check,{style:{width:13,height:13,color:"#9ca3af"}})}),Wn.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:[Wn.jsx("span",{style:{flex:1},children:a.text}),g&&S===dt.length-1&&e!=="running"&&Wn.jsxs("button",{onClick:L=>{L.stopPropagation(),Nr();},onMouseEnter:()=>Y(S),onMouseLeave:()=>Y(null),disabled:D,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:ue===S?"rgba(0,0,0,0.06)":"transparent",color:ue===S?"#6b7280":"#d1d5db",cursor:D?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:D?.4:1,flexShrink:0},children:[Wn.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),ue===S&&Wn.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"})]})]})]})},S))}),e==="running"&&(K||pe)&&Wn.jsx("div",{style:{padding:16},children:Wn.jsxs("div",{onClick:()=>Se(!G),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[Wn.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[Wn.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[Wn.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:Wn.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),Wn.jsx(is,{events:r})]}),Wn.jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:G?"rotate(180deg)":"rotate(0deg)"},children:Wn.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]}),Wn.jsx("div",{style:{maxHeight:G?320:0,opacity:G?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:Wn.jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:Wn.jsx(mn,{events:r})})})]})}),e==="error"&&(K||pe)&&Wn.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[Wn.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:Wn.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),Wn.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),Wn.jsxs("button",{onClick:()=>{let a=t?.prompt||Mt.current;a&&c(a,ot);},onMouseEnter:()=>J(true),onMouseLeave:()=>J(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#4f46e5",backgroundColor:B?"#e0e7ff":"#eef2ff",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[Wn.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&Wn.jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children:Wn.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:[Wn.jsx("textarea",{ref:le,value:A,onChange:a=>{w(a.target.value),a.target.style.height="auto",a.target.style.height=Math.min(a.target.scrollHeight,160)+"px";},onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),Tr()),a.key==="Escape"&&!_&&Br();},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"}}),Wn.jsx("button",{onClick:Tr,disabled:!A.trim(),onMouseEnter:()=>y(true),onMouseLeave:()=>y(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:A.trim()?1:.25,transform:x&&A.trim()?"scale(1.1)":"scale(1)",background:A.trim()?"#1c4587":"rgba(0,0,0,0.12)",border:"none",cursor:A.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:Wn.jsx(lucideReact.ArrowUp,{style:{width:13,height:13}})})]})})]})]});return _?Qt:ge&&M?zn.createPortal(Qt,M.document.body):Wn.jsx(as,{children:Qt})}function vn(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 wr(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,previewSession:i,refreshModuleManifest:l,queueBoundaryAnimation:c,trackForkActivity:g,recordForkActivityEvent:b}=ye(),[f,k]=ur.useState("idle"),[R,C]=ur.useState(null),[F,_]=ur.useState([]),[U,A]=ur.useState(null),w=ur.useRef(null),O=ur.useCallback(()=>{k("prompting"),_([]),A(null),C(null);},[]),$=ur.useCallback(()=>{k("idle"),w.current&&(w.current.close(),w.current=null);},[]);ur.useEffect(()=>{i&&i.target.kind==="module"&&i.target.id===e&&k(p=>p==="idle"?"prompting":p);},[i?.preview_session_id,i?.target.id,e]);let T=ur.useCallback(async(p,P,h)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");k("running"),_([]),A(null),C(null);let d;if(i){let N=h?.forkId??i.fork_id??void 0,x=await fetch(`${o}/api/v1/preview/${encodeURIComponent(i.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...ee()},body:JSON.stringify({prompt:p,...e?{boundary_id:e}:{},...N&&!h?.forceNew?{fork_id:N}:{},...h?.forceNew?{force_new:!0}:{}})});if(!x.ok){let J=await x.json().catch(()=>({}));throw new Error(J.error||`API error: ${x.status}`)}let y=await x.json();y.container_id&&Ge(y.container_id,y.container_name),ut(y.fork_id),d=await(await fetch(`${o}/api/v1/forks/${y.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...ee()}})).json();}else if(h?.forkId){let N={prompt:p};r&&(N.userId=r),n&&(N.userHash=n);let x=await fetch(`${o}/api/v1/forks/${encodeURIComponent(h.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(N)});if(!x.ok){let y=await x.json().catch(()=>({}));throw new Error(y.error||`API error: ${x.status}`)}d=await x.json();}else {let N={userId:r,prompt:p,boundaryId:e,appId:s};P&&(N.containerId=P),n&&(N.userHash=n),h?.forceNew&&(N.force_new=!0);let x=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(N)});if(!x.ok){let y=await x.json().catch(()=>({}));throw new Error(y.error||`API error: ${x.status}`)}d=await x.json();}C(d),g(d,{targetKind:"module",targetId: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 j=new EventSource(`${o}/api/v1/forks/${d.id}/events?${H.toString()}`);w.current=j,j.onmessage=N=>{try{let x=JSON.parse(N.data);if(b(d.id,x),_(y=>[...y,x]),x.type==="complete"){let y=x.data;c(e,d.id),l().catch(()=>{}).finally(()=>{let B={...d,status:"complete",moduleUrl:y.moduleUrl,cssUrls:y.cssUrls,summary:y.summary,completedAt:new Date().toISOString()};C(B),k("complete"),j.close();});}else if(x.type==="error"){let y=x.data;A(y.error||"Unknown error"),k("error"),j.close();}}catch{}},j.onerror=()=>{let N={Authorization:`Bearer ${t}`,...ee()};!i&&r&&(N["X-Fork-User-Id"]=r),!i&&n&&(N["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${d.id}`,{headers:N}).then(x=>x.json()).then(x=>{C(x),x.status==="complete"?(c(e,x.id),l().catch(()=>{}),k("complete")):x.status==="error"&&(A(x.error||"Fork generation failed"),k("error"));}).catch(()=>{A("Connection lost"),k("error");}),j.close();};}catch(d){A(d.message),k("error");}},[t,s,o,e,i,c,l,b,g,n,r]),I=ur.useCallback(async p=>{try{let P={Authorization:`Bearer ${t}`,...ee()};!i&&r&&(P["X-Fork-User-Id"]=r),!i&&n&&(P["X-Fork-User-Hash"]=n);let h=await fetch(`${o}/api/v1/forks/${p}`,{headers:P});if(!h.ok)return;let d=await h.json(),H=d.boundaryId??e;if(g(d,{targetKind:"module",targetId:H}),d.status==="complete"){k("complete"),C(d),A(null),_([]);return}if(d.status==="error"){k("error"),C(d),A(d.error||"Fork generation failed"),_([]);return}if(d.status!=="pending"&&d.status!=="running"&&d.status!=="building")return;k("running"),C(d),A(null),_([]);let j=new URLSearchParams({key:t});i?(j.set("previewSessionId",i.preview_session_id),j.set("previewForkId",d.id)):r&&j.set("userId",r),n&&j.set("userHash",n);let N=new EventSource(`${o}/api/v1/forks/${d.id}/events?${j.toString()}`);w.current&&w.current.close(),w.current=N,N.onmessage=x=>{try{let y=JSON.parse(x.data);if(b(d.id,y),_(B=>[...B,y]),y.type==="complete"){let B=y.data;c(e,d.id),l().catch(()=>{}).finally(()=>{let J={...d,status:"complete",moduleUrl:B.moduleUrl,cssUrls:B.cssUrls,summary:B.summary,completedAt:new Date().toISOString()};C(J),k("complete"),N.close();});}else if(y.type==="error"){let B=y.data;A(B.error||"Unknown error"),k("error"),N.close();}}catch{}},N.onerror=()=>{N.close();};}catch{}},[t,o,e,i,c,b,l,g,n,r]),v=ur.useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let p={userId:r,boundaryId:e,appId:s};n&&(p.userHash=n);let P=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(p)});if(!P.ok){let d=await P.json().catch(()=>({}));throw new Error(d.error||`API error: ${P.status}`)}let h=await P.json();return await l().catch(()=>{}),h.removed?(C(null),k("prompting")):h.fork&&(C(h.fork),k("complete")),h}catch(p){throw A(p.message),p}},[t,s,o,e,l,n,r]);return {state:f,fork:R,events:F,error:U,open:O,close:$,startFork:T,undoFork:v,adoptRunningFork:I}}function Sn(e){let{state:t,fork:r,events:n,error:o,open:s,close:i,startFork:l,undoFork:c,adoptRunningFork:g}=wr(e),[b,f]=ur.useState(false),k=ur.useCallback(()=>{f(true),s();},[s]),R=ur.useCallback(()=>{f(false),i();},[i]),C=ur.useCallback(async F=>{f(true),await g(F);},[g]);return {state:t,fork:r,events:n,error:o,isOpen:b,open:k,close:R,submit:l,undo:c,adoptRunningFork:C}}function Sr(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:l,trackForkActivity:c,recordForkActivityEvent:g}=ye(),[b,f]=ur.useState("idle"),[k,R]=ur.useState(null),[C,F]=ur.useState([]),[_,U]=ur.useState(null),A=ur.useRef(null),w=ur.useCallback(()=>{f("prompting"),F([]),U(null),R(null);},[]),O=ur.useCallback(()=>{f("idle"),A.current&&(A.current.close(),A.current=null);},[]);ur.useEffect(()=>{o&&o.target.kind==="slot"&&f(v=>v==="idle"?"prompting":v);},[o?.preview_session_id,o?.target.kind]);let $=ur.useCallback(async(v,p,P,h)=>{try{f("running"),F([]),U(null),R(null);let d;if(o){let x=h?.forkId??o.fork_id??void 0,y=await fetch(`${n}/api/v1/preview/${encodeURIComponent(o.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...ee()},body:JSON.stringify({prompt:v,...p?{slot_id:p}:{},...x&&!h?.forceNew?{fork_id:x}:{},...h?.forceNew?{force_new:!0}:{}})});if(!y.ok){let G=await y.json().catch(()=>({}));throw new Error(G.error||`API error: ${y.status}`)}let B=await y.json();B.container_id&&Ge(B.container_id,B.container_name),ut(B.fork_id),d=await(await fetch(`${n}/api/v1/forks/${B.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...ee()}})).json();}else if(h?.forkId){let x={prompt:v};t&&(x.userId=t),r&&(x.userHash=r);let y=await fetch(`${n}/api/v1/forks/${encodeURIComponent(h.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(x)});if(!y.ok){let B=await y.json().catch(()=>({}));throw new Error(B.error||`API error: ${y.status}`)}d=await y.json();}else {let x={userId:t,prompt:v};p&&(x.slotId=p),P&&(x.containerId=P),r&&(x.userHash=r),h?.forceNew&&(x.force_new=!0);let y=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(x)});if(!y.ok){let B=await y.json().catch(()=>({}));throw new Error(B.error||`API error: ${y.status}`)}d=await y.json();}R(d);let H=p??d.slotId;H&&c(d,{targetKind:"slot",targetId:H});let j=new URLSearchParams({key:e});o?(j.set("previewSessionId",o.preview_session_id),j.set("previewForkId",d.id)):t&&j.set("userId",t),r&&j.set("userHash",r);let N=new EventSource(`${n}/api/v1/forks/${d.id}/events?${j.toString()}`);A.current=N,N.onmessage=x=>{try{let y=JSON.parse(x.data);if(g(d.id,y),F(B=>[...B,y]),y.type==="complete"){let B=y.data,J={...d,status:"complete",bundleUrl:B.bundleUrl,summary:B.summary,completedAt:new Date().toISOString()};R(J),f("complete"),p&&B.bundleUrl&&s(p,J),N.close();}else if(y.type==="error"){let B=y.data;U(B.error||"Unknown error"),f("error"),N.close();}}catch{}},N.onerror=()=>{let x={Authorization:`Bearer ${e}`,...ee()};!o&&t&&(x["X-Fork-User-Id"]=t),!o&&r&&(x["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${d.id}`,{headers:x}).then(y=>y.json()).then(y=>{R(y),y.status==="complete"?(f("complete"),p&&y.bundleUrl&&s(p,y)):y.status==="error"&&(U(y.error||"Fork generation failed"),f("error"));}).catch(()=>{U("Connection lost"),f("error");}),N.close();};}catch(d){U(d.message),f("error");}},[e,n,o,g,s,c,r,t]),T=ur.useCallback(async v=>{try{let p={Authorization:`Bearer ${e}`,...ee()};!o&&t&&(p["X-Fork-User-Id"]=t),!o&&r&&(p["X-Fork-User-Hash"]=r);let P=await fetch(`${n}/api/v1/forks/${v}`,{headers:p});if(!P.ok)return;let h=await P.json();if(h.slotId&&c(h,{targetKind:"slot",targetId:h.slotId}),h.status==="complete"){f("complete"),R(h),U(null),F([]);return}if(h.status==="error"){f("error"),R(h),U(h.error||"Fork generation failed"),F([]);return}if(h.status!=="pending"&&h.status!=="running"&&h.status!=="building")return;f("running"),R(h),U(null),F([]);let d=new URLSearchParams({key:e});o?(d.set("previewSessionId",o.preview_session_id),d.set("previewForkId",h.id)):t&&d.set("userId",t),r&&d.set("userHash",r);let H=new EventSource(`${n}/api/v1/forks/${h.id}/events?${d.toString()}`);A.current&&A.current.close(),A.current=H;let j=h.slotId;H.onmessage=N=>{try{let x=JSON.parse(N.data);if(g(h.id,x),F(y=>[...y,x]),x.type==="complete"){let y=x.data,B={...h,status:"complete",bundleUrl:y.bundleUrl,summary:y.summary,completedAt:new Date().toISOString()};R(B),f("complete"),j&&y.bundleUrl&&s(j,B),H.close();}else if(x.type==="error"){let y=x.data;U(y.error||"Unknown error"),f("error"),H.close();}}catch{}},H.onerror=()=>{H.close();};}catch{}},[e,n,o,g,s,c,r,t]),I=ur.useCallback(async v=>{try{let p={userId:t,slotId:v};r&&(p.userHash=r);let P=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(p)});if(!P.ok){let d=await P.json().catch(()=>({}));throw new Error(d.error||`API error: ${P.status}`)}let h=await P.json();return l(v),h.removed?(i(v),R(null),f("prompting")):h.fork&&(s(v,h.fork),R(h.fork)),h}catch(p){throw U(p.message),p}},[e,t,r,n,i,s]);return {state:b,fork:k,events:C,error:_,open:w,close:O,startFork:$,undoFork:I,adoptRunningFork:T}}function xn(){let{state:e,fork:t,events:r,error:n,open:o,close:s,startFork:i,undoFork:l,adoptRunningFork:c}=Sr(),[g,b]=ur.useState(false),f=ur.useCallback(()=>{b(true),o();},[o]),k=ur.useCallback(()=>{b(false),s();},[s]),R=ur.useCallback(async C=>{b(true),await c(C);},[c]);return {state:e,fork:t,events:r,error:n,isOpen:g,open:f,close:k,submit:i,undo:l,adoptRunningFork:R}}var ms=new Set(["pending","running","building"]);function Ar(e){let t=vn(e),r=xn(),n=Sn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:l,appId:c,activitySummary:g,forkActivities:b,markForkActivitySeen:f}=ye(),k=t.type==="slot"?r:n,R=t.type==="slot"?"slot":"boundary",C=t.id,F=t.title,_=t.type==="slot"?"slot":"module",U=b.find(T=>T.targetKind===_&&T.targetId===t.id&&ms.has(T.status)),A=b.find(T=>T.targetKind===_&&T.targetId===t.id&&T.status==="complete"&&T.unread),w=ur.useCallback(()=>{f();let T=U??A;if(T){k.adoptRunningFork(T.id);return}k.open();},[k,f,U,A]),O=ur.useCallback((T,I,v,p)=>t.type==="slot"?r.submit(T,I??t.id,v,p):n.submit(T,v,p),[n,r,t]),$=ur.useCallback(T=>t.type==="slot"?r.undo(T??t.id):n.undo(),[n,r,t]);return {...k,open:w,target:t,targetId:C,targetLabel:F,historyMode:R,submit:O,undo:$,buttonProps:{onClick:w,hasNotification:g.unreadCompletedCount>0,activity:g},panelProps:{state:k.state,fork:k.fork,events:k.events,error:k.error,...t.type==="slot"?{slotId:C,targetLabel:F,historyMode:R}:{targetId:C,targetLabel:F,historyMode:R},onSubmit:O,onUndo:$,onClose:k.close,baseUrl:o,apiKey:s,userId:i,userHash:l,appId:c}}}function xt(e){let{embedded:t,completeVariant:r}=e,n=Ar(e);return t?Wn.jsx(Jt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?Wn.jsx(Jt,{...n.panelProps,completeVariant:r}):Wn.jsx(hr,{...n.buttonProps})}function gs({boundaryId:e,title:t}){return Wn.jsx(xt,{boundaryId:e,title:t})}function Pe(e){return (e??"").replace(/\s+/g," ").trim().toLowerCase()}function We(e){return Math.max(0,e.width)*Math.max(0,e.height)}function ys(e,t){return t.top>=e.top&&t.left>=e.left&&t.right<=e.right&&t.bottom<=e.bottom}function ks(e,t){let r=Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left)),n=Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top));return r*n}function bs(e){if(e.hasAttribute("data-fork-highlights")||e.closest("[data-fork-highlights]"))return false;let t=e.getBoundingClientRect();if(t.width<8||t.height<8||t.bottom<0||t.right<0||t.top>window.innerHeight||t.left>window.innerWidth)return false;let r=getComputedStyle(e);return !(r.display==="none"||r.visibility==="hidden"||Number(r.opacity)===0)}function ws(e){if(!bs(e))return null;let t=getComputedStyle(e);return {rect:e.getBoundingClientRect(),borderRadius:parseFloat(t.borderTopLeftRadius)||0}}function vs(e){return !!(e.text||e.ariaLabel||e.selector||e.role||e.tagName||e.classIncludes?.length||e.dataAttributes&&Object.keys(e.dataAttributes).length>0)}function Fn(e,t,r=false){let n=r?14:0,o=Pe(e.innerText||e.textContent||""),s=Pe(t.text);s&&(o===s?n+=12:o.includes(s)?n+=9:n-=2,o.length>s.length*5&&(n-=2));let i=Pe(e.getAttribute("aria-label")),l=Pe(t.ariaLabel);l&&(i===l?n+=12:i.includes(l)?n+=9:n-=2),t.role&&Pe(e.getAttribute("role"))===Pe(t.role)&&(n+=3),t.tagName&&e.tagName.toLowerCase()===t.tagName.toLowerCase()&&(n+=2);for(let g of t.classIncludes??[]){let b=Pe(g);if(!b)continue;Pe(typeof e.className=="string"?e.className:"").includes(b)&&(n+=5);}for(let[g,b]of Object.entries(t.dataAttributes??{})){let f=e.getAttribute(g);f&&Pe(f)===Pe(b)&&(n+=9);}let c=We(e.getBoundingClientRect())/Math.max(1,window.innerWidth*window.innerHeight);return c>.45?n-=8:c>.25&&(n-=4),n}function An(e,t,r){let n=ws(t);if(!n||r<5)return;let o=e.get(t);o&&o.score>=r||e.set(t,{element:t,score:r,rect:n.rect,borderRadius:n.borderRadius});}function Ss(e){if(!e||typeof e!="object"||Array.isArray(e))return null;let t=e,r=Array.isArray(t.candidates)?t.candidates.filter(n=>n&&typeof n=="object"&&vs(n)):[];return r.length===0?null:{version:t.version,label:typeof t.label=="string"?t.label.slice(0,48):void 0,description:typeof t.description=="string"?t.description.slice(0,140):void 0,candidates:r,source:typeof t.source=="string"?t.source:void 0}}function xs(e,t){let r=Math.max(1,window.innerWidth*window.innerHeight),n=[...e].filter(({rect:s})=>s.width>=8&&s.height>=8).filter(({rect:s})=>We(s)<=r*.6).sort((s,i)=>We(s.rect)-We(i.rect)),o=[];for(let s of n){let i=We(s.rect);if(!(i<=0||o.some(c=>{let g=ks(c.rect,s.rect),b=Math.min(We(c.rect),i);return g/Math.max(1,b)>.72||ys(s.rect,c.rect)}))&&(o.push(s),o.length>=t))break}return o}function _n(e,t){let r=Ss(t);if(!r)return null;let n=[e,...Array.from(e.querySelectorAll("*"))].filter(i=>i instanceof HTMLElement),o=new Map;for(let i of r.candidates??[]){if(i.selector)try{let l=e.querySelectorAll(i.selector);for(let c of l)c instanceof HTMLElement&&An(o,c,Fn(c,i,!0));}catch{}for(let l of n)An(o,l,Fn(l,i));}let s=[...o.values()].sort((i,l)=>l.score!==i.score?l.score-i.score:We(i.rect)-We(l.rect))[0];return s?{plan:r,rects:[{rect:s.rect,borderRadius:s.borderRadius}]}:{plan:r,rects:[]}}function _r(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 Cn(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 Cr(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 En(e,t){let r=[];for(let n of t)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.push({rect:n.rect,borderRadius:n.borderRadius});return xs(r,3)}function $n(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 l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Pn(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 Fs(e,t,r){return Math.min(r,Math.max(t,e))}function Rn(e){let t=e?.trim();return t?`New: ${t.slice(0,48)}`:"New feature"}function Yt(e,t={}){let r="http://www.w3.org/2000/svg",n=document.createElement("div");n.setAttribute("data-fork-highlights","true"),n.style.cssText='position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;';let o=document.createElementNS(r,"svg");o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let s=document.createElementNS(r,"defs");o.appendChild(s);let i=[];for(let f=0;f<Math.min(e.length,2);f+=1){let{rect:k,borderRadius:R}=e[f],C=4,F=k.left-C,_=k.top-C,U=k.width+C*2,A=k.height+C*2,w=Math.min(R+C,U/2,A/2),O=Pn(F,_,U,A,w),$=`__fork-glow-${f}`,T=document.createElementNS(r,"filter");T.setAttribute("id",$),T.setAttribute("x","-100%"),T.setAttribute("y","-100%"),T.setAttribute("width","300%"),T.setAttribute("height","300%");let I=document.createElementNS(r,"feGaussianBlur");I.setAttribute("in","SourceGraphic"),I.setAttribute("stdDeviation","5"),T.appendChild(I),s.appendChild(T);let v=document.createElementNS(r,"path");v.setAttribute("d",O),v.setAttribute("fill","none"),v.setAttribute("stroke","rgba(37, 99, 235, 0.34)"),v.setAttribute("stroke-width","9"),v.setAttribute("stroke-linecap","round"),v.setAttribute("filter",`url(#${$})`),v.setAttribute("opacity","0"),o.appendChild(v);let p=document.createElementNS(r,"path");p.setAttribute("d",O),p.setAttribute("fill","none"),p.setAttribute("stroke","rgba(37, 99, 235, 0.72)"),p.setAttribute("stroke-width","2"),p.setAttribute("stroke-linecap","round"),p.setAttribute("stroke-linejoin","round"),p.setAttribute("opacity","0"),o.appendChild(p),i.push(p.animate([{opacity:0,strokeWidth:2,offset:0},{opacity:.95,strokeWidth:2.25,offset:.12},{opacity:.42,strokeWidth:2,offset:.34},{opacity:.88,strokeWidth:2.25,offset:.54},{opacity:.38,strokeWidth:2,offset:.76},{opacity:0,strokeWidth:2,offset:1}],{duration:7200,easing:"ease-in-out",fill:"forwards"})),i.push(v.animate([{opacity:0,strokeWidth:8,offset:0},{opacity:.72,strokeWidth:12,offset:.12},{opacity:.18,strokeWidth:8,offset:.34},{opacity:.58,strokeWidth:12,offset:.54},{opacity:.16,strokeWidth:8,offset:.76},{opacity:0,strokeWidth:8,offset:1}],{duration:7200,easing:"ease-in-out",fill:"forwards"}));}n.appendChild(o);let l=e[0]?.rect;if(l){let f=document.createElement("div");f.textContent=Rn(t.label),f.style.cssText=["position:absolute","display:inline-flex","align-items:center","max-width:min(280px,calc(100vw - 24px))","min-height:28px","padding:0 10px","border-radius:7px","background:rgba(255,255,255,0.98)","border:1px solid rgba(37,99,235,0.28)","box-shadow:0 10px 24px -18px rgba(15,23,42,0.55),0 4px 12px -8px rgba(37,99,235,0.38)","color:#0f172a","font-size:12px","font-weight:650","line-height:16px","letter-spacing:0","white-space:nowrap","overflow:hidden","text-overflow:ellipsis"].join(";"),n.appendChild(f);let k=Math.max(96,window.innerWidth-24),R=Math.min(280,k,Math.max(120,Rn(t.label).length*7+36)),C=Fs(l.left+l.width/2-R/2,12,Math.max(12,window.innerWidth-R-12)),F=l.top>=42,_=F?l.top-36:Math.min(window.innerHeight-40,l.bottom+8);f.style.width=`${R}px`,f.style.left=`${C}px`,f.style.top=`${Math.max(10,_)}px`,i.push(f.animate([{opacity:0,transform:F?"translateY(4px)":"translateY(-4px)",offset:0},{opacity:1,transform:"translateY(0)",offset:.14},{opacity:1,transform:"translateY(0)",offset:.82},{opacity:0,offset:1}],{duration:7200,easing:"ease-in-out",fill:"forwards"}));}document.body.appendChild(n);let c=false,g=()=>{if(c)return;c=true,clearTimeout(b);for(let k of i)try{k.cancel();}catch{}let f=n.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});f.onfinish=()=>n.remove(),window.removeEventListener("click",g);},b=setTimeout(g,7600);return setTimeout(()=>{c||window.addEventListener("click",g);},500),g}function In(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:l,borderRadius:c}of e){let g=document.createElementNS(t,"path");g.setAttribute("d",Pn(l.left,l.top,l.width,l.height,c)),g.setAttribute("fill","none"),g.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),g.setAttribute("stroke-width","1.5"),g.setAttribute("stroke-dasharray","8 4"),g.setAttribute("stroke-linecap","round"),g.setAttribute("filter","url(#__fork-removed-shadow)"),g.setAttribute("opacity","0"),n.appendChild(g),g.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}var Rt=new Map,_t=new Map,Er=new Map;function Rs(e){for(let t of e)_t.set(t,(_t.get(t)??0)+1);}function _s(e){if(!(typeof document>"u"))for(let t of e){let r=(_t.get(t)??0)-1;if(r>0){_t.set(t,r);continue}_t.delete(t),Rt.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function Cs(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function Tn(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 Es(e){if(!e||typeof document>"u")return Promise.resolve();let t=Rt.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 l=()=>{r.removeEventListener("load",l),r.removeEventListener("error",c),s();},c=()=>{r.removeEventListener("load",l),r.removeEventListener("error",c),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",l,{once:true}),r.addEventListener("error",c,{once:true});});return Rt.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 Rt.delete(e),o});return Rt.set(e,n),n}var At=null;function $s(){if(At)return At;try{At=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{At=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return At}function Ps(e){let t=Er.get(e);if(t)return t;let r=$s()(e).catch(n=>{throw Er.delete(e),n});return Er.set(e,r),r}async function Is(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>Es(s)));let o=await Ps(e.moduleUrl);return Tn(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 Tn(n,r)}function Ms(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:l,getBoundaryOverride:c,consumeBoundaryAnimation:g}=ye(),[b,f]=ur.useState(null),[k,R]=ur.useState(null),C=ur.useRef(null),F=ur.useRef(null),_=ur.useRef(null),U=ur.useRef(false),A=ur.useRef(null),w=ur.useRef(null),O=ur.useRef(null),$=c(e.id),T=$?`${$.id}:${$.createdAt??$.moduleUrl}`:"original",I=$?`override:${T}`:"original",v=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(ur.useEffect(()=>()=>{O.current&&(clearTimeout(O.current),O.current=null),w.current&&(w.current.remove(),w.current=null);},[]),ur.useEffect(()=>{l({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,l,e.id,e.exportName,v]),ur.useEffect(()=>{let p=$?.cssUrls??[];if(p.length!==0)return Rs(p),()=>_s(p)},[$?.cssUrls.join("|")]),ur.useEffect(()=>{if(o&&!s&&!b||F.current===I&&b)return;let p=false;return R(null),Is($,e.original,e.exportName).then(P=>{if(!p){if($?.id&&g(e.id,$.id,T)&&C.current){let h=_r(C.current);if(h){let d=Cr(h);_.current=d.length>0?d:null,U.current=true,A.current=$.metadata?.featureHighlight??null,O.current&&(clearTimeout(O.current),O.current=null),w.current&&w.current.remove(),w.current=A.current||d.length===0?null:Cn(h);}}F.current=I,ur.startTransition(()=>{f(()=>P);});}}).catch(P=>{p||R(Cs(P));}),()=>{p=true;}},[g,I,o,s,i,$?.id,$?.moduleUrl,$?.integrity,$?.cssUrls.join("|"),e.exportName,e.original,b]),ur.useEffect(()=>{if(!U.current||!b||!C.current)return;let p=false;return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(p||!C.current)return;let P=_.current,h=_r(C.current),d=A.current;if(_.current=null,U.current=false,A.current=null,!h){w.current&&(w.current.remove(),w.current=null);return}let H=d?_n(h,d):null;if(H?.rects.length){w.current&&(w.current.remove(),w.current=null),Yt(H.rects,{label:H.plan.label,description:H.plan.description});return}if(!P){w.current&&(w.current.remove(),w.current=null);return}let j=Cr(h),N=En(P,j),x=$n(P,j),y=w.current;if(x.length>0&&y){let B=In(x);O.current=setTimeout(()=>{O.current=null;let J=400;y.animate([{opacity:1},{opacity:0}],{duration:J,fill:"forwards"}),B.animate([{opacity:1},{opacity:0}],{duration:J,fill:"forwards"}),setTimeout(()=>{y.remove(),B.remove(),w.current===y&&(w.current=null),N.length>0&&Yt(N,H?.plan?{label:H.plan.label,description:H.plan.description}:{});},J);},3500);}else y&&(y.remove(),w.current===y&&(w.current=null)),N.length>0&&Yt(N,H?.plan?{label:H.plan.label,description:H.plan.description}:{});});}),()=>{p=true;}},[b]),k)throw k;return b?Wn.jsx("div",{ref:C,style:{display:"contents"},children:Wn.jsx(b,{...r})}):Wn.jsx(Wn.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function Hs({slotId:e,title:t,slotLabel:r}){return Wn.jsx(xt,{slotId:e,title:t,slotLabel:r})}
|
|
60
|
+
exports.ForkBoundaryUI=gs;exports.ForkButton=hr;exports.ForkChatInterface=xt;exports.ForkPanel=Jt;exports.ForkProvider=go;exports.ForkSlot=Co;exports.ForkUI=Hs;exports.clearCachedManifest=eo;exports.forkable=Ms;exports.loadManifest=Ut;exports.manifestDiffers=to;exports.readCachedManifest=Zn;exports.registerForkShared=tr;exports.useBoundaryFork=wr;exports.useFork=Sr;exports.useForkChatPanel=Ar;exports.usePreviewSession=Ot;exports.writeCachedManifest=Qn;
|