@fork-api/chat-sdk 0.1.180 → 0.1.181
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 -7
- package/dist/index.d.cts +62 -45
- package/dist/index.d.ts +62 -45
- package/dist/index.js +8 -7
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
'use strict';var br=require('react'),mo=require('react-dom'),ho=require('react/jsx-runtime'),yo=require('react/jsx-dev-runtime'),lucideReact=require('lucide-react');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var br__namespace=/*#__PURE__*/_interopNamespace(br);var mo__namespace=/*#__PURE__*/_interopNamespace(mo);var ho__namespace=/*#__PURE__*/_interopNamespace(ho);var yo__namespace=/*#__PURE__*/_interopNamespace(yo);var et="__FORK_SHARED__";function cr(){var t,r,n,o;let e=globalThis;return e[et]||(e[et]={}),(t=e[et]).react||(t.react=br__namespace),(r=e[et])["react-dom"]||(r["react-dom"]=mo__namespace),(n=e[et])["react/jsx-runtime"]||(n["react/jsx-runtime"]=ho__namespace),(o=e[et])["react/jsx-dev-runtime"]||(o["react/jsx-dev-runtime"]=yo__namespace),e[et]}function dr(e){return Object.assign(cr(),e)}var rn=false,fr=null,pr=null;function nn(e,t,r){rn=e,fr=t,pr=r;}function de(){if(!rn)return {};let e={};return fr&&(e["X-Fork-App-Id"]=fr),pr&&(e["X-Fork-Container-Id"]=pr),e}async function gr(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.userJwt&&(n["X-Fork-User-Jwt"]=e.userJwt),e.previous?.etag&&(n["If-None-Match"]=e.previous.etag);let o=await fetch(r,{headers:n,signal:e.signal});if(o.status===304)return null;if(!o.ok)throw new Error(`manifest ${o.status} ${o.statusText}`);let s=await o.json(),i={};for(let[l,f]of Object.entries(s.modules)){let b=f.moduleUrl??f.bundleUrl??null,w=f.legacyModuleUrl??f.legacyBundleUrl??null;i[l]={forkId:f.forkId,moduleUrl:b,legacyModuleUrl:w,bundleUrl:f.bundleUrl??b,legacyBundleUrl:f.legacyBundleUrl??w,cssUrls:f.cssUrls??[],integrity:f.integrity,metadata:f.metadata,highlightHint:f.highlightHint,buildId:f.buildId,updatedAt:f.updatedAt};}return {containerId:s.containerId,forksPaused:!!s.forksPaused,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var ko="fork:manifest:v1";function mr(e,t,r){return `${ko}:${e}:${t}:${r}`}function bo(e,t,r){if(typeof window>"u")return null;try{let n=window.localStorage.getItem(mr(e,t,r));return n?JSON.parse(n):null}catch{return null}}function wo(e,t,r,n){if(!(typeof window>"u"))try{window.localStorage.setItem(mr(e,t,r),JSON.stringify(n));}catch{}}function vo(e,t,r){if(!(typeof window>"u"))try{window.localStorage.removeItem(mr(e,t,r));}catch{}}function Fo(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId||!!e.forksPaused!=!!t.forksPaused)return true;let r=Object.entries(e.slots),n=Object.entries(t.slots);if(r.length!==n.length)return true;for(let[i,l]of r){let f=t.slots[i];if(!f||f.forkId!==l.forkId||f.buildId!==l.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,l]of o){let f=t.modules[i];if(!f||f.forkId!==l.forkId||f.buildId!==l.buildId)return true}return false}var Jt={isAdmin:false,actingUserId:null,containerId:null,containerName:null,containers:[]},an=br.createContext(null),Ao=12e3,Io=45e3,on="fork:activity:v1",Ro=new Set(["pending","running","building"]),Co="Setting up environment";function Le(e){return Ro.has(e)}function Eo(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function $o(e,t){let r=Eo(e,t);if(!r)return null;let n=new Date().toISOString();return {id:e.id,status:e.status,targetKind:r.targetKind,targetId:r.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,createdAt:e.createdAt||n,updatedAt:e.completedAt||n,completedAt:e.completedAt??null}}function sn(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 Wt(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 bt(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function tt(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 rt(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function To(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function Mo(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:Le(r)?"Building":void 0,summary:n,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,updatedAt:e.timestamp}}return e.type==="tool_use"?{status:"running",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_start"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="build_complete"?{status:"building",latestMessage:"Building",updatedAt:e.timestamp}:e.type==="complete"?{status:"complete",summary:typeof t.summary=="string"?t.summary:void 0,estimateMinutes:typeof t.estimateMinutes=="number"?t.estimateMinutes:void 0,latestMessage:"Fork ready",completedAt:e.timestamp,updatedAt:e.timestamp}:e.type==="error"||e.type==="build_error"?{status:"error",latestMessage:typeof t.error=="string"?t.error:typeof t.message=="string"?t.message:"Fork failed",updatedAt:e.timestamp}:{updatedAt:e.timestamp}}function Po(e){let t=e.filter(o=>Le(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():Co,detail:s?To(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 hr(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function _o(e,t,r,n){let o={};for(let[s,i]of Object.entries(t.slots)){let l=i.bundleUrl??i.legacyBundleUrl;l&&(o[s]={id:i.forkId,userId:r,prompt:"",status:"complete",slotId:s,appId:n,bundleUrl:hr(e,l),revealPending:i.revealPending===true,createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function Lo(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:hr(e,s),cssUrls:(o.cssUrls??[]).map(i=>hr(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return r}function Ho(e){let{apiKey:t,baseUrl:r,children:n,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,l="userHash"in e?e.userHash:void 0,f="userJwt"in e?e.userJwt:void 0,b="authUrl"in e?e.authUrl:void 0,[w,p]=br.useState({}),[h,R]=br.useState(i?{userId:i,userHash:l,userJwt:f}:null),[k,d]=br.useState(!!i),[F,T]=br.useState(Jt),[C,g]=br.useState(false),[$,_]=br.useState(false),[K,O]=br.useState({}),[N,ne]=br.useState(!o),[G,M]=br.useState(0),[y,L]=br.useState(null),[B,D]=br.useState(false),[W,z]=br.useState([]),[V,U]=br.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),S=br.useRef(new Map),I=br.useRef(new Map),[A,u]=br.useState(0),P=br.useRef(new Set),v=br.useRef(new Map),J=br.useRef(void 0),se=br.useRef(new Map),Ae=br.useRef([]),Pe=br.useRef(new Set),Ne=br.useRef(false);cr(),br.useEffect(()=>{if(!o||!h?.userId||!(h.userHash||h.userJwt)){T(Jt),g(true);return}let c=false;g(false);let m=new URLSearchParams({app:o});return fetch(`${r}/api/v1/admin/containers?${m.toString()}`,{headers:{Authorization:`Bearer ${t}`,"X-Fork-App-Id":o,"X-Fork-User-Id":h.userId,...h.userHash?{"X-Fork-User-Hash":h.userHash}:{},...h.userJwt?{"X-Fork-User-Jwt":h.userJwt}:{}}}).then(async x=>x.status===403||!x.ok?null:x.json()).then(x=>{if(c)return;if(!x){T(Jt),g(true);return}let q=Array.isArray(x.containers)?x.containers:[],Z=x.currentContainerId??null,Q=q.find(X=>X.id===Z)?.name??null;T({isAdmin:true,actingUserId:typeof x.actingUserId=="string"?x.actingUserId:null,containerId:Z,containerName:Q,containers:q}),g(true);}).catch(()=>{c||(T(Jt),g(true));}),()=>{c=true;}},[t,o,h?.userHash,h?.userJwt,h?.userId,r]),br.useEffect(()=>{nn(F.isAdmin,o??null,F.containerId);},[F.isAdmin,F.containerId,o]);let ve=br.useCallback((c,m)=>{T(x=>{if(!x.isAdmin)return x;let q=x.containers.find(X=>X.id===c),Z=m??q?.name??null,Q=q?x.containers.map(X=>({...X,isPrimary:X.id===c})):[{id:c,name:Z??"New container",isPrimary:true,forkCount:0},...x.containers.map(X=>({...X,isPrimary:false}))];return {...x,containerId:c,containerName:Z,containers:Q}}),_(false);},[]);s&&J.current!==s&&(dr(s),J.current=s),br.useEffect(()=>{b&&(d(false),fetch(b,{credentials:"include"}).then(c=>{if(!c.ok)throw new Error(`Auth endpoint returned ${c.status}`);return c.json()}).then(c=>{if(!c.userId||typeof c.userId!="string")throw new Error("authUrl response must include userId");R({userId:c.userId,userHash:typeof c.userHash=="string"?c.userHash:void 0,userJwt:typeof c.userJwt=="string"?c.userJwt:void 0});}).catch(c=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",c.message);}).finally(()=>{d(true);}));},[b]),br.useEffect(()=>{!b&&i&&(R({userId:i,userHash:l,userJwt:f}),d(true));},[i,l,f,b]);let Y=h?.userId??"",oe=h?.userHash,st=h?.userJwt,_e=!!o,be=br.useCallback(async()=>{if(!_e){L(null),D(false),O({}),ne(true),M(m=>m+1);return}if(!k){ne(false);return}if(!Y||!o){L(null),D(false),p({}),O({}),ne(true),M(m=>m+1);return}ne(false);let c=F.isAdmin?F.containerId:null;if(F.isAdmin&&$){D(true),p({}),O({}),M(m=>m+1),ne(true);return}try{let m=await gr({baseUrl:r,apiKey:t,appId:o,userId:Y,userHash:oe,userJwt:st,containerId:c??void 0});m&&(L(m.containerId),D(F.isAdmin?!1:!!m.forksPaused),p(_o(r,m,Y,o)),O(Lo(r,m)));}catch(m){console.error("[ForkProvider] Failed to fetch fork manifest:",m.message),L(null),D(false),p({}),O({});}finally{M(m=>m+1),ne(true);}},[t,o,r,k,_e,oe,st,Y,F.isAdmin,F.containerId,$]);br.useEffect(()=>{if(!Y||o)return;let c=new URLSearchParams({userId:Y});oe&&c.set("userHash",oe),fetch(`${r}/api/v1/forks/active?${c.toString()}`,{headers:{Authorization:`Bearer ${t}`,...de()}}).then(m=>{if(!m.ok)throw new Error(`${m.status}`);return m.json()}).then(m=>{m&&typeof m=="object"&&p(m);}).catch(()=>{});},[t,o,Y,oe,r]),br.useEffect(()=>{be();},[be]);let sr=br.useCallback(async c=>{if(o){if(F.isAdmin){_(c),D(c),c?(p({}),O({}),M(m=>m+1)):await be();return}if(Y){D(c),c&&(p({}),O({}),M(m=>m+1));try{let m=await fetch(`${r}/api/v1/containers/primary/paused`,{method:"PUT",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o},body:JSON.stringify({appId:o,paused:c,userId:Y,userHash:oe})});if(!m.ok)throw new Error(`${m.status}`);c||await be();}catch(m){console.error("[ForkProvider] Failed to persist fork pause state:",m?.message??m),be().catch(()=>{});}}}},[t,o,r,be,F.isAdmin,oe,Y]),_t=br.useCallback((c,m)=>{p(x=>({...x,[c]:m}));},[]),ir=br.useCallback(c=>{p(m=>{let x={...m};return delete x[c],x});},[]),Lt=br.useCallback(c=>{P.current.add(c);},[]),ge=br.useCallback(c=>P.current.has(c)?(P.current.delete(c),true):false,[]),it=br.useCallback(c=>{if(c.slotId&&p(x=>{let q=x[c.slotId];return !q||q.id!==c.id||!q.revealPending?x:{...x,[c.slotId]:{...q,revealPending:false}}}),F.isAdmin||!Y)return;let m={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-User-Id":Y};oe&&(m["X-Fork-User-Hash"]=oe),fetch(`${r}/api/v1/forks/reveals`,{method:"POST",headers:m,body:JSON.stringify({forkId:c.id,userId:Y,userHash:oe})}).catch(()=>{});},[t,r,F.isAdmin,oe,Y]),Qe=br.useCallback((c,m)=>{v.current.set(c,m);},[]),Ht=br.useCallback((c,m)=>v.current.get(c)!==m?false:(v.current.delete(c),true),[]),pt=br.useCallback(c=>{if(!o)return;let m=JSON.stringify(c);S.current.get(c.id)===m||I.current.get(c.id)?.signature===m||(I.current.set(c.id,{boundary:c,signature:m}),u(q=>q+1));},[o]);br.useEffect(()=>{if(!o||I.current.size===0)return;let c=setTimeout(()=>{let m=Array.from(I.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(x=>x.boundary)})}).then(x=>{if(!x.ok)throw new Error(`${x.status}`)}).then(()=>{for(let x of m)I.current.get(x.boundary.id)?.signature===x.signature&&(I.current.delete(x.boundary.id),S.current.set(x.boundary.id,x.signature));}).catch(x=>{console.error("[ForkProvider] Failed to register module boundaries:",x.message);});},50);return ()=>{clearTimeout(c);}},[t,o,r,A]);let at=br.useCallback(c=>K[c],[K]),Ue=F.isAdmin?`admin:${F.actingUserId??"op"}`:Y,Ve=`${t}:${o||"no-app"}:${y||"no-container"}:${Ue||"anonymous"}`,gt=F.isAdmin?`op:${F.actingUserId??"op"}`:Y,Ot=`${t}:${o||"no-app"}:${gt||"anonymous"}`,Fe=`${on}:seen:${Ve}`,Se=`${on}:tracked:${Ve}`;br.useEffect(()=>{Ae.current=W;},[W]);let lt=br.useCallback(()=>{let c={Authorization:`Bearer ${t}`,...de()};return o&&(c["X-Fork-App-Id"]=o),Y&&(c["X-Fork-User-Id"]=Y),oe&&(c["X-Fork-User-Hash"]=oe),c},[t,o,oe,Y]);br.useEffect(()=>{if(typeof window>"u")return;let c=window.__FORK_RUNTIME__,m={dataFetch:async(x,q,Z="POST")=>{if(!o||!y)throw new Error("Fork data is unavailable until appId and containerId are resolved");let Q=typeof x=="string"&&x.startsWith("/")?x:`/${String(x||"")}`,X=Q.startsWith("/api/v1/data")?Q:`/api/v1/data${Q}`,fe=Z.toUpperCase(),xe=new URL(`${r}${X}`),ie={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o,...de()};Y&&(ie["X-Fork-User-Id"]=Y),oe&&(ie["X-Fork-User-Hash"]=oe);let me={method:fe,headers:ie};fe==="GET"?(xe.searchParams.set("appId",o),xe.searchParams.set("containerId",y)):me.body=JSON.stringify({appId:o,containerId:y,...q&&typeof q=="object"?q:{}});let le=await fetch(xe.toString(),me),ce=await le.json().catch(()=>({}));if(!le.ok)throw new Error(typeof ce?.error=="string"?ce.error:`Fork data API ${le.status}`);return ce}};return window.__FORK_RUNTIME__=m,()=>{window.__FORK_RUNTIME__===m&&(window.__FORK_RUNTIME__=c);}},[t,o,r,y,oe,Y]);let Ee=br.useCallback(async()=>{if(!y||!C)return;let c=new URLSearchParams({container_id:y}),m=await fetch(`${r}/api/v1/forks?${c.toString()}`,{headers:lt()}).catch(()=>null);if(!m||!m.ok)return;let x=await m.json().catch(()=>({})),q=Array.isArray(x.forks)?x.forks:[],Z=tt(Fe),Q=tt(Se),X=false,fe=new Map(Ae.current.map(ie=>[ie.id,ie])),xe=[];for(let ie of q){let me=sn(ie);Le(me.status)&&!Q.has(me.id)&&(Q.add(me.id),X=true);let le=fe.get(me.id),ce=le?Le(le.status):false,Ie=bt(me);me.status==="complete"&&(Q.has(me.id)||ce)&&!Z.has(Ie)&&!Pe.current.has(Ie)&&!le?.unread&&(Ne.current||Q.has(me.id)||ce)&&(Pe.current.add(Ie),xe.push(me));}if(z(ie=>{let me=new Map(ie.map(pe=>[pe.id,pe])),le=new Set,ce=new Map;for(let pe of q){let Me=sn(pe);le.add(Me.id);let Be=me.get(Me.id),He=Be?Le(Be.status):false,Re=bt(Me),Ut=Me.status==="complete"&&(Q.has(Me.id)||He)&&!Z.has(Re),mt=Wt(Be,{...Me,unread:Ut});ce.set(Me.id,mt);}for(let pe of ie)le.has(pe.id)||(Le(pe.status)||pe.unread)&&ce.set(pe.id,pe);let Ie=[...ce.values()].sort((pe,Me)=>Date.parse(Me.updatedAt)-Date.parse(pe.updatedAt));return Ae.current=Ie,Ie}),X&&rt(Se,Q),xe.length>0){for(let ie of xe)ie.targetKind==="module"&&Qe(ie.targetId,ie.id);be().catch(()=>{});}Ne.current=true;},[Fe,Se,C,r,lt,y,be,Qe]),Nt=br.useCallback((c,m)=>{let x=$o(c,m);if(!x)return;let q=c.containerId??c._containerId;if(q&&!y&&L(q),Le(x.status)){let X=tt(Se);X.has(x.id)||(X.add(x.id),rt(Se,X)),D(false),F.isAdmin&&_(false);}let Z=new Map(Ae.current.map(X=>[X.id,X]));Z.set(x.id,Wt(Z.get(x.id),x));let Q=[...Z.values()].sort((X,fe)=>Date.parse(fe.updatedAt)-Date.parse(X.updatedAt));Ae.current=Q,z(Q);},[Se,t,o,y,F.isAdmin]),Oe=br.useCallback((c,m)=>{let x=Mo(m),q=tt(Fe),Z=tt(Se),Q=Ae.current.find(le=>le.id===c),X=Q?Le(Q.status):false;x.status&&Le(x.status)&&!Z.has(c)&&(Z.add(c),rt(Se,Z));let fe=Q?Wt(Q,{...Q,...x}):null,xe=fe?bt(fe):null,ie=!!(fe&&fe.status==="complete"&&(Z.has(c)||X)&&xe&&!q.has(xe)&&!Pe.current.has(xe)&&!Q?.unread),me=m.type==="complete"&&Q?.targetKind==="module"?Q.targetId:null;if(z(le=>{let ce=le.find(He=>He.id===c);if(!ce)return le;let Ie=Wt(ce,{...ce,...x}),pe=Ie.status==="complete"&&(Z.has(c)||Le(ce.status))&&!q.has(bt(Ie)),Me={...Ie,unread:pe},Be=le.map(He=>He.id===c?Me:He).sort((He,Re)=>Date.parse(Re.updatedAt)-Date.parse(He.updatedAt));return Ae.current=Be,Be}),ie&&fe&&xe&&Pe.current.add(xe),m.type==="complete"){let le=m.data&&typeof m.data=="object"?m.data:{},ce=typeof le.boundaryId=="string"?le.boundaryId:me;ce&&Qe(ce,c),be().catch(()=>{});}},[Fe,Se,be,Qe]),ut=br.useCallback(c=>{let m=tt(Fe),x=tt(Se),q=false,Z=false;for(let Q of Ae.current){if(Q.status!=="complete"||c&&Q.id!==c)continue;let X=bt(Q);m.has(X)||(m.add(X),q=true),x.delete(Q.id)&&(Z=true);}z(Q=>{let X=Q.map(fe=>fe.status!=="complete"||c&&fe.id!==c?fe:{...fe,unread:false});return Ae.current=X,X}),q&&rt(Fe,m),Z&&rt(Se,x);},[Fe,Se]);br.useEffect(()=>{Ne.current=false,Pe.current.clear(),z([]);for(let c of se.current.values())c.close();se.current.clear(),y&&Ee();},[y,Ee]),br.useEffect(()=>{if(typeof document>"u")return;let c=()=>{let m=document.visibilityState!=="hidden";U(m),m&&y&&Ee();};return document.addEventListener("visibilitychange",c),window.addEventListener("focus",c),window.addEventListener("online",c),()=>{document.removeEventListener("visibilitychange",c),window.removeEventListener("focus",c),window.removeEventListener("online",c);}},[y,Ee]),br.useEffect(()=>{let c=W.filter(q=>Le(q.status));if(!y||c.length===0)return;let m=V?Ao:Io,x=window.setInterval(()=>{Ee();},m);return ()=>window.clearInterval(x)},[y,V,W,Ee]),br.useEffect(()=>{for(let c of se.current.values())c.close();se.current.clear();},[t,r,F.containerId,oe,Y]),br.useEffect(()=>{let c=new Set(W.filter(m=>Le(m.status)).map(m=>m.id));for(let[m,x]of se.current.entries())c.has(m)||(x.close(),se.current.delete(m));for(let m of c){if(se.current.has(m))continue;let x=new URLSearchParams({key:t});Y&&x.set("userId",Y),oe&&x.set("userHash",oe),F.isAdmin&&F.containerId&&x.set("containerId",F.containerId);let q=new EventSource(`${r}/api/v1/forks/${m}/events?${x.toString()}`);q.onmessage=Z=>{try{Oe(m,JSON.parse(Z.data));}catch{}},q.onerror=()=>{q.close(),se.current.delete(m);},se.current.set(m,q);}},[t,r,W,F.isAdmin,F.containerId,Oe,oe,Y]),br.useEffect(()=>()=>{for(let c of se.current.values())c.close();se.current.clear();},[]);let te=Po(W),qe=br.useCallback(async()=>{if(!Y)throw new Error("Reset requires a resolved user identity.");let c=new URLSearchParams({userId:Y});oe&&c.set("userHash",oe);let m={Authorization:`Bearer ${t}`,...de()};o&&(m["X-Fork-App-Id"]=o);let x=await fetch(`${r}/api/v1/forks/all?${c.toString()}`,{method:"DELETE",headers:m});if(!x.ok){let Z=await x.json().catch(()=>({}));throw new Error(Z.error||`API error: ${x.status}`)}let q=await x.json().catch(()=>({}));return p({}),O({}),ne(true),M(Z=>Z+1),z([]),Pe.current.clear(),rt(Fe,new Set),rt(Se,new Set),P.current.clear(),v.current.clear(),q},[Fe,Se,t,o,r,oe,Y]);return ho.jsx(an.Provider,{value:{apiKey:t,userId:Y,userHash:oe,baseUrl:r,appId:o,forks:w,moduleOverridesEnabled:_e,moduleManifestReady:N,moduleManifestVersion:G,currentContainerId:y,forksPaused:B,setForksPaused:sr,forkActivities:W,activitySummary:te,adminContext:F,setAdminContainer:ve,trackForkActivity:Nt,recordForkActivityEvent:Oe,markForkActivitySeen:ut,refreshForkActivities:Ee,setSlotFork:_t,clearSlotFork:ir,skipAnimationForSlot:Lt,shouldSkipAnimation:ge,markRevealSeen:it,queueBoundaryAnimation:Qe,consumeBoundaryAnimation:Ht,registerBoundary:pt,getBoundaryOverride:at,refreshModuleManifest:be,resetAllForks:qe,highlightScope:Ot},children:n})}function we(){let e=br.useContext(an);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function Vt(e){return we().forks[e]}var wt=class{constructor(t){this.values=new Map;this.snapshots=new Map;this.listeners=new Map;this.eventHandlers=new Map;this.slotId=t,window.__FORK_BRIDGE__||(window.__FORK_BRIDGE__={}),window.__FORK_BRIDGE__[t]=this;}set(t,r){let n=this.values.get(t);if(Object.is(n,r))return;if(n!==void 0&&r!==null&&n!==null&&typeof n=="object"&&typeof r=="object")try{if(JSON.stringify(n)===JSON.stringify(r))return}catch{}this.values.set(t,r),this.snapshots.set(t,r);let o=this.listeners.get(t);o&&o.forEach(s=>s());}get(t){return this.values.get(t)}getSnapshot(t){return this.snapshots.get(t)}subscribe(t,r){return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(r),()=>{this.listeners.get(t)?.delete(r);}}useValue(t){let r=window.__FORK_REACT__;return r?.useSyncExternalStore?r.useSyncExternalStore(n=>this.subscribe(t,n),()=>this.getSnapshot(t)):(console.warn("[ForkBridge] React.useSyncExternalStore not available, returning static value"),this.values.get(t))}emit(t,...r){let n=this.eventHandlers.get(t);n&&n.forEach(o=>o(...r));}on(t,r){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Set),this.eventHandlers.get(t).add(r),()=>{this.eventHandlers.get(t)?.delete(r);}}destroy(){this.listeners.clear(),this.eventHandlers.clear(),this.values.clear(),this.snapshots.clear();let t=window.__FORK_BRIDGE__;t&&delete t[this.slotId];}};var yr=new Set;function wr(e,t){let r;try{r=br.Children.only(e);}catch{let o=br.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 un=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 Do(e,t){let r=[];for(let n of t)if(!e.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function jo(e,t){let r=[];for(let n of e)if(!t.find(s=>s.tag===n.tag&&s.className===n.className&&Math.abs(s.rect.top-n.rect.top)<20&&Math.abs(s.rect.left-n.rect.left)<20)&&!r.some(i=>n.rect.top>=i.rect.top&&n.rect.left>=i.rect.left&&n.rect.right<=i.rect.right&&n.rect.bottom<=i.rect.bottom)){for(let i=r.length-1;i>=0;i--){let l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function fn(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 dn(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 w=0;w<e.length;w++){let{rect:p,borderRadius:h}=e[w],R=p.left-.5,k=p.top-.5,d=p.width+1,F=p.height+1,T=Math.min(h+.5,d/2,F/2),C=fn(R,k,d,F,T),g=`__fork-glow-${w}`,$=document.createElementNS(t,"filter");$.setAttribute("id",g),$.setAttribute("x","-100%"),$.setAttribute("y","-100%"),$.setAttribute("width","300%"),$.setAttribute("height","300%");let _=document.createElementNS(t,"feGaussianBlur");_.setAttribute("in","SourceGraphic"),_.setAttribute("stdDeviation","8"),$.appendChild(_),o.appendChild($);let K=`__fork-mask-${w}`,O=document.createElementNS(t,"mask");O.setAttribute("id",K),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(R-200)),O.setAttribute("y",String(k-200)),O.setAttribute("width",String(d+400)),O.setAttribute("height",String(F+400));let N=document.createElementNS(t,"rect");N.setAttribute("x",String(R-200)),N.setAttribute("y",String(k-200)),N.setAttribute("width",String(d+400)),N.setAttribute("height",String(F+400)),N.setAttribute("fill","white"),O.appendChild(N);let ne=document.createElementNS(t,"path");ne.setAttribute("d",C),ne.setAttribute("fill","black"),O.appendChild(ne),o.appendChild(O);let G=document.createElementNS(t,"g");G.setAttribute("mask",`url(#${K})`),G.setAttribute("opacity","0");let M=document.createElementNS(t,"g");M.setAttribute("filter",`url(#${g})`);let y=document.createElementNS(t,"path");y.setAttribute("d",C),y.setAttribute("fill","none"),y.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),y.setAttribute("stroke-width","6"),y.setAttribute("stroke-linecap","round"),M.appendChild(y),G.appendChild(M),n.appendChild(G);let L=document.createElementNS(t,"path");L.setAttribute("d",C),L.setAttribute("fill","none"),L.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),L.setAttribute("stroke-width","2"),L.setAttribute("stroke-linecap","round"),L.setAttribute("opacity","0"),n.appendChild(L),s.push(y,L),y.__group=G;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let w=0;w<s.length;w+=2){let p=s[w],h=s[w+1],R=p.__group,k=h.getTotalLength(),d=p.getTotalLength();if(k<=0)continue;let F=k*.35;h.setAttribute("stroke-dasharray",`${F} ${k-F}`),h.setAttribute("stroke-dashoffset","0"),i.push(h.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*k,opacity:.92,offset:.06},{strokeDashoffset:-2*k,opacity:.92,offset:.92},{strokeDashoffset:-2.25*k,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let T=d*.35;p.setAttribute("stroke-dasharray",`${T} ${d-T}`),p.setAttribute("stroke-dashoffset","0"),i.push(p.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*d,offset:.06},{strokeDashoffset:-2*d,offset:.92},{strokeDashoffset:-2.25*d,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(R.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let l=false,f=()=>{if(l)return;l=true,clearTimeout(b);for(let p of i)try{p.cancel();}catch{}let w=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});w.onfinish=()=>r.remove(),window.removeEventListener("click",f);},b=setTimeout(f,14500);return setTimeout(()=>{l||window.addEventListener("click",f);},500),f}function Ko(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:l,borderRadius:f}of e){let b=l.left,w=l.top,p=l.width,h=l.height,R=Math.min(f,p/2,h/2),k=fn(b,w,p,h,R),d=document.createElementNS(t,"path");d.setAttribute("d",k),d.setAttribute("fill","none"),d.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),d.setAttribute("stroke-width","1.5"),d.setAttribute("stroke-dasharray","8 4"),d.setAttribute("stroke-linecap","round"),d.setAttribute("filter","url(#__fork-removed-shadow)"),d.setAttribute("opacity","0"),n.appendChild(d),d.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 zo(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 Jo=br__namespace.default.memo(function({component:t,containerRef:r,wrapperStyle:n,hostProps:o}){return ho.jsx("div",{ref:r,style:n,children:ho.jsx(t,{...o})})},(e,t)=>e.component===t.component&&zo(e.hostProps,t.hostProps)),kr=class extends br__namespace.default.Component{constructor(t){super(t),this.state={hasError:false};}static getDerivedStateFromError(){return {hasError:true}}componentDidCatch(t){console.error(`[Fork:${this.props.slotId}] fork render failed`,t);}componentDidUpdate(t){t.resetKey!==this.props.resetKey&&this.state.hasError&&this.setState({hasError:false});}render(){return this.state.hasError?this.props.fallback:this.props.children}};function pn({slotId:e,children:t,githubRepo:r,shared:n,events:o,entityBindings:s}){wr(t,e);let i=Vt(e),{baseUrl:l,apiKey:f,appId:b,shouldSkipAnimation:w,markRevealSeen:p}=we(),[h,R]=br.useState(null),k=br.useRef(null),d=br.useRef(null),F=br.useRef(null),T=br.useRef(false),C=br.useRef(null),g=br.useRef(null),$=!!(n||o),_=br.useRef(null);$&&!_.current&&(_.current=new wt(e));let K=br.useRef(o);if(K.current=o,br.useEffect(()=>{if($)return ()=>{_.current?.destroy(),_.current=null;}},[$,e]),$&&_.current&&n)for(let[M,y]of Object.entries(n))_.current.set(M,y);br.useEffect(()=>{if(!$)return;_.current||(_.current=new wt(e));let M=_.current,y=Object.keys(K.current||{}).map(L=>M.on(L,(...B)=>K.current?.[L]?.(...B)));return ()=>y.forEach(L=>L())},[$,e]),br.useEffect(()=>{if(un.has(e))return;un.add(e);let M={id:e,appId:b,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:r,mode:"direct",sharedKeys:n?Object.keys(n):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[],entityBindings:s||{}};fetch(`${l}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${f}`,"Content-Type":"application/json"},body:JSON.stringify(M)}).catch(()=>{});},[e,l,f,r,b,s]);let O=i?.id||null;br.useEffect(()=>{if(i?.bundleUrl,k.current,d.current,!i?.bundleUrl||!O){return}let M=`${l}${i.bundleUrl.replace("bundle.js","component.js")}`,y=i.revealPending===true&&!yr.has(O),L=w(e),B=!L&&y;if(i.revealPending,L&&y&&(yr.add(O),p(i)),B&&d.current){let U=cn(d.current);F.current=U,T.current=true,`${e}${U.length}`;}window.__FORK_REACT__=br__namespace.default,window.__FORK_REACT_DOM__=mo__namespace,window.__FORK_REACT_JSX__=ho__namespace;let D=Date.now(),W=`${l}${i.bundleUrl.replace("bundle.js","component.css")}?t=${D}`,z=document.createElement("link");z.rel="stylesheet",z.href=W,z.dataset.forkSlot=e,document.head.appendChild(z);let V=document.createElement("script");return V.src=M+"?t="+D,V.onload=()=>{let U=window.__FORK_EXPORT__;if(U?.default){if(d.current&&F.current&&T.current){let S=d.current.getBoundingClientRect(),I=d.current.cloneNode(true);I.setAttribute("data-fork-clone-overlay","true"),I.style.position="fixed",I.style.top=`${S.top}px`,I.style.left=`${S.left}px`,I.style.width=`${S.width}px`,I.style.height=`${S.height}px`,I.style.flex="none",I.style.minHeight="auto",I.style.zIndex="9998",I.style.pointerEvents="none",I.style.overflow="hidden";let A=getComputedStyle(d.current).backgroundColor;I.style.backgroundColor=A&&A!=="rgba(0, 0, 0, 0)"&&A!=="transparent"?A:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(I);let u=d.current.querySelectorAll("*"),P=I.querySelectorAll("*");for(let v=0;v<u.length;v++)u[v].scrollTop!==0&&(P[v].scrollTop=u[v].scrollTop),u[v].scrollLeft!==0&&(P[v].scrollLeft=u[v].scrollLeft);C.current=I;}R(()=>U.default),k.current=O;}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(),z.remove(),g.current&&(clearTimeout(g.current),g.current=null),C.current&&(C.current.remove(),C.current=null);}},[O,l,e]),br.useEffect(()=>{if(!T.current||!h||!d.current){`${e}${T.current}`,d.current;return}let M=F.current;if(!M){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!d.current)return;let y=cn(d.current),L=Do(M,y),B=jo(M,y),D=C.current;if(`${e}${L.length}${B.length}`,B.length>0&&D){let W=Ko(B);g.current=setTimeout(()=>{g.current=null;let z=400;D.animate([{opacity:1},{opacity:0}],{duration:z,fill:"forwards"}),W.animate([{opacity:1},{opacity:0}],{duration:z,fill:"forwards"}),setTimeout(()=>{D.remove(),W.remove(),C.current=null,L.length>0&&(dn(L));},z);},3500);}else D&&(D.remove(),C.current=null),L.length>0&&(dn(L));F.current=null,T.current=false,i&&O&&(yr.add(O),p(i),`${e}`);});});},[h]);let N={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return ho.jsx("div",{ref:d,style:N,children:t});if(!h)return ho.jsx("div",{ref:d,style:N,children:t});let G=t?.props??{};return ho.jsx(kr,{slotId:e,resetKey:O,fallback:ho.jsx("div",{ref:d,style:N,children:t}),children:ho.jsx(Jo,{component:h,containerRef:d,wrapperStyle:N,hostProps:G})})}var mn=new Set;function qo(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 hn(e,t=new Set){return br.Children.forEach(e,r=>{if(!br.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&&hn(n.children,t);}),t}function Xo({slotId:e,props:t,children:r,allowedFetches:n,entityBindings:o,githubRepo:s,callbacks:i,mode:l="iframe",shared:f,events:b}){if(wr(r,e),l==="direct")return ho.jsx(pn,{slotId:e,githubRepo:s,shared:f,events:b,entityBindings:o,children:r});let w=Vt(e),{baseUrl:p,apiKey:h,appId:R,userId:k,userHash:d,currentContainerId:F}=we(),T=br.useRef(null),C=br.useRef(false),g=br.useRef(null),$=br.useRef(i);$.current=i;let _=br.useRef(t);_.current=t;let K=br.useRef(n);K.current=n,br.useEffect(()=>{if(typeof process<"u")return;let G=hn(r),M=new Set(i?Object.keys(i):[]),y=[...G].filter(L=>!M.has(L));y.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:
|
|
2
|
-
`+
|
|
3
|
-
`)+"\n\nThe forked component will not be able to call these. Add them to the `callbacks` prop of <ForkSlot>.");},[e,r,i]),br.useEffect(()=>{mn.has(e)||(mn.add(e),fetch(`${p}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${h}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:R,label:e,propsShape:t?qo(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:s,callbackNames:i?Object.keys(i):[],mode:l||"iframe",entityBindings:o||{}})}).catch(()=>{}));},[e,p,h,s,R,o]);let O=br.useCallback(G=>{let M=T.current;if(M?.contentWindow&&C.current){let y=$.current?Object.keys($.current):[];M.contentWindow.postMessage({type:"slot:props",props:G,callbackNames:y},"*"),g.current=null;}else g.current=G;},[]),N=br.useCallback((G,M)=>{let y=K.current;return !y||y.length===0?false:y.some(L=>{let[B,D]=L.split(" "),W=M.split("?")[0];return G.toUpperCase()===B.toUpperCase()&&W.startsWith(D)})},[]);if(br.useEffect(()=>{if(!w?.bundleUrl)return;let G=async M=>{if(M.source===T.current?.contentWindow){if(M.data?.type==="slot:ready")C.current=true,T.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:K.current||[]},"*"),K.current,g.current?O(g.current):O(_.current||{});else if(M.data?.type==="slot:event"){let y=M.data.event;y?.navigate&&(window.location.hash=y.navigate);}else if(M.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(M.data.text).catch(y=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,y.message);});else if(M.data?.type==="slot:callback"){let{name:y,args:L}=M.data,B=$.current?.[y];B?(B(...L||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${y}`);}else if(M.data?.type==="slot:fetch"){let{id:y,method:L,url:B,body:D}=M.data,W=T.current?.contentWindow;if(!W)return;let z=L||"GET";if(!N(z,B)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${y}: ${z} ${B} \u2014 not in allowedFetches`),W.postMessage({type:"slot:fetch-response",id:y,error:`Fetch not allowed: ${z} ${B}`},"*");return}try{let V={method:z};D&&z!=="GET"&&(V.headers={"Content-Type":"application/json"},V.body=JSON.stringify(D));let U=await fetch(B,V),S=await U.json();`${e}${y}${U.status}`,W.postMessage({type:"slot:fetch-response",id:y,data:S,status:U.status},"*");}catch(V){console.error(`[ForkSlot:${e}] fetch #${y} failed:`,V.message),W.postMessage({type:"slot:fetch-response",id:y,error:V.message},"*");}}else if(M.data?.type==="slot:fork-data"){let{id:y,path:L,method:B,body:D}=M.data,W=T.current?.contentWindow;if(!W)return;if(!F||!R){W.postMessage({type:"slot:fork-data-response",id:y,error:"Fork data is unavailable until appId and containerId are resolved"},"*");return}let z=typeof L=="string"&&L.startsWith("/")?L:`/${String(L||"")}`,V=z.startsWith("/api/v1/data")?z:`/api/v1/data${z}`;try{let U={Authorization:`Bearer ${h}`,"Content-Type":"application/json","X-Fork-App-Id":R,...de()};k&&(U["X-Fork-User-Id"]=k),d&&(U["X-Fork-User-Hash"]=d);let S=typeof B=="string"?B.toUpperCase():"POST",I=new URL(`${p}${V}`),A={method:S,headers:U};S==="GET"?(I.searchParams.set("appId",R),I.searchParams.set("containerId",F)):A.body=JSON.stringify({appId:R,containerId:F,...D&&typeof D=="object"?D:{}});let u=await fetch(I.toString(),A),P=await u.json().catch(()=>({}));if(!u.ok){let v=typeof P?.error=="string"?P.error:`Fork data API ${u.status}`;W.postMessage({type:"slot:fork-data-response",id:y,error:v,status:u.status},"*");return}W.postMessage({type:"slot:fork-data-response",id:y,data:P,status:u.status},"*");}catch(U){W.postMessage({type:"slot:fork-data-response",id:y,error:U.message},"*");}}}};return window.addEventListener("message",G),()=>{window.removeEventListener("message",G),C.current=false;}},[w?.bundleUrl,e,O,N,F,R,h,p,d,k]),br.useEffect(()=>{w?.bundleUrl&&C.current&&O(t||{});},[t,w?.bundleUrl,O]),!w||w.status!=="complete"||!w.bundleUrl)return `${e}${w?.status||"none"}${w?.bundleUrl||"none"}`,ho.jsx(ho.Fragment,{children:r});`${e}${w.bundleUrl}`;let ne=`${p}${w.bundleUrl.replace("/bundle.js","/host")}`;return ho.jsx("iframe",{ref:T,src:ne,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function Xt({style:e={width:20,height:20},...t}){return ho.jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[ho.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"}),ho.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),ho.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"}),ho.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"}),ho.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 yn=5600,Fr=2147483002;function es(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function ts(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function Sr(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 rs(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 xr({onClick:e,hasNotification:t=false,activity:r}){let[n,o]=br.useState(false),[s,i]=br.useState(false),[l,f]=br.useState(null),[b,w]=br.useState(null),[p,h]=br.useState(null),R=br.useRef(0),k=n?48:40,d=es(r),F=!!(d&&r?.state==="complete"&&r.unreadCompletedCount>0),T=F?d:b?.key??null,C=!!(r&&r.state==="running"&&r.runningCount>0),g=!!(T&&T!==l&&(F||b)),$=C||g,_=F?r?.label:b?.label,K=g?"Built":r?.label??"Fork this app",O=g?_:r?.detail,N=Sr(r?.label??"Fork this app",r?.detail),ne=Sr(K,O),G=g?Math.min(420,Math.max(326,ne,b?.width??0,R.current+40)):ne,M=g?46:40,y=$?[K,O].filter(Boolean).join(" "):rs(r,t)??"Fork this app",L=$?`${K}:${O??""}`:"idle",B=(t||r?.state==="complete"&&r.unreadCompletedCount>0)&&!$;br.useEffect(()=>{if(typeof document>"u")return;let u=document.createElement("div");return u.setAttribute("data-fork-button-host","true"),u.style.position="relative",u.style.zIndex=String(Fr),document.body.appendChild(u),h(u),()=>{u.remove(),h(null);}},[]),br.useEffect(()=>{C&&(R.current=N);},[N,C]),br.useEffect(()=>{!F||!d||!r?.label||w(u=>{if(u?.key===d)return u;let P=Math.min(420,Math.max(326,Sr("Built",r.label),R.current+40));return {key:d,label:r.label,width:P,startedAt:Date.now()}});},[r?.label,d,F]),br.useEffect(()=>{r&&r.unreadCompletedCount===0&&r.state!=="running"&&w(null);},[r,r?.state,r?.unreadCompletedCount]),br.useEffect(()=>{if(!T||!g||T===l)return;let u,P=b?.key===T?b.startedAt:Date.now(),v=()=>{let J=Date.now()-P;if(J>=yn&&!ts()||J>=yn*3){f(T);return}u=window.setTimeout(v,250);};return u=window.setTimeout(v,250),()=>{u!==void 0&&window.clearTimeout(u);}},[T,l,b?.key,b?.startedAt,g]);let D=$?{position:"fixed",bottom:24,right:24,zIndex:Fr,width:`min(${G}px, calc(100vw - 32px))`,height:M,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:g?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:g?"flex-start":"center",gap:g?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:g?"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:Fr,width:k,height:k,borderRadius:"50%",backgroundColor:n?"rgba(255, 255, 255, 1)":"rgba(255, 255, 255, 0.3)",border:n?"1px solid rgba(156, 163, 175, 1)":"1px solid rgba(156, 163, 175, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",color:n?"#111827":"rgba(17, 24, 39, 0.5)",boxShadow:n?"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)":"0 1px 2px 0 rgba(0, 0, 0, 0.05)",transform:s?"scale(0.95)":"scale(1)",transition:"width 320ms cubic-bezier(0.16, 1, 0.3, 1), height 320ms cubic-bezier(0.16, 1, 0.3, 1), border-radius 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease",cursor:"pointer",padding:0,margin:0,outline:"none",boxSizing:"border-box"},W={minWidth:0,maxWidth:C?286:g?82:O?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},z={minWidth:0,maxWidth:g?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:g?1:0,color:"#64748b",fontSize:C?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},V={minWidth:0,flex:g?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:g?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},U={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:g?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},A=ho.jsxs(ho.Fragment,{children:[ho.jsx("style",{children:`
|
|
1
|
+
'use strict';var Pn=require('react'),as=require('react-dom'),ls=require('react/jsx-runtime'),cs=require('react/jsx-dev-runtime'),lucideReact=require('lucide-react');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var Pn__namespace=/*#__PURE__*/_interopNamespace(Pn);var as__namespace=/*#__PURE__*/_interopNamespace(as);var ls__namespace=/*#__PURE__*/_interopNamespace(ls);var cs__namespace=/*#__PURE__*/_interopNamespace(cs);var rt="__FORK_SHARED__";function xn(){var t,n,r,o;let e=globalThis;return e[rt]||(e[rt]={}),(t=e[rt]).react||(t.react=Pn__namespace),(n=e[rt])["react-dom"]||(n["react-dom"]=as__namespace),(r=e[rt])["react/jsx-runtime"]||(r["react/jsx-runtime"]=ls__namespace),(o=e[rt])["react/jsx-dev-runtime"]||(o["react/jsx-dev-runtime"]=cs__namespace),e[rt]}function An(e){return Object.assign(xn(),e)}var Tr=false,En=null,Rn=null;function $r(e,t,n){Tr=e,En=t,Rn=n;}function pe(){if(!Tr)return {};let e={};return En&&(e["X-Fork-App-Id"]=En),Rn&&(e["X-Fork-Container-Id"]=Rn),e}async function In(e){let t=new URLSearchParams({app:e.appId,user:e.userId});e.containerId&&t.set("containerId",e.containerId);let n=`${e.baseUrl}/api/v1/manifest?${t.toString()}`,r={Authorization:`Bearer ${e.apiKey}`,"X-Fork-App-Id":e.appId,"X-Fork-User-Id":e.userId,...e.extraHeaders??{}};e.userHash&&(r["X-Fork-User-Hash"]=e.userHash),e.userJwt&&(r["X-Fork-User-Jwt"]=e.userJwt),e.previous?.etag&&(r["If-None-Match"]=e.previous.etag);let o=await fetch(n,{headers:r,signal:e.signal});if(o.status===304)return null;if(!o.ok)throw new Error(`manifest ${o.status} ${o.statusText}`);let s=await o.json(),i={};for(let[l,u]of Object.entries(s.modules)){let h=u.moduleUrl??u.bundleUrl??null,b=u.legacyModuleUrl??u.legacyBundleUrl??null;i[l]={forkId:u.forkId,moduleUrl:h,legacyModuleUrl:b,bundleUrl:u.bundleUrl??h,legacyBundleUrl:u.legacyBundleUrl??b,cssUrls:u.cssUrls??[],integrity:u.integrity,metadata:u.metadata,highlightHint:u.highlightHint,buildId:u.buildId,updatedAt:u.updatedAt};}return {containerId:s.containerId,forksPaused:!!s.forksPaused,slots:s.slots,modules:i,generatedAt:s.generatedAt,etag:o.headers.get("ETag")??void 0}}var us="fork:manifest:v1";function Cn(e,t,n){return `${us}:${e}:${t}:${n}`}function ds(e,t,n){if(typeof window>"u")return null;try{let r=window.localStorage.getItem(Cn(e,t,n));return r?JSON.parse(r):null}catch{return null}}function fs(e,t,n,r){if(!(typeof window>"u"))try{window.localStorage.setItem(Cn(e,t,n),JSON.stringify(r));}catch{}}function ps(e,t,n){if(!(typeof window>"u"))try{window.localStorage.removeItem(Cn(e,t,n));}catch{}}function ms(e,t){if(!e||!t)return e!==t;if(e.containerId!==t.containerId||!!e.forksPaused!=!!t.forksPaused)return true;let n=Object.entries(e.slots),r=Object.entries(t.slots);if(n.length!==r.length)return true;for(let[i,l]of n){let u=t.slots[i];if(!u||u.forkId!==l.forkId||u.buildId!==l.buildId)return true}let o=Object.entries(e.modules),s=Object.entries(t.modules);if(o.length!==s.length)return true;for(let[i,l]of o){let u=t.modules[i];if(!u||u.forkId!==l.forkId||u.buildId!==l.buildId)return true}return false}var Zt={isAdmin:false,actingUserId:null,containerId:null,containerName:null,containers:[]},Lr=Pn.createContext(null),ys=12e3,ks=45e3,Pr="fork:activity:v1",bs=new Set(["pending","running","building"]),ws="Setting up environment";function _e(e){return bs.has(e)}function vs(e,t){return t?.targetId?t:e.boundaryId?{targetKind:"module",targetId:e.boundaryId}:e.slotId?{targetKind:"slot",targetId:e.slotId}:null}function Ss(e,t){let n=vs(e,t);if(!n)return null;let r=new Date().toISOString();return {id:e.id,status:e.status,targetKind:n.targetKind,targetId:n.targetId,summary:e.summary??null,estimateMinutes:e.estimateMinutes??null,createdAt:e.createdAt||r,updatedAt:e.completedAt||r,completedAt:e.completedAt??null}}function _r(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 Qt(e,t){let n=typeof t.summary=="string"&&t.summary.trim()?t.summary.trim():void 0,r=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:n??r??null,estimateMinutes:o??s??null,latestMessage:t.latestMessage??e?.latestMessage??null,unread:t.unread??e?.unread??false}}function At(e){return `${e.id}:${e.completedAt||e.updatedAt}`}function ot(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let n=JSON.parse(t);return Array.isArray(n)?new Set(n.filter(r=>typeof r=="string")):new Set}catch{return new Set}}function st(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}function Fs(e){if(e.estimateMinutes)return `~${e.estimateMinutes}m`}function xs(e){let t=e.data&&typeof e.data=="object"?e.data:{};if(e.type==="status"){let n=typeof t.status=="string"?t.status:"running",r=typeof t.summary=="string"?t.summary:void 0;return {status:n,latestMessage:_e(n)?"Building":void 0,summary:r,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 As(e){let t=e.filter(o=>_e(o.status)),n=e.filter(o=>o.status==="complete"&&o.unread),r=[...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:n.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():ws,detail:s?Fs(o):void 0,count:1,runningCount:1,unreadCompletedCount:n.length,latest:o}}if(n.length>1)return {state:"complete",label:`${n.length} forks ready`,count:n.length,runningCount:0,unreadCompletedCount:n.length,latest:n[0]};if(n.length===1){let o=n[0];return {state:"complete",label:o.summary||"Fork ready",count:1,runningCount:0,unreadCompletedCount:1,latest:o}}return {state:r?.status==="error"?"error":"idle",label:"Fork",count:0,runningCount:0,unreadCompletedCount:0,latest:r}}function Mn(e,t){if(!t)return t;try{return new URL(t,`${e.replace(/\/+$/,"")}/`).toString()}catch{return t}}function Es(e,t,n,r){let o={};for(let[s,i]of Object.entries(t.slots)){let l=i.bundleUrl??i.legacyBundleUrl;l&&(o[s]={id:i.forkId,userId:n,prompt:"",status:"complete",slotId:s,appId:r,bundleUrl:Mn(e,l),revealPending:i.revealPending===true,createdAt:i.updatedAt,completedAt:i.updatedAt});}return o}function Rs(e,t){let n={};for(let[r,o]of Object.entries(t.modules)){let s=o.moduleUrl??o.legacyModuleUrl??o.bundleUrl??"";s&&(n[r]={id:o.forkId,boundaryId:r,moduleUrl:Mn(e,s),cssUrls:(o.cssUrls??[]).map(i=>Mn(e,i)),integrity:o.integrity,metadata:o.metadata,highlightHint:o.highlightHint,createdAt:o.updatedAt});}return n}function Is(e){let{apiKey:t,baseUrl:n,children:r,appId:o,shared:s}=e,i="userId"in e?e.userId:void 0,l="userHash"in e?e.userHash:void 0,u="userJwt"in e?e.userJwt:void 0,h="authUrl"in e?e.authUrl:void 0,[b,d]=Pn.useState({}),[k,R]=Pn.useState(i?{userId:i,userHash:l,userJwt:u}:null),[v,f]=Pn.useState(!!i),[g,S]=Pn.useState(Zt),[I,m]=Pn.useState(false),[P,L]=Pn.useState(false),[j,O]=Pn.useState({}),[N,oe]=Pn.useState(!o),[Y,_]=Pn.useState(0),[F,H]=Pn.useState(null),[D,K]=Pn.useState(false),[V,W]=Pn.useState([]),[X,U]=Pn.useState(()=>typeof document>"u"?true:document.visibilityState!=="hidden"),C=Pn.useRef(new Map),M=Pn.useRef(new Map),[w,p]=Pn.useState(0),$=Pn.useRef(new Set),x=Pn.useRef(new Map),q=Pn.useRef(void 0),re=Pn.useRef(new Map),Ae=Pn.useRef([]),Te=Pn.useRef(new Set),Ue=Pn.useRef(false);xn(),Pn.useEffect(()=>{if(!o||!k?.userId||!(k.userHash||k.userJwt)){S(Zt),m(true);return}let c=false;m(false);let y=new URLSearchParams({app:o});return fetch(`${n}/api/v1/admin/containers?${y.toString()}`,{headers:{Authorization:`Bearer ${t}`,"X-Fork-App-Id":o,"X-Fork-User-Id":k.userId,...k.userHash?{"X-Fork-User-Hash":k.userHash}:{},...k.userJwt?{"X-Fork-User-Jwt":k.userJwt}:{}}}).then(async A=>A.status===403||!A.ok?null:A.json()).then(A=>{if(c)return;if(!A){S(Zt),m(true);return}let z=Array.isArray(A.containers)?A.containers:[],Q=A.currentContainerId??null,Z=z.find(ne=>ne.id===Q)?.name??null;S({isAdmin:true,actingUserId:typeof A.actingUserId=="string"?A.actingUserId:null,containerId:Q,containerName:Z,containers:z}),m(true);}).catch(()=>{c||(S(Zt),m(true));}),()=>{c=true;}},[t,o,k?.userHash,k?.userJwt,k?.userId,n]),Pn.useEffect(()=>{$r(g.isAdmin,o??null,g.containerId);},[g.isAdmin,g.containerId,o]);let Se=Pn.useCallback((c,y)=>{S(A=>{if(!A.isAdmin)return A;let z=A.containers.find(ne=>ne.id===c),Q=y??z?.name??null,Z=z?A.containers.map(ne=>({...ne,isPrimary:ne.id===c})):[{id:c,name:Q??"New container",isPrimary:true,forkCount:0},...A.containers.map(ne=>({...ne,isPrimary:false}))];return {...A,containerId:c,containerName:Q,containers:Z}}),L(false);},[]);s&&q.current!==s&&(An(s),q.current=s),Pn.useEffect(()=>{h&&(f(false),fetch(h,{credentials:"include"}).then(c=>{if(!c.ok)throw new Error(`Auth endpoint returned ${c.status}`);return c.json()}).then(c=>{if(!c.userId||typeof c.userId!="string")throw new Error("authUrl response must include userId");R({userId:c.userId,userHash:typeof c.userHash=="string"?c.userHash:void 0,userJwt:typeof c.userJwt=="string"?c.userJwt:void 0});}).catch(c=>{console.error("[ForkProvider] Failed to fetch user identity from authUrl:",c.message);}).finally(()=>{f(true);}));},[h]),Pn.useEffect(()=>{!h&&i&&(R({userId:i,userHash:l,userJwt:u}),f(true));},[i,l,u,h]);let te=k?.userId??"",se=k?.userHash,lt=k?.userJwt,$e=!!o,ke=Pn.useCallback(async()=>{if(!$e){H(null),K(false),O({}),oe(true),_(y=>y+1);return}if(!v){oe(false);return}if(!te||!o){H(null),K(false),d({}),O({}),oe(true),_(y=>y+1);return}oe(false);let c=g.isAdmin?g.containerId:null;if(g.isAdmin&&P){K(true),d({}),O({}),_(y=>y+1),oe(true);return}try{let y=await In({baseUrl:n,apiKey:t,appId:o,userId:te,userHash:se,userJwt:lt,containerId:c??void 0});y&&(H(y.containerId),K(g.isAdmin?!1:!!y.forksPaused),d(Es(n,y,te,o)),O(Rs(n,y)));}catch(y){console.error("[ForkProvider] Failed to fetch fork manifest:",y.message),H(null),K(false),d({}),O({});}finally{_(y=>y+1),oe(true);}},[t,o,n,v,$e,se,lt,te,g.isAdmin,g.containerId,P]);Pn.useEffect(()=>{if(!te||o)return;let c=new URLSearchParams({userId:te});se&&c.set("userHash",se),fetch(`${n}/api/v1/forks/active?${c.toString()}`,{headers:{Authorization:`Bearer ${t}`,...pe()}}).then(y=>{if(!y.ok)throw new Error(`${y.status}`);return y.json()}).then(y=>{y&&typeof y=="object"&&d(y);}).catch(()=>{});},[t,o,te,se,n]),Pn.useEffect(()=>{ke();},[ke]);let hn=Pn.useCallback(async c=>{if(o){if(g.isAdmin){L(c),K(c),c?(d({}),O({}),_(y=>y+1)):await ke();return}if(te){K(c),c&&(d({}),O({}),_(y=>y+1));try{let y=await fetch(`${n}/api/v1/containers/primary/paused`,{method:"PUT",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o},body:JSON.stringify({appId:o,paused:c,userId:te,userHash:se})});if(!y.ok)throw new Error(`${y.status}`);c||await ke();}catch(y){console.error("[ForkProvider] Failed to persist fork pause state:",y?.message??y),ke().catch(()=>{});}}}},[t,o,n,ke,g.isAdmin,se,te]),Bt=Pn.useCallback((c,y)=>{d(A=>({...A,[c]:y}));},[]),yn=Pn.useCallback(c=>{d(y=>{let A={...y};return delete A[c],A});},[]),Dt=Pn.useCallback(c=>{$.current.add(c);},[]),ge=Pn.useCallback(c=>$.current.has(c)?($.current.delete(c),true):false,[]),ct=Pn.useCallback(c=>{if(c.slotId&&d(A=>{let z=A[c.slotId];return !z||z.id!==c.id||!z.revealPending?A:{...A,[c.slotId]:{...z,revealPending:false}}}),g.isAdmin||!te)return;let y={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-User-Id":te};se&&(y["X-Fork-User-Hash"]=se),fetch(`${n}/api/v1/forks/reveals`,{method:"POST",headers:y,body:JSON.stringify({forkId:c.id,userId:te,userHash:se})}).catch(()=>{});},[t,n,g.isAdmin,se,te]),tt=Pn.useCallback((c,y)=>{x.current.set(c,y);},[]),jt=Pn.useCallback((c,y)=>x.current.get(c)!==y?false:(x.current.delete(c),true),[]),bt=Pn.useCallback(c=>{if(!o)return;let y=JSON.stringify(c);C.current.get(c.id)===y||M.current.get(c.id)?.signature===y||(M.current.set(c.id,{boundary:c,signature:y}),p(z=>z+1));},[o]);Pn.useEffect(()=>{if(!o||M.current.size===0)return;let c=setTimeout(()=>{let y=Array.from(M.current.values());y.length!==0&&fetch(`${n}/api/v1/boundaries`,{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({appId:o,boundaries:y.map(A=>A.boundary)})}).then(A=>{if(!A.ok)throw new Error(`${A.status}`)}).then(()=>{for(let A of y)M.current.get(A.boundary.id)?.signature===A.signature&&(M.current.delete(A.boundary.id),C.current.set(A.boundary.id,A.signature));}).catch(A=>{console.error("[ForkProvider] Failed to register module boundaries:",A.message);});},50);return ()=>{clearTimeout(c);}},[t,o,n,w]);let ut=Pn.useCallback(c=>j[c],[j]),Be=g.isAdmin?`admin:${g.actingUserId??"op"}`:te,Xe=`${t}:${o||"no-app"}:${F||"no-container"}:${Be||"anonymous"}`,wt=g.isAdmin?`op:${g.actingUserId??"op"}`:te,Kt=`${t}:${o||"no-app"}:${wt||"anonymous"}`,Fe=`${Pr}:seen:${Xe}`,xe=`${Pr}:tracked:${Xe}`;Pn.useEffect(()=>{Ae.current=V;},[V]);let dt=Pn.useCallback(()=>{let c={Authorization:`Bearer ${t}`,...pe()};return o&&(c["X-Fork-App-Id"]=o),te&&(c["X-Fork-User-Id"]=te),se&&(c["X-Fork-User-Hash"]=se),c},[t,o,se,te]);Pn.useEffect(()=>{if(typeof window>"u")return;let c=window.__FORK_RUNTIME__,y={dataFetch:async(A,z,Q="POST")=>{if(!o||!F)throw new Error("Fork data is unavailable until appId and containerId are resolved");let Z=typeof A=="string"&&A.startsWith("/")?A:`/${String(A||"")}`,ne=Z.startsWith("/api/v1/data")?Z:`/api/v1/data${Z}`,ie=Q.toUpperCase(),be=new URL(`${n}${ne}`),ce={Authorization:`Bearer ${t}`,"Content-Type":"application/json","X-Fork-App-Id":o,...pe()};te&&(ce["X-Fork-User-Id"]=te),se&&(ce["X-Fork-User-Hash"]=se);let me={method:ie,headers:ce};ie==="GET"?(be.searchParams.set("appId",o),be.searchParams.set("containerId",F)):me.body=JSON.stringify({appId:o,containerId:F,...z&&typeof z=="object"?z:{}});let ae=await fetch(be.toString(),me),de=await ae.json().catch(()=>({}));if(!ae.ok)throw new Error(typeof de?.error=="string"?de.error:`Fork data API ${ae.status}`);return de}};return window.__FORK_RUNTIME__=y,()=>{window.__FORK_RUNTIME__===y&&(window.__FORK_RUNTIME__=c);}},[t,o,n,F,se,te]);let Ie=Pn.useCallback(async()=>{if(!F||!I)return;let c=new URLSearchParams({container_id:F}),y=await fetch(`${n}/api/v1/forks?${c.toString()}`,{headers:dt()}).catch(()=>null);if(!y||!y.ok)return;let A=await y.json().catch(()=>({})),z=Array.isArray(A.forks)?A.forks:[],Q=ot(Fe),Z=ot(xe),ne=false,ie=new Map(Ae.current.map(ce=>[ce.id,ce])),be=[];for(let ce of z){let me=_r(ce);_e(me.status)&&!Z.has(me.id)&&(Z.add(me.id),ne=true);let ae=ie.get(me.id),de=ae?_e(ae.status):false,we=At(me);me.status==="complete"&&(Z.has(me.id)||de)&&!Q.has(we)&&!Te.current.has(we)&&!ae?.unread&&(Ue.current||Z.has(me.id)||de)&&(Te.current.add(we),be.push(me));}if(W(ce=>{let me=new Map(ce.map(fe=>[fe.id,fe])),ae=new Set,de=new Map;for(let fe of z){let Ee=_r(fe);ae.add(Ee.id);let Pe=me.get(Ee.id),Le=Pe?_e(Pe.status):false,pt=At(Ee),Wt=Ee.status==="complete"&&(Z.has(Ee.id)||Le)&&!Q.has(pt),qe=Qt(Pe,{...Ee,unread:Wt});de.set(Ee.id,qe);}for(let fe of ce)ae.has(fe.id)||(_e(fe.status)||fe.unread)&&de.set(fe.id,fe);let we=[...de.values()].sort((fe,Ee)=>Date.parse(Ee.updatedAt)-Date.parse(fe.updatedAt));return Ae.current=we,we}),ne&&st(xe,Z),be.length>0){for(let ce of be)ce.targetKind==="module"&&tt(ce.targetId,ce.id);ke().catch(()=>{});}Ue.current=true;},[Fe,xe,I,n,dt,F,ke,tt]),zt=Pn.useCallback((c,y)=>{let A=Ss(c,y);if(!A)return;let z=c.containerId??c._containerId;if(z&&!F&&H(z),_e(A.status)){let ne=ot(xe);ne.has(A.id)||(ne.add(A.id),st(xe,ne)),K(false),g.isAdmin&&L(false);}let Q=new Map(Ae.current.map(ne=>[ne.id,ne]));Q.set(A.id,Qt(Q.get(A.id),A));let Z=[...Q.values()].sort((ne,ie)=>Date.parse(ie.updatedAt)-Date.parse(ne.updatedAt));Ae.current=Z,W(Z);},[xe,t,o,F,g.isAdmin]),Ne=Pn.useCallback((c,y)=>{let A=xs(y),z=ot(Fe),Q=ot(xe),Z=Ae.current.find(ae=>ae.id===c),ne=Z?_e(Z.status):false;A.status&&_e(A.status)&&!Q.has(c)&&(Q.add(c),st(xe,Q));let ie=Z?Qt(Z,{...Z,...A}):null,be=ie?At(ie):null,ce=!!(ie&&ie.status==="complete"&&(Q.has(c)||ne)&&be&&!z.has(be)&&!Te.current.has(be)&&!Z?.unread),me=y.type==="complete"&&Z?.targetKind==="module"?Z.targetId:null;if(W(ae=>{let de=ae.find(Le=>Le.id===c);if(!de)return ae;let we=Qt(de,{...de,...A}),fe=we.status==="complete"&&(Q.has(c)||_e(de.status))&&!z.has(At(we)),Ee={...we,unread:fe},Pe=ae.map(Le=>Le.id===c?Ee:Le).sort((Le,pt)=>Date.parse(pt.updatedAt)-Date.parse(Le.updatedAt));return Ae.current=Pe,Pe}),ce&&ie&&be&&Te.current.add(be),y.type==="complete"){let ae=y.data&&typeof y.data=="object"?y.data:{},de=typeof ae.boundaryId=="string"?ae.boundaryId:me;de&&tt(de,c),ke().catch(()=>{});}},[Fe,xe,ke,tt]),ft=Pn.useCallback(c=>{let y=ot(Fe),A=ot(xe),z=false,Q=false;for(let Z of Ae.current){if(Z.status!=="complete"||c&&Z.id!==c)continue;let ne=At(Z);y.has(ne)||(y.add(ne),z=true),A.delete(Z.id)&&(Q=true);}W(Z=>{let ne=Z.map(ie=>ie.status!=="complete"||c&&ie.id!==c?ie:{...ie,unread:false});return Ae.current=ne,ne}),z&&st(Fe,y),Q&&st(xe,A);},[Fe,xe]);Pn.useEffect(()=>{Ue.current=false,Te.current.clear(),W([]);for(let c of re.current.values())c.close();re.current.clear(),F&&Ie();},[F,Ie]),Pn.useEffect(()=>{if(typeof document>"u")return;let c=()=>{let y=document.visibilityState!=="hidden";U(y),y&&F&&Ie();};return document.addEventListener("visibilitychange",c),window.addEventListener("focus",c),window.addEventListener("online",c),()=>{document.removeEventListener("visibilitychange",c),window.removeEventListener("focus",c),window.removeEventListener("online",c);}},[F,Ie]),Pn.useEffect(()=>{let c=V.filter(z=>_e(z.status));if(!F||c.length===0)return;let y=X?ys:ks,A=window.setInterval(()=>{Ie();},y);return ()=>window.clearInterval(A)},[F,X,V,Ie]),Pn.useEffect(()=>{for(let c of re.current.values())c.close();re.current.clear();},[t,n,g.containerId,se,te]),Pn.useEffect(()=>{let c=new Set(V.filter(y=>_e(y.status)).map(y=>y.id));for(let[y,A]of re.current.entries())c.has(y)||(A.close(),re.current.delete(y));for(let y of c){if(re.current.has(y))continue;let A=new URLSearchParams({key:t});te&&A.set("userId",te),se&&A.set("userHash",se),g.isAdmin&&g.containerId&&A.set("containerId",g.containerId);let z=new EventSource(`${n}/api/v1/forks/${y}/events?${A.toString()}`);z.onmessage=Q=>{try{Ne(y,JSON.parse(Q.data));}catch{}},z.onerror=()=>{z.close(),re.current.delete(y);},re.current.set(y,z);}},[t,n,V,g.isAdmin,g.containerId,Ne,se,te]),Pn.useEffect(()=>()=>{for(let c of re.current.values())c.close();re.current.clear();},[]);let kn=As(V),bn=Pn.useCallback(async()=>{if(!te)throw new Error("Reset requires a resolved user identity.");let c=new URLSearchParams({userId:te});se&&c.set("userHash",se);let y={Authorization:`Bearer ${t}`,...pe()};o&&(y["X-Fork-App-Id"]=o);let A=await fetch(`${n}/api/v1/forks/all?${c.toString()}`,{method:"DELETE",headers:y});if(!A.ok){let Q=await A.json().catch(()=>({}));throw new Error(Q.error||`API error: ${A.status}`)}let z=await A.json().catch(()=>({}));return d({}),O({}),oe(true),_(Q=>Q+1),W([]),Te.current.clear(),st(Fe,new Set),st(xe,new Set),$.current.clear(),x.current.clear(),z},[Fe,xe,t,o,n,se,te]);return ls.jsx(Lr.Provider,{value:{apiKey:t,userId:te,userHash:se,baseUrl:n,appId:o,forks:b,moduleOverridesEnabled:$e,moduleManifestReady:N,moduleManifestVersion:Y,currentContainerId:F,forksPaused:D,setForksPaused:hn,forkActivities:V,activitySummary:kn,adminContext:g,setAdminContainer:Se,trackForkActivity:zt,recordForkActivityEvent:Ne,markForkActivitySeen:ft,refreshForkActivities:Ie,setSlotFork:Bt,clearSlotFork:yn,skipAnimationForSlot:Dt,shouldSkipAnimation:ge,markRevealSeen:ct,queueBoundaryAnimation:tt,consumeBoundaryAnimation:jt,registerBoundary:bt,getBoundaryOverride:ut,refreshModuleManifest:ke,resetAllForks:bn,highlightScope:Kt},children:r})}function ve(){let e=Pn.useContext(Lr);if(!e)throw new Error("useForkContext must be used within <ForkProvider>");return e}function en(e){return ve().forks[e]}var Et=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,n){let r=this.values.get(t);if(Object.is(r,n))return;if(r!==void 0&&n!==null&&r!==null&&typeof r=="object"&&typeof n=="object")try{if(JSON.stringify(r)===JSON.stringify(n))return}catch{}this.values.set(t,n),this.snapshots.set(t,n);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,n){return this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(n),()=>{this.listeners.get(t)?.delete(n);}}useValue(t){let n=window.__FORK_REACT__;return n?.useSyncExternalStore?n.useSyncExternalStore(r=>this.subscribe(t,r),()=>this.getSnapshot(t)):(console.warn("[ForkBridge] React.useSyncExternalStore not available, returning static value"),this.values.get(t))}emit(t,...n){let r=this.eventHandlers.get(t);r&&r.forEach(o=>o(...n));}on(t,n){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Set),this.eventHandlers.get(t).add(n),()=>{this.eventHandlers.get(t)?.delete(n);}}destroy(){this.listeners.clear(),this.eventHandlers.clear(),this.values.clear(),this.snapshots.clear();let t=window.__FORK_BRIDGE__;t&&delete t[this.slotId];}};var Tn=new Set;function _n(e,t){let n;try{n=Pn.Children.only(e);}catch{let o=Pn.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 r=n.type;if(typeof r=="string")throw new Error(`<ForkSlot slotId="${t}"> child must be a React component (function or class), not an HTML element <${r}>. Wrap your slot's contents in a single named component, e.g. <ForkSlot slotId="${t}"><MyShell ...props /></ForkSlot>.`);if(typeof r=="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 n}var Or=new Set;function Nr(e){let t=[],n=e.querySelectorAll("*");for(let r of n){if(!(r instanceof HTMLElement))continue;let o=r.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(r.tagName))continue;let s=getComputedStyle(r),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:r.tagName,className:r.className||"",text:(r.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function Ps(e,t){let n=[];for(let r of t)if(!e.find(s=>s.tag===r.tag&&s.className===r.className&&Math.abs(s.rect.top-r.rect.top)<20&&Math.abs(s.rect.left-r.rect.left)<20)&&!n.some(i=>r.rect.top>=i.rect.top&&r.rect.left>=i.rect.left&&r.rect.right<=i.rect.right&&r.rect.bottom<=i.rect.bottom)){for(let i=n.length-1;i>=0;i--){let l=n[i];l.rect.top>=r.rect.top&&l.rect.left>=r.rect.left&&l.rect.right<=r.rect.right&&l.rect.bottom<=r.rect.bottom&&n.splice(i,1);}n.push({rect:r.rect,borderRadius:r.borderRadius});}return n}function _s(e,t){let n=[];for(let r of e)if(!t.find(s=>s.tag===r.tag&&s.className===r.className&&Math.abs(s.rect.top-r.rect.top)<20&&Math.abs(s.rect.left-r.rect.left)<20)&&!n.some(i=>r.rect.top>=i.rect.top&&r.rect.left>=i.rect.left&&r.rect.right<=i.rect.right&&r.rect.bottom<=i.rect.bottom)){for(let i=n.length-1;i>=0;i--){let l=n[i];l.rect.top>=r.rect.top&&l.rect.left>=r.rect.left&&l.rect.right<=r.rect.right&&l.rect.bottom<=r.rect.bottom&&n.splice(i,1);}n.push({rect:r.rect,borderRadius:r.borderRadius});}return n}function Br(e,t,n,r,o){return o=Math.max(0,Math.min(o,n/2,r/2)),o===0?`M ${e} ${t} L ${e+n} ${t} L ${e+n} ${t+r} L ${e} ${t+r} Z`:[`M ${e+o} ${t}`,`L ${e+n-o} ${t}`,`A ${o} ${o} 0 0 1 ${e+n} ${t+o}`,`L ${e+n} ${t+r-o}`,`A ${o} ${o} 0 0 1 ${e+n-o} ${t+r}`,`L ${e+o} ${t+r}`,`A ${o} ${o} 0 0 1 ${e} ${t+r-o}`,`L ${e} ${t+o}`,`A ${o} ${o} 0 0 1 ${e+o} ${t}`,"Z"].join(" ")}function Ur(e){let t="http://www.w3.org/2000/svg",n=document.createElement("div");n.setAttribute("data-fork-highlights","true"),n.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let r=document.createElementNS(t,"svg");r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");r.appendChild(o);let s=[];for(let b=0;b<e.length;b++){let{rect:d,borderRadius:k}=e[b],R=d.left-.5,v=d.top-.5,f=d.width+1,g=d.height+1,S=Math.min(k+.5,f/2,g/2),I=Br(R,v,f,g,S),m=`__fork-glow-${b}`,P=document.createElementNS(t,"filter");P.setAttribute("id",m),P.setAttribute("x","-100%"),P.setAttribute("y","-100%"),P.setAttribute("width","300%"),P.setAttribute("height","300%");let L=document.createElementNS(t,"feGaussianBlur");L.setAttribute("in","SourceGraphic"),L.setAttribute("stdDeviation","8"),P.appendChild(L),o.appendChild(P);let j=`__fork-mask-${b}`,O=document.createElementNS(t,"mask");O.setAttribute("id",j),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(R-200)),O.setAttribute("y",String(v-200)),O.setAttribute("width",String(f+400)),O.setAttribute("height",String(g+400));let N=document.createElementNS(t,"rect");N.setAttribute("x",String(R-200)),N.setAttribute("y",String(v-200)),N.setAttribute("width",String(f+400)),N.setAttribute("height",String(g+400)),N.setAttribute("fill","white"),O.appendChild(N);let oe=document.createElementNS(t,"path");oe.setAttribute("d",I),oe.setAttribute("fill","black"),O.appendChild(oe),o.appendChild(O);let Y=document.createElementNS(t,"g");Y.setAttribute("mask",`url(#${j})`),Y.setAttribute("opacity","0");let _=document.createElementNS(t,"g");_.setAttribute("filter",`url(#${m})`);let F=document.createElementNS(t,"path");F.setAttribute("d",I),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),F.setAttribute("stroke-width","6"),F.setAttribute("stroke-linecap","round"),_.appendChild(F),Y.appendChild(_),r.appendChild(Y);let H=document.createElementNS(t,"path");H.setAttribute("d",I),H.setAttribute("fill","none"),H.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),H.setAttribute("stroke-width","2"),H.setAttribute("stroke-linecap","round"),H.setAttribute("opacity","0"),r.appendChild(H),s.push(F,H),F.__group=Y;}n.appendChild(r),document.body.appendChild(n);let i=[];for(let b=0;b<s.length;b+=2){let d=s[b],k=s[b+1],R=d.__group,v=k.getTotalLength(),f=d.getTotalLength();if(v<=0)continue;let g=v*.35;k.setAttribute("stroke-dasharray",`${g} ${v-g}`),k.setAttribute("stroke-dashoffset","0"),i.push(k.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*v,opacity:.92,offset:.06},{strokeDashoffset:-2*v,opacity:.92,offset:.92},{strokeDashoffset:-2.25*v,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let S=f*.35;d.setAttribute("stroke-dasharray",`${S} ${f-S}`),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(R.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let l=false,u=()=>{if(l)return;l=true,clearTimeout(h);for(let d of i)try{d.cancel();}catch{}let b=n.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});b.onfinish=()=>n.remove(),window.removeEventListener("click",u);},h=setTimeout(u,14500);return setTimeout(()=>{l||window.addEventListener("click",u);},500),u}function Ls(e){let t="http://www.w3.org/2000/svg",n=document.createElement("div");n.setAttribute("data-fork-removed","true"),n.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let r=document.createElementNS(t,"svg");r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.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),r.appendChild(o);for(let{rect:l,borderRadius:u}of e){let h=l.left,b=l.top,d=l.width,k=l.height,R=Math.min(u,d/2,k/2),v=Br(h,b,d,k,R),f=document.createElementNS(t,"path");f.setAttribute("d",v),f.setAttribute("fill","none"),f.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),f.setAttribute("stroke-width","1.5"),f.setAttribute("stroke-dasharray","8 4"),f.setAttribute("stroke-linecap","round"),f.setAttribute("filter","url(#__fork-removed-shadow)"),f.setAttribute("opacity","0"),r.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 n.appendChild(r),document.body.appendChild(n),n}function Hs(e,t){if(e===t)return true;let n=Object.keys(e);if(n.length!==Object.keys(t).length)return false;for(let r of n)if(!Object.is(e[r],t[r]))return false;return true}var Os=Pn__namespace.default.memo(function({component:t,containerRef:n,wrapperStyle:r,hostProps:o}){return ls.jsx("div",{ref:n,style:r,children:ls.jsx(t,{...o})})},(e,t)=>e.component===t.component&&Hs(e.hostProps,t.hostProps)),$n=class extends Pn__namespace.default.Component{constructor(t){super(t),this.state={hasError:false};}static getDerivedStateFromError(){return {hasError:true}}componentDidCatch(t){console.error(`[Fork:${this.props.slotId}] fork render failed`,t);}componentDidUpdate(t){t.resetKey!==this.props.resetKey&&this.state.hasError&&this.setState({hasError:false});}render(){return this.state.hasError?this.props.fallback:this.props.children}};function Dr({slotId:e,children:t,githubRepo:n,shared:r,events:o,entityBindings:s}){_n(t,e);let i=en(e),{baseUrl:l,apiKey:u,appId:h,shouldSkipAnimation:b,markRevealSeen:d}=ve(),[k,R]=Pn.useState(null),v=Pn.useRef(null),f=Pn.useRef(null),g=Pn.useRef(null),S=Pn.useRef(false),I=Pn.useRef(null),m=Pn.useRef(null),P=!!(r||o),L=Pn.useRef(null);P&&!L.current&&(L.current=new Et(e));let j=Pn.useRef(o);if(j.current=o,Pn.useEffect(()=>{if(P)return ()=>{L.current?.destroy(),L.current=null;}},[P,e]),P&&L.current&&r)for(let[_,F]of Object.entries(r))L.current.set(_,F);Pn.useEffect(()=>{if(!P)return;L.current||(L.current=new Et(e));let _=L.current,F=Object.keys(j.current||{}).map(H=>_.on(H,(...D)=>j.current?.[H]?.(...D)));return ()=>F.forEach(H=>H())},[P,e]),Pn.useEffect(()=>{if(Or.has(e))return;Or.add(e);let _={id:e,appId:h,label:e,eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:n,mode:"direct",sharedKeys:r?Object.keys(r):[],eventNames:o?Object.keys(o):[],propsShape:"",callbackNames:[],entityBindings:s||{}};fetch(`${l}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json"},body:JSON.stringify(_)}).catch(()=>{});},[e,l,u,n,h,s]);let O=i?.id||null;Pn.useEffect(()=>{if(i?.bundleUrl,v.current,f.current,!i?.bundleUrl||!O){return}let _=`${l}${i.bundleUrl.replace("bundle.js","component.js")}`,F=i.revealPending===true&&!Tn.has(O),H=b(e),D=!H&&F;if(i.revealPending,H&&F&&(Tn.add(O),d(i)),D&&f.current){let U=Nr(f.current);g.current=U,S.current=true,`${e}${U.length}`;}window.__FORK_REACT__=Pn__namespace.default,window.__FORK_REACT_DOM__=as__namespace,window.__FORK_REACT_JSX__=ls__namespace;let K=Date.now(),V=`${l}${i.bundleUrl.replace("bundle.js","component.css")}?t=${K}`,W=document.createElement("link");W.rel="stylesheet",W.href=V,W.dataset.forkSlot=e,document.head.appendChild(W);let X=document.createElement("script");return X.src=_+"?t="+K,X.onload=()=>{let U=window.__FORK_EXPORT__;if(U?.default){if(f.current&&g.current&&S.current){let C=f.current.getBoundingClientRect(),M=f.current.cloneNode(true);M.setAttribute("data-fork-clone-overlay","true"),M.style.position="fixed",M.style.top=`${C.top}px`,M.style.left=`${C.left}px`,M.style.width=`${C.width}px`,M.style.height=`${C.height}px`,M.style.flex="none",M.style.minHeight="auto",M.style.zIndex="9998",M.style.pointerEvents="none",M.style.overflow="hidden";let w=getComputedStyle(f.current).backgroundColor;M.style.backgroundColor=w&&w!=="rgba(0, 0, 0, 0)"&&w!=="transparent"?w:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(M);let p=f.current.querySelectorAll("*"),$=M.querySelectorAll("*");for(let x=0;x<p.length;x++)p[x].scrollTop!==0&&($[x].scrollTop=p[x].scrollTop),p[x].scrollLeft!==0&&($[x].scrollLeft=p[x].scrollLeft);I.current=M;}R(()=>U.default),v.current=O;}else console.error(`[Fork:${e}] component.js loaded but no default export found`);window.__FORK_EXPORT__=void 0;},X.onerror=()=>{console.error(`[Fork:${e}] failed to load component.js`);},document.head.appendChild(X),()=>{X.remove(),W.remove(),m.current&&(clearTimeout(m.current),m.current=null),I.current&&(I.current.remove(),I.current=null);}},[O,l,e]),Pn.useEffect(()=>{if(!S.current||!k||!f.current){`${e}${S.current}`,f.current;return}let _=g.current;if(!_){return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!f.current)return;let F=Nr(f.current),H=Ps(_,F),D=_s(_,F),K=I.current;if(`${e}${H.length}${D.length}`,D.length>0&&K){let V=Ls(D);m.current=setTimeout(()=>{m.current=null;let W=400;K.animate([{opacity:1},{opacity:0}],{duration:W,fill:"forwards"}),V.animate([{opacity:1},{opacity:0}],{duration:W,fill:"forwards"}),setTimeout(()=>{K.remove(),V.remove(),I.current=null,H.length>0&&(Ur(H));},W);},3500);}else K&&(K.remove(),I.current=null),H.length>0&&(Ur(H));g.current=null,S.current=false,i&&O&&(Tn.add(O),d(i),`${e}`);});});},[k]);let N={flex:1,minHeight:0,display:"flex",flexDirection:"column"};if(!i||i.status!=="complete"||!i.bundleUrl)return ls.jsx("div",{ref:f,style:N,children:t});if(!k)return ls.jsx("div",{ref:f,style:N,children:t});let Y=t?.props??{};return ls.jsx($n,{slotId:e,resetKey:O,fallback:ls.jsx("div",{ref:f,style:N,children:t}),children:ls.jsx(Os,{component:k,containerRef:f,wrapperStyle:N,hostProps:Y})})}var Kr=new Set;function Bs(e){return `{ ${Object.entries(e).map(([n,r])=>r==null?`${n}: unknown`:Array.isArray(r)?`${n}: ${r.length>0?typeof r[0]:"unknown"}[]`:`${n}: ${typeof r}`).join("; ")} }`}function zr(e,t=new Set){return Pn.Children.forEach(e,n=>{if(!Pn.isValidElement(n))return;let r=n.props;for(let[o,s]of Object.entries(r))typeof s=="function"&&/^on[A-Z]/.test(o)&&t.add(o);r.children&&zr(r.children,t);}),t}function Ds({slotId:e,props:t,children:n,allowedFetches:r,entityBindings:o,githubRepo:s,callbacks:i,mode:l="iframe",shared:u,events:h}){if(_n(n,e),l==="direct")return ls.jsx(Dr,{slotId:e,githubRepo:s,shared:u,events:h,entityBindings:o,children:n});let b=en(e),{baseUrl:d,apiKey:k,appId:R,userId:v,userHash:f,currentContainerId:g}=ve(),S=Pn.useRef(null),I=Pn.useRef(false),m=Pn.useRef(null),P=Pn.useRef(i);P.current=i;let L=Pn.useRef(t);L.current=t;let j=Pn.useRef(r);j.current=r,Pn.useEffect(()=>{if(typeof process<"u")return;let Y=zr(n),_=new Set(i?Object.keys(i):[]),F=[...Y].filter(H=>!_.has(H));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:
|
|
2
|
+
`+F.map(H=>` - ${H}`).join(`
|
|
3
|
+
`)+"\n\nThe forked component will not be able to call these. Add them to the `callbacks` prop of <ForkSlot>.");},[e,n,i]),Pn.useEffect(()=>{Kr.has(e)||(Kr.add(e),fetch(`${d}/api/v1/slots`,{method:"POST",headers:{Authorization:`Bearer ${k}`,"Content-Type":"application/json"},body:JSON.stringify({id:e,appId:R,label:e,propsShape:t?Bs(t):"",eventsShape:"{ navigate?: string }",currentLayout:"",githubRepo:s,callbackNames:i?Object.keys(i):[],mode:l||"iframe",entityBindings:o||{}})}).catch(()=>{}));},[e,d,k,s,R,o]);let O=Pn.useCallback(Y=>{let _=S.current;if(_?.contentWindow&&I.current){let F=P.current?Object.keys(P.current):[];_.contentWindow.postMessage({type:"slot:props",props:Y,callbackNames:F},"*"),m.current=null;}else m.current=Y;},[]),N=Pn.useCallback((Y,_)=>{let F=j.current;return !F||F.length===0?false:F.some(H=>{let[D,K]=H.split(" "),V=_.split("?")[0];return Y.toUpperCase()===D.toUpperCase()&&V.startsWith(K)})},[]);if(Pn.useEffect(()=>{if(!b?.bundleUrl)return;let Y=async _=>{if(_.source===S.current?.contentWindow){if(_.data?.type==="slot:ready")I.current=true,S.current?.contentWindow?.postMessage({type:"slot:allowed-fetches",paths:j.current||[]},"*"),j.current,m.current?O(m.current):O(L.current||{});else if(_.data?.type==="slot:event"){let F=_.data.event;F?.navigate&&(window.location.hash=F.navigate);}else if(_.data?.type==="slot:clipboard-write")navigator.clipboard.writeText(_.data.text).catch(F=>{console.warn(`[ForkSlot:${e}] clipboard write failed:`,F.message);});else if(_.data?.type==="slot:callback"){let{name:F,args:H}=_.data,D=P.current?.[F];D?(D(...H||[])):console.warn(`[ForkSlot:${e}] unknown callback: ${F}`);}else if(_.data?.type==="slot:fetch"){let{id:F,method:H,url:D,body:K}=_.data,V=S.current?.contentWindow;if(!V)return;let W=H||"GET";if(!N(W,D)){console.warn(`[ForkSlot:${e}] BLOCKED fetch #${F}: ${W} ${D} \u2014 not in allowedFetches`),V.postMessage({type:"slot:fetch-response",id:F,error:`Fetch not allowed: ${W} ${D}`},"*");return}try{let X={method:W};K&&W!=="GET"&&(X.headers={"Content-Type":"application/json"},X.body=JSON.stringify(K));let U=await fetch(D,X),C=await U.json();`${e}${F}${U.status}`,V.postMessage({type:"slot:fetch-response",id:F,data:C,status:U.status},"*");}catch(X){console.error(`[ForkSlot:${e}] fetch #${F} failed:`,X.message),V.postMessage({type:"slot:fetch-response",id:F,error:X.message},"*");}}else if(_.data?.type==="slot:fork-data"){let{id:F,path:H,method:D,body:K}=_.data,V=S.current?.contentWindow;if(!V)return;if(!g||!R){V.postMessage({type:"slot:fork-data-response",id:F,error:"Fork data is unavailable until appId and containerId are resolved"},"*");return}let W=typeof H=="string"&&H.startsWith("/")?H:`/${String(H||"")}`,X=W.startsWith("/api/v1/data")?W:`/api/v1/data${W}`;try{let U={Authorization:`Bearer ${k}`,"Content-Type":"application/json","X-Fork-App-Id":R,...pe()};v&&(U["X-Fork-User-Id"]=v),f&&(U["X-Fork-User-Hash"]=f);let C=typeof D=="string"?D.toUpperCase():"POST",M=new URL(`${d}${X}`),w={method:C,headers:U};C==="GET"?(M.searchParams.set("appId",R),M.searchParams.set("containerId",g)):w.body=JSON.stringify({appId:R,containerId:g,...K&&typeof K=="object"?K:{}});let p=await fetch(M.toString(),w),$=await p.json().catch(()=>({}));if(!p.ok){let x=typeof $?.error=="string"?$.error:`Fork data API ${p.status}`;V.postMessage({type:"slot:fork-data-response",id:F,error:x,status:p.status},"*");return}V.postMessage({type:"slot:fork-data-response",id:F,data:$,status:p.status},"*");}catch(U){V.postMessage({type:"slot:fork-data-response",id:F,error:U.message},"*");}}}};return window.addEventListener("message",Y),()=>{window.removeEventListener("message",Y),I.current=false;}},[b?.bundleUrl,e,O,N,g,R,k,d,f,v]),Pn.useEffect(()=>{b?.bundleUrl&&I.current&&O(t||{});},[t,b?.bundleUrl,O]),!b||b.status!=="complete"||!b.bundleUrl)return `${e}${b?.status||"none"}${b?.bundleUrl||"none"}`,ls.jsx(ls.Fragment,{children:n});`${e}${b.bundleUrl}`;let oe=`${d}${b.bundleUrl.replace("/bundle.js","/host")}`;return ls.jsx("iframe",{ref:S,src:oe,sandbox:"allow-scripts allow-same-origin allow-forms allow-clipboard-write",title:`Forked ${e}`,style:{width:"100%",border:"none",flex:1,minHeight:0}})}function nn({style:e={width:20,height:20},...t}){return ls.jsxs("svg",{viewBox:"320 95 270 345",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,...t,children:[ls.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"}),ls.jsx("path",{stroke:"currentColor",strokeWidth:"30",strokeLinejoin:"round",strokeLinecap:"round",d:"M387.096 174.735v188"}),ls.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"}),ls.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"}),ls.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 Wr=5600,Hn=2147483002;function Js(e){return !e||e.state!=="complete"||!e.latest?null:`${e.latest.id}:${e.latest.completedAt??e.latest.updatedAt}`}function Vs(){return typeof document>"u"?false:!!document.querySelector("[data-fork-clone-overlay], [data-fork-removed], [data-fork-highlights]")}function On(e,t){let n=Math.min(e.length,t?26:34)*7.4,r=t?Math.min(t.length,24)*6.8+10:0;return Math.round(Math.min(390,Math.max(116,56+n+r)))}function Xs(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 Nn({onClick:e,hasNotification:t=false,activity:n}){let[r,o]=Pn.useState(false),[s,i]=Pn.useState(false),[l,u]=Pn.useState(null),[h,b]=Pn.useState(null),[d,k]=Pn.useState(null),R=Pn.useRef(0),v=r?48:40,f=Js(n),g=!!(f&&n?.state==="complete"&&n.unreadCompletedCount>0),S=g?f:h?.key??null,I=!!(n&&n.state==="running"&&n.runningCount>0),m=!!(S&&S!==l&&(g||h)),P=I||m,L=g?n?.label:h?.label,j=m?"Built":n?.label??"Fork this app",O=m?L:n?.detail,N=On(n?.label??"Fork this app",n?.detail),oe=On(j,O),Y=m?Math.min(420,Math.max(326,oe,h?.width??0,R.current+40)):oe,_=m?46:40,F=P?[j,O].filter(Boolean).join(" "):Xs(n,t)??"Fork this app",H=P?`${j}:${O??""}`:"idle",D=(t||n?.state==="complete"&&n.unreadCompletedCount>0)&&!P;Pn.useEffect(()=>{if(typeof document>"u")return;let p=document.createElement("div");return p.setAttribute("data-fork-button-host","true"),p.style.position="relative",p.style.zIndex=String(Hn),document.body.appendChild(p),k(p),()=>{p.remove(),k(null);}},[]),Pn.useEffect(()=>{I&&(R.current=N);},[N,I]),Pn.useEffect(()=>{!g||!f||!n?.label||b(p=>{if(p?.key===f)return p;let $=Math.min(420,Math.max(326,On("Built",n.label),R.current+40));return {key:f,label:n.label,width:$,startedAt:Date.now()}});},[n?.label,f,g]),Pn.useEffect(()=>{n&&n.unreadCompletedCount===0&&n.state!=="running"&&b(null);},[n,n?.state,n?.unreadCompletedCount]),Pn.useEffect(()=>{if(!S||!m||S===l)return;let p,$=h?.key===S?h.startedAt:Date.now(),x=()=>{let q=Date.now()-$;if(q>=Wr&&!Vs()||q>=Wr*3){u(S);return}p=window.setTimeout(x,250);};return p=window.setTimeout(x,250),()=>{p!==void 0&&window.clearTimeout(p);}},[S,l,h?.key,h?.startedAt,m]);let K=P?{position:"fixed",bottom:24,right:24,zIndex:Hn,width:`min(${Y}px, calc(100vw - 32px))`,height:_,minWidth:0,maxWidth:"calc(100vw - 32px)",borderRadius:m?12:999,backgroundColor:r?"#ffffff":"rgba(255, 255, 255, 0.92)",border:"1px solid rgba(148, 163, 184, 0.42)",display:"inline-flex",alignItems:"center",justifyContent:m?"flex-start":"center",gap:m?10:8,color:"#111827",boxShadow:r?"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:m?"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:Hn,width:v,height:v,borderRadius:"50%",backgroundColor:r?"rgba(255, 255, 255, 1)":"rgba(255, 255, 255, 0.3)",border:r?"1px solid rgba(156, 163, 175, 1)":"1px solid rgba(156, 163, 175, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",color:r?"#111827":"rgba(17, 24, 39, 0.5)",boxShadow:r?"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"},V={minWidth:0,maxWidth:I?286:m?82:O?116:238,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:13,fontWeight:650,lineHeight:"16px",letterSpacing:0},W={minWidth:0,maxWidth:m?278:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:m?1:0,color:"#64748b",fontSize:I?13:12,fontWeight:650,lineHeight:"16px",letterSpacing:0},X={minWidth:0,flex:m?1:void 0,display:"inline-flex",alignItems:"center",justifyContent:m?"flex-start":void 0,gap:8,animation:"__forkButtonTextSwap 220ms ease-out"},U={width:8,height:8,borderRadius:"50%",backgroundColor:n?.state==="complete"?"#16a34a":"#ef4444",boxShadow:n?.state==="complete"?"0 0 0 3px rgba(22, 163, 74, 0.14)":"none",animation:m?"__forkButtonBuiltDot 420ms ease-out":void 0,flexShrink:0},w=ls.jsxs(ls.Fragment,{children:[ls.jsx("style",{children:`
|
|
4
4
|
@keyframes __forkButtonSpin { to { transform: rotate(360deg); } }
|
|
5
5
|
@keyframes __forkButtonTextSwap {
|
|
6
6
|
from { opacity: 0; transform: translateY(2px); }
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
70% { opacity: 1; transform: scale(1.18); }
|
|
16
16
|
100% { opacity: 1; transform: scale(1); }
|
|
17
17
|
}
|
|
18
|
-
`}),
|
|
18
|
+
`}),ls.jsxs("button",{onClick:e,onMouseEnter:()=>o(true),onMouseLeave:()=>{o(false),i(false);},onMouseDown:()=>i(true),onMouseUp:()=>i(false),style:K,title:F,"aria-label":F,children:[P&&n?ls.jsxs(ls.Fragment,{children:[I?ls.jsx("span",{"aria-hidden":true,style:{width:14,height:14,borderRadius:"50%",border:"2px solid rgba(17, 24, 39, 0.18)",borderTopColor:"#111827",animation:"__forkButtonSpin 780ms linear infinite",flexShrink:0,boxSizing:"border-box"}}):ls.jsx("span",{"aria-hidden":true,style:U}),ls.jsxs("span",{style:X,children:[ls.jsx("span",{style:V,children:j}),O&&ls.jsx("span",{style:W,children:O})]},H)]}):ls.jsx(nn,{style:{width:24,height:24,animation:"__forkButtonLogoIn 220ms ease-out"}}),D&&ls.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,right:2,width:10,height:10,borderRadius:"50%",backgroundColor:"#111827",border:"2px solid #ffffff",boxSizing:"border-box",pointerEvents:"none"}})]})]});return d?as.createPortal(w,d):w}var ni={status:lucideReact.Loader2,agent_message:lucideReact.MessageSquare,tool_use:lucideReact.Wrench,build_start:lucideReact.Package,build_complete:lucideReact.Check,build_error:lucideReact.AlertCircle,complete:lucideReact.Sparkles,error:lucideReact.AlertCircle},ri={status:"#60a5fa",agent_message:"#a0a0a0",tool_use:"#fbbf24",build_start:"#c084fc",build_complete:"#6b7280",build_error:"#f87171",complete:"#6b7280",error:"#f87171"},oi={read:lucideReact.FileSearch,write:lucideReact.Pencil,search:lucideReact.FileSearch,shell:lucideReact.Terminal,build:lucideReact.Package},si={read:"#60a5fa",write:"#fbbf24",search:"#60a5fa",shell:"#a78bfa",build:"#c084fc"};function Bn(e){let t=e.data;switch(e.type){case "status":return `${t.message||t.status||"..."}`;case "agent_message":{let n=String(t.content||"");return /failed:/i.test(n)&&(n.includes("ENOENT")||n.includes("{")||n.includes("/Users/"))?"Adapting approach...":n}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 Zr({events:e}){let t=Pn.useRef(null);return Pn.useEffect(()=>{t.current&&(t.current.scrollTop=t.current.scrollHeight);},[e]),ls.jsxs(ls.Fragment,{children:[ls.jsx("style",{children:`
|
|
19
19
|
@keyframes __fork-spin {
|
|
20
20
|
from { transform: rotate(0deg); }
|
|
21
21
|
to { transform: rotate(360deg); }
|
|
@@ -33,7 +33,8 @@
|
|
|
33
33
|
.__fork-stream::-webkit-scrollbar-thumb:hover {
|
|
34
34
|
background: rgba(255, 255, 255, 0.3);
|
|
35
35
|
}
|
|
36
|
-
`}),ho.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&&ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[ho.jsx(lucideReact.Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((r,n)=>{let o=n===e.length-1,s=r.type==="complete"||r.type==="error"||r.type==="build_complete"||r.type==="build_error",i=o&&!s&&(r.type==="status"||r.type==="tool_use"||r.type==="build_start"),l=cs[r.type]||lucideReact.Code,f=ds[r.type]||"#9ca3af";if(r.type==="tool_use"){let b=String(r.data.category||"");l=fs[b]||lucideReact.Wrench,f=ps[b]||"#fbbf24";}return i?l=lucideReact.Loader2:!o&&r.type==="status"&&(l=lucideReact.Check,f="#4ade80"),ho.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[ho.jsx(l,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:f,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),ho.jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:Ir(r)})]},n)})]})]})}var Rn=35,Fs="Setting up environment",Ss="Built Custom Feature",Cn=360,At=380;function xs(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 As(e){return e.length<=Rn?e:e.slice(0,Rn-3).trimEnd()+"..."}function Is({events:e}){let[t,r]=br.useState("Setting up environment..."),[n,o]=br.useState(true),s=br.useRef(t),i=br.useRef(false);return br.useEffect(()=>{if(!i.current){for(let f of e)if(f.type==="status"&&String(f.data.message||"").includes("Agent started")){i.current=true;break}}let l="Setting up environment...";if(i.current)for(let f=e.length-1;f>=0;f--){let b=e[f];if(b.type==="tool_use"||b.type==="build_start"||b.type==="build_complete"){l=As(Ir(b));break}}if(l!==s.current){o(false);let f=setTimeout(()=>{r(l),s.current=l,o(true);},200);return ()=>clearTimeout(f)}},[e]),ho.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 Rs({children:e}){let[t,r]=br.useState(null);return br.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?mo.createPortal(e,t):null}function er({state:e,fork:t,events:r,error:n,runs:o={},slotId:s,targetId:i,targetLabel:l,historyMode:f="slot",onSubmit:b,onUndo:w,onClose:p,baseUrl:h,apiKey:R,userId:k,userHash:d,appId:F,embedded:T=false,completeVariant:C="bubble"}){let[g,$]=br.useState(""),[_,K]=br.useState([]),[O,N]=br.useState(false),[ne,G]=br.useState(false),[M,y]=br.useState(false),[L,B]=br.useState(false),[D,W]=br.useState(false),[z,V]=br.useState(false),[U,S]=br.useState(false),[I,A]=br.useState(false),[u,P]=br.useState(false),[v,J]=br.useState(null),[se,Ae]=br.useState(false),[Pe,Ne]=br.useState([]),[ve,Y]=br.useState(null),[oe,st]=br.useState(false),[_e,be]=br.useState(false),[sr,_t]=br.useState(false),[ir,Lt]=br.useState(null),[ge,it]=br.useState(null),[Qe,Ht]=br.useState(false),[pt,at]=br.useState(false),[Ue,Ve]=br.useState(""),gt=br.useRef(null),[Ot,Fe]=br.useState(null),[Se,lt]=br.useState(false),[Ee,Nt]=br.useState(null),[Oe,ut]=br.useState([]),[te,qe]=br.useState(null),[c,m]=br.useState(false),x=br.useRef(false),q=br.useRef(null),Z=br.useRef(null),{resetAllForks:Q,adminContext:X,setAdminContainer:fe,currentContainerId:xe,forksPaused:ie,setForksPaused:me,forkActivities:le,markForkActivitySeen:ce}=we(),Ie=X.containerId??xe,pe=!!(X.isAdmin&&Se),Me=!!(X.containerId??xe),[Be,He]=br.useState(false),Re=Ee!==null,Ut=br.useRef(p);br.useEffect(()=>{Ut.current=p;});let mt=br.useRef(null),Bt=br.useRef(false),zr=typeof window<"u"&&"documentPictureInPicture"in window,so=async()=>{if(!(!zr||Re))try{let a=await window.documentPictureInPicture.requestWindow({width:Cn,height:640});a.document.body.style.margin="0",a.document.body.style.padding="0",a.document.body.style.height="100vh",a.document.body.style.overflow="hidden",a.document.body.style.background="#ffffff";try{let H=document.adoptedStyleSheets??[];H.length>0&&(a.document.adoptedStyleSheets=[...H]);}catch{}a.addEventListener("pagehide",()=>{mt.current=null,Nt(null),Bt.current||Ut.current(),Bt.current=!1;},{once:!0}),mt.current=a,Nt(a);}catch(a){console.warn("[Fork] PiP open failed:",a);}},io=()=>{Ee&&(Bt.current=true,Ee.close());};br.useEffect(()=>()=>{Bt.current=true,mt.current?.close();},[]);let ct=i??s??"";(l||ct).replace(/[-_]+/g," ").replace(/\b\w/g,a=>a.toUpperCase());let Dt=br.useRef(""),ht=()=>{let a={Authorization:`Bearer ${R}`,...de()};return F&&(a["X-Fork-App-Id"]=F),k&&(a["X-Fork-User-Id"]=k),d&&(a["X-Fork-User-Hash"]=d),a},dt=T?true:ne&&!M,yt=te?o[te]??null:null,Jr=te?Oe.find(a=>a.id===te)??null:null,ao=Jr?(a=>a==="pending"||a==="running"||a==="building")(Jr.status):false,De=te?yt?.state??(ao?"running":null):c?e:null,jt=te?yt?.events??[]:c?r:[],lo=te?yt?.state==="error"?yt.error:null:c&&e==="error"?n:null,ar=te?yt?.fork??null:c?t:null,uo=Object.values(o).filter(a=>a.state!=="running").length,Wr=te?!!le.find(a=>a.id===te)?.unread:false;br.useEffect(()=>{te&&Wr&&ce(te);},[te,Wr,ce]);let co=jt.find(a=>{let H=a.data;return a.type==="status"&&H.summary})?.data?.summary||ar?.summary||Fs,Ze=jt.find(a=>{let H=a.data;return (a.type==="status"||a.type==="complete")&&typeof H?.estimateMinutes=="number"})?.data?.estimateMinutes??ar?.estimateMinutes;br.useEffect(()=>{if(f==="none"){N(true);return}if(!h||!R)return;if(!te){K([]),N(true);return}let a=new AbortController;return fetch(`${h}/api/v1/forks/${encodeURIComponent(te)}/messages`,{headers:ht(),signal:a.signal}).then(H=>H.ok?H.json():[]).then(H=>{if(a.signal.aborted)return;let j=[];for(let ae of H){let he=ae.forkId??te;ae.role==="user"?j.push({type:"user",text:ae.content,forkId:he}):j.push({type:"applied",text:ae.content,forkId:he});}K(j),N(true);}).catch(()=>{a.signal.aborted||N(true);}),()=>{a.abort();}},[R,F,h,f,te,X.containerId,d,k,t?.id,t?.completedAt]),br.useEffect(()=>{if(f==="none"||!h||!R||!oe)return;if(!ve){ut([]);return}let a=new AbortController,H=new URLSearchParams({container_id:ve});return fetch(`${h}/api/v1/forks?${H.toString()}`,{headers:ht(),signal:a.signal}).then(j=>j.ok?j.json():{forks:[]}).then(j=>{a.signal.aborted||ut(j.forks??[]);}).catch(()=>{}),()=>{a.abort();}},[R,F,h,f,ve,oe,t?.id,t?.completedAt,uo,X.containerId,d,k]),br.useEffect(()=>{e==="complete"&&A(false);},[e]);let Vr=Oe.some(a=>a.status==="pending"||a.status==="running"||a.status==="building");br.useEffect(()=>{if(!Vr||!h||!R||!ve)return;let a=new URLSearchParams({container_id:ve}),H=ht(),ae=setInterval(async()=>{try{let he=await fetch(`${h}/api/v1/forks?${a.toString()}`,{headers:H});if(!he.ok)return;let ye=await he.json();ut(ye.forks??[]);}catch{}},3e3);return ()=>clearInterval(ae)},[Vr,h,R,F,ve]),br.useEffect(()=>{if(T&&f==="none"){Ne([]),Y(null),st(true),lt(false);return}if(X.isAdmin){Fe(null),Ne(X.containers.map(a=>({id:a.id,name:a.name,createdAt:"",hasAccess:true,isPrimary:a.isPrimary}))),Y(X.containerId??null),lt(true),st(true);return}Ie?(Ne([{id:Ie,name:"Primary container",createdAt:""}]),Y(Ie)):(Ne([]),Y(null)),st(true),lt(false);},[R,Ie,h,T,f,X.isAdmin,X.containerId,X.containers]);let Kt=br.useRef(void 0);br.useEffect(()=>{if(oe){if(Kt.current===void 0){Kt.current=ve;return}Kt.current!==ve&&(Kt.current=ve,K([]),N(false));}},[ve,oe]);let zt=br.useRef(null);br.useEffect(()=>{if(!_e)return;let a=j=>{if(!zt.current)return;let ae=typeof j.composedPath=="function"?j.composedPath():[];zt.current.contains(j.target)||ae.includes(zt.current)||be(false);},H=j=>{j.key==="Escape"&&be(false);};return document.addEventListener("mousedown",a,true),document.addEventListener("keydown",H,true),()=>{document.removeEventListener("mousedown",a,true),document.removeEventListener("keydown",H,true);}},[_e]),br.useEffect(()=>{if(T||!dt||M||Re)return;let a=H=>{(typeof H.composedPath=="function"?H.composedPath():[]).some(he=>he instanceof Element&&he.hasAttribute("data-fork-panel-host"))||(y(true),G(false),setTimeout(()=>p(),At));};return document.addEventListener("mousedown",a,true),()=>{document.removeEventListener("mousedown",a,true);}},[T,dt,M,Re,p]),br.useEffect(()=>{_e||(at(false),Ve(""));},[_e]),br.useEffect(()=>{pt&&(gt.current?.focus(),gt.current?.select());},[pt]),br.useEffect(()=>{if(T)return;let a=requestAnimationFrame(()=>G(true));return ()=>cancelAnimationFrame(a)},[T]),br.useEffect(()=>{let a=T||Re;if((a||dt)&&(e==="prompting"||e==="complete")){let H=setTimeout(()=>q.current?.focus(),a?100:At+100);return ()=>clearTimeout(H)}},[dt,T,Re,e]);let qr=br.useRef(new Set);br.useEffect(()=>{for(let a of Object.values(o)){if(a.state!=="complete"||a.events.length===0)continue;let H=`${a.forkId}:${a.fork.completedAt??""}`;if(qr.current.has(H))continue;qr.current.add(H);let ae=a.events.find(he=>he.type==="complete")?.data?.summary||a.fork.summary||Ss;K(he=>{let ye=[...he].reverse().find(ur=>ur.forkId===a.forkId);return ye?.type==="applied"&&ye.text===ae?he:[...he,{type:"applied",text:ae,forkId:a.forkId}]});}},[o]),br.useEffect(()=>{De==="complete"&&Dt.current&&($(""),setTimeout(()=>q.current?.focus(),200));},[De]),br.useEffect(()=>{Z.current&&(Z.current.scrollTop=Z.current.scrollHeight);},[_,e]);let Xr=()=>{if(g.trim()){Dt.current=g.trim();let a={},H=c||!te;H?(a.forceNew=true,x.current=true,c||m(true)):a.forkId=te,H||K(j=>[...j,{type:"user",text:g.trim(),forkId:te}]),b(g.trim(),ct,ve,a),$("");}};br.useEffect(()=>{if(x.current){if(e==="error"){x.current=false;return}t?.id&&(qe(t.id),m(false),x.current=false);}},[t?.id,e]);let Gr=br.useRef(new Set);br.useEffect(()=>{t?.id&&(x.current||e!=="running"&&e!=="complete"||Gr.current.has(t.id)||(Gr.current.add(t.id),qe(a=>a??t.id),m(false)));},[t?.id,e]);let Yr=a=>{fe(a.container.id,a.container.name),Y(a.container.id),Ne(H=>{let j=H.filter(ae=>ae.id!==a.container.id);return [{...a.container,isPrimary:true,hasAccess:true},...j.map(ae=>({...ae,isPrimary:false}))]}),qe(null),m(false),x.current=false,K([]),N(false),Dt.current="";},fo=async a=>{if(!(!pe||ge)){it(a),Fe(null);try{let H=await fetch(`${h}/api/v1/admin/containers/${encodeURIComponent(a)}/primary`,{method:"POST",headers:ht()});if(!H.ok){let j=await H.json().catch(()=>({}));throw new Error(j.error||`API error: ${H.status}`)}Yr(await H.json()),be(!1);}catch(H){Fe(H instanceof Error?H.message:String(H));}finally{it(null);}}},Qr=async a=>{if(!pe||ge)return;let H=a.trim();if(H){it("__new__"),Fe(null);try{let j=await fetch(`${h}/api/v1/admin/containers`,{method:"POST",headers:{...ht(),"Content-Type":"application/json"},body:JSON.stringify({name:H})});if(!j.ok){let ae=await j.json().catch(()=>({}));throw new Error(ae.error||`API error: ${j.status}`)}Yr(await j.json()),at(!1),Ve(""),be(!1);}catch(j){Fe(j instanceof Error?j.message:String(j));}finally{it(null);}}},Zr=async()=>{if(!(!w||u||!ct)){P(true);try{let a=await w(ct);K(H=>{let j=[...H];return j.length>=2&&j[j.length-1]?.type==="applied"?j.splice(-2,2):j.length>=1&&j[j.length-1]?.type==="applied"&&j.splice(-1,1),j}),a?.removed&&K([]);}catch{}finally{P(false);}}},en=()=>{if(T){p();return}if(Re){Ee?.close();return}y(true),G(false),setTimeout(()=>p(),At);},po=T||Re?{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:Cn,maxWidth:"100vw",background:"#ffffff",boxShadow:dt?"-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:dt?"translateX(0)":"translateX(100%)",transition:`transform ${At}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${At}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},tn=Pe.find(a=>a.id===ve)?.name??(oe?"Fork":"Loading..."),kt=c?[]:te?_.filter(a=>a.forkId===te||a.forkId==null):_,lr=ho.jsxs(ho.Fragment,{children:[ho.jsx("style",{children:`
|
|
36
|
+
`}),ls.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&&ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#6b7280",fontSize:"11px"},children:[ls.jsx(lucideReact.Loader2,{style:{width:"12px",height:"12px",animation:"__fork-spin 1s linear infinite",flexShrink:0}}),"Connecting to agent..."]}),e.map((n,r)=>{let o=r===e.length-1,s=n.type==="complete"||n.type==="error"||n.type==="build_complete"||n.type==="build_error",i=o&&!s&&(n.type==="status"||n.type==="tool_use"||n.type==="build_start"),l=ni[n.type]||lucideReact.Code,u=ri[n.type]||"#9ca3af";if(n.type==="tool_use"){let h=String(n.data.category||"");l=oi[h]||lucideReact.Wrench,u=si[h]||"#fbbf24";}return i?l=lucideReact.Loader2:!o&&n.type==="status"&&(l=lucideReact.Check,u="#4ade80"),ls.jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",lineHeight:1.625},children:[ls.jsx(l,{style:{width:"12px",height:"12px",marginTop:"2px",flexShrink:0,color:u,...i?{animation:"__fork-spin 1s linear infinite"}:{}}}),ls.jsx("span",{style:{color:o&&!s?"#d1d5db":"#6b7280",wordBreak:"break-all"},children:Bn(n)})]},r)})]})]})}var ai=0;function li(e){let t=/^data:([^;,]+);base64,(.+)$/.exec(e);return t?{mediaType:t[1],data:t[2]}:null}function ci(e){return new Promise((t,n)=>{let r=URL.createObjectURL(e),o=new Image;o.onload=()=>{URL.revokeObjectURL(r),t(o);},o.onerror=()=>{URL.revokeObjectURL(r),n(new Error("Failed to decode image"));},o.src=r;})}async function Qr(e){if(!e.type.startsWith("image/"))return null;let t;try{t=await ci(e);}catch{return null}let{naturalWidth:n,naturalHeight:r}=t;if(!n||!r)return null;let o=Math.min(1,1568/Math.max(n,r)),s=document.createElement("canvas");s.width=Math.max(1,Math.round(n*o)),s.height=Math.max(1,Math.round(r*o));let i=s.getContext("2d");if(!i)return null;i.fillStyle="#ffffff",i.fillRect(0,0,s.width,s.height),i.drawImage(t,0,0,s.width,s.height);let l=s.toDataURL("image/png");l.length>2e6&&(l=s.toDataURL("image/jpeg",.85));let u=li(l);return u?{id:`img-${++ai}-${Date.now().toString(36)}`,dataUrl:l,mediaType:u.mediaType,data:u.data}:null}function eo(e){let t=e.clipboardData?.items;if(!t)return [];let n=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.kind==="file"&&o.type.startsWith("image/")){let s=o.getAsFile();s&&n.push(s);}}return n}var ui="rgba(59, 130, 246, 0.16)",di="1px solid #3b82f6";function fi(e){let t=e;for(;t;){if(t.hasAttribute("data-fork-panel-host")||t.hasAttribute("data-fork-button-host")||t.hasAttribute("data-fork-picker-overlay"))return true;let n=t.getRootNode();t=t.parentElement??(n instanceof ShadowRoot?n.host:null);}return false}function to(e){let t=Object.keys(e).find(o=>o.startsWith("__reactFiber$")||o.startsWith("__reactInternalInstance$"));if(!t)return;let n=e[t],r=0;for(;n&&r<30;){let o=n.type;if(typeof o=="function"){let s=o.displayName||o.name;if(s&&!/^(styled|ForwardRef|Anonymous)/.test(s))return s}else if(typeof o=="object"&&o!==null){let s=o.displayName||o.render?.displayName||o.render?.name;if(s)return s}n=n.return,r++;}}function pi(e){let t=[],n=e,r=0;for(;n&&n!==document.body&&r<6;){let o=n.tagName.toLowerCase();if(n.id){t.unshift(`#${CSS.escape(n.id)}`);break}let s=Array.from(n.classList).filter(i=>!/[[\]:]/.test(i)).slice(0,2);if(s.length>0)o+="."+s.map(i=>CSS.escape(i)).join(".");else if(n.parentElement){let i=Array.from(n.parentElement.children).filter(l=>l.tagName===n.tagName);i.length>1&&(o+=`:nth-of-type(${i.indexOf(n)+1})`);}t.unshift(o),n=n.parentElement,r++;}return t.join(" > ")}function mi(e){let t=e.outerHTML;if(t.length>2e3){let n=t.indexOf(">");n>-1&&n<1900?t=t.slice(0,2e3)+`
|
|
37
|
+
<!-- \u2026truncated\u2026 -->`:t=t.slice(0,2e3);}return t}function gi(e){let t=e.getBoundingClientRect(),n=(e.textContent??"").replace(/\s+/g," ").trim(),r={tag:e.tagName.toLowerCase(),selector:pi(e),html:mi(e),rect:{x:Math.round(t.x),y:Math.round(t.y),width:Math.round(t.width),height:Math.round(t.height)}};e.id&&(r.id=e.id);let o=Array.from(e.classList).slice(0,10);o.length>0&&(r.classes=o),n&&(r.text=n.slice(0,300));let s=to(e);return s&&(r.componentName=s),r}function an(e){let t=e.tag;if(e.id)t+=`#${e.id}`;else if(e.classes?.length)t+=`.${e.classes.slice(0,2).join(".")}`;else if(e.componentName)return `<${e.componentName}>`;return t.length>36?t.slice(0,35)+"\u2026":t}function no(e){let t=document.createElement("div");t.setAttribute("data-fork-picker-overlay",""),t.style.cssText=["position: fixed","inset: 0","pointer-events: none","z-index: 2147483001"].join(";");let n=document.createElement("div");n.style.cssText=["position: fixed","display: none",`background: ${ui}`,`border: ${di}`,"border-radius: 2px","pointer-events: none","box-sizing: border-box","transition: all 40ms linear"].join(";");let r=document.createElement("div");r.style.cssText=["position: fixed","display: none","background: #1f2937","color: #ffffff","font: 500 11px/1.4 ui-sans-serif, system-ui, sans-serif","padding: 3px 8px","border-radius: 6px","pointer-events: none","white-space: nowrap","box-shadow: 0 2px 8px rgba(0,0,0,0.25)"].join(";"),t.appendChild(n),t.appendChild(r),document.body.appendChild(t);let o=document.createElement("style");o.textContent="*, * > * { cursor: crosshair !important; }",document.head.appendChild(o);let s=null,i=false,l=()=>{s=null,n.style.display="none",r.style.display="none";},u=g=>{let S=g.getBoundingClientRect();n.style.display="block",n.style.left=`${S.left}px`,n.style.top=`${S.top}px`,n.style.width=`${S.width}px`,n.style.height=`${S.height}px`;let I=to(g),m=g.tagName.toLowerCase();g.id?m+=`#${g.id}`:g.classList.length>0&&(m+=`.${Array.from(g.classList).slice(0,2).join(".")}`),m.length>42&&(m=m.slice(0,41)+"\u2026"),r.textContent=I?`${m} \xB7 ${I} \xB7 ${Math.round(S.width)}\xD7${Math.round(S.height)}`:`${m} \xB7 ${Math.round(S.width)}\xD7${Math.round(S.height)}`,r.style.display="block";let P=S.top>=30?S.top-26:Math.max(4,S.top+4);r.style.top=`${P}px`,r.style.left=`${Math.max(4,Math.min(S.left,window.innerWidth-320))}px`;},h=(g,S)=>{let I=document.elementFromPoint(g,S);return !I||I===document.documentElement||I===document.body||fi(I)?null:I},b=g=>{let S=h(g.clientX,g.clientY);if(!S){l();return}S!==s&&(s=S,u(S));},d=()=>{s&&u(s);},k=g=>{let S=h(g.clientX,g.clientY);if(!S)return;g.preventDefault(),g.stopPropagation();let I=gi(S);f(),e.onPick(I);},R=g=>{h(g.clientX,g.clientY)&&(g.preventDefault(),g.stopPropagation());},v=g=>{g.key==="Escape"&&(g.preventDefault(),g.stopPropagation(),f(),e.onCancel());};function f(){i||(i=true,document.removeEventListener("mousemove",b,true),document.removeEventListener("click",k,true),document.removeEventListener("mousedown",R,true),document.removeEventListener("mouseup",R,true),document.removeEventListener("keydown",v,true),document.removeEventListener("scroll",d,true),window.removeEventListener("resize",d),t.remove(),o.remove());}return document.addEventListener("mousemove",b,true),document.addEventListener("click",k,true),document.addEventListener("mousedown",R,true),document.addEventListener("mouseup",R,true),document.addEventListener("keydown",v,true),document.addEventListener("scroll",d,true),window.addEventListener("resize",d),{stop:f}}function ro(){if(typeof window>"u")return null;let e=window;return e.SpeechRecognition||e.webkitSpeechRecognition||null}function oo(){return ro()!==null}function so(e){let t=ro();if(!t)return null;let n=true,r="",o=null,s=0,i=0,l=()=>{let u=new t;u.lang=typeof navigator<"u"&&navigator.language||"en-US",u.continuous=true,u.interimResults=true,u.onresult=h=>{let b="";for(let d=h.resultIndex;d<h.results.length;d++){let k=h.results[d],R=k[0]?.transcript??"";k.isFinal?r+=R:b+=R;}n&&e.onText(r,b);},u.onerror=h=>{let b=String(h?.error??"");if(b==="no-speech"||b==="aborted")return;n=false;let d=b==="not-allowed"||b==="service-not-allowed"?"not-allowed":b==="network"?"network":"other";e.onError(d);},u.onend=()=>{if(!n)return;let h=Date.now();if(h-s<1e3){if(i++,i>2){n=false,e.onError("other");return}}else i=0;s=h;try{u.start();}catch{try{l();}catch{n=false,e.onError("other");}}},o=u,u.start();};try{l();}catch{return null}return {stop:()=>{n=false;try{o?.stop();}catch{}}}}var lo=35,Ei="Setting up environment",Ri="Built Custom Feature",jn=360,Tt=380;function Kn(e){let t=Date.parse(e);if(Number.isNaN(t))return "";let n=Math.max(1,Math.round((Date.now()-t)/1e3));if(n<60)return `${n}s`;let r=Math.round(n/60);if(r<60)return `${r}m`;let o=Math.round(r/60);return o<24?`${o}h`:`${Math.round(o/24)}d`}function Ii(e){return e.length<=lo?e:e.slice(0,lo-3).trimEnd()+"..."}function Ci({events:e}){let[t,n]=Pn.useState("Setting up environment..."),[r,o]=Pn.useState(true),s=Pn.useRef(t),i=Pn.useRef(false);return Pn.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 l="Setting up environment...";if(i.current)for(let u=e.length-1;u>=0;u--){let h=e[u];if(h.type==="tool_use"||h.type==="build_start"||h.type==="build_complete"){l=Ii(Bn(h));break}}if(l!==s.current){o(false);let u=setTimeout(()=>{n(l),s.current=l,o(true);},200);return ()=>clearTimeout(u)}},[e]),ls.jsx("span",{style:{fontSize:12.5,color:"#334155",fontWeight:600,opacity:r?1:0,transition:"opacity 0.2s ease",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t})}function Mi({children:e}){let[t,n]=Pn.useState(null);return Pn.useEffect(()=>{if(typeof document>"u")return;let r=document.createElement("div");r.setAttribute("data-fork-panel-host",""),r.style.cssText="all: initial;",document.body.appendChild(r);let o=r.attachShadow({mode:"open"});return n(o),()=>{r.remove();}},[]),t?as.createPortal(e,t):null}function dn({state:e,fork:t,events:n,error:r,runs:o={},slotId:s,targetId:i,targetLabel:l,historyMode:u="slot",onSubmit:h,onUndo:b,onClose:d,baseUrl:k,apiKey:R,userId:v,userHash:f,appId:g,embedded:S=false,completeVariant:I="bubble"}){let[m,P]=Pn.useState(""),[L,j]=Pn.useState([]),[O,N]=Pn.useState(false),[oe,Y]=Pn.useState(false),[_,F]=Pn.useState(false),[H,D]=Pn.useState(false),[K,V]=Pn.useState(false),[W,X]=Pn.useState(false),[U,C]=Pn.useState(false),[M,w]=Pn.useState(false),[p,$]=Pn.useState(false),[x,q]=Pn.useState(null),[re,Ae]=Pn.useState(false),[Te,Ue]=Pn.useState([]),[Se,te]=Pn.useState(null),[se,lt]=Pn.useState(false),[$e,ke]=Pn.useState(false),[hn,Bt]=Pn.useState(false),[yn,Dt]=Pn.useState(null),[ge,ct]=Pn.useState(null),[tt,jt]=Pn.useState(false),[bt,ut]=Pn.useState(false),[Be,Xe]=Pn.useState(""),wt=Pn.useRef(null),[Kt,Fe]=Pn.useState(null),[xe,dt]=Pn.useState(false),[Ie,zt]=Pn.useState(null),[Ne,ft]=Pn.useState([]),[kn,bn]=Pn.useState(0),[c,y]=Pn.useState(null),[A,z]=Pn.useState(false),Q=Pn.useRef(false),Z=Pn.useRef(null),ne=Pn.useRef(null),[ie,be]=Pn.useState([]),[ce,me]=Pn.useState(null),[ae,de]=Pn.useState(false),we=Pn.useRef(null),[fe,Ee]=Pn.useState(false),Pe=Pn.useRef(null),Le=Pn.useRef(""),[pt,Wt]=Pn.useState(null),qe=Pn.useRef(null),ir=Pn.useRef(null),[Bo,ar]=Pn.useState(false),[Do,lr]=Pn.useState(false),[jo,cr]=Pn.useState(false),[Ko,ur]=Pn.useState(null),{resetAllForks:zo,adminContext:He,setAdminContainer:Wo,currentContainerId:dr,forksPaused:mt,setForksPaused:Jo,forkActivities:fr,markForkActivitySeen:pr}=ve(),Jt=He.containerId??dr,Vt=!!(He.isAdmin&&xe),Vo=!!(He.containerId??dr),[mr,gr]=Pn.useState(false),Oe=Ie!==null,hr=Pn.useRef(d);Pn.useEffect(()=>{hr.current=d;});let wn=Pn.useRef(null),Xt=Pn.useRef(false),yr=typeof window<"u"&&"documentPictureInPicture"in window,Xo=async()=>{if(!(!yr||Oe))try{let a=await window.documentPictureInPicture.requestWindow({width:jn,height:640});a.document.body.style.margin="0",a.document.body.style.padding="0",a.document.body.style.height="100vh",a.document.body.style.overflow="hidden",a.document.body.style.background="#ffffff";try{let T=document.adoptedStyleSheets??[];T.length>0&&(a.document.adoptedStyleSheets=[...T]);}catch{}a.addEventListener("pagehide",()=>{wn.current=null,zt(null),Xt.current||hr.current(),Xt.current=!1;},{once:!0}),wn.current=a,zt(a);}catch(a){console.warn("[Fork] PiP open failed:",a);}},qo=()=>{Ie&&(Xt.current=true,Ie.close());};Pn.useEffect(()=>()=>{Xt.current=true,wn.current?.close();},[]);let vt=i??s??"";(l||vt).replace(/[-_]+/g," ").replace(/\b\w/g,a=>a.toUpperCase());let qt=Pn.useRef(""),St=()=>{let a={Authorization:`Bearer ${R}`,...pe()};return g&&(a["X-Fork-App-Id"]=g),v&&(a["X-Fork-User-Id"]=v),f&&(a["X-Fork-User-Hash"]=f),a},gt=S?true:oe&&!_,Ft=c?o[c]??null:null,vn=c?Ne.find(a=>a.id===c)??null:null,Go=vn?(a=>a==="pending"||a==="running"||a==="building")(vn.status):false,De=c?Ft?.state??(Go?"running":null):A?e:null,ht=c?Ft?.events??[]:A?n:[],Yo=c?Ft?.state==="error"?Ft.error:null:A&&e==="error"?r:null,Sn=c?Ft?.fork??null:A?t:null,Zo=Object.values(o).filter(a=>a.state!=="running").length,kr=c?!!fr.find(a=>a.id===c)?.unread:false;Pn.useEffect(()=>{c&&kr&&pr(c);},[c,kr,pr]);let Qo=ht.find(a=>{let T=a.data;return a.type==="status"&&T.summary})?.data?.summary||Sn?.summary||Ei,nt=ht.find(a=>{let T=a.data;return (a.type==="status"||a.type==="complete")&&typeof T?.estimateMinutes=="number"})?.data?.estimateMinutes??Sn?.estimateMinutes;Pn.useEffect(()=>{if(u==="none"){N(true);return}if(!k||!R)return;if(!c){j([]),N(true);return}let a=new AbortController;return fetch(`${k}/api/v1/forks/${encodeURIComponent(c)}/messages`,{headers:St(),signal:a.signal}).then(T=>T.ok?T.json():[]).then(T=>{if(a.signal.aborted)return;let B=[];for(let G of T){let le=G.forkId??c;if(G.role==="user"){let je=(G.attachments??[]).filter(Me=>Me&&typeof Me.mediaType=="string"&&typeof Me.data=="string").map(Me=>({dataUrl:`data:${Me.mediaType};base64,${Me.data}`}));B.push({type:"user",text:G.content,forkId:le,timestamp:G.timestamp,attachments:je.length>0?je:void 0,selectedElement:G.selectedElement?{label:an(G.selectedElement)}:void 0});}else B.push({type:"applied",text:G.content,forkId:le,timestamp:G.timestamp});}j(B),N(true);}).catch(()=>{a.signal.aborted||N(true);}),()=>{a.abort();}},[R,g,k,u,c,He.containerId,f,v,t?.id,t?.completedAt]),Pn.useEffect(()=>{if(u==="none"||!k||!R||!se)return;if(!Se){ft([]);return}let a=new AbortController,T=new URLSearchParams({container_id:Se});return fetch(`${k}/api/v1/forks?${T.toString()}`,{headers:St(),signal:a.signal}).then(B=>B.ok?B.json():{forks:[]}).then(B=>{a.signal.aborted||ft(B.forks??[]);}).catch(()=>{}),()=>{a.abort();}},[R,g,k,u,Se,se,t?.id,t?.completedAt,Zo,kn,He.containerId,f,v]),Pn.useEffect(()=>{e==="complete"&&w(false);},[e]);let br=Ne.some(a=>a.status==="pending"||a.status==="running"||a.status==="building");Pn.useEffect(()=>{if(!br||!k||!R||!Se)return;let a=new URLSearchParams({container_id:Se}),T=St(),G=setInterval(async()=>{try{let le=await fetch(`${k}/api/v1/forks?${a.toString()}`,{headers:T});if(!le.ok)return;let je=await le.json();ft(je.forks??[]);}catch{}},3e3);return ()=>clearInterval(G)},[br,k,R,g,Se]),Pn.useEffect(()=>{if(S&&u==="none"){Ue([]),te(null),lt(true),dt(false);return}if(He.isAdmin){Fe(null),Ue(He.containers.map(a=>({id:a.id,name:a.name,createdAt:"",hasAccess:true,isPrimary:a.isPrimary}))),te(He.containerId??null),dt(true),lt(true);return}Jt?(Ue([{id:Jt,name:"Primary container",createdAt:""}]),te(Jt)):(Ue([]),te(null)),lt(true),dt(false);},[R,Jt,k,S,u,He.isAdmin,He.containerId,He.containers]);let Gt=Pn.useRef(void 0);Pn.useEffect(()=>{if(se){if(Gt.current===void 0){Gt.current=Se;return}Gt.current!==Se&&(Gt.current=Se,j([]),N(false));}},[Se,se]);let Yt=Pn.useRef(null);Pn.useEffect(()=>{if(!$e)return;let a=B=>{if(!Yt.current)return;let G=typeof B.composedPath=="function"?B.composedPath():[];Yt.current.contains(B.target)||G.includes(Yt.current)||ke(false);},T=B=>{B.key==="Escape"&&ke(false);};return document.addEventListener("mousedown",a,true),document.addEventListener("keydown",T,true),()=>{document.removeEventListener("mousedown",a,true),document.removeEventListener("keydown",T,true);}},[$e]),Pn.useEffect(()=>{if(S||!gt||_||Oe||ae)return;let a=T=>{(typeof T.composedPath=="function"?T.composedPath():[]).some(le=>le instanceof Element&&le.hasAttribute("data-fork-panel-host"))||(F(true),Y(false),setTimeout(()=>d(),Tt));};return document.addEventListener("mousedown",a,true),()=>{document.removeEventListener("mousedown",a,true);}},[S,gt,_,Oe,ae,d]),Pn.useEffect(()=>{$e||(ut(false),Xe(""));},[$e]),Pn.useEffect(()=>{bt&&(wt.current?.focus(),wt.current?.select());},[bt]),Pn.useEffect(()=>{if(S)return;let a=requestAnimationFrame(()=>Y(true));return ()=>cancelAnimationFrame(a)},[S]),Pn.useEffect(()=>{let a=S||Oe;if((a||gt)&&(e==="prompting"||e==="complete")){let T=setTimeout(()=>Z.current?.focus(),a?100:Tt+100);return ()=>clearTimeout(T)}},[gt,S,Oe,e]);let wr=Pn.useRef(new Set);Pn.useEffect(()=>{for(let a of Object.values(o)){if(a.state!=="complete"||a.events.length===0)continue;let T=`${a.forkId}:${a.fork.completedAt??""}`;if(wr.current.has(T))continue;wr.current.add(T);let G=a.events.find(le=>le.type==="complete")?.data?.summary||a.fork.summary||Ri;j(le=>{let je=[...le].reverse().find(Me=>Me.forkId===a.forkId);return je?.type==="applied"&&je.text===G?le:[...le,{type:"applied",text:G,forkId:a.forkId,timestamp:a.fork.completedAt??new Date().toISOString()}]});}},[o]),Pn.useEffect(()=>{De==="complete"&&qt.current&&(P(""),setTimeout(()=>Z.current?.focus(),200));},[De]),Pn.useEffect(()=>{ne.current&&(ne.current.scrollTop=ne.current.scrollHeight);},[L,e]),Pn.useEffect(()=>{let a=Z.current;a&&(a.style.height="auto",a.style.height=Math.min(a.scrollHeight,160)+"px");},[m]);let Ge=a=>{Wt(a),qe.current&&clearTimeout(qe.current),qe.current=setTimeout(()=>{qe.current=null,Wt(null);},3200);},vr=async a=>{if(a.length===0)return;let T=4-ie.length;if(T<=0){Ge(`Up to ${4} images per prompt`);return}a.length>T&&Ge(`Up to ${4} images per prompt`);let G=(await Promise.all(a.slice(0,T).map(Qr))).filter(le=>le!==null);G.length!==0&&(be(le=>[...le,...G].slice(0,4)),Z.current?.focus());},Sr=()=>{we.current?.stop(),we.current=null,de(false);},es=()=>{if(ae){Sr();return}de(true),Ge("Click an element on the page \xB7 Esc to cancel"),we.current=no({onPick:a=>{we.current=null,de(false),me(a),Z.current?.focus();},onCancel:()=>{we.current=null,de(false);}});},Fr=()=>{Pe.current?.stop(),Pe.current=null,Ee(false);},ts=()=>{if(fe){Fr();return}if(!oo()){Ge("Voice input is coming soon for this browser");return}let a=m.length>0&&!m.endsWith(" ")?m+" ":m;Le.current=a;let T=so({onText:(B,G)=>{P(Le.current+B+G);},onError:B=>{Pe.current=null,Ee(false),Ge(B==="not-allowed"?"Microphone access is blocked":B==="network"?"Voice input is coming soon for this browser":"Voice input stopped");}});if(!T){Ge("Voice input is coming soon for this browser");return}Pe.current=T,Ee(true);};Pn.useEffect(()=>()=>{we.current?.stop(),Pe.current?.stop(),qe.current&&clearTimeout(qe.current);},[]);let yt=!!(m.trim()||ie.length>0),xr=()=>{if(!yt)return;fe&&Fr(),ae&&Sr();let a=m.trim()||"See the attached screenshot.";qt.current=a;let T={};ie.length>0&&(T.attachments=ie.map(({mediaType:G,data:le})=>({mediaType:G,data:le}))),ce&&(T.selectedElement=ce);let B=A||!c;B?(T.forceNew=true,Q.current=true,A||z(true)):T.forkId=c,B||j(G=>[...G,{type:"user",text:a,forkId:c,attachments:ie.length>0?ie.map(le=>({dataUrl:le.dataUrl})):void 0,selectedElement:ce?{label:an(ce)}:void 0}]),h(a,vt,Se,T),P(""),be([]),me(null);};Pn.useEffect(()=>{if(Q.current){if(e==="error"){Q.current=false;return}t?.id&&(y(t.id),z(false),Q.current=false);}},[t?.id,e]);let Ar=Pn.useRef(new Set);Pn.useEffect(()=>{t?.id&&(Q.current||e!=="running"&&e!=="complete"||Ar.current.has(t.id)||(Ar.current.add(t.id),y(a=>a??t.id),z(false)));},[t?.id,e]);let Er=a=>{Wo(a.container.id,a.container.name),te(a.container.id),Ue(T=>{let B=T.filter(G=>G.id!==a.container.id);return [{...a.container,isPrimary:true,hasAccess:true},...B.map(G=>({...G,isPrimary:false}))]}),y(null),z(false),Q.current=false,j([]),N(false),qt.current="";},ns=async a=>{if(!(!Vt||ge)){ct(a),Fe(null);try{let T=await fetch(`${k}/api/v1/admin/containers/${encodeURIComponent(a)}/primary`,{method:"POST",headers:St()});if(!T.ok){let B=await T.json().catch(()=>({}));throw new Error(B.error||`API error: ${T.status}`)}Er(await T.json()),ke(!1);}catch(T){Fe(T instanceof Error?T.message:String(T));}finally{ct(null);}}},Rr=async a=>{if(!Vt||ge)return;let T=a.trim();if(T){ct("__new__"),Fe(null);try{let B=await fetch(`${k}/api/v1/admin/containers`,{method:"POST",headers:{...St(),"Content-Type":"application/json"},body:JSON.stringify({name:T})});if(!B.ok){let G=await B.json().catch(()=>({}));throw new Error(G.error||`API error: ${B.status}`)}Er(await B.json()),ut(!1),Xe(""),ke(!1);}catch(B){Fe(B instanceof Error?B.message:String(B));}finally{ct(null);}}},Ir=async()=>{if(!(!b||p||!vt)){$(true);try{(await b(vt,c))?.removed?(j([]),y(null),z(!1),Q.current=!1):j(T=>{let B=[...T];return B.length>=2&&B[B.length-1]?.type==="applied"?B.splice(-2,2):B.length>=1&&B[B.length-1]?.type==="applied"&&B.splice(-1,1),B}),bn(T=>T+1);}catch{}finally{$(false);}}},Cr=()=>{if(S){d();return}if(Oe){Ie?.close();return}F(true),Y(false),setTimeout(()=>d(),Tt);},rs=S||Oe?{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:jn,maxWidth:"100vw",background:"#ffffff",boxShadow:gt?"-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:gt?"translateX(0)":"translateX(100%)",transition:`transform ${Tt}ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow ${Tt}ms ease`,display:"flex",flexDirection:"column",fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},Mr=Te.find(a=>a.id===Se)?.name??(se?"Fork":"Loading..."),xt=A?[]:c?L.filter(a=>a.forkId===c||a.forkId==null):L,Fn=ls.jsxs(ls.Fragment,{children:[ls.jsx("style",{children:`
|
|
37
38
|
@keyframes __fork-pulse {
|
|
38
39
|
0%, 100% { opacity: 1; }
|
|
39
40
|
50% { opacity: 0.5; }
|
|
@@ -55,9 +56,9 @@
|
|
|
55
56
|
scrollbar-width: thin;
|
|
56
57
|
scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
|
|
57
58
|
}
|
|
58
|
-
`}),ho.jsxs("div",{className:"__fork-panel",style:po,children:[ho.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:[ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[ho.jsx("span",{onDoubleClick:async a=>{if(a.stopPropagation(),!se&&confirm("Kill all forks in this container?")){Ae(true);try{let H=await Q();`${H?.deleted??0}`,ut([]),qe(null),m(!1),$("");}catch(H){console.error("[Fork] Reset failed:",H);}finally{Ae(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:ho.jsx(Xt,{style:{width:16,height:16,color:"#111827",pointerEvents:"none"}})}),De==="running"?ho.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:co}):Pe.length===0&&!pe?ho.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):pe?ho.jsxs("div",{ref:zt,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[ho.jsxs("button",{type:"button",onClick:()=>{be(a=>!a);},onMouseEnter:()=>_t(true),onMouseLeave:()=>_t(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:sr||_e?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[ho.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:tn}),ho.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:_e?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),_e&&ho.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:[Pe.map(a=>{let H=a.id===ve,j=ir===a.id,ae=ge===a.id;return ho.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Lt(a.id),onMouseLeave:()=>Lt(null),onClick:()=>{a.id!==ve&&fo(a.id);},disabled:!!ge,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:j?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",fontWeight:H?600:400,opacity:ge&&!ae?.55:1},children:[ho.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:H&&ho.jsx(lucideReact.Check,{style:{width:12,height:12}})}),ho.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:ae?"Switching...":a.name})]},a.id)}),ho.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),pt?ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[ho.jsx("input",{ref:gt,type:"text",value:Ue,placeholder:"Container name",disabled:ge==="__new__",onChange:a=>Ve(a.target.value),onKeyDown:a=>{a.key==="Enter"?(a.preventDefault(),Qr(Ue)):a.key==="Escape"&&(a.preventDefault(),a.stopPropagation(),at(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:a=>{a.currentTarget.style.borderColor="#111827",a.currentTarget.style.boxShadow="0 0 0 2px rgba(17,24,39,0.15)";},onBlur:a=>{a.currentTarget.style.borderColor="#d1d5db",a.currentTarget.style.boxShadow="none";}}),ho.jsx("button",{type:"button",onClick:()=>{Qr(Ue);},disabled:!Ue.trim()||ge==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!Ue.trim()||ge==="__new__"?"#e5e7eb":"#111827",color:!Ue.trim()||ge==="__new__"?"#9ca3af":"#ffffff",cursor:!Ue.trim()||ge==="__new__"?"default":"pointer",flexShrink:0},children:ge==="__new__"?ho.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):ho.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):ho.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>Ht(true),onMouseLeave:()=>Ht(false),onClick:()=>{ge||(Fe(null),Ve(""),at(true));},disabled:!!ge,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:Qe?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",opacity:ge&&ge!=="__new__"?.55:1},children:"+ New container"}),Ot&&ho.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:Ot})]})]}):ho.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:tn}),De==="running"&&ho.jsx("span",{title:Ze?`Estimated ~${Ze} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:Ze?"#111827":"#9ca3af",backgroundColor:Ze?"rgba(17, 24, 39, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:Ze?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:Ze?`~${Ze}m`:"~ m"})]}),ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Me&&ho.jsx("button",{type:"button",role:"switch","aria-checked":!ie,"aria-label":ie?"Turn Fork back on":"Turn Fork off",title:ie?"Fork is off \u2014 you're seeing the original app. Turn it back on. Only affects you.":"Turn Fork off to see the original app. Only affects you.",onClick:()=>{me(!ie);},onMouseEnter:()=>He(true),onMouseLeave:()=>He(false),style:{position:"relative",width:26,height:15,borderRadius:999,border:"none",padding:0,marginRight:6,flexShrink:0,cursor:"pointer",backgroundColor:ie?Be?"#9ca3af":"#d1d5db":Be?"#374151":"#111827",transition:"background-color 0.18s ease",outline:"none",boxSizing:"border-box"},children:ho.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,left:ie?2:13,width:11,height:11,borderRadius:"50%",backgroundColor:"#ffffff",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.25)",transition:"left 0.18s cubic-bezier(0.16, 1, 0.3, 1)"}})}),!T&&ho.jsxs(ho.Fragment,{children:[zr&&ho.jsx("button",{onClick:Re?io:so,onMouseEnter:()=>W(true),onMouseLeave:()=>W(false),title:Re?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:D?"#4b5563":"#9ca3af",backgroundColor:D?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:Re?ho.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):ho.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),ho.jsx("button",{onClick:en,onMouseEnter:()=>B(true),onMouseLeave:()=>B(false),style:{padding:6,borderRadius:6,color:L?"#4b5563":"#9ca3af",backgroundColor:L?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:ho.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]})]}),ho.jsxs("div",{ref:Z,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[(te||c)&&ho.jsxs("div",{style:{padding:"10px 12px 6px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:"1px solid #f3f4f6"},children:[ho.jsx("button",{onClick:()=>{qe(null),m(false),x.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 H=(te?Oe.find(j=>j.id===te)?.targetId:null)??ct;return H?ho.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 ${H}`,children:["Forking ",ho.jsx("span",{style:{color:"#6b7280"},children:H})]}):null})()]}),!te&&!c&&ho.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[ho.jsx("div",{style:{padding:"12px 16px 10px 16px",borderBottom:"1px solid #f3f4f6"},children:ho.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#111827"},children:"Forks"})}),Oe.length===0&&ho.jsx("div",{style:{padding:"24px 20px",textAlign:"center",fontSize:13,color:"#6b7280"},children:"No forks yet. Describe a feature below to start one."}),Oe.length>0&&ho.jsx("div",{style:{display:"flex",flexDirection:"column"},children:Oe.map(a=>{let H=o[a.id],ae=(H?H.events.find(ye=>{let ur=ye.data;return ye.type==="status"&&ur.summary})?.data?.summary??H.fork.summary:void 0)||a.summary||"Untitled fork",he=!!le.find(ye=>ye.id===a.id)?.unread;return ho.jsxs("button",{onClick:()=>{m(false),qe(a.id);},style:{textAlign:"left",padding:"10px 16px",background:"#ffffff",border:"none",borderBottom:"1px solid #f3f4f6",cursor:"pointer",display:"flex",flexDirection:"column",gap:2},onMouseEnter:ye=>ye.currentTarget.style.background="#fafafa",onMouseLeave:ye=>ye.currentTarget.style.background="#ffffff",children:[ho.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[he&&ho.jsx("span",{"aria-label":"Not viewed yet",title:"Not viewed yet",style:{width:7,height:7,borderRadius:"50%",backgroundColor:"#111827",flexShrink:0}}),ho.jsx("span",{style:{fontSize:13,fontWeight:he?600:500,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:ae}),ho.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:xs(a.updatedAt)})]}),ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:"#6b7280"},children:[ho.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.targetId}),ho.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),ho.jsxs("span",{children:[a.promptCount," prompt",a.promptCount===1?"":"s"]}),(()=>{let ye=o[a.id]?.state??a.status;return ye==="running"||ye==="building"||ye==="pending"?ho.jsxs(ho.Fragment,{children:[ho.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),ho.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:4,color:"#111827"},children:[ho.jsx("svg",{width:"9",height:"9",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",style:{animation:"__fork-spin 2s linear infinite"},children:ho.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),"running"]})]}):ye==="error"?ho.jsxs(ho.Fragment,{children:[ho.jsx("span",{style:{color:"#d1d5db"},children:"\xB7"}),ho.jsx("span",{style:{color:"#b91c1c"},children:"failed"})]}):null})()]})]},a.id)})})]}),te&&kt.length>0&&ho.jsx("div",{style:{padding:"16px 16px 0 16px"},children:kt.map((a,H)=>ho.jsx("div",{style:{marginBottom:H<kt.length-1?10:0},children:a.type==="user"?ho.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,flexDirection:"row-reverse"},children:[ho.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#e5e7eb",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:ho.jsx(lucideReact.User,{style:{width:13,height:13,color:"#6b7280"}})}),ho.jsx("div",{style:{backgroundColor:"#f3f4f6",borderRadius:"12px 4px 12px 12px",padding:"8px 12px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"75%"},children:a.text})]}):C==="item"&&H===kt.length-1?ho.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[ho.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:ho.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),ho.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[ho.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),ho.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:a.text})]}),w&&De!=="running"&&ho.jsx("button",{onClick:j=>{j.stopPropagation(),Zr();},disabled:u,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:u?"default":"pointer",opacity:u?.4:1,height:28,flexShrink:0},children:"Undo"})]}):ho.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[ho.jsx("div",{style:{width:22,height:22,borderRadius:"50%",backgroundColor:"#f0fdf4",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginTop:2},children:ho.jsx(lucideReact.Check,{style:{width:13,height:13,color:"#9ca3af"}})}),ho.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:[ho.jsx("span",{style:{flex:1},children:a.text}),w&&H===kt.length-1&&De!=="running"&&ho.jsxs("button",{onClick:j=>{j.stopPropagation(),Zr();},onMouseEnter:()=>J(H),onMouseLeave:()=>J(null),disabled:u,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:v===H?"rgba(0,0,0,0.06)":"transparent",color:v===H?"#6b7280":"#d1d5db",cursor:u?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:u?.4:1,flexShrink:0},children:[ho.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),v===H&&ho.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"})]})]})]})},H))}),De==="running"&&ho.jsx("div",{style:{padding:16},children:ho.jsxs("div",{onClick:()=>A(!I),style:{backgroundColor:"#1a1a2e",borderRadius:12,overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[ho.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px"},children:[ho.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[ho.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:ho.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),ho.jsx(Is,{events:jt},te??"__compose__")]}),ho.jsx("div",{style:{color:"#6b7280",flexShrink:0,marginLeft:8,transition:"transform 0.2s ease",transform:I?"rotate(180deg)":"rotate(0deg)"},children:ho.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]}),ho.jsx("div",{style:{maxHeight:I?320:0,opacity:I?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:ho.jsx("div",{style:{borderTop:"1px solid rgba(255,255,255,0.08)",maxHeight:320,overflowY:"auto"},children:ho.jsx(xn,{events:jt},te??"__compose__")})})]})}),De==="error"&&ho.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[ho.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:ho.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),ho.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:lo??n}),ho.jsxs("button",{onClick:()=>{let a=ar?.prompt||Dt.current;a&&b(a,ct);},onMouseEnter:()=>S(true),onMouseLeave:()=>S(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#111827",backgroundColor:U?"#e5e7eb":"#f3f4f6",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[ho.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),!(te?De==="running":c&&e==="running")&&ho.jsx("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0},children:ho.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:[ho.jsx("textarea",{ref:q,value:g,onChange:a=>{$(a.target.value),a.target.style.height="auto",a.target.style.height=Math.min(a.target.scrollHeight,160)+"px";},onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),Xr()),a.key==="Escape"&&!T&&en();},placeholder:te?"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"}}),ho.jsx("button",{onClick:Xr,disabled:!g.trim(),onMouseEnter:()=>V(true),onMouseLeave:()=>V(false),style:{width:26,height:26,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:g.trim()?1:.25,transform:z&&g.trim()?"scale(1.1)":"scale(1)",background:g.trim()?"#111827":"rgba(0,0,0,0.12)",border:"none",cursor:g.trim()?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s",padding:0},children:ho.jsx(lucideReact.ArrowUp,{style:{width:13,height:13}})})]})})]})]});return T?lr:Re&&Ee?mo.createPortal(lr,Ee.document.body):ho.jsx(Rs,{children:lr})}function $n(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 Cr(e){let{apiKey:t,userId:r,userHash:n,baseUrl:o,appId:s,adminContext:i,refreshModuleManifest:l,queueBoundaryAnimation:f,trackForkActivity:b,recordForkActivityEvent:w}=we(),[p,h]=br.useState({}),[R,k]=br.useState(null),[d,F]=br.useState("idle"),[T,C]=br.useState(false),[g,$]=br.useState(null),_=br.useRef(new Map),K=br.useCallback((S,I)=>{h(A=>{let P=A[S]??{forkId:S,state:"running",fork:I.fork,events:[],error:null};return {...A,[S]:{...P,...I}}});},[]),O=br.useCallback((S,I)=>{h(A=>{let u=A[S];return u?{...A,[S]:{...u,events:[...u.events,I]}}:A});},[]),N=br.useCallback(S=>{let I=_.current.get(S);I&&(I.close(),_.current.delete(S));},[]),ne=br.useCallback(()=>{F("prompting"),$(null),C(false),k(null);},[]),G=br.useCallback(()=>{F("idle"),C(false),$(null),k(null);for(let S of _.current.values())S.close();_.current.clear(),h({});},[]),M=br.useCallback((S,I)=>{N(S.id);let A=new URLSearchParams({key:t});r&&A.set("userId",r),n&&A.set("userHash",n),i.isAdmin&&i.containerId&&A.set("containerId",i.containerId);let u=new EventSource(`${o}/api/v1/forks/${S.id}/events?${A.toString()}`);_.current.set(S.id,u),u.onmessage=P=>{try{let v=JSON.parse(P.data);if(w(S.id,v),O(S.id,v),v.type==="complete"){let J=v.data;f(I,S.id),l().catch(()=>{}).finally(()=>{let se={...S,status:"complete",moduleUrl:J.moduleUrl,cssUrls:J.cssUrls,summary:J.summary,completedAt:new Date().toISOString()};K(S.id,{state:"complete",fork:se}),N(S.id);});}else if(v.type==="error"){let J=v.data;K(S.id,{state:"error",error:J.error||"Unknown error"}),N(S.id);}}catch{}},u.onerror=()=>{let P={Authorization:`Bearer ${t}`,...de()};r&&(P["X-Fork-User-Id"]=r),n&&(P["X-Fork-User-Hash"]=n),fetch(`${o}/api/v1/forks/${S.id}`,{headers:P}).then(v=>v.json()).then(v=>{v.status==="complete"?(f(I,v.id),l().catch(()=>{}),K(S.id,{state:"complete",fork:v})):v.status==="error"?K(S.id,{state:"error",fork:v,error:v.error||"Fork generation failed"}):K(S.id,{fork:v});}).catch(()=>{K(S.id,{state:"error",error:"Connection lost"});}),N(S.id);};},[i.containerId,i.isAdmin,t,O,o,N,f,w,l,K,n,r]),y=br.useCallback(async(S,I,A)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");C(!0),$(null),k(null);let u;if(A?.forkId){let P={prompt:S};r&&(P.userId=r),n&&(P.userHash=n);let v=await fetch(`${o}/api/v1/forks/${encodeURIComponent(A.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...de()},body:JSON.stringify(P)});if(!v.ok){let J=await v.json().catch(()=>({}));throw new Error(J.error||`API error: ${v.status}`)}u=await v.json();}else {let P={userId:r,prompt:S,boundaryId:e,appId:s};I?P.containerId=I:i.isAdmin&&i.containerId&&(P.containerId=i.containerId),n&&(P.userHash=n),A?.forceNew&&(P.force_new=!0);let v=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...de()},body:JSON.stringify(P)});if(!v.ok){let J=await v.json().catch(()=>({}));throw new Error(J.error||`API error: ${v.status}`)}u=await v.json();}h(P=>({...P,[u.id]:{forkId:u.id,state:"running",fork:u,events:[],error:null}})),k(u.id),C(!1),b(u,{targetKind:"module",targetId:e}),M(u,u.boundaryId??e);}catch(u){$(u.message),C(false);}},[i.containerId,i.isAdmin,t,s,o,e,M,b,n,r]),L=br.useCallback(async S=>{try{let I={Authorization:`Bearer ${t}`,...de()};r&&(I["X-Fork-User-Id"]=r),n&&(I["X-Fork-User-Hash"]=n);let A=await fetch(`${o}/api/v1/forks/${S}`,{headers:I});if(!A.ok)return;let u=await A.json(),P=u.boundaryId??e;if(b(u,{targetKind:"module",targetId:P}),u.status==="complete"){h(v=>({...v,[u.id]:{forkId:u.id,state:"complete",fork:u,events:[],error:null}})),k(u.id);return}if(u.status==="error"){h(v=>({...v,[u.id]:{forkId:u.id,state:"error",fork:u,events:[],error:u.error||"Fork generation failed"}})),k(u.id);return}if(u.status!=="pending"&&u.status!=="running"&&u.status!=="building")return;h(v=>({...v,[u.id]:{forkId:u.id,state:"running",fork:u,events:[],error:null}})),k(u.id),M(u,P);}catch{}},[t,o,e,M,b,n,r]),B=br.useCallback(async()=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let S={userId:r,boundaryId:e,appId:s};n&&(S.userHash=n);let I=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(S)});if(!I.ok){let u=await I.json().catch(()=>({}));throw new Error(u.error||`API error: ${I.status}`)}let A=await I.json();if(await l().catch(()=>{}),A.removed)h(u=>{let P={};for(let[v,J]of Object.entries(u))(J.fork.boundaryId??e)!==e&&(P[v]=J);return P}),k(null),F("prompting");else if(A.fork){let u=A.fork;K(u.id,{state:"complete",fork:u}),k(u.id);}return A}catch(S){throw $(S.message),S}},[t,s,o,e,l,K,n,r]),D=R?p[R]??null:null,W=T?"running":g?"error":D?D.state:d,z=D?.fork??null,V=D?.events??[],U=g??D?.error??null;return {state:W,fork:z,events:V,error:U,runs:p,open:ne,close:G,startFork:y,undoFork:B,adoptRunningFork:L}}var $s=0;function Pn(e){let{state:t,fork:r,events:n,error:o,runs:s,open:i,close:l,startFork:f,undoFork:b,adoptRunningFork:w}=Cr(e),[p,h]=br.useState(false),R=br.useRef(null),k=br.useRef(t),d=br.useCallback(()=>{R.current!==null&&(clearTimeout(R.current),R.current=null);},[]),F=br.useCallback(()=>{d(),h(true),i();},[d,i]),T=br.useCallback(()=>{d(),h(false),l();},[d,l]),C=br.useCallback(async $=>{d(),h(true),await w($);},[w,d]),g=Object.values(s).filter($=>$.state==="running").length;return br.useEffect(()=>{let $=k.current;k.current=t,t==="complete"&&$==="running"&&p&&g===0&&(d(),R.current=setTimeout(()=>{R.current=null,h(false),l();},$s)),(t==="running"||t==="prompting")&&d();},[t,p,g,d,l]),br.useEffect(()=>d,[d]),{state:t,fork:r,events:n,error:o,runs:s,isOpen:p,open:F,close:T,submit:f,undo:b,adoptRunningFork:C}}function Er(){let{apiKey:e,userId:t,userHash:r,baseUrl:n,adminContext:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:l,trackForkActivity:f,recordForkActivityEvent:b}=we(),[w,p]=br.useState({}),[h,R]=br.useState(null),[k,d]=br.useState("idle"),[F,T]=br.useState(false),[C,g]=br.useState(null),$=br.useRef(new Map),_=br.useCallback((U,S)=>{p(I=>{let u=I[U]??{forkId:U,state:"running",fork:S.fork,events:[],error:null};return {...I,[U]:{...u,...S}}});},[]),K=br.useCallback((U,S)=>{p(I=>{let A=I[U];return A?{...I,[U]:{...A,events:[...A.events,S]}}:I});},[]),O=br.useCallback(U=>{let S=$.current.get(U);S&&(S.close(),$.current.delete(U));},[]),N=br.useCallback(()=>{d("prompting"),g(null),T(false),R(null);},[]),ne=br.useCallback(()=>{d("idle"),T(false),g(null),R(null);for(let U of $.current.values())U.close();$.current.clear(),p({});},[]),G=br.useCallback((U,S)=>{O(U.id);let I=new URLSearchParams({key:e});t&&I.set("userId",t),r&&I.set("userHash",r),o.isAdmin&&o.containerId&&I.set("containerId",o.containerId);let A=new EventSource(`${n}/api/v1/forks/${U.id}/events?${I.toString()}`);$.current.set(U.id,A),A.onmessage=u=>{try{let P=JSON.parse(u.data);if(b(U.id,P),K(U.id,P),P.type==="complete"){let v=P.data,J={...U,status:"complete",bundleUrl:v.bundleUrl,summary:v.summary,revealPending:!0,completedAt:new Date().toISOString()};_(U.id,{state:"complete",fork:J});let se=S??U.slotId;se&&v.bundleUrl&&s(se,J),O(U.id);}else if(P.type==="error"){let v=P.data;_(U.id,{state:"error",error:v.error||"Unknown error"}),O(U.id);}}catch{}},A.onerror=()=>{let u={Authorization:`Bearer ${e}`,...de()};t&&(u["X-Fork-User-Id"]=t),r&&(u["X-Fork-User-Hash"]=r),fetch(`${n}/api/v1/forks/${U.id}`,{headers:u}).then(P=>P.json()).then(P=>{if(P.status==="complete"){_(U.id,{state:"complete",fork:{...P,revealPending:true}});let v=S??P.slotId;v&&P.bundleUrl&&s(v,{...P,revealPending:true});}else P.status==="error"?_(U.id,{state:"error",fork:P,error:P.error||"Fork generation failed"}):_(U.id,{fork:P});}).catch(()=>{_(U.id,{state:"error",error:"Connection lost"});}),O(U.id);};},[o.containerId,o.isAdmin,e,K,n,O,b,s,_,r,t]),M=br.useCallback(async(U,S,I,A)=>{try{T(!0),g(null),R(null);let u;if(A?.forkId){let v={prompt:U};t&&(v.userId=t),r&&(v.userHash=r);let J=await fetch(`${n}/api/v1/forks/${encodeURIComponent(A.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...de()},body:JSON.stringify(v)});if(!J.ok){let se=await J.json().catch(()=>({}));throw new Error(se.error||`API error: ${J.status}`)}u=await J.json();}else {let v={userId:t,prompt:U};S&&(v.slotId=S),I?v.containerId=I:o.isAdmin&&o.containerId&&(v.containerId=o.containerId),r&&(v.userHash=r),A?.forceNew&&(v.force_new=!0);let J=await fetch(`${n}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...de()},body:JSON.stringify(v)});if(!J.ok){let se=await J.json().catch(()=>({}));throw new Error(se.error||`API error: ${J.status}`)}u=await J.json();}p(v=>({...v,[u.id]:{forkId:u.id,state:"running",fork:u,events:[],error:null}})),R(u.id),T(!1);let P=S??u.slotId;P&&f(u,{targetKind:"slot",targetId:P}),G(u,S);}catch(u){g(u.message),T(false);}},[o.containerId,o.isAdmin,e,n,G,f,r,t]),y=br.useCallback(async U=>{try{let S={Authorization:`Bearer ${e}`,...de()};t&&(S["X-Fork-User-Id"]=t),r&&(S["X-Fork-User-Hash"]=r);let I=await fetch(`${n}/api/v1/forks/${U}`,{headers:S});if(!I.ok)return;let A=await I.json();if(A.slotId&&f(A,{targetKind:"slot",targetId:A.slotId}),A.status==="complete"){p(u=>({...u,[A.id]:{forkId:A.id,state:"complete",fork:A,events:[],error:null}})),R(A.id);return}if(A.status==="error"){p(u=>({...u,[A.id]:{forkId:A.id,state:"error",fork:A,events:[],error:A.error||"Fork generation failed"}})),R(A.id);return}if(A.status!=="pending"&&A.status!=="running"&&A.status!=="building")return;p(u=>({...u,[A.id]:{forkId:A.id,state:"running",fork:A,events:[],error:null}})),R(A.id),G(A,A.slotId);}catch{}},[e,n,G,f,r,t]),L=br.useCallback(async U=>{try{let S={userId:t,slotId:U};r&&(S.userHash=r);let I=await fetch(`${n}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(S)});if(!I.ok){let u=await I.json().catch(()=>({}));throw new Error(u.error||`API error: ${I.status}`)}let A=await I.json();if(l(U),A.removed)i(U),p(u=>{let P={};for(let[v,J]of Object.entries(u))J.fork.slotId!==U&&(P[v]=J);return P}),R(null),d("prompting");else if(A.fork){s(U,A.fork);let u=A.fork;_(u.id,{state:"complete",fork:u});}return A}catch(S){throw g(S.message),S}},[e,t,r,n,i,s,l,_]),B=h?w[h]??null:null,D=F?"running":C?"error":B?B.state:k,W=B?.fork??null,z=B?.events??[],V=C??B?.error??null;return {state:D,fork:W,events:z,error:V,runs:w,open:N,close:ne,startFork:M,undoFork:L,adoptRunningFork:y}}var Ps=0;function Hn(){let{state:e,fork:t,events:r,error:n,runs:o,open:s,close:i,startFork:l,undoFork:f,adoptRunningFork:b}=Er(),[w,p]=br.useState(false),h=br.useRef(null),R=br.useRef(e),k=br.useCallback(()=>{h.current!==null&&(clearTimeout(h.current),h.current=null);},[]),d=br.useCallback(()=>{k(),p(true),s();},[k,s]),F=br.useCallback(()=>{k(),p(false),i();},[k,i]),T=br.useCallback(async g=>{k(),p(true),await b(g);},[b,k]),C=Object.values(o).filter(g=>g.state==="running").length;return br.useEffect(()=>{let g=R.current;R.current=e,e==="complete"&&g==="running"&&w&&C===0&&(k(),h.current=setTimeout(()=>{h.current=null,p(false),i();},Ps)),(e==="running"||e==="prompting")&&k();},[e,w,C,k,i]),br.useEffect(()=>k,[k]),{state:e,fork:t,events:r,error:n,runs:o,isOpen:w,open:d,close:F,submit:l,undo:f,adoptRunningFork:T}}var _s=new Set(["pending","running","building"]);function Tr(e){let t=$n(e),r=Hn(),n=Pn(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:l,appId:f,activitySummary:b,forkActivities:w}=we(),p=t.type==="slot"?r:n,h=t.type==="slot"?"slot":"boundary",R=t.id,k=t.title,d=t.type==="slot"?"slot":"module",F=w.find(_=>_.targetKind===d&&_.targetId===t.id&&_s.has(_.status)),T=w.find(_=>_.targetKind===d&&_.targetId===t.id&&_.status==="complete"&&_.unread),C=br.useCallback(()=>{let _=F??T;if(_){p.adoptRunningFork(_.id);return}p.open();},[p,F,T]),g=br.useCallback((_,K,O,N)=>t.type==="slot"?r.submit(_,K??t.id,O,N):n.submit(_,O,N),[n,r,t]),$=br.useCallback(_=>t.type==="slot"?r.undo(_??t.id):n.undo(),[n,r,t]);return {...p,open:C,target:t,targetId:R,targetLabel:k,historyMode:h,submit:g,undo:$,buttonProps:{onClick:C,hasNotification:b.unreadCompletedCount>0,activity:b},panelProps:{state:p.state,fork:p.fork,events:p.events,error:p.error,runs:p.runs,...t.type==="slot"?{slotId:R,targetLabel:k,historyMode:h}:{targetId:R,targetLabel:k,historyMode:h},onSubmit:g,onUndo:$,onClose:p.close,baseUrl:o,apiKey:s,userId:i,userHash:l,appId:f}}}function Ct(e){let{embedded:t,completeVariant:r}=e,n=Tr(e);return t?ho.jsx(er,{...n.panelProps,embedded:true,completeVariant:r}):n.isOpen?ho.jsx(er,{...n.panelProps,completeVariant:r}):ho.jsx(xr,{...n.buttonProps})}function Ls({boundaryId:e,title:t}){return ho.jsx(Ct,{boundaryId:e,title:t})}function Pr(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 On(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 _r(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 Nn(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 l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function 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 l=r[i];l.rect.top>=n.rect.top&&l.rect.left>=n.rect.left&&l.rect.right<=n.rect.right&&l.rect.bottom<=n.rect.bottom&&r.splice(i,1);}r.push({rect:n.rect,borderRadius:n.borderRadius});}return r}function Bn(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 Lr(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 w=0;w<e.length;w+=1){let{rect:p,borderRadius:h}=e[w],R=p.left-.5,k=p.top-.5,d=p.width+1,F=p.height+1,T=Math.min(h+.5,d/2,F/2),C=Bn(R,k,d,F,T),g=`__fork-glow-${w}`,$=document.createElementNS(t,"filter");$.setAttribute("id",g),$.setAttribute("x","-100%"),$.setAttribute("y","-100%"),$.setAttribute("width","300%"),$.setAttribute("height","300%");let _=document.createElementNS(t,"feGaussianBlur");_.setAttribute("in","SourceGraphic"),_.setAttribute("stdDeviation","8"),$.appendChild(_),o.appendChild($);let K=`__fork-mask-${w}`,O=document.createElementNS(t,"mask");O.setAttribute("id",K),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(R-200)),O.setAttribute("y",String(k-200)),O.setAttribute("width",String(d+400)),O.setAttribute("height",String(F+400));let N=document.createElementNS(t,"rect");N.setAttribute("x",String(R-200)),N.setAttribute("y",String(k-200)),N.setAttribute("width",String(d+400)),N.setAttribute("height",String(F+400)),N.setAttribute("fill","white"),O.appendChild(N);let ne=document.createElementNS(t,"path");ne.setAttribute("d",C),ne.setAttribute("fill","black"),O.appendChild(ne),o.appendChild(O);let G=document.createElementNS(t,"g");G.setAttribute("mask",`url(#${K})`),G.setAttribute("opacity","0");let M=document.createElementNS(t,"g");M.setAttribute("filter",`url(#${g})`);let y=document.createElementNS(t,"path");y.setAttribute("d",C),y.setAttribute("fill","none"),y.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),y.setAttribute("stroke-width","6"),y.setAttribute("stroke-linecap","round"),M.appendChild(y),G.appendChild(M),n.appendChild(G);let L=document.createElementNS(t,"path");L.setAttribute("d",C),L.setAttribute("fill","none"),L.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),L.setAttribute("stroke-width","2"),L.setAttribute("stroke-linecap","round"),L.setAttribute("opacity","0"),n.appendChild(L),s.push(y,L),y.__group=G;}r.appendChild(n),document.body.appendChild(r);let i=[];for(let w=0;w<s.length;w+=2){let p=s[w],h=s[w+1],R=p.__group;if(!R)continue;let k=h.getTotalLength(),d=p.getTotalLength();if(k<=0)continue;let F=k*.35;h.setAttribute("stroke-dasharray",`${F} ${k-F}`),h.setAttribute("stroke-dashoffset","0"),i.push(h.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*k,opacity:.92,offset:.06},{strokeDashoffset:-2*k,opacity:.92,offset:.92},{strokeDashoffset:-2.25*k,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let T=d*.35;p.setAttribute("stroke-dasharray",`${T} ${d-T}`),p.setAttribute("stroke-dashoffset","0"),i.push(p.animate([{strokeDashoffset:0,offset:0},{strokeDashoffset:-0.2*d,offset:.06},{strokeDashoffset:-2*d,offset:.92},{strokeDashoffset:-2.25*d,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"})),i.push(R.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let l=false,f=()=>{if(l)return;l=true,clearTimeout(b);for(let p of i)try{p.cancel();}catch{}let w=r.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});w.onfinish=()=>r.remove(),window.removeEventListener("click",f);},b=setTimeout(f,14500);return setTimeout(()=>{l||window.addEventListener("click",f);},500),f}function Dn(e){let t="http://www.w3.org/2000/svg",r=document.createElement("div");r.setAttribute("data-fork-removed","true"),r.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let n=document.createElementNS(t,"svg");n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs"),s=document.createElementNS(t,"filter");s.setAttribute("id","__fork-removed-shadow"),s.setAttribute("x","-10%"),s.setAttribute("y","-10%"),s.setAttribute("width","120%"),s.setAttribute("height","120%");let i=document.createElementNS(t,"feDropShadow");i.setAttribute("dx","0"),i.setAttribute("dy","1"),i.setAttribute("stdDeviation","2"),i.setAttribute("flood-color","rgba(0,0,0,0.15)"),s.appendChild(i),o.appendChild(s),n.appendChild(o);for(let{rect:l,borderRadius:f}of e){let b=document.createElementNS(t,"path");b.setAttribute("d",Bn(l.left,l.top,l.width,l.height,f)),b.setAttribute("fill","none"),b.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),b.setAttribute("stroke-width","1.5"),b.setAttribute("stroke-dasharray","8 4"),b.setAttribute("stroke-linecap","round"),b.setAttribute("filter","url(#__fork-removed-shadow)"),b.setAttribute("opacity","0"),n.appendChild(b),b.animate([{opacity:0,offset:0},{opacity:.6,offset:.08},{opacity:.05,offset:.45},{opacity:.6,offset:.85},{opacity:.05,offset:1}],{duration:5e3,easing:"ease-in-out",fill:"forwards"});}return r.appendChild(n),document.body.appendChild(r),r}function zn(e,t){if(Os(t.selector))return Kn(e,t);let n=Kn(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(jn(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=Or(e,w=>w===s);if(i)return i;let l=s.toLowerCase(),f=Or(e,w=>w.toLowerCase()===l);if(f)return f;let b=Or(e,w=>w.toLowerCase().includes(l));if(b)return b}}let o=Ns(t.selector);if(o&&o!==t.selector&&jn(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function jn(e){let t=e.split(/\s+|>|~|\+/),r=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(r)}function Kn(e,t){let r=Array.from(e.querySelectorAll("[data-fork-new]"));if(r.length===0)return null;let n=Hr(t.label),o=Hr(t.textHint);return r.find(i=>{let l=Hr(i.getAttribute("data-fork-new"));return !!l&&(l===n||l===o)})??null}function Os(e){return e.trim()==="[data-fork-new]"}function Hr(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Ns(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function Or(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 l=s.getBoundingClientRect();if(l.width<4||l.height<4)continue;let f=l.width*l.height;f<n&&(r=s,n=f);}return r}var Nr=2147483600,Us=1600,Bs=3e4,Ds=300,Ge=10;function js(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 l=e.getBoundingClientRect(),f=Math.min(l.width,l.height);return Math.max(4,i/100*f)}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 Ks(e,t,r,n){let s=window.innerWidth,i=window.innerHeight,l=e;l==="top"&&t.top<n+Ge+8?l="bottom":l==="bottom"&&i-t.bottom<n+Ge+8?l="top":l==="left"&&t.left<r+Ge+8?l="right":l==="right"&&s-t.right<r+Ge+8&&(l="left");let f=0,b=0;return l==="top"?(f=t.top-n-Ge,b=t.left+t.width/2-r/2):l==="bottom"?(f=t.bottom+Ge,b=t.left+t.width/2-r/2):l==="left"?(f=t.top+t.height/2-n/2,b=t.left-r-Ge):(f=t.top+t.height/2-n/2,b=t.right+Ge),b=Math.max(8,Math.min(b,s-r-8)),f=Math.max(8,Math.min(f,i-n-8)),{top:f,left:b,placement:l}}function zs(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${Nr}`,"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:${Nr-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:${Nr+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 Js(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
59
|
+
`}),ls.jsxs("div",{className:"__fork-panel",style:rs,children:[ls.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px",height:54,boxSizing:"border-box",borderBottom:"1px solid rgba(229, 231, 235, 0.8)",flexShrink:0},children:[ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[c||A?ls.jsxs(ls.Fragment,{children:[ls.jsx("button",{onClick:()=>{y(null),z(false),Q.current=false;},style:{width:30,height:30,borderRadius:9,background:"#ffffff",border:"1px solid #e5e7eb",color:"#111827",cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:0,flexShrink:0,transition:"background 0.12s, border-color 0.12s"},onMouseEnter:a=>{a.currentTarget.style.background="#f9fafb",a.currentTarget.style.borderColor="#d1d5db";},onMouseLeave:a=>{a.currentTarget.style.background="#ffffff",a.currentTarget.style.borderColor="#e5e7eb";},title:"Back to all forks",children:ls.jsx(lucideReact.ChevronLeft,{style:{width:15,height:15}})}),(()=>{let a=c?o[c]:void 0,B=(a?a.events.find(G=>{let le=G.data;return G.type==="status"&&le.summary})?.data?.summary??a.fork.summary:void 0)||vn?.summary||"New Feature";return ls.jsx("span",{style:{fontSize:13.5,fontWeight:700,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},title:B,children:B})})()]}):ls.jsxs(ls.Fragment,{children:[ls.jsx("span",{onDoubleClick:async a=>{if(a.stopPropagation(),!re&&confirm("Kill all forks in this container?")){Ae(true);try{let T=await zo();`${T?.deleted??0}`,ft([]),y(null),z(!1),P("");}catch(T){console.error("[Fork] Reset failed:",T);}finally{Ae(false);}}},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:4,margin:-4,cursor:"pointer",flexShrink:0},children:ls.jsx(nn,{style:{width:16,height:16,color:"#111827",pointerEvents:"none"}})}),De==="running"?ls.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Qo}):Te.length===0&&!Vt?ls.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"Fork"}):Vt?ls.jsxs("div",{ref:Yt,style:{position:"relative",minWidth:0,display:"inline-flex"},children:[ls.jsxs("button",{type:"button",onClick:()=>{ke(a=>!a);},onMouseEnter:()=>Bt(true),onMouseLeave:()=>Bt(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:hn||$e?"#f3f4f6":"transparent",fontSize:13,fontWeight:600,color:"#111827",fontFamily:"inherit",cursor:"pointer",maxWidth:180,minWidth:0,transition:"background-color 0.12s"},children:[ls.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Mr}),ls.jsx(lucideReact.ChevronDown,{style:{width:12,height:12,color:"#6b7280",flexShrink:0,transform:$e?"rotate(180deg)":void 0,transition:"transform 0.15s"}})]}),$e&&ls.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:[Te.map(a=>{let T=a.id===Se,B=yn===a.id,G=ge===a.id;return ls.jsxs("button",{type:"button",role:"menuitem",onMouseEnter:()=>Dt(a.id),onMouseLeave:()=>Dt(null),onClick:()=>{a.id!==Se&&ns(a.id);},disabled:!!ge,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 8px",border:"none",background:B?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",fontWeight:T?600:400,opacity:ge&&!G?.55:1},children:[ls.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"#111827",flexShrink:0},children:T&&ls.jsx(lucideReact.Check,{style:{width:12,height:12}})}),ls.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:G?"Switching...":a.name})]},a.id)}),ls.jsx("div",{style:{height:1,background:"#e5e7eb",margin:"4px 0"}}),bt?ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,padding:"4px 4px"},children:[ls.jsx("input",{ref:wt,type:"text",value:Be,placeholder:"Container name",disabled:ge==="__new__",onChange:a=>Xe(a.target.value),onKeyDown:a=>{a.key==="Enter"?(a.preventDefault(),Rr(Be)):a.key==="Escape"&&(a.preventDefault(),a.stopPropagation(),ut(false),Xe(""));},style:{flex:1,minWidth:0,padding:"5px 8px",border:"1px solid #d1d5db",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",background:"#ffffff",outline:"none"},onFocus:a=>{a.currentTarget.style.borderColor="#111827",a.currentTarget.style.boxShadow="0 0 0 2px rgba(17,24,39,0.15)";},onBlur:a=>{a.currentTarget.style.borderColor="#d1d5db",a.currentTarget.style.boxShadow="none";}}),ls.jsx("button",{type:"button",onClick:()=>{Rr(Be);},disabled:!Be.trim()||ge==="__new__",title:"Create",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:26,height:26,border:"none",borderRadius:4,background:!Be.trim()||ge==="__new__"?"#e5e7eb":"#111827",color:!Be.trim()||ge==="__new__"?"#9ca3af":"#ffffff",cursor:!Be.trim()||ge==="__new__"?"default":"pointer",flexShrink:0},children:ge==="__new__"?ls.jsx("span",{style:{width:10,height:10,border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"__fork-spin 0.7s linear infinite"}}):ls.jsx(lucideReact.Check,{style:{width:12,height:12}})})]}):ls.jsx("button",{type:"button",role:"menuitem",onMouseEnter:()=>jt(true),onMouseLeave:()=>jt(false),onClick:()=>{ge||(Fe(null),Xe(""),ut(true));},disabled:!!ge,style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 8px",border:"none",background:tt?"#f3f4f6":"transparent",borderRadius:4,fontSize:13,fontFamily:"inherit",color:"#111827",cursor:ge?"default":"pointer",textAlign:"left",opacity:ge&&ge!=="__new__"?.55:1},children:"+ New container"}),Kt&&ls.jsx("div",{style:{padding:"6px 8px",fontSize:11,lineHeight:1.35,color:"#b91c1c"},children:Kt})]})]}):ls.jsx("span",{style:{fontSize:13,fontWeight:600,color:"#111827",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Mr})]}),De==="running"&&ls.jsx("span",{title:nt?`Estimated ~${nt} min`:"Estimating\u2026",style:{fontSize:10,fontWeight:600,color:nt?"#111827":"#9ca3af",backgroundColor:nt?"rgba(17, 24, 39, 0.08)":"rgba(156, 163, 175, 0.12)",padding:"1px 6px",borderRadius:999,flexShrink:0,fontVariantNumeric:"tabular-nums",animation:nt?void 0:"__fork-pulse 1.4s ease-in-out infinite",minWidth:28,textAlign:"center"},children:nt?`~${nt}m`:"~ m"})]}),ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[Vo&&ls.jsx("button",{type:"button",role:"switch","aria-checked":!mt,"aria-label":mt?"Turn Fork back on":"Turn Fork off",title:mt?"Fork is off \u2014 you're seeing the original app. Turn it back on. Only affects you.":"Turn Fork off to see the original app. Only affects you.",onClick:()=>{Jo(!mt);},onMouseEnter:()=>gr(true),onMouseLeave:()=>gr(false),style:{position:"relative",width:26,height:15,borderRadius:999,border:"none",padding:0,marginRight:6,flexShrink:0,cursor:"pointer",backgroundColor:mt?mr?"#9ca3af":"#d1d5db":mr?"#374151":"#111827",transition:"background-color 0.18s ease",outline:"none",boxSizing:"border-box"},children:ls.jsx("span",{"aria-hidden":true,style:{position:"absolute",top:2,left:mt?2:13,width:11,height:11,borderRadius:"50%",backgroundColor:"#ffffff",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.25)",transition:"left 0.18s cubic-bezier(0.16, 1, 0.3, 1)"}})}),!S&&ls.jsxs(ls.Fragment,{children:[yr&&ls.jsx("button",{onClick:Oe?qo:Xo,onMouseEnter:()=>V(true),onMouseLeave:()=>V(false),title:Oe?"Redock to sidebar":"Pop out into window",style:{padding:6,borderRadius:6,color:K?"#4b5563":"#9ca3af",backgroundColor:K?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:Oe?ls.jsx(lucideReact.PictureInPicture,{style:{width:16,height:16}}):ls.jsx(lucideReact.PictureInPicture2,{style:{width:16,height:16}})}),ls.jsx("button",{onClick:Cr,onMouseEnter:()=>D(true),onMouseLeave:()=>D(false),style:{padding:6,borderRadius:6,color:H?"#4b5563":"#9ca3af",backgroundColor:H?"#f3f4f6":"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s, color 0.15s"},children:ls.jsx(lucideReact.X,{style:{width:16,height:16}})})]})]})]}),ls.jsxs("div",{ref:ne,style:{flex:1,overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column"},children:[!c&&!A&&ls.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[Ne.length===0&&ls.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&&ls.jsx("div",{style:{display:"flex",flexDirection:"column"},children:Ne.map((a,T)=>{let B=o[a.id],le=(B?B.events.find(Ye=>{let ss=Ye.data;return Ye.type==="status"&&ss.summary})?.data?.summary??B.fork.summary:void 0)||a.summary||"Untitled fork",je=!!fr.find(Ye=>Ye.id===a.id)?.unread,Me=o[a.id]?.state??a.status,os=Me==="running"||Me==="building"||Me==="pending";return ls.jsxs(Pn.Fragment,{children:[ls.jsxs("button",{onClick:()=>{z(false),y(a.id);},style:{textAlign:"left",padding:"12px 16px",background:"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"flex-start",gap:8,width:"100%",transition:"background 0.12s",fontFamily:"inherit"},onMouseEnter:Ye=>{Ye.currentTarget.style.background="#fafafa";},onMouseLeave:Ye=>{Ye.currentTarget.style.background="transparent";},children:[je&&ls.jsx("span",{"aria-label":"Not viewed yet",title:"Not viewed yet",style:{width:7,height:7,borderRadius:"50%",backgroundColor:"#111827",flexShrink:0,marginTop:5}}),ls.jsxs("div",{style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:5,alignItems:"flex-start"},children:[ls.jsx("span",{style:{fontSize:13.5,fontWeight:600,color:"#111827",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:le}),ls.jsx("span",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace',fontSize:10,color:"#9ca3af",background:"#f8f9fa",borderRadius:5,padding:"1px 6px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",boxSizing:"border-box"},children:a.targetId})]}),os&&ls.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:5,background:"#fff7ed",border:"1px solid #fed7aa",color:"#c2410c",borderRadius:999,padding:"2px 9px",fontSize:11,fontWeight:600,flexShrink:0},children:[ls.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:"#f59e0b",animation:"__fork-pulse 1.4s ease-in-out infinite"}}),"Running"]}),Me==="error"&&ls.jsx("span",{style:{display:"inline-flex",alignItems:"center",gap:5,background:"#fef2f2",border:"1px solid #fecaca",color:"#b91c1c",borderRadius:999,padding:"2px 9px",fontSize:11,fontWeight:600,flexShrink:0},children:"Failed"}),ls.jsx("span",{style:{fontSize:11.5,color:"#9ca3af",flexShrink:0,marginTop:2},children:Kn(a.updatedAt)})]}),T<Ne.length-1&&ls.jsx("div",{style:{height:1,background:"#f3f4f6",margin:"0 16px",flexShrink:0}})]},a.id)})})]}),c&&xt.length>0&&ls.jsx("div",{style:{margin:"16px 16px 0 16px"},children:xt.map((a,T)=>ls.jsx("div",{style:{marginBottom:T<xt.length-1?12:0},children:a.type==="user"?ls.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:ls.jsxs("div",{style:{backgroundColor:"#f3f4f6",borderRadius:12,padding:"10px 14px",fontSize:13,color:"#374151",lineHeight:1.5,maxWidth:"85%"},children:[a.attachments&&a.attachments.length>0&&ls.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:4,marginBottom:6},children:a.attachments.map((B,G)=>ls.jsx("img",{src:B.dataUrl,alt:"attachment",style:{maxWidth:150,maxHeight:110,borderRadius:8,border:"1px solid #e5e7eb",display:"block",objectFit:"cover"}},G))}),a.selectedElement&&ls.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:4,background:"#eef2ff",border:"1px solid #c7d2fe",color:"#4338ca",borderRadius:999,padding:"2px 8px",fontSize:10.5,fontWeight:500,marginBottom:5,marginRight:6,maxWidth:"100%"},children:[ls.jsx(lucideReact.MousePointer2,{style:{width:10,height:10,flexShrink:0}}),ls.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:a.selectedElement.label})]}),a.text]})}):I==="item"&&T===xt.length-1?ls.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:12,borderRadius:8,border:"1px solid #e4e4e7",background:"#ffffff"},children:[ls.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,background:"#f4f4f5",color:"#0a0a0a"},children:ls.jsx(lucideReact.BadgeCheck,{style:{width:16,height:16}})}),ls.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,flex:1,minWidth:0},children:[ls.jsx("div",{style:{fontSize:13,fontWeight:500,color:"#0a0a0a",lineHeight:1.3},children:"Feature applied"}),ls.jsx("div",{style:{fontSize:13,color:"#71717a",lineHeight:1.4},children:a.text})]}),b&&De!=="running"&&ls.jsx("button",{onClick:B=>{B.stopPropagation(),Ir();},disabled:p,style:{padding:"4px 10px",fontSize:12,fontWeight:500,borderRadius:6,border:"1px solid #e4e4e7",background:"#ffffff",color:"#0a0a0a",cursor:p?"default":"pointer",opacity:p?.4:1,height:28,flexShrink:0},children:"Undo"})]}):ls.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:8,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:10,boxShadow:"0 1px 2px rgba(0, 0, 0, 0.03)",padding:"9px 12px",maxWidth:"90%",boxSizing:"border-box"},children:[ls.jsx("span",{style:{width:7,height:7,borderRadius:"50%",background:"#94a3b8",flexShrink:0}}),ls.jsx("span",{style:{fontSize:12.5,fontWeight:600,color:"#334155",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:a.text}),a.timestamp&&ls.jsx("span",{style:{fontSize:11,color:"#9ca3af",flexShrink:0},children:Kn(a.timestamp)}),b&&T===xt.length-1&&De!=="running"&&ls.jsxs("button",{onClick:B=>{B.stopPropagation(),Ir();},onMouseEnter:()=>q(T),onMouseLeave:()=>q(null),disabled:p,style:{position:"relative",padding:2,borderRadius:4,border:"none",background:x===T?"rgba(0,0,0,0.06)":"transparent",color:x===T?"#6b7280":"#d1d5db",cursor:p?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.15s, background 0.15s",opacity:p?.4:1,flexShrink:0},children:[ls.jsx(lucideReact.Undo2,{style:{width:12,height:12}}),x===T&&ls.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"})]})]})},T))}),De==="running"&&ls.jsx("div",{style:{margin:"12px 16px 0 16px"},children:ls.jsxs("div",{onClick:()=>w(!M),style:{background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:10,boxShadow:"0 1px 2px rgba(0, 0, 0, 0.03)",overflow:"hidden",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.22, 1, 0.36, 1)"},children:[ls.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"9px 12px"},children:[ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[ls.jsx("span",{style:{width:7,height:7,borderRadius:"50%",background:"#f59e0b",flexShrink:0,animation:"__fork-pulse 1.4s ease-in-out infinite"}}),ls.jsx(Ci,{events:ht},c??"__compose__")]}),ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0,marginLeft:8},children:[ht[0]?.timestamp&&ls.jsx("span",{style:{fontSize:11,color:"#9ca3af"},children:Kn(ht[0].timestamp)}),ls.jsx("div",{style:{color:"#9ca3af",transition:"transform 0.2s ease",transform:M?"rotate(180deg)":"rotate(0deg)",display:"flex"},children:ls.jsx(lucideReact.ChevronDown,{style:{width:14,height:14}})})]})]}),ls.jsx("div",{style:{maxHeight:M?320:0,opacity:M?1:0,transition:"max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease",overflow:"hidden"},children:ls.jsx("div",{style:{background:"#1a1a2e",borderTop:"1px solid #e5e7eb",maxHeight:320,overflowY:"auto"},children:ls.jsx(Zr,{events:ht},c??"__compose__")})})]})}),De==="error"&&ls.jsxs("div",{style:{padding:"20px 16px",textAlign:"center"},children:[ls.jsx("div",{style:{width:36,height:36,backgroundColor:"#fef2f2",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 10px auto"},children:ls.jsx(lucideReact.X,{style:{width:18,height:18,color:"#ef4444"}})}),ls.jsx("p",{style:{fontSize:12,color:"#6b7280",marginBottom:10,maxWidth:260,margin:"0 auto 10px auto"},children:Yo??r}),ls.jsxs("button",{onClick:()=>{let a=Sn?.prompt||qt.current;a&&h(a,vt);},onMouseEnter:()=>C(true),onMouseLeave:()=>C(false),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 12px",borderRadius:8,fontSize:12,fontWeight:500,color:"#111827",backgroundColor:U?"#e5e7eb":"#f3f4f6",border:"none",cursor:"pointer",transition:"background-color 0.15s",fontFamily:"inherit"},children:[ls.jsx(lucideReact.RotateCcw,{style:{width:12,height:12}})," Try Again"]})]})]}),!(c?De==="running":A&&e==="running")&&ls.jsxs("div",{style:{padding:"8px 12px 12px 12px",borderTop:"1px solid rgba(229, 231, 235, 0.6)",flexShrink:0,position:"relative"},children:[pt&&ls.jsx("div",{style:{position:"absolute",top:-42,left:"50%",transform:"translateX(-50%)",background:"#111827",color:"#ffffff",fontSize:12,fontWeight:500,padding:"7px 14px",borderRadius:999,boxShadow:"0 4px 16px rgba(0, 0, 0, 0.22)",whiteSpace:"nowrap",maxWidth:jn-32,overflow:"hidden",textOverflow:"ellipsis",pointerEvents:"none",zIndex:5},children:pt}),ls.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6,borderRadius:14,padding:"10px 10px 8px 12px",background:"#ffffff",border:"1px solid #e5e7eb",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 14px -6px rgba(0, 0, 0, 0.08)"},children:[(ie.length>0||ce)&&ls.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:6,alignItems:"center"},children:[ie.map(a=>ls.jsxs("div",{onMouseEnter:()=>ur(a.id),onMouseLeave:()=>ur(null),style:{position:"relative",width:44,height:44,borderRadius:8,overflow:"hidden",border:"1px solid #e5e7eb",flexShrink:0},children:[ls.jsx("img",{src:a.dataUrl,alt:"attachment",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}),ls.jsx("button",{onClick:()=>be(T=>T.filter(B=>B.id!==a.id)),title:"Remove image",style:{position:"absolute",top:2,right:2,width:15,height:15,borderRadius:"50%",background:"rgba(17, 24, 39, 0.78)",color:"#ffffff",border:"none",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0,opacity:Ko===a.id?1:.6,transition:"opacity 0.12s"},children:ls.jsx(lucideReact.X,{style:{width:9,height:9}})})]},a.id)),ce&&ls.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:5,background:"#eef2ff",border:"1px solid #c7d2fe",color:"#4338ca",borderRadius:999,padding:"4px 6px 4px 9px",fontSize:11,fontWeight:500,maxWidth:"100%",minWidth:0},children:[ls.jsx(lucideReact.MousePointer2,{style:{width:11,height:11,flexShrink:0}}),ls.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:an(ce)}),ls.jsx("button",{onClick:()=>me(null),title:"Remove element context",style:{width:14,height:14,borderRadius:"50%",background:"transparent",color:"#6366f1",border:"none",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0,flexShrink:0},children:ls.jsx(lucideReact.X,{style:{width:10,height:10}})})]})]}),ls.jsx("textarea",{ref:Z,value:m,onChange:a=>P(a.target.value),onPaste:a=>{let T=eo(a.nativeEvent);T.length>0&&(a.preventDefault(),vr(T));},onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),xr()),a.key==="Escape"&&!S&&Cr();},placeholder:c?"Iterate on this feature...":"Start building a new Fork...",rows:1,style:{width:"100%",backgroundColor:"transparent",fontSize:13,color:"#111827",border:"none",outline:"none",padding:0,fontFamily:"inherit",resize:"none",lineHeight:1.5,maxHeight:160,overflow:"auto",boxSizing:"border-box"}}),ls.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2},children:[ls.jsx("button",{onClick:()=>ir.current?.click(),onMouseEnter:()=>ar(true),onMouseLeave:()=>ar(false),title:"Attach an image",style:{width:28,height:28,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center",background:Bo?"rgba(0, 0, 0, 0.05)":"transparent",color:"#6b7280",border:"none",cursor:"pointer",padding:0,flexShrink:0,transition:"background 0.12s"},children:ls.jsx(lucideReact.ImagePlus,{style:{width:16,height:16}})}),ls.jsx("button",{onClick:es,onMouseEnter:()=>lr(true),onMouseLeave:()=>lr(false),title:ae?"Cancel element selection":"Select an element on the page",style:{width:28,height:28,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center",background:ae?"#eef2ff":Do?"rgba(0, 0, 0, 0.05)":"transparent",color:ae?"#4f46e5":"#6b7280",border:"none",cursor:"pointer",padding:0,flexShrink:0,transition:"background 0.12s, color 0.12s"},children:ls.jsx(lucideReact.MousePointer2,{style:{width:16,height:16}})}),ls.jsx("div",{style:{flex:1}}),ls.jsx("button",{onClick:ts,onMouseEnter:()=>cr(true),onMouseLeave:()=>cr(false),title:fe?"Stop voice input":"Voice input",style:{width:28,height:28,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center",background:fe?"#fef2f2":jo?"rgba(0, 0, 0, 0.05)":"transparent",color:fe?"#dc2626":"#6b7280",border:"none",cursor:"pointer",padding:0,flexShrink:0,transition:"background 0.12s, color 0.12s",animation:fe?"__fork-pulse 1.4s ease-in-out infinite":void 0},children:ls.jsx(lucideReact.Mic,{style:{width:16,height:16}})}),ls.jsx("button",{onClick:xr,disabled:!yt,onMouseEnter:()=>X(true),onMouseLeave:()=>X(false),title:"Send",style:{width:28,height:28,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",opacity:yt?1:.35,transform:W&&yt?"scale(1.08)":"scale(1)",background:yt?"#111827":"rgba(0, 0, 0, 0.12)",border:"none",cursor:yt?"pointer":"default",flexShrink:0,transition:"transform 0.15s, opacity 0.15s, background 0.15s",padding:0,marginLeft:4},children:ls.jsx(lucideReact.ArrowUp,{style:{width:14,height:14}})})]})]}),ls.jsx("input",{ref:ir,type:"file",accept:"image/*",multiple:true,style:{display:"none"},onChange:a=>{let T=Array.from(a.target.files??[]);a.target.value="",vr(T);}})]})]})]});return S?Fn:Oe&&Ie?as.createPortal(Fn,Ie.document.body):ls.jsx(Mi,{children:Fn})}function uo(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 zn(e){let{apiKey:t,userId:n,userHash:r,baseUrl:o,appId:s,adminContext:i,refreshModuleManifest:l,queueBoundaryAnimation:u,trackForkActivity:h,recordForkActivityEvent:b}=ve(),[d,k]=Pn.useState({}),[R,v]=Pn.useState(null),[f,g]=Pn.useState("idle"),[S,I]=Pn.useState(false),[m,P]=Pn.useState(null),L=Pn.useRef(new Map),j=Pn.useCallback((C,M)=>{k(w=>{let $=w[C]??{forkId:C,state:"running",fork:M.fork,events:[],error:null};return {...w,[C]:{...$,...M}}});},[]),O=Pn.useCallback((C,M)=>{k(w=>{let p=w[C];return p?{...w,[C]:{...p,events:[...p.events,M]}}:w});},[]),N=Pn.useCallback(C=>{let M=L.current.get(C);M&&(M.close(),L.current.delete(C));},[]),oe=Pn.useCallback(()=>{g("prompting"),P(null),I(false),v(null);},[]),Y=Pn.useCallback(()=>{g("idle"),I(false),P(null),v(null);for(let C of L.current.values())C.close();L.current.clear(),k({});},[]),_=Pn.useCallback((C,M)=>{N(C.id);let w=new URLSearchParams({key:t});n&&w.set("userId",n),r&&w.set("userHash",r),i.isAdmin&&i.containerId&&w.set("containerId",i.containerId);let p=new EventSource(`${o}/api/v1/forks/${C.id}/events?${w.toString()}`);L.current.set(C.id,p),p.onmessage=$=>{try{let x=JSON.parse($.data);if(b(C.id,x),O(C.id,x),x.type==="complete"){let q=x.data;u(M,C.id),l().catch(()=>{}).finally(()=>{let re={...C,status:"complete",moduleUrl:q.moduleUrl,cssUrls:q.cssUrls,summary:q.summary,completedAt:new Date().toISOString()};j(C.id,{state:"complete",fork:re}),N(C.id);});}else if(x.type==="error"){let q=x.data;j(C.id,{state:"error",error:q.error||"Unknown error"}),N(C.id);}}catch{}},p.onerror=()=>{let $={Authorization:`Bearer ${t}`,...pe()};n&&($["X-Fork-User-Id"]=n),r&&($["X-Fork-User-Hash"]=r),fetch(`${o}/api/v1/forks/${C.id}`,{headers:$}).then(x=>x.json()).then(x=>{x.status==="complete"?(u(M,x.id),l().catch(()=>{}),j(C.id,{state:"complete",fork:x})):x.status==="error"?j(C.id,{state:"error",fork:x,error:x.error||"Fork generation failed"}):j(C.id,{fork:x});}).catch(()=>{j(C.id,{state:"error",error:"Connection lost"});}),N(C.id);};},[i.containerId,i.isAdmin,t,O,o,N,u,b,l,j,r,n]),F=Pn.useCallback(async(C,M,w)=>{try{if(!s)throw new Error("ForkProvider requires appId for module boundary prompts.");I(!0),P(null),v(null);let p;if(w?.forkId){let $={prompt:C};n&&($.userId=n),r&&($.userHash=r),w?.attachments?.length&&($.attachments=w.attachments),w?.selectedElement&&($.selectedElement=w.selectedElement);let x=await fetch(`${o}/api/v1/forks/${encodeURIComponent(w.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...pe()},body:JSON.stringify($)});if(!x.ok){let q=await x.json().catch(()=>({}));throw new Error(q.error||`API error: ${x.status}`)}p=await x.json();}else {let $={userId:n,prompt:C,boundaryId:e,appId:s};M?$.containerId=M:i.isAdmin&&i.containerId&&($.containerId=i.containerId),r&&($.userHash=r),w?.forceNew&&($.force_new=!0),w?.attachments?.length&&($.attachments=w.attachments),w?.selectedElement&&($.selectedElement=w.selectedElement);let x=await fetch(`${o}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`,...pe()},body:JSON.stringify($)});if(!x.ok){let q=await x.json().catch(()=>({}));throw new Error(q.error||`API error: ${x.status}`)}p=await x.json();}k($=>({...$,[p.id]:{forkId:p.id,state:"running",fork:p,events:[],error:null}})),v(p.id),I(!1),h(p,{targetKind:"module",targetId:e}),_(p,p.boundaryId??e);}catch(p){P(p.message),I(false);}},[i.containerId,i.isAdmin,t,s,o,e,_,h,r,n]),H=Pn.useCallback(async C=>{try{let M={Authorization:`Bearer ${t}`,...pe()};n&&(M["X-Fork-User-Id"]=n),r&&(M["X-Fork-User-Hash"]=r);let w=await fetch(`${o}/api/v1/forks/${C}`,{headers:M});if(!w.ok)return;let p=await w.json(),$=p.boundaryId??e;if(h(p,{targetKind:"module",targetId:$}),p.status==="complete"){k(x=>({...x,[p.id]:{forkId:p.id,state:"complete",fork:p,events:[],error:null}})),v(p.id);return}if(p.status==="error"){k(x=>({...x,[p.id]:{forkId:p.id,state:"error",fork:p,events:[],error:p.error||"Fork generation failed"}})),v(p.id);return}if(p.status!=="pending"&&p.status!=="running"&&p.status!=="building")return;k(x=>({...x,[p.id]:{forkId:p.id,state:"running",fork:p,events:[],error:null}})),v(p.id),_(p,$);}catch{}},[t,o,e,_,h,r,n]),D=Pn.useCallback(async C=>{try{if(!s)throw new Error("ForkProvider requires appId for boundary undo.");let M={userId:n,boundaryId:e,appId:s};r&&(M.userHash=r),C&&(M.fork_id=C);let w=await fetch(`${o}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(M)});if(!w.ok){let $=await w.json().catch(()=>({}));throw new Error($.error||`API error: ${w.status}`)}let p=await w.json();if(await l().catch(()=>{}),p.removed)k($=>{let x={};for(let[q,re]of Object.entries($))(re.fork.boundaryId??e)!==e&&(x[q]=re);return x}),v(null),g("prompting");else if(p.fork){let $=p.fork;j($.id,{state:"complete",fork:$}),v($.id);}return p}catch(M){throw P(M.message),M}},[t,s,o,e,l,j,r,n]),K=R?d[R]??null:null,V=S?"running":m?"error":K?K.state:f,W=K?.fork??null,X=K?.events??[],U=m??K?.error??null;return {state:V,fork:W,events:X,error:U,runs:d,open:oe,close:Y,startFork:F,undoFork:D,adoptRunningFork:H}}var Pi=0;function mo(e){let{state:t,fork:n,events:r,error:o,runs:s,open:i,close:l,startFork:u,undoFork:h,adoptRunningFork:b}=zn(e),[d,k]=Pn.useState(false),R=Pn.useRef(null),v=Pn.useRef(t),f=Pn.useCallback(()=>{R.current!==null&&(clearTimeout(R.current),R.current=null);},[]),g=Pn.useCallback(()=>{f(),k(true),i();},[f,i]),S=Pn.useCallback(()=>{f(),k(false),l();},[f,l]),I=Pn.useCallback(async P=>{f(),k(true),await b(P);},[b,f]),m=Object.values(s).filter(P=>P.state==="running").length;return Pn.useEffect(()=>{let P=v.current;v.current=t,t==="complete"&&P==="running"&&d&&m===0&&(f(),R.current=setTimeout(()=>{R.current=null,k(false),l();},Pi)),(t==="running"||t==="prompting")&&f();},[t,d,m,f,l]),Pn.useEffect(()=>f,[f]),{state:t,fork:n,events:r,error:o,runs:s,isOpen:d,open:g,close:S,submit:u,undo:h,adoptRunningFork:I}}function Wn(){let{apiKey:e,userId:t,userHash:n,baseUrl:r,adminContext:o,setSlotFork:s,clearSlotFork:i,skipAnimationForSlot:l,trackForkActivity:u,recordForkActivityEvent:h}=ve(),[b,d]=Pn.useState({}),[k,R]=Pn.useState(null),[v,f]=Pn.useState("idle"),[g,S]=Pn.useState(false),[I,m]=Pn.useState(null),P=Pn.useRef(new Map),L=Pn.useCallback((U,C)=>{d(M=>{let p=M[U]??{forkId:U,state:"running",fork:C.fork,events:[],error:null};return {...M,[U]:{...p,...C}}});},[]),j=Pn.useCallback((U,C)=>{d(M=>{let w=M[U];return w?{...M,[U]:{...w,events:[...w.events,C]}}:M});},[]),O=Pn.useCallback(U=>{let C=P.current.get(U);C&&(C.close(),P.current.delete(U));},[]),N=Pn.useCallback(()=>{f("prompting"),m(null),S(false),R(null);},[]),oe=Pn.useCallback(()=>{f("idle"),S(false),m(null),R(null);for(let U of P.current.values())U.close();P.current.clear(),d({});},[]),Y=Pn.useCallback((U,C)=>{O(U.id);let M=new URLSearchParams({key:e});t&&M.set("userId",t),n&&M.set("userHash",n),o.isAdmin&&o.containerId&&M.set("containerId",o.containerId);let w=new EventSource(`${r}/api/v1/forks/${U.id}/events?${M.toString()}`);P.current.set(U.id,w),w.onmessage=p=>{try{let $=JSON.parse(p.data);if(h(U.id,$),j(U.id,$),$.type==="complete"){let x=$.data,q={...U,status:"complete",bundleUrl:x.bundleUrl,summary:x.summary,revealPending:!0,completedAt:new Date().toISOString()};L(U.id,{state:"complete",fork:q});let re=C??U.slotId;re&&x.bundleUrl&&s(re,q),O(U.id);}else if($.type==="error"){let x=$.data;L(U.id,{state:"error",error:x.error||"Unknown error"}),O(U.id);}}catch{}},w.onerror=()=>{let p={Authorization:`Bearer ${e}`,...pe()};t&&(p["X-Fork-User-Id"]=t),n&&(p["X-Fork-User-Hash"]=n),fetch(`${r}/api/v1/forks/${U.id}`,{headers:p}).then($=>$.json()).then($=>{if($.status==="complete"){L(U.id,{state:"complete",fork:{...$,revealPending:true}});let x=C??$.slotId;x&&$.bundleUrl&&s(x,{...$,revealPending:true});}else $.status==="error"?L(U.id,{state:"error",fork:$,error:$.error||"Fork generation failed"}):L(U.id,{fork:$});}).catch(()=>{L(U.id,{state:"error",error:"Connection lost"});}),O(U.id);};},[o.containerId,o.isAdmin,e,j,r,O,h,s,L,n,t]),_=Pn.useCallback(async(U,C,M,w)=>{try{S(!0),m(null),R(null);let p;if(w?.forkId){let x={prompt:U};t&&(x.userId=t),n&&(x.userHash=n),w?.attachments?.length&&(x.attachments=w.attachments),w?.selectedElement&&(x.selectedElement=w.selectedElement);let q=await fetch(`${r}/api/v1/forks/${encodeURIComponent(w.forkId)}/prompts`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...pe()},body:JSON.stringify(x)});if(!q.ok){let re=await q.json().catch(()=>({}));throw new Error(re.error||`API error: ${q.status}`)}p=await q.json();}else {let x={userId:t,prompt:U};C&&(x.slotId=C),M?x.containerId=M:o.isAdmin&&o.containerId&&(x.containerId=o.containerId),n&&(x.userHash=n),w?.forceNew&&(x.force_new=!0),w?.attachments?.length&&(x.attachments=w.attachments),w?.selectedElement&&(x.selectedElement=w.selectedElement);let q=await fetch(`${r}/api/v1/forks`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`,...pe()},body:JSON.stringify(x)});if(!q.ok){let re=await q.json().catch(()=>({}));throw new Error(re.error||`API error: ${q.status}`)}p=await q.json();}d(x=>({...x,[p.id]:{forkId:p.id,state:"running",fork:p,events:[],error:null}})),R(p.id),S(!1);let $=C??p.slotId;$&&u(p,{targetKind:"slot",targetId:$}),Y(p,C);}catch(p){m(p.message),S(false);}},[o.containerId,o.isAdmin,e,r,Y,u,n,t]),F=Pn.useCallback(async U=>{try{let C={Authorization:`Bearer ${e}`,...pe()};t&&(C["X-Fork-User-Id"]=t),n&&(C["X-Fork-User-Hash"]=n);let M=await fetch(`${r}/api/v1/forks/${U}`,{headers:C});if(!M.ok)return;let w=await M.json();if(w.slotId&&u(w,{targetKind:"slot",targetId:w.slotId}),w.status==="complete"){d(p=>({...p,[w.id]:{forkId:w.id,state:"complete",fork:w,events:[],error:null}})),R(w.id);return}if(w.status==="error"){d(p=>({...p,[w.id]:{forkId:w.id,state:"error",fork:w,events:[],error:w.error||"Fork generation failed"}})),R(w.id);return}if(w.status!=="pending"&&w.status!=="running"&&w.status!=="building")return;d(p=>({...p,[w.id]:{forkId:w.id,state:"running",fork:w,events:[],error:null}})),R(w.id),Y(w,w.slotId);}catch{}},[e,r,Y,u,n,t]),H=Pn.useCallback(async U=>{try{let C={userId:t,slotId:U};n&&(C.userHash=n);let M=await fetch(`${r}/api/v1/forks/undo`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(C)});if(!M.ok){let p=await M.json().catch(()=>({}));throw new Error(p.error||`API error: ${M.status}`)}let w=await M.json();if(l(U),w.removed)i(U),d(p=>{let $={};for(let[x,q]of Object.entries(p))q.fork.slotId!==U&&($[x]=q);return $}),R(null),f("prompting");else if(w.fork){s(U,w.fork);let p=w.fork;L(p.id,{state:"complete",fork:p});}return w}catch(C){throw m(C.message),C}},[e,t,n,r,i,s,l,L]),D=k?b[k]??null:null,K=g?"running":I?"error":D?D.state:v,V=D?.fork??null,W=D?.events??[],X=I??D?.error??null;return {state:K,fork:V,events:W,error:X,runs:b,open:N,close:oe,startFork:_,undoFork:H,adoptRunningFork:F}}var Hi=0;function yo(){let{state:e,fork:t,events:n,error:r,runs:o,open:s,close:i,startFork:l,undoFork:u,adoptRunningFork:h}=Wn(),[b,d]=Pn.useState(false),k=Pn.useRef(null),R=Pn.useRef(e),v=Pn.useCallback(()=>{k.current!==null&&(clearTimeout(k.current),k.current=null);},[]),f=Pn.useCallback(()=>{v(),d(true),s();},[v,s]),g=Pn.useCallback(()=>{v(),d(false),i();},[v,i]),S=Pn.useCallback(async m=>{v(),d(true),await h(m);},[h,v]),I=Object.values(o).filter(m=>m.state==="running").length;return Pn.useEffect(()=>{let m=R.current;R.current=e,e==="complete"&&m==="running"&&b&&I===0&&(v(),k.current=setTimeout(()=>{k.current=null,d(false),i();},Hi)),(e==="running"||e==="prompting")&&v();},[e,b,I,v,i]),Pn.useEffect(()=>v,[v]),{state:e,fork:t,events:n,error:r,runs:o,isOpen:b,open:f,close:g,submit:l,undo:u,adoptRunningFork:S}}var Oi=new Set(["pending","running","building"]);function Vn(e){let t=uo(e),n=yo(),r=mo(t.type==="boundary"?t.id:""),{baseUrl:o,apiKey:s,userId:i,userHash:l,appId:u,activitySummary:h,forkActivities:b}=ve(),d=t.type==="slot"?n:r,k=t.type==="slot"?"slot":"boundary",R=t.id,v=t.title,f=t.type==="slot"?"slot":"module",g=b.find(L=>L.targetKind===f&&L.targetId===t.id&&Oi.has(L.status)),S=b.find(L=>L.targetKind===f&&L.targetId===t.id&&L.status==="complete"&&L.unread),I=Pn.useCallback(()=>{let L=g??S;if(L){d.adoptRunningFork(L.id);return}d.open();},[d,g,S]),m=Pn.useCallback((L,j,O,N)=>t.type==="slot"?n.submit(L,j??t.id,O,N):r.submit(L,O,N),[r,n,t]),P=Pn.useCallback((L,j)=>t.type==="slot"?n.undo(L??t.id):r.undo(j),[r,n,t]);return {...d,open:I,target:t,targetId:R,targetLabel:v,historyMode:k,submit:m,undo:P,buttonProps:{onClick:I,hasNotification:h.unreadCompletedCount>0,activity:h},panelProps:{state:d.state,fork:d.fork,events:d.events,error:d.error,runs:d.runs,...t.type==="slot"?{slotId:R,targetLabel:v,historyMode:k}:{targetId:R,targetLabel:v,historyMode:k},onSubmit:m,onUndo:P,onClose:d.close,baseUrl:o,apiKey:s,userId:i,userHash:l,appId:u}}}function _t(e){let{embedded:t,completeVariant:n}=e,r=Vn(e);return t?ls.jsx(dn,{...r.panelProps,embedded:true,completeVariant:n}):r.isOpen?ls.jsx(dn,{...r.panelProps,completeVariant:n}):ls.jsx(Nn,{...r.buttonProps})}function Ni({boundaryId:e,title:t}){return ls.jsx(_t,{boundaryId:e,title:t})}function qn(e){let t=Array.from(e.children).filter(r=>r instanceof HTMLElement);return t.length===1?t[0]:getComputedStyle(e).display==="contents"?null:e}function ko(e){let t=e.getBoundingClientRect(),n=e.cloneNode(true);n.setAttribute("data-fork-clone-overlay","true"),n.style.position="fixed",n.style.top=`${t.top}px`,n.style.left=`${t.left}px`,n.style.width=`${t.width}px`,n.style.height=`${t.height}px`,n.style.flex="none",n.style.minHeight="auto",n.style.zIndex="9998",n.style.pointerEvents="none",n.style.overflow="hidden";let r=getComputedStyle(e).backgroundColor;n.style.backgroundColor=r&&r!=="rgba(0, 0, 0, 0)"&&r!=="transparent"?r:getComputedStyle(document.body).backgroundColor||"#ffffff",document.body.appendChild(n);let o=e.querySelectorAll("*"),s=n.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 n}function Gn(e){let t=[],n=e.querySelectorAll("*");for(let r of n){if(!(r instanceof HTMLElement))continue;let o=r.getBoundingClientRect();if(o.width<10||o.height<10||["SCRIPT","STYLE","META","LINK"].includes(r.tagName))continue;let s=getComputedStyle(r),i=parseFloat(s.borderTopLeftRadius)||0;t.push({tag:r.tagName,className:r.className||"",text:(r.textContent||"").slice(0,50).trim(),rect:o,borderRadius:i});}return t}function bo(e,t){let n=[];for(let r of t)if(!(e.find(i=>i.tag===r.tag&&i.className===r.className&&Math.abs(i.rect.top-r.rect.top)<20&&Math.abs(i.rect.left-r.rect.left)<20)||n.some(i=>r.rect.top>=i.rect.top&&r.rect.left>=i.rect.left&&r.rect.right<=i.rect.right&&r.rect.bottom<=i.rect.bottom))){for(let i=n.length-1;i>=0;i-=1){let l=n[i];l.rect.top>=r.rect.top&&l.rect.left>=r.rect.left&&l.rect.right<=r.rect.right&&l.rect.bottom<=r.rect.bottom&&n.splice(i,1);}n.push({rect:r.rect,borderRadius:r.borderRadius});}return n}function wo(e,t){let n=[];for(let r of e)if(!(t.find(i=>i.tag===r.tag&&i.className===r.className&&Math.abs(i.rect.top-r.rect.top)<20&&Math.abs(i.rect.left-r.rect.left)<20)||n.some(i=>r.rect.top>=i.rect.top&&r.rect.left>=i.rect.left&&r.rect.right<=i.rect.right&&r.rect.bottom<=i.rect.bottom))){for(let i=n.length-1;i>=0;i-=1){let l=n[i];l.rect.top>=r.rect.top&&l.rect.left>=r.rect.left&&l.rect.right<=r.rect.right&&l.rect.bottom<=r.rect.bottom&&n.splice(i,1);}n.push({rect:r.rect,borderRadius:r.borderRadius});}return n}function vo(e,t,n,r,o){let s=Math.max(0,Math.min(o,n/2,r/2));return s===0?`M ${e} ${t} L ${e+n} ${t} L ${e+n} ${t+r} L ${e} ${t+r} Z`:[`M ${e+s} ${t}`,`L ${e+n-s} ${t}`,`A ${s} ${s} 0 0 1 ${e+n} ${t+s}`,`L ${e+n} ${t+r-s}`,`A ${s} ${s} 0 0 1 ${e+n-s} ${t+r}`,`L ${e+s} ${t+r}`,`A ${s} ${s} 0 0 1 ${e} ${t+r-s}`,`L ${e} ${t+s}`,`A ${s} ${s} 0 0 1 ${e+s} ${t}`,"Z"].join(" ")}function Yn(e){let t="http://www.w3.org/2000/svg",n=document.createElement("div");n.setAttribute("data-fork-highlights","true"),n.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let r=document.createElementNS(t,"svg");r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.style.cssText="position:absolute;top:0;left:0;overflow:visible;";let o=document.createElementNS(t,"defs");r.appendChild(o);let s=[];for(let b=0;b<e.length;b+=1){let{rect:d,borderRadius:k}=e[b],R=d.left-.5,v=d.top-.5,f=d.width+1,g=d.height+1,S=Math.min(k+.5,f/2,g/2),I=vo(R,v,f,g,S),m=`__fork-glow-${b}`,P=document.createElementNS(t,"filter");P.setAttribute("id",m),P.setAttribute("x","-100%"),P.setAttribute("y","-100%"),P.setAttribute("width","300%"),P.setAttribute("height","300%");let L=document.createElementNS(t,"feGaussianBlur");L.setAttribute("in","SourceGraphic"),L.setAttribute("stdDeviation","8"),P.appendChild(L),o.appendChild(P);let j=`__fork-mask-${b}`,O=document.createElementNS(t,"mask");O.setAttribute("id",j),O.setAttribute("maskUnits","userSpaceOnUse"),O.setAttribute("x",String(R-200)),O.setAttribute("y",String(v-200)),O.setAttribute("width",String(f+400)),O.setAttribute("height",String(g+400));let N=document.createElementNS(t,"rect");N.setAttribute("x",String(R-200)),N.setAttribute("y",String(v-200)),N.setAttribute("width",String(f+400)),N.setAttribute("height",String(g+400)),N.setAttribute("fill","white"),O.appendChild(N);let oe=document.createElementNS(t,"path");oe.setAttribute("d",I),oe.setAttribute("fill","black"),O.appendChild(oe),o.appendChild(O);let Y=document.createElementNS(t,"g");Y.setAttribute("mask",`url(#${j})`),Y.setAttribute("opacity","0");let _=document.createElementNS(t,"g");_.setAttribute("filter",`url(#${m})`);let F=document.createElementNS(t,"path");F.setAttribute("d",I),F.setAttribute("fill","none"),F.setAttribute("stroke","rgba(150, 185, 220, 0.6)"),F.setAttribute("stroke-width","6"),F.setAttribute("stroke-linecap","round"),_.appendChild(F),Y.appendChild(_),r.appendChild(Y);let H=document.createElementNS(t,"path");H.setAttribute("d",I),H.setAttribute("fill","none"),H.setAttribute("stroke","rgba(150, 185, 220, 0.35)"),H.setAttribute("stroke-width","2"),H.setAttribute("stroke-linecap","round"),H.setAttribute("opacity","0"),r.appendChild(H),s.push(F,H),F.__group=Y;}n.appendChild(r),document.body.appendChild(n);let i=[];for(let b=0;b<s.length;b+=2){let d=s[b],k=s[b+1],R=d.__group;if(!R)continue;let v=k.getTotalLength(),f=d.getTotalLength();if(v<=0)continue;let g=v*.35;k.setAttribute("stroke-dasharray",`${g} ${v-g}`),k.setAttribute("stroke-dashoffset","0"),i.push(k.animate([{strokeDashoffset:0,opacity:0,offset:0},{strokeDashoffset:-0.2*v,opacity:.92,offset:.06},{strokeDashoffset:-2*v,opacity:.92,offset:.92},{strokeDashoffset:-2.25*v,opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));let S=f*.35;d.setAttribute("stroke-dasharray",`${S} ${f-S}`),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(R.animate([{opacity:0,offset:0},{opacity:.92,offset:.06},{opacity:.92,offset:.92},{opacity:0,offset:1}],{duration:14e3,easing:"ease-in-out",fill:"forwards"}));}let l=false,u=()=>{if(l)return;l=true,clearTimeout(h);for(let d of i)try{d.cancel();}catch{}let b=n.animate([{opacity:1},{opacity:0}],{duration:400,fill:"forwards"});b.onfinish=()=>n.remove(),window.removeEventListener("click",u);},h=setTimeout(u,14500);return setTimeout(()=>{l||window.addEventListener("click",u);},500),u}function So(e){let t="http://www.w3.org/2000/svg",n=document.createElement("div");n.setAttribute("data-fork-removed","true"),n.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;";let r=document.createElementNS(t,"svg");r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.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),r.appendChild(o);for(let{rect:l,borderRadius:u}of e){let h=document.createElementNS(t,"path");h.setAttribute("d",vo(l.left,l.top,l.width,l.height,u)),h.setAttribute("fill","none"),h.setAttribute("stroke","rgba(120, 125, 135, 0.6)"),h.setAttribute("stroke-width","1.5"),h.setAttribute("stroke-dasharray","8 4"),h.setAttribute("stroke-linecap","round"),h.setAttribute("filter","url(#__fork-removed-shadow)"),h.setAttribute("opacity","0"),r.appendChild(h),h.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 n.appendChild(r),document.body.appendChild(n),n}function Ao(e,t){if(Bi(t.selector))return xo(e,t);let r=xo(e,t);if(r)return r;try{let s=document.querySelector(t.selector);if(s instanceof HTMLElement&&s!==e&&e.contains(s))return s}catch{}if(Fo(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=Qn(e,b=>b===s);if(i)return i;let l=s.toLowerCase(),u=Qn(e,b=>b.toLowerCase()===l);if(u)return u;let h=Qn(e,b=>b.toLowerCase().includes(l));if(h)return h}}let o=Di(t.selector);if(o&&o!==t.selector&&Fo(o))try{let s=e.querySelector(o);if(s instanceof HTMLElement&&s!==e)return s}catch{}return null}function Fo(e){let t=e.split(/\s+|>|~|\+/),n=t[t.length-1]??"";return /[#\[]|:not\(|:nth-/.test(n)}function xo(e,t){let n=Array.from(e.querySelectorAll("[data-fork-new]"));if(n.length===0)return null;let r=Zn(t.label),o=Zn(t.textHint);return n.find(i=>{let l=Zn(i.getAttribute("data-fork-new"));return !!l&&(l===r||l===o)})??null}function Bi(e){return e.trim()==="[data-fork-new]"}function Zn(e){return e?.trim().replace(/\s+/g," ").toLowerCase()||null}function Di(e){return e.replace(/\[class[\*~|^$]?=("[^"]*"|'[^']*'|[^\]]+)\]/g,"").replace(/\.[A-Za-z_][\w-]*/g,"").replace(/\s+/g," ").trim()}function Qn(e,t){let n=null,r=1/0,o=e.querySelectorAll("*");for(let s of o){let i=s.textContent?.trim();if(!i||!t(i))continue;let l=s.getBoundingClientRect();if(l.width<4||l.height<4)continue;let u=l.width*l.height;u<r&&(n=s,r=u);}return n}var er=2147483600,ji=1600,Ki=3e4,zi=300,Qe=10;function Wi(e){let n=getComputedStyle(e).borderTopLeftRadius;if(!n)return 4;if(n.endsWith("%")){let i=parseFloat(n);if(!Number.isFinite(i)||i<=0)return 4;let l=e.getBoundingClientRect(),u=Math.min(l.width,l.height);return Math.max(4,i/100*u)}let r=parseFloat(n);if(!Number.isFinite(r)||r<=0)return 4;let o=e.getBoundingClientRect(),s=Math.min(o.width,o.height)/2;return r>=s?s:Math.min(r,16)}function Ji(e,t,n,r){let s=window.innerWidth,i=window.innerHeight,l=e;l==="top"&&t.top<r+Qe+8?l="bottom":l==="bottom"&&i-t.bottom<r+Qe+8?l="top":l==="left"&&t.left<n+Qe+8?l="right":l==="right"&&s-t.right<n+Qe+8&&(l="left");let u=0,h=0;return l==="top"?(u=t.top-r-Qe,h=t.left+t.width/2-n/2):l==="bottom"?(u=t.bottom+Qe,h=t.left+t.width/2-n/2):l==="left"?(u=t.top+t.height/2-r/2,h=t.left-n-Qe):(u=t.top+t.height/2-r/2,h=t.right+Qe),h=Math.max(8,Math.min(h,s-n-8)),u=Math.max(8,Math.min(u,i-r-8)),{top:u,left:h,placement:l}}function Vi(e){let t=document.createElement("div");t.setAttribute("data-fork-highlight-outline","true"),t.style.cssText=["position:fixed","pointer-events:none",`z-index:${er}`,"border:1.5px solid rgba(59,130,246,0.85)","box-sizing:border-box","opacity:0","transition:opacity 200ms ease-out"].join(";");let n=document.createElement("div");n.setAttribute("data-fork-highlight-glow","true"),n.style.cssText=["position:fixed","pointer-events:none",`z-index:${er-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 r=document.createElement("div");return r.setAttribute("data-fork-highlight-tooltip","true"),r.style.cssText=["position:fixed","pointer-events:none",`z-index:${er+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(";"),r.textContent=`New: ${e}`,{outline:t,glow:n,tooltip:r}}function Xi(){if(document.getElementById("__fork-highlight-keyframes"))return;let e=document.createElement("style");e.id="__fork-highlight-keyframes",e.textContent=`
|
|
59
60
|
@keyframes __fork-highlight-pulse {
|
|
60
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); }
|
|
61
62
|
50% { box-shadow: 0 0 0 6px rgba(59,130,246,0.25), 0 0 22px 4px rgba(59,130,246,0.49); }
|
|
62
63
|
}
|
|
63
|
-
`,document.head.appendChild(e);}function Jn(e,t,r="top"){Js();let{outline:n,glow:o,tooltip:s}=zs(t),i=js(e);n.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${Us}ms ease-in-out infinite`,document.body.append(o,n,s);let l=()=>{let d=e.getBoundingClientRect();if(d.width===0&&d.height===0)return;n.style.top=`${d.top}px`,n.style.left=`${d.left}px`,n.style.width=`${d.width}px`,n.style.height=`${d.height}px`,o.style.top=`${d.top-1}px`,o.style.left=`${d.left-1}px`,o.style.width=`${d.width+2}px`,o.style.height=`${d.height+2}px`;let F=s.getBoundingClientRect(),T=F.width||s.offsetWidth||80,C=F.height||s.offsetHeight||26,g=Ks(r,d,T,C);s.style.top=`${g.top}px`,s.style.left=`${g.left}px`;};l(),requestAnimationFrame(()=>{n.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(l);});let f=false,b=new ResizeObserver(l);b.observe(e);let w=()=>l(),p=()=>l();window.addEventListener("scroll",w,true),window.addEventListener("resize",p);let h=()=>{f||(f=true,clearTimeout(k),b.disconnect(),window.removeEventListener("scroll",w,true),window.removeEventListener("resize",p),window.removeEventListener("click",R,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();},Ds));},R=()=>h();setTimeout(()=>{f||window.addEventListener("click",R,{once:true,capture:true});},250);let k=setTimeout(h,Bs);return h}var Ws="fork:highlight:v1:seen";function Wn(e){return `${Ws}:${e}`}function Vn(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 Vs(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var qn=new Set;function Xn(e,t,r){return `${r}::${e}:${t}`}function Ur(e,t,r){let n=Xn(e,t,r);return qn.has(n)?true:Vn(Wn(r)).has(`${e}:${t}`)}function Gn(e,t,r){let n=Xn(e,t,r);qn.add(n);let o=Wn(r),s=`${e}:${t}`,i=Vn(o);i.has(s)||(i.add(s),Vs(o,i));}var Tt=new Map,Mt=new Map,Br=new Map;function Xs(e){for(let t of e)Mt.set(t,(Mt.get(t)??0)+1);}function Gs(e){if(!(typeof document>"u"))for(let t of e){let r=(Mt.get(t)??0)-1;if(r>0){Mt.set(t,r);continue}Mt.delete(t),Tt.delete(t);let n=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);n&&n.remove();}}function Ys(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function Qn(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 Zn(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 Qs(e){if(!e||typeof document>"u")return Promise.resolve();let t=Tt.get(e);if(t)return t;let r=document.querySelector(`link[data-fork-override-href="${e}"]`);if(r instanceof HTMLLinkElement){let o=r.sheet?Promise.resolve():new Promise((s,i)=>{let l=()=>{r.removeEventListener("load",l),r.removeEventListener("error",f),s();},f=()=>{r.removeEventListener("load",l),r.removeEventListener("error",f),i(new Error(`Failed to load boundary stylesheet: ${e}`));};r.addEventListener("load",l,{once:true}),r.addEventListener("error",f,{once:true});});return Tt.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 Tt.delete(e),o});return Tt.set(e,n),n}var $t=null;function Zs(){if($t)return $t;try{$t=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{$t=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return $t}function ei(e){let t=Br.get(e);if(t)return t;let r=Zs()(e).catch(n=>{throw Br.delete(e),n});return Br.set(e,r),r}async function ti(e,t,r){if(e)try{await Promise.all(e.cssUrls.map(s=>Qs(s)));let o=await ei(e.moduleUrl);return Zn(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 Zn(n,r)}function ri(e){function t(r){let{appId:n,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:l,getBoundaryOverride:f,consumeBoundaryAnimation:b,highlightScope:w}=we(),[p,h]=br.useState(null),[R,k]=br.useState(null),d=br.useRef(null),F=br.useRef(null),T=br.useRef(null),C=br.useRef(false),g=br.useRef(null),$=br.useRef(null),_=br.useRef(null),K=br.useRef(false),O=br.useRef(false),N=f(e.id),ne=N?`override:${N.id}`:"original",G=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(br.useEffect(()=>()=>{$.current&&(clearTimeout($.current),$.current=null),g.current&&(g.current.remove(),g.current=null),_.current&&(_.current(),_.current=null);},[]),br.useEffect(()=>{l({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[n,l,e.id,e.exportName,G]),br.useEffect(()=>{let M=N?.cssUrls??[];if(M.length!==0)return Xs(M),()=>Gs(M)},[N?.cssUrls.join("|")]),br.useEffect(()=>{if(o&&!s&&!p||F.current===ne&&p)return;let M=false;return k(null),ti(N,e.original,e.exportName).then(y=>{if(M)return;let L=N?.id?b(e.id,N.id):false;if(K.current=L,L&&d.current){let B=Pr(d.current);if(B){let D=_r(B);D.length>0&&(T.current=D,C.current=true,$.current&&(clearTimeout($.current),$.current=null),g.current&&g.current.remove(),g.current=On(B));}}F.current=ne,br.startTransition(()=>{h(()=>y);});}).catch(y=>{M||k(Ys(y));}),()=>{M=true;}},[b,ne,o,s,i,N?.id,N?.moduleUrl,N?.integrity,N?.cssUrls.join("|"),e.exportName,e.original,p]),br.useEffect(()=>{if(!p||!d.current)return;let M=false,y=null,L=()=>{if(M||!d.current)return false;let B=N?.highlightHint,D=N?.id,W=N?.createdAt?String(N.createdAt):"";if(!B||!D||Ur(D,W,w))return false;let z=Array.from(d.current.querySelectorAll("[data-fork-new]"));z.length,z.map(U=>U.getAttribute("data-fork-new")),B.label,B.textHint,B.selector;let V=zn(d.current,B);return V?.tagName,V?.getAttribute("data-fork-new"),V?.getAttribute("aria-label"),V?.textContent?.trim().slice(0,60),!V||!Qn(V)?(V&&Qn(V),V?.getBoundingClientRect(),false):(Gn(D,W,w),g.current&&(g.current.remove(),g.current=null),_.current&&_.current(),_.current=Jn(V,B.label,B.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(M||!d.current)return;let B=K.current,D=!O.current;O.current=true;let W=B||D,z=W?L():false;if(W&&!z&&N?.highlightHint&&N?.id&&!Ur(N.id,String(N.createdAt??""),w)){let J=[150,400,800],se=0,Ae=()=>{if(M||se>=J.length)return;let Pe=J[se];se+=1,y=setTimeout(()=>{if(L()){z=true;return}Ae();},Pe);};Ae();}let V=C.current,U=!!N?.highlightHint,S=T.current;if(T.current=null,C.current=false,z||U||!V){g.current&&(g.current.remove(),g.current=null);return}let I=Pr(d.current);if(!S||!I){g.current&&(g.current.remove(),g.current=null);return}let A=_r(I),u=Nn(S,A),P=Un(S,A),v=g.current;if(P.length>0&&v){let J=Dn(P);$.current=setTimeout(()=>{$.current=null;let se=400;v.animate([{opacity:1},{opacity:0}],{duration:se,fill:"forwards"}),J.animate([{opacity:1},{opacity:0}],{duration:se,fill:"forwards"}),setTimeout(()=>{v.remove(),J.remove(),g.current===v&&(g.current=null),u.length>0&&Lr(u);},se);},3500);}else v&&(v.remove(),g.current===v&&(g.current=null)),u.length>0&&Lr(u);});}),()=>{M=true,y!==null&&(clearTimeout(y),y=null);}},[p,N?.id,N?.createdAt,N?.highlightHint,w]),R)throw R;return p?ho.jsx("div",{ref:d,"data-fork-boundary":e.id,style:{display:"contents"},children:ho.jsx(p,{...r})}):ho.jsx(ho.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function oi({slotId:e,title:t,slotLabel:r}){return ho.jsx(Ct,{slotId:e,title:t,slotLabel:r})}function ai(e){return e.replace(/\/+$/,"")}function li(e){return {namespace:e.namespace||"default",type:e.type,id:e.id}}function Pt(e,t="value"){let r=li(e);return `${r.namespace}:${r.type}:${r.id}:${t}`}function jr(e){if(Array.isArray(e))return e.map(jr);if(!e||typeof e!="object")return e;let t=e,r={};for(let n of Object.keys(t).sort())r[n]=jr(t[n]);return r}function no(e){return JSON.stringify(jr(e))}function eo(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 to(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 oo(e){let t=ai(e.baseUrl),r={appId:e.appId,containerId:e.containerId},n=async(s,i)=>{let l=i&&typeof i=="object"&&!Array.isArray(i)?i:{},f=await fetch(`${t}/api/v1/data${s}`,{method:"POST",headers:eo(e),body:JSON.stringify({...r,...l})});return to(f)},o=async(s,i)=>{let l=new URLSearchParams({appId:e.appId,containerId:e.containerId});for(let[b,w]of Object.entries(i))w&&l.set(b,w);let f=await fetch(`${t}/api/v1/data${s}?${l.toString()}`,{headers:eo(e)});return to(f)};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 or(e){let{apiKey:t,appId:r,baseUrl:n,currentContainerId:o,userHash:s,userId:i}=we(),l=e||o;return br.useMemo(()=>{if(!r||!l)return null;let f=de();return oo({apiKey:t,appId:r,baseUrl:n,containerId:l,userId:i,userHash:s,extraHeaders:f})},[t,r,n,l,s,i])}function ui(e){let t=or(e.containerId),[r,n]=br.useState(null),[o,s]=br.useState([]),[i,l]=br.useState(false),[f,b]=br.useState(null),w=no({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys,enabled:e.enabled!==false}),p=br.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)){l(true);try{let k=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys});n(k.feature),s(k.values),b(null);}catch(k){b(k instanceof Error?k:new Error(String(k)));}finally{l(false);}}},[t,w]);br.useEffect(()=>{p();},[p]),br.useEffect(()=>{if(!e.pollMs||e.pollMs<=0)return;let k=setInterval(()=>{p();},e.pollMs);return ()=>clearInterval(k)},[e.pollMs,p]);let h=br.useMemo(()=>new Map(o.map(k=>[Pt(k.entity,k.valueKey),k])),[o]),R=br.useCallback((k,d="value")=>h.get(Pt(k,d))??null,[h]);return {feature:r,values:o,byKey:h,getValue:R,loading:i,error:f,refresh:p}}function ci(e){let t=or(e),r=br.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.ensureFeature(s)},[t]),n=br.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setValues(s)},[t]),o=br.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 ro(e){return e.some(t=>t.status==="queued"||t.status==="running")}function di(e){let t=or(e.containerId),[r,n]=br.useState(null),[o,s]=br.useState([]),[i,l]=br.useState([]),[f,b]=br.useState(false),[w,p]=br.useState(null),h=br.useRef(""),R=no({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}),k=br.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)&&!(!e.jobs||e.jobs.length===0)){b(true);try{let C=await t.ensureLlmJobs(e);h.current=R,n(C.feature),s(C.jobs),l(C.values),p(null);}catch(C){p(C instanceof Error?C:new Error(String(C)));}finally{b(false);}}},[t,R]),d=br.useCallback(async()=>{if(!t)return;let C=o.map(g=>g.id);try{if(C.length>0){let g=await t.queryLlmJobs({jobIds:C});s(g.jobs);}if(e.featureId||e.featureKey){let g=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.jobs.map($=>$.entity),valueKeys:Array.from(new Set(e.jobs.map($=>$.valueKey||"value")))});n(g.feature),l(g.values);}p(null);}catch(g){p(g instanceof Error?g:new Error(String(g)));}},[t,o,R]);br.useEffect(()=>{h.current!==R&&k();},[k,R]),br.useEffect(()=>{let C=e.pollMs??3e3;if(C<=0||!ro(o))return;let g=setInterval(()=>{d();},C);return ()=>clearInterval(g)},[e.pollMs,o,d]);let F=br.useMemo(()=>new Map(i.map(C=>[Pt(C.entity,C.valueKey),C])),[i]),T=br.useCallback((C,g="value")=>F.get(Pt(C,g))??null,[F]);return {feature:r,jobs:o,values:i,byKey:F,getValue:T,loading:f,error:w,ensure:k,refresh:d,running:ro(o)}}exports.ForkBoundaryUI=Ls;exports.ForkButton=xr;exports.ForkChatInterface=Ct;exports.ForkPanel=er;exports.ForkProvider=Ho;exports.ForkSlot=Xo;exports.ForkUI=oi;exports.clearCachedManifest=vo;exports.createForkDataClient=oo;exports.forkEntityValueKey=Pt;exports.forkable=ri;exports.loadManifest=gr;exports.manifestDiffers=Fo;exports.readCachedManifest=bo;exports.registerForkShared=dr;exports.useBoundaryFork=Cr;exports.useFork=Er;exports.useForkChatPanel=Tr;exports.useForkDataClient=or;exports.useForkDataMutation=ci;exports.useForkFeatureValues=ui;exports.useForkLlmJobs=di;exports.writeCachedManifest=wo;
|
|
64
|
+
`,document.head.appendChild(e);}function Eo(e,t,n="top"){Xi();let{outline:r,glow:o,tooltip:s}=Vi(t),i=Wi(e);r.style.borderRadius=`${i}px`,o.style.borderRadius=`${i+1}px`,o.style.animation=`__fork-highlight-pulse ${ji}ms ease-in-out infinite`,document.body.append(o,r,s);let l=()=>{let f=e.getBoundingClientRect();if(f.width===0&&f.height===0)return;r.style.top=`${f.top}px`,r.style.left=`${f.left}px`,r.style.width=`${f.width}px`,r.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 g=s.getBoundingClientRect(),S=g.width||s.offsetWidth||80,I=g.height||s.offsetHeight||26,m=Ji(n,f,S,I);s.style.top=`${m.top}px`,s.style.left=`${m.left}px`;};l(),requestAnimationFrame(()=>{r.style.opacity="1",o.style.opacity="1",s.style.opacity="1",s.style.transform="translateY(0)",requestAnimationFrame(l);});let u=false,h=new ResizeObserver(l);h.observe(e);let b=()=>l(),d=()=>l();window.addEventListener("scroll",b,true),window.addEventListener("resize",d);let k=()=>{u||(u=true,clearTimeout(v),h.disconnect(),window.removeEventListener("scroll",b,true),window.removeEventListener("resize",d),window.removeEventListener("click",R,true),r.style.opacity="0",o.style.opacity="0",s.style.opacity="0",s.style.transform="translateY(-2px)",setTimeout(()=>{r.remove(),o.remove(),s.remove();},zi));},R=()=>k();setTimeout(()=>{u||window.addEventListener("click",R,{once:true,capture:true});},250);let v=setTimeout(k,Ki);return k}var qi="fork:highlight:v1:seen";function Ro(e){return `${qi}:${e}`}function Io(e){if(typeof window>"u")return new Set;try{let t=window.localStorage.getItem(e);if(!t)return new Set;let n=JSON.parse(t);return Array.isArray(n)?new Set(n.filter(r=>typeof r=="string")):new Set}catch{return new Set}}function Gi(e,t){if(!(typeof window>"u"))try{window.localStorage.setItem(e,JSON.stringify([...t].slice(-200)));}catch{}}var Co=new Set;function Mo(e,t,n){return `${n}::${e}:${t}`}function tr(e,t,n){let r=Mo(e,t,n);return Co.has(r)?true:Io(Ro(n)).has(`${e}:${t}`)}function To(e,t,n){let r=Mo(e,t,n);Co.add(r);let o=Ro(n),s=`${e}:${t}`,i=Io(o);i.has(s)||(i.add(s),Gi(o,i));}var Ot=new Map,Nt=new Map,nr=new Map;function Zi(e){for(let t of e)Nt.set(t,(Nt.get(t)??0)+1);}function Qi(e){if(!(typeof document>"u"))for(let t of e){let n=(Nt.get(t)??0)-1;if(n>0){Nt.set(t,n);continue}Nt.delete(t),Ot.delete(t);let r=document.querySelector(`link[data-fork-override-href="${CSS.escape(t)}"]`);r&&r.remove();}}function ea(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown module override error")}function Po(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0)return false;let n=window.innerWidth||document.documentElement.clientWidth,r=window.innerHeight||document.documentElement.clientHeight;return t.bottom>0&&t.right>0&&t.top<r&&t.left<n}function _o(e,t){let n=(t?e[t]:void 0)??e.default;if(typeof n!="function"){let r=t||"default";throw new Error(`Fork boundary module is missing a React component export: ${r}`)}return n}function ta(e){if(!e||typeof document>"u")return Promise.resolve();let t=Ot.get(e);if(t)return t;let n=document.querySelector(`link[data-fork-override-href="${e}"]`);if(n instanceof HTMLLinkElement){let o=n.sheet?Promise.resolve():new Promise((s,i)=>{let l=()=>{n.removeEventListener("load",l),n.removeEventListener("error",u),s();},u=()=>{n.removeEventListener("load",l),n.removeEventListener("error",u),i(new Error(`Failed to load boundary stylesheet: ${e}`));};n.addEventListener("load",l,{once:true}),n.addEventListener("error",u,{once:true});});return Ot.set(e,o),o}let r=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 Ot.delete(e),o});return Ot.set(e,r),r}var Ht=null;function na(){if(Ht)return Ht;try{Ht=new Function("u","return import(/*webpackIgnore:true*//*@vite-ignore*/u)");}catch{Ht=e=>import(/*webpackIgnore:true*//*@vite-ignore*/e);}return Ht}function ra(e){let t=nr.get(e);if(t)return t;let n=na()(e).catch(r=>{throw nr.delete(e),r});return nr.set(e,n),n}async function oa(e,t,n){if(e)try{await Promise.all(e.cssUrls.map(s=>ta(s)));let o=await ra(e.moduleUrl);return _o(o,n)}catch(o){console.error(`[Fork] Failed to load override for boundary "${e.boundaryId}", falling back to original module.`,o);}let r=await t();return _o(r,n)}function sa(e){function t(n){let{appId:r,moduleOverridesEnabled:o,moduleManifestReady:s,moduleManifestVersion:i,registerBoundary:l,getBoundaryOverride:u,consumeBoundaryAnimation:h,highlightScope:b}=ve(),[d,k]=Pn.useState(null),[R,v]=Pn.useState(null),f=Pn.useRef(null),g=Pn.useRef(null),S=Pn.useRef(null),I=Pn.useRef(false),m=Pn.useRef(null),P=Pn.useRef(null),L=Pn.useRef(null),j=Pn.useRef(false),O=Pn.useRef(false),N=u(e.id),oe=N?`override:${N.id}`:"original",Y=e.editorMetadata?JSON.stringify(e.editorMetadata):void 0;if(Pn.useEffect(()=>()=>{P.current&&(clearTimeout(P.current),P.current=null),m.current&&(m.current.remove(),m.current=null),L.current&&(L.current(),L.current=null);},[]),Pn.useEffect(()=>{l({id:e.id,exportName:e.exportName,editorMetadata:e.editorMetadata});},[r,l,e.id,e.exportName,Y]),Pn.useEffect(()=>{let _=N?.cssUrls??[];if(_.length!==0)return Zi(_),()=>Qi(_)},[N?.cssUrls.join("|")]),Pn.useEffect(()=>{if(o&&!s&&!d||g.current===oe&&d)return;let _=false;return v(null),oa(N,e.original,e.exportName).then(F=>{if(_)return;let H=N?.id?h(e.id,N.id):false;if(j.current=H,H&&f.current){let D=qn(f.current);if(D){let K=Gn(D);K.length>0&&(S.current=K,I.current=true,P.current&&(clearTimeout(P.current),P.current=null),m.current&&m.current.remove(),m.current=ko(D));}}g.current=oe,Pn.startTransition(()=>{k(()=>F);});}).catch(F=>{_||v(ea(F));}),()=>{_=true;}},[h,oe,o,s,i,N?.id,N?.moduleUrl,N?.integrity,N?.cssUrls.join("|"),e.exportName,e.original,d]),Pn.useEffect(()=>{if(!d||!f.current)return;let _=false,F=null,H=()=>{if(_||!f.current)return false;let D=N?.highlightHint,K=N?.id,V=N?.createdAt?String(N.createdAt):"";if(!D||!K||tr(K,V,b))return false;let W=Array.from(f.current.querySelectorAll("[data-fork-new]"));W.length,W.map(U=>U.getAttribute("data-fork-new")),D.label,D.textHint,D.selector;let X=Ao(f.current,D);return X?.tagName,X?.getAttribute("data-fork-new"),X?.getAttribute("aria-label"),X?.textContent?.trim().slice(0,60),!X||!Po(X)?(X&&Po(X),X?.getBoundingClientRect(),false):(To(K,V,b),m.current&&(m.current.remove(),m.current=null),L.current&&L.current(),L.current=Eo(X,D.label,D.position??"top"),true)};return requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(_||!f.current)return;let D=j.current,K=!O.current;O.current=true;let V=D||K,W=V?H():false;if(V&&!W&&N?.highlightHint&&N?.id&&!tr(N.id,String(N.createdAt??""),b)){let q=[150,400,800],re=0,Ae=()=>{if(_||re>=q.length)return;let Te=q[re];re+=1,F=setTimeout(()=>{if(H()){W=true;return}Ae();},Te);};Ae();}let X=I.current,U=!!N?.highlightHint,C=S.current;if(S.current=null,I.current=false,W||U||!X){m.current&&(m.current.remove(),m.current=null);return}let M=qn(f.current);if(!C||!M){m.current&&(m.current.remove(),m.current=null);return}let w=Gn(M),p=bo(C,w),$=wo(C,w),x=m.current;if($.length>0&&x){let q=So($);P.current=setTimeout(()=>{P.current=null;let re=400;x.animate([{opacity:1},{opacity:0}],{duration:re,fill:"forwards"}),q.animate([{opacity:1},{opacity:0}],{duration:re,fill:"forwards"}),setTimeout(()=>{x.remove(),q.remove(),m.current===x&&(m.current=null),p.length>0&&Yn(p);},re);},3500);}else x&&(x.remove(),m.current===x&&(m.current=null)),p.length>0&&Yn(p);});}),()=>{_=true,F!==null&&(clearTimeout(F),F=null);}},[d,N?.id,N?.createdAt,N?.highlightHint,b]),R)throw R;return d?ls.jsx("div",{ref:f,"data-fork-boundary":e.id,style:{display:"contents"},children:ls.jsx(d,{...n})}):ls.jsx(ls.Fragment,{children:e.loading??null})}return t.displayName=`ForkBoundary(${e.id})`,t}function aa({slotId:e,title:t,slotLabel:n}){return ls.jsx(_t,{slotId:e,title:t,slotLabel:n})}function ua(e){return e.replace(/\/+$/,"")}function da(e){return {namespace:e.namespace||"default",type:e.type,id:e.id}}function Ut(e,t="value"){let n=da(e);return `${n.namespace}:${n.type}:${n.id}:${t}`}function or(e){if(Array.isArray(e))return e.map(or);if(!e||typeof e!="object")return e;let t=e,n={};for(let r of Object.keys(t).sort())n[r]=or(t[r]);return n}function No(e){return JSON.stringify(or(e))}function Lo(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 Ho(e){let t=await e.json().catch(()=>({}));if(!e.ok){let n=typeof t.error=="string"?t.error:`Fork data API ${e.status}`;throw new Error(n)}return t}function Uo(e){let t=ua(e.baseUrl),n={appId:e.appId,containerId:e.containerId},r=async(s,i)=>{let l=i&&typeof i=="object"&&!Array.isArray(i)?i:{},u=await fetch(`${t}/api/v1/data${s}`,{method:"POST",headers:Lo(e),body:JSON.stringify({...n,...l})});return Ho(u)},o=async(s,i)=>{let l=new URLSearchParams({appId:e.appId,containerId:e.containerId});for(let[h,b]of Object.entries(i))b&&l.set(h,b);let u=await fetch(`${t}/api/v1/data${s}?${l.toString()}`,{headers:Lo(e)});return Ho(u)};return {listFeatures(){return o("/features",{})},ensureFeature(s){return r("/features",s)},queryValues(s){return r("/values/query",s)},setValues(s){return r("/values",s)},listOptions(s){return o("/options",{featureId:s.featureId,featureKey:s.featureKey,includeArchived:s.includeArchived?"true":void 0})},setOptions(s){return r("/options",s)},ensureLlmJobs(s){return r("/llm/ensure",s)},queryLlmJobs(s){return r("/llm/jobs/query",s)}}}function gn(e){let{apiKey:t,appId:n,baseUrl:r,currentContainerId:o,userHash:s,userId:i}=ve(),l=e||o;return Pn.useMemo(()=>{if(!n||!l)return null;let u=pe();return Uo({apiKey:t,appId:n,baseUrl:r,containerId:l,userId:i,userHash:s,extraHeaders:u})},[t,n,r,l,s,i])}function fa(e){let t=gn(e.containerId),[n,r]=Pn.useState(null),[o,s]=Pn.useState([]),[i,l]=Pn.useState(false),[u,h]=Pn.useState(null),b=No({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys,enabled:e.enabled!==false}),d=Pn.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)){l(true);try{let v=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.entities,valueKeys:e.valueKeys});r(v.feature),s(v.values),h(null);}catch(v){h(v instanceof Error?v:new Error(String(v)));}finally{l(false);}}},[t,b]);Pn.useEffect(()=>{d();},[d]),Pn.useEffect(()=>{if(!e.pollMs||e.pollMs<=0)return;let v=setInterval(()=>{d();},e.pollMs);return ()=>clearInterval(v)},[e.pollMs,d]);let k=Pn.useMemo(()=>new Map(o.map(v=>[Ut(v.entity,v.valueKey),v])),[o]),R=Pn.useCallback((v,f="value")=>k.get(Ut(v,f))??null,[k]);return {feature:n,values:o,byKey:k,getValue:R,loading:i,error:u,refresh:d}}function pa(e){let t=gn(e),n=Pn.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.ensureFeature(s)},[t]),r=Pn.useCallback(async s=>{if(!t)throw new Error("Fork data is unavailable until appId and containerId are resolved");return t.setValues(s)},[t]),o=Pn.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:n,setValues:r,setOptions:o}}function Oo(e){return e.some(t=>t.status==="queued"||t.status==="running")}function ma(e){let t=gn(e.containerId),[n,r]=Pn.useState(null),[o,s]=Pn.useState([]),[i,l]=Pn.useState([]),[u,h]=Pn.useState(false),[b,d]=Pn.useState(null),k=Pn.useRef(""),R=No({featureId:e.featureId,featureKey:e.featureKey,kind:e.kind,config:e.config,forkId:e.forkId,targetKind:e.targetKind,targetId:e.targetId,operation:e.operation,model:e.model,prompt:e.prompt,system:e.system,promptHash:e.promptHash,outputFormat:e.outputFormat,maxTokens:e.maxTokens,temperature:e.temperature,force:e.force,jobs:e.jobs,enabled:e.enabled!==false}),v=Pn.useCallback(async()=>{if(!(!t||e.enabled===false)&&!(!e.featureId&&!e.featureKey)&&!(!e.jobs||e.jobs.length===0)){h(true);try{let I=await t.ensureLlmJobs(e);k.current=R,r(I.feature),s(I.jobs),l(I.values),d(null);}catch(I){d(I instanceof Error?I:new Error(String(I)));}finally{h(false);}}},[t,R]),f=Pn.useCallback(async()=>{if(!t)return;let I=o.map(m=>m.id);try{if(I.length>0){let m=await t.queryLlmJobs({jobIds:I});s(m.jobs);}if(e.featureId||e.featureKey){let m=await t.queryValues({featureId:e.featureId,featureKey:e.featureKey,entities:e.jobs.map(P=>P.entity),valueKeys:Array.from(new Set(e.jobs.map(P=>P.valueKey||"value")))});r(m.feature),l(m.values);}d(null);}catch(m){d(m instanceof Error?m:new Error(String(m)));}},[t,o,R]);Pn.useEffect(()=>{k.current!==R&&v();},[v,R]),Pn.useEffect(()=>{let I=e.pollMs??3e3;if(I<=0||!Oo(o))return;let m=setInterval(()=>{f();},I);return ()=>clearInterval(m)},[e.pollMs,o,f]);let g=Pn.useMemo(()=>new Map(i.map(I=>[Ut(I.entity,I.valueKey),I])),[i]),S=Pn.useCallback((I,m="value")=>g.get(Ut(I,m))??null,[g]);return {feature:n,jobs:o,values:i,byKey:g,getValue:S,loading:u,error:b,ensure:v,refresh:f,running:Oo(o)}}exports.ForkBoundaryUI=Ni;exports.ForkButton=Nn;exports.ForkChatInterface=_t;exports.ForkPanel=dn;exports.ForkProvider=Is;exports.ForkSlot=Ds;exports.ForkUI=aa;exports.clearCachedManifest=ps;exports.createForkDataClient=Uo;exports.forkEntityValueKey=Ut;exports.forkable=sa;exports.loadManifest=In;exports.manifestDiffers=ms;exports.readCachedManifest=ds;exports.registerForkShared=An;exports.useBoundaryFork=zn;exports.useFork=Wn;exports.useForkChatPanel=Vn;exports.useForkDataClient=gn;exports.useForkDataMutation=pa;exports.useForkFeatureValues=fa;exports.useForkLlmJobs=ma;exports.writeCachedManifest=fs;
|