@fork-api/chat-sdk 0.1.166 → 0.1.168
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +265 -2
- package/dist/index.d.ts +265 -2
- package/dist/index.js +8 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import*as
|
|
2
|
-
`);return ut&&or===o||(or=o,ut=(async()=>{try{let s=await fetch(`${t}/api/v1/preview/auto-activate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,"X-Fork-User-Id":r.userId,"X-Fork-User-Hash":r.userHash},body:JSON.stringify({appId:r.appId})});if(s.status===204)return null;if(!s.ok){let u=await s.json().catch(()=>({}));return console.warn(`[fork-preview] auto admin activate failed (${s.status}): ${u.error??"unknown"}`),null}let i=await s.json(),a={preview_session_id:i.preview_session_id,tenant_id:i.tenant_id,app_id:i.app_id,target:i.target,operator_id:i.operator_id,container_id:i.container_id??null,container_name:i.container_name??"Fork",fork_id:i.fork_id??null,expires_at:i.expires_at};return Ht(a),a}catch(s){return console.warn("[fork-preview] auto admin activate threw",s),null}finally{or=null,ut=null;}})()),ut}function io(){return Ue()}function ao(){return null}function Lt(){return useSyncExternalStore(nr,io,ao)}function se(){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 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 s=await o.json(),i={};for(let[a,u]of Object.entries(s.modules)){let m=u.moduleUrl??u.bundleUrl??null,k=u.legacyModuleUrl??u.legacyBundleUrl??null;i[a]={forkId:u.forkId,moduleUrl:m,legacyModuleUrl:k,bundleUrl:u.bundleUrl??m,legacyBundleUrl:u.legacyBundleUrl??k,cssUrls:u.cssUrls??[],integrity:u.integrity,metadata:u.metadata,highlightHint:u.highlightHint,buildId:u.buildId,updatedAt:u.updatedAt};}return {containerId:s.containerId,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var lo="fork:manifest:v1";function lr(e,t,r){return `${lo}:${e}:${t}:${r}`}function co(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(lr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function uo(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(lr(e,t,r),JSON.stringify(n));}catch{}}function fo(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(lr(e,t,r));}catch{}}function po(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,a]of r){let u=t.slots[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,a]of o){let u=t.modules[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}return false}var Zr=createContext(null),ho=12e3,yo=45e3,Jr="fork:activity:v1",ko=new Set(["pending","running","building"]),bo="Setting up environment";function Ae(e){return ko.has(e)}function wo(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function vo(e,t){let r=wo(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 qr(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,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 dt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function Ge(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 Ye(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function So(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function xo(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 Fo(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():bo,detail:s?So(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 ft(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function Ao(e,t){let r={};for(let[n,o]of Object.entries(t.boundaries||{}))r[n]={...o,moduleUrl:ft(e,o.moduleUrl),cssUrls:Array.isArray(o.cssUrls)?o.cssUrls.map(s=>ft(e,s)):[]};return r}function Gr(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let a=i.bundleUrl??i.legacyBundleUrl;a&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:ft(e,a),createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function Yr(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";s&&(r[n]={id:o.forkId,boundaryId:n,moduleUrl:ft(e,s),cssUrls:(o.cssUrls??[]).map(i=>ft(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return r}function _o(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,a="authUrl"in e?e.authUrl:void 0,[u]=useState(()=>(nt(t),sr(t))),[m,k]=useState({}),[d,w]=useState(i?{userId:i,userHash:void 0}:null),[b,x]=useState(!!i||u),[f,F]=useState({}),[B,C]=useState(!o),[S,D]=useState(0),[H,N]=useState(null),[R,g]=useState([]),[A,I]=useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),h=useRef(new Map),c=useRef(new Map),[T,U]=useState(0),M=useRef(new Set),_=useRef(new Map),v=useRef(void 0),P=useRef(new Map),J=useRef([]),K=useRef(new Set),he=useRef(false);Qt(),useEffect(()=>{return ir(t,r).then(()=>{}),()=>{}},[]);let j=Lt();useEffect(()=>{u||j||!o||!d?.userHash||ar(t,r,{appId:o,userId:d.userId,userHash:d.userHash});},[t,o,d?.userHash,d?.userId,r,u,j?.preview_session_id]),s&&v.current!==s&&(er(s),v.current=s),useEffect(()=>{a&&(u||(x(false),fetch(a,{credentials:"include"}).then(y=>{if(!y.ok)throw new Error(`Auth endpoint returned ${y.status}`);return y.json()}).then(y=>{if(!y.userId||typeof y.userId!="string")throw new Error("authUrl response must include userId");w({userId:y.userId,userHash:typeof y.userHash=="string"?y.userHash:void 0});}).catch(y=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",y.message);}).finally(()=>{x(true);})));},[a,u]),useEffect(()=>{!a&&i&&(w({userId:i,userHash:void 0}),x(true));},[i,a]);let Y=d?.userId??"",ae=d?.userHash,z=j?"":Y,Z=j?void 0:ae,be=!!o,we=useCallback(async()=>{if(!be){N(null),F({}),C(true),D(p=>p+1);return}if(!b){C(false);return}if(!j&&!z||!o){N(null),F({}),C(true),D(p=>p+1);return}if(C(false),!j){try{let p=await Bt({baseUrl:r,apiKey:t,appId:o,userId:z,userHash:Z});p&&(N(p.containerId),k(Gr(r,p,z,o)),F(Yr(r,p)));}catch(p){console.error("[ForkProvider] Failed to fetch fork manifest:",p.message),N(null),k({}),F({});}finally{D(p=>p+1),C(true);}return}if(N(j.container_id??null),j.container_id){try{let p=await Bt({baseUrl:r,apiKey:t,appId:o,userId:z,containerId:j.container_id,extraHeaders:se()});p&&(k(Gr(r,p,z,o)),F(Yr(r,p)));}catch(p){console.error("[ForkProvider] Failed to fetch preview container manifest:",p.message),k({}),F({});}finally{D(p=>p+1),C(true);}return}let y=new URLSearchParams({appId:o,userId:z});Z&&y.set("userHash",Z);try{let p=await fetch(`${r}/api/v1/boundaries/manifest?${y.toString()}`,{headers:{Authorization:`Bearer ${t}`,...se()}});if(!p.ok)throw new Error(`${p.status}`);let O=await p.json();F(Ao(r,O));}catch(p){console.error("[ForkProvider] Failed to fetch module override manifest:",p.message),F({});}finally{D(p=>p+1),C(true);}},[t,o,r,b,be,Z,z,j?.preview_session_id,j?.fork_id,j?.container_id]);useEffect(()=>{if(!z||o&&(!j||j.container_id))return;let y=new URLSearchParams({userId:z});Z&&y.set("userHash",Z),fetch(`${r}/api/v1/forks/active?${y.toString()}`,{headers:{Authorization:`Bearer ${t}`,...se()}}).then(p=>{if(!p.ok)throw new Error(`${p.status}`);return p.json()}).then(p=>{p&&typeof p=="object"&&k(p);}).catch(()=>{});},[t,o,z,Z,r,j?.preview_session_id,j?.fork_id]),useEffect(()=>{we();},[we]);let Ce=useCallback((y,p)=>{k(O=>({...O,[y]:p}));},[]),me=useCallback(y=>{k(p=>{let O={...p};return delete O[y],O});},[]),Me=useCallback(y=>{M.current.add(y);},[]),ze=useCallback(y=>M.current.has(y)?(M.current.delete(y),true):false,[]),$e=useCallback((y,p)=>{_.current.set(y,p);},[]),Pe=useCallback((y,p)=>_.current.get(y)!==p?false:(_.current.delete(y),true),[]),Ke=useCallback(y=>{if(!o)return;let p=JSON.stringify(y);h.current.get(y.id)===p||c.current.get(y.id)?.signature===p||(c.current.set(y.id,{boundary:y,signature:p}),U(G=>G+1));},[o]);useEffect(()=>{if(!o||c.current.size===0)return;let y=setTimeout(()=>{let p=Array.from(c.current.values());p.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:p.map(O=>O.boundary)})}).then(O=>{if(!O.ok)throw new Error(`${O.status}`)}).then(()=>{for(let O of p)c.current.get(O.boundary.id)?.signature===O.signature&&(c.current.delete(O.boundary.id),h.current.set(O.boundary.id,O.signature));}).catch(O=>{console.error("[ForkProvider] Failed to register module boundaries:",O.message);});},50);return ()=>{clearTimeout(y);}},[t,o,r,T]);let Gt=useCallback(y=>f[y],[f]),st=j?`preview:${j.preview_session_id}`:z,_t=`${t}:${o||"no-app"}:${H||"no-container"}:${st||"anonymous"}`,Ct=`${t}:${o||"no-app"}:${st||"anonymous"}`,Q=`${Jr}:seen:${_t}`,pe=`${Jr}:tracked:${_t}`;useEffect(()=>{J.current=R;},[R]);let Et=useCallback(()=>{let y={Authorization:`Bearer ${t}`,...se()};return o&&(y["X-Fork-App-Id"]=o),!j&&z&&(y["X-Fork-User-Id"]=z),!j&&Z&&(y["X-Fork-User-Hash"]=Z),y},[t,o,j,Z,z]),Ie=useCallback(async()=>{if(!H)return;let y=new URLSearchParams({container_id:H}),p=await fetch(`${r}/api/v1/forks?${y.toString()}`,{headers:Et()}).catch(()=>null);if(!p||!p.ok)return;let O=await p.json().catch(()=>({})),G=Array.isArray(O.forks)?O.forks:[],W=Ge(Q),V=Ge(pe),re=false,ce=new Map(J.current.map(ue=>[ue.id,ue])),ee=[];for(let ue of G){let le=qr(ue);Ae(le.status)&&!V.has(le.id)&&(V.add(le.id),re=true);let oe=ce.get(le.id),ie=oe?Ae(oe.status):false,ve=dt(le);le.status==="complete"&&(V.has(le.id)||ie)&&!W.has(ve)&&!K.current.has(ve)&&!oe?.unread&&(he.current||V.has(le.id)||ie)&&(K.current.add(ve),ee.push(le));}if(g(ue=>{let le=new Map(ue.map(de=>[de.id,de])),oe=new Set,ie=new Map;for(let de of G){let xe=qr(de);oe.add(xe.id);let te=le.get(xe.id),Te=te?Ae(te.status):false,Ee=dt(xe),et=xe.status==="complete"&&(V.has(xe.id)||Te)&&!W.has(Ee),Fe=Nt(te,{...xe,unread:et});ie.set(xe.id,Fe);}for(let de of ue)oe.has(de.id)||(Ae(de.status)||de.unread)&&ie.set(de.id,de);let ve=[...ie.values()].sort((de,xe)=>Date.parse(xe.updatedAt)-Date.parse(de.updatedAt));return J.current=ve,ve}),re&&Ye(pe,V),ee.length>0){for(let ue of ee)ue.targetKind==="module"&&$e(ue.targetId,ue.id);we().catch(()=>{});}he.current=true;},[Q,pe,r,Et,H,we,$e]),it=useCallback((y,p)=>{let O=vo(y,p);if(!O)return;let G=y.containerId??y._containerId;if(G&&!H&&N(G),Ae(O.status)){let re=Ge(pe);re.has(O.id)||(re.add(O.id),Ye(pe,re));}let W=new Map(J.current.map(re=>[re.id,re]));W.set(O.id,Nt(W.get(O.id),O));let V=[...W.values()].sort((re,ce)=>Date.parse(ce.updatedAt)-Date.parse(re.updatedAt));J.current=V,g(V);},[pe,H]),Oe=useCallback((y,p)=>{let O=xo(p),G=Ge(Q),W=Ge(pe),V=J.current.find(oe=>oe.id===y),re=V?Ae(V.status):false;O.status&&Ae(O.status)&&!W.has(y)&&(W.add(y),Ye(pe,W));let ce=V?Nt(V,{...V,...O}):null,ee=ce?dt(ce):null,ue=!!(ce&&ce.status==="complete"&&(W.has(y)||re)&&ee&&!G.has(ee)&&!K.current.has(ee)&&!V?.unread),le=p.type==="complete"&&V?.targetKind==="module"?V.targetId:null;if(g(oe=>{let ie=oe.find(Te=>Te.id===y);if(!ie)return oe;let ve=Nt(ie,{...ie,...O}),de=ve.status==="complete"&&(W.has(y)||Ae(ie.status))&&!G.has(dt(ve)),xe={...ve,unread:de},te=oe.map(Te=>Te.id===y?xe:Te).sort((Te,Ee)=>Date.parse(Ee.updatedAt)-Date.parse(Te.updatedAt));return J.current=te,te}),ue&&ce&&ee&&K.current.add(ee),p.type==="complete"){let oe=p.data&&typeof p.data=="object"?p.data:{},ie=typeof oe.boundaryId=="string"?oe.boundaryId:le;ie&&$e(ie,y),we().catch(()=>{});}},[Q,pe,we,$e]),He=useCallback(y=>{let p=Ge(Q),O=Ge(pe),G=false,W=false;for(let V of J.current){if(V.status!=="complete"||y&&V.id!==y)continue;let re=dt(V);p.has(re)||(p.add(re),G=true),O.delete(V.id)&&(W=true);}g(V=>{let re=V.map(ce=>ce.status!=="complete"||y&&ce.id!==y?ce:{...ce,unread:false});return J.current=re,re}),G&&Ye(Q,p),W&&Ye(pe,O);},[Q,pe]);useEffect(()=>{he.current=false,K.current.clear(),g([]);for(let y of P.current.values())y.close();P.current.clear(),H&&Ie();},[H,Ie]),useEffect(()=>{if(typeof document>"u")return;let y=()=>{let p=document.visibilityState!=="hidden";I(p),p&&H&&Ie();};return document.addEventListener("visibilitychange",y),window.addEventListener("focus",y),window.addEventListener("online",y),()=>{document.removeEventListener("visibilitychange",y),window.removeEventListener("focus",y),window.removeEventListener("online",y);}},[H,Ie]),useEffect(()=>{let y=R.filter(G=>Ae(G.status));if(!H||y.length===0)return;let p=A?ho:yo,O=window.setInterval(()=>{Ie();},p);return ()=>window.clearInterval(O)},[H,A,R,Ie]),useEffect(()=>{for(let y of P.current.values())y.close();P.current.clear();},[t,r,j?.preview_session_id,Z,z]),useEffect(()=>{let y=new Set(R.filter(p=>Ae(p.status)).map(p=>p.id));for(let[p,O]of P.current.entries())y.has(p)||(O.close(),P.current.delete(p));for(let p of y){if(P.current.has(p))continue;let O=new URLSearchParams({key:t});j?(O.set("previewSessionId",j.preview_session_id),O.set("previewForkId",p)):z&&O.set("userId",z),Z&&O.set("userHash",Z);let G=new EventSource(`${r}/api/v1/forks/${p}/events?${O.toString()}`);G.onmessage=W=>{try{Oe(p,JSON.parse(W.data));}catch{}},G.onerror=()=>{G.close(),P.current.delete(p);},P.current.set(p,G);}},[t,r,R,j,Oe,Z,z]),useEffect(()=>()=>{for(let y of P.current.values())y.close();P.current.clear();},[]);let We=Fo(R),at=useCallback(async()=>{if(!z)throw new Error("Reset requires a resolved user identity.");let y=new URLSearchParams({userId:z});Z&&y.set("userHash",Z);let p={Authorization:`Bearer ${t}`,...se()};o&&(p["X-Fork-App-Id"]=o);let O=await fetch(`${r}/api/v1/forks/all?${y.toString()}`,{method:"DELETE",headers:p});if(!O.ok){let W=await O.json().catch(()=>({}));throw new Error(W.error||`API error: ${O.status}`)}let G=await O.json().catch(()=>({}));k({}),F({}),C(true),D(W=>W+1),g([]),K.current.clear(),Ye(Q,new Set),Ye(pe,new Set),M.current.clear(),_.current.clear();try{for(let W=sessionStorage.length-1;W>=0;W-=1){let V=sessionStorage.key(W);V&&V.startsWith("__fork_animated_")&&sessionStorage.removeItem(V);}}catch{}return G},[Q,pe,t,o,r,Z,z]);return jsx(Zr.Provider,{value:{apiKey:t,userId:z,userHash:Z,baseUrl:r,appId:o,forks:m,moduleOverridesEnabled:be,moduleManifestReady:B,moduleManifestVersion:S,currentContainerId:H,forkActivities:R,activitySummary:We,previewSession:j,trackForkActivity:it,recordForkActivityEvent:Oe,markForkActivitySeen:He,refreshForkActivities:Ie,setSlotFork:Ce,clearSlotFork:me,skipAnimationForSlot:Me,shouldSkipAnimation:ze,queueBoundaryAnimation:$e,consumeBoundaryAnimation:Pe,registerBoundary:Ke,getBoundaryOverride:Gt,refreshModuleManifest:we,resetAllForks:at,highlightScope:Ct},children:n})}function ke(){let e=useContext(Zr);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function Ot(e){return ke().forks[e]}var pt=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 dr(e,t){let r;try{r=Children.only(e);}catch{let o=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 en=new Set;function tn(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 Po(e,t){let r=[];for(let n of t)if(!e.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Io(e,t){let r=[];for(let n of e)if(!t.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function nn(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 rn(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 k=0;k<e.length;k++){let{rect:d,borderRadius:w}=e[k],b=d.left-.5,x=d.top-.5,f=d.width+1,F=d.height+1,B=Math.min(w+.5,f/2,F/2),C=nn(b,x,f,F,B),S=`__fork-glow-${k}`,D=document.createElementNS(t,"filter");D.setAttribute("id",S),D.setAttribute("x","-100%"),D.setAttribute("y","-100%"),D.setAttribute("width","300%"),D.setAttribute("height","300%");let H=document.createElementNS(t,"feGaussianBlur");H.setAttribute("in","SourceGraphic"),H.setAttribute("stdDeviation","8"),D.appendChild(H),o.appendChild(D);let N=`__fork-mask-${k}`,R=document.createElementNS(t,"mask");R.setAttribute("id",N),R.setAttribute("maskUnits","userSpaceOnUse"),R.setAttribute("x",String(b-200)),R.setAttribute("y",String(x-200)),R.setAttribute("width",String(f+400)),R.setAttribute("height",String(F+400));let g=document.createElementNS(t,"rect");g.setAttribute("x",String(b-200)),g.setAttribute("y",String(x-200)),g.setAttribute("width",String(f+400)),g.setAttribute("height",String(F+400)),g.setAttribute("fill","white"),R.appendChild(g);let A=document.createElementNS(t,"path");A.setAttribute("d",C),A.setAttribute("fill","black"),R.appendChild(A),o.appendChild(R);let I=document.createElementNS(t,"g");I.setAttribute("mask",`url(#${N})`),I.setAttribute("opacity","0");let h=document.createElementNS(t,"g");h.setAttribute("filter",`url(#${S})`);let c=document.createElementNS(t,"path");c.setAttribute("d",C),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),h.appendChild(c),I.appendChild(h),n.appendChild(I);let T=document.createElementNS(t,"path");T.setAttribute("d",C),T.setAttribute("fill","none"),T.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),T.setAttribute("stroke-width","2"),T.setAttribute("stroke-linecap","round"),T.setAttribute("opacity","0"),n.appendChild(T),s.push(c,T),c.__group=I;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let k=0;k<s.length;k+=2){let d=s[k],w=s[k+1],b=d.__group,x=w.getTotalLength(),f=d.getTotalLength();if(x<=0)continue;let F=x*.35;w.setAttribute("stroke-dasharray",`${F} ${x-F}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*x,opacity:.92,offset:.06},{strokeDashoffset:-2*x,opacity:.92,offset:.92},{strokeDashoffset:-2.25*x,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let B=f*.35;d.setAttribute("stroke-dasharray",`${B} ${f-B}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.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(b.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(m);for(let d of i)try{d.cancel();}catch{}let k=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});k.onfinish=()=>r.remove(),window.removeEventListener("click",u);},m=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function To(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let m=a.left,k=a.top,d=a.width,w=a.height,b=Math.min(u,d/2,w/2),x=nn(m,k,d,w,b),f=document.createElementNS(t,"path");f.setAttribute("d",x),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 Mo(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=ur__default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return jsx("div",{ref:r,style:n,children:jsx(t,{...o})})},(e,t)=>e.component===t.component&&Mo(e.hostProps,t.hostProps)),cr=class extends ur__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 on({slotId:e,children:t,githubRepo:r,shared:n,events:o}){dr(t,e);let s=Ot(e),{baseUrl:i,apiKey:a,appId:u,shouldSkipAnimation:m}=ke(),[k,d]=useState(null),w=useRef(null),b=useRef(null),x=useRef(null),f=useRef(false),F=useRef(null),B=useRef(null),C=!!(n||o),S=useRef(null);C&&!S.current&&(S.current=new pt(e));let D=useRef(o);if(D.current=o,useEffect(()=>{if(C)return ()=>{S.current?.destroy(),S.current=null;}},[C,e]),C&&S.current&&n)for(let[A,I]of Object.entries(n))S.current.set(A,I);useEffect(()=>{if(!C)return;S.current||(S.current=new pt(e));let A=S.current,I=Object.keys(D.current||{}).map(h=>A.on(h,(...c)=>D.current?.[h]?.(...c)));return ()=>I.forEach(h=>h())},[C,e]),useEffect(()=>{if(en.has(e))return;en.add(e);let A={id:e,appId:u,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 ${a}`,"Content-Type":"application/json"},body:JSON.stringify(A)}).catch(()=>{});},[e,i,a,r,u]);let H=s?.id||null;useEffect(()=>{if(s?.bundleUrl,w.current,b.current,!s?.bundleUrl||!H){return}let A=`${i}${s.bundleUrl.replace("bundle.js","component.js")}`,I=`__fork_animated_${e}`,h=sessionStorage.getItem(I),c=m(e),T=!c&&h!==H;if(c&&H&&sessionStorage.setItem(I,H),T&&b.current){let P=tn(b.current);x.current=P,f.current=true,`${e}${P.length}`;}window.__FORK_REACT__=ur__default,window.__FORK_REACT_DOM__=eo,window.__FORK_REACT_JSX__=to;let U=Date.now(),M=`${i}${s.bundleUrl.replace("bundle.js","component.css")}?t=${U}`,_=document.createElement("link");_.rel="stylesheet",_.href=M,_.dataset.forkSlot=e,document.head.appendChild(_);let v=document.createElement("script");return v.src=A+"?t="+U,v.onload=()=>{let P=window.__FORK_EXPORT__;if(P?.default){if(b.current&&x.current&&f.current){let J=b.current.getBoundingClientRect(),K=b.current.cloneNode(true);K.setAttribute("data-fork-clone-overlay","true"),K.style.position="fixed",K.style.top=`${J.top}px`,K.style.left=`${J.left}px`,K.style.width=`${J.width}px`,K.style.height=`${J.height}px`,K.style.flex="none",K.style.minHeight="auto",K.style.zIndex="9998",K.style.pointerEvents="none",K.style.overflow="hidden";let he=getComputedStyle(b.current).backgroundColor;K.style.backgroundColor=he&&he!=="rgba(0, 0, 0, 0)"&&he!=="transparent"?he:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(K);let j=b.current.querySelectorAll("*"),Y=K.querySelectorAll("*");for(let ae=0;ae<j.length;ae++)j[ae].scrollTop!==0&&(Y[ae].scrollTop=j[ae].scrollTop),j[ae].scrollLeft!==0&&(Y[ae].scrollLeft=j[ae].scrollLeft);F.current=K;}d(()=>P.default),w.current=H;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},v.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(v),()=>{v.remove(),_.remove(),B.current&&(clearTimeout(B.current),B.current=null),F.current&&(F.current.remove(),F.current=null);}},[H,i,e]),useEffect(()=>{if(!f.current||!k||!b.current){`${e}${f.current}`,b.current;return}let A=x.current;if(!A){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!b.current)return;let I=tn(b.current),h=Po(A,I),c=Io(A,I),T=F.current;if(`${e}${h.length}${c.length}`,c.length>0&&T){let U=To(c);B.current=setTimeout(()=>{B.current=null;let M=400;T.animate([{opacity:1},{opacity:0}],{duration:M,fill:"forwards"}),U.animate([{opacity:1},{opacity:0}],{duration:M,fill:"forwards"}),setTimeout(()=>{T.remove(),U.remove(),F.current=null,h.length>0&&(rn(h));},M);},3500);}else T&&(T.remove(),F.current=null),h.length>0&&(rn(h));x.current=null,f.current=false,H&&(sessionStorage.setItem(`__fork_animated_${e}`,H),`${e}`);});});},[k]);let N={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!s||s.status!=="complete"||!s.bundleUrl)return jsx("div",{ref:b,style:N,children:t});if(!k)return jsx("div",{ref:b,style:N,children:t});let g=t?.props??{};return jsx(cr,{slotId:e,resetKey:H,fallback:jsx("div",{ref:b,style:N,children:t}),children:jsx(Ho,{component:k,containerRef:b,wrapperStyle:N,hostProps:g})})}var an=new Set;function No(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 ln(e,t=new Set){return Children.forEach(e,r=>{if(!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&&ln(n.children,t);}),t}function Oo({slotId:e,props:t,children:r,allowedFetches:n,githubRepo:o,callbacks:s,mode:i="iframe",shared:a,events:u}){if(dr(r,e),i==="direct")return jsx(on,{slotId:e,githubRepo:o,shared:a,events:u,children:r});let m=Ot(e),{baseUrl:k,apiKey:d,appId:w}=ke(),b=useRef(null),x=useRef(false),f=useRef(null),F=useRef(s);F.current=s;let B=useRef(t);B.current=t;let C=useRef(n);C.current=n,useEffect(()=>{if(typeof process<"u")return;let N=ln(r),R=new Set(s?Object.keys(s):[]),g=[...N].filter(A=>!R.has(A));g.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,s]),useEffect(()=>{an.has(e)||(an.add(e),fetch(`${k}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${d}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:w,label:e,propsShape:t?No(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:o,callbackNames:s?Object.keys(s):[],mode:i||"iframe"})}).catch(()=>{}));},[e,k,d,o,w]);let S=useCallback(N=>{let R=b.current;if(R?.contentWindow&&x.current){let g=F.current?Object.keys(F.current):[];R.contentWindow.postMessage({type:"slot:props",props:N,callbackNames:g},"*"),f.current=null;}else f.current=N;},[]),D=useCallback((N,R)=>{let g=C.current;return !g||g.length===0?false:g.some(A=>{let[I,h]=A.split(" "),c=R.split("?")[0];return N.toUpperCase()===I.toUpperCase()&&c.startsWith(h)})},[]);if(useEffect(()=>{if(!m?.bundleUrl)return;let N=async R=>{if(R.source===b.current?.contentWindow){if(R.data?.type==="slot:ready")x.current=true,b.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:C.current||[]},"*"),C.current,f.current?S(f.current):S(B.current||{});else if(R.data?.type==="slot:event"){let g=R.data.event;g?.navigate&&(window.location.hash=g.navigate);}else if(R.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(R.data.text).catch(g=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,g.message);});else if(R.data?.type==="slot:callback"){let{name:g,args:A}=R.data,I=F.current?.[g];I?(I(...A||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${g}`);}else if(R.data?.type==="slot:fetch"){let{id:g,method:A,url:I,body:h}=R.data,c=b.current?.contentWindow;if(!c)return;let T=A||"GET";if(!D(T,I)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${g}: ${T} ${I} \u2014 not in allowedFetches`),c.postMessage({type:"slot:fetch-response",id:g,error:`Fetch not allowed: ${T} ${I}`},"*");return}try{let U={method:T};h&&T!=="GET"&&(U.headers={"Content-Type":"application/json"},U.body=JSON.stringify(h));let M=await fetch(I,U),_=await M.json();`${e}${g}${M.status}`,c.postMessage({type:"slot:fetch-response",id:g,data:_,status:M.status},"*");}catch(U){console.error(`[ForkSlot:${e}] fetch #${g} failed:`,U.message),c.postMessage({type:"slot:fetch-response",id:g,error:U.message},"*");}}}};return window.addEventListener("message",N),()=>{window.removeEventListener("message",N),x.current=false;}},[m?.bundleUrl,e,S,D]),useEffect(()=>{m?.bundleUrl&&x.current&&S(t||{});},[t,m?.bundleUrl,S]),!m||m.status!=="complete"||!m.bundleUrl)return `${e}${m?.status||"none"}${m?.bundleUrl||"none"}`,jsx(Fragment,{children:r});`${e}${m.bundleUrl}`;let H=`${k}${m.bundleUrl.replace("/bundle.js","/host")}`;return jsx("iframe",{ref:b,src:H,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function Dt({style:e={width:20,height:20},...t}){return jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[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"}),jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),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"}),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"}),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 Ko=5600,pr=2147483002;function Wo(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function Vo(){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 Xo(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 mr({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=useState(false),[s,i]=useState(false),[a,u]=useState(null),[m,k]=useState(null),[d,w]=useState(null),b=useRef(0),x=n?48:40,f=Wo(r),F=!!(f&&r?.state==="complete"&&r.unreadCompletedCount>0),B=F?f:m?.key??null,C=!!(r&&r.state==="running"&&r.runningCount>0),S=!!(B&&B!==a&&(F||m)),D=C||S,H=F?r?.label:m?.label,N=S?"Built":r?.label??"Fork this app",R=S?H:r?.detail,g=gr(r?.label??"Fork this app",r?.detail),A=gr(N,R),I=S?Math.min(420,Math.max(326,A,m?.width??0,b.current+40)):A,h=S?46:40,c=D?[N,R].filter(Boolean).join(" "):Xo(r,t)??"Fork this app",T=D?`${N}:${R??""}`:"idle",U=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!D;useEffect(()=>{if(typeof document>"u")return;let Y=document.createElement("div");return Y.setAttribute("data-fork-button-host","true"),Y.style.position="relative",Y.style.zIndex=String(pr),document.body.appendChild(Y),w(Y),()=>{Y.remove(),w(null);}},[]),useEffect(()=>{C&&(b.current=g);},[g,C]),useEffect(()=>{!F||!f||!r?.label||k(Y=>{if(Y?.key===f)return Y;let ae=Math.min(420,Math.max(326,gr("Built",r.label),b.current+40));return {key:f,label:r.label,width:ae,startedAt:Date.now()}});},[r?.label,f,F]),useEffect(()=>{r?.state==="complete"&&r.unreadCompletedCount===0&&k(null);},[r?.state,r?.unreadCompletedCount]),useEffect(()=>{if(!B||!S||B===a)return;let Y,ae=m?.key===B?m.startedAt:Date.now(),z=()=>{if(Date.now()-ae>=Ko&&!Vo()){u(B);return}Y=window.setTimeout(z,250);};return Y=window.setTimeout(z,250),()=>{Y!==void 0&&window.clearTimeout(Y);}},[B,a,m?.key,m?.startedAt,S]);let M=D?{position:"fixed",bottom:24,right:24,zIndex:pr,width:`min(${I}px, calc(100vw - 32px))`,height:h,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:S?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:S?"flex-start":"center",gap:S?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:S?"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:pr,width:x,height:x,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"},_={minWidth:0,maxWidth:C?286:S?82:R?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},v={minWidth:0,maxWidth:S?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:S?1:0,color:"#64748b",fontSize:C?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},P={minWidth:0,flex:S?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:S?"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:S?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},j=jsxs(Fragment,{children:[jsx("style",{children:`
|
|
1
|
+
import*as mr from'react';import mr__default,{createContext,useSyncExternalStore,useState,useRef,useEffect,useCallback,useMemo,startTransition,Children,useContext,isValidElement}from'react';import*as po from'react-dom';import {createPortal}from'react-dom';import*as go from'react/jsx-runtime';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import*as mo from'react/jsx-dev-runtime';import {ChevronDown,Check,PictureInPicture,PictureInPicture2,X,User,BadgeCheck,Undo2,RotateCcw,ArrowUp,Loader2,AlertCircle,Sparkles,Package,Wrench,MessageSquare,Code,Terminal,FileSearch,Pencil}from'lucide-react';var Xe="__FORK_SHARED__";function or(){var t,r,n,o;let e=globalThis;return e[Xe]||(e[Xe]={}),(t=e[Xe]).react||(t.react=mr),(r=e[Xe])["react-dom"]||(r["react-dom"]=po),(n=e[Xe])["react/jsx-runtime"]||(n["react/jsx-runtime"]=go),(o=e[Xe])["react/jsx-dev-runtime"]||(o["react/jsx-dev-runtime"]=mo),e[Xe]}function sr(e){return Object.assign(or(),e)}var ho="__fork_preview_session__";function Ht(e){return `${ho}${e}`}var ae={apiKey:null,session:null},ir=new Set;function Ot(){for(let e of ir)try{e();}catch(t){console.error("[fork-preview] subscriber threw",t);}}function Gr(e){let t=Date.parse(e.expires_at);return Number.isFinite(t)?t<=Date.now():true}function yo(e){if(typeof window>"u")return null;try{let t=window.sessionStorage.getItem(Ht(e));if(!t)return null;let r=JSON.parse(t);return !r||typeof r!="object"||typeof r.preview_session_id!="string"?null:Gr(r)?(window.sessionStorage.removeItem(Ht(e)),null):r}catch{return null}}function ar(e,t){if(!(typeof window>"u"))try{t?window.sessionStorage.setItem(Ht(e),JSON.stringify(t)):window.sessionStorage.removeItem(Ht(e));}catch{}}function st(e){ae.apiKey!==e&&(ae.apiKey=e,ae.session=yo(e),Ot());}function De(){return ae.session?Gr(ae.session)?(Ut(null),null):ae.session:null}function Ut(e){ae.session=e,ae.apiKey&&ar(ae.apiKey,e),Ot();}function dt(e){ae.session&&ae.session.fork_id!==e&&(ae.session={...ae.session,fork_id:e},ae.apiKey&&ar(ae.apiKey,ae.session),Ot());}function Ge(e,t){ae.session&&(ae.session.container_id===e&&ae.session.container_name===t||(ae.session={...ae.session,container_id:e,container_name:t??ae.session.container_name??"Fork",fork_id:null},ae.apiKey&&ar(ae.apiKey,ae.session),Ot()));}function lr(e){return ir.add(e),()=>{ir.delete(e);}}var Yr="__fork_preview";function Qr(){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(Yr);return typeof r=="string"&&r.length>0?r:null}function ur(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 en()!==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(Yr);let r=t.toString(),n=r?`#${r}`:"";try{window.history.replaceState(null,"",window.location.pathname+window.location.search+n);}catch{}}var Ye=null,cr=null,ft=null;function en(){if(Ye)return Ye;let e=Qr();return e?(Ye=e,Zr(),Ye):null}async function dr(e,t){st(e);let r=De();if(r)return Ye=null,r;let n=Ye??Qr();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 a=await o.json().catch(()=>({}));return console.warn(`[fork-preview] activate failed (${o.status}): ${a.error??"unknown"}`),null}let s=await o.json(),i={preview_session_id:s.preview_session_id,tenant_id:s.tenant_id,app_id:s.app_id,target:s.target,operator_id:s.operator_id,container_id:s.container_id??null,container_name:s.container_name??"Fork",fork_id:s.fork_id??null,expires_at:s.expires_at};return Ut(i),i}catch(o){return console.warn("[fork-preview] activate threw",o),null}}async function fr(e,t,r){st(e);let n=De();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&&cr===o||(cr=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 u=await s.json().catch(()=>({}));return console.warn(`[fork-preview] auto admin activate failed (${s.status}): ${u.error??"unknown"}`),null}let i=await s.json(),a={preview_session_id:i.preview_session_id,tenant_id:i.tenant_id,app_id:i.app_id,target:i.target,operator_id:i.operator_id,container_id:i.container_id??null,container_name:i.container_name??"Fork",fork_id:i.fork_id??null,expires_at:i.expires_at};return Ut(a),a}catch(s){return console.warn("[fork-preview] auto admin activate threw",s),null}finally{cr=null,ft=null;}})()),ft}function bo(){return De()}function wo(){return null}function Nt(){return useSyncExternalStore(lr,bo,wo)}function te(){let e=De();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 s=await o.json(),i={};for(let[a,u]of Object.entries(s.modules)){let k=u.moduleUrl??u.bundleUrl??null,g=u.legacyModuleUrl??u.legacyBundleUrl??null;i[a]={forkId:u.forkId,moduleUrl:k,legacyModuleUrl:g,bundleUrl:u.bundleUrl??k,legacyBundleUrl:u.legacyBundleUrl??g,cssUrls:u.cssUrls??[],integrity:u.integrity,metadata:u.metadata,highlightHint:u.highlightHint,buildId:u.buildId,updatedAt:u.updatedAt};}return {containerId:s.containerId,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var vo="fork:manifest:v1";function pr(e,t,r){return `${vo}:${e}:${t}:${r}`}function So(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(pr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function Fo(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(pr(e,t,r),JSON.stringify(n));}catch{}}function xo(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(pr(e,t,r));}catch{}}function Ao(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,a]of r){let u=t.slots[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,a]of o){let u=t.modules[i];if(!u||u.forkId!==a.forkId||u.buildId!==a.buildId)return true}return false}var sn=createContext(null),Ro=12e3,Eo=45e3,tn="fork:activity:v1",Co=new Set(["pending","running","building"]),$o="Setting up environment";function Ae(e){return Co.has(e)}function Po(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=Po(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 rn(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 Qe(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let r=JSON.parse(t);return Array.isArray(r)?new Set(r.filter(n=>typeof n=="string")):new Set}catch{return new Set}}function Ze(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function Mo(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function Lo(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 Ho(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():$o,detail:s?Mo(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 gt(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function Oo(e,t){let r={};for(let[n,o]of Object.entries(t.boundaries||{}))r[n]={...o,moduleUrl:gt(e,o.moduleUrl),cssUrls:Array.isArray(o.cssUrls)?o.cssUrls.map(s=>gt(e,s)):[]};return r}function nn(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let a=i.bundleUrl??i.legacyBundleUrl;a&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:gt(e,a),createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function on(e,t){let r={};for(let[n,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";s&&(r[n]={id:o.forkId,boundaryId:n,moduleUrl:gt(e,s),cssUrls:(o.cssUrls??[]).map(i=>gt(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return r}function Uo(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,a="authUrl"in e?e.authUrl:void 0,[u]=useState(()=>(st(t),ur(t))),[k,g]=useState({}),[d,w]=useState(i?{userId:i,userHash:void 0}:null),[A,f]=useState(!!i||u),[p,I]=useState({}),[M,h]=useState(!o),[v,T]=useState(0),[N,D]=useState(null),[O,E]=useState([]),[L,B]=useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),S=useRef(new Map),c=useRef(new Map),[F,P]=useState(0),C=useRef(new Set),x=useRef(new Map),y=useRef(void 0),_=useRef(new Map),z=useRef([]),V=useRef(new Set),Q=useRef(false);or(),useEffect(()=>{return dr(t,r).then(()=>{}),()=>{}},[]);let j=Nt();useEffect(()=>{u||j||!o||!d?.userHash||fr(t,r,{appId:o,userId:d.userId,userHash:d.userHash});},[t,o,d?.userHash,d?.userId,r,u,j?.preview_session_id]),s&&y.current!==s&&(sr(s),y.current=s),useEffect(()=>{a&&(u||(f(false),fetch(a,{credentials:"include"}).then(b=>{if(!b.ok)throw new Error(`Auth endpoint returned ${b.status}`);return b.json()}).then(b=>{if(!b.userId||typeof b.userId!="string")throw new Error("authUrl response must include userId");w({userId:b.userId,userHash:typeof b.userHash=="string"?b.userHash:void 0});}).catch(b=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",b.message);}).finally(()=>{f(true);})));},[a,u]),useEffect(()=>{!a&&i&&(w({userId:i,userHash:void 0}),f(true));},[i,a]);let q=d?.userId??"",de=d?.userHash,K=j?"":q,G=j?void 0:de,we=!!o,ve=useCallback(async()=>{if(!we){D(null),I({}),h(true),T(m=>m+1);return}if(!A){h(false);return}if(!j&&!K||!o){D(null),I({}),h(true),T(m=>m+1);return}if(h(false),!j){try{let m=await Bt({baseUrl:r,apiKey:t,appId:o,userId:K,userHash:G});m&&(D(m.containerId),g(nn(r,m,K,o)),I(on(r,m)));}catch(m){console.error("[ForkProvider] Failed to fetch fork manifest:",m.message),D(null),g({}),I({});}finally{T(m=>m+1),h(true);}return}if(D(j.container_id??null),j.container_id){try{let m=await Bt({baseUrl:r,apiKey:t,appId:o,userId:K,containerId:j.container_id,extraHeaders:te()});m&&(g(nn(r,m,K,o)),I(on(r,m)));}catch(m){console.error("[ForkProvider] Failed to fetch preview container manifest:",m.message),g({}),I({});}finally{T(m=>m+1),h(true);}return}let b=new URLSearchParams({appId:o,userId:K});G&&b.set("userHash",G);try{let m=await fetch(`${r}/api/v1/boundaries/manifest?${b.toString()}`,{headers:{Authorization:`Bearer ${t}`,...te()}});if(!m.ok)throw new Error(`${m.status}`);let H=await m.json();I(Oo(r,H));}catch(m){console.error("[ForkProvider] Failed to fetch module override manifest:",m.message),I({});}finally{T(m=>m+1),h(true);}},[t,o,r,A,we,G,K,j?.preview_session_id,j?.fork_id,j?.container_id]);useEffect(()=>{if(!K||o&&(!j||j.container_id))return;let b=new URLSearchParams({userId:K});G&&b.set("userHash",G),fetch(`${r}/api/v1/forks/active?${b.toString()}`,{headers:{Authorization:`Bearer ${t}`,...te()}}).then(m=>{if(!m.ok)throw new Error(`${m.status}`);return m.json()}).then(m=>{m&&typeof m=="object"&&g(m);}).catch(()=>{});},[t,o,K,G,r,j?.preview_session_id,j?.fork_id]),useEffect(()=>{ve();},[ve]);let _e=useCallback((b,m)=>{g(H=>({...H,[b]:m}));},[]),ye=useCallback(b=>{g(m=>{let H={...m};return delete H[b],H});},[]),Me=useCallback(b=>{C.current.add(b);},[]),We=useCallback(b=>C.current.has(b)?(C.current.delete(b),true):false,[]),Ce=useCallback((b,m)=>{x.current.set(b,m);},[]),$e=useCallback((b,m)=>x.current.get(b)!==m?false:(x.current.delete(b),true),[]),Je=useCallback(b=>{if(!o)return;let m=JSON.stringify(b);S.current.get(b.id)===m||c.current.get(b.id)?.signature===m||(c.current.set(b.id,{boundary:b,signature:m}),P(X=>X+1));},[o]);useEffect(()=>{if(!o||c.current.size===0)return;let b=setTimeout(()=>{let m=Array.from(c.current.values());m.length!==0&&fetch(`${r}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:m.map(H=>H.boundary)})}).then(H=>{if(!H.ok)throw new Error(`${H.status}`)}).then(()=>{for(let H of m)c.current.get(H.boundary.id)?.signature===H.signature&&(c.current.delete(H.boundary.id),S.current.set(H.boundary.id,H.signature));}).catch(H=>{console.error("[ForkProvider] Failed to register module boundaries:",H.message);});},50);return ()=>{clearTimeout(b);}},[t,o,r,F]);let tr=useCallback(b=>p[b],[p]),at=j?`preview:${j.preview_session_id}`:K,Et=`${t}:${o||"no-app"}:${N||"no-container"}:${at||"anonymous"}`,Ct=`${t}:${o||"no-app"}:${at||"anonymous"}`,re=`${tn}:seen:${Et}`,ge=`${tn}:tracked:${Et}`;useEffect(()=>{z.current=O;},[O]);let $t=useCallback(()=>{let b={Authorization:`Bearer ${t}`,...te()};return o&&(b["X-Fork-App-Id"]=o),!j&&K&&(b["X-Fork-User-Id"]=K),!j&&G&&(b["X-Fork-User-Hash"]=G),b},[t,o,j,G,K]);useEffect(()=>{if(typeof window>"u")return;let b=window.__FORK_RUNTIME__,m={dataFetch:async(H,X,J="POST")=>{if(!o||!N)throw new Error("Fork data is unavailable until appId and containerId are resolved");let W=typeof H=="string"&&H.startsWith("/")?H:`/${String(H||"")}`,ne=W.startsWith("/api/v1/data")?W:`/api/v1/data${W}`,ue=J.toUpperCase(),Z=new URL(`${r}${ne}`),le={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o,...te()};!j&&K&&(le["X-Fork-User-Id"]=K),!j&&G&&(le["X-Fork-User-Hash"]=G);let ce={method:ue,headers:le};ue==="GET"?(Z.searchParams.set("appId",o),Z.searchParams.set("containerId",N)):ce.body=JSON.stringify({appId:o,containerId:N,...X&&typeof X=="object"?X:{}});let oe=await fetch(Z.toString(),ce),se=await oe.json().catch(()=>({}));if(!oe.ok)throw new Error(typeof se?.error=="string"?se.error:`Fork data API ${oe.status}`);return se}};return window.__FORK_RUNTIME__=m,()=>{window.__FORK_RUNTIME__===m&&(window.__FORK_RUNTIME__=b);}},[t,o,r,N,j,G,K]);let Pe=useCallback(async()=>{if(!N)return;let b=new URLSearchParams({container_id:N}),m=await fetch(`${r}/api/v1/forks?${b.toString()}`,{headers:$t()}).catch(()=>null);if(!m||!m.ok)return;let H=await m.json().catch(()=>({})),X=Array.isArray(H.forks)?H.forks:[],J=Qe(re),W=Qe(ge),ne=false,ue=new Map(z.current.map(le=>[le.id,le])),Z=[];for(let le of X){let ce=rn(le);Ae(ce.status)&&!W.has(ce.id)&&(W.add(ce.id),ne=true);let oe=ue.get(ce.id),se=oe?Ae(oe.status):false,Se=pt(ce);ce.status==="complete"&&(W.has(ce.id)||se)&&!J.has(Se)&&!V.current.has(Se)&&!oe?.unread&&(Q.current||W.has(ce.id)||se)&&(V.current.add(Se),Z.push(ce));}if(E(le=>{let ce=new Map(le.map(fe=>[fe.id,fe])),oe=new Set,se=new Map;for(let fe of X){let Fe=rn(fe);oe.add(Fe.id);let ie=ce.get(Fe.id),Te=ie?Ae(ie.status):false,Re=pt(Fe),rt=Fe.status==="complete"&&(W.has(Fe.id)||Te)&&!J.has(Re),xe=Dt(ie,{...Fe,unread:rt});se.set(Fe.id,xe);}for(let fe of le)oe.has(fe.id)||(Ae(fe.status)||fe.unread)&&se.set(fe.id,fe);let Se=[...se.values()].sort((fe,Fe)=>Date.parse(Fe.updatedAt)-Date.parse(fe.updatedAt));return z.current=Se,Se}),ne&&Ze(ge,W),Z.length>0){for(let le of Z)le.targetKind==="module"&&Ce(le.targetId,le.id);ve().catch(()=>{});}Q.current=true;},[re,ge,r,$t,N,ve,Ce]),lt=useCallback((b,m)=>{let H=To(b,m);if(!H)return;let X=b.containerId??b._containerId;if(X&&!N&&D(X),Ae(H.status)){let ne=Qe(ge);ne.has(H.id)||(ne.add(H.id),Ze(ge,ne));}let J=new Map(z.current.map(ne=>[ne.id,ne]));J.set(H.id,Dt(J.get(H.id),H));let W=[...J.values()].sort((ne,ue)=>Date.parse(ue.updatedAt)-Date.parse(ne.updatedAt));z.current=W,E(W);},[ge,N]),Be=useCallback((b,m)=>{let H=Lo(m),X=Qe(re),J=Qe(ge),W=z.current.find(oe=>oe.id===b),ne=W?Ae(W.status):false;H.status&&Ae(H.status)&&!J.has(b)&&(J.add(b),Ze(ge,J));let ue=W?Dt(W,{...W,...H}):null,Z=ue?pt(ue):null,le=!!(ue&&ue.status==="complete"&&(J.has(b)||ne)&&Z&&!X.has(Z)&&!V.current.has(Z)&&!W?.unread),ce=m.type==="complete"&&W?.targetKind==="module"?W.targetId:null;if(E(oe=>{let se=oe.find(Te=>Te.id===b);if(!se)return oe;let Se=Dt(se,{...se,...H}),fe=Se.status==="complete"&&(J.has(b)||Ae(se.status))&&!X.has(pt(Se)),Fe={...Se,unread:fe},ie=oe.map(Te=>Te.id===b?Fe:Te).sort((Te,Re)=>Date.parse(Re.updatedAt)-Date.parse(Te.updatedAt));return z.current=ie,ie}),le&&ue&&Z&&V.current.add(Z),m.type==="complete"){let oe=m.data&&typeof m.data=="object"?m.data:{},se=typeof oe.boundaryId=="string"?oe.boundaryId:ce;se&&Ce(se,b),ve().catch(()=>{});}},[re,ge,ve,Ce]),Le=useCallback(b=>{let m=Qe(re),H=Qe(ge),X=false,J=false;for(let W of z.current){if(W.status!=="complete"||b&&W.id!==b)continue;let ne=pt(W);m.has(ne)||(m.add(ne),X=true),H.delete(W.id)&&(J=true);}E(W=>{let ne=W.map(ue=>ue.status!=="complete"||b&&ue.id!==b?ue:{...ue,unread:false});return z.current=ne,ne}),X&&Ze(re,m),J&&Ze(ge,H);},[re,ge]);useEffect(()=>{Q.current=false,V.current.clear(),E([]);for(let b of _.current.values())b.close();_.current.clear(),N&&Pe();},[N,Pe]),useEffect(()=>{if(typeof document>"u")return;let b=()=>{let m=document.visibilityState!=="hidden";B(m),m&&N&&Pe();};return document.addEventListener("visibilitychange",b),window.addEventListener("focus",b),window.addEventListener("online",b),()=>{document.removeEventListener("visibilitychange",b),window.removeEventListener("focus",b),window.removeEventListener("online",b);}},[N,Pe]),useEffect(()=>{let b=O.filter(X=>Ae(X.status));if(!N||b.length===0)return;let m=L?Ro:Eo,H=window.setInterval(()=>{Pe();},m);return ()=>window.clearInterval(H)},[N,L,O,Pe]),useEffect(()=>{for(let b of _.current.values())b.close();_.current.clear();},[t,r,j?.preview_session_id,G,K]),useEffect(()=>{let b=new Set(O.filter(m=>Ae(m.status)).map(m=>m.id));for(let[m,H]of _.current.entries())b.has(m)||(H.close(),_.current.delete(m));for(let m of b){if(_.current.has(m))continue;let H=new URLSearchParams({key:t});j?(H.set("previewSessionId",j.preview_session_id),H.set("previewForkId",m)):K&&H.set("userId",K),G&&H.set("userHash",G);let X=new EventSource(`${r}/api/v1/forks/${m}/events?${H.toString()}`);X.onmessage=J=>{try{Be(m,JSON.parse(J.data));}catch{}},X.onerror=()=>{X.close(),_.current.delete(m);},_.current.set(m,X);}},[t,r,O,j,Be,G,K]),useEffect(()=>()=>{for(let b of _.current.values())b.close();_.current.clear();},[]);let Ve=Ho(O),ct=useCallback(async()=>{if(!K)throw new Error("Reset requires a resolved user identity.");let b=new URLSearchParams({userId:K});G&&b.set("userHash",G);let m={Authorization:`Bearer ${t}`,...te()};o&&(m["X-Fork-App-Id"]=o);let H=await fetch(`${r}/api/v1/forks/all?${b.toString()}`,{method:"DELETE",headers:m});if(!H.ok){let J=await H.json().catch(()=>({}));throw new Error(J.error||`API error: ${H.status}`)}let X=await H.json().catch(()=>({}));g({}),I({}),h(true),T(J=>J+1),E([]),V.current.clear(),Ze(re,new Set),Ze(ge,new Set),C.current.clear(),x.current.clear();try{for(let J=sessionStorage.length-1;J>=0;J-=1){let W=sessionStorage.key(J);W&&W.startsWith("__fork_animated_")&&sessionStorage.removeItem(W);}}catch{}return X},[re,ge,t,o,r,G,K]);return jsx(sn.Provider,{value:{apiKey:t,userId:K,userHash:G,baseUrl:r,appId:o,forks:k,moduleOverridesEnabled:we,moduleManifestReady:M,moduleManifestVersion:v,currentContainerId:N,forkActivities:O,activitySummary:Ve,previewSession:j,trackForkActivity:lt,recordForkActivityEvent:Be,markForkActivitySeen:Le,refreshForkActivities:Pe,setSlotFork:_e,clearSlotFork:ye,skipAnimationForSlot:Me,shouldSkipAnimation:We,queueBoundaryAnimation:Ce,consumeBoundaryAnimation:$e,registerBoundary:Je,getBoundaryOverride:tr,refreshModuleManifest:ve,resetAllForks:ct,highlightScope:Ct},children:n})}function he(){let e=useContext(sn);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function jt(e){return he().forks[e]}var mt=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 hr(e,t){let r;try{r=Children.only(e);}catch{let o=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 ln=new Set;function cn(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 Ko(e,t){let r=[];for(let n of t)if(!e.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function zo(e,t){let r=[];for(let n of e)if(!t.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function dn(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 un(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let g=0;g<e.length;g++){let{rect:d,borderRadius:w}=e[g],A=d.left-.5,f=d.top-.5,p=d.width+1,I=d.height+1,M=Math.min(w+.5,p/2,I/2),h=dn(A,f,p,I,M),v=`__fork-glow-${g}`,T=document.createElementNS(t,"filter");T.setAttribute("id",v),T.setAttribute("x","-100%"),T.setAttribute("y","-100%"),T.setAttribute("width","300%"),T.setAttribute("height","300%");let N=document.createElementNS(t,"feGaussianBlur");N.setAttribute("in","SourceGraphic"),N.setAttribute("stdDeviation","8"),T.appendChild(N),o.appendChild(T);let D=`__fork-mask-${g}`,O=document.createElementNS(t,"mask");O.setAttribute("id",D),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(A-200)),O.setAttribute("y",String(f-200)),O.setAttribute("width",String(p+400)),O.setAttribute("height",String(I+400));let E=document.createElementNS(t,"rect");E.setAttribute("x",String(A-200)),E.setAttribute("y",String(f-200)),E.setAttribute("width",String(p+400)),E.setAttribute("height",String(I+400)),E.setAttribute("fill","white"),O.appendChild(E);let L=document.createElementNS(t,"path");L.setAttribute("d",h),L.setAttribute("fill","black"),O.appendChild(L),o.appendChild(O);let B=document.createElementNS(t,"g");B.setAttribute("mask",`url(#${D})`),B.setAttribute("opacity","0");let S=document.createElementNS(t,"g");S.setAttribute("filter",`url(#${v})`);let c=document.createElementNS(t,"path");c.setAttribute("d",h),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),S.appendChild(c),B.appendChild(S),n.appendChild(B);let F=document.createElementNS(t,"path");F.setAttribute("d",h),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),F.setAttribute("stroke-width","2"),F.setAttribute("stroke-linecap","round"),F.setAttribute("opacity","0"),n.appendChild(F),s.push(c,F),c.__group=B;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let g=0;g<s.length;g+=2){let d=s[g],w=s[g+1],A=d.__group,f=w.getTotalLength(),p=d.getTotalLength();if(f<=0)continue;let I=f*.35;w.setAttribute("stroke-dasharray",`${I} ${f-I}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*f,opacity:.92,offset:.06},{strokeDashoffset:-2*f,opacity:.92,offset:.92},{strokeDashoffset:-2.25*f,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let M=p*.35;d.setAttribute("stroke-dasharray",`${M} ${p-M}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*p,offset:.06},{strokeDashoffset:-2*p,offset:.92},{strokeDashoffset:-2.25*p,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(A.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(k);for(let d of i)try{d.cancel();}catch{}let g=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});g.onfinish=()=>r.remove(),window.removeEventListener("click",u);},k=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function Wo(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let k=a.left,g=a.top,d=a.width,w=a.height,A=Math.min(u,d/2,w/2),f=dn(k,g,d,w,A),p=document.createElementNS(t,"path");p.setAttribute("d",f),p.setAttribute("fill","none"),p.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),p.setAttribute("stroke-width","1.5"),p.setAttribute("stroke-dasharray","8 4"),p.setAttribute("stroke-linecap","round"),p.setAttribute("filter","url(#__fork-removed-shadow)"),p.setAttribute("opacity","0"),n.appendChild(p),p.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 Jo(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 Vo=mr__default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return jsx("div",{ref:r,style:n,children:jsx(t,{...o})})},(e,t)=>e.component===t.component&&Jo(e.hostProps,t.hostProps)),gr=class extends mr__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 fn({slotId:e,children:t,githubRepo:r,shared:n,events:o,entityBindings:s}){hr(t,e);let i=jt(e),{baseUrl:a,apiKey:u,appId:k,shouldSkipAnimation:g}=he(),[d,w]=useState(null),A=useRef(null),f=useRef(null),p=useRef(null),I=useRef(false),M=useRef(null),h=useRef(null),v=!!(n||o),T=useRef(null);v&&!T.current&&(T.current=new mt(e));let N=useRef(o);if(N.current=o,useEffect(()=>{if(v)return ()=>{T.current?.destroy(),T.current=null;}},[v,e]),v&&T.current&&n)for(let[B,S]of Object.entries(n))T.current.set(B,S);useEffect(()=>{if(!v)return;T.current||(T.current=new mt(e));let B=T.current,S=Object.keys(N.current||{}).map(c=>B.on(c,(...F)=>N.current?.[c]?.(...F)));return ()=>S.forEach(c=>c())},[v,e]),useEffect(()=>{if(ln.has(e))return;ln.add(e);let B={id:e,appId:k,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[],entityBindings:s||{}};fetch(`${a}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json"},body:JSON.stringify(B)}).catch(()=>{});},[e,a,u,r,k,s]);let D=i?.id||null;useEffect(()=>{if(i?.bundleUrl,A.current,f.current,!i?.bundleUrl||!D){return}let B=`${a}${i.bundleUrl.replace("bundle.js","component.js")}`,S=`__fork_animated_${e}`,c=sessionStorage.getItem(S),F=g(e),P=!F&&c!==D;if(F&&D&&sessionStorage.setItem(S,D),P&&f.current){let z=cn(f.current);p.current=z,I.current=true,`${e}${z.length}`;}window.__FORK_REACT__=mr__default,window.__FORK_REACT_DOM__=po,window.__FORK_REACT_JSX__=go;let C=Date.now(),x=`${a}${i.bundleUrl.replace("bundle.js","component.css")}?t=${C}`,y=document.createElement("link");y.rel="stylesheet",y.href=x,y.dataset.forkSlot=e,document.head.appendChild(y);let _=document.createElement("script");return _.src=B+"?t="+C,_.onload=()=>{let z=window.__FORK_EXPORT__;if(z?.default){if(f.current&&p.current&&I.current){let V=f.current.getBoundingClientRect(),Q=f.current.cloneNode(true);Q.setAttribute("data-fork-clone-overlay","true"),Q.style.position="fixed",Q.style.top=`${V.top}px`,Q.style.left=`${V.left}px`,Q.style.width=`${V.width}px`,Q.style.height=`${V.height}px`,Q.style.flex="none",Q.style.minHeight="auto",Q.style.zIndex="9998",Q.style.pointerEvents="none",Q.style.overflow="hidden";let j=getComputedStyle(f.current).backgroundColor;Q.style.backgroundColor=j&&j!=="rgba(0, 0, 0, 0)"&&j!=="transparent"?j:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(Q);let q=f.current.querySelectorAll("*"),de=Q.querySelectorAll("*");for(let K=0;K<q.length;K++)q[K].scrollTop!==0&&(de[K].scrollTop=q[K].scrollTop),q[K].scrollLeft!==0&&(de[K].scrollLeft=q[K].scrollLeft);M.current=Q;}w(()=>z.default),A.current=D;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},_.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(_),()=>{_.remove(),y.remove(),h.current&&(clearTimeout(h.current),h.current=null),M.current&&(M.current.remove(),M.current=null);}},[D,a,e]),useEffect(()=>{if(!I.current||!d||!f.current){`${e}${I.current}`,f.current;return}let B=p.current;if(!B){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!f.current)return;let S=cn(f.current),c=Ko(B,S),F=zo(B,S),P=M.current;if(`${e}${c.length}${F.length}`,F.length>0&&P){let C=Wo(F);h.current=setTimeout(()=>{h.current=null;let x=400;P.animate([{opacity:1},{opacity:0}],{duration:x,fill:"forwards"}),C.animate([{opacity:1},{opacity:0}],{duration:x,fill:"forwards"}),setTimeout(()=>{P.remove(),C.remove(),M.current=null,c.length>0&&(un(c));},x);},3500);}else P&&(P.remove(),M.current=null),c.length>0&&(un(c));p.current=null,I.current=false,D&&(sessionStorage.setItem(`__fork_animated_${e}`,D),`${e}`);});});},[d]);let O={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return jsx("div",{ref:f,style:O,children:t});if(!d)return jsx("div",{ref:f,style:O,children:t});let L=t?.props??{};return jsx(gr,{slotId:e,resetKey:D,fallback:jsx("div",{ref:f,style:O,children:t}),children:jsx(Vo,{component:d,containerRef:f,wrapperStyle:O,hostProps:L})})}var gn=new Set;function Go(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 mn(e,t=new Set){return Children.forEach(e,r=>{if(!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&&mn(n.children,t);}),t}function Yo({slotId:e,props:t,children:r,allowedFetches:n,entityBindings:o,githubRepo:s,callbacks:i,mode:a="iframe",shared:u,events:k}){if(hr(r,e),a==="direct")return jsx(fn,{slotId:e,githubRepo:s,shared:u,events:k,entityBindings:o,children:r});let g=jt(e),{baseUrl:d,apiKey:w,appId:A,userId:f,userHash:p,currentContainerId:I,previewSession:M}=he(),h=useRef(null),v=useRef(false),T=useRef(null),N=useRef(i);N.current=i;let D=useRef(t);D.current=t;let O=useRef(n);O.current=n,useEffect(()=>{if(typeof process<"u")return;let S=mn(r),c=new Set(i?Object.keys(i):[]),F=[...S].filter(P=>!c.has(P));F.length>0&&console.error(`[ForkSlot:${e}] Missing bridged callbacks! The following callback props are used by children but not passed to ForkSlot's \`callbacks\` prop:
|
|
3
|
+
`+F.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,i]),useEffect(()=>{gn.has(e)||(gn.add(e),fetch(`${d}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${w}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:A,label:e,propsShape:t?Go(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:s,callbackNames:i?Object.keys(i):[],mode:a||"iframe",entityBindings:o||{}})}).catch(()=>{}));},[e,d,w,s,A,o]);let E=useCallback(S=>{let c=h.current;if(c?.contentWindow&&v.current){let F=N.current?Object.keys(N.current):[];c.contentWindow.postMessage({type:"slot:props",props:S,callbackNames:F},"*"),T.current=null;}else T.current=S;},[]),L=useCallback((S,c)=>{let F=O.current;return !F||F.length===0?false:F.some(P=>{let[C,x]=P.split(" "),y=c.split("?")[0];return S.toUpperCase()===C.toUpperCase()&&y.startsWith(x)})},[]);if(useEffect(()=>{if(!g?.bundleUrl)return;let S=async c=>{if(c.source===h.current?.contentWindow){if(c.data?.type==="slot:ready")v.current=true,h.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:O.current||[]},"*"),O.current,T.current?E(T.current):E(D.current||{});else if(c.data?.type==="slot:event"){let F=c.data.event;F?.navigate&&(window.location.hash=F.navigate);}else if(c.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(c.data.text).catch(F=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,F.message);});else if(c.data?.type==="slot:callback"){let{name:F,args:P}=c.data,C=N.current?.[F];C?(C(...P||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${F}`);}else if(c.data?.type==="slot:fetch"){let{id:F,method:P,url:C,body:x}=c.data,y=h.current?.contentWindow;if(!y)return;let _=P||"GET";if(!L(_,C)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${F}: ${_} ${C} \u2014 not in allowedFetches`),y.postMessage({type:"slot:fetch-response",id:F,error:`Fetch not allowed: ${_} ${C}`},"*");return}try{let z={method:_};x&&_!=="GET"&&(z.headers={"Content-Type":"application/json"},z.body=JSON.stringify(x));let V=await fetch(C,z),Q=await V.json();`${e}${F}${V.status}`,y.postMessage({type:"slot:fetch-response",id:F,data:Q,status:V.status},"*");}catch(z){console.error(`[ForkSlot:${e}] fetch #${F} failed:`,z.message),y.postMessage({type:"slot:fetch-response",id:F,error:z.message},"*");}}else if(c.data?.type==="slot:fork-data"){let{id:F,path:P,method:C,body:x}=c.data,y=h.current?.contentWindow;if(!y)return;if(!I||!A){y.postMessage({type:"slot:fork-data-response",id:F,error:"Fork data is unavailable until appId and containerId are resolved"},"*");return}let _=typeof P=="string"&&P.startsWith("/")?P:`/${String(P||"")}`,z=_.startsWith("/api/v1/data")?_:`/api/v1/data${_}`;try{let V={Authorization:`Bearer ${w}`,"Content-Type":"application/json","X-Fork-App-Id":A,...te()};!M&&f&&(V["X-Fork-User-Id"]=f),!M&&p&&(V["X-Fork-User-Hash"]=p);let Q=typeof C=="string"?C.toUpperCase():"POST",j=new URL(`${d}${z}`),q={method:Q,headers:V};Q==="GET"?(j.searchParams.set("appId",A),j.searchParams.set("containerId",I)):q.body=JSON.stringify({appId:A,containerId:I,...x&&typeof x=="object"?x:{}});let de=await fetch(j.toString(),q),K=await de.json().catch(()=>({}));if(!de.ok){let G=typeof K?.error=="string"?K.error:`Fork data API ${de.status}`;y.postMessage({type:"slot:fork-data-response",id:F,error:G,status:de.status},"*");return}y.postMessage({type:"slot:fork-data-response",id:F,data:K,status:de.status},"*");}catch(V){y.postMessage({type:"slot:fork-data-response",id:F,error:V.message},"*");}}}};return window.addEventListener("message",S),()=>{window.removeEventListener("message",S),v.current=false;}},[g?.bundleUrl,e,E,L,I,A,w,d,M,p,f]),useEffect(()=>{g?.bundleUrl&&v.current&&E(t||{});},[t,g?.bundleUrl,E]),!g||g.status!=="complete"||!g.bundleUrl)return `${e}${g?.status||"none"}${g?.bundleUrl||"none"}`,jsx(Fragment,{children:r});`${e}${g.bundleUrl}`;let B=`${d}${g.bundleUrl.replace("/bundle.js","/host")}`;return jsx("iframe",{ref:h,src:B,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function zt({style:e={width:20,height:20},...t}){return jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[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"}),jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),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"}),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"}),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 rs=5600,kr=2147483002;function ns(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function os(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function br(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 ss(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 wr({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=useState(false),[s,i]=useState(false),[a,u]=useState(null),[k,g]=useState(null),[d,w]=useState(null),A=useRef(0),f=n?48:40,p=ns(r),I=!!(p&&r?.state==="complete"&&r.unreadCompletedCount>0),M=I?p:k?.key??null,h=!!(r&&r.state==="running"&&r.runningCount>0),v=!!(M&&M!==a&&(I||k)),T=h||v,N=I?r?.label:k?.label,D=v?"Built":r?.label??"Fork this app",O=v?N:r?.detail,E=br(r?.label??"Fork this app",r?.detail),L=br(D,O),B=v?Math.min(420,Math.max(326,L,k?.width??0,A.current+40)):L,S=v?46:40,c=T?[D,O].filter(Boolean).join(" "):ss(r,t)??"Fork this app",F=T?`${D}:${O??""}`:"idle",P=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!T;useEffect(()=>{if(typeof document>"u")return;let q=document.createElement("div");return q.setAttribute("data-fork-button-host","true"),q.style.position="relative",q.style.zIndex=String(kr),document.body.appendChild(q),w(q),()=>{q.remove(),w(null);}},[]),useEffect(()=>{h&&(A.current=E);},[E,h]),useEffect(()=>{!I||!p||!r?.label||g(q=>{if(q?.key===p)return q;let de=Math.min(420,Math.max(326,br("Built",r.label),A.current+40));return {key:p,label:r.label,width:de,startedAt:Date.now()}});},[r?.label,p,I]),useEffect(()=>{r?.state==="complete"&&r.unreadCompletedCount===0&&g(null);},[r?.state,r?.unreadCompletedCount]),useEffect(()=>{if(!M||!v||M===a)return;let q,de=k?.key===M?k.startedAt:Date.now(),K=()=>{if(Date.now()-de>=rs&&!os()){u(M);return}q=window.setTimeout(K,250);};return q=window.setTimeout(K,250),()=>{q!==void 0&&window.clearTimeout(q);}},[M,a,k?.key,k?.startedAt,v]);let C=T?{position:"fixed",bottom:24,right:24,zIndex:kr,width:`min(${B}px, calc(100vw - 32px))`,height:S,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:v?12:999,backgroundColor:n?"#ffffff":"rgba(255, 255, 255, 0.92)",border:"1px solid rgba(148, 163, 184, 0.42)",display:"inline-flex",alignItems:"center",justifyContent:v?"flex-start":"center",gap:v?10:8,color:"#111827",boxShadow:n?"0 12px 24px -16px rgba(15, 23, 42, 0.45), 0 4px 10px -6px rgba(15, 23, 42, 0.25)":"0 10px 20px -18px rgba(15, 23, 42, 0.35), 0 2px 7px -5px rgba(15, 23, 42, 0.18)",transform:s?"scale(0.98)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease",cursor:"pointer",padding:v?"0 16px 0 14px":"0 13px 0 11px",margin:0,outline:"none",boxSizing:"border-box",fontFamily:'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}:{position:"fixed",bottom:24,right:24,zIndex:kr,width:f,height:f,borderRadius:"50%",backgroundColor:n?"rgba(255, 255, 255, 1)":"rgba(255, 255, 255, 0.3)",border:n?"1px solid rgba(156, 163, 175, 1)":"1px solid rgba(156, 163, 175, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",color:n?"#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:h?286:v?82:O?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},y={minWidth:0,maxWidth:v?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:v?1:0,color:"#64748b",fontSize:h?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},_={minWidth:0,flex:v?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:v?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},z={width:8,height:8,borderRadius:"50%",backgroundColor:r?.state==="complete"?"#16a34a":"#ef4444",boxShadow:r?.state==="complete"?"0 0 0 3px rgba(22, 163, 74, 0.14)":"none",animation:v?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},j=jsxs(Fragment,{children:[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 @@ import*as ur from'react';import ur__default,{createContext,useSyncExternalStore,
|
|
|
16
16
|
70% { opacity: 1; transform: scale(1.18); }
|
|
17
17
|
100% { opacity: 1; transform: scale(1); }
|
|
18
18
|
}
|
|
19
|
-
`}),jsxs("button",{onClick:e,onMouseEnter:()=>o(true),onMouseLeave:()=>{o(false),i(false);},onMouseDown:()=>i(true),onMouseUp:()=>i(false),style:
|
|
19
|
+
`}),jsxs("button",{onClick:e,onMouseEnter:()=>o(true),onMouseLeave:()=>{o(false),i(false);},onMouseDown:()=>i(true),onMouseUp:()=>i(false),style:C,title:c,"aria-label":c,children:[T&&r?jsxs(Fragment,{children:[h?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"}}):jsx("span",{"aria-hidden":true,style:z}),jsxs("span",{style:_,children:[jsx("span",{style:x,children:D}),O&&jsx("span",{style:y,children:O})]},F)]}):jsx(zt,{style:{width:24,height:24,animation:"__forkButtonLogoIn 220ms ease-out"}}),P&&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 d?createPortal(j,d):j}var ps={status:Loader2,agent_message:MessageSquare,tool_use:Wrench,build_start:Package,build_complete:Check,build_error:AlertCircle,complete:Sparkles,error:AlertCircle},gs={status:"#60a5fa",agent_message:"#a0a0a0",tool_use:"#fbbf24",build_start:"#c084fc",build_complete:"#6b7280",build_error:"#f87171",complete:"#6b7280",error:"#f87171"},ms={read:FileSearch,write:Pencil,search:FileSearch,shell:Terminal,build:Package},hs={read:"#60a5fa",write:"#fbbf24",search:"#60a5fa",shell:"#a78bfa",build:"#c084fc"};function Sr(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 Sn({events:e}){let t=useRef(null);return useEffect(()=>{t.current&&(t.current.scrollTop=t.current.scrollHeight);},[e]),jsxs(Fragment,{children:[jsx("style",{children:`
|
|
20
20
|
@keyframes __fork-spin {
|
|
21
21
|
from { transform: rotate(0deg); }
|
|
22
22
|
to { transform: rotate(360deg); }
|
|
@@ -34,7 +34,7 @@ import*as ur from'react';import ur__default,{createContext,useSyncExternalStore,
|
|
|
34
34
|
.__fork-stream::-webkit-scrollbar-thumb:hover {
|
|
35
35
|
background: rgba(255, 255, 255, 0.3);
|
|
36
36
|
}
|
|
37
|
-
`}),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&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[jsx(Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((r,n)=>{let o=n===e.length-1,s=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",i=o&&!s&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),a=ts[r.type]||Code,u=rs[r.type]||"#9ca3af";if(r.type==="tool_use"){let m=String(r.data.category||"");a=ns[m]||Wrench,u=os[m]||"#fbbf24";}return i?a=Loader2:!o&&r.type==="status"&&(a=Check,u="#4ade80"),jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[jsx(a,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:u,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:yr(r)})]},n)})]})]})}var kn=35,ps="Setting up environment",gs="Built Custom Feature",bn=360,kt=380;function ms(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 hs(e){return e.length<=kn?e:e.slice(0,kn-3).trimEnd()+"..."}function ys({events:e}){let[t,r]=useState("Setting up environment..."),[n,o]=useState(true),s=useRef(t),i=useRef(false);return useEffect(()=>{if(!i.current){for(let u of e)if(u.type==="status"&&String(u.data.message||"").includes("Agent started")){i.current=true;break}}let a="Setting up environment...";if(i.current)for(let u=e.length-1;u>=0;u--){let m=e[u];if(m.type==="tool_use"||m.type==="build_start"||m.type==="build_complete"){a=hs(yr(m));break}}if(a!==s.current){o(false);let u=setTimeout(()=>{r(a),s.current=a,o(true);},200);return ()=>clearTimeout(u)}},[e]),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 ks({children:e}){let[t,r]=useState(null);return 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?createPortal(e,t):null}function Wt({state:e,fork:t,events:r,error:n,slotId:o,targetId:s,targetLabel:i,historyMode:a="slot",onSubmit:u,onUndo:m,onClose:k,baseUrl:d,apiKey:w,userId:b,userHash:x,appId:f,embedded:F=false,completeVariant:B="bubble"}){let[C,S]=useState(""),[D,H]=useState([]),[N,R]=useState(false),[g,A]=useState(false),[I,h]=useState(false),[c,T]=useState(false),[U,M]=useState(false),[_,v]=useState(false),[P,J]=useState(false),[K,he]=useState(false),[j,Y]=useState(false),[ae,z]=useState(null),[Z,be]=useState(false),[we,Ce]=useState([]),[me,Me]=useState(null),[ze,$e]=useState(false),[Pe,Ke]=useState(false),[Gt,st]=useState(false),[_t,Ct]=useState(null),[Q,pe]=useState(null),[Et,Ie]=useState(false),[it,Oe]=useState(false),[He,We]=useState(""),at=useRef(null),[y,p]=useState(null),[O,G]=useState(false),[W,V]=useState(null),[re,ce]=useState([]),[ee,ue]=useState(null),[le,oe]=useState(false),ie=useRef(false),ve=useRef(null),de=useRef(null),{resetAllForks:xe,previewSession:te,currentContainerId:Te}=ke(),Ee=te?.container_id??Te,et=!!(te&&O),Fe=W!==null,Tr=useRef(k);useEffect(()=>{Tr.current=k;});let Yt=useRef(null),Rt=useRef(false),Mr=typeof window<"u"&&"documentPictureInPicture"in window,Vn=async()=>{if(!(!Mr||Fe))try{let l=await window.documentPictureInPicture.requestWindow({width:bn,height:640});l.document.body.style.margin="0",l.document.body.style.padding="0",l.document.body.style.height="100vh",l.document.body.style.overflow="hidden",l.document.body.style.background="#ffffff";try{let E=document.adoptedStyleSheets??[];E.length>0&&(l.document.adoptedStyleSheets=[...E]);}catch{}l.addEventListener("pagehide",()=>{Yt.current=null,V(null),Rt.current||Tr.current(),Rt.current=!1;},{once:!0}),Yt.current=l,V(l);}catch(l){console.warn("[Fork] PiP open failed:",l);}},Xn=()=>{W&&(Rt.current=true,W.close());};useEffect(()=>()=>{Rt.current=true,Yt.current?.close();},[]);let tt=s??o??"",Jn=(i||tt).replace(/[-_]+/g," ").replace(/\b\w/g,l=>l.toUpperCase()),$t=useRef(""),Hr=()=>{let l={Authorization:`Bearer ${w}`,...se()};return f&&(l["X-Fork-App-Id"]=f),!te&&b&&(l["X-Fork-User-Id"]=b),!te&&x&&(l["X-Fork-User-Hash"]=x),l},rt=F?true:g&&!I,qn=r.find(l=>{let E=l.data;return l.type==="status"&&E.summary})?.data?.summary||t?.summary||ps,Ve=r.find(l=>{let E=l.data;return (l.type==="status"||l.type==="complete")&&typeof E?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;useEffect(()=>{if(a==="none"){R(true);return}if(!d||!w)return;if(!ee){H([]),R(true);return}let l=new AbortController;return fetch(`${d}/api/v1/forks/${encodeURIComponent(ee)}/messages`,{headers:Hr(),signal:l.signal}).then(E=>E.ok?E.json():[]).then(E=>{if(l.signal.aborted)return;let L=[];for(let ge of E){let Le=ge.forkId??ee;ge.role==="user"?L.push({type:"user",text:ge.content,forkId:Le}):L.push({type:"applied",text:ge.content,forkId:Le});}H(L),R(true);}).catch(()=>{l.signal.aborted||R(true);}),()=>{l.abort();}},[w,f,d,a,ee,te?.fork_id,te?.preview_session_id,x,b,t?.id,t?.completedAt]),useEffect(()=>{if(a==="none"||!d||!w||!ze)return;if(!me){ce([]);return}let l=new AbortController,E=new URLSearchParams({container_id:me});return fetch(`${d}/api/v1/forks?${E.toString()}`,{headers:Hr(),signal:l.signal}).then(L=>L.ok?L.json():{forks:[]}).then(L=>{l.signal.aborted||ce(L.forks??[]);}).catch(()=>{}),()=>{l.abort();}},[w,f,d,a,me,ze,t?.id,t?.completedAt,te?.fork_id,te?.preview_session_id,x,b]),useEffect(()=>{e==="complete"&&he(false);},[e]);let Lr=re.some(l=>l.status==="pending"||l.status==="running"||l.status==="building");useEffect(()=>{if(!Lr||!d||!w||!me)return;let l=new URLSearchParams({container_id:me}),E={Authorization:`Bearer ${w}`,...se()};f&&(E["X-Fork-App-Id"]=f);let ge=setInterval(async()=>{try{let Le=await fetch(`${d}/api/v1/forks?${l.toString()}`,{headers:E});if(!Le.ok)return;let Zn=await Le.json();ce(Zn.forks??[]);}catch{}},3e3);return ()=>clearInterval(ge)},[Lr,d,w,f,me]),useEffect(()=>{if(F&&a==="none"){Ce([]),Me(null),$e(true),G(false);return}if(te){let l=false;return $e(false),G(false),p(null),fetch(`${d}/api/v1/preview/${encodeURIComponent(te.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${w}`,...se()}}).then(E=>{if(!E.ok)throw new Error(`${E.status}`);return E.json()}).then(E=>{l||(Ce(E.containers),Me(E.currentContainerId??te.container_id??null),G(true));}).catch(E=>{l||(G(false),p(E instanceof Error?E.message:String(E)),Ee?(Ce([{id:Ee,name:te.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),Me(Ee)):(Ce([]),Me(null)));}).finally(()=>{l||$e(true);}),()=>{l=true;}}Ee?(Ce([{id:Ee,name:"Primary container",createdAt:""}]),Me(Ee)):(Ce([]),Me(null)),$e(true),G(false);},[w,Ee,d,F,a,te?.container_id,te?.container_name,te?.preview_session_id]);let Pt=useRef(void 0);useEffect(()=>{if(ze){if(Pt.current===void 0){Pt.current=me;return}Pt.current!==me&&(Pt.current=me,H([]),R(false));}},[me,ze]);let It=useRef(null);useEffect(()=>{if(!Pe)return;let l=L=>{if(!It.current)return;let ge=typeof L.composedPath=="function"?L.composedPath():[];It.current.contains(L.target)||ge.includes(It.current)||Ke(false);},E=L=>{L.key==="Escape"&&Ke(false);};return document.addEventListener("mousedown",l,true),document.addEventListener("keydown",E,true),()=>{document.removeEventListener("mousedown",l,true),document.removeEventListener("keydown",E,true);}},[Pe]),useEffect(()=>{if(F||!rt||I||Fe)return;let l=E=>{(typeof E.composedPath=="function"?E.composedPath():[]).some(Le=>Le instanceof Element&&Le.hasAttribute("data-fork-panel-host"))||(h(true),A(false),setTimeout(()=>k(),kt));};return document.addEventListener("mousedown",l,true),()=>{document.removeEventListener("mousedown",l,true);}},[F,rt,I,Fe,k]),useEffect(()=>{Pe||(Oe(false),We(""));},[Pe]),useEffect(()=>{it&&(at.current?.focus(),at.current?.select());},[it]),useEffect(()=>{if(F)return;let l=requestAnimationFrame(()=>A(true));return ()=>cancelAnimationFrame(l)},[F]),useEffect(()=>{let l=F||Fe;if((l||rt)&&(e==="prompting"||e==="complete")){let E=setTimeout(()=>ve.current?.focus(),l?100:kt+100);return ()=>clearTimeout(E)}},[rt,F,Fe,e]),useEffect(()=>{if(e==="complete"&&$t.current){let E=r.find(L=>L.type==="complete")?.data?.summary||t?.summary||gs;H(L=>L[L.length-1]?.type==="applied"?L:[...L,{type:"applied",text:E}]),S(""),setTimeout(()=>ve.current?.focus(),200);}},[e,Jn,r,t?.summary]),useEffect(()=>{de.current&&(de.current.scrollTop=de.current.scrollHeight);},[D,e]);let Br=()=>{if(C.trim()){$t.current=C.trim();let l={},E=le||!ee;E?(l.forceNew=true,ie.current=true,le||oe(true)):l.forkId=ee,E||H(L=>[...L,{type:"user",text:C.trim(),forkId:ee}]),u(C.trim(),tt,me,l),S("");}};useEffect(()=>{if(ie.current){if(e==="error"){ie.current=false;return}t?.id&&(ue(t.id),oe(false),ie.current=false);}},[t?.id,e]),useEffect(()=>{t?.id&&(ie.current||e!=="running"&&e!=="complete"||(ue(l=>l??t.id),oe(false)));},[t?.id,e]);let Nr=l=>{Je(l.session.containerId,l.session.containerName),Me(l.session.containerId),Ce(E=>{let L=E.filter(ge=>ge.id!==l.container.id);return [{...l.container,isPrimary:true,hasAccess:true},...L.map(ge=>({...ge,isPrimary:false}))]}),ue(null),oe(false),ie.current=false,H([]),R(false),$t.current="";},Gn=async l=>{if(!(!te||!et||Q)){pe(l),p(null);try{let E=await fetch(`${d}/api/v1/preview/${encodeURIComponent(te.preview_session_id)}/containers/${encodeURIComponent(l)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${w}`,...se()}});if(!E.ok){let L=await E.json().catch(()=>({}));throw new Error(L.error||`API error: ${E.status}`)}Nr(await E.json()),Ke(!1);}catch(E){p(E instanceof Error?E.message:String(E));}finally{pe(null);}}},Or=async l=>{if(!te||!et||Q)return;let E=l.trim();if(E){pe("__new__"),p(null);try{let L=await fetch(`${d}/api/v1/preview/${encodeURIComponent(te.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${w}`,...se()},body:JSON.stringify({name:E})});if(!L.ok){let ge=await L.json().catch(()=>({}));throw new Error(ge.error||`API error: ${L.status}`)}Nr(await L.json()),Oe(!1),We(""),Ke(!1);}catch(L){p(L instanceof Error?L.message:String(L));}finally{pe(null);}}},Ur=async()=>{if(!(!m||j||!tt)){Y(true);try{let l=await m(tt);H(E=>{let L=[...E];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}),l?.removed&&H([]);}catch{}finally{Y(false);}}},Dr=()=>{if(F){k();return}if(Fe){W?.close();return}h(true),A(false),setTimeout(()=>k(),kt);},Yn=F||Fe?{position:"relative",width:"100%",height:"100%",background:"#ffffff",display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'}:{position:"fixed",top:0,right:0,bottom:0,zIndex:2147483e3,width:bn,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 ${kt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${kt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},jr=we.find(l=>l.id===me)?.name??(ze?"Fork":"Loading..."),lt=le?[]:ee?D.filter(l=>l.forkId===ee||l.forkId==null):D,Zt=jsxs(Fragment,{children:[jsx("style",{children:`
|
|
37
|
+
`}),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&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[jsx(Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((r,n)=>{let o=n===e.length-1,s=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",i=o&&!s&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),a=ps[r.type]||Code,u=gs[r.type]||"#9ca3af";if(r.type==="tool_use"){let k=String(r.data.category||"");a=ms[k]||Wrench,u=hs[k]||"#fbbf24";}return i?a=Loader2:!o&&r.type==="status"&&(a=Check,u="#4ade80"),jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[jsx(a,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:u,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:Sr(r)})]},n)})]})]})}var An=35,As="Setting up environment",Is="Built Custom Feature",In=360,wt=380;function _s(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 Rs(e){return e.length<=An?e:e.slice(0,An-3).trimEnd()+"..."}function Es({events:e}){let[t,r]=useState("Setting up environment..."),[n,o]=useState(true),s=useRef(t),i=useRef(false);return useEffect(()=>{if(!i.current){for(let u of e)if(u.type==="status"&&String(u.data.message||"").includes("Agent started")){i.current=true;break}}let a="Setting up environment...";if(i.current)for(let u=e.length-1;u>=0;u--){let k=e[u];if(k.type==="tool_use"||k.type==="build_start"||k.type==="build_complete"){a=Rs(Sr(k));break}}if(a!==s.current){o(false);let u=setTimeout(()=>{r(a),s.current=a,o(true);},200);return ()=>clearTimeout(u)}},[e]),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 Cs({children:e}){let[t,r]=useState(null);return 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?createPortal(e,t):null}function qt({state:e,fork:t,events:r,error:n,slotId:o,targetId:s,targetLabel:i,historyMode:a="slot",onSubmit:u,onUndo:k,onClose:g,baseUrl:d,apiKey:w,userId:A,userHash:f,appId:p,embedded:I=false,completeVariant:M="bubble"}){let[h,v]=useState(""),[T,N]=useState([]),[D,O]=useState(false),[E,L]=useState(false),[B,S]=useState(false),[c,F]=useState(false),[P,C]=useState(false),[x,y]=useState(false),[_,z]=useState(false),[V,Q]=useState(false),[j,q]=useState(false),[de,K]=useState(null),[G,we]=useState(false),[ve,_e]=useState([]),[ye,Me]=useState(null),[We,Ce]=useState(false),[$e,Je]=useState(false),[tr,at]=useState(false),[Et,Ct]=useState(null),[re,ge]=useState(null),[$t,Pe]=useState(false),[lt,Be]=useState(false),[Le,Ve]=useState(""),ct=useRef(null),[b,m]=useState(null),[H,X$1]=useState(false),[J,W]=useState(null),[ne,ue]=useState([]),[Z,le]=useState(null),[ce,oe]=useState(false),se=useRef(false),Se=useRef(null),fe=useRef(null),{resetAllForks:Fe,previewSession:ie,currentContainerId:Te}=he(),Re=ie?.container_id??Te,rt=!!(ie&&H),xe=J!==null,Br=useRef(g);useEffect(()=>{Br.current=g;});let rr=useRef(null),Pt=useRef(false),Dr=typeof window<"u"&&"documentPictureInPicture"in window,oo=async()=>{if(!(!Dr||xe))try{let l=await window.documentPictureInPicture.requestWindow({width:In,height:640});l.document.body.style.margin="0",l.document.body.style.padding="0",l.document.body.style.height="100vh",l.document.body.style.overflow="hidden",l.document.body.style.background="#ffffff";try{let R=document.adoptedStyleSheets??[];R.length>0&&(l.document.adoptedStyleSheets=[...R]);}catch{}l.addEventListener("pagehide",()=>{rr.current=null,W(null),Pt.current||Br.current(),Pt.current=!1;},{once:!0}),rr.current=l,W(l);}catch(l){console.warn("[Fork] PiP open failed:",l);}},so=()=>{J&&(Pt.current=true,J.close());};useEffect(()=>()=>{Pt.current=true,rr.current?.close();},[]);let nt=s??o??"",io=(i||nt).replace(/[-_]+/g," ").replace(/\b\w/g,l=>l.toUpperCase()),Tt=useRef(""),jr=()=>{let l={Authorization:`Bearer ${w}`,...te()};return p&&(l["X-Fork-App-Id"]=p),!ie&&A&&(l["X-Fork-User-Id"]=A),!ie&&f&&(l["X-Fork-User-Hash"]=f),l},ot=I?true:E&&!B,ao=r.find(l=>{let R=l.data;return l.type==="status"&&R.summary})?.data?.summary||t?.summary||As,qe=r.find(l=>{let R=l.data;return (l.type==="status"||l.type==="complete")&&typeof R?.estimateMinutes=="number"})?.data?.estimateMinutes??t?.estimateMinutes;useEffect(()=>{if(a==="none"){O(true);return}if(!d||!w)return;if(!Z){N([]),O(true);return}let l=new AbortController;return fetch(`${d}/api/v1/forks/${encodeURIComponent(Z)}/messages`,{headers:jr(),signal:l.signal}).then(R=>R.ok?R.json():[]).then(R=>{if(l.signal.aborted)return;let U=[];for(let me of R){let He=me.forkId??Z;me.role==="user"?U.push({type:"user",text:me.content,forkId:He}):U.push({type:"applied",text:me.content,forkId:He});}N(U),O(true);}).catch(()=>{l.signal.aborted||O(true);}),()=>{l.abort();}},[w,p,d,a,Z,ie?.fork_id,ie?.preview_session_id,f,A,t?.id,t?.completedAt]),useEffect(()=>{if(a==="none"||!d||!w||!We)return;if(!ye){ue([]);return}let l=new AbortController,R=new URLSearchParams({container_id:ye});return fetch(`${d}/api/v1/forks?${R.toString()}`,{headers:jr(),signal:l.signal}).then(U=>U.ok?U.json():{forks:[]}).then(U=>{l.signal.aborted||ue(U.forks??[]);}).catch(()=>{}),()=>{l.abort();}},[w,p,d,a,ye,We,t?.id,t?.completedAt,ie?.fork_id,ie?.preview_session_id,f,A]),useEffect(()=>{e==="complete"&&Q(false);},[e]);let Kr=ne.some(l=>l.status==="pending"||l.status==="running"||l.status==="building");useEffect(()=>{if(!Kr||!d||!w||!ye)return;let l=new URLSearchParams({container_id:ye}),R={Authorization:`Bearer ${w}`,...te()};p&&(R["X-Fork-App-Id"]=p);let me=setInterval(async()=>{try{let He=await fetch(`${d}/api/v1/forks?${l.toString()}`,{headers:R});if(!He.ok)return;let uo=await He.json();ue(uo.forks??[]);}catch{}},3e3);return ()=>clearInterval(me)},[Kr,d,w,p,ye]),useEffect(()=>{if(I&&a==="none"){_e([]),Me(null),Ce(true),X$1(false);return}if(ie){let l=false;return Ce(false),X$1(false),m(null),fetch(`${d}/api/v1/preview/${encodeURIComponent(ie.preview_session_id)}/containers`,{headers:{Authorization:`Bearer ${w}`,...te()}}).then(R=>{if(!R.ok)throw new Error(`${R.status}`);return R.json()}).then(R=>{l||(_e(R.containers),Me(R.currentContainerId??ie.container_id??null),X$1(true));}).catch(R=>{l||(X$1(false),m(R instanceof Error?R.message:String(R)),Re?(_e([{id:Re,name:ie.container_name||"Primary container",createdAt:"",hasAccess:true,isPrimary:true}]),Me(Re)):(_e([]),Me(null)));}).finally(()=>{l||Ce(true);}),()=>{l=true;}}Re?(_e([{id:Re,name:"Primary container",createdAt:""}]),Me(Re)):(_e([]),Me(null)),Ce(true),X$1(false);},[w,Re,d,I,a,ie?.container_id,ie?.container_name,ie?.preview_session_id]);let Mt=useRef(void 0);useEffect(()=>{if(We){if(Mt.current===void 0){Mt.current=ye;return}Mt.current!==ye&&(Mt.current=ye,N([]),O(false));}},[ye,We]);let Lt=useRef(null);useEffect(()=>{if(!$e)return;let l=U=>{if(!Lt.current)return;let me=typeof U.composedPath=="function"?U.composedPath():[];Lt.current.contains(U.target)||me.includes(Lt.current)||Je(false);},R=U=>{U.key==="Escape"&&Je(false);};return document.addEventListener("mousedown",l,true),document.addEventListener("keydown",R,true),()=>{document.removeEventListener("mousedown",l,true),document.removeEventListener("keydown",R,true);}},[$e]),useEffect(()=>{if(I||!ot||B||xe)return;let l=R=>{(typeof R.composedPath=="function"?R.composedPath():[]).some(He=>He instanceof Element&&He.hasAttribute("data-fork-panel-host"))||(S(true),L(false),setTimeout(()=>g(),wt));};return document.addEventListener("mousedown",l,true),()=>{document.removeEventListener("mousedown",l,true);}},[I,ot,B,xe,g]),useEffect(()=>{$e||(Be(false),Ve(""));},[$e]),useEffect(()=>{lt&&(ct.current?.focus(),ct.current?.select());},[lt]),useEffect(()=>{if(I)return;let l=requestAnimationFrame(()=>L(true));return ()=>cancelAnimationFrame(l)},[I]),useEffect(()=>{let l=I||xe;if((l||ot)&&(e==="prompting"||e==="complete")){let R=setTimeout(()=>Se.current?.focus(),l?100:wt+100);return ()=>clearTimeout(R)}},[ot,I,xe,e]),useEffect(()=>{if(e==="complete"&&Tt.current){let R=r.find(U=>U.type==="complete")?.data?.summary||t?.summary||Is;N(U=>U[U.length-1]?.type==="applied"?U:[...U,{type:"applied",text:R}]),v(""),setTimeout(()=>Se.current?.focus(),200);}},[e,io,r,t?.summary]),useEffect(()=>{fe.current&&(fe.current.scrollTop=fe.current.scrollHeight);},[T,e]);let zr=()=>{if(h.trim()){Tt.current=h.trim();let l={},R=ce||!Z;R?(l.forceNew=true,se.current=true,ce||oe(true)):l.forkId=Z,R||N(U=>[...U,{type:"user",text:h.trim(),forkId:Z}]),u(h.trim(),nt,ye,l),v("");}};useEffect(()=>{if(se.current){if(e==="error"){se.current=false;return}t?.id&&(le(t.id),oe(false),se.current=false);}},[t?.id,e]),useEffect(()=>{t?.id&&(se.current||e!=="running"&&e!=="complete"||(le(l=>l??t.id),oe(false)));},[t?.id,e]);let Wr=l=>{Ge(l.session.containerId,l.session.containerName),Me(l.session.containerId),_e(R=>{let U=R.filter(me=>me.id!==l.container.id);return [{...l.container,isPrimary:true,hasAccess:true},...U.map(me=>({...me,isPrimary:false}))]}),le(null),oe(false),se.current=false,N([]),O(false),Tt.current="";},lo=async l=>{if(!(!ie||!rt||re)){ge(l),m(null);try{let R=await fetch(`${d}/api/v1/preview/${encodeURIComponent(ie.preview_session_id)}/containers/${encodeURIComponent(l)}/primary`,{method:"POST",headers:{Authorization:`Bearer ${w}`,...te()}});if(!R.ok){let U=await R.json().catch(()=>({}));throw new Error(U.error||`API error: ${R.status}`)}Wr(await R.json()),Je(!1);}catch(R){m(R instanceof Error?R.message:String(R));}finally{ge(null);}}},Jr=async l=>{if(!ie||!rt||re)return;let R=l.trim();if(R){ge("__new__"),m(null);try{let U=await fetch(`${d}/api/v1/preview/${encodeURIComponent(ie.preview_session_id)}/containers`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${w}`,...te()},body:JSON.stringify({name:R})});if(!U.ok){let me=await U.json().catch(()=>({}));throw new Error(me.error||`API error: ${U.status}`)}Wr(await U.json()),Be(!1),Ve(""),Je(!1);}catch(U){m(U instanceof Error?U.message:String(U));}finally{ge(null);}}},Vr=async()=>{if(!(!k||j||!nt)){q(true);try{let l=await k(nt);N(R=>{let U=[...R];return U.length>=2&&U[U.length-1]?.type==="applied"?U.splice(-2,2):U.length>=1&&U[U.length-1]?.type==="applied"&&U.splice(-1,1),U}),l?.removed&&N([]);}catch{}finally{q(false);}}},qr=()=>{if(I){g();return}if(xe){J?.close();return}S(true),L(false),setTimeout(()=>g(),wt);},co=I||xe?{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:In,maxWidth:"100vw",background:"#ffffff",boxShadow:ot?"-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:ot?"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'},Xr=ve.find(l=>l.id===ye)?.name??(We?"Fork":"Loading..."),ut=ce?[]:Z?T.filter(l=>l.forkId===Z||l.forkId==null):T,nr=jsxs(Fragment,{children:[jsx("style",{children:`
|
|
38
38
|
@keyframes __fork-pulse {
|
|
39
39
|
0%, 100% { opacity: 1; }
|
|
40
40
|
50% { opacity: 0.5; }
|
|
@@ -56,9 +56,9 @@ import*as ur from'react';import ur__default,{createContext,useSyncExternalStore,
|
|
|
56
56
|
scrollbar-width: thin;
|
|
57
57
|
scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
|
|
58
58
|
}
|
|
59
|
-
`}),jsxs("div",{className:"__fork-panel",style:Yn,children:[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:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[jsx("span",{onDoubleClick:async l=>{if(l.stopPropagation(),!Z&&confirm("Kill all forks in this container?")){be(true);try{let E=await xe();`${E?.deleted??0}`,ce([]),ue(null),oe(!1),S("");}catch(E){console.error("[Fork] Reset failed:",E);}finally{be(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:jsx(Dt,{style:{width:16,height:16,color:"#1c4587",pointerEvents:"none"}})}),e==="running"?jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:qn}):we.length===0&&!et?jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):et?jsxs("div",{ref:It,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[jsxs("button",{type:"button",onClick:()=>{Ke(l=>!l);},onMouseEnter:()=>st(true),onMouseLeave:()=>st(false),"aria-haspopup":"menu","aria-expanded":Pe,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"3px 6px",border:"1px solid transparent",borderRadius:6,background:Gt||Pe?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:jr}),jsx(ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:Pe?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),Pe&&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:[we.map(l=>{let E=l.id===me,L=_t===l.id,ge=Q===l.id;return jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Ct(l.id),onMouseLeave:()=>Ct(null),onClick:()=>{l.id!==me&&Gn(l.id);},disabled:!!Q,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:Q?"default":"pointer",textAlign:"left",fontWeight:E?600:400,opacity:Q&&!ge?.55:1},children:[jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:E&&jsx(Check,{style:{width:12,height:12}})}),jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:ge?"Switching...":l.name})]},l.id)}),jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),it?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[jsx("input",{ref:at,type:"text",value:He,placeholder:"Container name",disabled:Q==="__new__",onChange:l=>We(l.target.value),onKeyDown:l=>{l.key==="Enter"?(l.preventDefault(),Or(He)):l.key==="Escape"&&(l.preventDefault(),l.stopPropagation(),Oe(false),We(""));},style:{flex:1,minWidth:0,padding:"5px 8px",border:"1px solid #d1d5db",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",background:"#ffffff",outline:"none"},onFocus:l=>{l.currentTarget.style.borderColor="#1c4587",l.currentTarget.style.boxShadow="0 0 0 2px rgba(28,69,135,0.15)";},onBlur:l=>{l.currentTarget.style.borderColor="#d1d5db",l.currentTarget.style.boxShadow="none";}}),jsx("button",{type:"button",onClick:()=>{Or(He);},disabled:!He.trim()||Q==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!He.trim()||Q==="__new__"?"#e5e7eb":"#1c4587",color:!He.trim()||Q==="__new__"?"#9ca3af":"#ffffff",cursor:!He.trim()||Q==="__new__"?"default":"pointer",flexShrink:0},children:Q==="__new__"?jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):jsx(Check,{style:{width:12,height:12}})})]}):jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>Ie(true),onMouseLeave:()=>Ie(false),onClick:()=>{Q||(p(null),We(""),Oe(true));},disabled:!!Q,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:Et?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:Q?"default":"pointer",textAlign:"left",opacity:Q&&Q!=="__new__"?.55:1},children:"+ New container"}),y&&jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:y})]})]}):jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:jr}),e==="running"&&jsx("span",{title:Ve?`Estimated ~${Ve} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:Ve?"#1c4587":"#9ca3af",backgroundColor:Ve?"rgba(28, 69, 135, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:Ve?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:Ve?`~${Ve}m`:"~ m"})]}),!F&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Mr&&jsx("button",{onClick:Fe?Xn:Vn,onMouseEnter:()=>M(true),onMouseLeave:()=>M(false),title:Fe?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:U?"#4b5563":"#9ca3af",backgroundColor:U?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:Fe?jsx(PictureInPicture,{style:{width:16,height:16}}):jsx(PictureInPicture2,{style:{width:16,height:16}})}),jsx("button",{onClick:Dr,onMouseEnter:()=>T(true),onMouseLeave:()=>T(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:jsx(X,{style:{width:16,height:16}})})]})]}),jsxs("div",{ref:de,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(ee||le)&&jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[jsx("button",{onClick:()=>{ue(null),oe(false),ie.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 E=(ee?re.find(L=>L.id===ee)?.targetId:null)??tt;return E?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 ${E}`,children:["Forking ",jsx("span",{style:{color:"#6b7280"},children:E})]}):null})()]}),!ee&&!le&&jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),re.length===0&&jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),re.length>0&&jsx("div",{style:{display:"flex",flexDirection:"column"},children:re.map(l=>{let E=l.summary||"Untitled fork";return jsxs("button",{onClick:()=>{oe(false),ue(l.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:L=>L.currentTarget.style.background="#fafafa",onMouseLeave:L=>L.currentTarget.style.background="#ffffff",children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:E}),jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:ms(l.updatedAt)})]}),jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:l.targetId}),jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),jsxs("span",{children:[l.promptCount," prompt",l.promptCount===1?"":"s"]}),l.status==="running"||l.status==="building"?jsxs(Fragment,{children:[jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),jsx("span",{style:{color:"#2563eb"},children:"running"})]}):null]})]},l.id)})})]}),ee&<.length>0&&jsx("div",{style:{padding:"16px 16px 0 16px"},children:lt.map((l,E)=>jsx("div",{style:{marginBottom:E<lt.length-1?10:0},children:l.type==="user"?jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:jsx(User,{style:{width:13,height:13,color:"#6b7280"}})}),jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:l.text})]}):B==="item"&&E===lt.length-1?jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:jsx(BadgeCheck,{style:{width:16,height:16}})}),jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:l.text})]}),m&&e!=="running"&&jsx("button",{onClick:L=>{L.stopPropagation(),Ur();},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"})]}):jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:jsx(Check,{style:{width:13,height:13,color:"#9ca3af"}})}),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:[jsx("span",{style:{flex:1},children:l.text}),m&&E===lt.length-1&&e!=="running"&&jsxs("button",{onClick:L=>{L.stopPropagation(),Ur();},onMouseEnter:()=>z(E),onMouseLeave:()=>z(null),disabled:j,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:ae===E?"rgba(0,0,0,0.06)":"transparent",color:ae===E?"#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:[jsx(Undo2,{style:{width:12,height:12}}),ae===E&&jsx("span",{style:{position:"absolute",bottom:"calc(100% + 4px)",right:0,fontSize:10,fontWeight:500,color:"#fff",background:"#374151",borderRadius:4,padding:"2px 6px",whiteSpace:"nowrap",pointerEvents:"none",lineHeight:"16px"},children:"Undo"})]})]})]})},E))}),e==="running"&&(ee||le)&&jsx("div",{style:{padding:16},children:jsxs("div",{onClick:()=>he(!K),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[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:jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),jsx(ys,{events:r})]}),jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:K?"rotate(180deg)":"rotate(0deg)"},children:jsx(ChevronDown,{style:{width:14,height:14}})})]}),jsx("div",{style:{maxHeight:K?320:0,opacity:K?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:jsx(mn,{events:r})})})]})}),e==="error"&&(ee||le)&&jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:jsx(X,{style:{width:18,height:18,color:"#ef4444"}})}),jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),jsxs("button",{onClick:()=>{let l=t?.prompt||$t.current;l&&u(l,tt);},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:P?"#e0e7ff":"#eef2ff",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[jsx(RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children: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:[jsx("textarea",{ref:ve,value:C,onChange:l=>{S(l.target.value),l.target.style.height="auto",l.target.style.height=Math.min(l.target.scrollHeight,160)+"px";},onKeyDown:l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),Br()),l.key==="Escape"&&!F&&Dr();},placeholder:ee?"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"}}),jsx("button",{onClick:Br,disabled:!C.trim(),onMouseEnter:()=>v(true),onMouseLeave:()=>v(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:C.trim()?1:.25,transform:_&&C.trim()?"scale(1.1)":"scale(1)",background:C.trim()?"#1c4587":"rgba(0,0,0,0.12)",border:"none",cursor:C.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:jsx(ArrowUp,{style:{width:13,height:13}})})]})})]})]});return F?Zt:Fe&&W?createPortal(Zt,W.document.body):jsx(ks,{children:Zt})}function Sn(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 br(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,previewSession:i,refreshModuleManifest:a,queueBoundaryAnimation:u,trackForkActivity:m,recordForkActivityEvent:k}=ke(),[d,w]=useState("idle"),[b,x]=useState(null),[f,F]=useState([]),[B,C]=useState(null),S=useRef(null),D=useCallback(()=>{w("prompting"),F([]),C(null),x(null);},[]),H=useCallback(()=>{w("idle"),S.current&&(S.current.close(),S.current=null);},[]);useEffect(()=>{i&&i.target.kind==="module"&&i.target.id===e&&w(A=>A==="idle"?"prompting":A);},[i?.preview_session_id,i?.target.id,e]);let N=useCallback(async(A,I,h)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");w("running"),F([]),C(null),x(null);let c;if(i){let M=h?.forkId??i.fork_id??void 0,_=await fetch(`${o}/api/v1/preview/${encodeURIComponent(i.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...se()},body:JSON.stringify({prompt:A,...e?{boundary_id:e}:{},...M&&!h?.forceNew?{fork_id:M}:{},...h?.forceNew?{force_new:!0}:{}})});if(!_.ok){let J=await _.json().catch(()=>({}));throw new Error(J.error||`API error: ${_.status}`)}let v=await _.json();v.container_id&&Je(v.container_id,v.container_name),ct(v.fork_id),c=await(await fetch(`${o}/api/v1/forks/${v.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...se()}})).json();}else if(h?.forkId){let M={prompt:A};r&&(M.userId=r),n&&(M.userHash=n);let _=await fetch(`${o}/api/v1/forks/${encodeURIComponent(h.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(M)});if(!_.ok){let v=await _.json().catch(()=>({}));throw new Error(v.error||`API error: ${_.status}`)}c=await _.json();}else {let M={userId:r,prompt:A,boundaryId:e,appId:s};I&&(M.containerId=I),n&&(M.userHash=n),h?.forceNew&&(M.force_new=!0);let _=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(M)});if(!_.ok){let v=await _.json().catch(()=>({}));throw new Error(v.error||`API error: ${_.status}`)}c=await _.json();}x(c),m(c,{targetKind:"module",targetId:e});let T=new URLSearchParams({key:t});i?(T.set("previewSessionId",i.preview_session_id),T.set("previewForkId",c.id)):r&&T.set("userId",r),n&&T.set("userHash",n);let U=new EventSource(`${o}/api/v1/forks/${c.id}/events?${T.toString()}`);S.current=U,U.onmessage=M=>{try{let _=JSON.parse(M.data);if(k(c.id,_),F(v=>[...v,_]),_.type==="complete"){let v=_.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let P={...c,status:"complete",moduleUrl:v.moduleUrl,cssUrls:v.cssUrls,summary:v.summary,completedAt:new Date().toISOString()};x(P),w("complete"),U.close();});}else if(_.type==="error"){let v=_.data;C(v.error||"Unknown error"),w("error"),U.close();}}catch{}},U.onerror=()=>{let M={Authorization:`Bearer ${t}`,...se()};!i&&r&&(M["X-Fork-User-Id"]=r),!i&&n&&(M["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${c.id}`,{headers:M}).then(_=>_.json()).then(_=>{x(_),_.status==="complete"?(u(e,_.id),a().catch(()=>{}),w("complete")):_.status==="error"&&(C(_.error||"Fork generation failed"),w("error"));}).catch(()=>{C("Connection lost"),w("error");}),U.close();};}catch(c){C(c.message),w("error");}},[t,s,o,e,i,u,a,k,m,n,r]),R=useCallback(async A=>{try{let I={Authorization:`Bearer ${t}`,...se()};!i&&r&&(I["X-Fork-User-Id"]=r),!i&&n&&(I["X-Fork-User-Hash"]=n);let h=await fetch(`${o}/api/v1/forks/${A}`,{headers:I});if(!h.ok)return;let c=await h.json(),T=c.boundaryId??e;if(m(c,{targetKind:"module",targetId:T}),c.status==="complete"){w("complete"),x(c),C(null),F([]);return}if(c.status==="error"){w("error"),x(c),C(c.error||"Fork generation failed"),F([]);return}if(c.status!=="pending"&&c.status!=="running"&&c.status!=="building")return;w("running"),x(c),C(null),F([]);let U=new URLSearchParams({key:t});i?(U.set("previewSessionId",i.preview_session_id),U.set("previewForkId",c.id)):r&&U.set("userId",r),n&&U.set("userHash",n);let M=new EventSource(`${o}/api/v1/forks/${c.id}/events?${U.toString()}`);S.current&&S.current.close(),S.current=M,M.onmessage=_=>{try{let v=JSON.parse(_.data);if(k(c.id,v),F(P=>[...P,v]),v.type==="complete"){let P=v.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let J={...c,status:"complete",moduleUrl:P.moduleUrl,cssUrls:P.cssUrls,summary:P.summary,completedAt:new Date().toISOString()};x(J),w("complete"),M.close();});}else if(v.type==="error"){let P=v.data;C(P.error||"Unknown error"),w("error"),M.close();}}catch{}},M.onerror=()=>{M.close();};}catch{}},[t,o,e,i,u,k,a,m,n,r]),g=useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let A={userId:r,boundaryId:e,appId:s};n&&(A.userHash=n);let I=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(A)});if(!I.ok){let c=await I.json().catch(()=>({}));throw new Error(c.error||`API error: ${I.status}`)}let h=await I.json();return await a().catch(()=>{}),h.removed?(x(null),w("prompting")):h.fork&&(x(h.fork),w("complete")),h}catch(A){throw C(A.message),A}},[t,s,o,e,a,n,r]);return {state:d,fork:b,events:f,error:B,open:D,close:H,startFork:N,undoFork:g,adoptRunningFork:R}}var Ss=0;function An(e){let{state:t,fork:r,events:n,error:o,open:s,close:i,startFork:a,undoFork:u,adoptRunningFork:m}=br(e),[k,d]=useState(false),w=useRef(null),b=useRef(t),x=useCallback(()=>{w.current!==null&&(clearTimeout(w.current),w.current=null);},[]),f=useCallback(()=>{x(),d(true),s();},[x,s]),F=useCallback(()=>{x(),d(false),i();},[x,i]),B=useCallback(async C=>{x(),d(true),await m(C);},[m,x]);return useEffect(()=>{let C=b.current;b.current=t,t==="complete"&&C!=="complete"&&k&&(x(),w.current=setTimeout(()=>{w.current=null,d(false),i();},Ss)),(t==="running"||t==="prompting")&&x();},[t,k,x,i]),useEffect(()=>x,[x]),{state:t,fork:r,events:n,error:o,isOpen:k,open:f,close:F,submit:a,undo:u,adoptRunningFork:B}}function wr(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:a,trackForkActivity:u,recordForkActivityEvent:m}=ke(),[k,d]=useState("idle"),[w,b]=useState(null),[x,f]=useState([]),[F,B]=useState(null),C=useRef(null),S=useCallback(()=>{d("prompting"),f([]),B(null),b(null);},[]),D=useCallback(()=>{d("idle"),C.current&&(C.current.close(),C.current=null);},[]);useEffect(()=>{o&&o.target.kind==="slot"&&d(g=>g==="idle"?"prompting":g);},[o?.preview_session_id,o?.target.kind]);let H=useCallback(async(g,A,I,h)=>{try{d("running"),f([]),B(null),b(null);let c;if(o){let _=h?.forkId??o.fork_id??void 0,v=await fetch(`${n}/api/v1/preview/${encodeURIComponent(o.preview_session_id)}/author`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...se()},body:JSON.stringify({prompt:g,...A?{slot_id:A}:{},..._&&!h?.forceNew?{fork_id:_}:{},...h?.forceNew?{force_new:!0}:{}})});if(!v.ok){let K=await v.json().catch(()=>({}));throw new Error(K.error||`API error: ${v.status}`)}let P=await v.json();P.container_id&&Je(P.container_id,P.container_name),ct(P.fork_id),c=await(await fetch(`${n}/api/v1/forks/${P.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...se()}})).json();}else if(h?.forkId){let _={prompt:g};t&&(_.userId=t),r&&(_.userHash=r);let v=await fetch(`${n}/api/v1/forks/${encodeURIComponent(h.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(_)});if(!v.ok){let P=await v.json().catch(()=>({}));throw new Error(P.error||`API error: ${v.status}`)}c=await v.json();}else {let _={userId:t,prompt:g};A&&(_.slotId=A),I&&(_.containerId=I),r&&(_.userHash=r),h?.forceNew&&(_.force_new=!0);let v=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(_)});if(!v.ok){let P=await v.json().catch(()=>({}));throw new Error(P.error||`API error: ${v.status}`)}c=await v.json();}b(c);let T=A??c.slotId;T&&u(c,{targetKind:"slot",targetId:T});let U=new URLSearchParams({key:e});o?(U.set("previewSessionId",o.preview_session_id),U.set("previewForkId",c.id)):t&&U.set("userId",t),r&&U.set("userHash",r);let M=new EventSource(`${n}/api/v1/forks/${c.id}/events?${U.toString()}`);C.current=M,M.onmessage=_=>{try{let v=JSON.parse(_.data);if(m(c.id,v),f(P=>[...P,v]),v.type==="complete"){let P=v.data,J={...c,status:"complete",bundleUrl:P.bundleUrl,summary:P.summary,completedAt:new Date().toISOString()};b(J),d("complete"),A&&P.bundleUrl&&s(A,J),M.close();}else if(v.type==="error"){let P=v.data;B(P.error||"Unknown error"),d("error"),M.close();}}catch{}},M.onerror=()=>{let _={Authorization:`Bearer ${e}`,...se()};!o&&t&&(_["X-Fork-User-Id"]=t),!o&&r&&(_["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${c.id}`,{headers:_}).then(v=>v.json()).then(v=>{b(v),v.status==="complete"?(d("complete"),A&&v.bundleUrl&&s(A,v)):v.status==="error"&&(B(v.error||"Fork generation failed"),d("error"));}).catch(()=>{B("Connection lost"),d("error");}),M.close();};}catch(c){B(c.message),d("error");}},[e,n,o,m,s,u,r,t]),N=useCallback(async g=>{try{let A={Authorization:`Bearer ${e}`,...se()};!o&&t&&(A["X-Fork-User-Id"]=t),!o&&r&&(A["X-Fork-User-Hash"]=r);let I=await fetch(`${n}/api/v1/forks/${g}`,{headers:A});if(!I.ok)return;let h=await I.json();if(h.slotId&&u(h,{targetKind:"slot",targetId:h.slotId}),h.status==="complete"){d("complete"),b(h),B(null),f([]);return}if(h.status==="error"){d("error"),b(h),B(h.error||"Fork generation failed"),f([]);return}if(h.status!=="pending"&&h.status!=="running"&&h.status!=="building")return;d("running"),b(h),B(null),f([]);let c=new URLSearchParams({key:e});o?(c.set("previewSessionId",o.preview_session_id),c.set("previewForkId",h.id)):t&&c.set("userId",t),r&&c.set("userHash",r);let T=new EventSource(`${n}/api/v1/forks/${h.id}/events?${c.toString()}`);C.current&&C.current.close(),C.current=T;let U=h.slotId;T.onmessage=M=>{try{let _=JSON.parse(M.data);if(m(h.id,_),f(v=>[...v,_]),_.type==="complete"){let v=_.data,P={...h,status:"complete",bundleUrl:v.bundleUrl,summary:v.summary,completedAt:new Date().toISOString()};b(P),d("complete"),U&&v.bundleUrl&&s(U,P),T.close();}else if(_.type==="error"){let v=_.data;B(v.error||"Unknown error"),d("error"),T.close();}}catch{}},T.onerror=()=>{T.close();};}catch{}},[e,n,o,m,s,u,r,t]),R=useCallback(async g=>{try{let A={userId:t,slotId:g};r&&(A.userHash=r);let I=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(A)});if(!I.ok){let c=await I.json().catch(()=>({}));throw new Error(c.error||`API error: ${I.status}`)}let h=await I.json();return a(g),h.removed?(i(g),b(null),d("prompting")):h.fork&&(s(g,h.fork),b(h.fork)),h}catch(A){throw B(A.message),A}},[e,t,r,n,i,s]);return {state:k,fork:w,events:x,error:F,open:S,close:D,startFork:H,undoFork:R,adoptRunningFork:N}}var _s=0;function En(){let{state:e,fork:t,events:r,error:n,open:o,close:s,startFork:i,undoFork:a,adoptRunningFork:u}=wr(),[m,k]=useState(false),d=useRef(null),w=useRef(e),b=useCallback(()=>{d.current!==null&&(clearTimeout(d.current),d.current=null);},[]),x=useCallback(()=>{b(),k(true),o();},[b,o]),f=useCallback(()=>{b(),k(false),s();},[b,s]),F=useCallback(async B=>{b(),k(true),await u(B);},[u,b]);return useEffect(()=>{let B=w.current;w.current=e,e==="complete"&&B!=="complete"&&m&&(b(),d.current=setTimeout(()=>{d.current=null,k(false),s();},_s)),(e==="running"||e==="prompting")&&b();},[e,m,b,s]),useEffect(()=>b,[b]),{state:e,fork:t,events:r,error:n,isOpen:m,open:x,close:f,submit:i,undo:a,adoptRunningFork:F}}var Cs=new Set(["pending","running","building"]);function Sr(e){let t=Sn(e),r=En(),n=An(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u,activitySummary:m,forkActivities:k,markForkActivitySeen:d}=ke(),w=t.type==="slot"?r:n,b=t.type==="slot"?"slot":"boundary",x=t.id,f=t.title,F=t.type==="slot"?"slot":"module",B=k.find(N=>N.targetKind===F&&N.targetId===t.id&&Cs.has(N.status)),C=k.find(N=>N.targetKind===F&&N.targetId===t.id&&N.status==="complete"&&N.unread),S=useCallback(()=>{d();let N=B??C;if(N){w.adoptRunningFork(N.id);return}w.open();},[w,d,B,C]),D=useCallback((N,R,g,A)=>t.type==="slot"?r.submit(N,R??t.id,g,A):n.submit(N,g,A),[n,r,t]),H=useCallback(N=>t.type==="slot"?r.undo(N??t.id):n.undo(),[n,r,t]);return {...w,open:S,target:t,targetId:x,targetLabel:f,historyMode:b,submit:D,undo:H,buttonProps:{onClick:S,hasNotification:m.unreadCompletedCount>0,activity:m},panelProps:{state:w.state,fork:w.fork,events:w.events,error:w.error,...t.type==="slot"?{slotId:x,targetLabel:f,historyMode:b}:{targetId:x,targetLabel:f,historyMode:b},onSubmit:D,onUndo:H,onClose:w.close,baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u}}}function vt(e){let{embedded:t,completeVariant:r}=e,n=Sr(e);return t?jsx(Wt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?jsx(Wt,{...n.panelProps,completeVariant:r}):jsx(mr,{...n.buttonProps})}function Es({boundaryId:e,title:t}){return jsx(vt,{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 Rn(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 Ar(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 $n(e,t){let r=[];for(let n of t)if(!(e.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Pn(e,t){let r=[];for(let n of e)if(!(t.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function In(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 _r(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 k=0;k<e.length;k+=1){let{rect:d,borderRadius:w}=e[k],b=d.left-.5,x=d.top-.5,f=d.width+1,F=d.height+1,B=Math.min(w+.5,f/2,F/2),C=In(b,x,f,F,B),S=`__fork-glow-${k}`,D=document.createElementNS(t,"filter");D.setAttribute("id",S),D.setAttribute("x","-100%"),D.setAttribute("y","-100%"),D.setAttribute("width","300%"),D.setAttribute("height","300%");let H=document.createElementNS(t,"feGaussianBlur");H.setAttribute("in","SourceGraphic"),H.setAttribute("stdDeviation","8"),D.appendChild(H),o.appendChild(D);let N=`__fork-mask-${k}`,R=document.createElementNS(t,"mask");R.setAttribute("id",N),R.setAttribute("maskUnits","userSpaceOnUse"),R.setAttribute("x",String(b-200)),R.setAttribute("y",String(x-200)),R.setAttribute("width",String(f+400)),R.setAttribute("height",String(F+400));let g=document.createElementNS(t,"rect");g.setAttribute("x",String(b-200)),g.setAttribute("y",String(x-200)),g.setAttribute("width",String(f+400)),g.setAttribute("height",String(F+400)),g.setAttribute("fill","white"),R.appendChild(g);let A=document.createElementNS(t,"path");A.setAttribute("d",C),A.setAttribute("fill","black"),R.appendChild(A),o.appendChild(R);let I=document.createElementNS(t,"g");I.setAttribute("mask",`url(#${N})`),I.setAttribute("opacity","0");let h=document.createElementNS(t,"g");h.setAttribute("filter",`url(#${S})`);let c=document.createElementNS(t,"path");c.setAttribute("d",C),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),h.appendChild(c),I.appendChild(h),n.appendChild(I);let T=document.createElementNS(t,"path");T.setAttribute("d",C),T.setAttribute("fill","none"),T.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),T.setAttribute("stroke-width","2"),T.setAttribute("stroke-linecap","round"),T.setAttribute("opacity","0"),n.appendChild(T),s.push(c,T),c.__group=I;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let k=0;k<s.length;k+=2){let d=s[k],w=s[k+1],b=d.__group;if(!b)continue;let x=w.getTotalLength(),f=d.getTotalLength();if(x<=0)continue;let F=x*.35;w.setAttribute("stroke-dasharray",`${F} ${x-F}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*x,opacity:.92,offset:.06},{strokeDashoffset:-2*x,opacity:.92,offset:.92},{strokeDashoffset:-2.25*x,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let B=f*.35;d.setAttribute("stroke-dasharray",`${B} ${f-B}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.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(b.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(m);for(let d of i)try{d.cancel();}catch{}let k=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});k.onfinish=()=>r.remove(),window.removeEventListener("click",u);},m=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function Tn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let m=document.createElementNS(t,"path");m.setAttribute("d",In(a.left,a.top,a.width,a.height,u)),m.setAttribute("fill","none"),m.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),m.setAttribute("stroke-width","1.5"),m.setAttribute("stroke-dasharray","8 4"),m.setAttribute("stroke-linecap","round"),m.setAttribute("filter","url(#__fork-removed-shadow)"),m.setAttribute("opacity","0"),n.appendChild(m),m.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function Ln(e,t){if($s(t.selector))return Hn(e,t);let n=Hn(e,t);if(n)return n;try{let s=document.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e&&e.contains(s))return s}catch{}if(Mn(t.selector))try{let s=e.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e)return s}catch{}if(t.textHint){let s=t.textHint.trim();if(s){let i=Er(e,k=>k===s);if(i)return i;let a=s.toLowerCase(),u=Er(e,k=>k.toLowerCase()===a);if(u)return u;let m=Er(e,k=>k.toLowerCase().includes(a));if(m)return m}}let o=Ps(t.selector);if(o&&o!==t.selector&&Mn(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function Mn(e){let t=e.split(/\s+|>|~|\+/),r=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(r)}function Hn(e,t){let r=Array.from(e.querySelectorAll("[data-fork-new]"));if(r.length===0)return null;let n=Cr(t.label),o=Cr(t.textHint);return r.find(i=>{let a=Cr(i.getAttribute("data-fork-new"));return !!a&&(a===n||a===o)})??null}function $s(e){return e.trim()==="[data-fork-new]"}function Cr(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Ps(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function Er(e,t){let r=null,n=1/0,o=e.querySelectorAll("*");for(let s of o){let i=s.textContent?.trim();if(!i||!t(i))continue;let a=s.getBoundingClientRect();if(a.width<4||a.height<4)continue;let u=a.width*a.height;u<n&&(r=s,n=u);}return r}var Rr=2147483600,Is=1600,Ts=3e4,Ms=300,je=10;function Hs(e){let r=getComputedStyle(e).borderTopLeftRadius;if(!r)return 4;if(r.endsWith("%")){let i=parseFloat(r);if(!Number.isFinite(i)||i<=0)return 4;let a=e.getBoundingClientRect(),u=Math.min(a.width,a.height);return Math.max(4,i/100*u)}let n=parseFloat(r);if(!Number.isFinite(n)||n<=0)return 4;let o=e.getBoundingClientRect(),s=Math.min(o.width,o.height)/2;return n>=s?s:Math.min(n,16)}function Ls(e,t,r,n){let s=window.innerWidth,i=window.innerHeight,a=e;a==="top"&&t.top<n+je+8?a="bottom":a==="bottom"&&i-t.bottom<n+je+8?a="top":a==="left"&&t.left<r+je+8?a="right":a==="right"&&s-t.right<r+je+8&&(a="left");let u=0,m=0;return a==="top"?(u=t.top-n-je,m=t.left+t.width/2-r/2):a==="bottom"?(u=t.bottom+je,m=t.left+t.width/2-r/2):a==="left"?(u=t.top+t.height/2-n/2,m=t.left-r-je):(u=t.top+t.height/2-n/2,m=t.right+je),m=Math.max(8,Math.min(m,s-r-8)),u=Math.max(8,Math.min(u,i-n-8)),{top:u,left:m,placement:a}}function Bs(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${Rr}`,"border:1.5px solid rgba(59,130,246,0.85)","box-sizing:border-box","opacity:0","transition:opacity 200ms ease-out"].join(";");let r=document.createElement("div");r.setAttribute("data-fork-highlight-glow","true"),r.style.cssText=["position:fixed","pointer-events:none",`z-index:${Rr-1}`,"box-sizing:border-box","border:1px solid rgba(59,130,246,0.36)","box-shadow:0 0 0 4px rgba(59,130,246,0.16), 0 0 18px 2px rgba(59,130,246,0.31)","opacity:0","transition:opacity 200ms ease-out"].join(";");let n=document.createElement("div");return n.setAttribute("data-fork-highlight-tooltip","true"),n.style.cssText=["position:fixed","pointer-events:none",`z-index:${Rr+1}`,"padding:6px 10px","font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif","color:#ffffff","background:linear-gradient(135deg,#64748b,#475569)","border-radius:999px","box-shadow:0 4px 14px rgba(71,85,105,0.31),0 1px 2px rgba(0,0,0,0.1)","white-space:nowrap","opacity:0","transform:translateY(-2px)","transition:opacity 200ms ease-out, transform 200ms ease-out"].join(";"),n.textContent=`New: ${e}`,{outline:t,glow:r,tooltip:n}}function Ns(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
59
|
+
`}),jsxs("div",{className:"__fork-panel",style:co,children:[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:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[jsx("span",{onDoubleClick:async l=>{if(l.stopPropagation(),!G&&confirm("Kill all forks in this container?")){we(true);try{let R=await Fe();`${R?.deleted??0}`,ue([]),le(null),oe(!1),v("");}catch(R){console.error("[Fork] Reset failed:",R);}finally{we(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:jsx(zt,{style:{width:16,height:16,color:"#1c4587",pointerEvents:"none"}})}),e==="running"?jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:ao}):ve.length===0&&!rt?jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):rt?jsxs("div",{ref:Lt,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[jsxs("button",{type:"button",onClick:()=>{Je(l=>!l);},onMouseEnter:()=>at(true),onMouseLeave:()=>at(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:tr||$e?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Xr}),jsx(ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:$e?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),$e&&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:[ve.map(l=>{let R=l.id===ye,U=Et===l.id,me=re===l.id;return jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Ct(l.id),onMouseLeave:()=>Ct(null),onClick:()=>{l.id!==ye&&lo(l.id);},disabled:!!re,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:U?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:re?"default":"pointer",textAlign:"left",fontWeight:R?600:400,opacity:re&&!me?.55:1},children:[jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:R&&jsx(Check,{style:{width:12,height:12}})}),jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:me?"Switching...":l.name})]},l.id)}),jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),lt?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[jsx("input",{ref:ct,type:"text",value:Le,placeholder:"Container name",disabled:re==="__new__",onChange:l=>Ve(l.target.value),onKeyDown:l=>{l.key==="Enter"?(l.preventDefault(),Jr(Le)):l.key==="Escape"&&(l.preventDefault(),l.stopPropagation(),Be(false),Ve(""));},style:{flex:1,minWidth:0,padding:"5px 8px",border:"1px solid #d1d5db",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",background:"#ffffff",outline:"none"},onFocus:l=>{l.currentTarget.style.borderColor="#1c4587",l.currentTarget.style.boxShadow="0 0 0 2px rgba(28,69,135,0.15)";},onBlur:l=>{l.currentTarget.style.borderColor="#d1d5db",l.currentTarget.style.boxShadow="none";}}),jsx("button",{type:"button",onClick:()=>{Jr(Le);},disabled:!Le.trim()||re==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!Le.trim()||re==="__new__"?"#e5e7eb":"#1c4587",color:!Le.trim()||re==="__new__"?"#9ca3af":"#ffffff",cursor:!Le.trim()||re==="__new__"?"default":"pointer",flexShrink:0},children:re==="__new__"?jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):jsx(Check,{style:{width:12,height:12}})})]}):jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>Pe(true),onMouseLeave:()=>Pe(false),onClick:()=>{re||(m(null),Ve(""),Be(true));},disabled:!!re,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:$t?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:re?"default":"pointer",textAlign:"left",opacity:re&&re!=="__new__"?.55:1},children:"+ New container"}),b&&jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:b})]})]}):jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Xr}),e==="running"&&jsx("span",{title:qe?`Estimated ~${qe} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:qe?"#1c4587":"#9ca3af",backgroundColor:qe?"rgba(28, 69, 135, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:qe?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:qe?`~${qe}m`:"~ m"})]}),!I&&jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Dr&&jsx("button",{onClick:xe?so:oo,onMouseEnter:()=>C(true),onMouseLeave:()=>C(false),title:xe?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:P?"#4b5563":"#9ca3af",backgroundColor:P?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:xe?jsx(PictureInPicture,{style:{width:16,height:16}}):jsx(PictureInPicture2,{style:{width:16,height:16}})}),jsx("button",{onClick:qr,onMouseEnter:()=>F(true),onMouseLeave:()=>F(false),style:{padding:6,borderRadius:6,color:c?"#4b5563":"#9ca3af",backgroundColor:c?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:jsx(X,{style:{width:16,height:16}})})]})]}),jsxs("div",{ref:fe,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(Z||ce)&&jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[jsx("button",{onClick:()=>{le(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 R=(Z?ne.find(U=>U.id===Z)?.targetId:null)??nt;return R?jsxs("span",{style:{fontSize:11,color:"#9ca3af",fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},title:`Forking ${R}`,children:["Forking ",jsx("span",{style:{color:"#6b7280"},children:R})]}):null})()]}),!Z&&!ce&&jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),ne.length===0&&jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),ne.length>0&&jsx("div",{style:{display:"flex",flexDirection:"column"},children:ne.map(l=>{let R=l.summary||"Untitled fork";return jsxs("button",{onClick:()=>{oe(false),le(l.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:U=>U.currentTarget.style.background="#fafafa",onMouseLeave:U=>U.currentTarget.style.background="#ffffff",children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[jsx("span",{style:{fontSize:13,fontWeight:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:R}),jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:_s(l.updatedAt)})]}),jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:l.targetId}),jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),jsxs("span",{children:[l.promptCount," prompt",l.promptCount===1?"":"s"]}),l.status==="running"||l.status==="building"?jsxs(Fragment,{children:[jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),jsx("span",{style:{color:"#2563eb"},children:"running"})]}):null]})]},l.id)})})]}),Z&&ut.length>0&&jsx("div",{style:{padding:"16px 16px 0 16px"},children:ut.map((l,R)=>jsx("div",{style:{marginBottom:R<ut.length-1?10:0},children:l.type==="user"?jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:jsx(User,{style:{width:13,height:13,color:"#6b7280"}})}),jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:l.text})]}):M==="item"&&R===ut.length-1?jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:jsx(BadgeCheck,{style:{width:16,height:16}})}),jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:l.text})]}),k&&e!=="running"&&jsx("button",{onClick:U=>{U.stopPropagation(),Vr();},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"})]}):jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:jsx(Check,{style:{width:13,height:13,color:"#9ca3af"}})}),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:[jsx("span",{style:{flex:1},children:l.text}),k&&R===ut.length-1&&e!=="running"&&jsxs("button",{onClick:U=>{U.stopPropagation(),Vr();},onMouseEnter:()=>K(R),onMouseLeave:()=>K(null),disabled:j,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:de===R?"rgba(0,0,0,0.06)":"transparent",color:de===R?"#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:[jsx(Undo2,{style:{width:12,height:12}}),de===R&&jsx("span",{style:{position:"absolute",bottom:"calc(100% + 4px)",right:0,fontSize:10,fontWeight:500,color:"#fff",background:"#374151",borderRadius:4,padding:"2px 6px",whiteSpace:"nowrap",pointerEvents:"none",lineHeight:"16px"},children:"Undo"})]})]})]})},R))}),e==="running"&&(Z||ce)&&jsx("div",{style:{padding:16},children:jsxs("div",{onClick:()=>Q(!V),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[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:jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),jsx(Es,{events:r})]}),jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:V?"rotate(180deg)":"rotate(0deg)"},children:jsx(ChevronDown,{style:{width:14,height:14}})})]}),jsx("div",{style:{maxHeight:V?320:0,opacity:V?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:jsx(Sn,{events:r})})})]})}),e==="error"&&(Z||ce)&&jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:jsx(X,{style:{width:18,height:18,color:"#ef4444"}})}),jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:n}),jsxs("button",{onClick:()=>{let l=t?.prompt||Tt.current;l&&u(l,nt);},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:_?"#e0e7ff":"#eef2ff",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[jsx(RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),e!=="running"&&jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children: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:[jsx("textarea",{ref:Se,value:h,onChange:l=>{v(l.target.value),l.target.style.height="auto",l.target.style.height=Math.min(l.target.scrollHeight,160)+"px";},onKeyDown:l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),zr()),l.key==="Escape"&&!I&&qr();},placeholder:Z?"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"}}),jsx("button",{onClick:zr,disabled:!h.trim(),onMouseEnter:()=>y(true),onMouseLeave:()=>y(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:h.trim()?1:.25,transform:x&&h.trim()?"scale(1.1)":"scale(1)",background:h.trim()?"#1c4587":"rgba(0,0,0,0.12)",border:"none",cursor:h.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:jsx(ArrowUp,{style:{width:13,height:13}})})]})})]})]});return I?nr:xe&&J?createPortal(nr,J.document.body):jsx(Cs,{children:nr})}function En(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 xr(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,previewSession:i,refreshModuleManifest:a,queueBoundaryAnimation:u,trackForkActivity:k,recordForkActivityEvent:g}=he(),[d,w]=useState("idle"),[A,f]=useState(null),[p,I]=useState([]),[M,h]=useState(null),v=useRef(null),T=useCallback(()=>{w("prompting"),I([]),h(null),f(null);},[]),N=useCallback(()=>{w("idle"),v.current&&(v.current.close(),v.current=null);},[]);useEffect(()=>{i&&i.target.kind==="module"&&i.target.id===e&&w(L=>L==="idle"?"prompting":L);},[i?.preview_session_id,i?.target.id,e]);let D=useCallback(async(L,B,S)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");w("running"),I([]),h(null),f(null);let c;if(i){let C=S?.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}`,...te()},body:JSON.stringify({prompt:L,...e?{boundary_id:e}:{},...C&&!S?.forceNew?{fork_id:C}:{},...S?.forceNew?{force_new:!0}:{}})});if(!x.ok){let z=await x.json().catch(()=>({}));throw new Error(z.error||`API error: ${x.status}`)}let y=await x.json();y.container_id&&Ge(y.container_id,y.container_name),dt(y.fork_id),c=await(await fetch(`${o}/api/v1/forks/${y.fork_id}`,{headers:{Authorization:`Bearer ${t}`,...te()}})).json();}else if(S?.forkId){let C={prompt:L};r&&(C.userId=r),n&&(C.userHash=n);let x=await fetch(`${o}/api/v1/forks/${encodeURIComponent(S.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(C)});if(!x.ok){let y=await x.json().catch(()=>({}));throw new Error(y.error||`API error: ${x.status}`)}c=await x.json();}else {let C={userId:r,prompt:L,boundaryId:e,appId:s};B&&(C.containerId=B),n&&(C.userHash=n),S?.forceNew&&(C.force_new=!0);let x=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(C)});if(!x.ok){let y=await x.json().catch(()=>({}));throw new Error(y.error||`API error: ${x.status}`)}c=await x.json();}f(c),k(c,{targetKind:"module",targetId:e});let F=new URLSearchParams({key:t});i?(F.set("previewSessionId",i.preview_session_id),F.set("previewForkId",c.id)):r&&F.set("userId",r),n&&F.set("userHash",n);let P=new EventSource(`${o}/api/v1/forks/${c.id}/events?${F.toString()}`);v.current=P,P.onmessage=C=>{try{let x=JSON.parse(C.data);if(g(c.id,x),I(y=>[...y,x]),x.type==="complete"){let y=x.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let _={...c,status:"complete",moduleUrl:y.moduleUrl,cssUrls:y.cssUrls,summary:y.summary,completedAt:new Date().toISOString()};f(_),w("complete"),P.close();});}else if(x.type==="error"){let y=x.data;h(y.error||"Unknown error"),w("error"),P.close();}}catch{}},P.onerror=()=>{let C={Authorization:`Bearer ${t}`,...te()};!i&&r&&(C["X-Fork-User-Id"]=r),!i&&n&&(C["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${c.id}`,{headers:C}).then(x=>x.json()).then(x=>{f(x),x.status==="complete"?(u(e,x.id),a().catch(()=>{}),w("complete")):x.status==="error"&&(h(x.error||"Fork generation failed"),w("error"));}).catch(()=>{h("Connection lost"),w("error");}),P.close();};}catch(c){h(c.message),w("error");}},[t,s,o,e,i,u,a,g,k,n,r]),O=useCallback(async L=>{try{let B={Authorization:`Bearer ${t}`,...te()};!i&&r&&(B["X-Fork-User-Id"]=r),!i&&n&&(B["X-Fork-User-Hash"]=n);let S=await fetch(`${o}/api/v1/forks/${L}`,{headers:B});if(!S.ok)return;let c=await S.json(),F=c.boundaryId??e;if(k(c,{targetKind:"module",targetId:F}),c.status==="complete"){w("complete"),f(c),h(null),I([]);return}if(c.status==="error"){w("error"),f(c),h(c.error||"Fork generation failed"),I([]);return}if(c.status!=="pending"&&c.status!=="running"&&c.status!=="building")return;w("running"),f(c),h(null),I([]);let P=new URLSearchParams({key:t});i?(P.set("previewSessionId",i.preview_session_id),P.set("previewForkId",c.id)):r&&P.set("userId",r),n&&P.set("userHash",n);let C=new EventSource(`${o}/api/v1/forks/${c.id}/events?${P.toString()}`);v.current&&v.current.close(),v.current=C,C.onmessage=x=>{try{let y=JSON.parse(x.data);if(g(c.id,y),I(_=>[..._,y]),y.type==="complete"){let _=y.data;u(e,c.id),a().catch(()=>{}).finally(()=>{let z={...c,status:"complete",moduleUrl:_.moduleUrl,cssUrls:_.cssUrls,summary:_.summary,completedAt:new Date().toISOString()};f(z),w("complete"),C.close();});}else if(y.type==="error"){let _=y.data;h(_.error||"Unknown error"),w("error"),C.close();}}catch{}},C.onerror=()=>{C.close();};}catch{}},[t,o,e,i,u,g,a,k,n,r]),E=useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let L={userId:r,boundaryId:e,appId:s};n&&(L.userHash=n);let B=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(L)});if(!B.ok){let c=await B.json().catch(()=>({}));throw new Error(c.error||`API error: ${B.status}`)}let S=await B.json();return await a().catch(()=>{}),S.removed?(f(null),w("prompting")):S.fork&&(f(S.fork),w("complete")),S}catch(L){throw h(L.message),L}},[t,s,o,e,a,n,r]);return {state:d,fork:A,events:p,error:M,open:T,close:N,startFork:D,undoFork:E,adoptRunningFork:O}}var Ms=0;function Pn(e){let{state:t,fork:r,events:n,error:o,open:s,close:i,startFork:a,undoFork:u,adoptRunningFork:k}=xr(e),[g,d]=useState(false),w=useRef(null),A=useRef(t),f=useCallback(()=>{w.current!==null&&(clearTimeout(w.current),w.current=null);},[]),p=useCallback(()=>{f(),d(true),s();},[f,s]),I=useCallback(()=>{f(),d(false),i();},[f,i]),M=useCallback(async h=>{f(),d(true),await k(h);},[k,f]);return useEffect(()=>{let h=A.current;A.current=t,t==="complete"&&h==="running"&&g&&(f(),w.current=setTimeout(()=>{w.current=null,d(false),i();},Ms)),(t==="running"||t==="prompting")&&f();},[t,g,f,i]),useEffect(()=>f,[f]),{state:t,fork:r,events:n,error:o,isOpen:g,open:p,close:I,submit:a,undo:u,adoptRunningFork:M}}function Ar(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,previewSession:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:a,trackForkActivity:u,recordForkActivityEvent:k}=he(),[g,d]=useState("idle"),[w,A]=useState(null),[f,p]=useState([]),[I,M]=useState(null),h=useRef(null),v=useCallback(()=>{d("prompting"),p([]),M(null),A(null);},[]),T=useCallback(()=>{d("idle"),h.current&&(h.current.close(),h.current=null);},[]);useEffect(()=>{o&&o.target.kind==="slot"&&d(E=>E==="idle"?"prompting":E);},[o?.preview_session_id,o?.target.kind]);let N=useCallback(async(E,L,B,S)=>{try{d("running"),p([]),M(null),A(null);let c;if(o){let x=S?.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}`,...te()},body:JSON.stringify({prompt:E,...L?{slot_id:L}:{},...x&&!S?.forceNew?{fork_id:x}:{},...S?.forceNew?{force_new:!0}:{}})});if(!y.ok){let V=await y.json().catch(()=>({}));throw new Error(V.error||`API error: ${y.status}`)}let _=await y.json();_.container_id&&Ge(_.container_id,_.container_name),dt(_.fork_id),c=await(await fetch(`${n}/api/v1/forks/${_.fork_id}`,{headers:{Authorization:`Bearer ${e}`,...te()}})).json();}else if(S?.forkId){let x={prompt:E};t&&(x.userId=t),r&&(x.userHash=r);let y=await fetch(`${n}/api/v1/forks/${encodeURIComponent(S.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(x)});if(!y.ok){let _=await y.json().catch(()=>({}));throw new Error(_.error||`API error: ${y.status}`)}c=await y.json();}else {let x={userId:t,prompt:E};L&&(x.slotId=L),B&&(x.containerId=B),r&&(x.userHash=r),S?.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 _=await y.json().catch(()=>({}));throw new Error(_.error||`API error: ${y.status}`)}c=await y.json();}A(c);let F=L??c.slotId;F&&u(c,{targetKind:"slot",targetId:F});let P=new URLSearchParams({key:e});o?(P.set("previewSessionId",o.preview_session_id),P.set("previewForkId",c.id)):t&&P.set("userId",t),r&&P.set("userHash",r);let C=new EventSource(`${n}/api/v1/forks/${c.id}/events?${P.toString()}`);h.current=C,C.onmessage=x=>{try{let y=JSON.parse(x.data);if(k(c.id,y),p(_=>[..._,y]),y.type==="complete"){let _=y.data,z={...c,status:"complete",bundleUrl:_.bundleUrl,summary:_.summary,completedAt:new Date().toISOString()};A(z),d("complete"),L&&_.bundleUrl&&s(L,z),C.close();}else if(y.type==="error"){let _=y.data;M(_.error||"Unknown error"),d("error"),C.close();}}catch{}},C.onerror=()=>{let x={Authorization:`Bearer ${e}`,...te()};!o&&t&&(x["X-Fork-User-Id"]=t),!o&&r&&(x["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${c.id}`,{headers:x}).then(y=>y.json()).then(y=>{A(y),y.status==="complete"?(d("complete"),L&&y.bundleUrl&&s(L,y)):y.status==="error"&&(M(y.error||"Fork generation failed"),d("error"));}).catch(()=>{M("Connection lost"),d("error");}),C.close();};}catch(c){M(c.message),d("error");}},[e,n,o,k,s,u,r,t]),D=useCallback(async E=>{try{let L={Authorization:`Bearer ${e}`,...te()};!o&&t&&(L["X-Fork-User-Id"]=t),!o&&r&&(L["X-Fork-User-Hash"]=r);let B=await fetch(`${n}/api/v1/forks/${E}`,{headers:L});if(!B.ok)return;let S=await B.json();if(S.slotId&&u(S,{targetKind:"slot",targetId:S.slotId}),S.status==="complete"){d("complete"),A(S),M(null),p([]);return}if(S.status==="error"){d("error"),A(S),M(S.error||"Fork generation failed"),p([]);return}if(S.status!=="pending"&&S.status!=="running"&&S.status!=="building")return;d("running"),A(S),M(null),p([]);let c=new URLSearchParams({key:e});o?(c.set("previewSessionId",o.preview_session_id),c.set("previewForkId",S.id)):t&&c.set("userId",t),r&&c.set("userHash",r);let F=new EventSource(`${n}/api/v1/forks/${S.id}/events?${c.toString()}`);h.current&&h.current.close(),h.current=F;let P=S.slotId;F.onmessage=C=>{try{let x=JSON.parse(C.data);if(k(S.id,x),p(y=>[...y,x]),x.type==="complete"){let y=x.data,_={...S,status:"complete",bundleUrl:y.bundleUrl,summary:y.summary,completedAt:new Date().toISOString()};A(_),d("complete"),P&&y.bundleUrl&&s(P,_),F.close();}else if(x.type==="error"){let y=x.data;M(y.error||"Unknown error"),d("error"),F.close();}}catch{}},F.onerror=()=>{F.close();};}catch{}},[e,n,o,k,s,u,r,t]),O=useCallback(async E=>{try{let L={userId:t,slotId:E};r&&(L.userHash=r);let B=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(L)});if(!B.ok){let c=await B.json().catch(()=>({}));throw new Error(c.error||`API error: ${B.status}`)}let S=await B.json();return a(E),S.removed?(i(E),A(null),d("prompting")):S.fork&&(s(E,S.fork),A(S.fork)),S}catch(L){throw M(L.message),L}},[e,t,r,n,i,s]);return {state:g,fork:w,events:f,error:I,open:v,close:T,startFork:N,undoFork:O,adoptRunningFork:D}}var Us=0;function Ln(){let{state:e,fork:t,events:r,error:n,open:o,close:s,startFork:i,undoFork:a,adoptRunningFork:u}=Ar(),[k,g]=useState(false),d=useRef(null),w=useRef(e),A=useCallback(()=>{d.current!==null&&(clearTimeout(d.current),d.current=null);},[]),f=useCallback(()=>{A(),g(true),o();},[A,o]),p=useCallback(()=>{A(),g(false),s();},[A,s]),I=useCallback(async M=>{A(),g(true),await u(M);},[u,A]);return useEffect(()=>{let M=w.current;w.current=e,e==="complete"&&M==="running"&&k&&(A(),d.current=setTimeout(()=>{d.current=null,g(false),s();},Us)),(e==="running"||e==="prompting")&&A();},[e,k,A,s]),useEffect(()=>A,[A]),{state:e,fork:t,events:r,error:n,isOpen:k,open:f,close:p,submit:i,undo:a,adoptRunningFork:I}}var Ns=new Set(["pending","running","building"]);function _r(e){let t=En(e),r=Ln(),n=Pn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u,activitySummary:k,forkActivities:g,markForkActivitySeen:d}=he(),w=t.type==="slot"?r:n,A=t.type==="slot"?"slot":"boundary",f=t.id,p=t.title,I=t.type==="slot"?"slot":"module",M=g.find(D=>D.targetKind===I&&D.targetId===t.id&&Ns.has(D.status)),h=g.find(D=>D.targetKind===I&&D.targetId===t.id&&D.status==="complete"&&D.unread),v=useCallback(()=>{d();let D=M??h;if(D){w.adoptRunningFork(D.id);return}w.open();},[w,d,M,h]),T=useCallback((D,O,E,L)=>t.type==="slot"?r.submit(D,O??t.id,E,L):n.submit(D,E,L),[n,r,t]),N=useCallback(D=>t.type==="slot"?r.undo(D??t.id):n.undo(),[n,r,t]);return {...w,open:v,target:t,targetId:f,targetLabel:p,historyMode:A,submit:T,undo:N,buttonProps:{onClick:v,hasNotification:k.unreadCompletedCount>0,activity:k},panelProps:{state:w.state,fork:w.fork,events:w.events,error:w.error,...t.type==="slot"?{slotId:f,targetLabel:p,historyMode:A}:{targetId:f,targetLabel:p,historyMode:A},onSubmit:T,onUndo:N,onClose:w.close,baseUrl:o,apiKey:s,userId:i,userHash:a,appId:u}}}function Ft(e){let{embedded:t,completeVariant:r}=e,n=_r(e);return t?jsx(qt,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?jsx(qt,{...n.panelProps,completeVariant:r}):jsx(wr,{...n.buttonProps})}function Bs({boundaryId:e,title:t}){return jsx(Ft,{boundaryId:e,title:t})}function Er(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 Hn(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 On(e,t){let r=[];for(let n of t)if(!(e.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Un(e,t){let r=[];for(let n of e)if(!(t.find(i=>i.tag===n.tag&&i.className===n.className&&Math.abs(i.rect.top-n.rect.top)<20&&Math.abs(i.rect.left-n.rect.left)<20)||r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom))){for(let i=r.length-1;i>=0;i-=1){let a=r[i];a.rect.top>=n.rect.top&&a.rect.left>=n.rect.left&&a.rect.right<=n.rect.right&&a.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Nn(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 $r(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-highlights","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");n.appendChild(o);let s=[];for(let g=0;g<e.length;g+=1){let{rect:d,borderRadius:w}=e[g],A=d.left-.5,f=d.top-.5,p=d.width+1,I=d.height+1,M=Math.min(w+.5,p/2,I/2),h=Nn(A,f,p,I,M),v=`__fork-glow-${g}`,T=document.createElementNS(t,"filter");T.setAttribute("id",v),T.setAttribute("x","-100%"),T.setAttribute("y","-100%"),T.setAttribute("width","300%"),T.setAttribute("height","300%");let N=document.createElementNS(t,"feGaussianBlur");N.setAttribute("in","SourceGraphic"),N.setAttribute("stdDeviation","8"),T.appendChild(N),o.appendChild(T);let D=`__fork-mask-${g}`,O=document.createElementNS(t,"mask");O.setAttribute("id",D),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(A-200)),O.setAttribute("y",String(f-200)),O.setAttribute("width",String(p+400)),O.setAttribute("height",String(I+400));let E=document.createElementNS(t,"rect");E.setAttribute("x",String(A-200)),E.setAttribute("y",String(f-200)),E.setAttribute("width",String(p+400)),E.setAttribute("height",String(I+400)),E.setAttribute("fill","white"),O.appendChild(E);let L=document.createElementNS(t,"path");L.setAttribute("d",h),L.setAttribute("fill","black"),O.appendChild(L),o.appendChild(O);let B=document.createElementNS(t,"g");B.setAttribute("mask",`url(#${D})`),B.setAttribute("opacity","0");let S=document.createElementNS(t,"g");S.setAttribute("filter",`url(#${v})`);let c=document.createElementNS(t,"path");c.setAttribute("d",h),c.setAttribute("fill","none"),c.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),c.setAttribute("stroke-width","6"),c.setAttribute("stroke-linecap","round"),S.appendChild(c),B.appendChild(S),n.appendChild(B);let F=document.createElementNS(t,"path");F.setAttribute("d",h),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),F.setAttribute("stroke-width","2"),F.setAttribute("stroke-linecap","round"),F.setAttribute("opacity","0"),n.appendChild(F),s.push(c,F),c.__group=B;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let g=0;g<s.length;g+=2){let d=s[g],w=s[g+1],A=d.__group;if(!A)continue;let f=w.getTotalLength(),p=d.getTotalLength();if(f<=0)continue;let I=f*.35;w.setAttribute("stroke-dasharray",`${I} ${f-I}`),w.setAttribute("stroke-dashoffset","0"),i.push(w.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*f,opacity:.92,offset:.06},{strokeDashoffset:-2*f,opacity:.92,offset:.92},{strokeDashoffset:-2.25*f,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let M=p*.35;d.setAttribute("stroke-dasharray",`${M} ${p-M}`),d.setAttribute("stroke-dashoffset","0"),i.push(d.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*p,offset:.06},{strokeDashoffset:-2*p,offset:.92},{strokeDashoffset:-2.25*p,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(A.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let a=false,u=()=>{if(a)return;a=true,clearTimeout(k);for(let d of i)try{d.cancel();}catch{}let g=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});g.onfinish=()=>r.remove(),window.removeEventListener("click",u);},k=setTimeout(u,14500);return setTimeout(()=>{a||window.addEventListener("click",u);},500),u}function Bn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:a,borderRadius:u}of e){let k=document.createElementNS(t,"path");k.setAttribute("d",Nn(a.left,a.top,a.width,a.height,u)),k.setAttribute("fill","none"),k.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),k.setAttribute("stroke-width","1.5"),k.setAttribute("stroke-dasharray","8 4"),k.setAttribute("stroke-linecap","round"),k.setAttribute("filter","url(#__fork-removed-shadow)"),k.setAttribute("opacity","0"),n.appendChild(k),k.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 Kn(e,t){if(js(t.selector))return jn(e,t);let n=jn(e,t);if(n)return n;try{let s=document.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e&&e.contains(s))return s}catch{}if(Dn(t.selector))try{let s=e.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e)return s}catch{}if(t.textHint){let s=t.textHint.trim();if(s){let i=Tr(e,g=>g===s);if(i)return i;let a=s.toLowerCase(),u=Tr(e,g=>g.toLowerCase()===a);if(u)return u;let k=Tr(e,g=>g.toLowerCase().includes(a));if(k)return k}}let o=Ks(t.selector);if(o&&o!==t.selector&&Dn(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function Dn(e){let t=e.split(/\s+|>|~|\+/),r=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(r)}function jn(e,t){let r=Array.from(e.querySelectorAll("[data-fork-new]"));if(r.length===0)return null;let n=Pr(t.label),o=Pr(t.textHint);return r.find(i=>{let a=Pr(i.getAttribute("data-fork-new"));return !!a&&(a===n||a===o)})??null}function js(e){return e.trim()==="[data-fork-new]"}function Pr(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Ks(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function Tr(e,t){let r=null,n=1/0,o=e.querySelectorAll("*");for(let s of o){let i=s.textContent?.trim();if(!i||!t(i))continue;let a=s.getBoundingClientRect();if(a.width<4||a.height<4)continue;let u=a.width*a.height;u<n&&(r=s,n=u);}return r}var Mr=2147483600,zs=1600,Ws=3e4,Js=300,Ke=10;function Vs(e){let r=getComputedStyle(e).borderTopLeftRadius;if(!r)return 4;if(r.endsWith("%")){let i=parseFloat(r);if(!Number.isFinite(i)||i<=0)return 4;let a=e.getBoundingClientRect(),u=Math.min(a.width,a.height);return Math.max(4,i/100*u)}let n=parseFloat(r);if(!Number.isFinite(n)||n<=0)return 4;let o=e.getBoundingClientRect(),s=Math.min(o.width,o.height)/2;return n>=s?s:Math.min(n,16)}function qs(e,t,r,n){let s=window.innerWidth,i=window.innerHeight,a=e;a==="top"&&t.top<n+Ke+8?a="bottom":a==="bottom"&&i-t.bottom<n+Ke+8?a="top":a==="left"&&t.left<r+Ke+8?a="right":a==="right"&&s-t.right<r+Ke+8&&(a="left");let u=0,k=0;return a==="top"?(u=t.top-n-Ke,k=t.left+t.width/2-r/2):a==="bottom"?(u=t.bottom+Ke,k=t.left+t.width/2-r/2):a==="left"?(u=t.top+t.height/2-n/2,k=t.left-r-Ke):(u=t.top+t.height/2-n/2,k=t.right+Ke),k=Math.max(8,Math.min(k,s-r-8)),u=Math.max(8,Math.min(u,i-n-8)),{top:u,left:k,placement:a}}function Xs(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${Mr}`,"border:1.5px solid rgba(59,130,246,0.85)","box-sizing:border-box","opacity:0","transition:opacity 200ms ease-out"].join(";");let r=document.createElement("div");r.setAttribute("data-fork-highlight-glow","true"),r.style.cssText=["position:fixed","pointer-events:none",`z-index:${Mr-1}`,"box-sizing:border-box","border:1px solid rgba(59,130,246,0.36)","box-shadow:0 0 0 4px rgba(59,130,246,0.16), 0 0 18px 2px rgba(59,130,246,0.31)","opacity:0","transition:opacity 200ms ease-out"].join(";");let n=document.createElement("div");return n.setAttribute("data-fork-highlight-tooltip","true"),n.style.cssText=["position:fixed","pointer-events:none",`z-index:${Mr+1}`,"padding:6px 10px","font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif","color:#ffffff","background:linear-gradient(135deg,#64748b,#475569)","border-radius:999px","box-shadow:0 4px 14px rgba(71,85,105,0.31),0 1px 2px rgba(0,0,0,0.1)","white-space:nowrap","opacity:0","transform:translateY(-2px)","transition:opacity 200ms ease-out, transform 200ms ease-out"].join(";"),n.textContent=`New: ${e}`,{outline:t,glow:r,tooltip:n}}function Gs(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
60
60
|
@keyframes __fork-highlight-pulse {
|
|
61
61
|
0%, 100% { box-shadow: 0 0 0 3px rgba(59,130,246,0.11), 0 0 12px 1px rgba(59,130,246,0.22); }
|
|
62
62
|
50% { box-shadow: 0 0 0 6px rgba(59,130,246,0.25), 0 0 22px 4px rgba(59,130,246,0.49); }
|
|
63
63
|
}
|
|
64
|
-
`,document.head.appendChild(e);}function Bn(e,t,r="top"){Ns();let{outline:n,glow:o,tooltip:s}=Bs(t),i=Hs(e);n.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${Is}ms ease-in-out infinite`,document.body.append(o,n,s);let a=()=>{let f=e.getBoundingClientRect();if(f.width===0&&f.height===0)return;n.style.top=`${f.top}px`,n.style.left=`${f.left}px`,n.style.width=`${f.width}px`,n.style.height=`${f.height}px`,o.style.top=`${f.top-1}px`,o.style.left=`${f.left-1}px`,o.style.width=`${f.width+2}px`,o.style.height=`${f.height+2}px`;let F=s.getBoundingClientRect(),B=F.width||s.offsetWidth||80,C=F.height||s.offsetHeight||26,S=Ls(r,f,B,C);s.style.top=`${S.top}px`,s.style.left=`${S.left}px`;};a(),requestAnimationFrame(()=>{n.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(a);});let u=false,m=new ResizeObserver(a);m.observe(e);let k=()=>a(),d=()=>a();window.addEventListener("scroll",k,true),window.addEventListener("resize",d);let w=()=>{u||(u=true,clearTimeout(x),m.disconnect(),window.removeEventListener("scroll",k,true),window.removeEventListener("resize",d),window.removeEventListener("click",b,true),n.style.opacity="0",o.style.opacity="0",s.style.opacity="0",s.style.transform="translateY(-2px)",setTimeout(()=>{n.remove(),o.remove(),s.remove();},Ms));},b=()=>w();setTimeout(()=>{u||window.addEventListener("click",b,{once:true,capture:true});},250);let x=setTimeout(w,Ts);return w}var Os="fork:highlight:v1:seen";function Nn(e){return `${Os}:${e}`}function On(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 Us(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var Un=new Set;function Dn(e,t,r){return `${r}::${e}:${t}`}function $r(e,t,r){let n=Dn(e,t,r);return Un.has(n)?true:On(Nn(r)).has(`${e}:${t}`)}function jn(e,t,r){let n=Dn(e,t,r);Un.add(n);let o=Nn(r),s=`${e}:${t}`,i=On(o);i.has(s)||(i.add(s),Us(o,i));}var Ft=new Map,At=new Map,Pr=new Map;function js(e){for(let t of e)At.set(t,(At.get(t)??0)+1);}function zs(e){if(!(typeof document>"u"))for(let t of e){let r=(At.get(t)??0)-1;if(r>0){At.set(t,r);continue}At.delete(t),Ft.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function Ks(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function Kn(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0)return false;let r=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight;return t.bottom>0&&t.right>0&&t.top<n&&t.left<r}function Wn(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 Ws(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((s,i)=>{let a=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),s();},u=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",a,{once:true}),r.addEventListener("error",u,{once:true});});return Ft.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 Ft.delete(e),o});return Ft.set(e,n),n}var xt=null;function Vs(){if(xt)return xt;try{xt=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{xt=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return xt}function Xs(e){let t=Pr.get(e);if(t)return t;let r=Vs()(e).catch(n=>{throw Pr.delete(e),n});return Pr.set(e,r),r}async function Js(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>Ws(s)));let o=await Xs(e.moduleUrl);return Wn(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 Wn(n,r)}function qs(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:a,getBoundaryOverride:u,consumeBoundaryAnimation:m,highlightScope:k}=ke(),[d,w]=useState(null),[b,x]=useState(null),f=useRef(null),F=useRef(null),B=useRef(null),C=useRef(false),S=useRef(null),D=useRef(null),H=useRef(null),N=useRef(false),R=useRef(false),g=u(e.id),A=g?`override:${g.id}`:"original",I=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(useEffect(()=>()=>{D.current&&(clearTimeout(D.current),D.current=null),S.current&&(S.current.remove(),S.current=null),H.current&&(H.current(),H.current=null);},[]),useEffect(()=>{a({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,a,e.id,e.exportName,I]),useEffect(()=>{let h=g?.cssUrls??[];if(h.length!==0)return js(h),()=>zs(h)},[g?.cssUrls.join("|")]),useEffect(()=>{if(o&&!s&&!d||F.current===A&&d)return;let h=false;return x(null),Js(g,e.original,e.exportName).then(c=>{if(h)return;let T=g?.id?m(e.id,g.id):false;if(N.current=T,T&&f.current){let U=Fr(f.current);if(U){let M=Ar(U);M.length>0&&(B.current=M,C.current=true,D.current&&(clearTimeout(D.current),D.current=null),S.current&&S.current.remove(),S.current=Rn(U));}}F.current=A,startTransition(()=>{w(()=>c);});}).catch(c=>{h||x(Ks(c));}),()=>{h=true;}},[m,A,o,s,i,g?.id,g?.moduleUrl,g?.integrity,g?.cssUrls.join("|"),e.exportName,e.original,d]),useEffect(()=>{if(!d||!f.current)return;let h=false,c=null,T=()=>{if(h||!f.current)return false;let U=g?.highlightHint,M=g?.id,_=g?.createdAt?String(g.createdAt):"";if(!U||!M||$r(M,_,k))return false;let v=Array.from(f.current.querySelectorAll("[data-fork-new]"));v.length,v.map(J=>J.getAttribute("data-fork-new")),U.label,U.textHint,U.selector;let P=Ln(f.current,U);return P?.tagName,P?.getAttribute("data-fork-new"),P?.getAttribute("aria-label"),P?.textContent?.trim().slice(0,60),!P||!Kn(P)?(P&&Kn(P),P?.getBoundingClientRect(),false):(jn(M,_,k),S.current&&(S.current.remove(),S.current=null),H.current&&H.current(),H.current=Bn(P,U.label,U.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(h||!f.current)return;let U=N.current,M=!R.current;R.current=true;let _=U||M,v=_?T():false;if(_&&!v&&g?.highlightHint&&g?.id&&!$r(g.id,String(g.createdAt??""),k)){let Z=[150,400,800],be=0,we=()=>{if(h||be>=Z.length)return;let Ce=Z[be];be+=1,c=setTimeout(()=>{if(T()){v=true;return}we();},Ce);};we();}let P=C.current,J=!!g?.highlightHint,K=B.current;if(B.current=null,C.current=false,v||J||!P){S.current&&(S.current.remove(),S.current=null);return}let he=Fr(f.current);if(!K||!he){S.current&&(S.current.remove(),S.current=null);return}let j=Ar(he),Y=$n(K,j),ae=Pn(K,j),z=S.current;if(ae.length>0&&z){let Z=Tn(ae);D.current=setTimeout(()=>{D.current=null;let be=400;z.animate([{opacity:1},{opacity:0}],{duration:be,fill:"forwards"}),Z.animate([{opacity:1},{opacity:0}],{duration:be,fill:"forwards"}),setTimeout(()=>{z.remove(),Z.remove(),S.current===z&&(S.current=null),Y.length>0&&_r(Y);},be);},3500);}else z&&(z.remove(),S.current===z&&(S.current=null)),Y.length>0&&_r(Y);});}),()=>{h=true,c!==null&&(clearTimeout(c),c=null);}},[d,g?.id,g?.createdAt,g?.highlightHint,k]),b)throw b;return d?jsx("div",{ref:f,"data-fork-boundary":e.id,style:{display:"contents"},children:jsx(d,{...r})}):jsx(Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function Ys({slotId:e,title:t,slotLabel:r}){return jsx(vt,{slotId:e,title:t,slotLabel:r})}export{Es as ForkBoundaryUI,mr as ForkButton,vt as ForkChatInterface,Wt as ForkPanel,_o as ForkProvider,Oo as ForkSlot,Ys as ForkUI,fo as clearCachedManifest,qs as forkable,Bt as loadManifest,po as manifestDiffers,co as readCachedManifest,er as registerForkShared,br as useBoundaryFork,wr as useFork,Sr as useForkChatPanel,Lt as usePreviewSession,uo as writeCachedManifest};
|
|
64
|
+
`,document.head.appendChild(e);}function zn(e,t,r="top"){Gs();let{outline:n,glow:o,tooltip:s}=Xs(t),i=Vs(e);n.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${zs}ms ease-in-out infinite`,document.body.append(o,n,s);let a=()=>{let p=e.getBoundingClientRect();if(p.width===0&&p.height===0)return;n.style.top=`${p.top}px`,n.style.left=`${p.left}px`,n.style.width=`${p.width}px`,n.style.height=`${p.height}px`,o.style.top=`${p.top-1}px`,o.style.left=`${p.left-1}px`,o.style.width=`${p.width+2}px`,o.style.height=`${p.height+2}px`;let I=s.getBoundingClientRect(),M=I.width||s.offsetWidth||80,h=I.height||s.offsetHeight||26,v=qs(r,p,M,h);s.style.top=`${v.top}px`,s.style.left=`${v.left}px`;};a(),requestAnimationFrame(()=>{n.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(a);});let u=false,k=new ResizeObserver(a);k.observe(e);let g=()=>a(),d=()=>a();window.addEventListener("scroll",g,true),window.addEventListener("resize",d);let w=()=>{u||(u=true,clearTimeout(f),k.disconnect(),window.removeEventListener("scroll",g,true),window.removeEventListener("resize",d),window.removeEventListener("click",A,true),n.style.opacity="0",o.style.opacity="0",s.style.opacity="0",s.style.transform="translateY(-2px)",setTimeout(()=>{n.remove(),o.remove(),s.remove();},Js));},A=()=>w();setTimeout(()=>{u||window.addEventListener("click",A,{once:true,capture:true});},250);let f=setTimeout(w,Ws);return w}var Ys="fork:highlight:v1:seen";function Wn(e){return `${Ys}:${e}`}function Jn(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 Qs(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var Vn=new Set;function qn(e,t,r){return `${r}::${e}:${t}`}function Lr(e,t,r){let n=qn(e,t,r);return Vn.has(n)?true:Jn(Wn(r)).has(`${e}:${t}`)}function Xn(e,t,r){let n=qn(e,t,r);Vn.add(n);let o=Wn(r),s=`${e}:${t}`,i=Jn(o);i.has(s)||(i.add(s),Qs(o,i));}var It=new Map,_t=new Map,Hr=new Map;function ei(e){for(let t of e)_t.set(t,(_t.get(t)??0)+1);}function ti(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),It.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function ri(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function Yn(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0)return false;let r=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight;return t.bottom>0&&t.right>0&&t.top<n&&t.left<r}function Qn(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 ni(e){if(!e||typeof document>"u")return Promise.resolve();let t=It.get(e);if(t)return t;let r=document.querySelector(`link[data-fork-override-href="${e}"]`);if(r instanceof HTMLLinkElement){let o=r.sheet?Promise.resolve():new Promise((s,i)=>{let a=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),s();},u=()=>{r.removeEventListener("load",a),r.removeEventListener("error",u),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",a,{once:true}),r.addEventListener("error",u,{once:true});});return It.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 It.delete(e),o});return It.set(e,n),n}var At=null;function oi(){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 si(e){let t=Hr.get(e);if(t)return t;let r=oi()(e).catch(n=>{throw Hr.delete(e),n});return Hr.set(e,r),r}async function ii(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>ni(s)));let o=await si(e.moduleUrl);return Qn(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 Qn(n,r)}function ai(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:a,getBoundaryOverride:u,consumeBoundaryAnimation:k,highlightScope:g}=he(),[d,w]=useState(null),[A,f]=useState(null),p=useRef(null),I=useRef(null),M=useRef(null),h=useRef(false),v=useRef(null),T=useRef(null),N=useRef(null),D=useRef(false),O=useRef(false),E=u(e.id),L=E?`override:${E.id}`:"original",B=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(useEffect(()=>()=>{T.current&&(clearTimeout(T.current),T.current=null),v.current&&(v.current.remove(),v.current=null),N.current&&(N.current(),N.current=null);},[]),useEffect(()=>{a({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,a,e.id,e.exportName,B]),useEffect(()=>{let S=E?.cssUrls??[];if(S.length!==0)return ei(S),()=>ti(S)},[E?.cssUrls.join("|")]),useEffect(()=>{if(o&&!s&&!d||I.current===L&&d)return;let S=false;return f(null),ii(E,e.original,e.exportName).then(c=>{if(S)return;let F=E?.id?k(e.id,E.id):false;if(D.current=F,F&&p.current){let P=Er(p.current);if(P){let C=Cr(P);C.length>0&&(M.current=C,h.current=true,T.current&&(clearTimeout(T.current),T.current=null),v.current&&v.current.remove(),v.current=Hn(P));}}I.current=L,startTransition(()=>{w(()=>c);});}).catch(c=>{S||f(ri(c));}),()=>{S=true;}},[k,L,o,s,i,E?.id,E?.moduleUrl,E?.integrity,E?.cssUrls.join("|"),e.exportName,e.original,d]),useEffect(()=>{if(!d||!p.current)return;let S=false,c=null,F=()=>{if(S||!p.current)return false;let P=E?.highlightHint,C=E?.id,x=E?.createdAt?String(E.createdAt):"";if(!P||!C||Lr(C,x,g))return false;let y=Array.from(p.current.querySelectorAll("[data-fork-new]"));y.length,y.map(z=>z.getAttribute("data-fork-new")),P.label,P.textHint,P.selector;let _=Kn(p.current,P);return _?.tagName,_?.getAttribute("data-fork-new"),_?.getAttribute("aria-label"),_?.textContent?.trim().slice(0,60),!_||!Yn(_)?(_&&Yn(_),_?.getBoundingClientRect(),false):(Xn(C,x,g),v.current&&(v.current.remove(),v.current=null),N.current&&N.current(),N.current=zn(_,P.label,P.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(S||!p.current)return;let P=D.current,C=!O.current;O.current=true;let x=P||C,y=x?F():false;if(x&&!y&&E?.highlightHint&&E?.id&&!Lr(E.id,String(E.createdAt??""),g)){let G=[150,400,800],we=0,ve=()=>{if(S||we>=G.length)return;let _e=G[we];we+=1,c=setTimeout(()=>{if(F()){y=true;return}ve();},_e);};ve();}let _=h.current,z=!!E?.highlightHint,V=M.current;if(M.current=null,h.current=false,y||z||!_){v.current&&(v.current.remove(),v.current=null);return}let Q=Er(p.current);if(!V||!Q){v.current&&(v.current.remove(),v.current=null);return}let j=Cr(Q),q=On(V,j),de=Un(V,j),K=v.current;if(de.length>0&&K){let G=Bn(de);T.current=setTimeout(()=>{T.current=null;let we=400;K.animate([{opacity:1},{opacity:0}],{duration:we,fill:"forwards"}),G.animate([{opacity:1},{opacity:0}],{duration:we,fill:"forwards"}),setTimeout(()=>{K.remove(),G.remove(),v.current===K&&(v.current=null),q.length>0&&$r(q);},we);},3500);}else K&&(K.remove(),v.current===K&&(v.current=null)),q.length>0&&$r(q);});}),()=>{S=true,c!==null&&(clearTimeout(c),c=null);}},[d,E?.id,E?.createdAt,E?.highlightHint,g]),A)throw A;return d?jsx("div",{ref:p,"data-fork-boundary":e.id,style:{display:"contents"},children:jsx(d,{...r})}):jsx(Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function ci({slotId:e,title:t,slotLabel:r}){return jsx(Ft,{slotId:e,title:t,slotLabel:r})}function fi(e){return e.replace(/\/+$/,"")}function pi(e){return {namespace:e.namespace||"default",type:e.type,id:e.id}}function Rt(e,t="value"){let r=pi(e);return `${r.namespace}:${r.type}:${r.id}:${t}`}function Ur(e){if(Array.isArray(e))return e.map(Ur);if(!e||typeof e!="object")return e;let t=e,r={};for(let n of Object.keys(t).sort())r[n]=Ur(t[n]);return r}function ro(e){return JSON.stringify(Ur(e))}function Zn(e){let t={Authorization:`Bearer ${e.apiKey}`,"Content-Type":"application/json","X-Fork-App-Id":e.appId,...e.extraHeaders??{}};return e.userId&&(t["X-Fork-User-Id"]=e.userId),e.userHash&&(t["X-Fork-User-Hash"]=e.userHash),t}async function eo(e){let t=await e.json().catch(()=>({}));if(!e.ok){let r=typeof t.error=="string"?t.error:`Fork data API ${e.status}`;throw new Error(r)}return t}function no(e){let t=fi(e.baseUrl),r={appId:e.appId,containerId:e.containerId},n=async(s,i)=>{let a=i&&typeof i=="object"&&!Array.isArray(i)?i:{},u=await fetch(`${t}/api/v1/data${s}`,{method:"POST",headers:Zn(e),body:JSON.stringify({...r,...a})});return eo(u)},o=async(s,i)=>{let a=new URLSearchParams({appId:e.appId,containerId:e.containerId});for(let[k,g]of Object.entries(i))g&&a.set(k,g);let u=await fetch(`${t}/api/v1/data${s}?${a.toString()}`,{headers:Zn(e)});return eo(u)};return {listFeatures(){return o("/features",{})},ensureFeature(s){return n("/features",s)},queryValues(s){return n("/values/query",s)},setValues(s){return n("/values",s)},listOptions(s){return o("/options",{featureId:s.featureId,featureKey:s.featureKey,includeArchived:s.includeArchived?"true":void 0})},setOptions(s){return n("/options",s)},ensureLlmJobs(s){return n("/llm/ensure",s)},queryLlmJobs(s){return n("/llm/jobs/query",s)}}}function er(e){let{apiKey:t,appId:r,baseUrl:n,currentContainerId:o,previewSession:s,userHash:i,userId:a}=he(),u=e||o;return useMemo(()=>{if(!r||!u)return null;let k=s?te():{};return no({apiKey:t,appId:r,baseUrl:n,containerId:u,userId:s?void 0:a,userHash:s?void 0:i,extraHeaders:k})},[t,r,n,u,s,i,a])}function gi(e){let t=er(e.containerId),[r,n]=useState(null),[o,s]=useState([]),[i,a]=useState(false),[u,k]=useState(null),g=ro({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys,enabled:e.enabled!==false}),d=useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)){a(true);try{let f=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys});n(f.feature),s(f.values),k(null);}catch(f){k(f instanceof Error?f:new Error(String(f)));}finally{a(false);}}},[t,g]);useEffect(()=>{d();},[d]),useEffect(()=>{if(!e.pollMs||e.pollMs<=0)return;let f=setInterval(()=>{d();},e.pollMs);return ()=>clearInterval(f)},[e.pollMs,d]);let w=useMemo(()=>new Map(o.map(f=>[Rt(f.entity,f.valueKey),f])),[o]),A=useCallback((f,p="value")=>w.get(Rt(f,p))??null,[w]);return {feature:r,values:o,byKey:w,getValue:A,loading:i,error:u,refresh:d}}function mi(e){let t=er(e),r=useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.ensureFeature(s)},[t]),n=useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setValues(s)},[t]),o=useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setOptions(s)},[t]);return {client:t,ensureFeature:r,setValues:n,setOptions:o}}function to(e){return e.some(t=>t.status==="queued"||t.status==="running")}function hi(e){let t=er(e.containerId),[r,n]=useState(null),[o,s]=useState([]),[i,a]=useState([]),[u,k]=useState(false),[g,d]=useState(null),w=useRef(""),A=ro({featureId:e.featureId,featureKey:e.featureKey,kind:e.kind,config:e.config,forkId:e.forkId,targetKind:e.targetKind,targetId:e.targetId,operation:e.operation,model:e.model,prompt:e.prompt,system:e.system,promptHash:e.promptHash,outputFormat:e.outputFormat,maxTokens:e.maxTokens,temperature:e.temperature,force:e.force,jobs:e.jobs,enabled:e.enabled!==false}),f=useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)&&!(!e.jobs||e.jobs.length===0)){k(true);try{let h=await t.ensureLlmJobs(e);w.current=A,n(h.feature),s(h.jobs),a(h.values),d(null);}catch(h){d(h instanceof Error?h:new Error(String(h)));}finally{k(false);}}},[t,A]),p=useCallback(async()=>{if(!t)return;let h=o.map(v=>v.id);try{if(h.length>0){let v=await t.queryLlmJobs({jobIds:h});s(v.jobs);}if(e.featureId||e.featureKey){let v=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.jobs.map(T=>T.entity),valueKeys:Array.from(new Set(e.jobs.map(T=>T.valueKey||"value")))});n(v.feature),a(v.values);}d(null);}catch(v){d(v instanceof Error?v:new Error(String(v)));}},[t,o,A]);useEffect(()=>{w.current!==A&&f();},[f,A]),useEffect(()=>{let h=e.pollMs??3e3;if(h<=0||!to(o))return;let v=setInterval(()=>{p();},h);return ()=>clearInterval(v)},[e.pollMs,o,p]);let I=useMemo(()=>new Map(i.map(h=>[Rt(h.entity,h.valueKey),h])),[i]),M=useCallback((h,v="value")=>I.get(Rt(h,v))??null,[I]);return {feature:r,jobs:o,values:i,byKey:I,getValue:M,loading:u,error:g,ensure:f,refresh:p,running:to(o)}}export{Bs as ForkBoundaryUI,wr as ForkButton,Ft as ForkChatInterface,qt as ForkPanel,Uo as ForkProvider,Yo as ForkSlot,ci as ForkUI,xo as clearCachedManifest,no as createForkDataClient,Rt as forkEntityValueKey,ai as forkable,Bt as loadManifest,Ao as manifestDiffers,So as readCachedManifest,sr as registerForkShared,xr as useBoundaryFork,Ar as useFork,_r as useForkChatPanel,er as useForkDataClient,mi as useForkDataMutation,gi as useForkFeatureValues,hi as useForkLlmJobs,Nt as usePreviewSession,Fo as writeCachedManifest};
|