https://skyflo.ai/_next/static/chunks/603-f1e79b60a9f0d01f.js?dpl=dpl_ERWXAvS2jAuRrxWeapJqRYtnNF9K

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[603],{627:(e,t,n)=>{n.d(t,{FN:()=>a,Wx:()=>o,ZR:()=>i,jt:()=>s});var r=n(12115);function s(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>t(e.matches);return n(),e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e}function a(){let[e,t]=(0,r.useState)(!0);return(0,r.useEffect)(()=>{let e=()=>t("visible"===document.visibilityState);return e(),document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),e}function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.2,[n,s]=(0,r.useState)(!0);return(0,r.useEffect)(()=>{let n=e.current;if(!n||"undefined"==typeof IntersectionObserver)return;let r=new IntersectionObserver(e=>s(e.some(e=>e.isIntersecting)),{threshold:t});return r.observe(n),()=>r.disconnect()},[e,t]),n}function i(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"80px 0px 110% 0px",[n,s]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let n=e.current;if(!n)return;if("undefined"==typeof IntersectionObserver)return void s(!0);let r=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(s(!0),r.disconnect())},{rootMargin:t,threshold:0});return r.observe(n),()=>r.disconnect()},[e,t]),n}},20603:(e,t,n)=>{n.d(t,{default:()=>p});var r=n(95155),s=n(12115),a=n(25016),o=n(627),i=n(38865);let l=[{id:"surfaces",part:"SF-05",name:"Surfaces",desc:"Desktop, browser, terminal; all on one mission.",signal:"one mission, several surfaces",hex:i.b.FORWARD},{id:"loop",part:"SF-04",name:"Mission loop",desc:"Six states, written to disk as it goes.",signal:"objective in \xb7 report out",hex:"#4E9DF7"},{id:"agents",part:"SF-03",name:"Specialists",desc:"Coders in isolated worktrees. A reviewer that can't write.",signal:"each agent sees its packet",hex:"#748AF9"},{id:"capabilities",part:"SF-02",name:"Capabilities",desc:"The typed operations each role may call, and nothing else.",signal:"reads are wide \xb7 writes are declared",hex:"#887FFA"},{id:"memory",part:"SF-01",name:"Memory",desc:"Learned from the work, source-linked, and yours to undo.",signal:"the next mission starts here",hex:i.b.REVERSE}],c="cubic-bezier(0.22, 1, 0.36, 1)";function d(e,t){let n=Number.parseInt(e.slice(1),16);return"rgba(".concat(n>>16&255,", ").concat(n>>8&255,", ").concat(255&n,", ").concat(t,")")}function x(e){let{index:t,hex:n,active:s}=e,a={stroke:s?n:d(n,.5),fill:"none",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round"},o={...a,fill:d(n,s?.18:.08)};return 0===t?(0,r.jsx)("svg",{viewBox:"0 0 100 100",className:"h-full w-full p-[18%]","aria-hidden":!0,children:[12,39,66].map(e=>(0,r.jsxs)("g",{children:[(0,r.jsx)("rect",{x:e,y:"26",width:"22",height:"48",rx:"3.5",...o}),(0,r.jsx)("path",{d:"M ".concat(e+3.5," 34 H ").concat(e+18.5),...a})]},e))}):1===t?(0,r.jsxs)("svg",{viewBox:"0 0 100 100",className:"h-full w-full p-[18%]","aria-hidden":!0,children:[(0,r.jsx)("circle",{cx:"50",cy:"50",r:"24",...a}),(0,r.jsx)("circle",{cx:"50",cy:"50",r:"7",...o}),(0,r.jsx)("path",{d:"M 50 26 V 34",...a}),(0,r.jsx)("path",{d:"M 68 68 L 62.5 62.5",...a})]}):2===t?(0,r.jsxs)("svg",{viewBox:"0 0 100 100",className:"h-full w-full p-[20%]","aria-hidden":!0,children:[(0,r.jsx)("rect",{x:"16",y:"16",width:"30",height:"30",rx:"4",...o}),(0,r.jsx)("rect",{x:"54",y:"16",width:"30",height:"30",rx:"4",...o}),(0,r.jsx)("rect",{x:"16",y:"54",width:"30",height:"30",rx:"4",...o}),(0,r.jsx)("rect",{x:"54",y:"54",width:"30",height:"30",rx:"4",...a,strokeDasharray:"3.5 2.5"})]}):3===t?(0,r.jsx)("svg",{viewBox:"0 0 100 100",className:"h-full w-full p-[20%]","aria-hidden":!0,children:[0,1].flatMap(e=>[0,1,2].map(t=>{let n=3*e+t;return(0,r.jsx)("circle",{cx:22+28*t,cy:36+28*e,r:"7",...5===n?a:o},"".concat(e,"-").concat(t))}))}):(0,r.jsxs)("svg",{viewBox:"0 0 100 100",className:"h-full w-full p-[16%]","aria-hidden":!0,children:[(0,r.jsx)("rect",{x:"18",y:"22",width:"64",height:"16",rx:"3",...o}),(0,r.jsx)("path",{d:"M 70 26.5 L 73.5 30 L 80 23.5",...a}),(0,r.jsx)("rect",{x:"24",y:"42",width:"52",height:"16",rx:"3",...a}),(0,r.jsx)("rect",{x:"30",y:"62",width:"40",height:"16",rx:"3",...a})]})}function u(){return(0,r.jsx)(r.Fragment,{children:["left-3 top-3 border-l border-t","right-3 top-3 border-r border-t","left-3 bottom-3 border-l border-b","right-3 bottom-3 border-r border-b"].map(e=>

1(0,r.jsx)("span",{"aria-hidden":!0,className:(0,a.cn)("pointer-events-none absolute h-2.5 w-2.5 border-white/[0.18]",e)},e))})}function p(){let[e,t]=(0,s.useState)(0),[n,p]=(0,s.useState)(!1),[h,b]=(0,s.useState)(0),m=(0,s.useRef)(null),f=(0,s.useRef)(null),g=(0,s.useRef)([]),[v,w]=(0,s.useState)(null),y=(0,o.jt)(),j=(0,o.FN)(),k=(0,o.Wx)(m,.3);(0,s.useEffect)(()=>{if(y)p(!0);else if(k){let e=setTimeout(()=>p(!0),350);return()=>clearTimeout(e)}},[y,k]);let N=!y&&k&&j&&n,E=h>Date.now();(0,s.useEffect)(()=>{if(!N)return;let e=Math.max(3400,h-Date.now()),n=window.setTimeout(()=>{t(e=>(e+1)%l.length)},e);return()=>window.clearTimeout(n)},[N,e,h]),(0,s.useLayoutEffect)(()=>{let t=f.current,n=()=>{let t=g.current[e];t&&w({top:t.offsetTop,height:t.offsetHeight})};n();let r=t?new ResizeObserver(n):null;return t&&r&&r.observe(t),window.addEventListener("resize",n),()=>{null==r||r.disconnect(),window.removeEventListener("resize",n)}},[e]);let _=e=>{t(e),b(Date.now()+9e3)},R=l[e],S=n?60:22;return(0,r.jsxs)("div",{ref:m,className:"overflow-hidden rounded-[20px] border border-white/[0.09] bg-[#0C1420] text-left shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]","aria-label":"Exploded view of the Skyflo harness layers",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between border-b border-white/[0.07] px-4 py-3 sm:px-5",children:[(0,r.jsx)("span",{className:"font-mono text-[10px] uppercase tracking-[0.16em] text-copy-subtle",children:"harness / cutaway"}),(0,r.jsxs)("span",{className:(0,a.cn)("inline-flex items-center gap-2 rounded-full border px-2 py-0.5 font-mono text-[10px] transition-colors duration-500",n?"border-brand-400/20 bg-brand-400/[0.06] text-copy-subtle":"border-white/[0.08] bg-white/[0.02] text-copy-faint"),children:[(0,r.jsx)("span",{"aria-hidden":!0,className:(0,a.cn)("h-1.5 w-1.5 rounded-full transition-colors duration-500",n?"bg-brand-400 shadow-[0_0_8px_rgba(52,169,245,0.8)]":"bg-slate-600")}),"exploded view"]})]}),(0,r.jsxs)("div",{className:"grid md:grid-cols-[minmax(0,1.08fr)_minmax(0,0.92fr)]",children:[(0,r.jsxs)("div",{className:"relative min-h-[400px] overflow-hidden border-b border-white/[0.07] bg-[#070b11] sm:min-h-[440px] md:border-b-0 [perspective:1200px]",children:[(0,r.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-[radial-gradient(58%_42%_at_50%_0%,rgba(52,169,245,0.14),transparent_68%)]"}),(0,r.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-[radial-gradient(62%_46%_at_50%_100%,rgba(155,121,251,0.13),transparent_70%)]"}),(0,r.jsx)(u,{}),(0,r.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-7 bottom-7 w-px -translate-x-1/2 [mask-image:repeating-linear-gradient(to_bottom,black_0_5px,transparent_5px_10px

1)]",style:{background:"linear-gradient(to bottom, transparent, rgba(52,169,245,0.42) 18%, rgba(155,121,251,0.42) 82%, transparent)"}}),(0,r.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-[58%] h-[90px] w-[220px] -translate-x-1/2 rounded-[100%] blur-2xl transition-colors duration-700",style:{background:"radial-gradient(ellipse at center, ".concat(d(R.hex,n?.32:.12)," 0%, transparent 70%)")}}),l.map((t,n)=>{let s=(n-2)*S,a=n===e,o=t.hex;return(0,r.jsx)("div",{className:"absolute left-1/2 top-1/2 [transform-style:preserve-3d]",style:{transform:"translate(-50%, -50%) translateY(".concat(s,"px)"),transition:y?"none":"transform 0.9s ".concat(c," ").concat(70*n,"ms"),zIndex:10-n},children:(0,r.jsxs)("div",{"aria-hidden":!0,onMouseEnter:()=>_(n),onClick:()=>_(n),className:"relative h-[min(184px,48vw)] w-[min(184px,48vw)] cursor-pointer [transform-style:preserve-3d]",style:{transform:"rotateX(57deg) rotateZ(45deg) scale(".concat(a?1.06:1,")"),transition:y?"none":"transform 0.55s ".concat(c,", opacity 0.4s ease")},children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"pointer-events-none absolute left-0 right-0",style:{height:12,top:"100%",transformOrigin:"top",transform:"rotateX(-90deg)",background:"linear-gradient(to bottom, ".concat(d(o,a?.42:.16),", #05070b)"),borderRadius:"0 0 8px 8px"}}),(0,r.jsx)("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 bottom-0",style:{width:12,left:"100%",transformOrigin:"left",transform:"rotateY(90deg)",background:"linear-gradient(to right, ".concat(d(o,a?.28:.1),", #05070b)"),borderRadius:"0 8px 8px 0"}}),(0,r.jsx)("span",{className:"absolute inset-0 overflow-hidden rounded-[10px] border",style:{transform:"translateZ(0.1px)",borderColor:a?d(o,.62):d(o,.22),backgroundColor:a?d(o,.1):"rgba(13,16,22,0.94)",boxShadow:a?"0 0 52px -12px ".concat(d(o,.55),", inset 0 1px 0 rgba(255,255,255,0.14)"):"inset 0 1px 0 rgba(255,255,255,0.045)",opacity:a?1:.86,backgroundImage:"linear-gradient(".concat(d(o,a?.09:.035)," 1px, transparent 1px), linear-gradient(90deg, ").concat(d(o,a?.09:.035)," 1px, transparent 1px)"),backgroundSize:"22px 22px",transition:y?"none":"opacity 0.4s ease, border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.5s ease"},children:(0,r.jsx)(x,{index:n,hex:o,active:a})})]})},t.id)}),l.map((t,s)=>{let o=s===e;return(0,r.jsxs)("div",{"aria-hidden":!0,className:(0,a.cn)("absolute left-3 hidden items-center gap-2 transition-all duration-700 lg:flex",n?"opacity-100":"opacity-0"),style:{top:"calc(50% + ".concat((s-2)*S,"px)"),right:"calc(50% + 118px)",transitionDelay:"".concat(400+70*s,"ms")},children:[(0,r.jsx)("span",{className:"font-mono text-[9px] tabular-nums tracking-[0.08em] transition-colors duration-500",style:{color:o?t.hex:"rgba(148,163,184,0.45)"},children:t.part}),(0,r.jsx)("span",{className:"h-px flex-1 transition-colors duration-500",style:{background:o?d(t.hex,.55):"rgba(255,255,255,0.08)"}})]},t.part)}),(0,r.jsx)("span",{"aria-hidden":!0,className:"absolute inset-y-8 right-0 hidden w-px md:block",style:{background:"linear-gradient(to bottom, ".concat(d(i.b.FORWARD,0),", ").concat(d(i.b.FORWARD,.35)," 18%, ").concat(d(i.b.REVERSE,.35)," 82%, ").concat(d(i.b.REVERSE,0),")")}})]}),(0,r.jsxs)("div",{ref:f,role:"radiogroup","aria-label":"Harness layers",onKeyDown:t=>{var n;let r=l.length-1,s=null;"ArrowDown"===t.key||"ArrowRight"===t.key?s=e===r?0:e+1:"ArrowUp"===t.key||"ArrowLeft"===t.key?s=0===e?r:e-1:"Home"===t.key?s=0:"End"===t.key&&(s=r),null!==s&&(t.preventDefault(),_(s),null==(n=g.current[s])||n.focus())},className:"relative flex flex-col justify-center p-3 sm:p-4",children:[v&&(0,r.jsxs)("span",{"aria-hidden":!0,className:"pointer-events-none absolute left-3 right-3 rounded-xl sm:left-4 sm:right-4",style:{top:v.top,height:v.height,border:"1px solid ".concat(d(R.hex,.28)),background:d(R.hex,.06),boxShadow:"inset 0 1px 0 ".concat(d(R.hex,.08)),transition:y?"none":"top 0.5s ".concat(c,", height 0.5s ").concat(c,", border-color 0.4s ease, background-color 0.4s ease")},children:[(0,r.jsx)("span",{className:"absolute inset-y-2.5 -left-px w-[2px] rounded-full",style:{background:d(R.hex,.9)}}),N&&!E&&(0,r.jsx)("span",{className:"absolute inset-x-4 bottom-0 h-px origin-left",style:{background:d(R.hex,.75),animation:"sf-progress ".concat(3400,"ms linear"),transformOrigin:"left center"}},R.id)]}),l.map((t,n)=>{let s=n===e;return(0,r.jsxs)("button",{ref:e=>{g.current[n]=e},type:"button",role:"radio","aria-checked":s,tabIndex:s?0:-1,onClick:()=>_(n),onMouseEnter:()=>_(n),onFocus:()=>_(n),className:"relative z-10 rounded-xl px-3.5 py-3 text-left outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--sf-cta-ring)]",children:[(0,r.jsxs)("span",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,

1className:"h-1.5 w-1.5 shrink-0 rounded-full transition-colors duration-300",style:{background:s?t.hex:d(t.hex,.38),boxShadow:s?"0 0 8px ".concat(d(t.hex,.7)):"none"}}),(0,r.jsx)("span",{className:(0,a.cn)("text-[13px] font-semibold tracking-[-0.01em] transition-colors duration-300",s?"text-white":"text-slate-200"),children:t.name}),(0,r.jsx)("span",{className:"ml-auto font-mono text-[9px] uppercase tabular-nums tracking-[0.14em] transition-colors duration-300",style:{color:s?t.hex:"rgba(148,163,184,0.5)"},children:t.part})]}),(0,r.jsx)("span",{className:(0,a.cn)("mt-1 block pl-4 text-[12px] leading-5 transition-colors duration-300",s?"text-slate-300":"text-slate-400"),children:t.desc})]},t.id)})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between gap-4 border-t border-white/[0.07] px-3 py-2 font-mono text-[10px] sm:px-5 sm:py-3",children:[(0,r.jsxs)("p",{className:"sr-only","aria-live":"polite",children:[R.name,". ",R.desc]}),(0,r.jsxs)("span",{className:"sf-enter text-copy-subtle",children:[(0,r.jsx)("span",{style:{color:R.hex},children:R.part}),(0,r.jsxs)("span",{className:"text-copy-faint",children:[" \xb7 ",R.signal]})]},R.id),(0,r.jsx)("span",{className:"flex shrink-0 items-center",children:l.map((t,n)=>(0,r.jsx)("button",{type:"button","aria-label":"Inspect ".concat(t.name),"aria-current":n===e,onClick:()=>_(n),tabIndex:-1,className:"flex h-11 w-7 items-center justify-center outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--sf-cta-ring)]",children:(0,r.jsx)("span",{"aria-hidden":!0,className:(0,a.cn)("h-1 rounded-full transition-all duration-500",n===e?"w-4":"w-1"),style:{background:n===e?t.hex:"rgba(71,85,105,0.9)"}})},t.id))})]})]})}},38865:(e,t,n)=>{n.d(t,{b:()=>r});let r={FORWARD:"#34A9F5",FORWARD_HOT:"#6FDCFF",REVERSE:"#9B79FB",REVERSE_HOT:"#C7B0FF"}}}]);