@soba-so/react 0.0.16 → 0.0.18

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "use client"
-var vn=class extends Error{status;constructor(n,t){super(n),this.name="ConnectError",this.status=t}},ro=5*6e4,Cn=class{session;baseUrl;doFetch;lastMachines=null;machinesUrl=null;gatewayBackUntil=0;constructor(n){this.session=n.session,this.baseUrl=(n.baseUrl??"").replace(/\/+$/,""),this.doFetch=n.fetchImpl??fetch.bind(globalThis)}async context(){let n=await this.request("GET","/v1/connect");return this.setMachinesUrl(n.machines_url),n}setMachinesUrl(n){typeof n=="string"&&/^https?:\/\//.test(n)&&(this.machinesUrl=n)}async machines(){let n=this.lastMachines,t=n?`?v=${encodeURIComponent(n.version)}`:"",r;if(this.machinesUrl&&Date.now()>=this.gatewayBackUntil)try{r=await this.request("GET",`${this.machinesUrl}${t}`)}catch(s){if(s instanceof vn&&s.status===401)throw s;this.gatewayBackUntil=Date.now()+ro}if(r??=await this.request("GET",`/v1/machines${t}`),r.unchanged&&n)return n.machines;let o=Array.isArray(r.machines)?r.machines:[];return this.lastMachines=typeof r.version=="string"?{version:r.version,machines:o}:null,o}lookup(n){return this.request("GET",`/v1/device/lookup?code=${encodeURIComponent(n)}`)}approve(n){return this.request("POST","/v1/device/approve",{user_code:n})}claim(n){return this.request("POST","/v1/device/claim",{pairing_nonce:n})}deny(n){return this.request("POST","/v1/device/deny",{user_code:n})}plans(){return this.request("GET","/v1/plans")}selectPlan(n){return this.request("POST","/v1/plans/select",{plan:n})}checkoutPlan(n,t){return this.request("POST","/v1/plans/checkout",{plan:n,...t?.successUrl?{success_url:t.successUrl}:{},...t?.cancelUrl?{cancel_url:t.cancelUrl}:{}})}leavePlan(){return this.request("DELETE","/v1/plans/select")}hosted(){return this.request("GET","/v1/hosted")}startHosted(){return this.request("POST","/v1/hosted/start")}disconnectHosted(n){return this.request("DELETE",n?`/v1/hosted?provider=${encodeURIComponent(n)}`:"/v1/hosted")}approveRuntime(n,t){return this.request("POST","/v1/runtimes/approve",{machine_id:n,runtime_id:t})}async request(n,t,r){let o=await this.doFetch(/^https?:\/\//.test(t)?t:`${this.baseUrl}${t}`,{method:n,headers:{authorization:`Bearer ${this.session}`,...r?{"content-type":"application/json"}:{}},...r?{body:JSON.stringify(r)}:{}}),s={};try{s=await o.json()}catch{}if(!o.ok){let a=typeof s.error=="string"?s.error:`Request failed (${o.status})`;throw new vn(a,o.status)}return s}};function Nn(e){let n=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!n?.[1])return"#ffffff";let t=n[1].length===3?[...n[1]].map(s=>s+s).join(""):n[1],r=s=>{let a=Number.parseInt(t.slice(s*2,s*2+2),16)/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4};return .2126*r(0)+.7152*r(1)+.0722*r(2)>.45?"#101012":"#ffffff"}function dt(e){let n=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!n?.[1])return null;let t=n[1].length===3?[...n[1]].map(r=>r+r).join(""):n[1];return[0,1,2].map(r=>Number.parseInt(t.slice(r*2,r*2+2),16))}function cn(e,n,t){let r=dt(e),o=dt(n);return!r||!o?e:`#${r.map((a,c)=>Math.round(a+(o[c]-a)*t)).map(a=>a.toString(16).padStart(2,"0")).join("")}`}function Ke(e,n){if(!dt(e))return{};let t=Nn(e),r=n?.trim();return{"--sc-ground":e,"--sc-shell":e,"--sc-sheet":cn(e,t,.07),"--sc-raised":cn(e,t,.13),"--sc-line":cn(e,t,.18),"--sc-line-2":cn(e,t,.28),"--sc-text":t,"--sc-text-2":cn(t,e,.15),"--sc-muted":cn(t,e,.38),...r?{"--sc-accent":r,"--sc-accent-fg":Nn(r)}:{"--sc-accent":t,"--sc-accent-fg":e}}}function pt(e){return e.authenticated===!0?{tone:"ok",text:"signed in"}:e.authenticated===!1?{tone:"warn",text:e.auth_hint??"signed out on that machine"}:{tone:"unknown",text:"could not tell"}}function mt(e){let{platform:n,arch:t}=e;if(!n)return null;let r=n==="darwin"||n==="macos",o=r?"Mac":n==="win32"||n==="windows"?"Windows PC":"Linux machine";return r?`${t==="aarch64"||t==="arm64"?"Apple silicon ":""}${o}`:o}function kn(e){return e.find(n=>n.state==="offline")??null}function je(e){let n=e.label?.trim(),t=e.name?.trim();return n&&(!t||n!==t)?n:(t??n??"").replace(/\.(local|lan|home|internal)$/i,"").replace(/[-_]+/g," ").trim()||n||"This machine"}function xn(e){let n=r=>r.state==="busy"?0:r.state==="online"?1:2,t=r=>r.last_seen_at?Date.parse(r.last_seen_at):0;return[...e].sort((r,o)=>n(r)-n(o)||t(o)-t(r))[0]??null}function un(e){return e?e.state==="busy"?{tone:"busy",word:"Serving"}:e.state==="online"?{tone:"ok",word:"Connected"}:{tone:"off",word:"Asleep"}:{tone:"off",word:"No compute"}}function ht(e){return e.state==="online"||e.state==="busy"}function ft(e){if(!e)return"never seen";let n=Date.parse(e);if(Number.isNaN(n))return"never seen";let t=Date.now()-n,r=6e4;return t<2*r?"just now":t<60*r?`${Math.floor(t/r)} min ago`:t<24*60*r?`${Math.floor(t/(60*r))} hr ago`:`${Math.floor(t/(24*60*r))} days ago`}import{jsx as we,jsxs as oo}from"react/jsx-runtime";function j({className:e}){return oo("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:[we("path",{d:"M18.125 7.039A8.6 8.6 0 1 0 18.125 16.961A6 6 0 0 1 18.125 7.039Z",fill:"currentColor"}),we("path",{d:"M19.925 7.039A8.6 8.6 0 0 1 19.925 16.961A6 6 0 0 0 19.925 7.039Z",fill:"currentColor"})]})}function fr({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{fill:"currentColor",d:"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"})})}function Ye({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{fill:"currentColor",d:"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"})})}function Gn({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{d:"M4 5h16v11H4zM9 20h6M12 16v4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function gt({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{d:"M5 6h14v10H5zM2.5 19.5h19",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var Ie={claude:fr,chatgpt:Ye,local:Gn};var ce=[{id:"claude",costClass:"user-subscription",short:"Claude Code",label:"Continue with Claude",title:"The Claude plan you already pay for",cost:"Nothing beyond the plan",prerequisite:"Claude Code installed and signed in",hint:"Install it from claude.ai/code, then run `claude` once and sign in.",install:"https://claude.com/product/claude-code",expects:["claude-code"]},{id:"chatgpt",costClass:"user-subscription",short:"Codex",label:"Continue with ChatGPT",title:"The ChatGPT plan you already pay for",cost:"Nothing beyond the plan",prerequisite:"Codex installed and signed in",hint:"Install Codex, then run `codex` once and sign in.",install:"https://learn.chatgpt.com/codex/cli",expects:["codex"]},{id:"local",costClass:"user-hardware",short:"Local models",label:"Use a model on this machine",title:"A model on your own machine",cost:"Free. You bought the hardware",prerequisite:"Ollama running, with a model pulled",hint:"Install Ollama, then `ollama pull` a model before pairing.",install:"https://ollama.com",expects:["ollama","openai-api"]}],gr=["claude","chatgpt"];function bt(){return ce.filter(e=>gr.includes(e.id))}function yt(e){return ce.filter(n=>n.costClass===e)}function wt(e){return ce.find(n=>n.expects.includes(e))??null}import{jsx as C,jsxs as V}from"react/jsx-runtime";function Qe({machines:e,hosted:n=[],onApproveRuntime:t,onDisconnectHosted:r,onPair:o,onRefresh:s,refreshing:a,busy:c,appName:i,error:u}){let m=xn(e),f=e.filter(b=>b.id!==m?.id);return!m&&n.length===0&&!o?C("p",{className:"sc-note",children:"Nothing connected yet."}):V("div",{className:"sc-tray",children:[m&&C(Vn,{title:"This machine",action:s&&C("button",{type:"button",className:"sc-disc",onClick:s,disabled:a,"aria-label":"Refresh",title:"Refresh",children:C(uo,{spinning:!!a})}),children:C(so,{machine:m})}),m&&C(Vn,{title:"Agents on it",children:m.runtimes.length>0?m.runtimes.map(b=>C(io,{runtime:b,...t?{onApprove:()=>t(m.id,b.id)}:{}},b.id)):C("p",{className:"sc-row-note",children:"No agent advertised. Install Claude Code, Codex or Ollama on that machine."})}),n.length>0&&C(Vn,{title:n.length>1?"Connected plans":"Connected plan",children:n.map(b=>C(lo,{credential:b,appName:i,busy:c,...r?{onDisconnect:()=>r(b.provider)}:{}},b.provider))}),(f.length>0||o)&&V(Vn,{title:f.length>0?"Your other machines":m?"Add a machine":"Your machines",children:[f.map(b=>C(ao,{machine:b},b.id)),o&&V("button",{type:"button",className:"sc-pair",onClick:o,children:[C("span",{className:"sc-otile","aria-hidden":"true",children:C(co,{})}),C("span",{className:"sc-oname",children:e.length>0?"Pair another machine":"Connect a machine"})]})]}),u&&C("p",{className:"sc-error sc-tray-error",children:u})]})}function Vn({title:e,action:n,children:t}){return V("section",{className:"sc-group",children:[V("div",{className:"sc-group-cap",children:[C("p",{className:"sc-group-title",children:e}),n]}),C("div",{className:"sc-group-card",children:t})]})}function so({machine:e}){let n=ht(e),t=[n?null:"Asleep or offline",mt(e),e.always_on?"always on":null,n&&e.capacity>0?`${e.active} of ${e.capacity} in flight`:ft(e.last_seen_at)].filter(Boolean);return V("div",{className:"sc-mrow",children:[V("span",{className:"sc-mtile","aria-hidden":"true",children:[C(br,{}),C("span",{className:`sc-mbadge sc-mbadge-${un(e).tone}`})]}),V("span",{className:"sc-mid",children:[C("span",{className:"sc-mname",children:je(e)}),C("span",{className:"sc-mmeta",children:t.map((r,o)=>V("span",{children:[o>0&&C("span",{className:"sc-mmeta-sep",children:"\xB7"}),r]},r))})]})]})}function ao({machine:e}){let n=un(e);return V("div",{className:"sc-orow",children:[C("span",{className:"sc-otile","aria-hidden":"true",children:C(br,{})}),C("span",{className:"sc-oname",children:je(e)}),C("span",{className:"sc-oword",children:n.word}),C("span",{className:`sc-dot sc-dot-${n.tone}`,"aria-hidden":"true"})]})}function io({runtime:e,onApprove:n}){let t=wt(e.id),r=t?Ie[t.id]:null,o=pt(e);return V("div",{className:"sc-arow",children:[C("span",{className:"sc-runtime-tile","aria-hidden":"true",children:r&&C(r,{className:"sc-runtime-mark"})}),V("span",{className:"sc-aname",children:[e.display_name,e.version&&V("span",{className:"sc-aversion",children:[" ",e.version]})]}),e.quarantined?n?C("button",{type:"button",className:"sc-row-act",onClick:n,children:"Let it serve"}):C("span",{className:"sc-averdict sc-tone-warn",children:"new, not serving yet"}):o.tone==="ok"?V("span",{className:"sc-averdict",children:[C("span",{className:"sc-dot sc-dot-ok","aria-hidden":"true"}),C("span",{className:"sc-sr",children:o.text})]}):C("span",{className:`sc-averdict sc-tone-${o.tone}`,children:o.text})]})}function lo({credential:e,appName:n,busy:t,onDisconnect:r}){return V("div",{className:"sc-hrow",children:[V("div",{className:"sc-orow",children:[C("span",{className:"sc-otile","aria-hidden":"true",children:C(Ye,{className:"sc-omark"})}),V("span",{className:"sc-mid",children:[C("span",{className:"sc-oname",children:e.provider==="openai-chatgpt"?"ChatGPT plan":e.provider}),C("span",{className:"sc-mmeta",children:e.account_label??"signed in"})]}),r&&C("button",{type:"button",className:"sc-row-act",onClick:r,disabled:t,children:"Disconnect"})]}),r&&V("p",{className:"sc-row-note",children:[n??"This app"," stops using it. To withdraw the grant entirely, remove it in your OpenAI settings."]})]})}function br(){return V("svg",{viewBox:"0 0 32 24","aria-hidden":"true",focusable:"false",className:"sc-mglyph",children:[C("rect",{x:"4",y:"1.5",width:"24",height:"15",rx:"2.5",fill:"var(--sc-sheet, #ffffff)",stroke:"currentColor",strokeWidth:"2"}),C("rect",{x:"1",y:"19.5",width:"30",height:"2.5",rx:"1.25",fill:"currentColor"})]})}function co(){return C("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:"sc-oglyph",children:C("path",{d:"M12 5v14M5 12h14",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}function uo({spinning:e}){return C("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e?"sc-dglyph sc-spin":"sc-dglyph",children:C("path",{d:"M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as po}from"react/jsx-runtime";function Sn({machines:e,onApproveRuntime:n}){return po(Qe,{machines:e,...n?{onApproveRuntime:n}:{}})}var vt={ready:{arc:!0},serving:{arc:!0,slot:"stream"},paused:{arc:!1,slot:"zzz"},thinking:{arc:!1,slot:"dots"},connecting:{arc:!1,slot:"orbit"},attention:{arc:!1,slot:"bang"},gone:{arc:!1,slot:"cross"},snap:{arc:!1,slot:"snap"},listening:{arc:!1,slot:"bars"},permission:{arc:!1,slot:"ring"},ai:{arc:!1,slot:"sparks"}};var Ct="105 162 420 420",Nt="M407.1 308.9 A158 158 0 1 0 407.1 491.1 A116 116 0 0 1 407.1 308.9 Z",Ze="M448.5 320 A110 110 0 0 1 448.5 480";import{Fragment as _n,jsx as x,jsxs as $e}from"react/jsx-runtime";function kt({kind:e,size:n=44,className:t}){let r=vt[e];return $e("svg",{className:`bx${t?` ${t}`:""}`,"data-expression":e,viewBox:Ct,overflow:"visible",width:n,height:n,"aria-hidden":"true",children:[x("path",{d:Nt,fill:"currentColor"}),x("path",{className:"bx-arc",d:Ze,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),r.slot==="stream"&&x(mo,{}),r.slot==="zzz"&&x(ho,{}),r.slot==="dots"&&x(fo,{}),r.slot==="bang"&&x(go,{}),r.slot==="orbit"&&x(bo,{}),r.slot==="cross"&&x(yo,{}),r.slot==="snap"&&x(wo,{}),r.slot==="bars"&&x(vo,{}),r.slot==="ring"&&x(Co,{}),r.slot==="sparks"&&x(No,{})]})}function mo(){return x("path",{className:"bx-st",d:"M475.3 290.3 A150 150 0 0 1 475.3 509.7",fill:"none",stroke:"currentColor",strokeWidth:"15",strokeLinecap:"round",strokeDasharray:"0.1 31"})}function ho(){return $e(_n,{children:[x("g",{className:"bx-z1",children:x("path",{d:"M444 372 H496 L444 436 H496",fill:"none",stroke:"currentColor",strokeWidth:"20",strokeLinecap:"round",strokeLinejoin:"round"})}),x("g",{className:"bx-z2",children:x("path",{d:"M492 300 H522 L492 338 H522",fill:"none",stroke:"currentColor",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round"})})]})}function fo(){return $e(_n,{children:[x("circle",{className:"bx-th",cx:"463.1",cy:"336.9",r:"21",fill:"currentColor"}),x("circle",{className:"bx-th bx-th2",cx:"483",cy:"400",r:"21",fill:"currentColor"}),x("circle",{className:"bx-th bx-th3",cx:"463.1",cy:"463.1",r:"21",fill:"currentColor"})]})}function go(){return $e("g",{className:"bx-at",children:[x("line",{x1:"490",y1:"312",x2:"490",y2:"414",stroke:"currentColor",strokeWidth:"46",strokeLinecap:"round"}),x("circle",{cx:"490",cy:"484",r:"28",fill:"currentColor"})]})}function bo(){return $e("g",{className:"bx-ob",children:[x("path",{d:Ze,fill:"none",stroke:"var(--tile-bg, transparent)",strokeWidth:41,strokeLinecap:"round"}),x("path",{d:Ze,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})]})}function yo(){return $e(_n,{children:[x("path",{className:"bx-xa",d:Ze,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),x("g",{className:"bx-xx",children:x("path",{d:"M442 364 L514 436 M514 364 L442 436",fill:"none",stroke:"currentColor",strokeWidth:"24",strokeLinecap:"round"})})]})}function wo(){return x("path",{className:"bx-snap",d:Ze,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})}function vo(){return $e("g",{stroke:"currentColor",strokeWidth:"17",strokeLinecap:"round",children:[x("line",{className:"bx-vb",x1:"452",y1:"370",x2:"452",y2:"430"}),x("line",{className:"bx-vb bx-vb2",x1:"482",y1:"330",x2:"482",y2:"470"}),x("line",{className:"bx-vb bx-vb3",x1:"512",y1:"355",x2:"512",y2:"445"})]})}function Co(){return x(_n,{children:[[450,366],[474,376],[484,400],[474,424],[450,434],[426,424],[416,400],[426,376]].map(([n,t],r)=>x("circle",{className:"bx-w",cx:n,cy:t,r:"11",fill:"currentColor",style:{animationDelay:`${-1.2+r*.15}s`}},r))})}function No(){return $e(_n,{children:[x("g",{className:"bx-sp",children:x("path",{d:"M460 300 Q465.4 324.6 490 330 Q465.4 335.4 460 360 Q454.6 335.4 430 330 Q454.6 324.6 460 300 Z",fill:"currentColor"})}),x("g",{className:"bx-sp bx-sp2",children:x("path",{d:"M486 356 Q493.92 392.08 530 400 Q493.92 407.92 486 444 Q478.08 407.92 442 400 Q478.08 392.08 486 356 Z",fill:"currentColor"})}),x("g",{className:"bx-sp bx-sp3",children:x("path",{d:"M460 440 Q465.4 464.6 490 470 Q465.4 475.4 460 500 Q454.6 475.4 430 470 Q454.6 464.6 460 440 Z",fill:"currentColor"})})]})}import{useCallback as oe,useEffect as re,useId as Mo,useMemo as He,useRef as dn,useState as H}from"react";var En=[{slug:"mac-arm",label:"macOS, Apple silicon"},{slug:"mac-intel",label:"macOS, Intel"},{slug:"windows",label:"Windows"},{slug:"linux",label:"Linux"}];function Mn(e){if(!e)return"";try{return new URL(e).origin}catch{return""}}function vr(e,n){return n<2*6e4?e:n<10*6e4?Math.max(e,6e4):n<30*6e4?Math.max(e,3*6e4):Math.max(e,10*6e4)}var ko=3e3,xo=2*6e4,zn=Date.now(),Kn=new Set,wr=!1;function So(){if(wr||typeof window>"u")return;wr=!0;let e=()=>{let t=zn;if(zn=Date.now(),zn-t>xo)for(let r of Kn)r()};for(let t of["pointerdown","keydown","wheel","touchstart"])window.addEventListener(t,e,{capture:!0,passive:!0});let n=()=>{if(!document.hidden)for(let t of Kn)t()};window.addEventListener("focus",n),document.addEventListener("visibilitychange",n)}function De(e,n,t={}){So();let r,o=t.immediate===!1?Date.now():0,s=!1,a=!1,c=()=>{a||(r=setTimeout(i,t.idle===!1?n:vr(n,Date.now()-zn)))},i=async()=>{if(clearTimeout(r),!(a||s)){if(typeof document>"u"||!document.hidden){s=!0,o=Date.now();try{await e()}catch{}finally{s=!1}}c()}},u=()=>{Date.now()-o>Math.min(n,ko)&&i()};return Kn.add(u),t.immediate===!1?c():i(),()=>{a=!0,clearTimeout(r),Kn.delete(u)}}var xt="soba";function Cr(){return`${xt}://show`}function Rn(e,n,t){let r=`${xt}://connect?url=${encodeURIComponent(e)}`;return n&&(r+=`&nonce=${encodeURIComponent(n)}`),t&&(r+=`&want=${encodeURIComponent(t)}`),r}function Ln(){let e=globalThis.crypto;if(!e?.getRandomValues)return null;let n=e.getRandomValues(new Uint8Array(32)),t="";for(let r of n)t+=String.fromCharCode(r);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}var Po=1600;function St(e={}){return Et(e)}async function Pt(e,n={}){if(typeof window>"u"||typeof document>"u")return"unknown";let t=Et(n);try{window.location.href=Rn(e,n.nonce,n.want)}catch{return"absent"}return t}async function _t(e={}){if(typeof window>"u"||typeof document>"u")return"unknown";let n=Et(e);try{window.location.href=Cr()}catch{return"absent"}return n}async function Et(e){if(typeof window>"u"||typeof document>"u")return"unknown";let n=e.graceMs??Po,t=document.visibilityState==="visible"&&document.hasFocus(),r=!1,o=()=>{r=!0},s=()=>{document.visibilityState==="hidden"&&(r=!0)};return window.addEventListener("blur",o),window.addEventListener("pagehide",o),document.addEventListener("visibilitychange",s),await new Promise(a=>setTimeout(a,n)),window.removeEventListener("blur",o),window.removeEventListener("pagehide",o),document.removeEventListener("visibilitychange",s),t?r?"opened":"absent":"unknown"}var Nr="soba.connect.choice",_o=180*24*60*60*1e3;function xr(e){let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)}function Mt(e,n){return e?n?`${Nr}.${e}.${xr(n)}`:`${Nr}.${e}`:null}function Rt(e){if(!e||typeof localStorage>"u")return null;try{let n=localStorage.getItem(e);if(!n)return null;let t=JSON.parse(n);if(Date.now()-Date.parse(t.at)>_o)return null;let r=ce.find(o=>o.id===t.choice);return r?r.id:null}catch{return null}}function Lt(e,n){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({choice:n,at:new Date().toISOString()}))}catch{}}var kr="soba.connect.dismissed",Eo=30*24*60*60*1e3;function Tt(e,n){return e?n?`${kr}.${e}.${xr(n)}`:`${kr}.${e}`:null}function Ot(e){if(!e||typeof localStorage>"u")return!1;try{let n=localStorage.getItem(e);if(!n)return!1;let t=JSON.parse(n);return Date.now()-Date.parse(t.at)<Eo}catch{return!1}}function At(e){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({at:new Date().toISOString()}))}catch{}}import{Fragment as Qn,jsx as l,jsxs as N}from"react/jsx-runtime";var It=2e3,Ro=1e4,Lo=9e4,To=6e4;function $t(e,n,t,r=[],o){return e?"code":n&&(t.length>0||r.length>0)?"manage":o?"launch":"choose"}function Oo(e){let n=Math.max(0,Math.round(e/1e3));return`${Math.floor(n/60)}:${String(n%60).padStart(2,"0")}`}function Ut({client:e,initialCode:n,initialChoice:t,onConnected:r,showStatus:o=!0,initialContext:s=null,initialMachines:a,onClose:c,headingId:i,theme:u,reason:m,active:f=!0}){let b=!!s&&a!==void 0,[g,p]=H(b?$t(n,o,a??[],[],t):"loading"),[y,_]=H(s),[k,U]=H(a??[]),[M,fe]=H(n??""),[S,se]=H(null),[T,P]=H(null),[W,z]=H(!1),[ae,tn]=H(0),[ue,ke]=H(()=>Date.now()),[K,xe]=H(null),[Se,qe]=H(!1),[F,Te]=H(!1),[rn,de]=H("browser"),[We,on]=H(null),[G,ge]=H([]),[O,pe]=H(0),[be,Pe]=H(null),B=dn(null),[X,E]=H(t??null),[at,sn]=H(null),ne=He(()=>{let d=y?.accent?.trim(),v=y?.background?.trim();if(!(!d&&!v))return v?{...Ke(v,d),background:v,borderRadius:"inherit"}:{"--sc-accent":d,"--sc-accent-fg":Nn(d)}},[y?.accent,y?.background]),an=Mo(),ie=i??an,Oe=dn(null);re(()=>{if(!e||b)return;let d=!0;return Promise.all([e.context(),e.machines()]).then(([v,I])=>{d&&(_(v),U(I),p($t(n,o,I)))}).catch(v=>{d&&(P(v.message),p("choose"))}),()=>{d=!1}},[e,n,o,b]),re(()=>{g!=="loading"||!b||p($t(n,o,a??[]))},[g,b,n,o,a]),re(()=>{a&&U(a)},[a]),re(()=>{s&&_(s)},[s]);let bn=dn(!1),_e=dn(g);_e.current=g;let yn=dn(G);yn.current=G;let Fe=!!y?.hosted_available;re(()=>{!o&&_e.current==="manage"&&p("choose")},[o]),re(()=>{if(!e||!f||g!=="manage")return;let d=!0,v=De(async()=>{try{let I=await e.machines();if(!d)return;U(I);let $=!Fe||bn.current;I.length===0&&yn.current.length===0&&$&&_e.current==="manage"&&p("choose")}catch{}},Ro,{immediate:!1});return()=>{d=!1,v()}},[g,e,Fe,f]);let Ge=Mt(y?.publishable_key??null);re(()=>{sn(Rt(Ge))},[Ge]),re(()=>{if(!e||!Fe)return;let d=!0;return e.hosted().then(v=>{d&&(ge(v.credentials),!bn.current&&(bn.current=!0,v.credentials.length>0&&o&&_e.current==="choose"&&p("manage")))}).catch(()=>{}),()=>{d=!1}},[e,Fe,o]),re(()=>{if(!e||!f||g!=="hosted")return;let d=!0,v=async()=>{try{let Ae=await e.hosted();if(!d)return!1;if(ge(Ae.credentials),Ae.credentials.length>0)return p("hosted_connected"),Pe(null),!0}catch{}return!1},I=async()=>{B.current?.closed&&(B.current=null,!await v()&&d&&p("choose"))},$=De(v,It,{immediate:!1}),ze=setInterval(I,400),Me=Ae=>{let hr=Ae.data;hr?.source==="soba"&&hr.type==="hosted_result"&&v()};return window.addEventListener("message",Me),()=>{d=!1,$(),clearInterval(ze),window.removeEventListener("message",Me),B.current=null}},[e,g,f]);let it=oe(()=>{if(!e)return;let d=window.open("","soba-connect-plan","width=520,height=760,noopener=no");B.current=d,p("hosted"),pe(Date.now()),Pe(null),P(null),e.startHosted().then(({url:v})=>{if(d&&!d.closed){d.location.href=v;return}Pe(v)}).catch(v=>{d?.close(),B.current=null,P(v.message),p("choose")})},[e]),Bn=oe(async d=>{if(e){z(!0);try{await e.disconnectHosted(d),ge((await e.hosted()).credentials)}catch(v){P(v.message)}finally{z(!1)}}},[e]);re(()=>{if(!e||!f||g!=="waiting")return;let d=!0,v=De(async()=>{try{let I=await e.machines();if(!d)return;U(I);let $=Oe.current;if(!$)return;let ze=I.filter(Ae=>!$.has(Ae.id)),Me=ze.find(Ae=>Ae.state!=="offline")??ze[0];Me&&(on(Me.id),X&&Lt(Ge,X),p("connected"),r?.(I))}catch{}},It,{immediate:!1});return()=>{d=!1,v()}},[g,e,r,X,Ge,f]);let qn=oe(async()=>{if(e){P(null),z(!0);try{let d=await e.lookup(M);se(d),p("confirm")}catch(d){P(d.message)}finally{z(!1)}}},[e,M]),Wn=oe(async()=>{if(e){P(null),z(!0);try{try{Oe.current=new Set((await e.machines()).map(d=>d.id))}catch{Oe.current=new Set(k.map(d=>d.id))}await e.approve(M),p("waiting"),tn(Date.now())}catch(d){P(d.message)}finally{z(!1)}}},[e,M,k]),Fn=oe(async()=>{if(e){z(!0);try{await e.deny(M),de("browser"),p("denied")}catch(d){P(d.message)}finally{z(!1)}}},[e,M]),A=He(()=>y?.connect_url??null,[y]),[te,wn]=H(()=>Ln()),lt=He(()=>A?Rn(A,te??void 0,X??void 0):null,[A,te,X]),w=He(()=>Mn(A),[A]),Y=oe(d=>{if(k.length===0)return null;let v=ce.find($=>$.id===d);if(!v)return null;let I=k.flatMap($=>$.runtimes??[]).filter($=>v.expects.includes($.id));return I.length===0?{tone:"dim",text:"not installed"}:I.some($=>$.authenticated===!0)?{tone:"ok",text:"ready"}:I.every($=>$.authenticated===!1)?{tone:"warn",text:"needs signing in"}:{tone:"dim",text:"installed"}},[k]),le=oe((d=null)=>{E(d),P(null),xe(null),qe(!1),Te(!1),ln.current=!1,wn(Ln()),p("launch")},[]),ln=dn(!!t);re(()=>{g!=="launch"||!A||ln.current||(ln.current=!0,qe(!0),Pt(A,{...te?{nonce:te}:{},...X?{want:X}:{}}).then(xe))},[g,A,te,X]);let ye=oe(()=>{qe(!0),St().then(xe)},[]),ct=oe(d=>{if(F){let v=Ln();Te(!1),wn(v),A&&(d.preventDefault(),window.location.href=Rn(A,v??void 0,X??void 0))}ye()},[F,ye,A,X]),Ee=He(()=>{let d=y?.runtimes;return d?ce.filter(v=>d.includes(v.id)):bt()},[y?.runtimes]),ee=He(()=>{let d=ce.find(v=>v.id===X);return d?{choice:d,Mark:Ie[d.id]??null}:null},[X]),ut=He(()=>k.find(d=>d.id===We),[k,We]);re(()=>{let d=te;if(!e||!f||g!=="launch"||!d)return;let v=!1,I=Date.now()+15e4,$=()=>{};return $=De(async()=>{if(Date.now()>I){$(),Te(!0);return}try{let ze=await e.claim(d);if(v)return;if(ze.declined){$(),xe(null),de("machine"),p("denied");return}if(!ze.claimed)return;$();try{Oe.current=new Set((await e.machines()).map(Me=>Me.id))}catch{Oe.current=new Set(k.map(Me=>Me.id))}p("waiting"),tn(Date.now())}catch{}},It,{immediate:!1,idle:!1}),()=>{v=!0,$()}},[e,g,k,te,f]);let Ve=He(()=>{if(!S)return null;if(S.approved||S.denied)return"answered";let d=S.expires_at?Date.parse(S.expires_at):Number.NaN;return Number.isFinite(d)&&d<=ue?"expired":"live"},[S,ue]);re(()=>{if(!(g==="confirm"&&Ve==="live"||g==="waiting"||g==="hosted"))return;let v=setInterval(()=>ke(Date.now()),1e3);return()=>clearInterval(v)},[g,Ve]);let mr=oe(async(d,v)=>{if(e)try{await e.approveRuntime(d,v),U(await e.machines())}catch(I){P(I.message)}},[e]);return g==="loading"?l("div",{className:"soba-connect",...u?{"data-theme":u}:{},style:ne,children:l("div",{className:"sc-card",children:l("p",{className:"sc-note",children:"Loading\u2026"})})}):N("div",{className:"soba-connect",...u?{"data-theme":u}:{},style:ne,children:[c&&l("button",{type:"button",className:"sc-modal-close",onClick:c,"aria-label":"Close",children:"\xD7"}),g==="manage"&&N("div",{className:"sc-card",children:[l("h2",{className:"sc-title",id:ie,children:"Your compute"}),N("p",{className:"sc-sub",children:[l(jn,{context:y})," ",k.length>0&&G.length>0?"runs on your connected plan, and on these machines while they are awake.":G.length>0?"runs on the plan you connected. Nothing here is charged to you.":"runs on these machines, while they are awake."]}),l(Qe,{machines:k,hosted:G,onApproveRuntime:mr,onDisconnectHosted:d=>void Bn(d),onPair:()=>p("choose"),busy:W,...y?.app.name?{appName:y.app.name}:{}}),T&&l("p",{className:"sc-error",children:T})]}),g==="choose"&&N("div",{className:"sc-card",children:[l(Io,{context:y}),l("h2",{className:"sc-h",id:ie,children:m==="payment_required"?"Carry on with your own AI":m==="no_compute"?"This run needs a machine":"Connect your AI"}),l("p",{className:"sc-p",children:"Use compute you already have."}),A&&Ee.length>0&&N(Qn,{children:[l("div",{className:"sc-opts",children:Ee.map(d=>{let v=Ie[d.id];return N("button",{type:"button",className:"sc-opt",onClick:()=>le(d.id),children:[l("span",{className:"sc-opt-tile","aria-hidden":"true",children:v&&l(v,{className:"sc-opt-mark"})}),l("span",{className:"sc-opt-text",children:l("span",{className:"sc-opt-label",children:d.label})}),(()=>{let I=Y(d.id);return I?l("span",{className:`sc-opt-has sc-opt-has-${I.tone}`,children:I.text}):at===d.id?l("span",{className:"sc-opt-last",children:"last used"}):l(Dt,{className:"sc-opt-go"})})()]},d.id)})}),N("p",{className:"sc-opt-note",children:["Your accounts stay there. ",Sr(y)," never sees them."]})]}),(!A||Ee.length===0)&&l("p",{className:"sc-error",style:{marginTop:16},children:"This app has no publishable key yet, so there is nothing to pair against."}),T&&l("p",{className:"sc-error",children:T}),A&&y?.show_code===!0&&l("div",{className:"sc-opt-alt",children:l("button",{type:"button",className:"sc-alt-link",onClick:()=>p("code"),children:"I have a code"})})]}),g==="launch"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"Soba App"})]}),l(Yn,{mark:ee?.Mark??j,still:F||!Se&&K===null}),l("h2",{className:"sc-h",id:ie,children:F?"No answer from this machine":K==="absent"?"Nothing opened":K===null?"Opening Soba App\u2026":"Approve it on this machine"}),F?l("p",{className:"sc-p",children:"The Soba app did not answer. It may not be open, or nobody was there. Try again when you are ready."}):K==="absent"?l("p",{className:"sc-p",children:"Nothing opened on this machine. Open it yourself below, or install it if it is not here yet."}):l("p",{className:"sc-p",children:K===null?"Approve it there and this page does the rest.":"This page finishes on its own."}),ee&&N("p",{className:"sc-prereq",children:[ee.Mark&&l(ee.Mark,{className:"sc-rt-mark"}),"Needs ",ee.choice.prerequisite]}),N("div",{className:"sc-stack",style:{marginTop:18},children:[l("a",{className:K==="absent"||F?"sc-btn sc-btn-primary":"sc-btn",href:lt??"#",onClick:ct,children:F?"Try again":K==="absent"?"Open Soba App":"Open it again"}),l("p",{className:"sc-note",children:K===null?"Your browser will ask permission first.":"Your browser asks permission the first time."}),ee&&K==="absent"&&l("p",{className:"sc-note",children:l($o,{text:ee.choice.hint})}),N("div",{className:"sc-foot-strip",children:[l("span",{children:"Not installed on this machine?"}),N("button",{type:"button",className:"sc-foot-go",onClick:()=>p("get"),children:["Get it",l(Dt,{})]})]})]})]}),g==="get"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("launch")}),l("p",{className:"sc-head-title",children:"Get Soba App"})]}),l("div",{className:"sc-opts",children:En.map(d=>N("a",{className:"sc-opt",href:`${w}/download/${d.slug}`,target:"_blank",rel:"noreferrer noopener",children:[l("span",{className:"sc-opt-tile","aria-hidden":"true",children:l(gt,{className:"sc-opt-mark"})}),l("span",{className:"sc-opt-text",children:l("span",{className:"sc-opt-label",children:d.label})}),l(Dt,{className:"sc-opt-go"})]},d.slug))}),l("p",{className:"sc-opt-note",children:"Install it, then come back here and press the row you started with."})]}),g==="code"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"Soba App"})]}),l("h2",{className:"sc-h",id:ie,children:"Enter the code from that machine"}),l("p",{className:"sc-p",children:"Eight characters, shown by the Soba app once you paste the link."}),N("form",{className:"sc-stack",style:{marginTop:16},onSubmit:d=>{d.preventDefault(),qn()},children:[l("input",{className:"sc-input",value:M,onChange:d=>fe(d.target.value),placeholder:"ACDE-F234",autoComplete:"off",autoFocus:!0,"aria-label":"Pairing code"}),T&&l("p",{className:"sc-error",children:T}),l("button",{type:"submit",className:"sc-btn sc-btn-primary",disabled:W||M.length<8,children:W?"Checking\u2026":"Continue"})]})]}),g==="confirm"&&S&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("code")}),l("p",{className:"sc-head-title",children:"Soba App"})]}),l("h2",{className:"sc-title",children:"Attach this machine to your account?"}),N("p",{className:"sc-sub",children:[l(jn,{context:y})," may send your runs to it once you approve. It can never see the account or the keys on it."]}),N("ul",{className:"sc-facts",children:[l(Tn,{k:"Code",v:S.user_code}),l(Tn,{k:"Machine",v:S.hostname??"not stated"}),l(Tn,{k:"System",v:[S.platform,S.arch].filter(Boolean).join(" / ")||"not stated"}),l(Tn,{k:"Asked by",v:S.client??"not stated"}),S.labels.length>0&&l(Tn,{k:"Labels",v:S.labels.join(", ")})]}),l("p",{className:"sc-note",style:{marginTop:12},children:"Every line above is what that machine said about itself. If none of it looks like a computer of yours, say no."}),Ve==="expired"&&l("p",{className:"sc-error",children:"That code has expired. Ask the machine for a new one. It prints a fresh code each time it starts."}),Ve==="answered"&&l("p",{className:"sc-error",children:"That code has already been answered. If it was not you, deny the next one."}),T&&l("p",{className:"sc-error",children:T}),N("div",{className:"sc-row",style:{marginTop:16},children:[l("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:()=>void Wn(),disabled:W||Ve!=="live",children:"Approve"}),l("button",{type:"button",className:"sc-btn",onClick:()=>void Fn(),disabled:W||Ve==="answered",children:"No, deny it"})]}),Ve==="live"&&S.expires_at&&N("p",{className:"sc-note",style:{marginTop:10},children:["This code expires in ",Oo(Date.parse(S.expires_at)-ue),"."]})]}),g==="waiting"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:ee?.choice.short??"Soba App"})]}),l(Yn,{mark:ee?.Mark??j}),l("h2",{className:"sc-h",id:ie,children:"Approved. Waiting for it to connect"}),l("p",{className:"sc-p",children:"Nothing more to do here. This page changes when it arrives."}),ae>0&&ue-ae>Lo&&l("p",{className:"sc-note sc-tone-warn",style:{marginTop:14,textAlign:"center"},children:"Still nothing. Look at the Soba app on that machine: it says what it is doing. This keeps watching either way."})]}),g==="connected"&&N("div",{className:"sc-card",children:[l(Ht,{tone:"ok"}),l("h2",{className:"sc-h",id:ie,children:ut?.label?`${ut.label} is connected`:"Connected"}),N("p",{className:"sc-p",children:[l(jn,{context:y})," will use ",ut?.label?"it":"this machine"," from now on, while it is awake."]}),o&&N(Qn,{children:[l("div",{style:{marginTop:16},children:l(Sn,{machines:k,onApproveRuntime:mr})}),l("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:14},onClick:()=>p("manage"),children:"Done"})]})]}),g==="hosted"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(pn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"ChatGPT"})]}),be?l(Yn,{mark:Ye,still:!0}):l(Yn,{mark:Ye}),l("h2",{className:"sc-h",id:ie,children:be?"Your browser blocked the window":"Finish signing in to ChatGPT"}),l("p",{className:"sc-p",children:be?"Nothing opened. Open the sign-in yourself below. A link you click is allowed where a window we open is not.":"Approve it in the window that opened."}),N("div",{className:"sc-stack",style:{marginTop:18},children:[be&&l("a",{className:"sc-btn sc-btn-primary",href:be,target:"soba-connect-plan",rel:"noreferrer",children:"Open the ChatGPT sign-in"}),T&&l("p",{className:"sc-error",children:T}),O>0&&ue-O>To&&l("p",{className:"sc-note sc-tone-warn",children:"Still nothing. The window may have been closed before it finished, or the sign-in may have been declined. This keeps watching either way."})]})]}),g==="hosted_connected"&&N("div",{className:"sc-card",children:[l(Ht,{tone:"ok"}),l("h2",{className:"sc-h",id:ie,children:"ChatGPT is connected"}),N("p",{className:"sc-p",children:[l(jn,{context:y})," will run on your ChatGPT plan",G[0]?.account_label?` (${G[0].account_label})`:"",". Nothing more to pay, nothing to install."]}),l("p",{className:"sc-opt-note",style:{textAlign:"center"},children:"It runs on our side, so it has no access to your files or your terminal."}),o&&N(Qn,{children:[l("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>p("manage"),children:"Done"}),l("div",{className:"sc-opt-alt",children:l("button",{type:"button",className:"sc-alt-link",onClick:()=>p("choose"),children:"Connect a machine too"})})]})]}),g==="denied"&&N("div",{className:"sc-card",children:[l(Ht,{tone:"off"}),l("h2",{className:"sc-h",id:ie,children:"Declined"}),l("p",{className:"sc-p",children:rn==="machine"?"Nothing was connected. You can ask again whenever you like.":"That machine was not attached to your account, and the terminal has been told so."}),l("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>p("choose"),children:"Back to the start"})]})]})}function Sr(e){return e?.app.name??"this app"}function Ao(e){let n=e?.app.icon_urls;if(n?.length)return n;let t=e?.app.icon_url;return t?[t]:[]}function Pr(e){let n=Ao(e),[t,r]=H([]),o=oe(c=>{c&&r(i=>i.includes(c)?i:[...i,c])},[]),s=oe(c=>o(c.currentTarget.getAttribute("src")),[o]),a=oe(c=>{c?.complete&&c.naturalWidth===0&&o(c.getAttribute("src"))},[o]);return{icon:n.find(c=>!t.includes(c)),onError:s,ref:a}}function Io({context:e}){let{icon:n,onError:t,ref:r}=Pr(e);return e?.app.mark==="soba"?l(j,{className:"sc-app-mark"}):n?l("img",{className:"sc-app-mark",src:n,alt:"","aria-hidden":"true",ref:r,onError:t}):null}function jn({context:e}){let{icon:n,onError:t,ref:r}=Pr(e),o=e?.app.mark==="soba";return N("span",{className:"sc-app",children:[o&&l(j,{className:"sc-app-icon"}),!o&&n&&l("img",{className:"sc-app-icon",src:n,alt:"",ref:r,onError:t}),Sr(e)]})}function pn({onClick:e}){return l("button",{type:"button",className:"sc-head-back",onClick:e,"aria-label":"Back",children:l("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:l("path",{d:"M15 5 8 12l7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}function Dt({className:e}){return l("svg",{className:e,viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:l("path",{d:"M9 5l7 7-7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function Yn({mark:e,still:n}){return N("span",{className:"sc-waiting","aria-hidden":"true",children:[!n&&l("svg",{className:"sc-waiting-orbit",viewBox:"0 0 100 100","aria-hidden":"true",focusable:"false",children:l("circle",{className:"sc-waiting-arc",cx:"50",cy:"50",r:"46"})}),l(e,{className:"sc-waiting-mark"})]})}function Ht({tone:e}){return l("span",{className:`sc-result sc-result-${e}`,"aria-hidden":"true",children:l(kt,{kind:e==="ok"?"snap":"gone",size:84})})}function $o({text:e}){return l(Qn,{children:e.split("`").map((n,t)=>t%2===1?l("code",{className:"sc-inline-code",children:n},t):n)})}function Tn({k:e,v:n}){return N("li",{className:"sc-fact",children:[l("span",{className:"sc-fact-key",children:e}),l("span",{children:n})]})}import{useEffect as Do,useRef as qt}from"react";var Zn=0,Bt=null;function _r(){if(typeof document>"u")return()=>{};Zn===0&&(Bt=document.body.style.overflow,document.body.style.overflow="hidden"),Zn+=1;let e=!1;return()=>{e||(e=!0,Zn-=1,Zn===0&&(document.body.style.overflow=Bt??"",Bt=null))}}import{jsx as Er}from"react/jsx-runtime";function On({open:e,onClose:n,labelledBy:t,theme:r,style:o,children:s}){let a=qt(null),c=qt(null),i=qt(null);return Do(()=>{let u=a.current;if(u){if(!e){u.open&&u.close();return}return u.open||u.showModal(),document.activeElement===u&&c.current?.focus(),_r()}},[e]),Er("dialog",{ref:a,className:"soba-connect sc-modal","aria-labelledby":t,...r?{"data-theme":r}:{},style:o,onCancel:u=>{u.preventDefault(),n()},onPointerDown:u=>{i.current=u.target},onClick:u=>{u.target===u.currentTarget&&i.current===u.currentTarget&&n()},children:Er("div",{className:"sc-modal-sheet",ref:c,tabIndex:-1,children:s})})}import{useEffect as Wt,useRef as Ho}from"react";import{jsx as Uo}from"react/jsx-runtime";var Je=8;function Ft({open:e,onClose:n,anchor:t,label:r,theme:o,style:s,children:a}){let c=Ho(null);return Wt(()=>{let i=c.current;if(!(!i||!(typeof i.showPopover=="function")))try{e?i.showPopover():i.hidePopover()}catch{}},[e]),Wt(()=>{if(!e)return;let i=()=>{let m=c.current,f=t.current;if(!m||!f)return;let b=f.getBoundingClientRect(),g=m.offsetWidth,p=m.offsetHeight,y=window.innerWidth-g-Je,_=Math.max(Je,Math.min(b.right-g,Math.max(Je,y))),k=b.bottom+Je,U=b.top-Je-p,M=k+p>window.innerHeight-Je&&U>Je?U:k;m.style.left=`${Math.round(_)}px`,m.style.top=`${Math.round(M)}px`};i();let u=requestAnimationFrame(i);return window.addEventListener("scroll",i,!0),window.addEventListener("resize",i),()=>{cancelAnimationFrame(u),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}},[e,t]),Wt(()=>{if(!e)return;let i=m=>{m.key==="Escape"&&n()},u=m=>{let f=m.target;f&&(c.current?.contains(f)||t.current?.contains(f)||n())};return document.addEventListener("keydown",i),document.addEventListener("pointerdown",u,!0),()=>{document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",u,!0)}},[e,n,t]),Uo("div",{ref:c,role:"dialog","aria-label":r,className:"soba-connect sc-pop",...o?{"data-theme":o}:{},popover:"manual",hidden:!e,style:s,children:a})}function Re(e){let n=`${e.unit}s`;return e.reward==="unlimited"?`Unlimited ${n} on your own AI`:e.reward==="included"&&e.includedUnits!==null?`${qo(e.includedUnits)} ${n} a month once you connect`:e.reward==="credit"&&e.creditMicros>0?`${Bo(e.creditMicros)} back each month you stay connected`:null}function Le(e){return e==="unlimited"||e==="included"}var Rr=new Set(["user-hardware","user-subscription"]),Mr=new Set(["open-weights","frontier"]);function me(e){return e===null||e.length===0?!1:e.every(n=>Rr.has(n))}var Bo=e=>(e/1e6).toLocaleString("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}),qo=e=>e.toLocaleString("en-US");function Gt(e,n){if(!(n===null||n.some(s=>Mr.has(s))))return!1;let r=e.findIndex(s=>Rr.has(s));if(r===-1)return!1;let o=e.findIndex(s=>Mr.has(s));return o===-1||r<o}import{createContext as Wo,useContext as Fo}from"react";var Vt=Wo(null);function q(){let e=Fo(Vt);if(!e)throw new Error("useSoba() must be used inside a <SobaProvider>.");return e}import{createContext as Lr,useContext as Tr}from"react";var zt=Lr(null);function Jn(){return Tr(zt)}var Kt=Lr({context:null,machines:void 0,theme:"light"});function D(){return Tr(Kt)}import{jsx as An}from"react/jsx-runtime";function Go({className:e}){let{theme:n}=D(),t=e?`soba-connect ${e}`:"soba-connect";return An("div",{className:t,"data-theme":n,children:An(jt,{})})}function jt(){let{compute:e}=q();return e.loading&&!e.machines.length?An("p",{className:"sc-note",children:"Loading\u2026"}):e.error&&!e.machines.length?An("p",{className:"sc-error",children:e.error.message}):An(Sn,{machines:e.machines})}import{useCallback as et,useEffect as Yt,useRef as Qt,useState as hn}from"react";import{useId as Vo}from"react";import{jsx as mn,jsxs as Xn}from"react/jsx-runtime";function In({open:e,onOpenChange:n,initialCode:t,onConnected:r,showStatus:o,reason:s}){let{error:a}=q(),c=Jn(),i=D(),u=()=>n(!1),m=Vo(),f=i.context?.background?.trim(),b=f?Ke(f,i.context?.accent):void 0;return Xn(On,{open:e,onClose:u,labelledBy:m,theme:i.theme,style:b,children:[a?Xn("div",{className:"sc-card",children:[mn("h2",{className:"sc-title",id:m,children:"Could not start"}),mn("p",{className:"sc-error",children:a.message})]}):!c&&!i.context?Xn("div",{className:"sc-card",children:[mn("h2",{className:"sc-title",id:m,children:"One moment"}),mn("p",{className:"sc-note",children:"Getting your compute\u2026"})]}):mn(Ut,{client:c,active:e,onClose:u,headingId:m,theme:i.theme,initialContext:i.context,...i.machines!==void 0?{initialMachines:i.machines}:{},...t?{initialCode:t}:{},...r?{onConnected:r}:{},...o===void 0?{}:{showStatus:o},...s?{reason:s}:{}}),Xn("p",{className:"sc-modal-foot",children:[mn(j,{className:"sc-foot-mark"}),"Secured by Soba"]})]})}import{Fragment as Zt,jsx as Ue,jsxs as $n}from"react/jsx-runtime";function Xe({children:e,variant:n,className:t,initialCode:r,onConnected:o,defaultOpen:s,open:a,onOpenChange:c,showConnected:i=!0}){let{compute:u,connect:m}=q(),f=D(),{theme:b}=f,g=Jn(),[p,y]=hn(s??!!r),_=Qt(null),k=a!==void 0,U=!k&&!s&&!r&&m.hasModal,M=k?a:U?m.isOpen:p,fe=O=>{U?O?m.open("manual"):m.close():k||y(O),c?.(O)},S=Qt(M);Yt(()=>{S.current&&!M&&_.current?.focus(),S.current=M},[M]);let se=xn(u.machines),T=i&&se!==null,P=un(se),[W,z]=hn(!1),ae=et(()=>z(!1),[]),[tn,ue]=hn(!1),ke=et(async()=>{ue(!0);try{await u.refresh()}finally{ue(!1)}},[u]),K=Qt(ke);K.current=ke,Yt(()=>{W&&K.current()},[W]);let[xe,Se]=hn(!1),[qe,F]=hn([]),Te=!!f.context?.hosted_available;Yt(()=>{if(!W||!g||!Te)return;let O=!0;return g.hosted().then(pe=>{O&&F(pe.credentials)}).catch(()=>{}),()=>{O=!1}},[W,g,Te]);let[rn,de]=hn(null),We=et(async(O,pe)=>{if(g){de(null);try{await g.approveRuntime(O,pe),await u.refresh()}catch(be){de(be.message)}}},[g,u]),on=et(async O=>{if(g){de(null);try{await g.disconnectHosted(O),F((await g.hosted()).credentials)}catch(pe){de(pe.message)}}},[g]),G=f.context?.background?.trim(),ge=G?Ke(G,f.context?.accent):void 0;return $n(Zt,{children:[Ue("button",{ref:_,type:"button","data-theme":b,className:["sc-btn",T?"sc-btn-connected":"sc-btn-icon",!T&&n==="primary"?"sc-btn-primary":"",t].filter(Boolean).join(" "),...T&&!e?{"aria-haspopup":"dialog","aria-expanded":W,"aria-label":se?`${P.word} on ${je(se)}`:P.word}:{},onClick:()=>{if(T&&!e&&!k&&!s&&!r){z(O=>!O);return}fe(!0)},children:e??(T?$n(Zt,{children:[Ue("span",{className:"sc-pill-tile","aria-hidden":"true",children:Ue(j,{className:P.tone==="busy"?"sc-pill-mark sc-pill-mark-busy":"sc-pill-mark"})}),$n("span",{className:"sc-btn-connected-text",children:[P.word,se&&$n("span",{className:"sc-btn-connected-where",children:[" on ",je(se)]})]}),Ue("i",{className:`sc-dot sc-dot-${P.tone}`,"aria-hidden":"true"})]}):$n(Zt,{children:[Ue(j,{className:"sc-btn-mark"}),"Connect compute"]}))}),Ue(Ft,{open:W,onClose:ae,anchor:_,label:"Your compute",theme:b,...ge?{style:ge}:{},children:Ue(Qe,{machines:u.machines,hosted:qe,onApproveRuntime:(O,pe)=>void We(O,pe),onDisconnectHosted:O=>void on(O),onRefresh:()=>void ke(),refreshing:tn,error:rn,onPair:()=>{z(!1),U?m.open("pair"):(Se(!0),fe(!0))},...f.context?.app.name?{appName:f.context.app.name}:{}})}),!U&&Ue(In,{open:M,onOpenChange:O=>{O||Se(!1),fe(O)},...xe?{showStatus:!1}:{},...r?{initialCode:r}:{},...o?{onConnected:o}:{}})]})}import{jsx as Jt,jsxs as Ko}from"react/jsx-runtime";function zo({initialCode:e,onConnected:n,className:t,showStatus:r=!0}){let{theme:o}=D();return Ko("div",{className:t?`soba-connect ${t}`:"soba-connect","data-theme":o,children:[r&&Jt(jt,{}),Jt("div",{className:"sc-compute-act",children:Jt(Xe,{...e?{initialCode:e}:{},...n?{onConnected:n}:{}})})]})}import{useEffect as Hr,useId as es,useState as er}from"react";import{useCallback as jo,useState as Yo}from"react";function nt(){let[e,n]=Yo(null);return{open:jo(()=>{n(null),_t().then(n)},[]),launch:e,note:e==="absent"?"Nothing opened here. That machine may be a different computer, or asleep.":null}}import{useCallback as Or,useMemo as Ar}from"react";function en(e){if(!e)return null;if(typeof e=="string")return e;if(typeof Response<"u"&&e instanceof Response)return Ir(e.status);let n=e,t=n.error;return typeof t?.code=="string"?t.code:typeof t?.type=="string"?t.type:typeof n.code=="string"?n.code:typeof n.status=="number"?Ir(n.status):n.cause&&n.cause!==e?en(n.cause):null}function Ir(e){return e===402?"payment_required":e===409?"no_compute":null}function Xt(...e){let[n,t]=e,{plan:r,compute:o,connect:s}=q(),a=t?.predict??e.length===0,c=Zo(Qo(n),o)??(a?Jo(r,o):null),i=r.plan,u=r.plans,m=Ar(()=>{if(c!=="payment_required")return null;let p=i?.price??0,y=i?.included_units??0;return u.find(_=>_.id!==i?.id&&_.price>p&&(_.included_units===null||_.included_units>y))??null},[c,u,i]),f=Or(async()=>{if(!m)return;if(m.selectable){await r.select(m.id);return}let p=await r.checkout(m.id);window.location.assign(p)},[m,r]),b=s.open,g=Or(()=>{c&&b(c)},[b,c]);return Ar(()=>{if(!c)return null;let p=i?Re({unit:i.unit,reward:i.connected_reward,includedUnits:i.connected_included_units,creditMicros:i.connected_credit*1e6}):null,y=i&&Le(i.connected_reward)?p:null;return{reason:c,...Xo(c,{connectOffer:y,connected:o.connected,online:o.online,machine:kn(o.machines)?.label??null,unit:i?.unit??"message",interval:i?.interval??"month",upgrade:m!==null,resets:r.current?.period_end??null}),connectOffer:y,upgradeTo:m,connect:g,upgrade:f}},[c,i,o,m,g,f,r.current?.period_end])}function Qo(e){let n=en(e);return n==="payment_required"||n==="no_compute"?n:null}function Zo(e,n){return e==="no_compute"&&n.connected&&n.online?null:e}function Jo(e,n){let t=e.plan;return!t||n.loading?null:me(t.route_allow)&&!n.online?"no_compute":e.remaining===0&&t.overage==="stop"?"payment_required":null}function Xo(e,n){if(e==="payment_required"){let t=`No ${n.unit}s left this ${n.interval}`;return n.connectOffer&&!n.connected?{title:t,body:`${n.connectOffer}. Connecting takes a minute and costs nothing.`}:n.connectOffer&&!n.online?{title:t,body:`${n.connectOffer}. Waking ${n.machine??"your machine"} is enough.`}:n.upgrade?{title:t,body:n.resets?`A larger plan carries on now. This one comes back on ${$r(n.resets)}.`:"A larger plan carries on now, or wait for this one to renew."}:{title:t,body:n.resets?`Your allowance comes back on ${$r(n.resets)}.`:"Your allowance comes back at the start of the next period."}}return n.connected&&!n.online?{title:`${n.machine??"Your machine"} can't be reached`,body:"This run needs it awake and connected. Open Soba App on that machine, or connect another one."}:{title:"Nothing connected yet",body:"This app runs on AI you already pay for, on a machine of your own. Connect one and this run has somewhere to go."}}function $r(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}import{Fragment as nr,jsx as R,jsxs as ve}from"react/jsx-runtime";function ns(e){let{at:n=.25,className:t,error:r,fallback:o=null}=e,s=e.predict??!("error"in e),{plan:a,compute:c,connect:i}=q(),{theme:u}=D(),[m,f]=er(null),b=es(),g=Tt(i.publishableKey),[p,y]=er(!1);Hr(()=>{y(Ot(g))},[g]);let _=R(nr,{children:o}),k=a.plan;if(!k||a.loading||c.loading)return _;let U=e.allow!==void 0?e.allow:k.route_allow;if(c.connected)return c.online?_:R(Dr,{className:t,theme:u,stalled:!0,children:R(ts,{machine:kn(c.machines)?.label??null,ownCompute:me(U),onConnectAnother:()=>i.open("no_compute")})});let M=(()=>{let P=en(r);return P==="payment_required"||P==="no_compute"})(),fe=k.ask_to_connect!==!1&&Gt(k.route_prefer,U);if(!s&&!M&&!fe)return _;let S=me(U)?os(k.unit,me(k.route_allow)):Le(k.connected_reward)?as(a,k,n):fe?ss(k.unit):null;if(!S||S.dismissible&&p)return _;let se=!S.dismissible&&(!s||S.meter!==null&&S.meter.left===0),T=m??se;return ve(Dr,{className:t,theme:u,children:[ve("div",{className:"sc-nudge-top",children:[ve("div",{className:"sc-nudge-say",children:[R("p",{className:"sc-nudge-title",children:S.title}),R("p",{className:"sc-nudge-detail",children:S.detail}),ve("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more","aria-expanded":T,"aria-controls":b,onClick:()=>f(!T),children:[T?"Hide the details":"How it works",R(ls,{})]})]}),S.dismissible?R("button",{type:"button",className:"sc-nudge-dismiss","aria-label":"Dismiss",title:"Dismiss",onClick:()=>{y(!0),At(g)},children:R(is,{})}):null]}),T?R("ol",{className:"sc-nudge-steps",id:b,children:rs(i.app?.name,Mn(i.connectUrl)).map(P=>ve("li",{children:[P.opens?R("button",{type:"button",className:"sc-step-lead",onClick:()=>i.open("manual"),children:P.lead}):R("strong",{children:P.lead}),P.detail?R("span",{children:P.detail}):null,P.links.length>0?ve("span",{className:"sc-step-links",children:[P.linksLead,P.links.map(W=>R("a",{href:W.href,target:"_blank",rel:"noreferrer noopener",children:W.label},W.href))]}):null]},P.lead))}):null,R(Xe,{variant:"primary"})]})}function Dr({className:e,theme:n,stalled:t,children:r}){return R("div",{className:e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill","data-theme":n,children:R("div",{className:t?"sc-nudge sc-nudge-stalled":"sc-nudge",children:r})})}function ts({machine:e,ownCompute:n,onConnectAnother:t}){let r=nt(),{compute:o}=q(),[s,a]=er(!1),{refresh:c}=o;return Hr(()=>{if(r.launch===null||r.launch==="absent")return;a(!1);let i=setInterval(()=>void c(),3e3),u=setTimeout(()=>{clearInterval(i),a(!0)},2e4);return()=>{clearInterval(i),clearTimeout(u)}},[r.launch,c]),ve(nr,{children:[R("div",{className:"sc-nudge-top",children:ve("div",{className:"sc-nudge-say",children:[ve("p",{className:"sc-nudge-title",children:[e??"Your machine"," can\u2019t be reached"]}),R("p",{className:"sc-nudge-detail",children:n?"The Soba app there has stopped reporting in, so runs have nowhere to go until it is back.":"The Soba app there has stopped reporting in, so nothing will run on your own AI until it is back."}),r.note&&R("p",{className:"sc-nudge-note",children:r.note}),s&&R("p",{className:"sc-nudge-note",children:"The Soba app is open, but this machine still isn\u2019t reporting in. It may no longer be connected to this app."}),(r.launch==="absent"||s)&&R("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more",onClick:t,children:s?"Connect it again":"Connect another machine"})]})}),R("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:r.open,children:"Open Soba App"})]})}function rs(e,n){return[{lead:"Download Soba App",detail:"",linksLead:n?"Get it for":void 0,links:n?En.map(t=>({label:t.label,href:`${n}/download/${t.slug}`})):[]},{lead:"Connect compute",detail:"Press this, then approve the pairing when the app asks.",opens:!0,links:[]},{lead:"Let your AIs serve",detail:`It finds what is installed on that machine. Allow one, and ${e??"this app"} sends every run there.`,linksLead:"Nothing on it yet?",links:ce.map(t=>({label:t.short,href:t.install}))}]}function os(e,n){return{title:n?"This plan runs on your own AI.":`These ${e}s run on your own AI.`,detail:`Connect a machine and your ${e}s run there, free, on access you already have.`,meter:null}}function ss(e){return{title:"This plan prefers your own AI.",detail:`Connect a machine and your ${e}s run there instead, on access you already have.`,meter:null,dismissible:!0}}function as(e,n,t){let{remaining:r,included:o}=e;if(r===null||o===null||o===0||r>Math.ceil(o*t))return null;let s=Re({unit:n.unit,reward:n.connected_reward,includedUnits:n.connected_included_units,creditMicros:n.connected_credit*1e6});return s?{title:r===0?`No ${n.unit}s left this month.`:`${r} ${n.unit}${r===1?"":"s"} left this month.`,detail:ve(nr,{children:[s,"."]}),meter:{left:r,of:o}}:null}function is(){return R("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-x",children:R("path",{d:"m4.8 4.8 6.4 6.4M11.2 4.8l-6.4 6.4",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}function ls(){return R("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-chev",children:R("path",{d:"M4.5 6.5 8 10l3.5-3.5",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}var cs=new Set(["delta","thinking","status","done","error"]);function tt(e){let n;try{n=JSON.parse(e)}catch{return null}if(!n||typeof n!="object")return null;let t=n,r=t.type==="event"?t.event:t;if(!r||typeof r!="object")return null;let o=r;if(typeof o.type!="string"||!cs.has(o.type))return null;let s={type:o.type};return typeof o.text=="string"&&(s.text=o.text),typeof o.message=="string"&&(s.message=o.message),typeof o.tool=="string"&&(s.tool=o.tool),typeof o.tier=="string"&&(s.tier=o.tier),o.usage&&typeof o.usage=="object"&&(s.usage=o.usage),s}async function*tr(e){let n=e.body;if(!n)throw new Error("That run response had no body to stream.");let t=(e.headers.get("content-type")??"").includes("ndjson"),r=n.getReader(),o=new TextDecoder,s="",a=[];try{for(;;){let i=await r.read();if(i.done)break;for(s+=o.decode(i.value,{stream:!0});;){let u=s.indexOf(`
-`);if(u===-1)break;let m=Br(s.slice(0,u));if(s=s.slice(u+1),t){let f=m.trim()?tt(m):null;f&&(yield f);continue}if(m===""){let f=a.join(`
-`);if(a=[],f==="[DONE]")return;let b=f?tt(f):null;b&&(yield b);continue}Ur(m,a)}}!t&&s&&Ur(Br(s),a);let c=t?s.trim():a.join(`
-`);if(c&&c!=="[DONE]"){let i=tt(c);i&&(yield i)}}finally{r.cancel().catch(()=>{})}}function Ur(e,n){if(!e||e.startsWith(":"))return;let t=e.indexOf(":");if(t===-1||e.slice(0,t)!=="data")return;let r=e.slice(t+1);n.push(r.startsWith(" ")?r.slice(1):r)}function Br(e){return e.endsWith("\r")?e.slice(0,-1):e}async function us(e){let n="";for await(let t of e)if(t.type==="delta"&&t.text&&(n+=t.text),t.type==="error")throw new Error(t.message??"The run ended with an error.");return n}import{useEffect as ds}from"react";var qr="data-soba-react",Wr=!1;function Dn(){if(Wr||typeof document>"u"||(Wr=!0,document.querySelector(`style[${qr}]`)))return;let e=document.createElement("style");e.setAttribute(qr,""),e.textContent=`.soba-connect {
+import{useRef as ls,useState as cs}from"react";var In=class extends Error{status;constructor(n,t){super(n),this.name="ConnectError",this.status=t}},ns=5*6e4,Tn=class{session;baseUrl;doFetch;lastMachines=null;machinesUrl=null;gatewayBackUntil=0;constructor(n){this.session=n.session,this.baseUrl=(n.baseUrl??"").replace(/\/+$/,""),this.doFetch=n.fetchImpl??fetch.bind(globalThis)}async context(){let n=await this.request("GET","/v1/connect");return this.setMachinesUrl(n.machines_url),n}setMachinesUrl(n){typeof n=="string"&&/^https?:\/\//.test(n)&&(this.machinesUrl=n)}async machines(){let n=this.lastMachines,t=n?`?v=${encodeURIComponent(n.version)}`:"",r;if(this.machinesUrl&&Date.now()>=this.gatewayBackUntil)try{r=await this.request("GET",`${this.machinesUrl}${t}`)}catch(s){if(s instanceof In&&s.status===401)throw s;this.gatewayBackUntil=Date.now()+ns}if(r??=await this.request("GET",`/v1/machines${t}`),r.unchanged&&n)return n.machines;let o=Array.isArray(r.machines)?r.machines:[];return this.lastMachines=typeof r.version=="string"?{version:r.version,machines:o}:null,o}async runs(){let n=await this.request("GET","/v1/machines/runs");return Array.isArray(n.runs)?n.runs:[]}lookup(n){return this.request("GET",`/v1/device/lookup?code=${encodeURIComponent(n)}`)}approve(n){return this.request("POST","/v1/device/approve",{user_code:n})}claim(n){return this.request("POST","/v1/device/claim",{pairing_nonce:n})}deny(n){return this.request("POST","/v1/device/deny",{user_code:n})}plans(){return this.request("GET","/v1/plans")}selectPlan(n){return this.request("POST","/v1/plans/select",{plan:n})}checkoutPlan(n,t){return this.request("POST","/v1/plans/checkout",{plan:n,...t?.successUrl?{success_url:t.successUrl}:{},...t?.cancelUrl?{cancel_url:t.cancelUrl}:{}})}leavePlan(){return this.request("DELETE","/v1/plans/select")}hosted(){return this.request("GET","/v1/hosted")}startHosted(){return this.request("POST","/v1/hosted/start")}disconnectHosted(n){return this.request("DELETE",n?`/v1/hosted?provider=${encodeURIComponent(n)}`:"/v1/hosted")}approveRuntime(n,t){return this.request("POST","/v1/runtimes/approve",{machine_id:n,runtime_id:t})}preferRuntime(n,t){return this.request("POST","/v1/runtimes/prefer",{machine_id:n,runtime_id:t})}async request(n,t,r){let o=await this.doFetch(/^https?:\/\//.test(t)?t:`${this.baseUrl}${t}`,{method:n,headers:{authorization:`Bearer ${this.session}`,...r?{"content-type":"application/json"}:{}},...r?{body:JSON.stringify(r)}:{}}),s={};try{s=await o.json()}catch{}if(!o.ok){let a=typeof s.error=="string"?s.error:`Request failed (${o.status})`;throw new In(a,o.status)}return s}};function Ln(e){let n=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!n?.[1])return"#ffffff";let t=n[1].length===3?[...n[1]].map(s=>s+s).join(""):n[1],r=s=>{let a=Number.parseInt(t.slice(s*2,s*2+2),16)/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4};return .2126*r(0)+.7152*r(1)+.0722*r(2)>.45?"#101012":"#ffffff"}function $t(e){let n=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!n?.[1])return null;let t=n[1].length===3?[...n[1]].map(r=>r+r).join(""):n[1];return[0,1,2].map(r=>Number.parseInt(t.slice(r*2,r*2+2),16))}function kn(e,n,t){let r=$t(e),o=$t(n);return!r||!o?e:`#${r.map((a,c)=>Math.round(a+(o[c]-a)*t)).map(a=>a.toString(16).padStart(2,"0")).join("")}`}function ln(e,n){if(!$t(e))return{};let t=Ln(e),r=n?.trim();return{"--sc-ground":e,"--sc-shell":e,"--sc-sheet":kn(e,t,.07),"--sc-raised":kn(e,t,.13),"--sc-line":kn(e,t,.18),"--sc-line-2":kn(e,t,.28),"--sc-text":t,"--sc-text-2":kn(t,e,.15),"--sc-muted":kn(t,e,.38),...r?{"--sc-accent":r,"--sc-accent-fg":Ln(r)}:{"--sc-accent":t,"--sc-accent-fg":e}}}function An(e){return e.authenticated===!0?{tone:"ok",text:"signed in"}:e.authenticated===!1?{tone:"warn",text:e.auth_hint??"signed out on that machine"}:{tone:"unknown",text:"could not tell"}}function $n(e){let{platform:n,arch:t}=e;if(!n)return null;let r=n==="darwin"||n==="macos",o=r?"Mac":n==="win32"||n==="windows"?"Windows PC":"Linux machine";return r?`${t==="aarch64"||t==="arm64"?"Apple silicon ":""}${o}`:o}function cn(e){return e.find(n=>n.state==="offline")??null}function Dt(e){return e.state==="busy"?{tone:"busy",text:`serving ${e.active} of ${e.capacity}`}:e.state==="online"?{tone:"ok",text:"connected"}:{tone:"off",text:"asleep or offline"}}function V(e){let n=e.label?.trim(),t=e.name?.trim();return n&&(!t||n!==t)?n:(t??n??"").replace(/\.(local|lan|home|internal)$/i,"").replace(/[-_]+/g," ").trim()||n||"This machine"}function mt(e,n){let t=o=>o.state==="busy"?0:o.state==="online"?1:2,r=o=>o.last_seen_at?Date.parse(o.last_seen_at):0;return t(e)-t(n)||r(n)-r(e)}function Ee(e){return[...e].sort(mt)[0]??null}function Ge(e){return e?e.state==="busy"?{tone:"busy",word:"Serving"}:e.state==="online"?{tone:"ok",word:"Connected"}:{tone:"off",word:"Asleep"}:{tone:"off",word:"No compute"}}function Ht(e){return e.state==="online"||e.state==="busy"}function Dn(e){if(!e)return"never seen";let n=Date.parse(e);if(Number.isNaN(n))return"never seen";let t=Date.now()-n,r=6e4;return t<2*r?"just now":t<60*r?`${Math.floor(t/r)} min ago`:t<24*60*r?`${Math.floor(t/(60*r))} hr ago`:`${Math.floor(t/(24*60*r))} days ago`}function ye(e){return e.runtimes.filter(n=>n.id!=="shell"&&!n.quarantined&&!n.absent)}function De(e){let n=a=>a?e.runtimes.find(c=>c.id===a)??null:null;if(e.requested_runtime)return{by:"app",runtimeId:e.requested_runtime,runtime:n(e.requested_runtime)};let t=ye(e),r=t.find(a=>a.id===e.preferred_runtime);if(r)return{by:"you",runtimeId:r.id,runtime:r};let o=a=>a.id==="claude-code"?0:a.id==="codex"?1:2,s=[...t].sort((a,c)=>o(a)-o(c))[0]??null;return{by:"default",runtimeId:s?.id??null,runtime:s}}import{useEffect as Xr,useRef as ts}from"react";import{Fragment as ss,jsx as Ne,jsxs as Ut}from"react/jsx-runtime";function Hn({anchor:e,label:n,options:t,current:r,onClose:o,onPick:s}){let a=ts(null);return Xr(()=>{let i=a.current,l=e.current;if(!i||!l)return;try{typeof i.showPopover=="function"&&i.showPopover()}catch{}let u=l.getBoundingClientRect(),p=i.offsetWidth,y=i.offsetHeight,f=Math.max(8,Math.min(u.right-p,window.innerWidth-p-8)),m=u.bottom+6,w=m+y>window.innerHeight-8&&u.top-6-y>8?u.top-6-y:m;i.style.left=`${Math.round(f)}px`,i.style.top=`${Math.round(w)}px`,i.querySelector('[aria-checked="true"]')?.focus()},[e]),Xr(()=>{let i=l=>{let u=l.target;!u||a.current?.contains(u)||e.current?.contains(u)||o()};return document.addEventListener("pointerdown",i,!0),()=>document.removeEventListener("pointerdown",i,!0)},[e,o]),Ne("div",{ref:a,role:"menu","aria-label":n,className:"sc-menu",popover:"manual",onKeyDown:i=>{let l=[...a.current?.querySelectorAll("[role=menuitemradio]")??[]],u=l.indexOf(document.activeElement);if(i.key==="Escape")i.stopPropagation(),i.nativeEvent.stopImmediatePropagation(),o(),e.current?.focus();else if(i.key==="ArrowDown"||i.key==="ArrowUp"){i.preventDefault();let p=i.key==="ArrowDown"?1:-1;l[(u+p+l.length)%l.length]?.focus()}else i.key==="Tab"&&o()},children:t.map(i=>Ne(rs,{option:i,checked:r===i.id,onClose:o,onPick:s},i.id??""))})}function rs({option:e,checked:n,onClose:t,onPick:r}){return Ut(ss,{children:[e.heading?Ne("div",{className:"sc-menu-head",role:"presentation",children:e.heading}):e.rule?Ne("div",{className:"sc-menu-sep"}):null,Ut("button",{type:"button",role:"menuitemradio","aria-checked":n,className:"sc-menu-item",onClick:()=>n?t():r(e.id),children:[e.glyph,Ut("span",{className:"sc-menu-text",children:[Ne("span",{className:"sc-menu-label",children:e.label}),e.note&&Ne("span",{className:"sc-menu-note",children:e.note})]}),n&&Ne(os,{})]})]})}function os(){return Ne("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:"sc-menu-check",children:Ne("path",{d:"M5 12.5l4.5 4.5L19 7.5",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})})}function Cn({open:e}){return Ne("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e?"sc-chev sc-chev-open":"sc-chev",children:Ne("path",{d:"M9 6l6 6-6 6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as we,jsxs as is}from"react/jsx-runtime";function j({className:e}){return is("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:[we("path",{d:"M18.125 7.039A8.6 8.6 0 1 0 18.125 16.961A6 6 0 0 1 18.125 7.039Z",fill:"currentColor"}),we("path",{d:"M19.925 7.039A8.6 8.6 0 0 1 19.925 16.961A6 6 0 0 0 19.925 7.039Z",fill:"currentColor"})]})}function eo({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{fill:"currentColor",d:"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"})})}function un({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{fill:"currentColor",d:"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"})})}function ft({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{d:"M4 5h16v11H4zM9 20h6M12 16v4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function as({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{d:"M5 7l5 5-5 5M12 18h7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function Wt({className:e}){return we("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:we("path",{d:"M5 6h14v10H5zM2.5 19.5h19",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var ze={claude:eo,chatgpt:un,local:ft},no={shell:as};var ce=[{id:"claude",costClass:"user-subscription",short:"Claude Code",label:"Continue with Claude",title:"The Claude plan you already pay for",cost:"Nothing beyond the plan",prerequisite:"Claude Code installed and signed in",hint:"Install it from claude.ai/code, then run `claude` once and sign in.",install:"https://claude.com/product/claude-code",expects:["claude-code"]},{id:"chatgpt",costClass:"user-subscription",short:"Codex",label:"Continue with ChatGPT",title:"The ChatGPT plan you already pay for",cost:"Nothing beyond the plan",prerequisite:"Codex installed and signed in",hint:"Install Codex, then run `codex` once and sign in.",install:"https://learn.chatgpt.com/codex/cli",expects:["codex"]},{id:"local",costClass:"user-hardware",short:"Local models",label:"Use a model on this machine",title:"A model on your own machine",cost:"Free. You bought the hardware",prerequisite:"Ollama running, with a model pulled",hint:"Install Ollama, then `ollama pull` a model before pairing.",install:"https://ollama.com",expects:["ollama","openai-api"]}],to=["claude","chatgpt"];function Bt(){return ce.filter(e=>to.includes(e.id))}function qt(e){return ce.filter(n=>n.costClass===e)}function Ft(e){return ce.find(n=>n.expects.includes(e))??null}import{Fragment as oo,jsx as b,jsxs as O}from"react/jsx-runtime";function dn({machines:e,hosted:n=[],onApproveRuntime:t,onPreferRuntime:r,onDisconnectHosted:o,onPair:s,onRefresh:a,refreshing:c,busy:i,appName:l,error:u,runs:p,runsOpen:y,onToggleRuns:f,markOf:m,loading:w,machineMenu:P,machineNote:R,children:_}){let M=Ee(e),B=e.filter(N=>N.id!==M?.id),I=M&&p?ps(p,M):{};return!M&&n.length===0&&!s?b("p",{className:"sc-note",children:"Nothing connected yet."}):O("div",{className:"sc-tray",children:[M&&O(Nn,{title:"This machine",action:(a||P)&&O("span",{className:"sc-cap-acts",children:[a&&b("button",{type:"button",className:"sc-disc",onClick:a,disabled:c,"aria-label":"Refresh",title:"Refresh",children:b(Ms,{spinning:!!c})}),P]}),children:[b(us,{machine:M,...f?{onToggle:f,open:!!y}:{}}),R]}),M&&f&&y&&b(ms,{machine:M,runs:p??null,...m?{markOf:m}:{}}),M&&b(Nn,{title:"Agents on it",action:b(ks,{machine:M,appName:l,busy:i,...m?{markOf:m}:{},...r?{onPick:N=>r(M.id,N)}:{}}),children:w&&M.runtimes.length===0?b("p",{className:"sc-row-note",children:"Looking\u2026"}):M.runtimes.length>0?M.runtimes.map(N=>b(ws,{runtime:N,serving:I[N.id]??N.serving??0,...m?{mark:m(N)}:{},...t?{onApprove:()=>t(M.id,N.id)}:{}},N.id)):b("p",{className:"sc-row-note",children:"No agent advertised. Install Claude Code, Codex or Ollama on that machine."})}),n.length>0&&b(Nn,{title:n.length>1?"Connected plans":"Connected plan",children:n.map(N=>b(Ns,{credential:N,appName:l,busy:i,...o?{onDisconnect:()=>o(N.provider)}:{}},N.provider))}),(B.length>0||s)&&O(Nn,{title:B.length>0?"Your other machines":M?"Add a machine":"Your machines",children:[B.map(N=>b(ys,{machine:N},N.id)),s&&O("button",{type:"button",className:"sc-pair",onClick:s,children:[b("span",{className:"sc-otile","aria-hidden":"true",children:b(xs,{})}),b("span",{className:"sc-oname",children:e.length>0?"Pair another machine":"Connect a machine"})]})]}),_,u&&b("p",{className:"sc-error sc-tray-error",children:u})]})}function Nn({title:e,action:n,children:t}){return O("section",{className:"sc-group",children:[O("div",{className:"sc-group-cap",children:[b("p",{className:"sc-group-title",children:e}),n]}),b("div",{className:"sc-group-card",children:t})]})}function us({machine:e,onToggle:n,open:t}){let r=Ht(e),o=[r?null:e.pairing_lost?"No longer connected here":"Asleep or offline",$n(e),e.always_on?"always on":null,r&&e.capacity>0?`${e.active} of ${e.capacity} in flight`:Dn(e.last_seen_at)].filter(Boolean),s=O(oo,{children:[O("span",{className:"sc-mtile","aria-hidden":"true",children:[b(ro,{}),b("span",{className:`sc-mbadge sc-mbadge-${Ge(e).tone}`})]}),O("span",{className:"sc-mid",children:[b("span",{className:"sc-mname",children:V(e)}),b("span",{className:"sc-mmeta",children:o.map((a,c)=>O("span",{children:[c>0&&b("span",{className:"sc-mmeta-sep",children:"\xB7"}),a]},a))})]})]});return!n||!r?b("div",{className:"sc-mrow",children:s}):O("button",{type:"button",className:"sc-mrow sc-mrow-btn",onClick:n,"aria-expanded":!!t,title:t?"Hide what it is running":"See what it is running",children:[s,b(Cn,{open:!!t})]})}function ds(e,n){return e.filter(t=>t.machine_id===n.id||t.machine_id===null)}function ps(e,n){let t={};for(let r of e)r.machine_id!==n.id||r.status!=="running"||!r.runtime_id||(t[r.runtime_id]=(t[r.runtime_id]??0)+1);return t}function ms({machine:e,runs:n,markOf:t}){let r=n?ds(n,e):[],o=s=>{if(!s||!t)return null;let a=e.runtimes.find(c=>c.id===s);return a?t(a):null};return b(Nn,{title:"Running now",children:n===null?b("p",{className:"sc-row-note",children:"Looking\u2026"}):r.length===0?b("p",{className:"sc-row-note",children:"Nothing running."}):r.map(s=>{let a=o(s.runtime_id);return b(fs,{run:s,...a?{mark:a}:{}},s.id)})})}function fs({run:e,mark:n}){let t=e.runtime_id?ht(e.runtime_id):null;return O("div",{className:"sc-rrow",children:[b("span",{className:"sc-runtime-tile","aria-hidden":"true",children:n??(t&&b(t,{className:"sc-runtime-mark"}))}),O("span",{className:"sc-mid",children:[O("span",{className:"sc-rtop",children:[b("span",{className:"sc-aname",children:hs(e)}),b("span",{className:"sc-averdict",children:bs(e.started_at)})]}),b("span",{className:"sc-rstep",children:gs(e)})]})]})}function ht(e){let n=Ft(e);return(n?ze[n.id]:null)??no[e]??null}function hs(e){if(e.label)return e.label;if(e.task){let n=e.task.replace(/[_-]+/g," ").trim();return n.charAt(0).toUpperCase()+n.slice(1)}return"A run"}function gs(e){if(e.status==="queued")return"Waiting for a free slot";if(e.step)return e.step;switch(e.phase?.kind){case"thinking":return"Thinking";case"writing":return"Writing";case"tool":return e.phase.tool?`Using ${e.phase.tool}`:"Using a tool";case"approval":return e.phase.tool?`Waiting for you to allow ${e.phase.tool}`:"Waiting for your approval";default:return e.first_output_at?"Working":"Starting"}}function bs(e){let n=Math.max(0,Math.round((Date.now()-new Date(e).getTime())/1e3));if(n<60)return`${n}s`;let t=Math.floor(n/60);return t<60?`${t}m ${String(n%60).padStart(2,"0")}s`:`${Math.floor(t/60)}h ${String(t%60).padStart(2,"0")}m`}function ys({machine:e}){let n=Ge(e);return O("div",{className:"sc-orow",children:[b("span",{className:"sc-otile","aria-hidden":"true",children:b(ro,{})}),b("span",{className:"sc-oname",children:V(e)}),b("span",{className:"sc-oword",children:n.word}),b("span",{className:`sc-dot sc-dot-${n.tone}`,"aria-hidden":"true"})]})}function ws({runtime:e,serving:n=0,mark:t,onApprove:r}){let o=An(e),s=O(oo,{children:[b(vs,{runtime:e,mark:t}),O("span",{className:e.absent?"sc-aname sc-aname-absent":"sc-aname",children:[e.display_name,e.version&&O("span",{className:"sc-aversion",children:[" ",e.version]})]}),n>0?O("span",{className:"sc-averdict",children:[b(Ss,{}),b("span",{className:"sc-aserving",children:n>1?`${n} running`:"running"})]}):e.absent?b("span",{className:"sc-averdict sc-tone-absent",children:"not offered"}):e.quarantined?r?b("button",{type:"button",className:"sc-row-act",onClick:r,children:"Let it serve"}):b("span",{className:"sc-averdict sc-tone-warn",children:"new, not serving yet"}):o.tone==="ok"?O("span",{className:"sc-averdict",children:[b("span",{className:"sc-dot sc-dot-ok","aria-hidden":"true"}),b("span",{className:"sc-sr",children:o.text})]}):b("span",{className:`sc-averdict sc-tone-${o.tone}`,children:o.text})]});return b("div",{className:"sc-arow",children:s})}function vs({runtime:e,mark:n}){if(n)return b("span",{className:"sc-runtime-tile","aria-hidden":"true",children:n});let t=ht(e.id);return b("span",{className:"sc-runtime-tile","aria-hidden":"true",children:t&&b(t,{className:"sc-runtime-mark"})})}function ks({machine:e,appName:n,busy:t,markOf:r,onPick:o}){let s=De(e),a=ye(e),[c,i]=cs(!1),l=ls(null);if(s.by!=="app"&&a.length===0)return null;let u=f=>{if(!f)return null;if(r)return r(f);let m=ht(f.id);return b("span",{className:"sc-runtime-tile","aria-hidden":"true",children:m&&b(m,{className:"sc-runtime-mark"})})},p=f=>{if(!f)return null;if(r)return b("span",{className:"sc-runs-mark",children:r(f)});let m=ht(f.id);return m?b(m,{className:"sc-runs-glyph"}):null},y;return s.by==="app"?y=O("span",{className:"sc-runs-fixed",title:`Set by ${n??"the app"}`,children:[p(s.runtime),s.runtime?.display_name??s.runtimeId]}):!o||a.length<2?y=O("span",{className:"sc-runs-fixed",children:[p(s.runtime),s.runtime?.display_name]}):y=O("button",{ref:l,type:"button",className:"sc-runs-btn","aria-haspopup":"menu","aria-expanded":c,"aria-label":`Runs go to ${s.runtime?.display_name??"the default"}. Change`,disabled:t,onClick:()=>i(f=>!f),children:[p(s.runtime),b("span",{className:"sc-runs-label",children:s.runtime?.display_name}),b(Cn,{open:!0})]}),O("span",{className:"sc-runs-to",children:[b("span",{className:"sc-runs-cap",children:s.by==="app"?`${n??"App"} uses`:"Runs on"}),y,c&&o&&b(Cs,{anchor:l,machine:e,tile:u,onClose:()=>i(!1),onPick:f=>{i(!1),o(f)}})]})}function Cs({anchor:e,machine:n,tile:t,onClose:r,onPick:o}){let s=De(n),a=De({...n,preferred_runtime:null}).runtime,c=s.by==="you"?s.runtimeId:null,i=[{id:null,label:"Automatic",...a?{note:`Uses ${a.display_name}`}:{},glyph:t(a)},...ye(n).map((l,u)=>({id:l.id,label:l.display_name,glyph:t(l),...u===0?{rule:!0}:{}}))];return b(Hn,{anchor:e,label:"Which agent runs go to",options:i,current:c,onClose:r,onPick:o})}function Ns({credential:e,appName:n,busy:t,onDisconnect:r}){return O("div",{className:"sc-hrow",children:[O("div",{className:"sc-orow",children:[b("span",{className:"sc-otile","aria-hidden":"true",children:b(un,{className:"sc-omark"})}),O("span",{className:"sc-mid",children:[b("span",{className:"sc-oname",children:e.provider==="openai-chatgpt"?"ChatGPT plan":e.provider}),b("span",{className:"sc-mmeta",children:e.account_label??"signed in"})]}),r&&b("button",{type:"button",className:"sc-row-act",onClick:r,disabled:t,children:"Disconnect"})]}),r&&O("p",{className:"sc-row-note",children:[n??"This app"," stops using it. To withdraw the grant entirely, remove it in your OpenAI settings."]})]})}function ro(){return O("svg",{viewBox:"0 0 32 24","aria-hidden":"true",focusable:"false",className:"sc-mglyph",children:[b("rect",{x:"4",y:"1.5",width:"24",height:"15",rx:"2.5",fill:"var(--sc-sheet, #ffffff)",stroke:"currentColor",strokeWidth:"2"}),b("rect",{x:"1",y:"19.5",width:"30",height:"2.5",rx:"1.25",fill:"currentColor"})]})}function xs(){return b("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:"sc-oglyph",children:b("path",{d:"M12 5v14M5 12h14",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}function Ss(){return O("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:"sc-sglyph sc-spin",children:[b("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),b("path",{d:"M12 3a9 9 0 0 1 9 9",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]})}function Ms({spinning:e}){return b("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e?"sc-dglyph sc-spin":"sc-dglyph",children:b("path",{d:"M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as Ps}from"react/jsx-runtime";function Un({machines:e,onApproveRuntime:n}){return Ps(dn,{machines:e,...n?{onApproveRuntime:n}:{}})}var Gt={ready:{arc:!0},serving:{arc:!0,slot:"stream"},paused:{arc:!1,slot:"zzz"},thinking:{arc:!1,slot:"dots"},connecting:{arc:!1,slot:"orbit"},attention:{arc:!1,slot:"bang"},gone:{arc:!1,slot:"cross"},snap:{arc:!1,slot:"snap"},listening:{arc:!1,slot:"bars"},permission:{arc:!1,slot:"ring"},ai:{arc:!1,slot:"sparks"}};var zt="105 162 420 420",Kt="M407.1 308.9 A158 158 0 1 0 407.1 491.1 A116 116 0 0 1 407.1 308.9 Z",pn="M448.5 320 A110 110 0 0 1 448.5 480";import{Fragment as Bn,jsx as S,jsxs as Ke}from"react/jsx-runtime";function Vt({kind:e,size:n=44,className:t}){let r=Gt[e];return Ke("svg",{className:`bx${t?` ${t}`:""}`,"data-expression":e,viewBox:zt,overflow:"visible",width:n,height:n,"aria-hidden":"true",children:[S("path",{d:Kt,fill:"currentColor"}),S("path",{className:"bx-arc",d:pn,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),r.slot==="stream"&&S(Rs,{}),r.slot==="zzz"&&S(_s,{}),r.slot==="dots"&&S(Es,{}),r.slot==="bang"&&S(Os,{}),r.slot==="orbit"&&S(Is,{}),r.slot==="cross"&&S(Ts,{}),r.slot==="snap"&&S(Ls,{}),r.slot==="bars"&&S(As,{}),r.slot==="ring"&&S($s,{}),r.slot==="sparks"&&S(Ds,{})]})}function Rs(){return S("path",{className:"bx-st",d:"M475.3 290.3 A150 150 0 0 1 475.3 509.7",fill:"none",stroke:"currentColor",strokeWidth:"15",strokeLinecap:"round",strokeDasharray:"0.1 31"})}function _s(){return Ke(Bn,{children:[S("g",{className:"bx-z1",children:S("path",{d:"M444 372 H496 L444 436 H496",fill:"none",stroke:"currentColor",strokeWidth:"20",strokeLinecap:"round",strokeLinejoin:"round"})}),S("g",{className:"bx-z2",children:S("path",{d:"M492 300 H522 L492 338 H522",fill:"none",stroke:"currentColor",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round"})})]})}function Es(){return Ke(Bn,{children:[S("circle",{className:"bx-th",cx:"463.1",cy:"336.9",r:"21",fill:"currentColor"}),S("circle",{className:"bx-th bx-th2",cx:"483",cy:"400",r:"21",fill:"currentColor"}),S("circle",{className:"bx-th bx-th3",cx:"463.1",cy:"463.1",r:"21",fill:"currentColor"})]})}function Os(){return Ke("g",{className:"bx-at",children:[S("line",{x1:"490",y1:"312",x2:"490",y2:"414",stroke:"currentColor",strokeWidth:"46",strokeLinecap:"round"}),S("circle",{cx:"490",cy:"484",r:"28",fill:"currentColor"})]})}function Is(){return Ke("g",{className:"bx-ob",children:[S("path",{d:pn,fill:"none",stroke:"var(--tile-bg, transparent)",strokeWidth:41,strokeLinecap:"round"}),S("path",{d:pn,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})]})}function Ts(){return Ke(Bn,{children:[S("path",{className:"bx-xa",d:pn,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),S("g",{className:"bx-xx",children:S("path",{d:"M442 364 L514 436 M514 364 L442 436",fill:"none",stroke:"currentColor",strokeWidth:"24",strokeLinecap:"round"})})]})}function Ls(){return S("path",{className:"bx-snap",d:pn,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})}function As(){return Ke("g",{stroke:"currentColor",strokeWidth:"17",strokeLinecap:"round",children:[S("line",{className:"bx-vb",x1:"452",y1:"370",x2:"452",y2:"430"}),S("line",{className:"bx-vb bx-vb2",x1:"482",y1:"330",x2:"482",y2:"470"}),S("line",{className:"bx-vb bx-vb3",x1:"512",y1:"355",x2:"512",y2:"445"})]})}function $s(){return S(Bn,{children:[[450,366],[474,376],[484,400],[474,424],[450,434],[426,424],[416,400],[426,376]].map(([n,t],r)=>S("circle",{className:"bx-w",cx:n,cy:t,r:"11",fill:"currentColor",style:{animationDelay:`${-1.2+r*.15}s`}},r))})}function Ds(){return Ke(Bn,{children:[S("g",{className:"bx-sp",children:S("path",{d:"M460 300 Q465.4 324.6 490 330 Q465.4 335.4 460 360 Q454.6 335.4 430 330 Q454.6 324.6 460 300 Z",fill:"currentColor"})}),S("g",{className:"bx-sp bx-sp2",children:S("path",{d:"M486 356 Q493.92 392.08 530 400 Q493.92 407.92 486 444 Q478.08 407.92 442 400 Q478.08 392.08 486 356 Z",fill:"currentColor"})}),S("g",{className:"bx-sp bx-sp3",children:S("path",{d:"M460 440 Q465.4 464.6 490 470 Q465.4 475.4 460 500 Q454.6 475.4 430 470 Q454.6 464.6 460 440 Z",fill:"currentColor"})})]})}import{useCallback as oe,useEffect as ue,useId as zs,useMemo as Ve,useRef as xn,useState as W}from"react";var qn=[{slug:"mac-arm",label:"macOS, Apple silicon"},{slug:"mac-intel",label:"macOS, Intel"},{slug:"windows",label:"Windows"},{slug:"linux",label:"Linux"}];function Fn(e){if(!e)return"";try{return new URL(e).origin}catch{return""}}function io(e,n){return n<2*6e4?e:n<10*6e4?Math.max(e,6e4):n<30*6e4?Math.max(e,3*6e4):Math.max(e,10*6e4)}var Hs=3e3,Us=2*6e4,gt=Date.now(),bt=new Set,ao=!1;function Ws(){if(ao||typeof window>"u")return;ao=!0;let e=()=>{let t=gt;if(gt=Date.now(),gt-t>Us)for(let r of bt)r()};for(let t of["pointerdown","keydown","wheel","touchstart"])window.addEventListener(t,e,{capture:!0,passive:!0});let n=()=>{if(!document.hidden)for(let t of bt)t()};window.addEventListener("focus",n),document.addEventListener("visibilitychange",n)}function Oe(e,n,t={}){Ws();let r,o=t.immediate===!1?Date.now():0,s=!1,a=!1,c=()=>{a||(r=setTimeout(i,t.idle===!1?n:io(n,Date.now()-gt)))},i=async()=>{if(clearTimeout(r),!(a||s)){if(typeof document>"u"||!document.hidden){s=!0,o=Date.now();try{await e()}catch{}finally{s=!1}}c()}},l=()=>{Date.now()-o>Math.min(n,Hs)&&i()};return bt.add(l),t.immediate===!1?c():i(),()=>{a=!0,clearTimeout(r),bt.delete(l)}}var jt="soba";function lo(){return`${jt}://show`}function Gn(e,n,t){let r=`${jt}://connect?url=${encodeURIComponent(e)}`;return n&&(r+=`&nonce=${encodeURIComponent(n)}`),t&&(r+=`&want=${encodeURIComponent(t)}`),r}function zn(){let e=globalThis.crypto;if(!e?.getRandomValues)return null;let n=e.getRandomValues(new Uint8Array(32)),t="";for(let r of n)t+=String.fromCharCode(r);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}var Bs=1600;function Yt(e={}){return Qt(e)}async function Zt(e,n={}){if(typeof window>"u"||typeof document>"u")return"unknown";let t=Qt(n);try{window.location.href=Gn(e,n.nonce,n.want)}catch{return"absent"}return t}async function Jt(e={}){if(typeof window>"u"||typeof document>"u")return"unknown";let n=Qt(e);try{window.location.href=lo()}catch{return"absent"}return n}async function Qt(e){if(typeof window>"u"||typeof document>"u")return"unknown";let n=e.graceMs??Bs,t=document.visibilityState==="visible"&&document.hasFocus(),r=!1,o=()=>{r=!0},s=()=>{document.visibilityState==="hidden"&&(r=!0)};return window.addEventListener("blur",o),window.addEventListener("pagehide",o),document.addEventListener("visibilitychange",s),await new Promise(a=>setTimeout(a,n)),window.removeEventListener("blur",o),window.removeEventListener("pagehide",o),document.removeEventListener("visibilitychange",s),t?r?"opened":"absent":"unknown"}var co="soba.connect.choice",qs=180*24*60*60*1e3;function Xt(e){let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return(n>>>0).toString(36)}function er(e,n){return e?n?`${co}.${e}.${Xt(n)}`:`${co}.${e}`:null}function nr(e){if(!e||typeof localStorage>"u")return null;try{let n=localStorage.getItem(e);if(!n)return null;let t=JSON.parse(n);if(Date.now()-Date.parse(t.at)>qs)return null;let r=ce.find(o=>o.id===t.choice);return r?r.id:null}catch{return null}}function tr(e,n){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({choice:n,at:new Date().toISOString()}))}catch{}}var uo="soba.connect.model",Fs=180*24*60*60*1e3;function rr(e,n){return e?n?`${uo}.${e}.${Xt(n)}`:`${uo}.${e}`:null}function yt(e){if(!e||typeof localStorage>"u")return null;try{let n=localStorage.getItem(e);if(!n)return null;let t=JSON.parse(n);if(Date.now()-Date.parse(t.at)>Fs)return null;let r=t.choice;return typeof r!="string"||!r||r.length>120?null:/^[\w.:@+-]+(\/[\w.:@+-]+)?$/.test(r)?r:null}catch{return null}}function or(e,n){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({choice:n,at:new Date().toISOString()}))}catch{}}var po="soba.connect.dismissed",Gs=30*24*60*60*1e3;function sr(e,n){return e?n?`${po}.${e}.${Xt(n)}`:`${po}.${e}`:null}function ar(e){if(!e||typeof localStorage>"u")return!1;try{let n=localStorage.getItem(e);if(!n)return!1;let t=JSON.parse(n);return Date.now()-Date.parse(t.at)<Gs}catch{return!1}}function ir(e){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({at:new Date().toISOString()}))}catch{}}import{Fragment as kt,jsx as d,jsxs as x}from"react/jsx-runtime";var lr=2e3,Ks=1e4,Vs=9e4,js=6e4;function cr(e,n,t,r=[],o){return e?"code":n&&(t.length>0||r.length>0)?"manage":o?"launch":"choose"}function Ys(e){let n=Math.max(0,Math.round(e/1e3));return`${Math.floor(n/60)}:${String(n%60).padStart(2,"0")}`}function pr({client:e,initialCode:n,initialChoice:t,onConnected:r,showStatus:o=!0,initialContext:s=null,initialMachines:a,onClose:c,headingId:i,theme:l,reason:u,active:p=!0}){let y=!!s&&a!==void 0,[f,m]=W(y?cr(n,o,a??[],[],t):"loading"),[w,P]=W(s),[R,_]=W(a??[]),[M,B]=W(n??""),[I,N]=W(null),[F,T]=W(null),[se,X]=W(!1),[ve,K]=W(0),[ae,We]=W(()=>Date.now()),[Y,Me]=W(null),[Xe,de]=W(!1),[pe,ee]=W(!1),[gn,en]=W("browser"),[Le,nn]=W(null),[me,ne]=W([]),[Be,Pe]=W(0),[Ae,qe]=W(null),ie=xn(null),[E,bn]=W(t??null),[v,G]=W(null),te=Ve(()=>{let h=w?.accent?.trim(),C=w?.background?.trim();if(!(!h&&!C))return C?{...ln(C,h),background:C,borderRadius:"inherit"}:{"--sc-accent":h,"--sc-accent-fg":Ln(h)}},[w?.accent,w?.background]),fe=zs(),re=i??fe,Fe=xn(null);ue(()=>{if(!e||y)return;let h=!0;return Promise.all([e.context(),e.machines()]).then(([C,$])=>{h&&(P(C),_($),m(cr(n,o,$)))}).catch(C=>{h&&(T(C.message),m("choose"))}),()=>{h=!1}},[e,n,o,y]),ue(()=>{f!=="loading"||!y||m(cr(n,o,a??[]))},[f,y,n,o,a]),ue(()=>{a&&_(a)},[a]),ue(()=>{s&&P(s)},[s]);let yn=xn(!1),wn=xn(f);wn.current=f;let tn=xn(me);tn.current=me;let rn=!!w?.hosted_available;ue(()=>{!o&&wn.current==="manage"&&m("choose")},[o]),ue(()=>{if(!e||!p||f!=="manage")return;let h=!0,C=Oe(async()=>{try{let $=await e.machines();if(!h)return;_($);let U=!rn||yn.current;$.length===0&&tn.current.length===0&&U&&wn.current==="manage"&&m("choose")}catch{}},Ks,{immediate:!1});return()=>{h=!1,C()}},[f,e,rn,p]);let on=er(w?.publishable_key??null);ue(()=>{G(nr(on))},[on]),ue(()=>{if(!e||!rn)return;let h=!0;return e.hosted().then(C=>{h&&(ne(C.credentials),!yn.current&&(yn.current=!0,C.credentials.length>0&&o&&wn.current==="choose"&&m("manage")))}).catch(()=>{}),()=>{h=!1}},[e,rn,o]),ue(()=>{if(!e||!p||f!=="hosted")return;let h=!0,C=async()=>{try{let _e=await e.hosted();if(!h)return!1;if(ne(_e.credentials),_e.credentials.length>0)return m("hosted_connected"),qe(null),!0}catch{}return!1},$=async()=>{ie.current?.closed&&(ie.current=null,!await C()&&h&&m("choose"))},U=Oe(C,lr,{immediate:!1}),an=setInterval($,400),Ce=_e=>{let On=_e.data;On?.source==="soba"&&On.type==="hosted_result"&&C()};return window.addEventListener("message",Ce),()=>{h=!1,U(),clearInterval(an),window.removeEventListener("message",Ce),ie.current=null}},[e,f,p]);let It=oe(()=>{if(!e)return;let h=window.open("","soba-connect-plan","width=520,height=760,noopener=no");ie.current=h,m("hosted"),Pe(Date.now()),qe(null),T(null),e.startHosted().then(({url:C})=>{if(h&&!h.closed){h.location.href=C;return}qe(C)}).catch(C=>{h?.close(),ie.current=null,T(C.message),m("choose")})},[e]),it=oe(async h=>{if(e){X(!0);try{await e.disconnectHosted(h),ne((await e.hosted()).credentials)}catch(C){T(C.message)}finally{X(!1)}}},[e]);ue(()=>{if(!e||!p||f!=="waiting")return;let h=!0,C=Oe(async()=>{try{let $=await e.machines();if(!h)return;_($);let U=Fe.current;if(!U)return;let an=$.filter(_e=>!U.has(_e.id)),Ce=an.find(_e=>_e.state!=="offline")??an[0];if(Ce){nn(Ce.id),E&&tr(on,E);let _e=ce.find(At=>At.id===E)?.expects??[],On=ye(Ce).find(At=>_e.includes(At.id));On&&e.preferRuntime(Ce.id,On.id).catch(()=>{}),m("connected"),r?.($)}}catch{}},lr,{immediate:!1});return()=>{h=!1,C()}},[f,e,r,E,on,p]);let lt=oe(async()=>{if(e){T(null),X(!0);try{let h=await e.lookup(M);N(h),m("confirm")}catch(h){T(h.message)}finally{X(!1)}}},[e,M]),vn=oe(async()=>{if(e){T(null),X(!0);try{try{Fe.current=new Set((await e.machines()).map(h=>h.id))}catch{Fe.current=new Set(R.map(h=>h.id))}await e.approve(M),m("waiting"),K(Date.now())}catch(h){T(h.message)}finally{X(!1)}}},[e,M,R]),ct=oe(async()=>{if(e){X(!0);try{await e.deny(M),en("browser"),m("denied")}catch(h){T(h.message)}finally{X(!1)}}},[e,M]),q=Ve(()=>w?.connect_url??null,[w]),[Re,he]=W(()=>zn()),sn=Ve(()=>q?Gn(q,Re??void 0,E??void 0):null,[q,Re,E]),ut=Ve(()=>Fn(q),[q]),Tt=oe(h=>{if(R.length===0)return null;let C=ce.find(U=>U.id===h);if(!C)return null;let $=R.flatMap(U=>U.runtimes??[]).filter(U=>C.expects.includes(U.id));return $.length===0?{tone:"dim",text:"not installed"}:$.some(U=>U.authenticated===!0)?{tone:"ok",text:"ready"}:$.every(U=>U.authenticated===!1)?{tone:"warn",text:"needs signing in"}:{tone:"dim",text:"installed"}},[R]),k=oe((h=null)=>{bn(h),T(null),Me(null),de(!1),ee(!1),z.current=!1,he(zn()),m("launch")},[]),z=xn(!!t);ue(()=>{f!=="launch"||!q||z.current||(z.current=!0,de(!0),Zt(q,{...Re?{nonce:Re}:{},...E?{want:E}:{}}).then(Me))},[f,q,Re,E]);let le=oe(()=>{de(!0),Yt().then(Me)},[]),dt=oe(h=>{if(pe){let C=zn();ee(!1),he(C),q&&(h.preventDefault(),window.location.href=Gn(q,C??void 0,E??void 0))}le()},[pe,le,q,E]),ge=Ve(()=>{let h=w?.runtimes;return h?ce.filter(C=>h.includes(C.id)):Bt()},[w?.runtimes]),ke=Ve(()=>{let h=ce.find(C=>C.id===E);return h?{choice:h,Mark:ze[h.id]??null}:null},[E]),$e=Ve(()=>R.find(h=>h.id===Le),[R,Le]);ue(()=>{let h=Re;if(!e||!p||f!=="launch"||!h)return;let C=!1,$=Date.now()+15e4,U=()=>{};return U=Oe(async()=>{if(Date.now()>$){U(),ee(!0);return}try{let an=await e.claim(h);if(C)return;if(an.declined){U(),Me(null),en("machine"),m("denied");return}if(!an.claimed)return;U();try{Fe.current=new Set((await e.machines()).map(Ce=>Ce.id))}catch{Fe.current=new Set(R.map(Ce=>Ce.id))}m("waiting"),K(Date.now())}catch{}},lr,{immediate:!1,idle:!1}),()=>{C=!0,U()}},[e,f,R,Re,p]);let be=Ve(()=>{if(!I)return null;if(I.approved||I.denied)return"answered";let h=I.expires_at?Date.parse(I.expires_at):Number.NaN;return Number.isFinite(h)&&h<=ae?"expired":"live"},[I,ae]);ue(()=>{if(!(f==="confirm"&&be==="live"||f==="waiting"||f==="hosted"))return;let C=setInterval(()=>We(Date.now()),1e3);return()=>clearInterval(C)},[f,be]);let pt=oe(async(h,C)=>{if(e)try{await e.approveRuntime(h,C),_(await e.machines())}catch($){T($.message)}},[e]),Lt=oe(async(h,C)=>{if(e)try{await e.preferRuntime(h,C),_(await e.machines())}catch($){T($.message)}},[e]);return f==="loading"?d("div",{className:"soba-connect",...l?{"data-theme":l}:{},style:te,children:d("div",{className:"sc-card",children:d("p",{className:"sc-note",children:"Loading\u2026"})})}):x("div",{className:"soba-connect",...l?{"data-theme":l}:{},style:te,children:[c&&d("button",{type:"button",className:"sc-modal-close",onClick:c,"aria-label":"Close",children:"\xD7"}),f==="manage"&&x("div",{className:"sc-card",children:[d("h2",{className:"sc-title",id:re,children:"Your compute"}),x("p",{className:"sc-sub",children:[d(wt,{context:w})," ",R.length>0&&me.length>0?"runs on your connected plan, and on these machines while they are awake.":me.length>0?"runs on the plan you connected. Nothing here is charged to you.":"runs on these machines, while they are awake."]}),d(dn,{machines:R,hosted:me,onApproveRuntime:pt,onPreferRuntime:(h,C)=>void Lt(h,C),onDisconnectHosted:h=>void it(h),onPair:()=>m("choose"),busy:se,...w?.app.name?{appName:w.app.name}:{}}),F&&d("p",{className:"sc-error",children:F})]}),f==="choose"&&x("div",{className:"sc-card",children:[d(Js,{context:w}),d("h2",{className:"sc-h",id:re,children:u==="payment_required"?"Carry on with your own AI":u==="no_compute"?"This run needs a machine":"Connect your AI"}),d("p",{className:"sc-p",children:"Use compute you already have."}),q&&ge.length>0&&x(kt,{children:[d("div",{className:"sc-opts",children:ge.map(h=>{let C=ze[h.id];return x("button",{type:"button",className:"sc-opt",onClick:()=>k(h.id),children:[d("span",{className:"sc-opt-tile","aria-hidden":"true",children:C&&d(C,{className:"sc-opt-mark"})}),d("span",{className:"sc-opt-text",children:d("span",{className:"sc-opt-label",children:h.label})}),(()=>{let $=Tt(h.id);return $?d("span",{className:`sc-opt-has sc-opt-has-${$.tone}`,children:$.text}):v===h.id?d("span",{className:"sc-opt-last",children:"last used"}):d(ur,{className:"sc-opt-go"})})()]},h.id)})}),x("p",{className:"sc-opt-note",children:["Your accounts stay there. ",mo(w)," never sees them."]})]}),(!q||ge.length===0)&&d("p",{className:"sc-error",style:{marginTop:16},children:"This app has no publishable key yet, so there is nothing to pair against."}),F&&d("p",{className:"sc-error",children:F}),q&&w?.show_code===!0&&d("div",{className:"sc-opt-alt",children:d("button",{type:"button",className:"sc-alt-link",onClick:()=>m("code"),children:"I have a code"})})]}),f==="launch"&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("choose")}),d("p",{className:"sc-head-title",children:"Soba App"})]}),d(vt,{mark:ke?.Mark??j,still:pe||!Xe&&Y===null}),d("h2",{className:"sc-h",id:re,children:pe?"No answer from this machine":Y==="absent"?"Nothing opened":Y===null?"Opening Soba App\u2026":"Approve it on this machine"}),pe?d("p",{className:"sc-p",children:"The Soba app did not answer. It may not be open, or nobody was there. Try again when you are ready."}):Y==="absent"?d("p",{className:"sc-p",children:"Nothing opened on this machine. Open it yourself below, or install it if it is not here yet."}):d("p",{className:"sc-p",children:Y===null?"Approve it there and this page does the rest.":"This page finishes on its own."}),ke&&x("p",{className:"sc-prereq",children:[ke.Mark&&d(ke.Mark,{className:"sc-rt-mark"}),"Needs ",ke.choice.prerequisite]}),x("div",{className:"sc-stack",style:{marginTop:18},children:[d("a",{className:Y==="absent"||pe?"sc-btn sc-btn-primary":"sc-btn",href:sn??"#",onClick:dt,children:pe?"Try again":Y==="absent"?"Open Soba App":"Open it again"}),d("p",{className:"sc-note",children:Y===null?"Your browser will ask permission first.":"Your browser asks permission the first time."}),ke&&Y==="absent"&&d("p",{className:"sc-note",children:d(Qs,{text:ke.choice.hint})}),x("div",{className:"sc-foot-strip",children:[d("span",{children:"Not installed on this machine?"}),x("button",{type:"button",className:"sc-foot-go",onClick:()=>m("get"),children:["Get it",d(ur,{})]})]})]})]}),f==="get"&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("launch")}),d("p",{className:"sc-head-title",children:"Get Soba App"})]}),d("div",{className:"sc-opts",children:qn.map(h=>x("a",{className:"sc-opt",href:`${ut}/download/${h.slug}`,target:"_blank",rel:"noreferrer noopener",children:[d("span",{className:"sc-opt-tile","aria-hidden":"true",children:d(Wt,{className:"sc-opt-mark"})}),d("span",{className:"sc-opt-text",children:d("span",{className:"sc-opt-label",children:h.label})}),d(ur,{className:"sc-opt-go"})]},h.slug))}),d("p",{className:"sc-opt-note",children:"Install it, then come back here and press the row you started with."})]}),f==="code"&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("choose")}),d("p",{className:"sc-head-title",children:"Soba App"})]}),d("h2",{className:"sc-h",id:re,children:"Enter the code from that machine"}),d("p",{className:"sc-p",children:"Eight characters, shown by the Soba app once you paste the link."}),x("form",{className:"sc-stack",style:{marginTop:16},onSubmit:h=>{h.preventDefault(),lt()},children:[d("input",{className:"sc-input",value:M,onChange:h=>B(h.target.value),placeholder:"ACDE-F234",autoComplete:"off",autoFocus:!0,"aria-label":"Pairing code"}),F&&d("p",{className:"sc-error",children:F}),d("button",{type:"submit",className:"sc-btn sc-btn-primary",disabled:se||M.length<8,children:se?"Checking\u2026":"Continue"})]})]}),f==="confirm"&&I&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("code")}),d("p",{className:"sc-head-title",children:"Soba App"})]}),d("h2",{className:"sc-title",children:"Attach this machine to your account?"}),x("p",{className:"sc-sub",children:[d(wt,{context:w})," may send your runs to it once you approve. It can never see the account or the keys on it."]}),x("ul",{className:"sc-facts",children:[d(Kn,{k:"Code",v:I.user_code}),d(Kn,{k:"Machine",v:I.hostname??"not stated"}),d(Kn,{k:"System",v:[I.platform,I.arch].filter(Boolean).join(" / ")||"not stated"}),d(Kn,{k:"Asked by",v:I.client??"not stated"}),I.labels.length>0&&d(Kn,{k:"Labels",v:I.labels.join(", ")})]}),d("p",{className:"sc-note",style:{marginTop:12},children:"Every line above is what that machine said about itself. If none of it looks like a computer of yours, say no."}),be==="expired"&&d("p",{className:"sc-error",children:"That code has expired. Ask the machine for a new one. It prints a fresh code each time it starts."}),be==="answered"&&d("p",{className:"sc-error",children:"That code has already been answered. If it was not you, deny the next one."}),F&&d("p",{className:"sc-error",children:F}),x("div",{className:"sc-row",style:{marginTop:16},children:[d("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:()=>void vn(),disabled:se||be!=="live",children:"Approve"}),d("button",{type:"button",className:"sc-btn",onClick:()=>void ct(),disabled:se||be==="answered",children:"No, deny it"})]}),be==="live"&&I.expires_at&&x("p",{className:"sc-note",style:{marginTop:10},children:["This code expires in ",Ys(Date.parse(I.expires_at)-ae),"."]})]}),f==="waiting"&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("choose")}),d("p",{className:"sc-head-title",children:ke?.choice.short??"Soba App"})]}),d(vt,{mark:ke?.Mark??j}),d("h2",{className:"sc-h",id:re,children:"Approved. Waiting for it to connect"}),d("p",{className:"sc-p",children:"Nothing more to do here. This page changes when it arrives."}),ve>0&&ae-ve>Vs&&d("p",{className:"sc-note sc-tone-warn",style:{marginTop:14,textAlign:"center"},children:"Still nothing. Look at the Soba app on that machine: it says what it is doing. This keeps watching either way."})]}),f==="connected"&&x("div",{className:"sc-card",children:[d(dr,{tone:"ok"}),d("h2",{className:"sc-h",id:re,children:$e?.label?`${$e.label} is connected`:"Connected"}),x("p",{className:"sc-p",children:[d(wt,{context:w})," will use ",$e?.label?"it":"this machine"," from now on, while it is awake."]}),o&&x(kt,{children:[d("div",{style:{marginTop:16},children:d(Un,{machines:R,onApproveRuntime:pt})}),d("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:14},onClick:()=>m("manage"),children:"Done"})]})]}),f==="hosted"&&x("div",{className:"sc-card",children:[x("div",{className:"sc-head",children:[d(Sn,{onClick:()=>m("choose")}),d("p",{className:"sc-head-title",children:"ChatGPT"})]}),Ae?d(vt,{mark:un,still:!0}):d(vt,{mark:un}),d("h2",{className:"sc-h",id:re,children:Ae?"Your browser blocked the window":"Finish signing in to ChatGPT"}),d("p",{className:"sc-p",children:Ae?"Nothing opened. Open the sign-in yourself below. A link you click is allowed where a window we open is not.":"Approve it in the window that opened."}),x("div",{className:"sc-stack",style:{marginTop:18},children:[Ae&&d("a",{className:"sc-btn sc-btn-primary",href:Ae,target:"soba-connect-plan",rel:"noreferrer",children:"Open the ChatGPT sign-in"}),F&&d("p",{className:"sc-error",children:F}),Be>0&&ae-Be>js&&d("p",{className:"sc-note sc-tone-warn",children:"Still nothing. The window may have been closed before it finished, or the sign-in may have been declined. This keeps watching either way."})]})]}),f==="hosted_connected"&&x("div",{className:"sc-card",children:[d(dr,{tone:"ok"}),d("h2",{className:"sc-h",id:re,children:"ChatGPT is connected"}),x("p",{className:"sc-p",children:[d(wt,{context:w})," will run on your ChatGPT plan",me[0]?.account_label?` (${me[0].account_label})`:"",". Nothing more to pay, nothing to install."]}),d("p",{className:"sc-opt-note",style:{textAlign:"center"},children:"It runs on our side, so it has no access to your files or your terminal."}),o&&x(kt,{children:[d("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>m("manage"),children:"Done"}),d("div",{className:"sc-opt-alt",children:d("button",{type:"button",className:"sc-alt-link",onClick:()=>m("choose"),children:"Connect a machine too"})})]})]}),f==="denied"&&x("div",{className:"sc-card",children:[d(dr,{tone:"off"}),d("h2",{className:"sc-h",id:re,children:"Declined"}),d("p",{className:"sc-p",children:gn==="machine"?"Nothing was connected. You can ask again whenever you like.":"That machine was not attached to your account, and the terminal has been told so."}),d("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>m("choose"),children:"Back to the start"})]})]})}function mo(e){return e?.app.name??"this app"}function Zs(e){let n=e?.app.icon_urls;if(n?.length)return n;let t=e?.app.icon_url;return t?[t]:[]}function fo(e){let n=Zs(e),[t,r]=W([]),o=oe(c=>{c&&r(i=>i.includes(c)?i:[...i,c])},[]),s=oe(c=>o(c.currentTarget.getAttribute("src")),[o]),a=oe(c=>{c?.complete&&c.naturalWidth===0&&o(c.getAttribute("src"))},[o]);return{icon:n.find(c=>!t.includes(c)),onError:s,ref:a}}function Js({context:e}){let{icon:n,onError:t,ref:r}=fo(e);return e?.app.mark==="soba"?d(j,{className:"sc-app-mark"}):n?d("img",{className:"sc-app-mark",src:n,alt:"","aria-hidden":"true",ref:r,onError:t}):null}function wt({context:e}){let{icon:n,onError:t,ref:r}=fo(e),o=e?.app.mark==="soba";return x("span",{className:"sc-app",children:[o&&d(j,{className:"sc-app-icon"}),!o&&n&&d("img",{className:"sc-app-icon",src:n,alt:"",ref:r,onError:t}),mo(e)]})}function Sn({onClick:e}){return d("button",{type:"button",className:"sc-head-back",onClick:e,"aria-label":"Back",children:d("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:d("path",{d:"M15 5 8 12l7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}function ur({className:e}){return d("svg",{className:e,viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:d("path",{d:"M9 5l7 7-7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function vt({mark:e,still:n}){return x("span",{className:"sc-waiting","aria-hidden":"true",children:[!n&&d("svg",{className:"sc-waiting-orbit",viewBox:"0 0 100 100","aria-hidden":"true",focusable:"false",children:d("circle",{className:"sc-waiting-arc",cx:"50",cy:"50",r:"46"})}),d(e,{className:"sc-waiting-mark"})]})}function dr({tone:e}){return d("span",{className:`sc-result sc-result-${e}`,"aria-hidden":"true",children:d(Vt,{kind:e==="ok"?"snap":"gone",size:84})})}function Qs({text:e}){return d(kt,{children:e.split("`").map((n,t)=>t%2===1?d("code",{className:"sc-inline-code",children:n},t):n)})}function Kn({k:e,v:n}){return x("li",{className:"sc-fact",children:[d("span",{className:"sc-fact-key",children:e}),d("span",{children:n})]})}import{useEffect as Xs,useRef as fr}from"react";var Ct=0,mr=null;function ho(){if(typeof document>"u")return()=>{};Ct===0&&(mr=document.body.style.overflow,document.body.style.overflow="hidden"),Ct+=1;let e=!1;return()=>{e||(e=!0,Ct-=1,Ct===0&&(document.body.style.overflow=mr??"",mr=null))}}import{jsx as go}from"react/jsx-runtime";function Vn({open:e,onClose:n,labelledBy:t,theme:r,style:o,children:s}){let a=fr(null),c=fr(null),i=fr(null);return Xs(()=>{let l=a.current;if(l){if(!e){l.open&&l.close();return}return l.open||l.showModal(),document.activeElement===l&&c.current?.focus(),ho()}},[e]),go("dialog",{ref:a,className:"soba-connect sc-modal","aria-labelledby":t,...r?{"data-theme":r}:{},style:o,onCancel:l=>{l.preventDefault(),n()},onPointerDown:l=>{i.current=l.target},onClick:l=>{l.target===l.currentTarget&&i.current===l.currentTarget&&n()},children:go("div",{className:"sc-modal-sheet",ref:c,tabIndex:-1,children:s})})}import{useRef as ta,useState as ra}from"react";var ea={"claude-code":{small:"haiku",large:"opus"}};function bo(e){let n=ea[e];return!!(n?.small||n?.large)}var na={haiku:"Haiku",sonnet:"Sonnet",opus:"Opus",fable:"Fable"};function yo(e){return na[e]??e}function hr(e){let n=[...e].sort(mt),t=Ee([...e]),r=t?De(t):null,s=[{id:"auto",kind:"auto",label:"Automatic",model:"auto",...r?.runtime?{note:`Uses ${r.runtime.display_name}`}:{}}];n.some(u=>ye(u).some(p=>bo(p.id)))&&s.push({id:"small",kind:"size",label:"Fast",note:"quick and cheap",model:"small"},{id:"large",kind:"size",label:"Best",note:"the most capable",model:"large"});let c=new Map;for(let u of n)for(let p of ye(u))for(let y of p.models){if(!y)continue;let f=`${p.id}/${y}`,m=c.get(f);if(m){m.machines.add(V(u));continue}c.set(f,{option:{id:f,kind:"named",label:yo(y),model:y,runtime:p.id,runtimeName:p.display_name,costClass:p.cost_class},machines:new Set([V(u)])})}let i=new Set;for(let{machines:u}of c.values())for(let p of u)i.add(p);let l=i.size>1;for(let{option:u,machines:p}of c.values()){let y=l&&p.size===1?[...p][0]:void 0;s.push(y?{...u,machine:y}:u)}return s}function jn(e){let n=[],t=[];for(let r of e){if(r.kind!=="named"){n.push(r);continue}let o=r.runtimeName??r.runtime??"",s=t.find(a=>a.heading===o);s?s.options.push(r):t.push({heading:o,options:[r]})}return n.length?[{heading:null,options:n},...t]:t}function gr(e,n){let t=e.find(o=>o.kind==="auto")??{id:"auto",kind:"auto",label:"Automatic",model:"auto"};if(!n||n==="auto")return{selected:t,unavailable:null};let r=e.find(o=>o.id===n);return r?{selected:r,unavailable:null}:{selected:t,unavailable:n}}function br(e){return e.runtime?{model:e.model,runtime:e.runtime}:{model:e.model}}function Yn(e){return e.length>1}import{jsx as Nt,jsxs as wo}from"react/jsx-runtime";function yr({options:e,selected:n,onPick:t,caption:r,disabled:o,className:s}){let[a,c]=ra(!1),i=ta(null);if(!Yn(e))return null;let l=s?`sc-mp ${s}`:"sc-mp";return wo("span",{className:l,children:[r&&Nt("span",{className:"sc-mp-cap",children:r}),wo("button",{ref:i,type:"button",className:"sc-mp-btn","aria-haspopup":"menu","aria-expanded":a,"aria-label":`Model: ${n.label}. Change`,disabled:o,onClick:()=>c(u=>!u),children:[Nt("span",{className:"sc-mp-label",children:n.label}),Nt(Cn,{open:!0})]}),a&&Nt(Hn,{anchor:i,label:"Which model answers",options:oa(e),current:n.id,onClose:()=>c(!1),onPick:u=>{c(!1),u&&t(u)}})]})}function oa(e){let n=[];for(let t of jn(e))t.options.forEach((r,o)=>{let s=sa(r);n.push({id:r.id,label:r.label,...s?{note:s}:{},...t.heading&&o===0?{heading:t.heading}:{},...!t.heading&&r.kind==="size"&&o===1?{rule:!0}:{}})});return n}function sa(e){return e.kind!=="named"?e.note:e.machine?`on ${e.machine}`:void 0}import{useEffect as wr,useRef as aa}from"react";import{jsx as ia}from"react/jsx-runtime";var mn=8;function vr({open:e,onClose:n,anchor:t,label:r,theme:o,style:s,children:a}){let c=aa(null);return wr(()=>{let i=c.current;if(!(!i||!(typeof i.showPopover=="function")))try{e?i.showPopover():i.hidePopover()}catch{}},[e]),wr(()=>{if(!e)return;let i=()=>{let u=c.current,p=t.current;if(!u||!p)return;let y=p.getBoundingClientRect(),f=u.offsetWidth,m=u.offsetHeight,w=window.innerWidth-f-mn,P=Math.max(mn,Math.min(y.right-f,Math.max(mn,w))),R=y.bottom+mn,_=y.top-mn-m,M=R+m>window.innerHeight-mn&&_>mn?_:R;u.style.left=`${Math.round(P)}px`,u.style.top=`${Math.round(M)}px`};i();let l=requestAnimationFrame(i);return window.addEventListener("scroll",i,!0),window.addEventListener("resize",i),()=>{cancelAnimationFrame(l),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}},[e,t]),wr(()=>{if(!e)return;let i=u=>{u.key==="Escape"&&n()},l=u=>{let p=u.target;p&&(c.current?.contains(p)||t.current?.contains(p)||n())};return document.addEventListener("keydown",i),document.addEventListener("pointerdown",l,!0),()=>{document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",l,!0)}},[e,n,t]),ia("div",{ref:c,role:"dialog","aria-label":r,className:"soba-connect sc-pop",...o?{"data-theme":o}:{},popover:"manual",hidden:!e,style:s,children:a})}var Zn=new Map,Mn=new Map,vo=!1;function la(){vo||typeof window>"u"||(vo=!0,window.addEventListener("storage",e=>{!e.key||!Zn.has(e.key)||(Mn.set(e.key,yt(e.key)),kr(e.key))}))}function kr(e){for(let n of Zn.get(e)??[])n()}function Jn(e){return e??""}function Cr(e,n){let t=Jn(e);la();let r=Zn.get(t)??new Set;return r.add(n),Zn.set(t,r),()=>{r.delete(n),r.size===0&&Zn.delete(t)}}function xt(e){let n=Jn(e),t=Mn.get(n);if(t!==void 0)return t;let r=e?yt(e):null;return Mn.set(n,r),r}function Nr(){return null}function xr(e,n){xt(e)===null&&(Mn.set(Jn(e),n),kr(Jn(e)))}function Sr(e,n){let t=Jn(e);Mn.get(t)!==n&&(Mn.set(t,n),or(e,n),kr(t))}function He(e){let n=`${e.unit}s`;return e.reward==="unlimited"?`Unlimited ${n} on your own AI`:e.reward==="included"&&e.includedUnits!==null?`${ua(e.includedUnits)} ${n} a month once you connect`:e.reward==="credit"&&e.creditMicros>0?`${ca(e.creditMicros)} back each month you stay connected`:null}function Ue(e){return e==="unlimited"||e==="included"}var Co=new Set(["user-hardware","user-subscription"]),ko=new Set(["open-weights","frontier"]);function xe(e){return e===null||e.length===0?!1:e.every(n=>Co.has(n))}var ca=e=>(e/1e6).toLocaleString("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}),ua=e=>e.toLocaleString("en-US");function Mr(e,n){if(!(n===null||n.some(s=>ko.has(s))))return!1;let r=e.findIndex(s=>Co.has(s));if(r===-1)return!1;let o=e.findIndex(s=>ko.has(s));return o===-1||r<o}import{createContext as No,useContext as xo}from"react";var Pr=No(null);function St(){return xo(Pr)}var Rr=No({context:null,machines:void 0,theme:"light"});function H(){return xo(Rr)}import{useMemo as ma}from"react";import{createContext as da,useContext as pa}from"react";var _r=da(null);function D(){let e=pa(_r);if(!e)throw new Error("useSoba() must be used inside a <SobaProvider>.");return e}function Qn(){let{compute:e}=D();return ma(()=>{let n=e.machines,t=[...n].sort((s,a)=>Ee([s,a])===s?-1:1).map(fa),r=Ee([...n]),o=cn(n);return{view:t.length?"machines":e.loading?"loading":e.error?"error":"empty",machines:t,primary:r?t.find(s=>s.machine.id===r.id)??null:null,connected:e.connected,online:e.online,stalled:e.connected&&!e.online&&o?t.find(s=>s.machine.id===o.id)??null:null,loading:e.loading,error:e.error,refresh:e.refresh}},[e])}function fa(e){let n=De(e);return{machine:e,name:V(e),state:Ge(e),status:Dt(e),hardware:$n(e),lastSeen:e.state==="offline"?Dn(e.last_seen_at):null,runtimes:ye(e).map(t=>({runtime:t,name:t.display_name,auth:An(t),quarantined:!!t.quarantined})),runsOn:{by:n.by,name:n.runtime?.display_name??null}}}import{jsx as Xn}from"react/jsx-runtime";function ha({className:e}){let{theme:n}=H(),t=e?`soba-connect ${e}`:"soba-connect";return Xn("div",{className:t,"data-theme":n,children:Xn(Er,{})})}function Er(){let e=Qn();return e.view==="loading"?Xn("p",{className:"sc-note",children:"Loading\u2026"}):e.view==="error"?Xn("p",{className:"sc-error",children:e.error?.message}):Xn(Un,{machines:e.machines.map(n=>n.machine)})}import{useCallback as nt,useEffect as Rt,useMemo as wa,useRef as Or,useState as je}from"react";import{useId as ga}from"react";import{jsx as Pn,jsxs as Mt}from"react/jsx-runtime";function et({open:e,onOpenChange:n,initialCode:t,onConnected:r,showStatus:o,reason:s}){let{error:a}=D(),c=St(),i=H(),l=()=>n(!1),u=ga(),p=i.context?.background?.trim(),y=p?ln(p,i.context?.accent):void 0;return Mt(Vn,{open:e,onClose:l,labelledBy:u,theme:i.theme,style:y,children:[a?Mt("div",{className:"sc-card",children:[Pn("h2",{className:"sc-title",id:u,children:"Could not start"}),Pn("p",{className:"sc-error",children:a.message})]}):!c&&!i.context?Mt("div",{className:"sc-card",children:[Pn("h2",{className:"sc-title",id:u,children:"One moment"}),Pn("p",{className:"sc-note",children:"Getting your compute\u2026"})]}):Pn(pr,{client:c,active:e,onClose:l,headingId:u,theme:i.theme,initialContext:i.context,...i.machines!==void 0?{initialMachines:i.machines}:{},...t?{initialCode:t}:{},...r?{onConnected:r}:{},...o===void 0?{}:{showStatus:o},...s?{reason:s}:{}}),Mt("p",{className:"sc-modal-foot",children:[Pn(j,{className:"sc-foot-mark"}),"Secured by Soba"]})]})}import{useCallback as ba}from"react";function ya(){let{connect:e}=D(),n=Qn(),t=ba(()=>e.open("manual"),[e]);return{...Pt(n.primary?.machine??null),machine:n.primary,open:t,canOpen:e.hasModal,loading:n.view==="loading"}}function Pt(e){let n=Ge(e);return{label:e?n.word:"Connect compute",ariaLabel:e?`${n.word} on ${V(e)}`:"Connect compute",connected:e!==null,state:n}}import{Fragment as Ir,jsx as Ye,jsxs as tt}from"react/jsx-runtime";function fn({children:e,variant:n,className:t,initialCode:r,onConnected:o,defaultOpen:s,open:a,onOpenChange:c,showConnected:i=!0}){let{compute:l,connect:u}=D(),p=H(),{theme:y}=p,f=St(),[m,w]=je(s??!!r),P=Or(null),R=a!==void 0,_=!R&&!s&&!r&&u.hasModal,M=R?a:_?u.isOpen:m,B=v=>{_?v?u.open("manual"):u.close():R||w(v),c?.(v)},I=Or(M);Rt(()=>{I.current&&!M&&P.current?.focus(),I.current=M},[M]);let[N,F]=je(null),[T,se]=je(!1),X=wa(()=>T&&N?va(l.machines,N):l.machines,[l.machines,T,N]),ve=Ee(X),K=Pt(ve),ae=i&&K.connected,We=K.state,Y=nt(()=>se(!1),[]),[Me,Xe]=je(!1),de=nt(async()=>{Xe(!0);try{await l.refresh()}finally{Xe(!1)}},[l]),pe=Or(de);pe.current=de,Rt(()=>{T&&pe.current()},[T]);let[ee,gn]=je(!1),[en,Le]=je([]),nn=!!p.context?.hosted_available;Rt(()=>{if(!T||!f||!nn)return;let v=!0;return f.hosted().then(G=>{v&&Le(G.credentials)}).catch(()=>{}),()=>{v=!1}},[T,f,nn]);let[me,ne]=je(!1);Rt(()=>{if(!T||!f)return;let v=!0,G=Oe(async()=>{let te=await f.runs();v&&F(te)},3e3);return()=>{v=!1,G()}},[T,f]);let[Be,Pe]=je(null),Ae=nt(async(v,G)=>{if(f){Pe(null);try{await f.approveRuntime(v,G),await l.refresh()}catch(te){Pe(te.message)}}},[f,l]),qe=nt(async(v,G)=>{if(f){Pe(null);try{await f.preferRuntime(v,G),await l.refresh()}catch(te){Pe(te.message)}}},[f,l]),ie=nt(async v=>{if(f){Pe(null);try{await f.disconnectHosted(v),Le((await f.hosted()).credentials)}catch(G){Pe(G.message)}}},[f]),E=p.context?.background?.trim(),bn=E?ln(E,p.context?.accent):void 0;return tt(Ir,{children:[Ye("button",{ref:P,type:"button","data-theme":y,className:["sc-btn",ae?"sc-btn-connected":"sc-btn-icon",!ae&&n==="primary"?"sc-btn-primary":"",t].filter(Boolean).join(" "),...ae&&!e?{"aria-haspopup":"dialog","aria-expanded":T,"aria-label":K.ariaLabel}:{},onClick:()=>{if(ae&&!e&&!R&&!s&&!r){se(v=>!v);return}B(!0)},children:e??(ae?tt(Ir,{children:[Ye("span",{className:"sc-pill-tile","aria-hidden":"true",children:Ye(j,{className:We.tone==="busy"?"sc-pill-mark sc-pill-mark-busy":"sc-pill-mark"})}),tt("span",{className:"sc-btn-connected-text",children:[We.word,ve&&tt("span",{className:"sc-btn-connected-where",children:[" on ",V(ve)]})]}),Ye("i",{className:`sc-dot sc-dot-${We.tone}`,"aria-hidden":"true"})]}):tt(Ir,{children:[Ye(j,{className:"sc-btn-mark"}),"Connect compute"]}))}),Ye(vr,{open:T,onClose:Y,anchor:P,label:"Your compute",theme:y,...bn?{style:bn}:{},children:Ye(dn,{machines:X,hosted:en,onApproveRuntime:(v,G)=>void Ae(v,G),onPreferRuntime:(v,G)=>void qe(v,G),onDisconnectHosted:v=>void ie(v),onRefresh:()=>void de(),refreshing:Me,error:Be,runs:N,runsOpen:me,onToggleRuns:()=>ne(v=>!v),onPair:()=>{se(!1),_?u.open("pair"):(gn(!0),B(!0))},...p.context?.app.name?{appName:p.context.app.name}:{}})}),!_&&Ye(et,{open:M,onOpenChange:v=>{v||gn(!1),B(v)},...ee?{showStatus:!1}:{},...r?{initialCode:r}:{},...o?{onConnected:o}:{}})]})}function va(e,n){return e.map(t=>{if(t.state==="offline")return t;let r=n.filter(o=>o.machine_id===t.id).length;return{...t,active:r,state:r>0?"busy":"online"}})}import{jsx as Tr,jsxs as Ca}from"react/jsx-runtime";function ka({initialCode:e,onConnected:n,className:t,showStatus:r=!0}){let{theme:o}=H();return Ca("div",{className:t?`soba-connect ${t}`:"soba-connect","data-theme":o,children:[r&&Tr(Er,{}),Tr("div",{className:"sc-compute-act",children:Tr(fn,{...e?{initialCode:e}:{},...n?{onConnected:n}:{}})})]})}import{useId as La,useState as Aa}from"react";import{useCallback as Ar,useEffect as _o,useState as Eo}from"react";import{useCallback as Na,useState as xa}from"react";function rt(){let[e,n]=xa(null);return{open:Na(()=>{n(null),Jt().then(n)},[]),launch:e,note:e==="absent"?"Nothing opened here. That machine may be a different computer, or asleep.":null}}import{useCallback as So,useMemo as Mo}from"react";function hn(e){if(!e)return null;if(typeof e=="string")return e;if(typeof Response<"u"&&e instanceof Response)return Po(e.status);let n=e,t=n.error;return typeof t?.code=="string"?t.code:typeof t?.type=="string"?t.type:typeof n.code=="string"?n.code:typeof n.status=="number"?Po(n.status):n.cause&&n.cause!==e?hn(n.cause):null}function Po(e){return e===402?"payment_required":e===409?"no_compute":null}function Lr(...e){let[n,t]=e,{plan:r,compute:o,connect:s}=D(),a=t?.predict??e.length===0,c=Ma(Sa(n),o)??(a?Pa(r,o):null),i=r.plan,l=r.plans,u=Mo(()=>{if(c!=="payment_required")return null;let m=i?.price??0,w=i?.included_units??0;return l.find(P=>P.id!==i?.id&&P.price>m&&(P.included_units===null||P.included_units>w))??null},[c,l,i]),p=So(async()=>{if(!u)return;if(u.selectable){await r.select(u.id);return}let m=await r.checkout(u.id);window.location.assign(m)},[u,r]),y=s.open,f=So(()=>{c&&y(c)},[y,c]);return Mo(()=>{if(!c)return null;let m=i?He({unit:i.unit,reward:i.connected_reward,includedUnits:i.connected_included_units,creditMicros:i.connected_credit*1e6}):null,w=i&&Ue(i.connected_reward)?m:null;return{reason:c,...Ra(c,{connectOffer:w,connected:o.connected,online:o.online,machine:cn(o.machines)?.label??null,unit:i?.unit??"message",interval:i?.interval??"month",upgrade:u!==null,resets:r.current?.period_end??null}),connectOffer:w,upgradeTo:u,connect:f,upgrade:p}},[c,i,o,u,f,p,r.current?.period_end])}function Sa(e){let n=hn(e);return n==="payment_required"||n==="no_compute"?n:null}function Ma(e,n){return e==="no_compute"&&n.connected&&n.online?null:e}function Pa(e,n){let t=e.plan;return!t||n.loading?null:xe(t.route_allow)&&!n.online?"no_compute":e.remaining===0&&t.overage==="stop"?"payment_required":null}function Ra(e,n){if(e==="payment_required"){let t=`No ${n.unit}s left this ${n.interval}`;return n.connectOffer&&!n.connected?{title:t,body:`${n.connectOffer}. Connecting takes a minute and costs nothing.`}:n.connectOffer&&!n.online?{title:t,body:`${n.connectOffer}. Waking ${n.machine??"your machine"} is enough.`}:n.upgrade?{title:t,body:n.resets?`A larger plan carries on now. This one comes back on ${Ro(n.resets)}.`:"A larger plan carries on now, or wait for this one to renew."}:{title:t,body:n.resets?`Your allowance comes back on ${Ro(n.resets)}.`:"Your allowance comes back at the start of the next period."}}return n.connected&&!n.online?{title:`${n.machine??"Your machine"} can't be reached`,body:"This run needs it awake and connected. Open Soba App on that machine, or connect another one."}:{title:"Nothing connected yet",body:"This app runs on AI you already pay for, on a machine of your own. Connect one and this run has somewhere to go."}}function Ro(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}function _a(e){let{plan:n,allowance:t,connected:r,online:o,quiet:s,error:a,predict:c,at:i,waved:l}=e;if(!n)return null;let u=e.allow!==void 0?e.allow:n.route_allow;if(r){if(o)return null;let w=xe(u);return{reason:"stalled",title:`${s??"Your machine"} can\u2019t be reached`,detail:w?"The Soba app there has stopped reporting in, so runs have nowhere to go until it is back.":"The Soba app there has stopped reporting in, so nothing will run on your own AI until it is back.",meter:null,dismissible:!1,atTheWall:!1,ownCompute:w}}let p=hn(a),y=p==="payment_required"||p==="no_compute",f=n.ask_to_connect!==!1&&Mr(n.route_prefer,u);if(!c&&!y&&!f)return null;let m=xe(u)?Ea(n.unit,xe(n.route_allow)):Ue(n.connected_reward)?Ia(t,n,i):f?Oa(n.unit):null;return!m||m.dismissible&&l?null:{...m,dismissible:!!m.dismissible,ownCompute:!1,atTheWall:!m.dismissible&&(!c||m.meter!==null&&m.meter.left===0)}}function $r(e={}){let{at:n=.25,error:t,allow:r}=e,o=e.predict??!(e.errorGiven??t!==void 0),{plan:s,compute:a,connect:c}=D(),i=sr(c.publishableKey),[l,u]=Eo(!1);_o(()=>{u(ar(i))},[i]);let p=Ar(()=>{u(!0),ir(i)},[i]),y=Ar(()=>c.open("manual"),[c]),f=Ar(()=>c.open("no_compute"),[c]),m=rt(),[w,P]=Eo(!1),{refresh:R}=a,{launch:_}=m;_o(()=>{if(_===null||_==="absent")return;P(!1);let F=setInterval(()=>void R(),3e3),T=setTimeout(()=>{clearInterval(F),P(!0)},2e4);return()=>{clearInterval(F),clearTimeout(T)}},[_,R]);let M=Ta(c.app?.name,Fn(c.connectUrl)),B=s.loading||a.loading,I=cn(a.machines),N=B?null:_a({plan:s.plan,allowance:{remaining:s.remaining,included:s.included},connected:a.connected,online:a.online,quiet:I?V(I):null,error:t,predict:o,...r!==void 0?{allow:r}:{},at:n,waved:l});return{reason:N?.reason??null,visible:N!==null,title:N?.title??null,detail:N?.detail??null,meter:N?.meter??null,dismissible:N?.dismissible??!1,dismissed:l,dismiss:p,open:y,atTheWall:N?.atTheWall??!1,steps:M,stalled:N?.reason==="stalled"?{machine:I?V(I):null,ownCompute:N.ownCompute,wake:m.open,launch:m.launch,note:m.note,stuck:w,connectAnother:f}:null,loading:B}}function Ea(e,n){return{reason:"needed",title:n?"This plan runs on your own AI.":`These ${e}s run on your own AI.`,detail:`Connect a machine and your ${e}s run there, free, on access you already have.`,meter:null}}function Oa(e){return{reason:"preferred",title:"This plan prefers your own AI.",detail:`Connect a machine and your ${e}s run there instead, on access you already have.`,meter:null,dismissible:!0}}function Ia(e,n,t){let{remaining:r,included:o}=e;if(r===null||o===null||o===0||r>Math.ceil(o*t))return null;let s=He({unit:n.unit,reward:n.connected_reward,includedUnits:n.connected_included_units,creditMicros:n.connected_credit*1e6});return s?{reason:"running",title:r===0?`No ${n.unit}s left this month.`:`${r} ${n.unit}${r===1?"":"s"} left this month.`,detail:`${s}.`,meter:{left:r,of:o}}:null}function Ta(e,n){return[{lead:"Download Soba App",detail:"",...n?{linksLead:"Get it for"}:{},links:n?qn.map(t=>({label:t.label,href:`${n}/download/${t.slug}`})):[]},{lead:"Connect compute",detail:"Press this, then approve the pairing when the app asks.",opens:!0,links:[]},{lead:"Let your AIs serve",detail:`It finds what is installed on that machine. Allow one, and ${e??"this app"} sends every run there.`,linksLead:"Nothing on it yet?",links:ce.map(t=>({label:t.short,href:t.install}))}]}import{Fragment as Io,jsx as L,jsxs as Ze}from"react/jsx-runtime";function $a(e){let{className:n,fallback:t=null}=e,r=$r({...e.at===void 0?{}:{at:e.at},...e.predict===void 0?{}:{predict:e.predict},...e.allow===void 0?{}:{allow:e.allow},error:e.error,errorGiven:"error"in e}),{connect:o}=D(),{theme:s}=H(),[a,c]=Aa(null),i=La(),l=L(Io,{children:t});if(!r.visible)return l;if(r.stalled)return L(Oo,{className:n,theme:s,stalled:!0,children:L(Da,{title:r.title??"",detail:r.detail??"",stalled:r.stalled})});let u=a??r.atTheWall;return Ze(Oo,{className:n,theme:s,children:[Ze("div",{className:"sc-nudge-top",children:[Ze("div",{className:"sc-nudge-say",children:[L("p",{className:"sc-nudge-title",children:r.title}),L("p",{className:"sc-nudge-detail",children:r.detail}),Ze("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more","aria-expanded":u,"aria-controls":i,onClick:()=>c(!u),children:[u?"Hide the details":"How it works",L(Ua,{})]})]}),r.dismissible?L("button",{type:"button",className:"sc-nudge-dismiss","aria-label":"Dismiss",title:"Dismiss",onClick:r.dismiss,children:L(Ha,{})}):null]}),u?L("ol",{className:"sc-nudge-steps",id:i,children:r.steps.map(p=>Ze("li",{children:[p.opens?L("button",{type:"button",className:"sc-step-lead",onClick:()=>o.open("manual"),children:p.lead}):L("strong",{children:p.lead}),p.detail?L("span",{children:p.detail}):null,p.links.length>0?Ze("span",{className:"sc-step-links",children:[p.linksLead,p.links.map(y=>L("a",{href:y.href,target:"_blank",rel:"noreferrer noopener",children:y.label},y.href))]}):null]},p.lead))}):null,L(fn,{variant:"primary"})]})}function Oo({className:e,theme:n,stalled:t,children:r}){return L("div",{className:e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill","data-theme":n,children:L("div",{className:t?"sc-nudge sc-nudge-stalled":"sc-nudge",children:r})})}function Da({title:e,detail:n,stalled:t}){return Ze(Io,{children:[L("div",{className:"sc-nudge-top",children:Ze("div",{className:"sc-nudge-say",children:[L("p",{className:"sc-nudge-title",children:e}),L("p",{className:"sc-nudge-detail",children:n}),t.note&&L("p",{className:"sc-nudge-note",children:t.note}),t.stuck&&L("p",{className:"sc-nudge-note",children:"The Soba app is open, but this machine still isn\u2019t reporting in. It may no longer be connected to this app."}),(t.launch==="absent"||t.stuck)&&L("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more",onClick:t.connectAnother,children:t.stuck?"Connect it again":"Connect another machine"})]})}),L("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:t.wake,children:"Open Soba App"})]})}function Ha(){return L("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-x",children:L("path",{d:"m4.8 4.8 6.4 6.4M11.2 4.8l-6.4 6.4",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}function Ua(){return L("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-chev",children:L("path",{d:"M4.5 6.5 8 10l3.5-3.5",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}var Wa=new Set(["delta","thinking","status","done","error"]);function Rn(e){let n;try{n=JSON.parse(e)}catch{return null}if(!n||typeof n!="object")return null;let t=n,r=t.type==="event"?t.event:t;if(!r||typeof r!="object")return null;let o=r;if(typeof o.type!="string"||!Wa.has(o.type))return null;let s={type:o.type};return typeof o.text=="string"&&(s.text=o.text),typeof o.message=="string"&&(s.message=o.message),typeof o.tool=="string"&&(s.tool=o.tool),typeof o.tier=="string"&&(s.tier=o.tier),o.usage&&typeof o.usage=="object"&&(s.usage=o.usage),typeof o.session=="string"&&(s.session=o.session),typeof o.toolInput=="string"&&(s.toolInput=o.toolInput),o.git&&typeof o.git=="object"&&(s.git=o.git),o.turn&&typeof o.turn=="object"&&typeof o.turn.text=="string"&&(s.turn={text:o.turn.text}),typeof o.reason=="string"&&(s.reason=o.reason),typeof o.retryable=="boolean"&&(s.retryable=o.retryable),(o.state==="interrupted"||o.state==="resumed")&&(s.state=o.state),s}async function*Dr(e){let n=e.body;if(!n)throw new Error("That run response had no body to stream.");let t=(e.headers.get("content-type")??"").includes("ndjson"),r=n.getReader(),o=new TextDecoder,s="",a=[];try{for(;;){let i=await r.read();if(i.done)break;for(s+=o.decode(i.value,{stream:!0});;){let l=s.indexOf(`
+`);if(l===-1)break;let u=Lo(s.slice(0,l));if(s=s.slice(l+1),t){let p=u.trim()?Rn(u):null;p&&(yield p);continue}if(u===""){let p=a.join(`
+`);if(a=[],p==="[DONE]")return;let y=p?Rn(p):null;y&&(yield y);continue}To(u,a)}}!t&&s&&To(Lo(s),a);let c=t?s.trim():a.join(`
+`);if(c&&c!=="[DONE]"){let i=Rn(c);i&&(yield i)}}finally{r.cancel().catch(()=>{})}}function To(e,n){if(!e||e.startsWith(":"))return;let t=e.indexOf(":");if(t===-1||e.slice(0,t)!=="data")return;let r=e.slice(t+1);n.push(r.startsWith(" ")?r.slice(1):r)}function Lo(e){return e.endsWith("\r")?e.slice(0,-1):e}async function Ba(e){let n="";for await(let t of e)if(t.type==="delta"&&t.text&&(n+=t.text),t.type==="error")throw new Error(t.message??"The run ended with an error.");return n}import{useCallback as Hr,useEffect as qa,useMemo as Ur,useSyncExternalStore as Fa}from"react";function Wr(e={}){let{compute:n,connect:t}=D(),{value:r,onChange:o,defaultValue:s,remember:a=!0,user:c}=e,i=r!==void 0,l=a&&!i?rr(t.publishableKey,c):null,u=Hr(_=>Cr(l,_),[l]),p=Fa(u,Hr(()=>xt(l),[l]),Nr),y=Ur(()=>hr(n.machines),[n.machines]),f=Ur(()=>jn(y),[y]);qa(()=>{i||!s||xr(l,s)},[i,s,l]);let m=i?r:p??s??null,{selected:w,unavailable:P}=Ur(()=>gr(y,m??null),[y,m]),R=Hr(_=>{i||Sr(l,_),o?.(_)},[i,l,o]);return{options:y,groups:f,selected:w,select:R,run:br(w),unavailable:P,pickable:Yn(y),loading:n.loading&&!n.machines.length}}import{jsx as Ao}from"react/jsx-runtime";function Ga({caption:e,disabled:n,className:t,...r}){let{theme:o}=H(),{options:s,selected:a,select:c,pickable:i}=Wr(r);return i?Ao("span",{className:"soba-connect sc-inline","data-theme":o,children:Ao(yr,{options:s,selected:a,onPick:c,...e?{caption:e}:{},...n?{disabled:n}:{},...t?{className:t}:{}})}):null}import{useEffect as za}from"react";var $o="data-soba-react",Do=!1;function ot(){if(Do||typeof document>"u"||(Do=!0,document.querySelector(`style[${$o}]`)))return;let e=document.createElement("style");e.setAttribute($o,""),e.textContent=`.soba-connect {
   --sc-ground: #ffffff;
   --sc-sheet: #ffffff;
   --sc-raised: #f6f6f7;
@@ -201,6 +201,10 @@ a.sc-btn {
   color: var(--sc-muted, #6b6b73);
 }
 
+.sc-tone-absent {
+  color: var(--sc-faint, #a1a1aa);
+}
+
 .sc-error {
   color: var(--sc-warn, #b06f14);
   font-size: var(--sc-fs-body);
@@ -267,6 +271,13 @@ a.sc-btn {
   padding: 0 2px 3px 12px;
 }
 
+.sc-cap-acts {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
 .sc-group-title {
   flex: 1;
   min-width: 0;
@@ -406,6 +417,71 @@ a.sc-btn {
   color: var(--sc-line-2, #dcdce0);
 }
 
+.sc-mrow-btn {
+  width: calc(100% + 4px);
+  margin-left: -4px;
+  padding-left: 4px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  transition: background-color 120ms ease;
+}
+
+.sc-mrow-btn:hover {
+  background: var(--sc-tray-sunk, #f6f6f7);
+}
+
+.sc-mrow-btn:hover .sc-mbadge {
+  box-shadow: 0 0 0 2.5px var(--sc-tray-sunk, #f6f6f7);
+}
+
+.sc-chev {
+  flex: none;
+  width: 14px;
+  height: 14px;
+  color: var(--sc-muted, #6b6b73);
+  transition: transform 120ms ease;
+}
+
+.sc-chev-open {
+  transform: rotate(90deg);
+}
+
+.sc-rrow {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 6px 12px 6px 0;
+}
+
+.sc-rrow .sc-runtime-tile {
+  margin-top: 1px;
+}
+
+.sc-rtop {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+}
+
+.sc-rtop .sc-averdict {
+  font-variant-numeric: tabular-nums;
+}
+
+.sc-rstep {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  font-size: var(--sc-fs-label);
+  line-height: 1.4;
+  color: var(--sc-muted, #6b6b73);
+}
+
 .sc-arow {
   display: flex;
   align-items: center;
@@ -440,6 +516,10 @@ a.sc-btn {
   font-size: var(--sc-fs-small);
 }
 
+.sc-aname-absent {
+  color: var(--sc-muted, #6b6b73);
+}
+
 .sc-aversion {
   color: var(--sc-muted, #6b6b73);
 }
@@ -453,6 +533,18 @@ a.sc-btn {
   color: var(--sc-muted, #6b6b73);
 }
 
+.sc-sglyph {
+  flex: none;
+  width: 11px;
+  height: 11px;
+  color: var(--sc-ok, #22a06b);
+}
+
+.sc-aserving {
+  margin-left: 5px;
+  font-variant-numeric: tabular-nums;
+}
+
 .sc-orow {
   display: flex;
   align-items: center;
@@ -521,6 +613,11 @@ a.sc-btn {
   background: var(--sc-tray-sunk, #f6f6f7);
 }
 
+.sc-open-app {
+  color: inherit;
+  text-decoration: none;
+}
+
 .sc-hrow {
   padding-bottom: 2px;
 }
@@ -533,6 +630,246 @@ a.sc-btn {
   color: var(--sc-muted, #6b6b73);
 }
 
+.sc-runs-to {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
+  max-width: 62%;
+  font-size: var(--sc-fs-label);
+  color: var(--sc-muted, #6b6b73);
+}
+
+.sc-runs-cap {
+  flex: none;
+  white-space: nowrap;
+}
+
+.sc-runs-fixed,
+.sc-runs-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  height: 24px;
+  padding: 0 6px;
+  font-size: var(--sc-fs-label);
+  font-weight: 500;
+  color: var(--sc-text-2, #3f3f46);
+}
+
+.sc-runs-btn {
+  padding-right: 4px;
+  border: 0;
+  border-radius: var(--sc-r-pill, 999px);
+  background: transparent;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 120ms ease, color 120ms ease;
+}
+
+.sc-runs-btn:hover:not(:disabled),
+.sc-runs-btn[aria-expanded="true"] {
+  background: var(--sc-tray-card, #ffffff);
+  color: var(--sc-text, #1a1a1c);
+}
+
+.sc-runs-btn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.sc-runs-glyph {
+  flex: none;
+  width: 12px;
+  height: 12px;
+}
+
+.sc-runs-mark {
+  display: inline-grid;
+  flex: none;
+  place-items: center;
+  width: 14px;
+  height: 14px;
+}
+
+.sc-runs-mark > * {
+  max-width: 14px;
+  max-height: 14px;
+}
+
+.sc-runs-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sc-runs-btn .sc-chev {
+  width: 11px;
+  height: 11px;
+  color: var(--sc-faint, #a1a1aa);
+}
+
+.sc-menu {
+  position: fixed;
+  inset: auto;
+  z-index: 2147483647;
+  width: 248px;
+  margin: 0;
+  padding: 4px;
+  border: 1px solid var(--sc-line, #e9e9eb);
+  border-radius: 12px;
+  background: var(--sc-tray-card, #ffffff);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
+  color: var(--sc-text, #1a1a1c);
+  
+  max-height: 60vh;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.sc-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  min-height: 34px;
+  padding: 5px 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  font: inherit;
+  font-size: var(--sc-fs-small);
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.sc-menu-item:hover,
+.sc-menu-item:focus-visible {
+  background: var(--sc-tray-sunk, #f6f6f7);
+  outline: none;
+}
+
+.sc-menu-text {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  flex-direction: column;
+}
+
+.sc-menu-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sc-menu-note {
+  font-size: var(--sc-fs-label);
+  line-height: 1.4;
+  color: var(--sc-muted, #6b6b73);
+}
+
+.sc-menu-check {
+  flex: none;
+  width: 15px;
+  height: 15px;
+  color: var(--sc-text-2, #3f3f46);
+}
+
+.sc-menu-sep {
+  height: 1px;
+  margin: 4px 6px;
+  background: var(--sc-line, #e9e9eb);
+}
+
+.sc-menu-head {
+  margin: 6px 6px 2px;
+  padding-top: 7px;
+  border-top: 1px solid var(--sc-line, #e9e9eb);
+  font-size: var(--sc-fs-label);
+  font-weight: 500;
+  color: var(--sc-muted, #6b6b73);
+}
+
+.sc-menu > .sc-menu-head:first-child {
+  margin-top: 2px;
+  padding-top: 0;
+  border-top: 0;
+}
+
+.sc-mp {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  max-width: 100%;
+  min-width: 0;
+  font-size: var(--sc-fs-label);
+  color: var(--sc-muted, #6b6b73);
+}
+
+.sc-mp-cap {
+  flex: none;
+  white-space: nowrap;
+}
+
+.sc-mp-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  height: 26px;
+  padding: 0 5px 0 7px;
+  border: 0;
+  border-radius: var(--sc-r-pill, 999px);
+  background: transparent;
+  font: inherit;
+  font-size: var(--sc-fs-label);
+  font-weight: 500;
+  color: var(--sc-text-2, #3f3f46);
+  cursor: pointer;
+  transition: background-color 120ms ease, color 120ms ease;
+}
+
+.sc-mp-btn:hover:not(:disabled),
+.sc-mp-btn[aria-expanded="true"] {
+  background: var(--sc-raised, #f6f6f7);
+  color: var(--sc-text, #1a1a1c);
+}
+
+.sc-mp-btn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.sc-mp-mark {
+  display: inline-grid;
+  flex: none;
+  place-items: center;
+  width: 13px;
+  height: 13px;
+}
+
+.sc-mp-glyph {
+  max-width: 13px;
+  max-height: 13px;
+}
+
+.sc-mp-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sc-mp-btn .sc-chev {
+  width: 11px;
+  height: 11px;
+  color: var(--sc-faint, #a1a1aa);
+}
+
 .sc-row-act {
   flex: none;
   padding: 3px 9px;
@@ -609,7 +946,9 @@ a.sc-btn {
   .sc-spin {
     animation: none;
   }
-  .sc-pair {
+  .sc-pair,
+  .sc-mrow-btn,
+  .sc-chev {
     transition: none;
   }
 }
@@ -684,6 +1023,15 @@ a.sc-btn {
   --sc-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 64%);
 }
 
+.soba-connect.sc-inline {
+  display: inline-flex;
+  width: auto;
+  max-width: 100%;
+  margin-inline: 0;
+  
+  line-height: 1;
+}
+
 .soba-connect.sc-fill {
   max-width: none;
   
@@ -1524,9 +1872,12 @@ a.sc-btn {
 .sc-step-lead:focus-visible,
 .sc-step-links a:focus-visible,
 .sc-alt-link:focus-visible,
+.sc-runs-btn:focus-visible,
+.sc-mp-btn:focus-visible,
 .sc-row-act:focus-visible,
 .sc-disc:focus-visible,
 .sc-pair:focus-visible,
+.sc-mrow-btn:focus-visible,
 .sc-input:focus-visible,
 .sc-modal-close:focus-visible {
   outline: 2px solid var(--sc-accent, #18181b);
@@ -2656,4 +3007,7 @@ li.sc-plan-row.sc-plan-current {
 .sc-opt-has-warn {
   color: var(--sc-warn, #b06f14);
 }
-`,document.head.appendChild(e)}import{jsx as Ce,jsxs as Hn}from"react/jsx-runtime";function Fr(e){if(!e)return null;let n=en(e);if(n==="payment_required"||n==="no_compute")return null;if(typeof e=="string")return e||null;let t=e,r=t.error?.message;return typeof r=="string"&&r?r:typeof t.message=="string"&&t.message?t.message:"The run ended with an error."}function ps(){return Hn("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ce("path",{d:"M8 5v4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),Ce("circle",{cx:"8",cy:"11.6",r:"0.9",fill:"currentColor"}),Ce("circle",{cx:"8",cy:"8",r:"6.4",stroke:"currentColor",strokeWidth:"1.3"})]})}function ms({error:e,onRetry:n,onDismiss:t,title:r,className:o}){let s=Fr(e),a=D();return ds(()=>Dn(),[]),s?Ce("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":a.theme,role:"alert",children:Hn("div",{className:"sc-card sc-limit sc-run-error",children:[Hn("div",{className:"sc-limit-head",children:[Ce("span",{className:"sc-limit-mark sc-run-error-mark","aria-hidden":"true",children:Ce(ps,{})}),Hn("div",{children:[Ce("h2",{className:"sc-limit-title",children:r??"That run did not finish"}),Ce("p",{className:"sc-limit-body sc-run-error-message",children:s})]})]}),(t||n)&&Hn("div",{className:"sc-limit-actions",children:[t&&Ce("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,children:"Dismiss"}),n&&Ce("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:n,children:"Try again"})]})]})}):null}import{useId as hs,useState as Gr}from"react";import{jsx as Q,jsxs as rt}from"react/jsx-runtime";function fs({reason:e}){return Q("span",{className:"sc-limit-mark","aria-hidden":"true",children:e==="no_compute"?Q(Gn,{}):Q(j,{})})}function gs(e){let{error:n,variant:t="card",onDismiss:r,className:o}=e,s=Xt(n,{predict:e.predict??!("error"in e)}),a=hs(),c=D();if(!s)return null;let i=Q(bs,{offer:s,headingId:a,onDismiss:r});return t==="dialog"?Q(On,{open:!0,onClose:()=>r?.(),labelledBy:a,theme:c.theme,children:i}):Q("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":c.theme,children:i})}function bs({offer:e,headingId:n,onDismiss:t}){let{compute:r}=q(),[o,s]=Gr(!1),[a,c]=Gr(null),i=e.reason==="no_compute"&&r.connected&&!r.online,u=i||e.connectOffer!==null||!r.connected,m=nt();async function f(){s(!0),c(null);try{await e.upgrade()}catch(b){c(b.message)}finally{s(!1)}}return rt("div",{className:"sc-card sc-limit",children:[rt("div",{className:"sc-limit-head",children:[Q(fs,{reason:e.reason}),rt("div",{children:[Q("h2",{className:"sc-limit-title",id:n,children:e.title}),Q("p",{className:"sc-limit-body",children:e.body})]})]}),a&&Q("p",{className:"sc-error",children:a}),i&&m.note&&Q("p",{className:"sc-limit-note",children:m.note}),rt("div",{className:"sc-limit-actions",children:[t&&Q("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,disabled:o,children:"Not now"}),e.upgradeTo&&Q("button",{type:"button",className:u?"sc-btn":"sc-btn sc-btn-primary",onClick:()=>void f(),disabled:o,children:o?"Opening\u2026":e.upgradeTo.selectable?`Switch to ${e.upgradeTo.name}`:`${e.upgradeTo.name} for $${e.upgradeTo.price.toLocaleString()}/${e.upgradeTo.interval}`}),u&&Q("button",{type:"button",className:i?"sc-btn":"sc-btn sc-btn-primary",onClick:e.connect,disabled:o,children:i?"Connect another machine":"Connect compute"}),i&&Q("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:m.open,disabled:o,children:"Open Soba App"})]})]})}import{useMemo as ys}from"react";function Un(){let{plan:e,compute:n,connect:t}=q();return ys(()=>{let r=e.plan,o=e.current,s={plan:r,assignment:o,loading:e.loading,error:e.error,periodEnd:o?.period_end?new Date(o.period_end):null};if(!r)return{...s,state:"none",trialDaysLeft:null,ceiling:null,raised:!1,uncounted:!1,used:0,remaining:null,percent:null,unlimited:!1,reward:null,summary:"Nothing is assigned to this account, so runs are bounded by whatever the app allows."};let a=Cs(o?.trial_ends_at??null),c=r.connected_reward==="included"&&n.connected&&r.connected_included_units!==null,i=c?r.connected_included_units:r.included_units,u=r.connected_reward==="unlimited"&&n.connected,m=i===null,f=e.used??0,b=i===null?null:Math.max(0,i-f),g=i&&i>0?Math.min(100,Math.round(f/i*100)):null,p=i!==null&&f>=i,y=a!==null?"trial":m?"unlimited":p?r.overage==="meter"?"metered":"spent":"within";return{...s,state:y,trialDaysLeft:a,ceiling:i,raised:c,uncounted:u,used:f,remaining:b,percent:g,unlimited:m,reward:ws(r,c||u,n.connected,()=>t.open("manual")),summary:vs({plan:r,assignment:o,used:f,ceiling:i,trialDaysLeft:a,raised:c,uncounted:u,state:y})}},[e,n.connected,t])}function ws(e,n,t,r){let o=Re({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6});return o?{line:o,inForce:n,required:!1,connected:t,actionable:Le(e.connected_reward)&&!t,open:r}:me(e.route_allow)&&!t?{line:"Nothing connected yet, so nothing can run.",inForce:!1,required:!0,connected:t,actionable:!0,open:r}:null}function vs(e){let{plan:n,assignment:t,used:r,ceiling:o,trialDaysLeft:s,raised:a,uncounted:c,state:i}=e,u=`${n.unit}${r===1?"":"s"}`,m=c?" Runs your own AI serves do not count toward it.":"";if(i==="trial"&&s!==null){let g=n.price===0?"it continues free":`it is $${n.price.toLocaleString()} a ${n.interval}`;return`${s} ${s===1?"day":"days"} left of your trial, then ${g}.`}if(i==="unlimited")return`${r.toLocaleString()} ${u} this period. No ceiling on this plan.`;if(i==="metered"){let g=r-(o??0);return n.overage_per_unit>0?`${g.toLocaleString()} past the allowance, billed at $${n.overage_per_unit} a ${n.unit}.${m}`:`${g.toLocaleString()} past the allowance.${m}`}if(i==="spent")return t?.period_end?`Allowance spent. It comes back on ${Vr(t.period_end)}.${m}`:`Allowance spent. It comes back at the start of the next period.${m}`;let f=Math.max(0,(o??0)-r),b=a?` Raised from ${(n.included_units??0).toLocaleString()} while your own AI is connected.`:t?.period_end?` Resets ${Vr(t.period_end)}.`:"";return`${f.toLocaleString()} of ${(o??0).toLocaleString()} ${n.unit}s left.${b}${m}`}function Cs(e){if(!e)return null;let n=new Date(e).getTime()-Date.now();return Number.isNaN(n)||n<=0?null:Math.max(1,Math.ceil(n/864e5))}function Vr(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}import{Fragment as ks,jsx as Z,jsxs as he}from"react/jsx-runtime";function rr({heading:e="Current plan",showUsage:n=!0,showName:t=!0,className:r}){let o=Un(),{theme:s}=D(),a=b=>Z("section",{className:r?`soba-connect sc-fill ${r}`:"soba-connect sc-fill","data-theme":s,children:he("div",{className:"sc-card sc-current",children:[e&&Z("h2",{className:"sc-section-title",children:e}),b]})});if(o.error)return a(Z("p",{className:"sc-error",children:o.error.message}));if(o.loading)return a(Z("p",{className:"sc-note",children:"Loading\u2026"}));if(!o.plan)return a(he("div",{className:"sc-current-main",children:[Z("p",{className:"sc-current-name",children:"No plan"}),Z("p",{className:"sc-sub",children:o.summary})]}));let{plan:c,trialDaysLeft:i,percent:u,unlimited:m,reward:f}=o;return a(he(ks,{children:[he("div",{className:"sc-current-grid",children:[(t||i!==null)&&he("div",{className:"sc-current-main",children:[t?he("p",{className:"sc-current-name",children:[c.name,i!==null&&he("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})]}):i!==null&&Z("p",{className:"sc-current-trial",children:he("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})}),t&&c.description&&Z("p",{className:"sc-sub",children:c.description})]}),n&&he("div",{className:"sc-usage",children:[he("div",{className:"sc-row-between",children:[Z("span",{className:"sc-fact-key",children:"Usage"}),Z("span",{className:u!==null&&u>=100?"sc-usage-figure sc-usage-over":"sc-usage-figure",children:m?"Unlimited":u===null?"Metered":`${u}% used`})]}),u!==null&&Z("div",{className:"sc-meter",role:"presentation",children:u>0&&Z("span",{className:u>=100?"sc-meter-fill sc-meter-full":"sc-meter-fill",style:{width:`${u}%`}})}),Z("p",{className:"sc-usage-line",children:o.summary})]})]}),f&&he("div",{className:"sc-current-foot",children:[Z("p",{className:f.required?"sc-plan-reward-line sc-plan-reward-need":f.inForce?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-open",children:f.required?f.line:f.inForce?`In force: ${Ns(f.line)}.`:f.line}),(f.actionable||f.connected)&&Z(Xe,{})]})]}))}var Ns=e=>e.charAt(0).toLowerCase()+e.slice(1);import{useCallback as xs,useMemo as Ss,useState as zr}from"react";var Ps={"user-hardware":"your own machine","user-subscription":"your own AI subscription","open-weights":"open models we host",frontier:"frontier models"},_s=new Set(["user-hardware","user-subscription"]);function or(e={}){let{plan:n,compute:t,connect:r}=q(),[o,s]=zr(null),[a,c]=zr(null),{featured:i,onSelect:u,successUrl:m,cancelUrl:f}=e,b=xs(async p=>{s(p.id),c(null);try{if(p.selectable)await n.select(p.id);else if(u)u(p);else{let y=await n.checkout(p.id,{...m?{successUrl:m}:{},...f?{cancelUrl:f}:{}});window.location.assign(y);return}}catch(y){throw c(y.message),y}finally{(p.selectable||u)&&s(null)}},[n,u,m,f]),g=Ss(()=>n.plans.map(p=>{let y=n.current?.plan_id===p.id;return{plan:p,current:y,featured:i===p.id&&!y,price:Es(p),allowance:p.included_units===null?`Unlimited ${p.unit}s`:`${p.included_units.toLocaleString()} ${p.unit}${p.included_units===1?"":"s"}`,allowanceNote:Ms(p),computeLabel:p.route_allow===null?"any compute":p.route_allow.length===0?"no compute":null,compute:(p.route_allow??[]).map(_=>({costClass:_,label:Ps[_]??_,owned:_s.has(_),runtimes:yt(_).map(k=>k.id)})),connect:Rs(p,y,t.connected,()=>r.open("manual")),cta:{label:Ls(p,y,o===p.id),disabled:y||o!==null,busy:o===p.id,take:()=>b(p)}}}),[n.plans,n.current,i,t.connected,r,o,b]);return{offers:g,current:g.find(p=>p.current)??null,loading:n.loading,error:n.error,failed:a}}function Es(e){return e.price===0?{amount:"Free",interval:null,free:!0}:{amount:`$${e.price.toLocaleString()}`,interval:e.interval,free:!1}}function Ms(e){let n=[];return e.included_units===null?n.push("No ceiling on this plan"):(n.push(`Included each ${e.interval}`),e.overage==="meter"&&e.overage_per_unit>0?n.push(`then $${e.overage_per_unit} a ${e.unit}`):e.included_units>0&&n.push(`then ${e.unit}s stop`)),e.trial_days>0&&n.push(`${e.trial_days}-day trial`),n.join(" \xB7 ")}function Rs(e,n,t,r){let o=Re({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6}),s=me(e.route_allow)&&!t;if(!o&&!s)return null;let a=Le(e.connected_reward);return{key:o?"Connect your own":"To use this",line:o??(n?"Nothing connected yet, so nothing can run.":"Runs only on compute you connect."),reward:o!==null,actionable:n&&(a||s)&&!t,open:r}}function Ls(e,n,t){return n?"Your plan":t?e.selectable?"Switching\u2026":"Opening\u2026":e.selectable?"Choose":`Subscribe for $${e.price.toLocaleString()}/${e.interval}`}import{jsx as h,jsxs as L}from"react/jsx-runtime";function ot(e){return e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill"}function sr({onSelect:e,successUrl:n,cancelUrl:t,showCompute:r=!0,showConnect:o=!1,variant:s="cards",featured:a,className:c}){let{offers:i,loading:u,error:m,failed:f}=or({...a?{featured:a}:{},...e?{onSelect:e}:{},...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}}),{theme:b}=D();if(m)return h("div",{className:ot(c),"data-theme":b,children:h("div",{className:"sc-card",children:h("p",{className:"sc-error",children:m.message})})});if(u)return h("div",{className:ot(c),"data-theme":b,children:h("div",{className:"sc-card",children:h("p",{className:"sc-note",children:"Loading plans\u2026"})})});if(i.length===0)return h("div",{className:ot(c),"data-theme":b,children:h("div",{className:"sc-card",children:h("p",{className:"sc-note",children:"This app has no plans yet."})})});let g={showCompute:r,showConnect:o};return L("div",{className:ot(c),"data-theme":b,"data-variant":s,children:[s==="rows"?h(Os,{offers:i,shelf:g}):s==="table"?h(As,{offers:i,shelf:g}):h(Ts,{offers:i,shelf:g}),f&&h("p",{className:"sc-error",children:f})]})}function Ts({offers:e,shelf:n}){return h("div",{className:"sc-plans",children:e.map(t=>L("div",{className:Kr("sc-plan",t),children:[L("div",{className:"sc-row-between",children:[h("span",{className:"sc-title",children:t.plan.name}),h(ar,{offer:t})]}),h("p",{className:"sc-sub",children:t.plan.description}),h(ir,{price:t.price,free:"forever"}),h(ur,{offer:t,shelf:n}),h(jr,{offer:t}),h("div",{className:"sc-plan-band",children:n.showCompute&&h(cr,{offer:t})}),h("div",{className:"sc-plan-band",children:h(lr,{offer:t})})]},t.plan.id))})}function Os({offers:e,shelf:n}){return h("ul",{className:"sc-plan-rows",children:e.map(t=>L("li",{className:Kr("sc-plan-row",t),children:[L("div",{className:"sc-row-main",children:[L("span",{className:"sc-row-name",children:[h("span",{className:"sc-title",children:t.plan.name}),h(ar,{offer:t})]}),t.plan.description&&h("p",{className:"sc-sub",children:t.plan.description}),h(jr,{offer:t}),n.showCompute&&h(cr,{offer:t,inline:!0}),h(lr,{offer:t,inline:!0})]}),L("div",{className:"sc-row-side",children:[h(ir,{price:t.price,free:"forever",small:!0}),h(ur,{offer:t,shelf:n})]})]},t.plan.id))})}function As({offers:e,shelf:n}){let t=e.some(a=>a.plan.overage_per_unit>0),r=e.some(a=>a.plan.trial_days>0),o=e.some(a=>a.connect!==null),s=a=>[a.current?"sc-col-current":"",a.featured?"sc-col-featured":""].filter(Boolean).join(" ")||void 0;return h("div",{className:"sc-table-scroll",children:L("table",{className:"sc-plan-table",children:[h("thead",{children:L("tr",{children:[h("td",{}),e.map(a=>L("th",{scope:"col",className:s(a),children:[L("span",{className:"sc-row-name",children:[h("span",{className:"sc-title",children:a.plan.name}),h(ar,{offer:a})]}),h(ir,{price:a.price,small:!0})]},a.plan.id))]})}),L("tbody",{children:[L("tr",{children:[h("th",{scope:"row",children:"Included"}),e.map(a=>h("td",{className:s(a),children:a.allowance},a.plan.id))]}),t&&L("tr",{children:[h("th",{scope:"row",children:"Then"}),e.map(a=>h("td",{className:s(a),children:a.plan.overage_per_unit>0?`$${a.plan.overage_per_unit} / ${a.plan.unit}`:h("span",{className:"sc-muted-cell",children:"Stops"})},a.plan.id))]}),r&&L("tr",{children:[h("th",{scope:"row",children:"Trial"}),e.map(a=>h("td",{className:s(a),children:a.plan.trial_days>0?`${a.plan.trial_days} days`:h("span",{className:"sc-muted-cell",children:"None"})},a.plan.id))]}),n.showCompute&&L("tr",{children:[h("th",{scope:"row",children:"Runs on"}),e.map(a=>h("td",{className:s(a),children:h(cr,{offer:a,bare:!0})},a.plan.id))]}),o&&L("tr",{children:[h("th",{scope:"row",children:"Connect your own"}),e.map(a=>h("td",{className:s(a),children:h(lr,{offer:a,bare:!0})},a.plan.id))]}),L("tr",{className:"sc-table-buy",children:[h("td",{}),e.map(a=>h("td",{className:s(a),children:h(ur,{offer:a,shelf:n})},a.plan.id))]})]})]})})}function Kr(e,n){return[e,n.current?"sc-plan-current":"",n.featured?"sc-plan-featured":""].filter(Boolean).join(" ")}function ar({offer:e}){return e.current?h("span",{className:"sc-plan-badge",children:"Current"}):e.featured?h("span",{className:"sc-plan-badge-soft",children:"Recommended"}):null}function ir({price:e,small:n,free:t}){return L("p",{className:n?"sc-plan-price sc-plan-price-sm":"sc-plan-price",children:[h("span",{className:"sc-plan-amount",children:e.amount}),e.interval?L("span",{className:"sc-plan-interval",children:["/",e.interval]}):t&&h("span",{className:"sc-plan-interval sc-plan-after",children:t})]})}function jr({offer:e}){return L("p",{className:"sc-plan-allowance",children:[h("span",{className:"sc-plan-figure",children:e.allowance}),h("span",{className:"sc-plan-qualifier",children:e.allowanceNote})]})}function lr({offer:e,inline:n,bare:t}){let r=e.connect;if(!r)return t?h("span",{className:"sc-muted-cell",children:"None"}):null;let o=r.reward?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-need",s=r.actionable?L("button",{type:"button",className:`${o} sc-plan-reward-act`,"aria-label":"Connect compute",onClick:r.open,children:[h("span",{className:"sc-reward-said",children:r.line}),L("span",{className:"sc-reward-do","aria-hidden":!0,children:[h(j,{className:"sc-reward-mark"}),"Connect compute"]})]}):h("p",{className:o,children:r.line});return t?s:h("div",{className:n?"sc-plan-reward sc-plan-reward-inline":"sc-plan-reward",children:s})}function cr({offer:e,inline:n,bare:t}){let r=e.computeLabel?h("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:h("li",{children:e.computeLabel})}):h("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:e.compute.map(o=>L("li",{className:o.owned?"sc-compute-own":void 0,children:[o.label,h(Is,{runtimes:o.runtimes})]},o.costClass))});return t?r:L("div",{className:n?"sc-plan-compute sc-plan-compute-inline":"sc-plan-compute",children:[h("span",{className:"sc-fact-key",children:"Runs on"}),r]})}function ur({offer:e,shelf:n}){let t=e.connect;return n.showConnect&&t?.actionable?L("button",{type:"button",className:"sc-btn sc-btn-primary sc-btn-icon",onClick:t.open,children:[h(j,{className:"sc-btn-mark"}),"Connect compute"]}):h("button",{type:"button",className:e.current?"sc-btn":"sc-btn sc-btn-primary",disabled:e.cta.disabled,onClick:()=>void e.cta.take().catch(()=>{}),children:e.cta.label})}function Is({runtimes:e}){return e.length===0?null:h("span",{className:"sc-compute-marks",children:e.map(n=>{let t=Ie[n];return t?h(t,{className:"sc-rt-mark"},n):null})})}import{jsx as dr,jsxs as Yr}from"react/jsx-runtime";function $s({heading:e,plansHeading:n,showUsage:t=!0,showName:r=!0,className:o,...s}){let{plan:a,loading:c}=Un(),{theme:i}=D(),u=n??(c?"Plans":a?"Change plan":"Choose a plan");return Yr("div",{className:o?`soba-connect sc-fill sc-billing ${o}`:"soba-connect sc-fill sc-billing","data-theme":i,children:[dr(rr,{...e===void 0?{}:{heading:e},showUsage:t,showName:r}),Yr("section",{className:"sc-billing-plans",children:[u&&dr("h2",{className:"sc-section-title",children:u}),dr(sr,{...s})]})]})}import{useState as Qr}from"react";import{jsx as Zr,jsxs as Hs}from"react/jsx-runtime";function Ds({plan:e,successUrl:n,cancelUrl:t,label:r,className:o}){let{plan:s}=q(),{theme:a}=D(),[c,i]=Qr(!1),[u,m]=Qr(null);async function f(){i(!0),m(null);try{let b=await s.checkout(e.id,{...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}});window.location.assign(b)}catch(b){m(b.message),i(!1)}}return Hs("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":a,children:[Zr("button",{type:"button",className:"sc-btn sc-btn-primary",disabled:c,onClick:()=>void f(),children:c?"Opening\u2026":r??`Subscribe for $${e.price.toLocaleString()}/${e.interval}`}),u&&Zr("p",{className:"sc-error",children:u})]})}import{useCallback as Ne,useEffect as Be,useMemo as gn,useRef as nn,useState as J}from"react";var st=class{#n;#r=null;#t=null;#e;#o=new Set;constructor(n){this.#e=n,this.#n=n.token??null}get token(){return this.#n}get expiresAt(){return this.#r}get canRefresh(){return!!this.#e.endpoint}get refreshAt(){return!this.canRefresh||this.#r===null?null:Math.max(Date.now()+1e4,this.#r-6e4)}subscribe(n){return this.#o.add(n),()=>this.#o.delete(n)}async ensure(){return this.#n?this.#n:this.refresh()}async refresh(){if(this.#t)return this.#t;let n=this.#e.endpoint;if(!n)throw new Error("This Soba session cannot be refreshed. Pass `sessionEndpoint` so the provider can mint a new one.");let t=this.#e.fetchImpl??fetch.bind(globalThis);this.#t=(async()=>{let r=await t(n,{method:"POST",headers:{"content-type":"application/json"},credentials:"same-origin",body:JSON.stringify(this.#e.user?{user:this.#e.user}:{})});if(!r.ok)throw new Error(`Could not start a Soba session (${r.status} from ${n}).`);let o=await r.json(),s=o.session??o.token;if(!s)throw new Error(`${n} answered without a \`session\`. See @soba-so/react's README.`);let a=o.expires_in??o.expiresIn;this.#n=s,this.#r=typeof a=="number"?Date.now()+a*1e3:null;for(let c of this.#o)c();return s})();try{return await this.#t}finally{this.#t=null}}},fn=new Map,Jr=new WeakMap,Us=1;function Bs(e){if(e.token||!e.endpoint)return null;let n=0;return e.fetchImpl&&(n=Jr.get(e.fetchImpl)??Us++,Jr.set(e.fetchImpl,n)),JSON.stringify([e.endpoint,e.user??null,n])}function Xr(e){let n=Bs(e);if(!n)return new st(e);let t=fn.get(n)??{holder:new st(e),users:0};return fn.set(n,t),t.holder}function eo(e){for(let n of fn.values())n.holder===e&&n.users++}function no(e){for(let[n,t]of fn)if(t.holder===e){setTimeout(()=>{--t.users<=0&&fn.get(n)===t&&fn.delete(n)},0);return}}function to(e,n=fetch.bind(globalThis)){return async(t,r)=>{let o=await n(t,r);if(o.status!==401||!e.canRefresh)return o;let s;try{s=await e.refresh()}catch{return o}return n(t,qs(r,s))}}function qs(e,n){let t=new Headers(e?.headers);return t.set("authorization",`Bearer ${n}`),{...e,headers:t}}import{jsx as pr,jsxs as Vs}from"react/jsx-runtime";var Ws="https://www.soba.so",Fs=3e4;function Gs(e){let{children:n,session:t,sessionEndpoint:r,user:o,runEndpoint:s,theme:a,initialMachines:c,initialConnect:i=null,initialPlans:u,initialCurrentPlan:m=null,baseUrl:f=Ws,pollMs:b=Fs,injectStyles:g=!0,modal:p=!0,fetchImpl:y,onError:_}=e,[k,U]=J(t??null),[M,fe]=J(null),[S,se]=J(i),[T,P]=J(null),[W,z]=J(i===null),[ae,tn]=J(c??[]),[ue,ke]=J(null),[K,xe]=J(c===void 0),[Se,qe]=J(u??[]),[F,Te]=J(m),[rn,de]=J(null),[We,on]=J(u===void 0),[G,ge]=J(null),[O,pe]=J(!1),be=nn(_);be.current=_;let Pe=Ne(w=>{fe(w),be.current?.(w)},[]);Be(()=>{g&&Dn()},[g]);let B=gn(()=>Xr({...t?{token:t}:{},...r?{endpoint:r}:{},...o?{user:o}:{},...y?{fetchImpl:y}:{}}),[t,r,o,y]);Be(()=>{let w=!0;eo(B);let Y=B.subscribe(()=>{w&&U(B.token)});return!B.token&&!B.canRefresh?Pe(new Error("<SobaProvider> needs a `session` or a `sessionEndpoint`. A browser cannot mint one: that takes your secret key.")):B.ensure().then(()=>w&&U(B.token),le=>w&&Pe(le)),()=>{w=!1,Y(),no(B)}},[B,Pe]),Be(()=>{M&&(z(!1),xe(!1),on(!1),P(w=>w??M),ke(w=>w??M),de(w=>w??M))},[M]),Be(()=>{let w=B.refreshAt;if(w===null)return;let Y=()=>{B.refresh().catch(ye=>Pe(ye))},le=()=>{document.hidden||(document.removeEventListener("visibilitychange",le),Y())},ln=setTimeout(()=>{typeof document<"u"&&document.hidden?document.addEventListener("visibilitychange",le):Y()},Math.max(0,w-Date.now()));return()=>{clearTimeout(ln),typeof document<"u"&&document.removeEventListener("visibilitychange",le)}},[B,Pe,k]);let X=nn(i?.machines_url??null),E=gn(()=>{if(!k)return null;let w=new Cn({session:k,baseUrl:f,fetchImpl:to(B,y??fetch.bind(globalThis))});return w.setMachinesUrl(X.current),w},[k,f,B,y]),at=nn(i!==null);Be(()=>{if(!E||at.current)return;let w=!0;return z(!0),E.context().then(Y=>{w&&(se(Y),P(null),z(!1))},Y=>{w&&(P(Y),z(!1))}),()=>{w=!1}},[E]);let sn=Ne(async()=>{if(E)try{let w=await E.machines();tn(Array.isArray(w)?w:[]),ke(null)}catch(w){ke(w)}finally{xe(!1)}},[E]),ne=Ne(async()=>{if(E)try{let w=await E.plans();qe(w.plans),Te(w.current),de(null)}catch(w){de(w)}finally{on(!1)}},[E]),an=nn(!1),[ie,Oe]=J(!1),bn=nn(u!==void 0),_e=nn(!1),yn=Ne(()=>{an.current||(an.current=!0,_e.current&&queueMicrotask(()=>{_e.current&&Oe(!0)}))},[]);Be(()=>(_e.current=!0,an.current&&Oe(!0),()=>{_e.current=!1}),[]),Be(()=>{!E||!ie||bn.current||ne()},[E,ie,ne]);let Fe=Ne(async w=>{if(!E)throw new Error("No session yet.");await E.selectPlan(w),await ne()},[E,ne]),Ge=Ne(async(w,Y)=>{if(!E)throw new Error("No session yet.");let le=await E.checkoutPlan(w,Y);if(!le.url)throw new Error("Checkout could not be started.");return le.url},[E]),it=Ne(async()=>{if(!E)throw new Error("No session yet.");await E.leavePlan(),await ne()},[E,ne]),Bn=nn(c!==void 0);Be(()=>{if(!E)return;let w=De(sn,b,{immediate:!Bn.current});return Bn.current=!1,w},[E,sn,b]);let qn=Ne(async w=>{if(!s)throw new Error("Pass `runEndpoint` to <SobaProvider> to start runs from the browser. It is your own route: it holds your secret key, calls soba.run(), and forwards the stream.");let{signal:Y,...le}=w,ye=await(y??fetch.bind(globalThis))(s,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},credentials:"same-origin",body:JSON.stringify(le),...Y?{signal:Y}:{}});if(!ye.ok){let Ee=await ye.json().catch(()=>null),ee=new Error(Ee?.error?.message??`${s} answered ${ye.status}.`);throw ee.status=ye.status,Ee?.error?.code&&(ee.code=Ee.error.code),Ee?.error&&(ee.error=Ee.error),ee}let ct=tr(ye);return async function*(){try{yield*ct}finally{an.current&&ne()}}()},[s,y,ne]),Wn=Ne((w="manual")=>{p&&(pe(!0),ge(w))},[p]),Fn=Ne(()=>ge(null),[]),A=gn(()=>F?Se.find(w=>w.id===F.plan_id)??null:null,[Se,F]),te=gn(()=>A?A.connected_reward==="included"&&ae.length>0&&A.connected_included_units!==null?A.connected_included_units:A.included_units:null,[A,ae]),wn=gn(()=>({plans:Se,current:F,plan:A,used:F?.units_used??null,included:te,remaining:te!==null&&F?Math.max(0,te-F.units_used):null,unlimited:A!==null&&te===null,loading:We,error:rn,select:Fe,checkout:Ge,leave:it,refresh:ne}),[Se,F,A,te,We,rn,Fe,Ge,it,ne]),lt=gn(()=>({session:k,client:E,error:M,get plan(){return yn(),wn},compute:{machines:ae,connected:ae.length>0,online:ae.some(w=>w.state!=="offline"),loading:K,error:ue,refresh:sn},connect:{app:S?.app??null,command:S?.command??null,connectUrl:S?.connect_url??null,publishableKey:S?.publishable_key??null,loading:W,error:T,open:Wn,close:Fn,isOpen:G!==null,hasModal:p},run:qn}),[k,E,M,wn,yn,G,Wn,Fn,p,ae,K,ue,sn,S,W,T,qn]);return pr(zt.Provider,{value:E,children:pr(Kt.Provider,{value:{context:S,machines:K?void 0:ae,theme:a??S?.theme??"light"},children:Vs(Vt.Provider,{value:lt,children:[n,p&&O&&pr(In,{open:G!==null,onOpenChange:w=>ge(w?G??"manual":null),...G==="payment_required"||G==="no_compute"?{reason:G}:{},...G==="pair"?{showStatus:!1}:{}})]})})})}export{Go as ComputeStatus,Xe as ConnectButton,zo as ConnectCompute,In as ConnectModal,ns as ConnectNudge,ms as RunError,gs as RunLimit,$s as SobaBilling,Ds as SobaCheckout,rr as SobaCurrentPlan,sr as SobaPlans,Gs as SobaProvider,us as collectText,Dn as injectStyles,tt as parseEvent,tr as readEvents,Fr as runErrorMessage,en as sobaErrorCode,Un as useCurrentPlan,or as usePlans,Xt as useRunLimit,q as useSoba};
+`,document.head.appendChild(e)}import{jsx as Ie,jsxs as st}from"react/jsx-runtime";function Ho(e){if(!e)return null;let n=hn(e);if(n==="payment_required"||n==="no_compute")return null;if(typeof e=="string")return e||null;let t=e,r=t.error?.message;return typeof r=="string"&&r?r:typeof t.message=="string"&&t.message?t.message:"The run ended with an error."}function Ka(){return st("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ie("path",{d:"M8 5v4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),Ie("circle",{cx:"8",cy:"11.6",r:"0.9",fill:"currentColor"}),Ie("circle",{cx:"8",cy:"8",r:"6.4",stroke:"currentColor",strokeWidth:"1.3"})]})}function Va({error:e,onRetry:n,onDismiss:t,title:r,className:o}){let s=Ho(e),a=H();return za(()=>ot(),[]),s?Ie("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":a.theme,role:"alert",children:st("div",{className:"sc-card sc-limit sc-run-error",children:[st("div",{className:"sc-limit-head",children:[Ie("span",{className:"sc-limit-mark sc-run-error-mark","aria-hidden":"true",children:Ie(Ka,{})}),st("div",{children:[Ie("h2",{className:"sc-limit-title",children:r??"That run did not finish"}),Ie("p",{className:"sc-limit-body sc-run-error-message",children:s})]})]}),(t||n)&&st("div",{className:"sc-limit-actions",children:[t&&Ie("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,children:"Dismiss"}),n&&Ie("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:n,children:"Try again"})]})]})}):null}import{useId as ja,useState as Uo}from"react";import{jsx as Z,jsxs as _t}from"react/jsx-runtime";function Ya({reason:e}){return Z("span",{className:"sc-limit-mark","aria-hidden":"true",children:e==="no_compute"?Z(ft,{}):Z(j,{})})}function Za(e){let{error:n,variant:t="card",onDismiss:r,className:o}=e,s=Lr(n,{predict:e.predict??!("error"in e)}),a=ja(),c=H();if(!s)return null;let i=Z(Ja,{offer:s,headingId:a,onDismiss:r});return t==="dialog"?Z(Vn,{open:!0,onClose:()=>r?.(),labelledBy:a,theme:c.theme,children:i}):Z("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":c.theme,children:i})}function Ja({offer:e,headingId:n,onDismiss:t}){let{compute:r}=D(),[o,s]=Uo(!1),[a,c]=Uo(null),i=e.reason==="no_compute"&&r.connected&&!r.online,l=i||e.connectOffer!==null||!r.connected,u=rt();async function p(){s(!0),c(null);try{await e.upgrade()}catch(y){c(y.message)}finally{s(!1)}}return _t("div",{className:"sc-card sc-limit",children:[_t("div",{className:"sc-limit-head",children:[Z(Ya,{reason:e.reason}),_t("div",{children:[Z("h2",{className:"sc-limit-title",id:n,children:e.title}),Z("p",{className:"sc-limit-body",children:e.body})]})]}),a&&Z("p",{className:"sc-error",children:a}),i&&u.note&&Z("p",{className:"sc-limit-note",children:u.note}),_t("div",{className:"sc-limit-actions",children:[t&&Z("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,disabled:o,children:"Not now"}),e.upgradeTo&&Z("button",{type:"button",className:l?"sc-btn":"sc-btn sc-btn-primary",onClick:()=>void p(),disabled:o,children:o?"Opening\u2026":e.upgradeTo.selectable?`Switch to ${e.upgradeTo.name}`:`${e.upgradeTo.name} for $${e.upgradeTo.price.toLocaleString()}/${e.upgradeTo.interval}`}),l&&Z("button",{type:"button",className:i?"sc-btn":"sc-btn sc-btn-primary",onClick:e.connect,disabled:o,children:i?"Connect another machine":"Connect compute"}),i&&Z("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:u.open,disabled:o,children:"Open Soba App"})]})]})}import{useMemo as Qa}from"react";function at(){let{plan:e,compute:n,connect:t}=D();return Qa(()=>{let r=e.plan,o=e.current,s={plan:r,assignment:o,loading:e.loading,error:e.error,periodEnd:o?.period_end?new Date(o.period_end):null};if(!r)return{...s,state:"none",trialDaysLeft:null,ceiling:null,raised:!1,uncounted:!1,used:0,remaining:null,percent:null,unlimited:!1,reward:null,summary:"Nothing is assigned to this account, so runs are bounded by whatever the app allows."};let a=ni(o?.trial_ends_at??null),c=r.connected_reward==="included"&&n.connected&&r.connected_included_units!==null,i=c?r.connected_included_units:r.included_units,l=r.connected_reward==="unlimited"&&n.connected,u=i===null,p=e.used??0,y=i===null?null:Math.max(0,i-p),f=i&&i>0?Math.min(100,Math.round(p/i*100)):null,m=i!==null&&p>=i,w=a!==null?"trial":u?"unlimited":m?r.overage==="meter"?"metered":"spent":"within";return{...s,state:w,trialDaysLeft:a,ceiling:i,raised:c,uncounted:l,used:p,remaining:y,percent:f,unlimited:u,reward:Xa(r,c||l,n.connected,()=>t.open("manual")),summary:ei({plan:r,assignment:o,used:p,ceiling:i,trialDaysLeft:a,raised:c,uncounted:l,state:w})}},[e,n.connected,t])}function Xa(e,n,t,r){let o=He({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6});return o?{line:o,inForce:n,required:!1,connected:t,actionable:Ue(e.connected_reward)&&!t,open:r}:xe(e.route_allow)&&!t?{line:"Nothing connected yet, so nothing can run.",inForce:!1,required:!0,connected:t,actionable:!0,open:r}:null}function ei(e){let{plan:n,assignment:t,used:r,ceiling:o,trialDaysLeft:s,raised:a,uncounted:c,state:i}=e,l=`${n.unit}${r===1?"":"s"}`,u=c?" Runs your own AI serves do not count toward it.":"";if(i==="trial"&&s!==null){let f=n.price===0?"it continues free":`it is $${n.price.toLocaleString()} a ${n.interval}`;return`${s} ${s===1?"day":"days"} left of your trial, then ${f}.`}if(i==="unlimited")return`${r.toLocaleString()} ${l} this period. No ceiling on this plan.`;if(i==="metered"){let f=r-(o??0);return n.overage_per_unit>0?`${f.toLocaleString()} past the allowance, billed at $${n.overage_per_unit} a ${n.unit}.${u}`:`${f.toLocaleString()} past the allowance.${u}`}if(i==="spent")return t?.period_end?`Allowance spent. It comes back on ${Wo(t.period_end)}.${u}`:`Allowance spent. It comes back at the start of the next period.${u}`;let p=Math.max(0,(o??0)-r),y=a?` Raised from ${(n.included_units??0).toLocaleString()} while your own AI is connected.`:t?.period_end?` Resets ${Wo(t.period_end)}.`:"";return`${p.toLocaleString()} of ${(o??0).toLocaleString()} ${n.unit}s left.${y}${u}`}function ni(e){if(!e)return null;let n=new Date(e).getTime()-Date.now();return Number.isNaN(n)||n<=0?null:Math.max(1,Math.ceil(n/864e5))}function Wo(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}import{Fragment as ri,jsx as J,jsxs as Se}from"react/jsx-runtime";function Br({heading:e="Current plan",showUsage:n=!0,showName:t=!0,className:r}){let o=at(),{theme:s}=H(),a=y=>J("section",{className:r?`soba-connect sc-fill ${r}`:"soba-connect sc-fill","data-theme":s,children:Se("div",{className:"sc-card sc-current",children:[e&&J("h2",{className:"sc-section-title",children:e}),y]})});if(o.error)return a(J("p",{className:"sc-error",children:o.error.message}));if(o.loading)return a(J("p",{className:"sc-note",children:"Loading\u2026"}));if(!o.plan)return a(Se("div",{className:"sc-current-main",children:[J("p",{className:"sc-current-name",children:"No plan"}),J("p",{className:"sc-sub",children:o.summary})]}));let{plan:c,trialDaysLeft:i,percent:l,unlimited:u,reward:p}=o;return a(Se(ri,{children:[Se("div",{className:"sc-current-grid",children:[(t||i!==null)&&Se("div",{className:"sc-current-main",children:[t?Se("p",{className:"sc-current-name",children:[c.name,i!==null&&Se("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})]}):i!==null&&J("p",{className:"sc-current-trial",children:Se("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})}),t&&c.description&&J("p",{className:"sc-sub",children:c.description})]}),n&&Se("div",{className:"sc-usage",children:[Se("div",{className:"sc-row-between",children:[J("span",{className:"sc-fact-key",children:"Usage"}),J("span",{className:l!==null&&l>=100?"sc-usage-figure sc-usage-over":"sc-usage-figure",children:u?"Unlimited":l===null?"Metered":`${l}% used`})]}),l!==null&&J("div",{className:"sc-meter",role:"presentation",children:l>0&&J("span",{className:l>=100?"sc-meter-fill sc-meter-full":"sc-meter-fill",style:{width:`${l}%`}})}),J("p",{className:"sc-usage-line",children:o.summary})]})]}),p&&Se("div",{className:"sc-current-foot",children:[J("p",{className:p.required?"sc-plan-reward-line sc-plan-reward-need":p.inForce?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-open",children:p.required?p.line:p.inForce?`In force: ${ti(p.line)}.`:p.line}),(p.actionable||p.connected)&&J(fn,{})]})]}))}var ti=e=>e.charAt(0).toLowerCase()+e.slice(1);import{useCallback as oi,useMemo as si,useState as Bo}from"react";var ai={"user-hardware":"your own machine","user-subscription":"your own AI subscription","open-weights":"open models we host",frontier:"frontier models"},ii=new Set(["user-hardware","user-subscription"]);function qr(e={}){let{plan:n,compute:t,connect:r}=D(),[o,s]=Bo(null),[a,c]=Bo(null),{featured:i,onSelect:l,successUrl:u,cancelUrl:p}=e,y=oi(async m=>{s(m.id),c(null);try{if(m.selectable)await n.select(m.id);else if(l)l(m);else{let w=await n.checkout(m.id,{...u?{successUrl:u}:{},...p?{cancelUrl:p}:{}});window.location.assign(w);return}}catch(w){throw c(w.message),w}finally{(m.selectable||l)&&s(null)}},[n,l,u,p]),f=si(()=>n.plans.map(m=>{let w=n.current?.plan_id===m.id;return{plan:m,current:w,featured:i===m.id&&!w,price:li(m),allowance:m.included_units===null?`Unlimited ${m.unit}s`:`${m.included_units.toLocaleString()} ${m.unit}${m.included_units===1?"":"s"}`,allowanceNote:ci(m),computeLabel:m.route_allow===null?"any compute":m.route_allow.length===0?"no compute":null,compute:(m.route_allow??[]).map(P=>({costClass:P,label:ai[P]??P,owned:ii.has(P),runtimes:qt(P).map(R=>R.id)})),connect:ui(m,w,t.connected,()=>r.open("manual")),cta:{label:di(m,w,o===m.id),disabled:w||o!==null,busy:o===m.id,take:()=>y(m)}}}),[n.plans,n.current,i,t.connected,r,o,y]);return{offers:f,current:f.find(m=>m.current)??null,loading:n.loading,error:n.error,failed:a}}function li(e){return e.price===0?{amount:"Free",interval:null,free:!0}:{amount:`$${e.price.toLocaleString()}`,interval:e.interval,free:!1}}function ci(e){let n=[];return e.included_units===null?n.push("No ceiling on this plan"):(n.push(`Included each ${e.interval}`),e.overage==="meter"&&e.overage_per_unit>0?n.push(`then $${e.overage_per_unit} a ${e.unit}`):e.included_units>0&&n.push(`then ${e.unit}s stop`)),e.trial_days>0&&n.push(`${e.trial_days}-day trial`),n.join(" \xB7 ")}function ui(e,n,t,r){let o=He({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6}),s=xe(e.route_allow)&&!t;if(!o&&!s)return null;let a=Ue(e.connected_reward);return{key:o?"Connect your own":"To use this",line:o??(n?"Nothing connected yet, so nothing can run.":"Runs only on compute you connect."),reward:o!==null,actionable:n&&(a||s)&&!t,open:r}}function di(e,n,t){return n?"Your plan":t?e.selectable?"Switching\u2026":"Opening\u2026":e.selectable?"Choose":`Subscribe for $${e.price.toLocaleString()}/${e.interval}`}import{jsx as g,jsxs as A}from"react/jsx-runtime";function Et(e){return e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill"}function Fr({onSelect:e,successUrl:n,cancelUrl:t,showCompute:r=!0,showConnect:o=!1,variant:s="cards",featured:a,className:c}){let{offers:i,loading:l,error:u,failed:p}=qr({...a?{featured:a}:{},...e?{onSelect:e}:{},...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}}),{theme:y}=H();if(u)return g("div",{className:Et(c),"data-theme":y,children:g("div",{className:"sc-card",children:g("p",{className:"sc-error",children:u.message})})});if(l)return g("div",{className:Et(c),"data-theme":y,children:g("div",{className:"sc-card",children:g("p",{className:"sc-note",children:"Loading plans\u2026"})})});if(i.length===0)return g("div",{className:Et(c),"data-theme":y,children:g("div",{className:"sc-card",children:g("p",{className:"sc-note",children:"This app has no plans yet."})})});let f={showCompute:r,showConnect:o};return A("div",{className:Et(c),"data-theme":y,"data-variant":s,children:[s==="rows"?g(mi,{offers:i,shelf:f}):s==="table"?g(fi,{offers:i,shelf:f}):g(pi,{offers:i,shelf:f}),p&&g("p",{className:"sc-error",children:p})]})}function pi({offers:e,shelf:n}){return g("div",{className:"sc-plans",children:e.map(t=>A("div",{className:qo("sc-plan",t),children:[A("div",{className:"sc-row-between",children:[g("span",{className:"sc-title",children:t.plan.name}),g(Gr,{offer:t})]}),g("p",{className:"sc-sub",children:t.plan.description}),g(zr,{price:t.price,free:"forever"}),g(jr,{offer:t,shelf:n}),g(Fo,{offer:t}),g("div",{className:"sc-plan-band",children:n.showCompute&&g(Vr,{offer:t})}),g("div",{className:"sc-plan-band",children:g(Kr,{offer:t})})]},t.plan.id))})}function mi({offers:e,shelf:n}){return g("ul",{className:"sc-plan-rows",children:e.map(t=>A("li",{className:qo("sc-plan-row",t),children:[A("div",{className:"sc-row-main",children:[A("span",{className:"sc-row-name",children:[g("span",{className:"sc-title",children:t.plan.name}),g(Gr,{offer:t})]}),t.plan.description&&g("p",{className:"sc-sub",children:t.plan.description}),g(Fo,{offer:t}),n.showCompute&&g(Vr,{offer:t,inline:!0}),g(Kr,{offer:t,inline:!0})]}),A("div",{className:"sc-row-side",children:[g(zr,{price:t.price,free:"forever",small:!0}),g(jr,{offer:t,shelf:n})]})]},t.plan.id))})}function fi({offers:e,shelf:n}){let t=e.some(a=>a.plan.overage_per_unit>0),r=e.some(a=>a.plan.trial_days>0),o=e.some(a=>a.connect!==null),s=a=>[a.current?"sc-col-current":"",a.featured?"sc-col-featured":""].filter(Boolean).join(" ")||void 0;return g("div",{className:"sc-table-scroll",children:A("table",{className:"sc-plan-table",children:[g("thead",{children:A("tr",{children:[g("td",{}),e.map(a=>A("th",{scope:"col",className:s(a),children:[A("span",{className:"sc-row-name",children:[g("span",{className:"sc-title",children:a.plan.name}),g(Gr,{offer:a})]}),g(zr,{price:a.price,small:!0})]},a.plan.id))]})}),A("tbody",{children:[A("tr",{children:[g("th",{scope:"row",children:"Included"}),e.map(a=>g("td",{className:s(a),children:a.allowance},a.plan.id))]}),t&&A("tr",{children:[g("th",{scope:"row",children:"Then"}),e.map(a=>g("td",{className:s(a),children:a.plan.overage_per_unit>0?`$${a.plan.overage_per_unit} / ${a.plan.unit}`:g("span",{className:"sc-muted-cell",children:"Stops"})},a.plan.id))]}),r&&A("tr",{children:[g("th",{scope:"row",children:"Trial"}),e.map(a=>g("td",{className:s(a),children:a.plan.trial_days>0?`${a.plan.trial_days} days`:g("span",{className:"sc-muted-cell",children:"None"})},a.plan.id))]}),n.showCompute&&A("tr",{children:[g("th",{scope:"row",children:"Runs on"}),e.map(a=>g("td",{className:s(a),children:g(Vr,{offer:a,bare:!0})},a.plan.id))]}),o&&A("tr",{children:[g("th",{scope:"row",children:"Connect your own"}),e.map(a=>g("td",{className:s(a),children:g(Kr,{offer:a,bare:!0})},a.plan.id))]}),A("tr",{className:"sc-table-buy",children:[g("td",{}),e.map(a=>g("td",{className:s(a),children:g(jr,{offer:a,shelf:n})},a.plan.id))]})]})]})})}function qo(e,n){return[e,n.current?"sc-plan-current":"",n.featured?"sc-plan-featured":""].filter(Boolean).join(" ")}function Gr({offer:e}){return e.current?g("span",{className:"sc-plan-badge",children:"Current"}):e.featured?g("span",{className:"sc-plan-badge-soft",children:"Recommended"}):null}function zr({price:e,small:n,free:t}){return A("p",{className:n?"sc-plan-price sc-plan-price-sm":"sc-plan-price",children:[g("span",{className:"sc-plan-amount",children:e.amount}),e.interval?A("span",{className:"sc-plan-interval",children:["/",e.interval]}):t&&g("span",{className:"sc-plan-interval sc-plan-after",children:t})]})}function Fo({offer:e}){return A("p",{className:"sc-plan-allowance",children:[g("span",{className:"sc-plan-figure",children:e.allowance}),g("span",{className:"sc-plan-qualifier",children:e.allowanceNote})]})}function Kr({offer:e,inline:n,bare:t}){let r=e.connect;if(!r)return t?g("span",{className:"sc-muted-cell",children:"None"}):null;let o=r.reward?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-need",s=r.actionable?A("button",{type:"button",className:`${o} sc-plan-reward-act`,"aria-label":"Connect compute",onClick:r.open,children:[g("span",{className:"sc-reward-said",children:r.line}),A("span",{className:"sc-reward-do","aria-hidden":!0,children:[g(j,{className:"sc-reward-mark"}),"Connect compute"]})]}):g("p",{className:o,children:r.line});return t?s:g("div",{className:n?"sc-plan-reward sc-plan-reward-inline":"sc-plan-reward",children:s})}function Vr({offer:e,inline:n,bare:t}){let r=e.computeLabel?g("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:g("li",{children:e.computeLabel})}):g("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:e.compute.map(o=>A("li",{className:o.owned?"sc-compute-own":void 0,children:[o.label,g(hi,{runtimes:o.runtimes})]},o.costClass))});return t?r:A("div",{className:n?"sc-plan-compute sc-plan-compute-inline":"sc-plan-compute",children:[g("span",{className:"sc-fact-key",children:"Runs on"}),r]})}function jr({offer:e,shelf:n}){let t=e.connect;return n.showConnect&&t?.actionable?A("button",{type:"button",className:"sc-btn sc-btn-primary sc-btn-icon",onClick:t.open,children:[g(j,{className:"sc-btn-mark"}),"Connect compute"]}):g("button",{type:"button",className:e.current?"sc-btn":"sc-btn sc-btn-primary",disabled:e.cta.disabled,onClick:()=>void e.cta.take().catch(()=>{}),children:e.cta.label})}function hi({runtimes:e}){return e.length===0?null:g("span",{className:"sc-compute-marks",children:e.map(n=>{let t=ze[n];return t?g(t,{className:"sc-rt-mark"},n):null})})}import{jsx as Yr,jsxs as Go}from"react/jsx-runtime";function gi({heading:e,plansHeading:n,showUsage:t=!0,showName:r=!0,className:o,...s}){let{plan:a,loading:c}=at(),{theme:i}=H(),l=n??(c?"Plans":a?"Change plan":"Choose a plan");return Go("div",{className:o?`soba-connect sc-fill sc-billing ${o}`:"soba-connect sc-fill sc-billing","data-theme":i,children:[Yr(Br,{...e===void 0?{}:{heading:e},showUsage:t,showName:r}),Go("section",{className:"sc-billing-plans",children:[l&&Yr("h2",{className:"sc-section-title",children:l}),Yr(Fr,{...s})]})]})}import{useCallback as zo,useState as Ko}from"react";function Zr({plan:e,successUrl:n,cancelUrl:t,label:r}){let{plan:o}=D(),[s,a]=Ko(!1),[c,i]=Ko(null),l=zo(()=>o.checkout(e.id,{...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}}),[o,e.id,n,t]),u=zo(async()=>{a(!0),i(null);try{window.location.assign(await l())}catch(p){i(p.message),a(!1)}},[l]);return{label:s?"Opening\u2026":r??`Subscribe for $${e.price.toLocaleString()}/${e.interval}`,busy:s,error:c,buy:u,session:l}}import{jsx as Vo,jsxs as yi}from"react/jsx-runtime";function bi({plan:e,successUrl:n,cancelUrl:t,label:r,className:o}){let{theme:s}=H(),a=Zr({plan:e,...n?{successUrl:n}:{},...t?{cancelUrl:t}:{},...r?{label:r}:{}});return yi("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":s,children:[Vo("button",{type:"button",className:"sc-btn sc-btn-primary",disabled:a.busy,onClick:()=>void a.buy(),children:a.label}),a.error&&Vo("p",{className:"sc-error",children:a.error})]})}import{useCallback as Te,useEffect as Je,useMemo as En,useRef as Qe,useState as Q}from"react";var wi="soba.session:";function jo(e){return!e.cacheKey||!e.endpoint?null:wi+JSON.stringify([e.endpoint,e.user??null,e.cacheKey])}function vi(e){try{let n=globalThis.localStorage?.getItem(e);if(!n)return null;let t=JSON.parse(n);return typeof t.token!="string"||typeof t.expiresAt!="number"?null:{token:t.token,expiresAt:t.expiresAt}}catch{return null}}function ki(e,n){try{n?globalThis.localStorage?.setItem(e,JSON.stringify(n)):globalThis.localStorage?.removeItem(e)}catch{}}var Yo=6e4,Ci=1e4,Ot=class{#e;#n=null;#r=null;#t;#o=new Set;constructor(n){this.#t=n,this.#e=n.token??null;let t=jo(n),r=t&&!this.#e?vi(t):null;r&&r.expiresAt-Yo>Date.now()&&(this.#e=r.token,this.#n=r.expiresAt)}get token(){return this.#e}get expiresAt(){return this.#n}get canRefresh(){return!!this.#t.endpoint}get refreshAt(){return!this.canRefresh||this.#n===null?null:Math.max(Date.now()+Ci,this.#n-Yo)}subscribe(n){return this.#o.add(n),()=>this.#o.delete(n)}async ensure(){return this.#e?this.#e:this.refresh()}async refresh(){if(this.#r)return this.#r;let n=this.#t.endpoint;if(!n)throw new Error("This Soba session cannot be refreshed. Pass `sessionEndpoint` so the provider can mint a new one.");let t=this.#t.fetchImpl??fetch.bind(globalThis);this.#r=(async()=>{let r=await t(n,{method:"POST",headers:{"content-type":"application/json"},credentials:"same-origin",body:JSON.stringify(this.#t.user?{user:this.#t.user}:{})});if(!r.ok)throw new Error(`Could not start a Soba session (${r.status} from ${n}).`);let o=await r.json(),s=o.session??o.token;if(!s)throw new Error(`${n} answered without a \`session\`. See @soba-so/react's README.`);let a=o.expires_in??o.expiresIn;this.#e=s,this.#n=typeof a=="number"?Date.now()+a*1e3:null;let c=jo(this.#t);c&&ki(c,this.#n===null?null:{token:s,expiresAt:this.#n});for(let i of this.#o)i();return s})();try{return await this.#r}finally{this.#r=null}}},_n=new Map,Zo=new WeakMap,Ni=1;function xi(e){if(e.token||!e.endpoint)return null;let n=0;return e.fetchImpl&&(n=Zo.get(e.fetchImpl)??Ni++,Zo.set(e.fetchImpl,n)),JSON.stringify([e.endpoint,e.user??null,n,e.cacheKey??null])}function Jo(e){let n=xi(e);if(!n)return new Ot(e);let t=_n.get(n)??{holder:new Ot(e),users:0};return _n.set(n,t),t.holder}function Qo(e){for(let n of _n.values())n.holder===e&&n.users++}function Xo(e){for(let[n,t]of _n)if(t.holder===e){setTimeout(()=>{--t.users<=0&&_n.get(n)===t&&_n.delete(n)},0);return}}function es(e,n=fetch.bind(globalThis)){return async(t,r)=>{let o=await n(t,r);if(o.status!==401||!e.canRefresh)return o;let s;try{s=await e.refresh()}catch{return o}return n(t,Si(r,s))}}function Si(e,n){let t=new Headers(e?.headers);return t.set("authorization",`Bearer ${n}`),{...e,headers:t}}import{jsx as Jr,jsxs as _i}from"react/jsx-runtime";var Mi="https://www.soba.so",Pi=3e4;function Ri(e){let{children:n,session:t,sessionEndpoint:r,user:o,sessionCacheKey:s,runEndpoint:a,theme:c,initialMachines:i,initialConnect:l=null,initialPlans:u,initialCurrentPlan:p=null,baseUrl:y=Mi,pollMs:f=Pi,injectStyles:m=!0,modal:w=!0,fetchImpl:P,onError:R}=e,[_,M]=Q(t??null),[B,I]=Q(null),[N,F]=Q(l),[T,se]=Q(null),[X,ve]=Q(l===null),[K,ae]=Q(i??[]),[We,Y]=Q(null),[Me,Xe]=Q(i===void 0),[de,pe]=Q(u??[]),[ee,gn]=Q(p),[en,Le]=Q(null),[nn,me]=Q(u===void 0),[ne,Be]=Q(null),[Pe,Ae]=Q(!1),qe=Qe(R);qe.current=R;let ie=Te(k=>{I(k),qe.current?.(k)},[]);Je(()=>{m&&ot()},[m]);let E=En(()=>Jo({...t?{token:t}:{},...r?{endpoint:r}:{},...o?{user:o}:{},...P?{fetchImpl:P}:{},...s?{cacheKey:s}:{}}),[t,r,o,P,s]);Je(()=>{let k=!0;Qo(E);let z=E.subscribe(()=>{k&&M(E.token)});return!E.token&&!E.canRefresh?ie(new Error("<SobaProvider> needs a `session` or a `sessionEndpoint`. A browser cannot mint one: that takes your secret key.")):E.ensure().then(()=>k&&M(E.token),le=>k&&ie(le)),()=>{k=!1,z(),Xo(E)}},[E,ie]),Je(()=>{B&&(ve(!1),Xe(!1),me(!1),se(k=>k??B),Y(k=>k??B),Le(k=>k??B))},[B]),Je(()=>{let k=E.refreshAt;if(k===null)return;let z=()=>{E.refresh().catch(ge=>ie(ge))},le=()=>{document.hidden||(document.removeEventListener("visibilitychange",le),z())},dt=setTimeout(()=>{typeof document<"u"&&document.hidden?document.addEventListener("visibilitychange",le):z()},Math.max(0,k-Date.now()));return()=>{clearTimeout(dt),typeof document<"u"&&document.removeEventListener("visibilitychange",le)}},[E,ie,_]);let bn=Qe(l?.machines_url??null),v=En(()=>{if(!_)return null;let k=new Tn({session:_,baseUrl:y,fetchImpl:es(E,P??fetch.bind(globalThis))});return k.setMachinesUrl(bn.current),k},[_,y,E,P]),G=Qe(l!==null);Je(()=>{if(!v||G.current)return;let k=!0;return ve(!0),v.context().then(z=>{k&&(F(z),se(null),ve(!1))},z=>{k&&(se(z),ve(!1))}),()=>{k=!1}},[v]);let te=Te(async()=>{if(v)try{let k=await v.machines();ae(Array.isArray(k)?k:[]),Y(null)}catch(k){Y(k)}finally{Xe(!1)}},[v]),fe=Te(async()=>{if(v)try{let k=await v.plans();pe(k.plans),gn(k.current),Le(null)}catch(k){Le(k)}finally{me(!1)}},[v]),re=Qe(!1),[Fe,yn]=Q(!1),wn=Qe(u!==void 0),tn=Qe(!1),rn=Te(()=>{re.current||(re.current=!0,tn.current&&queueMicrotask(()=>{tn.current&&yn(!0)}))},[]);Je(()=>(tn.current=!0,re.current&&yn(!0),()=>{tn.current=!1}),[]),Je(()=>{!v||!Fe||wn.current||fe()},[v,Fe,fe]);let on=Te(async k=>{if(!v)throw new Error("No session yet.");await v.selectPlan(k),await fe()},[v,fe]),It=Te(async(k,z)=>{if(!v)throw new Error("No session yet.");let le=await v.checkoutPlan(k,z);if(!le.url)throw new Error("Checkout could not be started.");return le.url},[v]),it=Te(async()=>{if(!v)throw new Error("No session yet.");await v.leavePlan(),await fe()},[v,fe]),lt=Qe(i!==void 0);Je(()=>{if(!v)return;let k=Oe(te,f,{immediate:!lt.current});return lt.current=!1,k},[v,te,f]);let vn=Te((k="manual")=>{w&&(Ae(!0),Be(k))},[w]),ct=Te(()=>Be(null),[]),q=Qe(K);q.current=K;let Re=Te(async k=>{if(!a)throw new Error("Pass `runEndpoint` to <SobaProvider> to start runs from the browser. It is your own route: it holds your secret key, calls soba.run(), and forwards the stream.");let{signal:z,...le}=k,ge=await(P??fetch.bind(globalThis))(a,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},credentials:"same-origin",body:JSON.stringify(le),...z?{signal:z}:{}});if(!ge.ok){let $e=await ge.json().catch(()=>null),be=new Error($e?.error?.message??`${a} answered ${ge.status}.`);be.status=ge.status,$e?.error?.code&&(be.code=$e.error.code),$e?.error&&(be.error=$e.error);let pt=q.current.length>0&&!q.current.some(Lt=>Lt.state!=="offline");throw ge.status===409&&pt&&vn("no_compute"),be}let ke=Dr(ge);return async function*(){try{yield*ke}finally{re.current&&fe()}}()},[a,P,fe,vn]),he=En(()=>ee?de.find(k=>k.id===ee.plan_id)??null:null,[de,ee]),sn=En(()=>he?he.connected_reward==="included"&&K.length>0&&he.connected_included_units!==null?he.connected_included_units:he.included_units:null,[he,K]),ut=En(()=>({plans:de,current:ee,plan:he,used:ee?.units_used??null,included:sn,remaining:sn!==null&&ee?Math.max(0,sn-ee.units_used):null,unlimited:he!==null&&sn===null,loading:nn,error:en,select:on,checkout:It,leave:it,refresh:fe}),[de,ee,he,sn,nn,en,on,It,it,fe]),Tt=En(()=>({session:_,client:v,error:B,get plan(){return rn(),ut},compute:{machines:K,connected:K.length>0,online:K.some(k=>k.state!=="offline"),loading:Me,error:We,refresh:te},connect:{app:N?.app??null,command:N?.command??null,connectUrl:N?.connect_url??null,publishableKey:N?.publishable_key??null,loading:X,error:T,open:vn,close:ct,isOpen:ne!==null,hasModal:w},run:Re}),[_,v,B,ut,rn,ne,vn,ct,w,K,Me,We,te,N,X,T,Re]);return Jr(Pr.Provider,{value:v,children:Jr(Rr.Provider,{value:{context:N,machines:Me?void 0:K,theme:c??N?.theme??"light"},children:_i(_r.Provider,{value:Tt,children:[n,w&&Pe&&Jr(et,{open:ne!==null,onOpenChange:k=>Be(k?ne??"manual":null),onConnected:()=>{te()},...ne==="payment_required"||ne==="no_compute"?{reason:ne}:{},...ne==="pair"?{showStatus:!1}:{}})]})})})}function Ei(e){return e?Oi[e]??e:null}var Oi={"user-hardware":"your own computer","user-subscription":"your own AI plan","user-api-key":"your own API key","open-weights":"open models we host",frontier:"a frontier model we pay for"};async function Ii(e,n,t){let r=n.local;if(!r?.session||n.after)return null;let o=/\/v1\/runs\/([^/]+)\/events/.exec(e.url)?.[1];if(!o)return null;let s=`http://127.0.0.1:${r.port??47321}/v1/runs/${o}/events`,a=new AbortController,c=()=>a.abort();n.signal?.addEventListener("abort",c);let i=setTimeout(()=>a.abort(),r.timeoutMs??3e3);try{let l=await t(s,{headers:{authorization:`Bearer ${r.session}`,accept:"text/event-stream"},signal:a.signal});return l.ok?{url:s,bearer:r.session,open:l}:null}catch{return null}finally{clearTimeout(i),n.signal?.removeEventListener("abort",c)}}async function*Ti(e){let n=e.body;if(!n)return;let t=n.getReader(),r=new TextDecoder,o="",s=null,a=[];try{for(;;){let c=await t.read();if(c.done)return;o+=r.decode(c.value,{stream:!0});for(let i=o.indexOf(`
+`);i!==-1;i=o.indexOf(`
+`)){let l=o.slice(0,i).replace(/\r$/,"");if(o=o.slice(i+1),l==="")a.length&&(yield{id:s,data:a.join(`
+`)}),s=null,a=[];else if(l.startsWith("id:")){let u=Number(l.slice(3).trim());s=Number.isFinite(u)?u:null}else if(l.startsWith("data:")){let u=l.slice(5);a.push(u.startsWith(" ")?u.slice(1):u)}}}}finally{t.cancel().catch(()=>{})}}var Qr=(e,n)=>new Promise(t=>{let r=setTimeout(t,e);n?.addEventListener("abort",()=>{clearTimeout(r),t()})});async function*Li(e,n={}){let t=n.fetchImpl??fetch.bind(globalThis),r=await Ii(e,n,t)??{url:e.url,bearer:e.token,open:null},o=n.maxRetries??6,s=n.after??0,a=0;for(;;){if(n.signal?.aborted)return;let c;try{c=r.open??await t(r.url,{headers:{authorization:`Bearer ${r.bearer}`,accept:"text/event-stream",...s?{"last-event-id":String(s)}:{}},...n.signal?{signal:n.signal}:{}}),r.open=null}catch(i){if(n.signal?.aborted)return;if(++a>o)throw i;await Qr(1e3*a,n.signal);continue}if(c.status===503&&a<o){a++,await Qr(Number(c.headers.get("retry-after")??3)*1e3,n.signal);continue}if(!c.ok){let i=`Could not read this run (${c.status}).`;try{let l=await c.json();l.error?.message&&(i=l.error.message)}catch{}throw new Error(i)}for await(let i of Ti(c)){i.id!==null&&(s=i.id),a=0;let l=Rn(i.data);if(l&&(yield l,l.type==="done"||l.type==="error"))return}if(n.signal?.aborted)return;if(++a>o)throw new Error("Lost this run's stream and could not get it back.");await Qr(1e3*a,n.signal)}}export{ha as ComputeStatus,fn as ConnectButton,ka as ConnectCompute,et as ConnectModal,$a as ConnectNudge,Ga as ModelPicker,Va as RunError,Za as RunLimit,gi as SobaBilling,bi as SobaCheckout,Br as SobaCurrentPlan,Fr as SobaPlans,Ri as SobaProvider,Ba as collectText,Pt as connectSays,ot as injectStyles,Rn as parseEvent,Dr as readEvents,Ho as runErrorMessage,hn as sobaErrorCode,Ei as tierLabel,Zr as useCheckout,Qn as useCompute,ya as useConnectButton,$r as useConnectNudge,at as useCurrentPlan,Wr as useModel,rt as useOpenSobaConnect,qr as usePlans,Lr as useRunLimit,D as useSoba,Li as watchRun};