@soba-so/react 0.0.14 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +9 -2
  2. package/dist/SobaProvider.d.ts +5 -2
  3. package/dist/context.d.ts +10 -3
  4. package/dist/index.mjs +364 -447
  5. package/dist/session.d.ts +3 -0
  6. package/dist/styles.css +359 -442
  7. package/dist/types.d.ts +4 -0
  8. package/package.json +8 -9
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
- var Ln=class extends Error{status;constructor(n,t){super(n),this.name="ConnectError",this.status=t}},sn=class{session;baseUrl;doFetch;constructor(n){this.session=n.session,this.baseUrl=(n.baseUrl??"").replace(/\/+$/,""),this.doFetch=n.fetchImpl??fetch.bind(globalThis)}context(){return this.request("GET","/v1/connect")}async machines(){return(await this.request("GET","/v1/machines")).machines}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 s=await this.doFetch(`${this.baseUrl}${t}`,{method:n,headers:{authorization:`Bearer ${this.session}`,...r?{"content-type":"application/json"}:{}},...r?{body:JSON.stringify(r)}:{}}),a={};try{a=await s.json()}catch{}if(!s.ok){let i=typeof a.error=="string"?a.error:`Request failed (${s.status})`;throw new Ln(i,s.status)}return a}};function on(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(a=>a+a).join(""):n[1],r=a=>{let i=Number.parseInt(t.slice(a*2,a*2+2),16)/255;return i<=.04045?i/12.92:((i+.055)/1.055)**2.4};return .2126*r(0)+.7152*r(1)+.0722*r(2)>.45?"#101012":"#ffffff"}function zn(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 Ye(e,n,t){let r=zn(e),s=zn(n);return!r||!s?e:`#${r.map((i,u)=>Math.round(i+(s[u]-i)*t)).map(i=>i.toString(16).padStart(2,"0")).join("")}`}function an(e,n){if(!zn(e))return{};let t=on(e),r=n?.trim();return{"--sc-ground":e,"--sc-shell":e,"--sc-sheet":Ye(e,t,.07),"--sc-raised":Ye(e,t,.13),"--sc-line":Ye(e,t,.18),"--sc-line-2":Ye(e,t,.28),"--sc-text":t,"--sc-text-2":Ye(t,e,.15),"--sc-muted":Ye(t,e,.38),...r?{"--sc-accent":r,"--sc-accent-fg":on(r)}:{"--sc-accent":t,"--sc-accent-fg":e}}}function Kn(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 jn(e){let{platform:n,arch:t}=e;if(!n)return null;let r=n==="darwin"||n==="macos",s=r?"Mac":n==="win32"||n==="windows"?"Windows PC":"Linux machine";return r?`${t==="aarch64"||t==="arm64"?"Apple silicon ":""}${s}`:s}function ln(e){return e.find(n=>n.state==="offline")??null}function cn(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"}}import{jsx as me,jsxs as Or}from"react/jsx-runtime";function V({className:e}){return Or("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:[me("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"}),me("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 Gt({className:e}){return me("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:me("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 Qe({className:e}){return me("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:me("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 Ze({className:e}){return me("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:me("path",{d:"M4 5h16v11H4zM9 20h6M12 16v4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function $e({className:e}){return me("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:me("path",{d:"M5 6h14v10H5zM2.5 19.5h19",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var he={claude:Gt,chatgpt:Qe,local:Ze};var te=[{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"]}],Vt=["claude","chatgpt"];function Yn(){return te.filter(e=>Vt.includes(e.id))}function Qn(e){return te.filter(n=>n.costClass===e)}function un(e){return te.find(n=>n.expects.includes(e))??null}import{jsx as W,jsxs as De}from"react/jsx-runtime";function Je({machines:e,onApproveRuntime:n}){return e.length?W("div",{children:e.map(t=>{let r=cn(t),s=jn(t);return De("div",{className:"sc-machine",children:[De("div",{className:"sc-idrow",children:[W("span",{className:"sc-opt-tile","aria-hidden":"true",children:W($e,{className:"sc-opt-mark"})}),De("span",{className:"sc-opt-text",children:[W("span",{className:"sc-opt-label",children:t.label??"This machine"}),(s||t.always_on)&&De("span",{className:"sc-machine-meta",children:[s&&W("span",{children:s}),t.always_on&&W("span",{className:"sc-machine-tag",children:"always on"})]})]}),De("span",{className:"sc-machine-state",children:[W("span",{className:`sc-dot sc-dot-${r.tone}`,"aria-hidden":"true"}),r.text]})]}),De("ul",{className:"sc-runtimes",children:[t.runtimes.map(a=>W(Tr,{runtime:a,...n?{onApprove:()=>n(t.id,a.id)}:{}},a.id)),!t.runtimes.length&&W("li",{className:"sc-note",children:"No runtime advertised. Install Claude Code, Codex or Ollama on that machine."})]})]},t.id)})}):W("p",{className:"sc-note",children:"Nothing connected yet."})}function Tr({runtime:e,onApprove:n}){let t=un(e.id),r=t?he[t.id]:null,s=Kn(e);return De("li",{className:"sc-runtime",children:[W("span",{className:"sc-runtime-tile","aria-hidden":"true",children:r&&W(r,{className:"sc-runtime-mark"})}),W("span",{className:"sc-runtime-name",children:e.display_name}),e.quarantined?n?W("button",{type:"button",className:"sc-conn-action",onClick:n,children:"Let it serve"}):W("span",{className:"sc-runtime-verdict sc-tone-warn",children:"new, not serving yet"}):W("span",{className:`sc-runtime-verdict sc-tone-${s.tone}`,children:s.text})]})}var Zn={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 Jn="105 162 420 420",Xn="M407.1 308.9 A158 158 0 1 0 407.1 491.1 A116 116 0 0 1 407.1 308.9 Z",Ue="M448.5 320 A110 110 0 0 1 448.5 480";import{Fragment as pn,jsx as C,jsxs as _e}from"react/jsx-runtime";function et({kind:e,size:n=44,className:t}){let r=Zn[e];return _e("svg",{className:`bx${t?` ${t}`:""}`,"data-expression":e,viewBox:Jn,overflow:"visible",width:n,height:n,"aria-hidden":"true",children:[C("path",{d:Xn,fill:"currentColor"}),C("path",{className:"bx-arc",d:Ue,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),r.slot==="stream"&&C(Ir,{}),r.slot==="zzz"&&C(Ar,{}),r.slot==="dots"&&C($r,{}),r.slot==="bang"&&C(Dr,{}),r.slot==="orbit"&&C(Ur,{}),r.slot==="cross"&&C(Hr,{}),r.slot==="snap"&&C(qr,{}),r.slot==="bars"&&C(Br,{}),r.slot==="ring"&&C(Fr,{}),r.slot==="sparks"&&C(Wr,{})]})}function Ir(){return C("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 Ar(){return _e(pn,{children:[C("g",{className:"bx-z1",children:C("path",{d:"M444 372 H496 L444 436 H496",fill:"none",stroke:"currentColor",strokeWidth:"20",strokeLinecap:"round",strokeLinejoin:"round"})}),C("g",{className:"bx-z2",children:C("path",{d:"M492 300 H522 L492 338 H522",fill:"none",stroke:"currentColor",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round"})})]})}function $r(){return _e(pn,{children:[C("circle",{className:"bx-th",cx:"463.1",cy:"336.9",r:"21",fill:"currentColor"}),C("circle",{className:"bx-th bx-th2",cx:"483",cy:"400",r:"21",fill:"currentColor"}),C("circle",{className:"bx-th bx-th3",cx:"463.1",cy:"463.1",r:"21",fill:"currentColor"})]})}function Dr(){return _e("g",{className:"bx-at",children:[C("line",{x1:"490",y1:"312",x2:"490",y2:"414",stroke:"currentColor",strokeWidth:"46",strokeLinecap:"round"}),C("circle",{cx:"490",cy:"484",r:"28",fill:"currentColor"})]})}function Ur(){return _e("g",{className:"bx-ob",children:[C("path",{d:Ue,fill:"none",stroke:"var(--tile-bg, transparent)",strokeWidth:41,strokeLinecap:"round"}),C("path",{d:Ue,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})]})}function Hr(){return _e(pn,{children:[C("path",{className:"bx-xa",d:Ue,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"}),C("g",{className:"bx-xx",children:C("path",{d:"M442 364 L514 436 M514 364 L442 436",fill:"none",stroke:"currentColor",strokeWidth:"24",strokeLinecap:"round"})})]})}function qr(){return C("path",{className:"bx-snap",d:Ue,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})}function Br(){return _e("g",{stroke:"currentColor",strokeWidth:"17",strokeLinecap:"round",children:[C("line",{className:"bx-vb",x1:"452",y1:"370",x2:"452",y2:"430"}),C("line",{className:"bx-vb bx-vb2",x1:"482",y1:"330",x2:"482",y2:"470"}),C("line",{className:"bx-vb bx-vb3",x1:"512",y1:"355",x2:"512",y2:"445"})]})}function Fr(){return C(pn,{children:[[450,366],[474,376],[484,400],[474,424],[450,434],[426,424],[416,400],[426,376]].map(([n,t],r)=>C("circle",{className:"bx-w",cx:n,cy:t,r:"11",fill:"currentColor",style:{animationDelay:`${-1.2+r*.15}s`}},r))})}function Wr(){return _e(pn,{children:[C("g",{className:"bx-sp",children:C("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"})}),C("g",{className:"bx-sp bx-sp2",children:C("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"})}),C("g",{className:"bx-sp bx-sp3",children:C("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 J,useEffect as re,useId as Kr,useMemo as Ee,useRef as Xe,useState as $}from"react";var mn=[{slug:"mac-arm",label:"macOS, Apple silicon"},{slug:"mac-intel",label:"macOS, Intel"},{slug:"windows",label:"Windows"},{slug:"linux",label:"Linux"}];function hn(e){if(!e)return"";try{return new URL(e).origin}catch{return""}}var nt="soba";function Kt(){return`${nt}://show`}function fn(e,n,t){let r=`${nt}://connect?url=${encodeURIComponent(e)}`;return n&&(r+=`&nonce=${encodeURIComponent(n)}`),t&&(r+=`&want=${encodeURIComponent(t)}`),r}function gn(){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 Gr=1600;function tt(e={}){return ot(e)}async function rt(e,n={}){if(typeof window>"u"||typeof document>"u")return"unknown";let t=ot(n);try{window.location.href=fn(e,n.nonce,n.want)}catch{return"absent"}return t}async function st(e={}){if(typeof window>"u"||typeof document>"u")return"unknown";let n=ot(e);try{window.location.href=Kt()}catch{return"absent"}return n}async function ot(e){if(typeof window>"u"||typeof document>"u")return"unknown";let n=e.graceMs??Gr,t=document.visibilityState==="visible"&&document.hasFocus(),r=!1,s=()=>{r=!0},a=()=>{document.visibilityState==="hidden"&&(r=!0)};return window.addEventListener("blur",s),window.addEventListener("pagehide",s),document.addEventListener("visibilitychange",a),await new Promise(i=>setTimeout(i,n)),window.removeEventListener("blur",s),window.removeEventListener("pagehide",s),document.removeEventListener("visibilitychange",a),t?r?"opened":"absent":"unknown"}var jt="soba.connect.choice",Vr=180*24*60*60*1e3;function Qt(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 at(e,n){return e?n?`${jt}.${e}.${Qt(n)}`:`${jt}.${e}`:null}function it(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)>Vr)return null;let r=te.find(s=>s.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 Yt="soba.connect.dismissed",zr=30*24*60*60*1e3;function ct(e,n){return e?n?`${Yt}.${e}.${Qt(n)}`:`${Yt}.${e}`:null}function ut(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)<zr}catch{return!1}}function dt(e){if(!(!e||typeof localStorage>"u"))try{localStorage.setItem(e,JSON.stringify({at:new Date().toISOString()}))}catch{}}import{Fragment as Tn,jsx as o,jsxs as v}from"react/jsx-runtime";var pt=2e3,jr=1e4,Yr=9e4,Qr=6e4;function mt(e,n,t,r=[],s){return e?"code":n&&(t.length>0||r.length>0)?"manage":s?"launch":"choose"}function Zr(e){let n=Math.max(0,Math.round(e/1e3));return`${Math.floor(n/60)}:${String(n%60).padStart(2,"0")}`}function gt({client:e,initialCode:n,initialChoice:t,onConnected:r,showStatus:s=!0,initialContext:a=null,initialMachines:i,onClose:u,headingId:l,theme:p,reason:f}){let g=!!a&&i!==void 0,[m,b]=$(g?mt(n,s,i??[],[],t):"loading"),[h,k]=$(a),[N,x]=$(i??[]),[U,j]=$(n??""),[S,O]=$(null),[H,T]=$(null),[M,q]=$(!1),[G,ce]=$(0),[Me,_n]=$(()=>Date.now()),[Q,ke]=$(null),[En,xe]=$(!1),[be,X]=$(!1),[Bn,tn]=$("browser"),[We,Mn]=$(null),[ue,se]=$([]),[Ge,Fn]=$(0),[Re,Ve]=$(null),oe=Xe(null),[R,P]=$(t??null),[Le,ee]=$(null),rn=Ee(()=>{let c=h?.accent?.trim(),w=h?.background?.trim();if(!(!c&&!w))return w?{...an(w,c),background:w,borderRadius:"inherit"}:{"--sc-accent":c,"--sc-accent-fg":on(c)}},[h?.accent,h?.background]),Rn=Kr(),ae=l??Rn,Se=Xe(null);re(()=>{if(!e||g)return;let c=!0;return Promise.all([e.context(),e.machines()]).then(([w,L])=>{c&&(k(w),x(L),b(mt(n,s,L)))}).catch(w=>{c&&(T(w.message),b("choose"))}),()=>{c=!1}},[e,n,s,g]),re(()=>{m!=="loading"||!g||b(mt(n,s,i??[]))},[m,g,n,s,i]),re(()=>{i&&x(i)},[i]),re(()=>{a&&k(a)},[a]);let ze=Xe(!1),Ke=Xe(m);Ke.current=m;let ne=Xe(ue);ne.current=ue;let de=!!h?.hosted_available;re(()=>{if(!e||m!=="manage")return;let c=!0,w=setInterval(async()=>{try{let L=await e.machines();if(!c)return;x(L);let A=!de||ze.current;L.length===0&&ne.current.length===0&&A&&Ke.current==="manage"&&b("choose")}catch{}},jr);return()=>{c=!1,clearInterval(w)}},[m,e,de]);let je=at(h?.publishable_key??null);re(()=>{ee(it(je))},[je]),re(()=>{if(!e||!de)return;let c=!0;return e.hosted().then(w=>{c&&(se(w.credentials),!ze.current&&(ze.current=!0,w.credentials.length>0&&s&&Ke.current==="choose"&&b("manage")))}).catch(()=>{}),()=>{c=!1}},[e,de,s]),re(()=>{if(!e||m!=="hosted")return;let c=!0,w=async()=>{try{let Pe=await e.hosted();if(!c)return!1;if(se(Pe.credentials),Pe.credentials.length>0)return b("hosted_connected"),Ve(null),!0}catch{}return!1},L=async()=>{oe.current?.closed&&(oe.current=null,!await w()&&c&&b("choose"))},A=setInterval(()=>{w(),L()},pt),Ae=setInterval(L,400),we=Pe=>{let Wt=Pe.data;Wt?.source==="soba"&&Wt.type==="hosted_result"&&w()};return window.addEventListener("message",we),()=>{c=!1,clearInterval(A),clearInterval(Ae),window.removeEventListener("message",we),oe.current=null}},[e,m]);let y=J(()=>{if(!e)return;let c=window.open("","soba-connect-plan","width=520,height=760,noopener=no");oe.current=c,b("hosted"),Fn(Date.now()),Ve(null),T(null),e.startHosted().then(({url:w})=>{if(c&&!c.closed){c.location.href=w;return}Ve(w)}).catch(w=>{c?.close(),oe.current=null,T(w.message),b("choose")})},[e]),B=J(async c=>{if(e){q(!0);try{await e.disconnectHosted(c),se((await e.hosted()).credentials)}catch(w){T(w.message)}finally{q(!1)}}},[e]);re(()=>{if(!e||m!=="waiting")return;let c=!0,w=setInterval(async()=>{try{let L=await e.machines();if(!c)return;x(L);let A=Se.current;if(!A)return;let Ae=L.filter(Pe=>!A.has(Pe.id)),we=Ae.find(Pe=>Pe.state!=="offline")??Ae[0];we&&(Mn(we.id),R&&lt(je,R),b("connected"),r?.(L))}catch{}},pt);return()=>{c=!1,clearInterval(w)}},[m,e,r,R,je]);let pe=J(async()=>{if(e){T(null),q(!0);try{let c=await e.lookup(U);O(c),b("confirm")}catch(c){T(c.message)}finally{q(!1)}}},[e,U]),qt=J(async()=>{if(e){T(null),q(!0);try{try{Se.current=new Set((await e.machines()).map(c=>c.id))}catch{Se.current=new Set(N.map(c=>c.id))}await e.approve(U),b("waiting"),ce(Date.now())}catch(c){T(c.message)}finally{q(!1)}}},[e,U,N]),Oe=J(async()=>{if(e){q(!0);try{await e.deny(U),tn("browser"),b("denied")}catch(c){T(c.message)}finally{q(!1)}}},[e,U]),F=Ee(()=>h?.connect_url??null,[h]),[Z,Te]=$(()=>gn()),_r=Ee(()=>F?fn(F,Z??void 0,R??void 0):null,[F,Z,R]),Er=Ee(()=>hn(F),[F]),Mr=J(c=>{if(N.length===0)return null;let w=te.find(A=>A.id===c);if(!w)return null;let L=N.flatMap(A=>A.runtimes??[]).filter(A=>w.expects.includes(A.id));return L.length===0?{tone:"dim",text:"not installed"}:L.some(A=>A.authenticated===!0)?{tone:"ok",text:"ready"}:L.every(A=>A.authenticated===!1)?{tone:"warn",text:"needs signing in"}:{tone:"dim",text:"installed"}},[N]),Rr=J((c=null)=>{P(c),T(null),ke(null),xe(!1),X(!1),Wn.current=!1,Te(gn()),b("launch")},[]),Wn=Xe(!!t);re(()=>{m!=="launch"||!F||Wn.current||(Wn.current=!0,xe(!0),rt(F,{...Z?{nonce:Z}:{},...R?{want:R}:{}}).then(ke))},[m,F,Z,R]);let Bt=J(()=>{xe(!0),tt().then(ke)},[]),Lr=J(c=>{if(be){let w=gn();X(!1),Te(w),F&&(c.preventDefault(),window.location.href=fn(F,w??void 0,R??void 0))}Bt()},[be,Bt,F,R]),Gn=Ee(()=>{let c=h?.runtimes;return c?te.filter(w=>c.includes(w.id)):Yn()},[h?.runtimes]),ye=Ee(()=>{let c=te.find(w=>w.id===R);return c?{choice:c,Mark:he[c.id]??null}:null},[R]),Vn=Ee(()=>N.find(c=>c.id===We),[N,We]);re(()=>{let c=Z;if(!e||m!=="launch"||!c)return;let w=!1,L=Date.now()+15e4,A=setInterval(async()=>{if(Date.now()>L){clearInterval(A),X(!0);return}try{let Ae=await e.claim(c);if(w)return;if(Ae.declined){clearInterval(A),ke(null),tn("machine"),b("denied");return}if(!Ae.claimed)return;clearInterval(A);try{Se.current=new Set((await e.machines()).map(we=>we.id))}catch{Se.current=new Set(N.map(we=>we.id))}b("waiting"),ce(Date.now())}catch{}},pt);return()=>{w=!0,clearInterval(A)}},[e,m,N,Z]);let Ie=Ee(()=>{if(!S)return null;if(S.approved||S.denied)return"answered";let c=S.expires_at?Date.parse(S.expires_at):Number.NaN;return Number.isFinite(c)&&c<=Me?"expired":"live"},[S,Me]);re(()=>{if(!(m==="confirm"&&Ie==="live"||m==="waiting"||m==="hosted"))return;let w=setInterval(()=>_n(Date.now()),1e3);return()=>clearInterval(w)},[m,Ie]);let Ft=J(async(c,w)=>{if(e)try{await e.approveRuntime(c,w),x(await e.machines())}catch(L){T(L.message)}},[e]);return m==="loading"?o("div",{className:"soba-connect",...p?{"data-theme":p}:{},style:rn,children:o("div",{className:"sc-card",children:o("p",{className:"sc-note",children:"Loading\u2026"})})}):v("div",{className:"soba-connect",...p?{"data-theme":p}:{},style:rn,children:[u&&o("button",{type:"button",className:"sc-modal-close",onClick:u,"aria-label":"Close",children:"\xD7"}),m==="manage"&&v("div",{className:"sc-card",children:[o("h2",{className:"sc-title",children:"Your compute"}),v("p",{className:"sc-sub",children:[o(bn,{context:h})," ",N.length>0&&ue.length>0?"runs on your connected plan, and on these machines while they are awake.":ue.length>0?"runs on the plan you connected. Nothing here is charged to you.":"runs on these machines, while they are awake."]}),v("div",{className:"sc-conns",children:[ue.map(c=>v("div",{className:"sc-conn",children:[o("span",{className:"sc-opt-tile","aria-hidden":"true",children:o(Qe,{className:"sc-opt-mark"})}),v("div",{className:"sc-opt-text",children:[o("span",{className:"sc-opt-label",children:c.provider==="openai-chatgpt"?"ChatGPT plan":c.provider}),o("span",{className:"sc-opt-sub",children:c.account_label??"signed in"})]}),o("button",{type:"button",className:"sc-conn-action",onClick:()=>void B(c.provider),disabled:M,children:"Disconnect"}),v("p",{className:"sc-conn-note",children:[o(bn,{context:h})," stops using it. To withdraw the grant entirely, remove it in your OpenAI settings."]})]},c.provider)),o(Je,{machines:N,onApproveRuntime:Ft})]}),H&&o("p",{className:"sc-error",children:H}),o("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>b("choose"),children:N.length>0?"Connect another machine":"Connect compute"})]}),m==="choose"&&v("div",{className:"sc-card",children:[o(Xr,{context:h}),o("h2",{className:"sc-h",id:ae,children:f==="payment_required"?"Carry on with your own AI":f==="no_compute"?"This run needs a machine":"Connect your AI"}),o("p",{className:"sc-p",children:"Use compute you already have."}),F&&Gn.length>0&&v(Tn,{children:[o("div",{className:"sc-opts",children:Gn.map(c=>{let w=he[c.id];return v("button",{type:"button",className:"sc-opt",onClick:()=>Rr(c.id),children:[o("span",{className:"sc-opt-tile","aria-hidden":"true",children:w&&o(w,{className:"sc-opt-mark"})}),o("span",{className:"sc-opt-text",children:o("span",{className:"sc-opt-label",children:c.label})}),(()=>{let L=Mr(c.id);return L?o("span",{className:`sc-opt-has sc-opt-has-${L.tone}`,children:L.text}):Le===c.id?o("span",{className:"sc-opt-last",children:"last used"}):o(ht,{className:"sc-opt-go"})})()]},c.id)})}),v("p",{className:"sc-opt-note",children:["Your accounts stay there. ",Zt(h)," never sees them."]})]}),(!F||Gn.length===0)&&o("p",{className:"sc-error",style:{marginTop:16},children:"This app has no publishable key yet, so there is nothing to pair against."}),H&&o("p",{className:"sc-error",children:H}),F&&h?.show_code===!0&&o("div",{className:"sc-opt-alt",children:o("button",{type:"button",className:"sc-alt-link",onClick:()=>b("code"),children:"I have a code"})})]}),m==="launch"&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("choose")}),o("p",{className:"sc-head-title",children:"Soba App"})]}),o(On,{mark:ye?.Mark??V,still:be||!En&&Q===null}),o("h2",{className:"sc-h",id:ae,children:be?"No answer from this machine":Q==="absent"?"Nothing opened":Q===null?"Opening Soba App\u2026":"Approve it on this machine"}),be?o("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."}):Q==="absent"?o("p",{className:"sc-p",children:"Nothing opened on this machine. Open it yourself below, or install it if it is not here yet."}):o("p",{className:"sc-p",children:Q===null?"Approve it there and this page does the rest.":"This page finishes on its own."}),ye&&v("p",{className:"sc-prereq",children:[ye.Mark&&o(ye.Mark,{className:"sc-rt-mark"}),"Needs ",ye.choice.prerequisite]}),v("div",{className:"sc-stack",style:{marginTop:18},children:[o("a",{className:Q==="absent"||be?"sc-btn sc-btn-primary":"sc-btn",href:_r??"#",onClick:Lr,children:be?"Try again":Q==="absent"?"Open Soba App":"Open it again"}),o("p",{className:"sc-note",children:Q===null?"Your browser will ask permission first.":"Your browser asks permission the first time."}),ye&&Q==="absent"&&o("p",{className:"sc-note",children:o(es,{text:ye.choice.hint})}),v("div",{className:"sc-foot-strip",children:[o("span",{children:"Not installed on this machine?"}),v("button",{type:"button",className:"sc-foot-go",onClick:()=>b("get"),children:["Get it",o(ht,{})]})]})]})]}),m==="get"&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("launch")}),o("p",{className:"sc-head-title",children:"Get Soba App"})]}),o("div",{className:"sc-opts",children:mn.map(c=>v("a",{className:"sc-opt",href:`${Er}/download/${c.slug}`,target:"_blank",rel:"noreferrer noopener",children:[o("span",{className:"sc-opt-tile","aria-hidden":"true",children:o($e,{className:"sc-opt-mark"})}),o("span",{className:"sc-opt-text",children:o("span",{className:"sc-opt-label",children:c.label})}),o(ht,{className:"sc-opt-go"})]},c.slug))}),o("p",{className:"sc-opt-note",children:"Install it, then come back here and press the row you started with."})]}),m==="code"&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("choose")}),o("p",{className:"sc-head-title",children:"Soba App"})]}),o("h2",{className:"sc-h",id:ae,children:"Enter the code from that machine"}),o("p",{className:"sc-p",children:"Eight characters, shown by the Soba app once you paste the link."}),v("form",{className:"sc-stack",style:{marginTop:16},onSubmit:c=>{c.preventDefault(),pe()},children:[o("input",{className:"sc-input",value:U,onChange:c=>j(c.target.value),placeholder:"ACDE-F234",autoComplete:"off",autoFocus:!0,"aria-label":"Pairing code"}),H&&o("p",{className:"sc-error",children:H}),o("button",{type:"submit",className:"sc-btn sc-btn-primary",disabled:M||U.length<8,children:M?"Checking\u2026":"Continue"})]})]}),m==="confirm"&&S&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("code")}),o("p",{className:"sc-head-title",children:"Soba App"})]}),o("h2",{className:"sc-title",children:"Attach this machine to your account?"}),v("p",{className:"sc-sub",children:[o(bn,{context:h})," may send your runs to it once you approve. It can never see the account or the keys on it."]}),v("ul",{className:"sc-facts",children:[o(yn,{k:"Code",v:S.user_code}),o(yn,{k:"Machine",v:S.hostname??"not stated"}),o(yn,{k:"System",v:[S.platform,S.arch].filter(Boolean).join(" / ")||"not stated"}),o(yn,{k:"Asked by",v:S.client??"not stated"}),S.labels.length>0&&o(yn,{k:"Labels",v:S.labels.join(", ")})]}),o("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."}),Ie==="expired"&&o("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."}),Ie==="answered"&&o("p",{className:"sc-error",children:"That code has already been answered. If it was not you, deny the next one."}),H&&o("p",{className:"sc-error",children:H}),v("div",{className:"sc-row",style:{marginTop:16},children:[o("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:()=>void qt(),disabled:M||Ie!=="live",children:"Approve"}),o("button",{type:"button",className:"sc-btn",onClick:()=>void Oe(),disabled:M||Ie==="answered",children:"No, deny it"})]}),Ie==="live"&&S.expires_at&&v("p",{className:"sc-note",style:{marginTop:10},children:["This code expires in ",Zr(Date.parse(S.expires_at)-Me),"."]})]}),m==="waiting"&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("choose")}),o("p",{className:"sc-head-title",children:ye?.choice.short??"Soba App"})]}),o(On,{mark:ye?.Mark??V}),o("h2",{className:"sc-h",id:ae,children:"Approved. Waiting for it to connect"}),o("p",{className:"sc-p",children:"Nothing more to do here. This page changes when it arrives."}),G>0&&Me-G>Yr&&o("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."})]}),m==="connected"&&v("div",{className:"sc-card",children:[o(ft,{tone:"ok"}),o("h2",{className:"sc-h",id:ae,children:Vn?.label?`${Vn.label} is connected`:"Connected"}),v("p",{className:"sc-p",children:[o(bn,{context:h})," will use ",Vn?.label?"it":"this machine"," from now on, while it is awake."]}),s&&v(Tn,{children:[o("div",{style:{marginTop:16},children:o(Je,{machines:N,onApproveRuntime:Ft})}),o("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:14},onClick:()=>b("manage"),children:"Done"})]})]}),m==="hosted"&&v("div",{className:"sc-card",children:[v("div",{className:"sc-head",children:[o(en,{onClick:()=>b("choose")}),o("p",{className:"sc-head-title",children:"ChatGPT"})]}),Re?o(On,{mark:Qe,still:!0}):o(On,{mark:Qe}),o("h2",{className:"sc-h",id:ae,children:Re?"Your browser blocked the window":"Finish signing in to ChatGPT"}),o("p",{className:"sc-p",children:Re?"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."}),v("div",{className:"sc-stack",style:{marginTop:18},children:[Re&&o("a",{className:"sc-btn sc-btn-primary",href:Re,target:"soba-connect-plan",rel:"noreferrer",children:"Open the ChatGPT sign-in"}),H&&o("p",{className:"sc-error",children:H}),Ge>0&&Me-Ge>Qr&&o("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."})]})]}),m==="hosted_connected"&&v("div",{className:"sc-card",children:[o(ft,{tone:"ok"}),o("h2",{className:"sc-h",id:ae,children:"ChatGPT is connected"}),v("p",{className:"sc-p",children:[o(bn,{context:h})," will run on your ChatGPT plan",ue[0]?.account_label?` (${ue[0].account_label})`:"",". Nothing more to pay, nothing to install."]}),o("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."}),s&&v(Tn,{children:[o("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>b("manage"),children:"Done"}),o("div",{className:"sc-opt-alt",children:o("button",{type:"button",className:"sc-alt-link",onClick:()=>b("choose"),children:"Connect a machine too"})})]})]}),m==="denied"&&v("div",{className:"sc-card",children:[o(ft,{tone:"off"}),o("h2",{className:"sc-h",id:ae,children:"Declined"}),o("p",{className:"sc-p",children:Bn==="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."}),o("button",{type:"button",className:"sc-btn sc-btn-wide",style:{marginTop:16},onClick:()=>b("choose"),children:"Back to the start"})]})]})}function Zt(e){return e?.app.name??"this app"}function Jr(e){let n=e?.app.icon_urls;if(n?.length)return n;let t=e?.app.icon_url;return t?[t]:[]}function Jt(e){let n=Jr(e),[t,r]=$([]),s=J(u=>{u&&r(l=>l.includes(u)?l:[...l,u])},[]),a=J(u=>s(u.currentTarget.getAttribute("src")),[s]),i=J(u=>{u?.complete&&u.naturalWidth===0&&s(u.getAttribute("src"))},[s]);return{icon:n.find(u=>!t.includes(u)),onError:a,ref:i}}function Xr({context:e}){let{icon:n,onError:t,ref:r}=Jt(e);return e?.app.mark==="soba"?o(V,{className:"sc-app-mark"}):n?o("img",{className:"sc-app-mark",src:n,alt:"","aria-hidden":"true",ref:r,onError:t}):null}function bn({context:e}){let{icon:n,onError:t,ref:r}=Jt(e),s=e?.app.mark==="soba";return v("span",{className:"sc-app",children:[s&&o(V,{className:"sc-app-icon"}),!s&&n&&o("img",{className:"sc-app-icon",src:n,alt:"",ref:r,onError:t}),Zt(e)]})}function en({onClick:e}){return o("button",{type:"button",className:"sc-head-back",onClick:e,"aria-label":"Back",children:o("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:o("path",{d:"M15 5 8 12l7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}function ht({className:e}){return o("svg",{className:e,viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:o("path",{d:"M9 5l7 7-7 7",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function On({mark:e,still:n}){return v("span",{className:"sc-waiting","aria-hidden":"true",children:[!n&&o("svg",{className:"sc-waiting-orbit",viewBox:"0 0 100 100","aria-hidden":"true",focusable:"false",children:o("circle",{className:"sc-waiting-arc",cx:"50",cy:"50",r:"46"})}),o(e,{className:"sc-waiting-mark"})]})}function ft({tone:e}){return o("span",{className:`sc-result sc-result-${e}`,"aria-hidden":"true",children:o(et,{kind:e==="ok"?"snap":"gone",size:84})})}function es({text:e}){return o(Tn,{children:e.split("`").map((n,t)=>t%2===1?o("code",{className:"sc-inline-code",children:n},t):n)})}function yn({k:e,v:n}){return v("li",{className:"sc-fact",children:[o("span",{className:"sc-fact-key",children:e}),o("span",{children:n})]})}import{useEffect as ns,useRef as yt}from"react";var In=0,bt=null;function Xt(){if(typeof document>"u")return()=>{};In===0&&(bt=document.body.style.overflow,document.body.style.overflow="hidden"),In+=1;let e=!1;return()=>{e||(e=!0,In-=1,In===0&&(document.body.style.overflow=bt??"",bt=null))}}import{jsx as er}from"react/jsx-runtime";function wn({open:e,onClose:n,labelledBy:t,theme:r,style:s,children:a}){let i=yt(null),u=yt(null),l=yt(null);return ns(()=>{let p=i.current;if(p){if(!e){p.open&&p.close();return}return p.open||p.showModal(),document.activeElement===p&&u.current?.focus(),Xt()}},[e]),er("dialog",{ref:i,className:"soba-connect sc-modal","aria-labelledby":t,...r?{"data-theme":r}:{},style:s,onCancel:p=>{p.preventDefault(),n()},onPointerDown:p=>{l.current=p.target},onClick:p=>{p.target===p.currentTarget&&l.current===p.currentTarget&&n()},children:er("div",{className:"sc-modal-sheet",ref:u,tabIndex:-1,children:a})})}function ve(e){let n=`${e.unit}s`;return e.reward==="unlimited"?`Unlimited ${n} on your own AI`:e.reward==="included"&&e.includedUnits!==null?`${rs(e.includedUnits)} ${n} a month once you connect`:e.reward==="credit"&&e.creditMicros>0?`${ts(e.creditMicros)} back each month you stay connected`:null}function Ce(e){return e==="unlimited"||e==="included"}var tr=new Set(["user-hardware","user-subscription"]),nr=new Set(["open-weights","frontier"]);function ie(e){return e===null||e.length===0?!1:e.every(n=>tr.has(n))}var ts=e=>(e/1e6).toLocaleString("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}),rs=e=>e.toLocaleString("en-US");function wt(e,n){if(!(n===null||n.some(a=>nr.has(a))))return!1;let r=e.findIndex(a=>tr.has(a));if(r===-1)return!1;let s=e.findIndex(a=>nr.has(a));return s===-1||r<s}import{createContext as ss,useContext as os}from"react";var vt=ss(null);function D(){let e=os(vt);if(!e)throw new Error("useSoba() must be used inside a <SobaProvider>.");return e}import{createContext as rr,useContext as sr}from"react";var Ct=rr(null);function or(){return sr(Ct)}var Nt=rr({context:null,machines:void 0,theme:"light"});function I(){return sr(Nt)}import{jsx as vn}from"react/jsx-runtime";function as({className:e}){let{theme:n}=I(),t=e?`soba-connect ${e}`:"soba-connect";return vn("div",{className:t,"data-theme":n,children:vn(kt,{})})}function kt(){let{compute:e}=D();return e.loading&&!e.machines.length?vn("p",{className:"sc-note",children:"Loading\u2026"}):e.error&&!e.machines.length?vn("p",{className:"sc-error",children:e.error.message}):vn(Je,{machines:e.machines})}import{useEffect as ls,useRef as ar,useState as cs}from"react";import{useId as is}from"react";import{jsx as nn,jsxs as An}from"react/jsx-runtime";function Cn({open:e,onOpenChange:n,initialCode:t,onConnected:r,showStatus:s,reason:a}){let{error:i}=D(),u=or(),l=I(),p=()=>n(!1),f=is(),g=l.context?.background?.trim(),m=g?an(g,l.context?.accent):void 0;return An(wn,{open:e,onClose:p,labelledBy:f,theme:l.theme,style:m,children:[i?An("div",{className:"sc-card",children:[nn("h2",{className:"sc-title",id:f,children:"Could not start"}),nn("p",{className:"sc-error",children:i.message})]}):!u&&!l.context?An("div",{className:"sc-card",children:[nn("h2",{className:"sc-title",id:f,children:"One moment"}),nn("p",{className:"sc-note",children:"Getting your compute\u2026"})]}):nn(gt,{client:u,onClose:p,headingId:f,theme:l.theme,initialContext:l.context,...l.machines!==void 0?{initialMachines:l.machines}:{},...t?{initialCode:t}:{},...r?{onConnected:r}:{},...s===void 0?{}:{showStatus:s},...a?{reason:a}:{}}),An("p",{className:"sc-modal-foot",children:[nn(V,{className:"sc-foot-mark"}),"Secured by Soba"]})]})}import{Fragment as xt,jsx as He,jsxs as Nn}from"react/jsx-runtime";function qe({children:e,variant:n,className:t,initialCode:r,onConnected:s,defaultOpen:a,open:i,onOpenChange:u,showConnected:l=!0}){let{compute:p,connect:f}=D(),{theme:g}=I(),[m,b]=cs(a??!!r),h=ar(null),k=i!==void 0,N=!k&&!a&&!r&&f.hasModal,x=k?i:N?f.isOpen:m,U=G=>{N?G?f.open("manual"):f.close():k||b(G),u?.(G)},j=ar(x);ls(()=>{j.current&&!x&&h.current?.focus(),j.current=x},[x]);let S=p.machines.find(G=>G.state!=="offline")??p.machines[0],O=S?.runtimes?.find(G=>!G.quarantined)??S?.runtimes?.[0],H=l&&S!==void 0,T=S?cn(S):null,M=O?un(O.id):void 0,q=(M?he[M.id]:void 0)??(O?Ze:$e);return Nn(xt,{children:[He("button",{ref:h,type:"button","data-theme":g,className:["sc-btn",H?"sc-btn-connected":"sc-btn-icon",!H&&n==="primary"?"sc-btn-primary":"",t].filter(Boolean).join(" "),onClick:()=>U(!0),children:e??(H?Nn(xt,{children:[He("span",{className:"sc-runtime-tile","aria-hidden":"true",children:He(q,{className:"sc-runtime-mark"})}),Nn("span",{className:"sc-btn-connected-text",children:[O?.display_name??"Connected",S?.label&&Nn("span",{className:"sc-btn-connected-where",children:[" on ",S.label]})]}),He("i",{className:`sc-dot sc-dot-${T?.tone??"off"}`,"aria-hidden":"true"}),T&&He("span",{className:"sc-sr",children:T.text})]}):Nn(xt,{children:[He(V,{className:"sc-btn-mark"}),"Connect compute"]}))}),!N&&He(Cn,{open:x,onOpenChange:U,...r?{initialCode:r}:{},...s?{onConnected:s}:{}})]})}import{jsx as St,jsxs as ds}from"react/jsx-runtime";function us({initialCode:e,onConnected:n,className:t,showStatus:r=!0}){let{theme:s}=I();return ds("div",{className:t?`soba-connect ${t}`:"soba-connect","data-theme":s,children:[r&&St(kt,{}),St("div",{className:"sc-compute-act",children:St(qe,{...e?{initialCode:e}:{},...n?{onConnected:n}:{}})})]})}import{useEffect as pr,useId as ys,useState as _t}from"react";import{useCallback as ps,useState as ms}from"react";function $n(){let[e,n]=ms(null);return{open:ps(()=>{n(null),st().then(n)},[]),launch:e,note:e==="absent"?"Nothing opened here. That machine may be a different computer, or asleep.":null}}import{useCallback as ir,useMemo as lr}from"react";function Be(e){if(!e)return null;if(typeof e=="string")return e;if(typeof Response<"u"&&e instanceof Response)return cr(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"?cr(n.status):n.cause&&n.cause!==e?Be(n.cause):null}function cr(e){return e===402?"payment_required":e===409?"no_compute":null}function Pt(...e){let[n,t]=e,{plan:r,compute:s,connect:a}=D(),i=t?.predict??e.length===0,u=fs(hs(n),s)??(i?gs(r,s):null),l=r.plan,p=r.plans,f=lr(()=>{if(u!=="payment_required")return null;let h=l?.price??0,k=l?.included_units??0;return p.find(N=>N.id!==l?.id&&N.price>h&&(N.included_units===null||N.included_units>k))??null},[u,p,l]),g=ir(async()=>{if(!f)return;if(f.selectable){await r.select(f.id);return}let h=await r.checkout(f.id);window.location.assign(h)},[f,r]),m=a.open,b=ir(()=>{u&&m(u)},[m,u]);return lr(()=>{if(!u)return null;let h=l?ve({unit:l.unit,reward:l.connected_reward,includedUnits:l.connected_included_units,creditMicros:l.connected_credit*1e6}):null,k=l&&Ce(l.connected_reward)?h:null;return{reason:u,...bs(u,{connectOffer:k,connected:s.connected,online:s.online,machine:ln(s.machines)?.label??null,unit:l?.unit??"message",interval:l?.interval??"month",upgrade:f!==null,resets:r.current?.period_end??null}),connectOffer:k,upgradeTo:f,connect:b,upgrade:g}},[u,l,s,f,b,g,r.current?.period_end])}function hs(e){let n=Be(e);return n==="payment_required"||n==="no_compute"?n:null}function fs(e,n){return e==="no_compute"&&n.connected&&n.online?null:e}function gs(e,n){let t=e.plan;return!t||n.loading?null:ie(t.route_allow)&&!n.online?"no_compute":e.remaining===0&&t.overage==="stop"?"payment_required":null}function bs(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 ${ur(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 ${ur(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 ur(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}import{Fragment as Et,jsx as _,jsxs as fe}from"react/jsx-runtime";function ws(e){let{at:n=.25,className:t,error:r,fallback:s=null}=e,a=e.predict??!("error"in e),{plan:i,compute:u,connect:l}=D(),{theme:p}=I(),[f,g]=_t(null),m=ys(),b=ct(l.publishableKey),[h,k]=_t(!1);pr(()=>{k(ut(b))},[b]);let N=_(Et,{children:s}),x=i.plan;if(!x||i.loading||u.loading)return N;let U=e.allow!==void 0?e.allow:x.route_allow;if(u.connected)return u.online?N:_(dr,{className:t,theme:p,stalled:!0,children:_(vs,{machine:ln(u.machines)?.label??null,ownCompute:ie(U),onConnectAnother:()=>l.open("no_compute")})});let j=(()=>{let M=Be(r);return M==="payment_required"||M==="no_compute"})(),S=x.ask_to_connect!==!1&&wt(x.route_prefer,U);if(!a&&!j&&!S)return N;let O=ie(U)?Ns(x.unit,ie(x.route_allow)):Ce(x.connected_reward)?xs(i,x,n):S?ks(x.unit):null;if(!O||O.dismissible&&h)return N;let H=!O.dismissible&&(!a||O.meter!==null&&O.meter.left===0),T=f??H;return fe(dr,{className:t,theme:p,children:[fe("div",{className:"sc-nudge-top",children:[fe("div",{className:"sc-nudge-say",children:[_("p",{className:"sc-nudge-title",children:O.title}),_("p",{className:"sc-nudge-detail",children:O.detail}),fe("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more","aria-expanded":T,"aria-controls":m,onClick:()=>g(!T),children:[T?"Hide the details":"How it works",_(Ps,{})]})]}),O.dismissible?_("button",{type:"button",className:"sc-nudge-dismiss","aria-label":"Dismiss",title:"Dismiss",onClick:()=>{k(!0),dt(b)},children:_(Ss,{})}):null]}),T?_("ol",{className:"sc-nudge-steps",id:m,children:Cs(l.app?.name,hn(l.connectUrl)).map(M=>fe("li",{children:[M.opens?_("button",{type:"button",className:"sc-step-lead",onClick:()=>l.open("manual"),children:M.lead}):_("strong",{children:M.lead}),M.detail?_("span",{children:M.detail}):null,M.links.length>0?fe("span",{className:"sc-step-links",children:[M.linksLead,M.links.map(q=>_("a",{href:q.href,target:"_blank",rel:"noreferrer noopener",children:q.label},q.href))]}):null]},M.lead))}):null,_(qe,{variant:"primary"})]})}function dr({className:e,theme:n,stalled:t,children:r}){return _("div",{className:e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill","data-theme":n,children:_("div",{className:t?"sc-nudge sc-nudge-stalled":"sc-nudge",children:r})})}function vs({machine:e,ownCompute:n,onConnectAnother:t}){let r=$n(),{compute:s}=D(),[a,i]=_t(!1),{refresh:u}=s;return pr(()=>{if(r.launch===null||r.launch==="absent")return;i(!1);let l=setInterval(()=>void u(),3e3),p=setTimeout(()=>{clearInterval(l),i(!0)},2e4);return()=>{clearInterval(l),clearTimeout(p)}},[r.launch,u]),fe(Et,{children:[_("div",{className:"sc-nudge-top",children:fe("div",{className:"sc-nudge-say",children:[fe("p",{className:"sc-nudge-title",children:[e??"Your machine"," can\u2019t be reached"]}),_("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&&_("p",{className:"sc-nudge-note",children:r.note}),a&&_("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"||a)&&_("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more",onClick:t,children:a?"Connect it again":"Connect another machine"})]})}),_("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:r.open,children:"Open Soba App"})]})}function Cs(e,n){return[{lead:"Download Soba App",detail:"",linksLead:n?"Get it for":void 0,links:n?mn.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:te.map(t=>({label:t.short,href:t.install}))}]}function Ns(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 ks(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 xs(e,n,t){let{remaining:r,included:s}=e;if(r===null||s===null||s===0||r>Math.ceil(s*t))return null;let a=ve({unit:n.unit,reward:n.connected_reward,includedUnits:n.connected_included_units,creditMicros:n.connected_credit*1e6});return a?{title:r===0?`No ${n.unit}s left this month.`:`${r} ${n.unit}${r===1?"":"s"} left this month.`,detail:fe(Et,{children:[a,"."]}),meter:{left:r,of:s}}:null}function Ss(){return _("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-x",children:_("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 Ps(){return _("svg",{viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",className:"sc-nudge-chev",children:_("path",{d:"M4.5 6.5 8 10l3.5-3.5",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}var _s=new Set(["delta","thinking","status","done","error"]);function Dn(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 s=r;if(typeof s.type!="string"||!_s.has(s.type))return null;let a={type:s.type};return typeof s.text=="string"&&(a.text=s.text),typeof s.message=="string"&&(a.message=s.message),typeof s.tool=="string"&&(a.tool=s.tool),typeof s.tier=="string"&&(a.tier=s.tier),s.usage&&typeof s.usage=="object"&&(a.usage=s.usage),a}async function*Mt(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(),s=new TextDecoder,a="",i=[];try{for(;;){let l=await r.read();if(l.done)break;for(a+=s.decode(l.value,{stream:!0});;){let p=a.indexOf(`
3
- `);if(p===-1)break;let f=hr(a.slice(0,p));if(a=a.slice(p+1),t){let g=f.trim()?Dn(f):null;g&&(yield g);continue}if(f===""){let g=i.join(`
4
- `);if(i=[],g==="[DONE]")return;let m=g?Dn(g):null;m&&(yield m);continue}mr(f,i)}}!t&&a&&mr(hr(a),i);let u=t?a.trim():i.join(`
5
- `);if(u&&u!=="[DONE]"){let l=Dn(u);l&&(yield l)}}finally{r.cancel().catch(()=>{})}}function mr(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 hr(e){return e.endsWith("\r")?e.slice(0,-1):e}async function Es(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 Ms}from"react";var fr="data-soba-react",gr=!1;function kn(){if(gr||typeof document>"u"||(gr=!0,document.querySelector(`style[${fr}]`)))return;let e=document.createElement("style");e.setAttribute(fr,""),e.textContent=`.soba-connect {
2
+ var Gn=class extends Error{status;constructor(n,t){super(n),this.name="ConnectError",this.status=t}},vn=class{session;baseUrl;doFetch;lastMachines=null;constructor(n){this.session=n.session,this.baseUrl=(n.baseUrl??"").replace(/\/+$/,""),this.doFetch=n.fetchImpl??fetch.bind(globalThis)}context(){return this.request("GET","/v1/connect")}async machines(){let n=this.lastMachines,t=n?`?v=${encodeURIComponent(n.version)}`:"",r=await this.request("GET",`/v1/machines${t}`);if(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(`${this.baseUrl}${t}`,{method:n,headers:{authorization:`Bearer ${this.session}`,...r?{"content-type":"application/json"}:{}},...r?{body:JSON.stringify(r)}:{}}),a={};try{a=await o.json()}catch{}if(!o.ok){let s=typeof a.error=="string"?a.error:`Request failed (${o.status})`;throw new Gn(s,o.status)}return a}};function Cn(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(a=>a+a).join(""):n[1],r=a=>{let s=Number.parseInt(t.slice(a*2,a*2+2),16)/255;return s<=.04045?s/12.92:((s+.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 un(e,n,t){let r=dt(e),o=dt(n);return!r||!o?e:`#${r.map((s,c)=>Math.round(s+(o[c]-s)*t)).map(s=>s.toString(16).padStart(2,"0")).join("")}`}function Ke(e,n){if(!dt(e))return{};let t=Cn(e),r=n?.trim();return{"--sc-ground":e,"--sc-shell":e,"--sc-sheet":un(e,t,.07),"--sc-raised":un(e,t,.13),"--sc-line":un(e,t,.18),"--sc-line-2":un(e,t,.28),"--sc-text":t,"--sc-text-2":un(t,e,.15),"--sc-muted":un(t,e,.38),...r?{"--sc-accent":r,"--sc-accent-fg":Cn(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 Nn(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 kn(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 dn(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 ge,jsxs as ro}from"react/jsx-runtime";function j({className:e}){return ro("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:[ge("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"}),ge("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 ge("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:ge("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 ge("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:ge("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 Vn({className:e}){return ge("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:ge("path",{d:"M4 5h16v11H4zM9 20h6M12 16v4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function gt({className:e}){return ge("svg",{viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",className:e,children:ge("path",{d:"M5 6h14v10H5zM2.5 19.5h19",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var Te={claude:fr,chatgpt:Ye,local:Vn};var se=[{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 se.filter(e=>gr.includes(e.id))}function yt(e){return se.filter(n=>n.costClass===e)}function wt(e){return se.find(n=>n.expects.includes(e))??null}import{jsx as C,jsxs as G}from"react/jsx-runtime";function Qe({machines:e,hosted:n=[],onApproveRuntime:t,onDisconnectHosted:r,onPair:o,onRefresh:a,refreshing:s,busy:c,appName:i,error:u}){let m=kn(e),f=e.filter(b=>b.id!==m?.id);return!m&&n.length===0&&!o?C("p",{className:"sc-note",children:"Nothing connected yet."}):G("div",{className:"sc-tray",children:[m&&C(zn,{title:"This machine",action:a&&C("button",{type:"button",className:"sc-disc",onClick:a,disabled:s,"aria-label":"Refresh",title:"Refresh",children:C(co,{spinning:!!s})}),children:C(oo,{machine:m})}),m&&C(zn,{title:"Agents on it",children:m.runtimes.length>0?m.runtimes.map(b=>C(ao,{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(zn,{title:n.length>1?"Connected plans":"Connected plan",children:n.map(b=>C(io,{credential:b,appName:i,busy:c,...r?{onDisconnect:()=>r(b.provider)}:{}},b.provider))}),(f.length>0||o)&&G(zn,{title:f.length>0?"Your other machines":m?"Add a machine":"Your machines",children:[f.map(b=>C(so,{machine:b},b.id)),o&&G("button",{type:"button",className:"sc-pair",onClick:o,children:[C("span",{className:"sc-otile","aria-hidden":"true",children:C(lo,{})}),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 zn({title:e,action:n,children:t}){return G("section",{className:"sc-group",children:[G("div",{className:"sc-group-cap",children:[C("p",{className:"sc-group-title",children:e}),n]}),C("div",{className:"sc-group-card",children:t})]})}function oo({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 G("div",{className:"sc-mrow",children:[G("span",{className:"sc-mtile","aria-hidden":"true",children:[C(br,{}),C("span",{className:`sc-mbadge sc-mbadge-${dn(e).tone}`})]}),G("span",{className:"sc-mid",children:[C("span",{className:"sc-mname",children:je(e)}),C("span",{className:"sc-mmeta",children:t.map((r,o)=>G("span",{children:[o>0&&C("span",{className:"sc-mmeta-sep",children:"\xB7"}),r]},r))})]})]})}function so({machine:e}){let n=dn(e);return G("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 ao({runtime:e,onApprove:n}){let t=wt(e.id),r=t?Te[t.id]:null,o=pt(e);return G("div",{className:"sc-arow",children:[C("span",{className:"sc-runtime-tile","aria-hidden":"true",children:r&&C(r,{className:"sc-runtime-mark"})}),G("span",{className:"sc-aname",children:[e.display_name,e.version&&G("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"?G("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 io({credential:e,appName:n,busy:t,onDisconnect:r}){return G("div",{className:"sc-hrow",children:[G("div",{className:"sc-orow",children:[C("span",{className:"sc-otile","aria-hidden":"true",children:C(Ye,{className:"sc-omark"})}),G("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&&G("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 G("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 lo(){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 co({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 uo}from"react/jsx-runtime";function xn({machines:e,onApproveRuntime:n}){return uo(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 Pn,jsx as x,jsxs as Ae}from"react/jsx-runtime";function kt({kind:e,size:n=44,className:t}){let r=vt[e];return Ae("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(po,{}),r.slot==="zzz"&&x(mo,{}),r.slot==="dots"&&x(ho,{}),r.slot==="bang"&&x(fo,{}),r.slot==="orbit"&&x(go,{}),r.slot==="cross"&&x(bo,{}),r.slot==="snap"&&x(yo,{}),r.slot==="bars"&&x(wo,{}),r.slot==="ring"&&x(vo,{}),r.slot==="sparks"&&x(Co,{})]})}function po(){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 mo(){return Ae(Pn,{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 ho(){return Ae(Pn,{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 fo(){return Ae("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 go(){return Ae("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 bo(){return Ae(Pn,{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 yo(){return x("path",{className:"bx-snap",d:Ze,fill:"none",stroke:"currentColor",strokeWidth:17,strokeLinecap:"round"})}function wo(){return Ae("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 vo(){return x(Pn,{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 Co(){return Ae(Pn,{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 ee,useEffect as X,useId as Eo,useMemo as $e,useRef as pn,useState as D}from"react";var _n=[{slug:"mac-arm",label:"macOS, Apple silicon"},{slug:"mac-intel",label:"macOS, Intel"},{slug:"windows",label:"Windows"},{slug:"linux",label:"Linux"}];function En(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 No=3e3,ko=2*6e4,Kn=Date.now(),jn=new Set,wr=!1;function xo(){if(wr||typeof window>"u")return;wr=!0;let e=()=>{let t=Kn;if(Kn=Date.now(),Kn-t>ko)for(let r of jn)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 jn)t()};window.addEventListener("focus",n),document.addEventListener("visibilitychange",n)}function Ie(e,n,t={}){xo();let r,o=t.immediate===!1?Date.now():0,a=!1,s=!1,c=()=>{s||(r=setTimeout(i,t.idle===!1?n:vr(n,Date.now()-Kn)))},i=async()=>{if(clearTimeout(r),!(s||a)){if(typeof document>"u"||!document.hidden){a=!0,o=Date.now();try{await e()}catch{}finally{a=!1}}c()}},u=()=>{Date.now()-o>Math.min(n,No)&&i()};return jn.add(u),t.immediate===!1?c():i(),()=>{s=!0,clearTimeout(r),jn.delete(u)}}var xt="soba";function Cr(){return`${xt}://show`}function Mn(e,n,t){let r=`${xt}://connect?url=${encodeURIComponent(e)}`;return n&&(r+=`&nonce=${encodeURIComponent(n)}`),t&&(r+=`&want=${encodeURIComponent(t)}`),r}function Rn(){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 So=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=Mn(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??So,t=document.visibilityState==="visible"&&document.hasFocus(),r=!1,o=()=>{r=!0},a=()=>{document.visibilityState==="hidden"&&(r=!0)};return window.addEventListener("blur",o),window.addEventListener("pagehide",o),document.addEventListener("visibilitychange",a),await new Promise(s=>setTimeout(s,n)),window.removeEventListener("blur",o),window.removeEventListener("pagehide",o),document.removeEventListener("visibilitychange",a),t?r?"opened":"absent":"unknown"}var Nr="soba.connect.choice",Po=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)>Po)return null;let r=se.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",_o=30*24*60*60*1e3;function Ot(e,n){return e?n?`${kr}.${e}.${xr(n)}`:`${kr}.${e}`:null}function Tt(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)<_o}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 Zn,jsx as l,jsxs as N}from"react/jsx-runtime";var It=2e3,Mo=1e4,Ro=9e4,Lo=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:a=null,initialMachines:s,onClose:c,headingId:i,theme:u,reason:m,active:f=!0}){let b=!!a&&s!==void 0,[g,p]=D(b?$t(n,o,s??[],[],t):"loading"),[y,E]=D(a),[k,H]=D(s??[]),[M,me]=D(n??""),[P,ne]=D(null),[O,_]=D(null),[q,V]=D(!1),[te,tn]=D(0),[ae,ve]=D(()=>Date.now()),[K,Ce]=D(null),[Ne,He]=D(!1),[W,Re]=D(!1),[rn,ie]=D("browser"),[Ue,on]=D(null),[F,he]=D([]),[T,le]=D(0),[fe,ke]=D(null),U=pn(null),[S,it]=D(t??null),[sn,re]=D(null),an=$e(()=>{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":Cn(d)}},[y?.accent,y?.background]),Bn=Eo(),ce=i??Bn,Be=pn(null);X(()=>{if(!e||b)return;let d=!0;return Promise.all([e.context(),e.machines()]).then(([v,A])=>{d&&(E(v),H(A),p($t(n,o,A)))}).catch(v=>{d&&(_(v.message),p("choose"))}),()=>{d=!1}},[e,n,o,b]),X(()=>{g!=="loading"||!b||p($t(n,o,s??[]))},[g,b,n,o,s]),X(()=>{s&&H(s)},[s]),X(()=>{a&&E(a)},[a]);let ln=pn(!1),qe=pn(g);qe.current=g;let yn=pn(F);yn.current=F;let We=!!y?.hosted_available;X(()=>{!o&&qe.current==="manage"&&p("choose")},[o]),X(()=>{if(!e||!f||g!=="manage")return;let d=!0,v=Ie(async()=>{try{let A=await e.machines();if(!d)return;H(A);let I=!We||ln.current;A.length===0&&yn.current.length===0&&I&&qe.current==="manage"&&p("choose")}catch{}},Mo,{immediate:!1});return()=>{d=!1,v()}},[g,e,We,f]);let Fe=Mt(y?.publishable_key??null);X(()=>{re(Rt(Fe))},[Fe]),X(()=>{if(!e||!We)return;let d=!0;return e.hosted().then(v=>{d&&(he(v.credentials),!ln.current&&(ln.current=!0,v.credentials.length>0&&o&&qe.current==="choose"&&p("manage")))}).catch(()=>{}),()=>{d=!1}},[e,We,o]),X(()=>{if(!e||!f||g!=="hosted")return;let d=!0,v=async()=>{try{let Oe=await e.hosted();if(!d)return!1;if(he(Oe.credentials),Oe.credentials.length>0)return p("hosted_connected"),ke(null),!0}catch{}return!1},A=async()=>{U.current?.closed&&(U.current=null,!await v()&&d&&p("choose"))},I=Ie(v,It,{immediate:!1}),ze=setInterval(A,400),_e=Oe=>{let hr=Oe.data;hr?.source==="soba"&&hr.type==="hosted_result"&&v()};return window.addEventListener("message",_e),()=>{d=!1,I(),clearInterval(ze),window.removeEventListener("message",_e),U.current=null}},[e,g,f]);let lt=ee(()=>{if(!e)return;let d=window.open("","soba-connect-plan","width=520,height=760,noopener=no");U.current=d,p("hosted"),le(Date.now()),ke(null),_(null),e.startHosted().then(({url:v})=>{if(d&&!d.closed){d.location.href=v;return}ke(v)}).catch(v=>{d?.close(),U.current=null,_(v.message),p("choose")})},[e]),qn=ee(async d=>{if(e){V(!0);try{await e.disconnectHosted(d),he((await e.hosted()).credentials)}catch(v){_(v.message)}finally{V(!1)}}},[e]);X(()=>{if(!e||!f||g!=="waiting")return;let d=!0,v=Ie(async()=>{try{let A=await e.machines();if(!d)return;H(A);let I=Be.current;if(!I)return;let ze=A.filter(Oe=>!I.has(Oe.id)),_e=ze.find(Oe=>Oe.state!=="offline")??ze[0];_e&&(on(_e.id),S&&Lt(Fe,S),p("connected"),r?.(A))}catch{}},It,{immediate:!1});return()=>{d=!1,v()}},[g,e,r,S,Fe,f]);let Wn=ee(async()=>{if(e){_(null),V(!0);try{let d=await e.lookup(M);ne(d),p("confirm")}catch(d){_(d.message)}finally{V(!1)}}},[e,M]),ue=ee(async()=>{if(e){_(null),V(!0);try{try{Be.current=new Set((await e.machines()).map(d=>d.id))}catch{Be.current=new Set(k.map(d=>d.id))}await e.approve(M),p("waiting"),tn(Date.now())}catch(d){_(d.message)}finally{V(!1)}}},[e,M,k]),Ge=ee(async()=>{if(e){V(!0);try{await e.deny(M),ie("browser"),p("denied")}catch(d){_(d.message)}finally{V(!1)}}},[e,M]),z=$e(()=>y?.connect_url??null,[y]),[xe,w]=D(()=>Rn()),Y=$e(()=>z?Mn(z,xe??void 0,S??void 0):null,[z,xe,S]),oe=$e(()=>En(z),[z]),Fn=ee(d=>{if(k.length===0)return null;let v=se.find(I=>I.id===d);if(!v)return null;let A=k.flatMap(I=>I.runtimes??[]).filter(I=>v.expects.includes(I.id));return A.length===0?{tone:"dim",text:"not installed"}:A.some(I=>I.authenticated===!0)?{tone:"ok",text:"ready"}:A.every(I=>I.authenticated===!1)?{tone:"warn",text:"needs signing in"}:{tone:"dim",text:"installed"}},[k]),Se=ee((d=null)=>{it(d),_(null),Ce(null),He(!1),Re(!1),wn.current=!1,w(Rn()),p("launch")},[]),wn=pn(!!t);X(()=>{g!=="launch"||!z||wn.current||(wn.current=!0,He(!0),Pt(z,{...xe?{nonce:xe}:{},...S?{want:S}:{}}).then(Ce))},[g,z,xe,S]);let Le=ee(()=>{He(!0),St().then(Ce)},[]),cn=ee(d=>{if(W){let v=Rn();Re(!1),w(v),z&&(d.preventDefault(),window.location.href=Mn(z,v??void 0,S??void 0))}Le()},[W,Le,z,S]),ct=$e(()=>{let d=y?.runtimes;return d?se.filter(v=>d.includes(v.id)):bt()},[y?.runtimes]),Pe=$e(()=>{let d=se.find(v=>v.id===S);return d?{choice:d,Mark:Te[d.id]??null}:null},[S]),ut=$e(()=>k.find(d=>d.id===Ue),[k,Ue]);X(()=>{let d=xe;if(!e||!f||g!=="launch"||!d)return;let v=!1,A=Date.now()+15e4,I=()=>{};return I=Ie(async()=>{if(Date.now()>A){I(),Re(!0);return}try{let ze=await e.claim(d);if(v)return;if(ze.declined){I(),Ce(null),ie("machine"),p("denied");return}if(!ze.claimed)return;I();try{Be.current=new Set((await e.machines()).map(_e=>_e.id))}catch{Be.current=new Set(k.map(_e=>_e.id))}p("waiting"),tn(Date.now())}catch{}},It,{immediate:!1,idle:!1}),()=>{v=!0,I()}},[e,g,k,xe,f]);let Ve=$e(()=>{if(!P)return null;if(P.approved||P.denied)return"answered";let d=P.expires_at?Date.parse(P.expires_at):Number.NaN;return Number.isFinite(d)&&d<=ae?"expired":"live"},[P,ae]);X(()=>{if(!(g==="confirm"&&Ve==="live"||g==="waiting"||g==="hosted"))return;let v=setInterval(()=>ve(Date.now()),1e3);return()=>clearInterval(v)},[g,Ve]);let mr=ee(async(d,v)=>{if(e)try{await e.approveRuntime(d,v),H(await e.machines())}catch(A){_(A.message)}},[e]);return g==="loading"?l("div",{className:"soba-connect",...u?{"data-theme":u}:{},style:an,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:an,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:ce,children:"Your compute"}),N("p",{className:"sc-sub",children:[l(Yn,{context:y})," ",k.length>0&&F.length>0?"runs on your connected plan, and on these machines while they are awake.":F.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:F,onApproveRuntime:mr,onDisconnectHosted:d=>void qn(d),onPair:()=>p("choose"),busy:q,...y?.app.name?{appName:y.app.name}:{}}),O&&l("p",{className:"sc-error",children:O})]}),g==="choose"&&N("div",{className:"sc-card",children:[l(Ao,{context:y}),l("h2",{className:"sc-h",id:ce,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."}),z&&ct.length>0&&N(Zn,{children:[l("div",{className:"sc-opts",children:ct.map(d=>{let v=Te[d.id];return N("button",{type:"button",className:"sc-opt",onClick:()=>Se(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 A=Fn(d.id);return A?l("span",{className:`sc-opt-has sc-opt-has-${A.tone}`,children:A.text}):sn===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."]})]}),(!z||ct.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."}),O&&l("p",{className:"sc-error",children:O}),z&&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(mn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"Soba App"})]}),l(Qn,{mark:Pe?.Mark??j,still:W||!Ne&&K===null}),l("h2",{className:"sc-h",id:ce,children:W?"No answer from this machine":K==="absent"?"Nothing opened":K===null?"Opening Soba App\u2026":"Approve it on this machine"}),W?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."}),Pe&&N("p",{className:"sc-prereq",children:[Pe.Mark&&l(Pe.Mark,{className:"sc-rt-mark"}),"Needs ",Pe.choice.prerequisite]}),N("div",{className:"sc-stack",style:{marginTop:18},children:[l("a",{className:K==="absent"||W?"sc-btn sc-btn-primary":"sc-btn",href:Y??"#",onClick:cn,children:W?"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."}),Pe&&K==="absent"&&l("p",{className:"sc-note",children:l(Io,{text:Pe.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(mn,{onClick:()=>p("launch")}),l("p",{className:"sc-head-title",children:"Get Soba App"})]}),l("div",{className:"sc-opts",children:_n.map(d=>N("a",{className:"sc-opt",href:`${oe}/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(mn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"Soba App"})]}),l("h2",{className:"sc-h",id:ce,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(),Wn()},children:[l("input",{className:"sc-input",value:M,onChange:d=>me(d.target.value),placeholder:"ACDE-F234",autoComplete:"off",autoFocus:!0,"aria-label":"Pairing code"}),O&&l("p",{className:"sc-error",children:O}),l("button",{type:"submit",className:"sc-btn sc-btn-primary",disabled:q||M.length<8,children:q?"Checking\u2026":"Continue"})]})]}),g==="confirm"&&P&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(mn,{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(Yn,{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(Ln,{k:"Code",v:P.user_code}),l(Ln,{k:"Machine",v:P.hostname??"not stated"}),l(Ln,{k:"System",v:[P.platform,P.arch].filter(Boolean).join(" / ")||"not stated"}),l(Ln,{k:"Asked by",v:P.client??"not stated"}),P.labels.length>0&&l(Ln,{k:"Labels",v:P.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."}),O&&l("p",{className:"sc-error",children:O}),N("div",{className:"sc-row",style:{marginTop:16},children:[l("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:()=>void ue(),disabled:q||Ve!=="live",children:"Approve"}),l("button",{type:"button",className:"sc-btn",onClick:()=>void Ge(),disabled:q||Ve==="answered",children:"No, deny it"})]}),Ve==="live"&&P.expires_at&&N("p",{className:"sc-note",style:{marginTop:10},children:["This code expires in ",Oo(Date.parse(P.expires_at)-ae),"."]})]}),g==="waiting"&&N("div",{className:"sc-card",children:[N("div",{className:"sc-head",children:[l(mn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:Pe?.choice.short??"Soba App"})]}),l(Qn,{mark:Pe?.Mark??j}),l("h2",{className:"sc-h",id:ce,children:"Approved. Waiting for it to connect"}),l("p",{className:"sc-p",children:"Nothing more to do here. This page changes when it arrives."}),te>0&&ae-te>Ro&&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:ce,children:ut?.label?`${ut.label} is connected`:"Connected"}),N("p",{className:"sc-p",children:[l(Yn,{context:y})," will use ",ut?.label?"it":"this machine"," from now on, while it is awake."]}),o&&N(Zn,{children:[l("div",{style:{marginTop:16},children:l(xn,{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(mn,{onClick:()=>p("choose")}),l("p",{className:"sc-head-title",children:"ChatGPT"})]}),fe?l(Qn,{mark:Ye,still:!0}):l(Qn,{mark:Ye}),l("h2",{className:"sc-h",id:ce,children:fe?"Your browser blocked the window":"Finish signing in to ChatGPT"}),l("p",{className:"sc-p",children:fe?"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:[fe&&l("a",{className:"sc-btn sc-btn-primary",href:fe,target:"soba-connect-plan",rel:"noreferrer",children:"Open the ChatGPT sign-in"}),O&&l("p",{className:"sc-error",children:O}),T>0&&ae-T>Lo&&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:ce,children:"ChatGPT is connected"}),N("p",{className:"sc-p",children:[l(Yn,{context:y})," will run on your ChatGPT plan",F[0]?.account_label?` (${F[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(Zn,{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:ce,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 To(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=To(e),[t,r]=D([]),o=ee(c=>{c&&r(i=>i.includes(c)?i:[...i,c])},[]),a=ee(c=>o(c.currentTarget.getAttribute("src")),[o]),s=ee(c=>{c?.complete&&c.naturalWidth===0&&o(c.getAttribute("src"))},[o]);return{icon:n.find(c=>!t.includes(c)),onError:a,ref:s}}function Ao({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 Yn({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 mn({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 Qn({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 Io({text:e}){return l(Zn,{children:e.split("`").map((n,t)=>t%2===1?l("code",{className:"sc-inline-code",children:n},t):n)})}function Ln({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 $o,useRef as qt}from"react";var Jn=0,Bt=null;function _r(){if(typeof document>"u")return()=>{};Jn===0&&(Bt=document.body.style.overflow,document.body.style.overflow="hidden"),Jn+=1;let e=!1;return()=>{e||(e=!0,Jn-=1,Jn===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:a}){let s=qt(null),c=qt(null),i=qt(null);return $o(()=>{let u=s.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:s,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:a})})}import{useEffect as Wt,useRef as Do}from"react";import{jsx as Ho}from"react/jsx-runtime";var Je=8;function Ft({open:e,onClose:n,anchor:t,label:r,theme:o,style:a,children:s}){let c=Do(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,E=Math.max(Je,Math.min(b.right-g,Math.max(Je,y))),k=b.bottom+Je,H=b.top-Je-p,M=k+p>window.innerHeight-Je&&H>Je?H:k;m.style.left=`${Math.round(E)}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]),Ho("div",{ref:c,role:"dialog","aria-label":r,className:"soba-connect sc-pop",...o?{"data-theme":o}:{},popover:"manual",hidden:!e,style:a,children:s})}function Ee(e){let n=`${e.unit}s`;return e.reward==="unlimited"?`Unlimited ${n} on your own AI`:e.reward==="included"&&e.includedUnits!==null?`${Bo(e.includedUnits)} ${n} a month once you connect`:e.reward==="credit"&&e.creditMicros>0?`${Uo(e.creditMicros)} back each month you stay connected`:null}function Me(e){return e==="unlimited"||e==="included"}var Rr=new Set(["user-hardware","user-subscription"]),Mr=new Set(["open-weights","frontier"]);function de(e){return e===null||e.length===0?!1:e.every(n=>Rr.has(n))}var Uo=e=>(e/1e6).toLocaleString("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}),Bo=e=>e.toLocaleString("en-US");function Gt(e,n){if(!(n===null||n.some(a=>Mr.has(a))))return!1;let r=e.findIndex(a=>Rr.has(a));if(r===-1)return!1;let o=e.findIndex(a=>Mr.has(a));return o===-1||r<o}import{createContext as qo,useContext as Wo}from"react";var Vt=qo(null);function B(){let e=Wo(Vt);if(!e)throw new Error("useSoba() must be used inside a <SobaProvider>.");return e}import{createContext as Lr,useContext as Or}from"react";var zt=Lr(null);function Xn(){return Or(zt)}var Kt=Lr({context:null,machines:void 0,theme:"light"});function $(){return Or(Kt)}import{jsx as Tn}from"react/jsx-runtime";function Fo({className:e}){let{theme:n}=$(),t=e?`soba-connect ${e}`:"soba-connect";return Tn("div",{className:t,"data-theme":n,children:Tn(jt,{})})}function jt(){let{compute:e}=B();return e.loading&&!e.machines.length?Tn("p",{className:"sc-note",children:"Loading\u2026"}):e.error&&!e.machines.length?Tn("p",{className:"sc-error",children:e.error.message}):Tn(xn,{machines:e.machines})}import{useCallback as nt,useEffect as Yt,useRef as Qt,useState as fn}from"react";import{useId as Go}from"react";import{jsx as hn,jsxs as et}from"react/jsx-runtime";function An({open:e,onOpenChange:n,initialCode:t,onConnected:r,showStatus:o,reason:a}){let{error:s}=B(),c=Xn(),i=$(),u=()=>n(!1),m=Go(),f=i.context?.background?.trim(),b=f?Ke(f,i.context?.accent):void 0;return et(On,{open:e,onClose:u,labelledBy:m,theme:i.theme,style:b,children:[s?et("div",{className:"sc-card",children:[hn("h2",{className:"sc-title",id:m,children:"Could not start"}),hn("p",{className:"sc-error",children:s.message})]}):!c&&!i.context?et("div",{className:"sc-card",children:[hn("h2",{className:"sc-title",id:m,children:"One moment"}),hn("p",{className:"sc-note",children:"Getting your compute\u2026"})]}):hn(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},...a?{reason:a}:{}}),et("p",{className:"sc-modal-foot",children:[hn(j,{className:"sc-foot-mark"}),"Secured by Soba"]})]})}import{Fragment as Zt,jsx as De,jsxs as In}from"react/jsx-runtime";function Xe({children:e,variant:n,className:t,initialCode:r,onConnected:o,defaultOpen:a,open:s,onOpenChange:c,showConnected:i=!0}){let{compute:u,connect:m}=B(),f=$(),{theme:b}=f,g=Xn(),[p,y]=fn(a??!!r),E=Qt(null),k=s!==void 0,H=!k&&!a&&!r&&m.hasModal,M=k?s:H?m.isOpen:p,me=T=>{H?T?m.open("manual"):m.close():k||y(T),c?.(T)},P=Qt(M);Yt(()=>{P.current&&!M&&E.current?.focus(),P.current=M},[M]);let ne=kn(u.machines),O=i&&ne!==null,_=dn(ne),[q,V]=fn(!1),te=nt(()=>V(!1),[]),[tn,ae]=fn(!1),ve=nt(async()=>{ae(!0);try{await u.refresh()}finally{ae(!1)}},[u]),K=Qt(ve);K.current=ve,Yt(()=>{q&&K.current()},[q]);let[Ce,Ne]=fn(!1),[He,W]=fn([]),Re=!!f.context?.hosted_available;Yt(()=>{if(!q||!g||!Re)return;let T=!0;return g.hosted().then(le=>{T&&W(le.credentials)}).catch(()=>{}),()=>{T=!1}},[q,g,Re]);let[rn,ie]=fn(null),Ue=nt(async(T,le)=>{if(g){ie(null);try{await g.approveRuntime(T,le),await u.refresh()}catch(fe){ie(fe.message)}}},[g,u]),on=nt(async T=>{if(g){ie(null);try{await g.disconnectHosted(T),W((await g.hosted()).credentials)}catch(le){ie(le.message)}}},[g]),F=f.context?.background?.trim(),he=F?Ke(F,f.context?.accent):void 0;return In(Zt,{children:[De("button",{ref:E,type:"button","data-theme":b,className:["sc-btn",O?"sc-btn-connected":"sc-btn-icon",!O&&n==="primary"?"sc-btn-primary":"",t].filter(Boolean).join(" "),...O&&!e?{"aria-haspopup":"dialog","aria-expanded":q,"aria-label":ne?`${_.word} on ${je(ne)}`:_.word}:{},onClick:()=>{if(O&&!e&&!k&&!a&&!r){V(T=>!T);return}me(!0)},children:e??(O?In(Zt,{children:[De("span",{className:"sc-pill-tile","aria-hidden":"true",children:De(j,{className:_.tone==="busy"?"sc-pill-mark sc-pill-mark-busy":"sc-pill-mark"})}),In("span",{className:"sc-btn-connected-text",children:[_.word,ne&&In("span",{className:"sc-btn-connected-where",children:[" on ",je(ne)]})]}),De("i",{className:`sc-dot sc-dot-${_.tone}`,"aria-hidden":"true"})]}):In(Zt,{children:[De(j,{className:"sc-btn-mark"}),"Connect compute"]}))}),De(Ft,{open:q,onClose:te,anchor:E,label:"Your compute",theme:b,...he?{style:he}:{},children:De(Qe,{machines:u.machines,hosted:He,onApproveRuntime:(T,le)=>void Ue(T,le),onDisconnectHosted:T=>void on(T),onRefresh:()=>void ve(),refreshing:tn,error:rn,onPair:()=>{V(!1),H?m.open("pair"):(Ne(!0),me(!0))},...f.context?.app.name?{appName:f.context.app.name}:{}})}),!H&&De(An,{open:M,onOpenChange:T=>{T||Ne(!1),me(T)},...Ce?{showStatus:!1}:{},...r?{initialCode:r}:{},...o?{onConnected:o}:{}})]})}import{jsx as Jt,jsxs as zo}from"react/jsx-runtime";function Vo({initialCode:e,onConnected:n,className:t,showStatus:r=!0}){let{theme:o}=$();return zo("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 Xo,useState as er}from"react";import{useCallback as Ko,useState as jo}from"react";function tt(){let[e,n]=jo(null);return{open:Ko(()=>{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 Tr,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:a}=B(),s=t?.predict??e.length===0,c=Qo(Yo(n),o)??(s?Zo(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(E=>E.id!==i?.id&&E.price>p&&(E.included_units===null||E.included_units>y))??null},[c,u,i]),f=Tr(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=a.open,g=Tr(()=>{c&&b(c)},[b,c]);return Ar(()=>{if(!c)return null;let p=i?Ee({unit:i.unit,reward:i.connected_reward,includedUnits:i.connected_included_units,creditMicros:i.connected_credit*1e6}):null,y=i&&Me(i.connected_reward)?p:null;return{reason:c,...Jo(c,{connectOffer:y,connected:o.connected,online:o.online,machine:Nn(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 Yo(e){let n=en(e);return n==="payment_required"||n==="no_compute"?n:null}function Qo(e,n){return e==="no_compute"&&n.connected&&n.online?null:e}function Zo(e,n){let t=e.plan;return!t||n.loading?null:de(t.route_allow)&&!n.online?"no_compute":e.remaining===0&&t.overage==="stop"?"payment_required":null}function Jo(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 be}from"react/jsx-runtime";function es(e){let{at:n=.25,className:t,error:r,fallback:o=null}=e,a=e.predict??!("error"in e),{plan:s,compute:c,connect:i}=B(),{theme:u}=$(),[m,f]=er(null),b=Xo(),g=Ot(i.publishableKey),[p,y]=er(!1);Hr(()=>{y(Tt(g))},[g]);let E=R(nr,{children:o}),k=s.plan;if(!k||s.loading||c.loading)return E;let H=e.allow!==void 0?e.allow:k.route_allow;if(c.connected)return c.online?E:R(Dr,{className:t,theme:u,stalled:!0,children:R(ns,{machine:Nn(c.machines)?.label??null,ownCompute:de(H),onConnectAnother:()=>i.open("no_compute")})});let M=(()=>{let _=en(r);return _==="payment_required"||_==="no_compute"})(),me=k.ask_to_connect!==!1&&Gt(k.route_prefer,H);if(!a&&!M&&!me)return E;let P=de(H)?rs(k.unit,de(k.route_allow)):Me(k.connected_reward)?ss(s,k,n):me?os(k.unit):null;if(!P||P.dismissible&&p)return E;let ne=!P.dismissible&&(!a||P.meter!==null&&P.meter.left===0),O=m??ne;return be(Dr,{className:t,theme:u,children:[be("div",{className:"sc-nudge-top",children:[be("div",{className:"sc-nudge-say",children:[R("p",{className:"sc-nudge-title",children:P.title}),R("p",{className:"sc-nudge-detail",children:P.detail}),be("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more","aria-expanded":O,"aria-controls":b,onClick:()=>f(!O),children:[O?"Hide the details":"How it works",R(is,{})]})]}),P.dismissible?R("button",{type:"button",className:"sc-nudge-dismiss","aria-label":"Dismiss",title:"Dismiss",onClick:()=>{y(!0),At(g)},children:R(as,{})}):null]}),O?R("ol",{className:"sc-nudge-steps",id:b,children:ts(i.app?.name,En(i.connectUrl)).map(_=>be("li",{children:[_.opens?R("button",{type:"button",className:"sc-step-lead",onClick:()=>i.open("manual"),children:_.lead}):R("strong",{children:_.lead}),_.detail?R("span",{children:_.detail}):null,_.links.length>0?be("span",{className:"sc-step-links",children:[_.linksLead,_.links.map(q=>R("a",{href:q.href,target:"_blank",rel:"noreferrer noopener",children:q.label},q.href))]}):null]},_.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 ns({machine:e,ownCompute:n,onConnectAnother:t}){let r=tt(),{compute:o}=B(),[a,s]=er(!1),{refresh:c}=o;return Hr(()=>{if(r.launch===null||r.launch==="absent")return;s(!1);let i=setInterval(()=>void c(),3e3),u=setTimeout(()=>{clearInterval(i),s(!0)},2e4);return()=>{clearInterval(i),clearTimeout(u)}},[r.launch,c]),be(nr,{children:[R("div",{className:"sc-nudge-top",children:be("div",{className:"sc-nudge-say",children:[be("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}),a&&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"||a)&&R("button",{type:"button",className:"sc-btn sc-btn-quiet sc-nudge-more",onClick:t,children:a?"Connect it again":"Connect another machine"})]})}),R("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:r.open,children:"Open Soba App"})]})}function ts(e,n){return[{lead:"Download Soba App",detail:"",linksLead:n?"Get it for":void 0,links:n?_n.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:se.map(t=>({label:t.short,href:t.install}))}]}function rs(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 os(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 ss(e,n,t){let{remaining:r,included:o}=e;if(r===null||o===null||o===0||r>Math.ceil(o*t))return null;let a=Ee({unit:n.unit,reward:n.connected_reward,includedUnits:n.connected_included_units,creditMicros:n.connected_credit*1e6});return a?{title:r===0?`No ${n.unit}s left this month.`:`${r} ${n.unit}${r===1?"":"s"} left this month.`,detail:be(nr,{children:[a,"."]}),meter:{left:r,of:o}}:null}function as(){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 is(){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 ls=new Set(["delta","thinking","status","done","error"]);function rt(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"||!ls.has(o.type))return null;let a={type:o.type};return typeof o.text=="string"&&(a.text=o.text),typeof o.message=="string"&&(a.message=o.message),typeof o.tool=="string"&&(a.tool=o.tool),typeof o.tier=="string"&&(a.tier=o.tier),o.usage&&typeof o.usage=="object"&&(a.usage=o.usage),a}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,a="",s=[];try{for(;;){let i=await r.read();if(i.done)break;for(a+=o.decode(i.value,{stream:!0});;){let u=a.indexOf(`
3
+ `);if(u===-1)break;let m=Br(a.slice(0,u));if(a=a.slice(u+1),t){let f=m.trim()?rt(m):null;f&&(yield f);continue}if(m===""){let f=s.join(`
4
+ `);if(s=[],f==="[DONE]")return;let b=f?rt(f):null;b&&(yield b);continue}Ur(m,s)}}!t&&a&&Ur(Br(a),s);let c=t?a.trim():s.join(`
5
+ `);if(c&&c!=="[DONE]"){let i=rt(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 cs(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 us}from"react";var qr="data-soba-react",Wr=!1;function $n(){if(Wr||typeof document>"u"||(Wr=!0,document.querySelector(`style[${qr}]`)))return;let e=document.createElement("style");e.setAttribute(qr,""),e.textContent=`.soba-connect {
6
6
  --sc-ground: #ffffff;
7
7
  --sc-sheet: #ffffff;
8
8
  --sc-raised: #f6f6f7;
@@ -16,6 +16,10 @@ var Ln=class extends Error{status;constructor(n,t){super(n),this.name="ConnectEr
16
16
  --sc-ok: #22a06b;
17
17
  --sc-warn: #b06f14;
18
18
 
19
+ --sc-tray: var(--sc-raised, #f6f6f7);
20
+ --sc-tray-card: var(--sc-sheet, #ffffff);
21
+ --sc-tray-sunk: var(--sc-raised, #f6f6f7);
22
+
19
23
  --sc-font-size: 15px;
20
24
  --sc-fs-label: max(11px, calc(var(--sc-font-size) * 0.77));
21
25
 
@@ -243,121 +247,182 @@ a.sc-btn {
243
247
  min-width: 92px;
244
248
  }
245
249
 
246
- .sc-machine {
247
- border-top: 1px solid var(--sc-line, #e9e9eb);
248
- padding-top: 12px;
249
- margin-top: 12px;
250
+ .sc-tray {
251
+ display: grid;
252
+ gap: 8px;
253
+ padding: 6px;
254
+ border-radius: 18px;
255
+ background: var(--sc-tray, #f6f6f7);
250
256
  }
251
- .sc-machine:first-child {
252
- border-top: 0;
253
- padding-top: 0;
254
- margin-top: 0;
257
+
258
+ .sc-group {
259
+ min-width: 0;
255
260
  }
256
261
 
257
- .sc-machine-meta {
262
+ .sc-group-cap {
258
263
  display: flex;
259
- flex-wrap: wrap;
260
264
  align-items: center;
261
- gap: 3px 10px;
262
-
263
- margin-top: 1px;
264
- font-size: var(--sc-fs-small);
265
- line-height: 1.35;
266
- color: var(--sc-muted, #6b6b73);
265
+ gap: 4px;
266
+ min-height: 24px;
267
+ padding: 0 2px 3px 12px;
267
268
  }
268
269
 
269
- .sc-machine-tag {
270
+ .sc-group-title {
271
+ flex: 1;
272
+ min-width: 0;
273
+ margin: 0;
274
+ overflow: hidden;
275
+ text-overflow: ellipsis;
276
+ white-space: nowrap;
270
277
  font-size: var(--sc-fs-label);
271
- font-weight: 600;
272
- padding: 1px 6px;
273
- border-radius: var(--sc-r-sm, 6px);
274
- background: var(--sc-raised, #f6f6f7);
278
+ letter-spacing: 0;
279
+ color: var(--sc-muted, #6b6b73);
275
280
  }
276
281
 
277
- .sc-machine-state {
278
- display: inline-flex;
279
- align-items: center;
280
- gap: 6px;
281
- font-size: var(--sc-fs-small);
282
- color: var(--sc-muted, #6b6b73);
283
- white-space: nowrap;
282
+ .sc-group-card {
283
+ padding: 6px 0 6px 12px;
284
+ border-radius: var(--sc-r-lg, 14px);
285
+ background: var(--sc-tray-card, #ffffff);
286
+ box-shadow: var(--sc-shadow-1);
284
287
  }
285
288
 
286
- .sc-runtimes {
289
+ .sc-disc {
290
+ flex: none;
287
291
  display: grid;
288
- gap: 2px;
289
- margin: 12px 0 0;
290
-
291
- --sc-branch: calc(var(--sc-tile, 32px) + 11px);
292
- padding: 0 0 0 var(--sc-branch);
293
- list-style: none;
294
- font-size: var(--sc-fs-small);
292
+ place-items: center;
293
+ width: 26px;
294
+ height: 26px;
295
+ padding: 0;
296
+ border: 0;
297
+ border-radius: 50%;
298
+ background: var(--sc-tray-card, #ffffff);
299
+ box-shadow: var(--sc-shadow-1);
300
+ color: var(--sc-muted, #6b6b73);
301
+ cursor: pointer;
302
+ transition: color 120ms ease;
295
303
  }
296
304
 
297
- .sc-compute-act {
298
- margin-top: 16px;
305
+ .sc-disc:hover:not(:disabled) {
306
+ color: var(--sc-text, #1a1a1c);
299
307
  }
300
308
 
301
- .sc-compute-act:first-child {
302
- margin-top: 0;
309
+ .sc-disc:disabled {
310
+ opacity: 0.6;
311
+ cursor: default;
303
312
  }
304
313
 
305
- .sc-note + .sc-compute-act,
306
- .sc-error + .sc-compute-act {
307
- margin-top: 9px;
314
+ .sc-dglyph {
315
+ width: 13px;
316
+ height: 13px;
308
317
  }
309
318
 
310
- .sc-runtime {
319
+ @keyframes sc-spin {
320
+ to {
321
+ transform: rotate(360deg);
322
+ }
323
+ }
324
+
325
+ .sc-spin {
326
+ animation: sc-spin 900ms linear infinite;
327
+ }
328
+
329
+ .sc-mrow {
330
+ display: flex;
331
+ align-items: center;
332
+ gap: 10px;
333
+ min-height: 52px;
334
+ padding: 4px 12px 4px 0;
335
+ }
336
+
337
+ .sc-mtile {
311
338
  position: relative;
339
+ flex: none;
312
340
  display: grid;
313
- grid-template-columns: auto 1fr auto;
314
- align-items: center;
315
- gap: 9px;
316
- min-height: 26px;
341
+ place-items: center;
342
+ width: 38px;
343
+ height: 38px;
344
+ border-radius: 12px;
345
+ background: var(--sc-tray-sunk, #f6f6f7);
346
+ box-shadow: inset 0 0 0 1px var(--sc-line, #e9e9eb);
347
+ color: var(--sc-text, #1a1a1c);
317
348
  }
318
349
 
319
- .sc-runtime::before {
320
- content: "";
350
+ .sc-mglyph {
351
+ width: 24px;
352
+ height: 18px;
353
+ }
354
+
355
+ .sc-mbadge {
321
356
  position: absolute;
322
- left: calc(var(--sc-tile, 32px) / 2 - var(--sc-branch));
323
- top: -2px;
324
- bottom: -2px;
325
- width: 1px;
357
+ right: 0;
358
+ bottom: 0;
359
+ width: 10px;
360
+ height: 10px;
361
+ border-radius: 50%;
362
+ transform: translate(30%, 30%);
363
+ box-shadow: 0 0 0 2.5px var(--sc-tray-card, #ffffff);
364
+ }
365
+
366
+ .sc-mbadge-ok {
367
+ background: var(--sc-ok, #22a06b);
368
+ }
369
+
370
+ .sc-mbadge-busy {
371
+ background: var(--sc-warn, #b06f14);
372
+ }
373
+
374
+ .sc-mbadge-off {
326
375
  background: var(--sc-line-2, #dcdce0);
327
376
  }
328
377
 
329
- .sc-runtime:first-child::before {
330
- top: -13px;
378
+ .sc-mid {
379
+ display: flex;
380
+ flex: 1;
381
+ min-width: 0;
382
+ flex-direction: column;
383
+ gap: 1px;
331
384
  }
332
385
 
333
- .sc-runtime:last-child::before {
334
- bottom: auto;
335
- height: calc(50% + 2px);
386
+ .sc-mname {
387
+ overflow: hidden;
388
+ text-overflow: ellipsis;
389
+ white-space: nowrap;
390
+ font-size: var(--sc-fs-small);
391
+ font-weight: 550;
336
392
  }
337
393
 
338
- .sc-runtime:first-child:last-child::before {
339
- height: calc(50% + 13px);
394
+ .sc-mmeta {
395
+ display: flex;
396
+ flex-wrap: wrap;
397
+ align-items: center;
398
+ gap: 1px 6px;
399
+ font-size: var(--sc-fs-label);
400
+ line-height: 1.35;
401
+ color: var(--sc-muted, #6b6b73);
340
402
  }
341
403
 
342
- .sc-runtime::after {
343
- content: "";
344
- position: absolute;
345
- left: calc(var(--sc-tile, 32px) / 2 - var(--sc-branch));
346
- top: 50%;
347
- width: 22px;
348
- height: 1px;
349
- background: var(--sc-line-2, #dcdce0);
404
+ .sc-mmeta-sep {
405
+ padding-right: 6px;
406
+ color: var(--sc-line-2, #dcdce0);
407
+ }
408
+
409
+ .sc-arow {
410
+ display: flex;
411
+ align-items: center;
412
+ gap: 10px;
413
+ min-height: 30px;
414
+ padding-right: 12px;
350
415
  }
351
416
 
352
417
  .sc-runtime-tile {
353
- width: 22px;
354
- height: 22px;
355
418
  flex: none;
356
419
  display: grid;
357
420
  place-items: center;
421
+ width: 22px;
422
+ height: 22px;
358
423
  border-radius: var(--sc-r-sm, 6px);
359
424
  border: 1px solid var(--sc-line, #e9e9eb);
360
- background: var(--sc-raised, #f6f6f7);
425
+ background: var(--sc-tray-sunk, #f6f6f7);
361
426
  }
362
427
 
363
428
  .sc-runtime-mark {
@@ -366,16 +431,200 @@ a.sc-btn {
366
431
  color: var(--sc-text-2, #3f3f46);
367
432
  }
368
433
 
369
- .sc-runtime-verdict {
434
+ .sc-aname {
435
+ flex: 1;
436
+ min-width: 0;
437
+ overflow: hidden;
438
+ text-overflow: ellipsis;
439
+ white-space: nowrap;
440
+ font-size: var(--sc-fs-small);
441
+ }
442
+
443
+ .sc-aversion {
444
+ color: var(--sc-muted, #6b6b73);
445
+ }
446
+
447
+ .sc-averdict {
448
+ flex: none;
449
+ display: inline-flex;
450
+ align-items: center;
370
451
  font-size: var(--sc-fs-label);
371
452
  white-space: nowrap;
453
+ color: var(--sc-muted, #6b6b73);
372
454
  }
373
455
 
374
- .sc-runtime-name {
456
+ .sc-orow {
457
+ display: flex;
458
+ align-items: center;
459
+ gap: 10px;
460
+ min-height: 34px;
461
+ padding-right: 12px;
462
+ }
463
+
464
+ .sc-otile {
465
+ flex: none;
466
+ display: grid;
467
+ place-items: center;
468
+ width: 22px;
469
+ height: 22px;
470
+ border-radius: var(--sc-r-sm, 6px);
471
+ background: var(--sc-tray-sunk, #f6f6f7);
472
+ color: var(--sc-muted, #6b6b73);
473
+ }
474
+
475
+ .sc-otile .sc-mglyph {
476
+ width: 15px;
477
+ height: 11px;
478
+ }
479
+
480
+ .sc-oglyph,
481
+ .sc-omark {
482
+ width: 13px;
483
+ height: 13px;
484
+ }
485
+
486
+ .sc-oname {
487
+ flex: 1;
375
488
  min-width: 0;
376
489
  overflow: hidden;
377
490
  text-overflow: ellipsis;
378
491
  white-space: nowrap;
492
+ font-size: var(--sc-fs-small);
493
+ color: var(--sc-text-2, #3f3f46);
494
+ }
495
+
496
+ .sc-oword {
497
+ flex: none;
498
+ font-size: var(--sc-fs-label);
499
+ color: var(--sc-muted, #6b6b73);
500
+ }
501
+
502
+ .sc-pair {
503
+ display: flex;
504
+ align-items: center;
505
+ gap: 10px;
506
+ width: calc(100% + 4px);
507
+ min-height: 34px;
508
+ margin-left: -4px;
509
+ padding: 0 12px 0 4px;
510
+ border: 0;
511
+ border-radius: 8px;
512
+ background: transparent;
513
+ font: inherit;
514
+ font-size: var(--sc-fs-small);
515
+ text-align: left;
516
+ cursor: pointer;
517
+ transition: background-color 120ms ease;
518
+ }
519
+
520
+ .sc-pair:hover {
521
+ background: var(--sc-tray-sunk, #f6f6f7);
522
+ }
523
+
524
+ .sc-hrow {
525
+ padding-bottom: 2px;
526
+ }
527
+
528
+ .sc-row-note {
529
+ margin: 0;
530
+ padding: 2px 12px 4px 0;
531
+ font-size: var(--sc-fs-label);
532
+ line-height: 1.45;
533
+ color: var(--sc-muted, #6b6b73);
534
+ }
535
+
536
+ .sc-row-act {
537
+ flex: none;
538
+ padding: 3px 9px;
539
+ border: 1px solid transparent;
540
+ border-radius: var(--sc-r-pill, 999px);
541
+ background: var(--sc-tray-sunk, #f6f6f7);
542
+ font: inherit;
543
+ font-size: var(--sc-fs-label);
544
+ font-weight: 500;
545
+ color: var(--sc-text-2, #3f3f46);
546
+ cursor: pointer;
547
+ white-space: nowrap;
548
+ }
549
+
550
+ .sc-row-act:hover:not(:disabled) {
551
+ color: var(--sc-text, #1a1a1c);
552
+ }
553
+
554
+ .sc-row-act:disabled {
555
+ opacity: 0.5;
556
+ cursor: default;
557
+ }
558
+
559
+ .sc-tray-error {
560
+ margin: 0;
561
+ padding: 0 12px 2px;
562
+ }
563
+
564
+ .sc-pop {
565
+ position: fixed;
566
+ top: 0;
567
+ left: 0;
568
+ right: auto;
569
+ bottom: auto;
570
+ z-index: 2147483000;
571
+ width: min(92vw, 320px);
572
+ max-width: min(92vw, 320px);
573
+
574
+ max-height: calc(100vh - 24px);
575
+ overflow-y: auto;
576
+ overscroll-behavior: contain;
577
+ margin: 0;
578
+ padding: 0;
579
+ border: 0;
580
+ border-radius: 20px;
581
+ background: var(--sc-tray, #f6f6f7);
582
+
583
+ box-shadow:
584
+ 0 0 0 1px var(--sc-line, #e9e9eb),
585
+ var(--sc-shadow-2);
586
+ }
587
+
588
+ .sc-pop > .sc-tray {
589
+ background: transparent;
590
+ border-radius: inherit;
591
+ }
592
+
593
+ @keyframes sc-pop-in {
594
+ from {
595
+ opacity: 0;
596
+ transform: translateY(-6px) scale(0.98);
597
+ }
598
+ }
599
+
600
+ .sc-pop {
601
+ animation: sc-pop-in 120ms cubic-bezier(0.2, 0.8, 0.2, 1);
602
+ transform-origin: top right;
603
+ }
604
+
605
+ @media (prefers-reduced-motion: reduce) {
606
+ .sc-pop {
607
+ animation: none;
608
+ }
609
+ .sc-spin {
610
+ animation: none;
611
+ }
612
+ .sc-pair {
613
+ transition: none;
614
+ }
615
+ }
616
+
617
+ .sc-compute-act {
618
+ margin-top: 16px;
619
+ }
620
+
621
+ .sc-compute-act:first-child {
622
+ margin-top: 0;
623
+ }
624
+
625
+ .sc-note + .sc-compute-act,
626
+ .sc-error + .sc-compute-act {
627
+ margin-top: 9px;
379
628
  }
380
629
 
381
630
  .soba-connect[data-theme="dark"],
@@ -402,6 +651,10 @@ a.sc-btn {
402
651
  --sc-ok: #4cb782;
403
652
  --sc-warn: #f2994a;
404
653
 
654
+ --sc-tray: var(--sc-ground, #0f0f11);
655
+ --sc-tray-card: var(--sc-raised, #1d1d20);
656
+ --sc-tray-sunk: var(--sc-sheet, #161618);
657
+
405
658
  --sc-shadow-1: 0 1px 2px rgb(0 0 0 / 34%);
406
659
  --sc-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 64%);
407
660
  }
@@ -423,6 +676,10 @@ a.sc-btn {
423
676
  --sc-ok: #4cb782;
424
677
  --sc-warn: #f2994a;
425
678
 
679
+ --sc-tray: var(--sc-ground, #0f0f11);
680
+ --sc-tray-card: var(--sc-raised, #1d1d20);
681
+ --sc-tray-sunk: var(--sc-sheet, #161618);
682
+
426
683
  --sc-shadow-1: 0 1px 2px rgb(0 0 0 / 34%);
427
684
  --sc-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 64%);
428
685
  }
@@ -760,22 +1017,6 @@ a.sc-btn {
760
1017
  box-shadow: none;
761
1018
  }
762
1019
 
763
- .sc-modal-sheet .sc-machine {
764
- border: 1px solid var(--sc-line, #e9e9eb);
765
- border-radius: var(--sc-r, 10px);
766
- padding: 11px 12px;
767
- margin-top: 14px;
768
- }
769
-
770
- .sc-conns {
771
- display: grid;
772
- gap: 14px;
773
- }
774
-
775
- .sc-modal-sheet .sc-machine:first-child {
776
- margin-top: 0;
777
- }
778
-
779
1020
  .sc-modal-sheet .sc-title {
780
1021
  font-size: 17px;
781
1022
  font-weight: 600;
@@ -1015,51 +1256,6 @@ a.sc-btn {
1015
1256
  color: var(--sc-text, #1a1a1c);
1016
1257
  }
1017
1258
 
1018
- .sc-conn,
1019
- .sc-idrow {
1020
- display: grid;
1021
- grid-template-columns: auto 1fr auto;
1022
- align-items: center;
1023
- gap: 12px;
1024
- }
1025
-
1026
- .sc-conn {
1027
- padding: 10px 12px;
1028
- border: 1px solid var(--sc-line, #e9e9eb);
1029
- border-radius: var(--sc-r, 10px);
1030
- background: var(--sc-sheet, #ffffff);
1031
- }
1032
-
1033
- .sc-conn-note {
1034
- grid-column: 1 / -1;
1035
- margin: 2px 0 0;
1036
- font-size: 12px;
1037
- line-height: 1.4;
1038
- color: var(--sc-muted, #6b6b73);
1039
- }
1040
-
1041
- .sc-conn-action {
1042
- font: inherit;
1043
- font-size: var(--sc-fs-small);
1044
- font-weight: 500;
1045
- padding: 5px 9px;
1046
- border: 1px solid transparent;
1047
- border-radius: var(--sc-r-sm, 6px);
1048
- background: transparent;
1049
- color: var(--sc-muted, #6b6b73);
1050
- cursor: pointer;
1051
- }
1052
-
1053
- .sc-conn-action:hover:not(:disabled) {
1054
- border-color: var(--sc-line-2, #dcdce0);
1055
- color: var(--sc-text, #1a1a1c);
1056
- }
1057
-
1058
- .sc-conn-action:disabled {
1059
- opacity: 0.5;
1060
- cursor: default;
1061
- }
1062
-
1063
1259
  .sc-btn-wide {
1064
1260
  width: 100%;
1065
1261
  }
@@ -1204,8 +1400,7 @@ a.sc-btn {
1204
1400
  }
1205
1401
 
1206
1402
  .sc-result-ok {
1207
-
1208
- color: var(--sc-text, #1a1a1c);
1403
+ color: var(--sc-ok, #22a06b);
1209
1404
  }
1210
1405
 
1211
1406
  .sc-result-off {
@@ -1329,7 +1524,9 @@ a.sc-btn {
1329
1524
  .sc-step-lead:focus-visible,
1330
1525
  .sc-step-links a:focus-visible,
1331
1526
  .sc-alt-link:focus-visible,
1332
- .sc-conn-action:focus-visible,
1527
+ .sc-row-act:focus-visible,
1528
+ .sc-disc:focus-visible,
1529
+ .sc-pair:focus-visible,
1333
1530
  .sc-input:focus-visible,
1334
1531
  .sc-modal-close:focus-visible {
1335
1532
  outline: 2px solid var(--sc-accent, #18181b);
@@ -1380,7 +1577,7 @@ a.sc-btn {
1380
1577
  max-width: 100%;
1381
1578
  min-width: 0;
1382
1579
 
1383
- padding: 4px 13px 4px 4px;
1580
+ padding: 3px 12px 3px 3px;
1384
1581
  border-radius: var(--sc-r-pill, 999px);
1385
1582
  border-color: var(--sc-line, #e9e9eb);
1386
1583
 
@@ -1404,14 +1601,33 @@ a.sc-btn {
1404
1601
  transform: translateY(0.5px);
1405
1602
  }
1406
1603
 
1407
- .sc-btn-connected .sc-runtime-tile {
1604
+ .sc-pill-tile {
1605
+ flex: none;
1606
+ display: grid;
1607
+ place-items: center;
1608
+ width: 26px;
1609
+ height: 26px;
1408
1610
  border-radius: 50%;
1611
+ background: var(--sc-raised, #f6f6f7);
1612
+ box-shadow: inset 0 0 0 1px var(--sc-line, #e9e9eb);
1613
+ color: var(--sc-text, #1a1a1c);
1409
1614
  }
1410
1615
 
1411
- .sc-btn-connected:hover .sc-runtime-tile {
1616
+ .sc-btn-connected:hover .sc-pill-tile {
1412
1617
  background: var(--sc-sheet, #ffffff);
1413
1618
  }
1414
1619
 
1620
+ .sc-pill-mark {
1621
+ width: 16px;
1622
+ height: 16px;
1623
+ }
1624
+
1625
+ @media (prefers-reduced-motion: no-preference) {
1626
+ .sc-pill-mark-busy {
1627
+ animation: sc-spin 2400ms linear infinite;
1628
+ }
1629
+ }
1630
+
1415
1631
  .sc-btn-connected .sc-dot {
1416
1632
  flex: none;
1417
1633
  margin-left: 1px;
@@ -2409,13 +2625,13 @@ li.sc-plan-row.sc-plan-current {
2409
2625
  }
2410
2626
  }
2411
2627
 
2412
- .sc-modal-sheet .sc-machine {
2628
+ .sc-modal-sheet .sc-tray {
2413
2629
  animation: sc-arrive 200ms cubic-bezier(0.2, 0.8, 0.2, 1) 60ms both;
2414
2630
  }
2415
2631
 
2416
2632
  @media (prefers-reduced-motion: reduce) {
2417
2633
  .sc-modal-sheet .sc-card,
2418
- .sc-modal-sheet .sc-machine {
2634
+ .sc-modal-sheet .sc-tray {
2419
2635
  animation: none;
2420
2636
  }
2421
2637
  .sc-modal-sheet {
@@ -2440,303 +2656,4 @@ li.sc-plan-row.sc-plan-current {
2440
2656
  .sc-opt-has-warn {
2441
2657
  color: var(--sc-warn, #b06f14);
2442
2658
  }
2443
-
2444
- .bx * {
2445
- transform-box: view-box;
2446
- }
2447
-
2448
- .bx-arc,
2449
- .bx-st,
2450
- .bx-z1 path,
2451
- .bx-z2 path,
2452
- .bx-ob path {
2453
- stroke-width: var(--bx-w, 17);
2454
- }
2455
-
2456
- .bx[data-expression="thinking"] .bx-arc,
2457
- .bx[data-expression="paused"] .bx-arc,
2458
- .bx[data-expression="attention"] .bx-arc,
2459
- .bx[data-expression="connecting"] .bx-arc,
2460
- .bx[data-expression="gone"] .bx-arc,
2461
- .bx[data-expression="snap"] .bx-arc,
2462
- .bx[data-expression="listening"] .bx-arc,
2463
- .bx[data-expression="permission"] .bx-arc,
2464
- .bx[data-expression="ai"] .bx-arc {
2465
- display: none;
2466
- }
2467
-
2468
- @keyframes bx-stream {
2469
- to {
2470
- stroke-dashoffset: -62;
2471
- }
2472
- }
2473
-
2474
- .bx-st {
2475
- animation: bx-stream 0.9s linear infinite;
2476
- }
2477
-
2478
- @keyframes bx-think {
2479
- 0%,
2480
- 100% {
2481
- opacity: 0.26;
2482
- }
2483
- 33% {
2484
- opacity: 1;
2485
- }
2486
- }
2487
-
2488
- .bx-th {
2489
- opacity: 0.26;
2490
- animation: bx-think 1.2s ease-in-out infinite;
2491
- }
2492
-
2493
- .bx-th2 {
2494
- animation-delay: 0.4s;
2495
- }
2496
-
2497
- .bx-th3 {
2498
- animation-delay: 0.8s;
2499
- }
2500
-
2501
- @keyframes bx-att {
2502
- 0%,
2503
- 80%,
2504
- 100% {
2505
- transform: rotate(0);
2506
- }
2507
- 85% {
2508
- transform: rotate(-8deg);
2509
- }
2510
- 95% {
2511
- transform: rotate(8deg);
2512
- }
2513
- }
2514
-
2515
- .bx-at {
2516
-
2517
- transform-box: fill-box;
2518
- transform-origin: 50% 100%;
2519
- animation: bx-att 2s ease-in-out infinite;
2520
- }
2521
-
2522
- @keyframes bx-z {
2523
- 0% {
2524
- opacity: 0;
2525
- transform: translate(0, 12px);
2526
- }
2527
- 25%,
2528
- 70% {
2529
- opacity: 1;
2530
- transform: translate(0, 0);
2531
- }
2532
- 100% {
2533
- opacity: 0;
2534
- transform: translate(8px, -16px);
2535
- }
2536
- }
2537
-
2538
- .bx-z1 {
2539
- animation: bx-z 3s ease-in-out infinite;
2540
- }
2541
-
2542
- .bx-z2 {
2543
- animation: bx-z 3s ease-in-out 0.75s infinite;
2544
- }
2545
-
2546
- @keyframes bx-orb {
2547
- to {
2548
- transform: rotate(360deg);
2549
- }
2550
- }
2551
-
2552
- .bx-ob {
2553
- transform-origin: 278px 400px;
2554
- animation: bx-orb 1.15s cubic-bezier(0.45, 0, 0.55, 1) infinite;
2555
- }
2556
-
2557
- @keyframes bx-xa {
2558
- 0% {
2559
- opacity: 0;
2560
- transform: translateX(0);
2561
- }
2562
- 8%,
2563
- 22% {
2564
- opacity: 1;
2565
- transform: translateX(0);
2566
- }
2567
- 45%,
2568
- 100% {
2569
- opacity: 0;
2570
- transform: translateX(40px);
2571
- }
2572
- }
2573
-
2574
- .bx-xa {
2575
- opacity: 0;
2576
- animation: bx-xa 3.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
2577
- }
2578
-
2579
- @keyframes bx-xx {
2580
- 0%,
2581
- 40% {
2582
- opacity: 0;
2583
- transform: scale(0.4);
2584
- }
2585
- 54% {
2586
- opacity: 1;
2587
- transform: scale(1.08);
2588
- }
2589
- 60%,
2590
- 90% {
2591
- opacity: 1;
2592
- transform: scale(1);
2593
- }
2594
- 100% {
2595
- opacity: 0;
2596
- transform: scale(1);
2597
- }
2598
- }
2599
-
2600
- .bx-xx {
2601
- transform-box: fill-box;
2602
- transform-origin: center;
2603
- animation: bx-xx 3.2s ease-out infinite;
2604
- }
2605
-
2606
- @keyframes bx-voice {
2607
- 0%,
2608
- 100% {
2609
- transform: scaleY(0.45);
2610
- }
2611
- 50% {
2612
- transform: scaleY(1);
2613
- }
2614
- }
2615
-
2616
- .bx-vb {
2617
- transform-box: fill-box;
2618
- transform-origin: center;
2619
- animation: bx-voice 0.9s ease-in-out infinite;
2620
- }
2621
-
2622
- .bx-vb2 {
2623
- animation-delay: 0.15s;
2624
- }
2625
-
2626
- .bx-vb3 {
2627
- animation-delay: 0.3s;
2628
- }
2629
-
2630
- @keyframes bx-wait {
2631
- 0% {
2632
- opacity: 1;
2633
- }
2634
- 100% {
2635
- opacity: 0.15;
2636
- }
2637
- }
2638
-
2639
- .bx-w {
2640
- opacity: 0.15;
2641
- animation: bx-wait 1.2s linear infinite;
2642
- }
2643
-
2644
- @keyframes bx-spark {
2645
- 0%,
2646
- 100% {
2647
- transform: scale(1) rotate(0);
2648
- }
2649
- 50% {
2650
- transform: scale(0.7) rotate(22deg);
2651
- }
2652
- }
2653
-
2654
- .bx-sp {
2655
- transform-box: fill-box;
2656
- transform-origin: center;
2657
- animation: bx-spark 2.6s ease-in-out infinite;
2658
- }
2659
-
2660
- .bx-sp2 {
2661
- animation-delay: -0.87s;
2662
- }
2663
-
2664
- .bx-sp3 {
2665
- animation-delay: -1.73s;
2666
- }
2667
-
2668
- @keyframes bx-snap {
2669
- 0%,
2670
- 6% {
2671
- transform: translateX(90px);
2672
- opacity: 0;
2673
- }
2674
- 24% {
2675
- transform: translateX(-10px);
2676
- opacity: 1;
2677
- }
2678
- 30% {
2679
- transform: translateX(4px);
2680
- }
2681
- 35%,
2682
- 100% {
2683
- transform: translateX(0);
2684
- opacity: 1;
2685
- }
2686
- }
2687
-
2688
- .bx-snap {
2689
- animation: bx-snap 3.6s cubic-bezier(0.3, 0, 0.2, 1) infinite;
2690
- }
2691
-
2692
- @media (prefers-reduced-motion: reduce) {
2693
- .bx .bx-st,
2694
- .bx .bx-th,
2695
- .bx .bx-at,
2696
- .bx .bx-z1,
2697
- .bx .bx-z2,
2698
- .bx .bx-ob,
2699
- .bx .bx-xa,
2700
- .bx .bx-xx,
2701
- .bx .bx-snap,
2702
- .bx .bx-vb,
2703
- .bx .bx-w,
2704
- .bx .bx-sp {
2705
- animation: none;
2706
- }
2707
-
2708
-
2709
- .bx .bx-th,
2710
- .bx .bx-z1,
2711
- .bx .bx-z2,
2712
- .bx .bx-xx,
2713
- .bx .bx-snap,
2714
- .bx .bx-w {
2715
- opacity: 1;
2716
- transform: none;
2717
- }
2718
- }
2719
-
2720
- [data-version="v1"] .bx .bx-arc {
2721
- display: revert;
2722
- }
2723
-
2724
- [data-version="v1"] .bx .bx-st,
2725
- [data-version="v1"] .bx .bx-th,
2726
- [data-version="v1"] .bx .bx-at,
2727
- [data-version="v1"] .bx .bx-z1,
2728
- [data-version="v1"] .bx .bx-z2,
2729
- [data-version="v1"] .bx .bx-ob,
2730
- [data-version="v1"] .bx .bx-xa,
2731
- [data-version="v1"] .bx .bx-xx,
2732
- [data-version="v1"] .bx .bx-snap,
2733
- [data-version="v1"] .bx .bx-vb,
2734
- [data-version="v1"] .bx .bx-w,
2735
- [data-version="v1"] .bx .bx-sp {
2736
- display: none;
2737
- }
2738
-
2739
- [data-version="v1"] .sc-result-ok {
2740
- color: var(--sc-ok, #22a06b);
2741
- }
2742
- `,document.head.appendChild(e)}import{jsx as ge,jsxs as xn}from"react/jsx-runtime";function br(e){if(!e)return null;let n=Be(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 Rs(){return xn("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[ge("path",{d:"M8 5v4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),ge("circle",{cx:"8",cy:"11.6",r:"0.9",fill:"currentColor"}),ge("circle",{cx:"8",cy:"8",r:"6.4",stroke:"currentColor",strokeWidth:"1.3"})]})}function Ls({error:e,onRetry:n,onDismiss:t,title:r,className:s}){let a=br(e),i=I();return Ms(()=>kn(),[]),a?ge("div",{className:s?`soba-connect ${s}`:"soba-connect","data-theme":i.theme,role:"alert",children:xn("div",{className:"sc-card sc-limit sc-run-error",children:[xn("div",{className:"sc-limit-head",children:[ge("span",{className:"sc-limit-mark sc-run-error-mark","aria-hidden":"true",children:ge(Rs,{})}),xn("div",{children:[ge("h2",{className:"sc-limit-title",children:r??"That run did not finish"}),ge("p",{className:"sc-limit-body sc-run-error-message",children:a})]})]}),(t||n)&&xn("div",{className:"sc-limit-actions",children:[t&&ge("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,children:"Dismiss"}),n&&ge("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:n,children:"Try again"})]})]})}):null}import{useId as Os,useState as yr}from"react";import{jsx as z,jsxs as Un}from"react/jsx-runtime";function Ts({reason:e}){return z("span",{className:"sc-limit-mark","aria-hidden":"true",children:e==="no_compute"?z(Ze,{}):z(V,{})})}function Is(e){let{error:n,variant:t="card",onDismiss:r,className:s}=e,a=Pt(n,{predict:e.predict??!("error"in e)}),i=Os(),u=I();if(!a)return null;let l=z(As,{offer:a,headingId:i,onDismiss:r});return t==="dialog"?z(wn,{open:!0,onClose:()=>r?.(),labelledBy:i,theme:u.theme,children:l}):z("div",{className:s?`soba-connect ${s}`:"soba-connect","data-theme":u.theme,children:l})}function As({offer:e,headingId:n,onDismiss:t}){let{compute:r}=D(),[s,a]=yr(!1),[i,u]=yr(null),l=e.reason==="no_compute"&&r.connected&&!r.online,p=l||e.connectOffer!==null||!r.connected,f=$n();async function g(){a(!0),u(null);try{await e.upgrade()}catch(m){u(m.message)}finally{a(!1)}}return Un("div",{className:"sc-card sc-limit",children:[Un("div",{className:"sc-limit-head",children:[z(Ts,{reason:e.reason}),Un("div",{children:[z("h2",{className:"sc-limit-title",id:n,children:e.title}),z("p",{className:"sc-limit-body",children:e.body})]})]}),i&&z("p",{className:"sc-error",children:i}),l&&f.note&&z("p",{className:"sc-limit-note",children:f.note}),Un("div",{className:"sc-limit-actions",children:[t&&z("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,disabled:s,children:"Not now"}),e.upgradeTo&&z("button",{type:"button",className:p?"sc-btn":"sc-btn sc-btn-primary",onClick:()=>void g(),disabled:s,children:s?"Opening\u2026":e.upgradeTo.selectable?`Switch to ${e.upgradeTo.name}`:`${e.upgradeTo.name} for $${e.upgradeTo.price.toLocaleString()}/${e.upgradeTo.interval}`}),p&&z("button",{type:"button",className:l?"sc-btn":"sc-btn sc-btn-primary",onClick:e.connect,disabled:s,children:l?"Connect another machine":"Connect compute"}),l&&z("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:f.open,disabled:s,children:"Open Soba App"})]})]})}import{useMemo as $s}from"react";function Sn(){let{plan:e,compute:n,connect:t}=D();return $s(()=>{let r=e.plan,s=e.current,a={plan:r,assignment:s,loading:e.loading,error:e.error,periodEnd:s?.period_end?new Date(s.period_end):null};if(!r)return{...a,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 i=Hs(s?.trial_ends_at??null),u=r.connected_reward==="included"&&n.connected&&r.connected_included_units!==null,l=u?r.connected_included_units:r.included_units,p=r.connected_reward==="unlimited"&&n.connected,f=l===null,g=e.used??0,m=l===null?null:Math.max(0,l-g),b=l&&l>0?Math.min(100,Math.round(g/l*100)):null,h=l!==null&&g>=l,k=i!==null?"trial":f?"unlimited":h?r.overage==="meter"?"metered":"spent":"within";return{...a,state:k,trialDaysLeft:i,ceiling:l,raised:u,uncounted:p,used:g,remaining:m,percent:b,unlimited:f,reward:Ds(r,u||p,n.connected,()=>t.open("manual")),summary:Us({plan:r,assignment:s,used:g,ceiling:l,trialDaysLeft:i,raised:u,uncounted:p,state:k})}},[e,n.connected,t])}function Ds(e,n,t,r){let s=ve({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6});return s?{line:s,inForce:n,required:!1,connected:t,actionable:Ce(e.connected_reward)&&!t,open:r}:ie(e.route_allow)&&!t?{line:"Nothing connected yet, so nothing can run.",inForce:!1,required:!0,connected:t,actionable:!0,open:r}:null}function Us(e){let{plan:n,assignment:t,used:r,ceiling:s,trialDaysLeft:a,raised:i,uncounted:u,state:l}=e,p=`${n.unit}${r===1?"":"s"}`,f=u?" Runs your own AI serves do not count toward it.":"";if(l==="trial"&&a!==null){let b=n.price===0?"it continues free":`it is $${n.price.toLocaleString()} a ${n.interval}`;return`${a} ${a===1?"day":"days"} left of your trial, then ${b}.`}if(l==="unlimited")return`${r.toLocaleString()} ${p} this period. No ceiling on this plan.`;if(l==="metered"){let b=r-(s??0);return n.overage_per_unit>0?`${b.toLocaleString()} past the allowance, billed at $${n.overage_per_unit} a ${n.unit}.${f}`:`${b.toLocaleString()} past the allowance.${f}`}if(l==="spent")return t?.period_end?`Allowance spent. It comes back on ${wr(t.period_end)}.${f}`:`Allowance spent. It comes back at the start of the next period.${f}`;let g=Math.max(0,(s??0)-r),m=i?` Raised from ${(n.included_units??0).toLocaleString()} while your own AI is connected.`:t?.period_end?` Resets ${wr(t.period_end)}.`:"";return`${g.toLocaleString()} of ${(s??0).toLocaleString()} ${n.unit}s left.${m}${f}`}function Hs(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 wr(e){let n=new Date(e);return Number.isNaN(n.getTime())?e:n.toLocaleDateString(void 0,{day:"numeric",month:"long"})}import{Fragment as Bs,jsx as K,jsxs as le}from"react/jsx-runtime";function Rt({heading:e="Current plan",showUsage:n=!0,showName:t=!0,className:r}){let s=Sn(),{theme:a}=I(),i=m=>K("section",{className:r?`soba-connect sc-fill ${r}`:"soba-connect sc-fill","data-theme":a,children:le("div",{className:"sc-card sc-current",children:[e&&K("h2",{className:"sc-section-title",children:e}),m]})});if(s.error)return i(K("p",{className:"sc-error",children:s.error.message}));if(s.loading)return i(K("p",{className:"sc-note",children:"Loading\u2026"}));if(!s.plan)return i(le("div",{className:"sc-current-main",children:[K("p",{className:"sc-current-name",children:"No plan"}),K("p",{className:"sc-sub",children:s.summary})]}));let{plan:u,trialDaysLeft:l,percent:p,unlimited:f,reward:g}=s;return i(le(Bs,{children:[le("div",{className:"sc-current-grid",children:[(t||l!==null)&&le("div",{className:"sc-current-main",children:[t?le("p",{className:"sc-current-name",children:[u.name,l!==null&&le("span",{className:"sc-trial-badge",children:[l," ",l===1?"day":"days"," left"]})]}):l!==null&&K("p",{className:"sc-current-trial",children:le("span",{className:"sc-trial-badge",children:[l," ",l===1?"day":"days"," left"]})}),t&&u.description&&K("p",{className:"sc-sub",children:u.description})]}),n&&le("div",{className:"sc-usage",children:[le("div",{className:"sc-row-between",children:[K("span",{className:"sc-fact-key",children:"Usage"}),K("span",{className:p!==null&&p>=100?"sc-usage-figure sc-usage-over":"sc-usage-figure",children:f?"Unlimited":p===null?"Metered":`${p}% used`})]}),p!==null&&K("div",{className:"sc-meter",role:"presentation",children:p>0&&K("span",{className:p>=100?"sc-meter-fill sc-meter-full":"sc-meter-fill",style:{width:`${p}%`}})}),K("p",{className:"sc-usage-line",children:s.summary})]})]}),g&&le("div",{className:"sc-current-foot",children:[K("p",{className:g.required?"sc-plan-reward-line sc-plan-reward-need":g.inForce?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-open",children:g.required?g.line:g.inForce?`In force: ${qs(g.line)}.`:g.line}),(g.actionable||g.connected)&&K(qe,{})]})]}))}var qs=e=>e.charAt(0).toLowerCase()+e.slice(1);import{useCallback as Fs,useMemo as Ws,useState as vr}from"react";var Gs={"user-hardware":"your own machine","user-subscription":"your own AI subscription","open-weights":"open models we host",frontier:"frontier models"},Vs=new Set(["user-hardware","user-subscription"]);function Lt(e={}){let{plan:n,compute:t,connect:r}=D(),[s,a]=vr(null),[i,u]=vr(null),{featured:l,onSelect:p,successUrl:f,cancelUrl:g}=e,m=Fs(async h=>{a(h.id),u(null);try{if(h.selectable)await n.select(h.id);else if(p)p(h);else{let k=await n.checkout(h.id,{...f?{successUrl:f}:{},...g?{cancelUrl:g}:{}});window.location.assign(k);return}}catch(k){throw u(k.message),k}finally{(h.selectable||p)&&a(null)}},[n,p,f,g]),b=Ws(()=>n.plans.map(h=>{let k=n.current?.plan_id===h.id;return{plan:h,current:k,featured:l===h.id&&!k,price:zs(h),allowance:h.included_units===null?`Unlimited ${h.unit}s`:`${h.included_units.toLocaleString()} ${h.unit}${h.included_units===1?"":"s"}`,allowanceNote:Ks(h),computeLabel:h.route_allow===null?"any compute":h.route_allow.length===0?"no compute":null,compute:(h.route_allow??[]).map(N=>({costClass:N,label:Gs[N]??N,owned:Vs.has(N),runtimes:Qn(N).map(x=>x.id)})),connect:js(h,k,t.connected,()=>r.open("manual")),cta:{label:Ys(h,k,s===h.id),disabled:k||s!==null,busy:s===h.id,take:()=>m(h)}}}),[n.plans,n.current,l,t.connected,r,s,m]);return{offers:b,current:b.find(h=>h.current)??null,loading:n.loading,error:n.error,failed:i}}function zs(e){return e.price===0?{amount:"Free",interval:null,free:!0}:{amount:`$${e.price.toLocaleString()}`,interval:e.interval,free:!1}}function Ks(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 js(e,n,t,r){let s=ve({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6}),a=ie(e.route_allow)&&!t;if(!s&&!a)return null;let i=Ce(e.connected_reward);return{key:s?"Connect your own":"To use this",line:s??(n?"Nothing connected yet, so nothing can run.":"Runs only on compute you connect."),reward:s!==null,actionable:n&&(i||a)&&!t,open:r}}function Ys(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 d,jsxs as E}from"react/jsx-runtime";function Hn(e){return e?`soba-connect sc-fill ${e}`:"soba-connect sc-fill"}function Ot({onSelect:e,successUrl:n,cancelUrl:t,showCompute:r=!0,showConnect:s=!1,variant:a="cards",featured:i,className:u}){let{offers:l,loading:p,error:f,failed:g}=Lt({...i?{featured:i}:{},...e?{onSelect:e}:{},...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}}),{theme:m}=I();if(f)return d("div",{className:Hn(u),"data-theme":m,children:d("div",{className:"sc-card",children:d("p",{className:"sc-error",children:f.message})})});if(p)return d("div",{className:Hn(u),"data-theme":m,children:d("div",{className:"sc-card",children:d("p",{className:"sc-note",children:"Loading plans\u2026"})})});if(l.length===0)return d("div",{className:Hn(u),"data-theme":m,children:d("div",{className:"sc-card",children:d("p",{className:"sc-note",children:"This app has no plans yet."})})});let b={showCompute:r,showConnect:s};return E("div",{className:Hn(u),"data-theme":m,"data-variant":a,children:[a==="rows"?d(Zs,{offers:l,shelf:b}):a==="table"?d(Js,{offers:l,shelf:b}):d(Qs,{offers:l,shelf:b}),g&&d("p",{className:"sc-error",children:g})]})}function Qs({offers:e,shelf:n}){return d("div",{className:"sc-plans",children:e.map(t=>E("div",{className:Cr("sc-plan",t),children:[E("div",{className:"sc-row-between",children:[d("span",{className:"sc-title",children:t.plan.name}),d(Tt,{offer:t})]}),d("p",{className:"sc-sub",children:t.plan.description}),d(It,{price:t.price,free:"forever"}),d(Dt,{offer:t,shelf:n}),d(Nr,{offer:t}),d("div",{className:"sc-plan-band",children:n.showCompute&&d($t,{offer:t})}),d("div",{className:"sc-plan-band",children:d(At,{offer:t})})]},t.plan.id))})}function Zs({offers:e,shelf:n}){return d("ul",{className:"sc-plan-rows",children:e.map(t=>E("li",{className:Cr("sc-plan-row",t),children:[E("div",{className:"sc-row-main",children:[E("span",{className:"sc-row-name",children:[d("span",{className:"sc-title",children:t.plan.name}),d(Tt,{offer:t})]}),t.plan.description&&d("p",{className:"sc-sub",children:t.plan.description}),d(Nr,{offer:t}),n.showCompute&&d($t,{offer:t,inline:!0}),d(At,{offer:t,inline:!0})]}),E("div",{className:"sc-row-side",children:[d(It,{price:t.price,free:"forever",small:!0}),d(Dt,{offer:t,shelf:n})]})]},t.plan.id))})}function Js({offers:e,shelf:n}){let t=e.some(i=>i.plan.overage_per_unit>0),r=e.some(i=>i.plan.trial_days>0),s=e.some(i=>i.connect!==null),a=i=>[i.current?"sc-col-current":"",i.featured?"sc-col-featured":""].filter(Boolean).join(" ")||void 0;return d("div",{className:"sc-table-scroll",children:E("table",{className:"sc-plan-table",children:[d("thead",{children:E("tr",{children:[d("td",{}),e.map(i=>E("th",{scope:"col",className:a(i),children:[E("span",{className:"sc-row-name",children:[d("span",{className:"sc-title",children:i.plan.name}),d(Tt,{offer:i})]}),d(It,{price:i.price,small:!0})]},i.plan.id))]})}),E("tbody",{children:[E("tr",{children:[d("th",{scope:"row",children:"Included"}),e.map(i=>d("td",{className:a(i),children:i.allowance},i.plan.id))]}),t&&E("tr",{children:[d("th",{scope:"row",children:"Then"}),e.map(i=>d("td",{className:a(i),children:i.plan.overage_per_unit>0?`$${i.plan.overage_per_unit} / ${i.plan.unit}`:d("span",{className:"sc-muted-cell",children:"Stops"})},i.plan.id))]}),r&&E("tr",{children:[d("th",{scope:"row",children:"Trial"}),e.map(i=>d("td",{className:a(i),children:i.plan.trial_days>0?`${i.plan.trial_days} days`:d("span",{className:"sc-muted-cell",children:"None"})},i.plan.id))]}),n.showCompute&&E("tr",{children:[d("th",{scope:"row",children:"Runs on"}),e.map(i=>d("td",{className:a(i),children:d($t,{offer:i,bare:!0})},i.plan.id))]}),s&&E("tr",{children:[d("th",{scope:"row",children:"Connect your own"}),e.map(i=>d("td",{className:a(i),children:d(At,{offer:i,bare:!0})},i.plan.id))]}),E("tr",{className:"sc-table-buy",children:[d("td",{}),e.map(i=>d("td",{className:a(i),children:d(Dt,{offer:i,shelf:n})},i.plan.id))]})]})]})})}function Cr(e,n){return[e,n.current?"sc-plan-current":"",n.featured?"sc-plan-featured":""].filter(Boolean).join(" ")}function Tt({offer:e}){return e.current?d("span",{className:"sc-plan-badge",children:"Current"}):e.featured?d("span",{className:"sc-plan-badge-soft",children:"Recommended"}):null}function It({price:e,small:n,free:t}){return E("p",{className:n?"sc-plan-price sc-plan-price-sm":"sc-plan-price",children:[d("span",{className:"sc-plan-amount",children:e.amount}),e.interval?E("span",{className:"sc-plan-interval",children:["/",e.interval]}):t&&d("span",{className:"sc-plan-interval sc-plan-after",children:t})]})}function Nr({offer:e}){return E("p",{className:"sc-plan-allowance",children:[d("span",{className:"sc-plan-figure",children:e.allowance}),d("span",{className:"sc-plan-qualifier",children:e.allowanceNote})]})}function At({offer:e,inline:n,bare:t}){let r=e.connect;if(!r)return t?d("span",{className:"sc-muted-cell",children:"None"}):null;let s=r.reward?"sc-plan-reward-line":"sc-plan-reward-line sc-plan-reward-need",a=r.actionable?E("button",{type:"button",className:`${s} sc-plan-reward-act`,"aria-label":"Connect compute",onClick:r.open,children:[d("span",{className:"sc-reward-said",children:r.line}),E("span",{className:"sc-reward-do","aria-hidden":!0,children:[d(V,{className:"sc-reward-mark"}),"Connect compute"]})]}):d("p",{className:s,children:r.line});return t?a:d("div",{className:n?"sc-plan-reward sc-plan-reward-inline":"sc-plan-reward",children:a})}function $t({offer:e,inline:n,bare:t}){let r=e.computeLabel?d("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:d("li",{children:e.computeLabel})}):d("ul",{className:n?"sc-compute sc-compute-inline":"sc-compute",children:e.compute.map(s=>E("li",{className:s.owned?"sc-compute-own":void 0,children:[s.label,d(Xs,{runtimes:s.runtimes})]},s.costClass))});return t?r:E("div",{className:n?"sc-plan-compute sc-plan-compute-inline":"sc-plan-compute",children:[d("span",{className:"sc-fact-key",children:"Runs on"}),r]})}function Dt({offer:e,shelf:n}){let t=e.connect;return n.showConnect&&t?.actionable?E("button",{type:"button",className:"sc-btn sc-btn-primary sc-btn-icon",onClick:t.open,children:[d(V,{className:"sc-btn-mark"}),"Connect compute"]}):d("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 Xs({runtimes:e}){return e.length===0?null:d("span",{className:"sc-compute-marks",children:e.map(n=>{let t=he[n];return t?d(t,{className:"sc-rt-mark"},n):null})})}import{jsx as Ut,jsxs as kr}from"react/jsx-runtime";function eo({heading:e,plansHeading:n,showUsage:t=!0,showName:r=!0,className:s,...a}){let{plan:i,loading:u}=Sn(),{theme:l}=I(),p=n??(u?"Plans":i?"Change plan":"Choose a plan");return kr("div",{className:s?`soba-connect sc-fill sc-billing ${s}`:"soba-connect sc-fill sc-billing","data-theme":l,children:[Ut(Rt,{...e===void 0?{}:{heading:e},showUsage:t,showName:r}),kr("section",{className:"sc-billing-plans",children:[p&&Ut("h2",{className:"sc-section-title",children:p}),Ut(Ot,{...a})]})]})}import{useState as xr}from"react";import{jsx as Sr,jsxs as to}from"react/jsx-runtime";function no({plan:e,successUrl:n,cancelUrl:t,label:r,className:s}){let{plan:a}=D(),{theme:i}=I(),[u,l]=xr(!1),[p,f]=xr(null);async function g(){l(!0),f(null);try{let m=await a.checkout(e.id,{...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}});window.location.assign(m)}catch(m){f(m.message),l(!1)}}return to("div",{className:s?`soba-connect ${s}`:"soba-connect","data-theme":i,children:[Sr("button",{type:"button",className:"sc-btn sc-btn-primary",disabled:u,onClick:()=>void g(),children:u?"Opening\u2026":r??`Subscribe for $${e.price.toLocaleString()}/${e.interval}`}),p&&Sr("p",{className:"sc-error",children:p})]})}import{useCallback as Ne,useEffect as Fe,useMemo as Pn,useRef as so,useState as Y}from"react";var qn=class{#n;#r=null;#t=null;#e;#s=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.#s.add(n),()=>this.#s.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 s=await r.json(),a=s.session??s.token;if(!a)throw new Error(`${n} answered without a \`session\`. See @soba-so/react's README.`);let i=s.expires_in??s.expiresIn;this.#n=a,this.#r=typeof i=="number"?Date.now()+i*1e3:null;for(let u of this.#s)u();return a})();try{return await this.#t}finally{this.#t=null}}};function Pr(e,n=fetch.bind(globalThis)){return async(t,r)=>{let s=await n(t,r);if(s.status!==401||!e.canRefresh)return s;let a;try{a=await e.refresh()}catch{return s}return n(t,ro(r,a))}}function ro(e,n){let t=new Headers(e?.headers);return t.set("authorization",`Bearer ${n}`),{...e,headers:t}}import{jsx as Ht,jsxs as lo}from"react/jsx-runtime";var oo="https://www.soba.so",ao=15e3;function io(e){let{children:n,session:t,sessionEndpoint:r,user:s,runEndpoint:a,theme:i,initialMachines:u,initialConnect:l=null,initialPlans:p,initialCurrentPlan:f=null,baseUrl:g=oo,pollMs:m=ao,injectStyles:b=!0,modal:h=!0,fetchImpl:k,onError:N}=e,[x,U]=Y(t??null),[j,S]=Y(null),[O,H]=Y(l),[T,M]=Y(null),[q,G]=Y(l===null),[ce,Me]=Y(u??[]),[_n,Q]=Y(null),[ke,En]=Y(u===void 0),[xe,be]=Y(p??[]),[X,Bn]=Y(f),[tn,We]=Y(null),[Mn,ue]=Y(p===void 0),[se,Ge]=Y(null),[Fn,Re]=Y(!1),Ve=so(N);Ve.current=N;let oe=Ne(y=>{S(y),Ve.current?.(y)},[]);Fe(()=>{b&&kn()},[b]);let R=Pn(()=>new qn({...t?{token:t}:{},...r?{endpoint:r}:{},...s?{user:s}:{},...k?{fetchImpl:k}:{}}),[t,r,s,k]);Fe(()=>{let y=!0,B=R.subscribe(()=>{y&&U(R.token)});return!R.token&&!R.canRefresh?oe(new Error("<SobaProvider> needs a `session` or a `sessionEndpoint`. A browser cannot mint one: that takes your secret key.")):R.ensure().then(()=>y&&U(R.token),pe=>y&&oe(pe)),()=>{y=!1,B()}},[R,oe]),Fe(()=>{j&&(G(!1),En(!1),ue(!1),M(y=>y??j),Q(y=>y??j),We(y=>y??j))},[j]),Fe(()=>{let y=R.refreshAt;if(y===null)return;let B=setTimeout(()=>{R.refresh().catch(pe=>oe(pe))},Math.max(0,y-Date.now()));return()=>clearTimeout(B)},[R,oe,x]);let P=Pn(()=>x?new sn({session:x,baseUrl:g,fetchImpl:Pr(R,k??fetch.bind(globalThis))}):null,[x,g,R,k]);Fe(()=>{if(!P)return;let y=!0;return G(!0),P.context().then(B=>{y&&(H(B),M(null),G(!1))},B=>{y&&(M(B),G(!1))}),()=>{y=!1}},[P]);let Le=Ne(async()=>{if(P)try{let y=await P.machines();Me(Array.isArray(y)?y:[]),Q(null)}catch(y){Q(y)}finally{En(!1)}},[P]),ee=Ne(async()=>{if(P)try{let y=await P.plans();be(y.plans),Bn(y.current),We(null)}catch(y){We(y)}finally{ue(!1)}},[P]);Fe(()=>{P&&ee()},[P,ee]);let rn=Ne(async y=>{if(!P)throw new Error("No session yet.");await P.selectPlan(y),await ee()},[P,ee]),Rn=Ne(async(y,B)=>{if(!P)throw new Error("No session yet.");let pe=await P.checkoutPlan(y,B);if(!pe.url)throw new Error("Checkout could not be started.");return pe.url},[P]),ae=Ne(async()=>{if(!P)throw new Error("No session yet.");await P.leavePlan(),await ee()},[P,ee]);Fe(()=>{if(!P)return;let y=!0;Le();let B=setInterval(()=>{typeof document<"u"&&document.hidden||y&&Le()},m);return()=>{y=!1,clearInterval(B)}},[P,Le,m]);let Se=Ne(async y=>{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:B,...pe}=y,Oe=await(k??fetch.bind(globalThis))(a,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},credentials:"same-origin",body:JSON.stringify(pe),...B?{signal:B}:{}});if(!Oe.ok){let Z=await Oe.json().catch(()=>null),Te=new Error(Z?.error?.message??`${a} answered ${Oe.status}.`);throw Te.status=Oe.status,Z?.error?.code&&(Te.code=Z.error.code),Z?.error&&(Te.error=Z.error),Te}let F=Mt(Oe);return async function*(){try{yield*F}finally{ee()}}()},[a,k,ee]),ze=Ne((y="manual")=>{h&&(Re(!0),Ge(y))},[h]),Ke=Ne(()=>Ge(null),[]),ne=Pn(()=>X?xe.find(y=>y.id===X.plan_id)??null:null,[xe,X]),de=Pn(()=>ne?ne.connected_reward==="included"&&ce.length>0&&ne.connected_included_units!==null?ne.connected_included_units:ne.included_units:null,[ne,ce]),je=Pn(()=>({session:x,client:P,error:j,plan:{plans:xe,current:X,plan:ne,used:X?.units_used??null,included:de,remaining:de!==null&&X?Math.max(0,de-X.units_used):null,unlimited:ne!==null&&de===null,loading:Mn,error:tn,select:rn,checkout:Rn,leave:ae,refresh:ee},compute:{machines:ce,connected:ce.length>0,online:ce.some(y=>y.state!=="offline"),loading:ke,error:_n,refresh:Le},connect:{app:O?.app??null,command:O?.command??null,connectUrl:O?.connect_url??null,publishableKey:O?.publishable_key??null,loading:q,error:T,open:ze,close:Ke,isOpen:se!==null,hasModal:h},run:Se}),[x,P,j,ne,de,se,ze,Ke,h,ce,ke,_n,Le,xe,X,Mn,tn,rn,Rn,ae,ee,O,q,T,Se]);return Ht(Ct.Provider,{value:P,children:Ht(Nt.Provider,{value:{context:O,machines:ke?void 0:ce,theme:i??O?.theme??"light"},children:lo(vt.Provider,{value:je,children:[n,h&&Fn&&Ht(Cn,{open:se!==null,onOpenChange:y=>Ge(y?se??"manual":null),...se&&se!=="manual"?{reason:se}:{}})]})})})}export{as as ComputeStatus,qe as ConnectButton,us as ConnectCompute,Cn as ConnectModal,ws as ConnectNudge,Ls as RunError,Is as RunLimit,eo as SobaBilling,no as SobaCheckout,Rt as SobaCurrentPlan,Ot as SobaPlans,io as SobaProvider,Es as collectText,kn as injectStyles,Dn as parseEvent,Mt as readEvents,br as runErrorMessage,Be as sobaErrorCode,Sn as useCurrentPlan,Lt as usePlans,Pt as useRunLimit,D as useSoba};
2659
+ `,document.head.appendChild(e)}import{jsx as ye,jsxs as Dn}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 ds(){return Dn("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[ye("path",{d:"M8 5v4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),ye("circle",{cx:"8",cy:"11.6",r:"0.9",fill:"currentColor"}),ye("circle",{cx:"8",cy:"8",r:"6.4",stroke:"currentColor",strokeWidth:"1.3"})]})}function ps({error:e,onRetry:n,onDismiss:t,title:r,className:o}){let a=Fr(e),s=$();return us(()=>$n(),[]),a?ye("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":s.theme,role:"alert",children:Dn("div",{className:"sc-card sc-limit sc-run-error",children:[Dn("div",{className:"sc-limit-head",children:[ye("span",{className:"sc-limit-mark sc-run-error-mark","aria-hidden":"true",children:ye(ds,{})}),Dn("div",{children:[ye("h2",{className:"sc-limit-title",children:r??"That run did not finish"}),ye("p",{className:"sc-limit-body sc-run-error-message",children:a})]})]}),(t||n)&&Dn("div",{className:"sc-limit-actions",children:[t&&ye("button",{type:"button",className:"sc-btn sc-btn-quiet",onClick:t,children:"Dismiss"}),n&&ye("button",{type:"button",className:"sc-btn sc-btn-primary",onClick:n,children:"Try again"})]})]})}):null}import{useId as ms,useState as Gr}from"react";import{jsx as Q,jsxs as ot}from"react/jsx-runtime";function hs({reason:e}){return Q("span",{className:"sc-limit-mark","aria-hidden":"true",children:e==="no_compute"?Q(Vn,{}):Q(j,{})})}function fs(e){let{error:n,variant:t="card",onDismiss:r,className:o}=e,a=Xt(n,{predict:e.predict??!("error"in e)}),s=ms(),c=$();if(!a)return null;let i=Q(gs,{offer:a,headingId:s,onDismiss:r});return t==="dialog"?Q(On,{open:!0,onClose:()=>r?.(),labelledBy:s,theme:c.theme,children:i}):Q("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":c.theme,children:i})}function gs({offer:e,headingId:n,onDismiss:t}){let{compute:r}=B(),[o,a]=Gr(!1),[s,c]=Gr(null),i=e.reason==="no_compute"&&r.connected&&!r.online,u=i||e.connectOffer!==null||!r.connected,m=tt();async function f(){a(!0),c(null);try{await e.upgrade()}catch(b){c(b.message)}finally{a(!1)}}return ot("div",{className:"sc-card sc-limit",children:[ot("div",{className:"sc-limit-head",children:[Q(hs,{reason:e.reason}),ot("div",{children:[Q("h2",{className:"sc-limit-title",id:n,children:e.title}),Q("p",{className:"sc-limit-body",children:e.body})]})]}),s&&Q("p",{className:"sc-error",children:s}),i&&m.note&&Q("p",{className:"sc-limit-note",children:m.note}),ot("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 bs}from"react";function Hn(){let{plan:e,compute:n,connect:t}=B();return bs(()=>{let r=e.plan,o=e.current,a={plan:r,assignment:o,loading:e.loading,error:e.error,periodEnd:o?.period_end?new Date(o.period_end):null};if(!r)return{...a,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 s=vs(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=s!==null?"trial":m?"unlimited":p?r.overage==="meter"?"metered":"spent":"within";return{...a,state:y,trialDaysLeft:s,ceiling:i,raised:c,uncounted:u,used:f,remaining:b,percent:g,unlimited:m,reward:ys(r,c||u,n.connected,()=>t.open("manual")),summary:ws({plan:r,assignment:o,used:f,ceiling:i,trialDaysLeft:s,raised:c,uncounted:u,state:y})}},[e,n.connected,t])}function ys(e,n,t,r){let o=Ee({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:Me(e.connected_reward)&&!t,open:r}:de(e.route_allow)&&!t?{line:"Nothing connected yet, so nothing can run.",inForce:!1,required:!0,connected:t,actionable:!0,open:r}:null}function ws(e){let{plan:n,assignment:t,used:r,ceiling:o,trialDaysLeft:a,raised:s,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"&&a!==null){let g=n.price===0?"it continues free":`it is $${n.price.toLocaleString()} a ${n.interval}`;return`${a} ${a===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=s?` 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 vs(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 Ns,jsx as Z,jsxs as pe}from"react/jsx-runtime";function rr({heading:e="Current plan",showUsage:n=!0,showName:t=!0,className:r}){let o=Hn(),{theme:a}=$(),s=b=>Z("section",{className:r?`soba-connect sc-fill ${r}`:"soba-connect sc-fill","data-theme":a,children:pe("div",{className:"sc-card sc-current",children:[e&&Z("h2",{className:"sc-section-title",children:e}),b]})});if(o.error)return s(Z("p",{className:"sc-error",children:o.error.message}));if(o.loading)return s(Z("p",{className:"sc-note",children:"Loading\u2026"}));if(!o.plan)return s(pe("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 s(pe(Ns,{children:[pe("div",{className:"sc-current-grid",children:[(t||i!==null)&&pe("div",{className:"sc-current-main",children:[t?pe("p",{className:"sc-current-name",children:[c.name,i!==null&&pe("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})]}):i!==null&&Z("p",{className:"sc-current-trial",children:pe("span",{className:"sc-trial-badge",children:[i," ",i===1?"day":"days"," left"]})}),t&&c.description&&Z("p",{className:"sc-sub",children:c.description})]}),n&&pe("div",{className:"sc-usage",children:[pe("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&&pe("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: ${Cs(f.line)}.`:f.line}),(f.actionable||f.connected)&&Z(Xe,{})]})]}))}var Cs=e=>e.charAt(0).toLowerCase()+e.slice(1);import{useCallback as ks,useMemo as xs,useState as zr}from"react";var Ss={"user-hardware":"your own machine","user-subscription":"your own AI subscription","open-weights":"open models we host",frontier:"frontier models"},Ps=new Set(["user-hardware","user-subscription"]);function or(e={}){let{plan:n,compute:t,connect:r}=B(),[o,a]=zr(null),[s,c]=zr(null),{featured:i,onSelect:u,successUrl:m,cancelUrl:f}=e,b=ks(async p=>{a(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)&&a(null)}},[n,u,m,f]),g=xs(()=>n.plans.map(p=>{let y=n.current?.plan_id===p.id;return{plan:p,current:y,featured:i===p.id&&!y,price:_s(p),allowance:p.included_units===null?`Unlimited ${p.unit}s`:`${p.included_units.toLocaleString()} ${p.unit}${p.included_units===1?"":"s"}`,allowanceNote:Es(p),computeLabel:p.route_allow===null?"any compute":p.route_allow.length===0?"no compute":null,compute:(p.route_allow??[]).map(E=>({costClass:E,label:Ss[E]??E,owned:Ps.has(E),runtimes:yt(E).map(k=>k.id)})),connect:Ms(p,y,t.connected,()=>r.open("manual")),cta:{label:Rs(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:s}}function _s(e){return e.price===0?{amount:"Free",interval:null,free:!0}:{amount:`$${e.price.toLocaleString()}`,interval:e.interval,free:!1}}function Es(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 Ms(e,n,t,r){let o=Ee({unit:e.unit,reward:e.connected_reward,includedUnits:e.connected_included_units,creditMicros:e.connected_credit*1e6}),a=de(e.route_allow)&&!t;if(!o&&!a)return null;let s=Me(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&&(s||a)&&!t,open:r}}function Rs(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 st(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:a="cards",featured:s,className:c}){let{offers:i,loading:u,error:m,failed:f}=or({...s?{featured:s}:{},...e?{onSelect:e}:{},...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}}),{theme:b}=$();if(m)return h("div",{className:st(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:st(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:st(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:st(c),"data-theme":b,"data-variant":a,children:[a==="rows"?h(Os,{offers:i,shelf:g}):a==="table"?h(Ts,{offers:i,shelf:g}):h(Ls,{offers:i,shelf:g}),f&&h("p",{className:"sc-error",children:f})]})}function Ls({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 Ts({offers:e,shelf:n}){let t=e.some(s=>s.plan.overage_per_unit>0),r=e.some(s=>s.plan.trial_days>0),o=e.some(s=>s.connect!==null),a=s=>[s.current?"sc-col-current":"",s.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(s=>L("th",{scope:"col",className:a(s),children:[L("span",{className:"sc-row-name",children:[h("span",{className:"sc-title",children:s.plan.name}),h(ar,{offer:s})]}),h(ir,{price:s.price,small:!0})]},s.plan.id))]})}),L("tbody",{children:[L("tr",{children:[h("th",{scope:"row",children:"Included"}),e.map(s=>h("td",{className:a(s),children:s.allowance},s.plan.id))]}),t&&L("tr",{children:[h("th",{scope:"row",children:"Then"}),e.map(s=>h("td",{className:a(s),children:s.plan.overage_per_unit>0?`$${s.plan.overage_per_unit} / ${s.plan.unit}`:h("span",{className:"sc-muted-cell",children:"Stops"})},s.plan.id))]}),r&&L("tr",{children:[h("th",{scope:"row",children:"Trial"}),e.map(s=>h("td",{className:a(s),children:s.plan.trial_days>0?`${s.plan.trial_days} days`:h("span",{className:"sc-muted-cell",children:"None"})},s.plan.id))]}),n.showCompute&&L("tr",{children:[h("th",{scope:"row",children:"Runs on"}),e.map(s=>h("td",{className:a(s),children:h(cr,{offer:s,bare:!0})},s.plan.id))]}),o&&L("tr",{children:[h("th",{scope:"row",children:"Connect your own"}),e.map(s=>h("td",{className:a(s),children:h(lr,{offer:s,bare:!0})},s.plan.id))]}),L("tr",{className:"sc-table-buy",children:[h("td",{}),e.map(s=>h("td",{className:a(s),children:h(ur,{offer:s,shelf:n})},s.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",a=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?a:h("div",{className:n?"sc-plan-reward sc-plan-reward-inline":"sc-plan-reward",children:a})}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(As,{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 As({runtimes:e}){return e.length===0?null:h("span",{className:"sc-compute-marks",children:e.map(n=>{let t=Te[n];return t?h(t,{className:"sc-rt-mark"},n):null})})}import{jsx as dr,jsxs as Yr}from"react/jsx-runtime";function Is({heading:e,plansHeading:n,showUsage:t=!0,showName:r=!0,className:o,...a}){let{plan:s,loading:c}=Hn(),{theme:i}=$(),u=n??(c?"Plans":s?"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,{...a})]})]})}import{useState as Qr}from"react";import{jsx as Zr,jsxs as Ds}from"react/jsx-runtime";function $s({plan:e,successUrl:n,cancelUrl:t,label:r,className:o}){let{plan:a}=B(),{theme:s}=$(),[c,i]=Qr(!1),[u,m]=Qr(null);async function f(){i(!0),m(null);try{let b=await a.checkout(e.id,{...n?{successUrl:n}:{},...t?{cancelUrl:t}:{}});window.location.assign(b)}catch(b){m(b.message),i(!1)}}return Ds("div",{className:o?`soba-connect ${o}`:"soba-connect","data-theme":s,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 we,useEffect as nn,useMemo as bn,useRef as Un,useState as J}from"react";var at=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(),a=o.session??o.token;if(!a)throw new Error(`${n} answered without a \`session\`. See @soba-so/react's README.`);let s=o.expires_in??o.expiresIn;this.#n=a,this.#r=typeof s=="number"?Date.now()+s*1e3:null;for(let c of this.#o)c();return a})();try{return await this.#t}finally{this.#t=null}}},gn=new Map,Jr=new WeakMap,Hs=1;function Us(e){if(e.token||!e.endpoint)return null;let n=0;return e.fetchImpl&&(n=Jr.get(e.fetchImpl)??Hs++,Jr.set(e.fetchImpl,n)),JSON.stringify([e.endpoint,e.user??null,n])}function Xr(e){let n=Us(e);if(!n)return new at(e);let t=gn.get(n)??{holder:new at(e),users:0};return gn.set(n,t),t.holder}function eo(e){for(let n of gn.values())n.holder===e&&n.users++}function no(e){for(let[n,t]of gn)if(t.holder===e){setTimeout(()=>{--t.users<=0&&gn.get(n)===t&&gn.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 a;try{a=await e.refresh()}catch{return o}return n(t,Bs(r,a))}}function Bs(e,n){let t=new Headers(e?.headers);return t.set("authorization",`Bearer ${n}`),{...e,headers:t}}import{jsx as pr,jsxs as Gs}from"react/jsx-runtime";var qs="https://www.soba.so",Ws=3e4;function Fs(e){let{children:n,session:t,sessionEndpoint:r,user:o,runEndpoint:a,theme:s,initialMachines:c,initialConnect:i=null,initialPlans:u,initialCurrentPlan:m=null,baseUrl:f=qs,pollMs:b=Ws,injectStyles:g=!0,modal:p=!0,fetchImpl:y,onError:E}=e,[k,H]=J(t??null),[M,me]=J(null),[P,ne]=J(i),[O,_]=J(null),[q,V]=J(i===null),[te,tn]=J(c??[]),[ae,ve]=J(null),[K,Ce]=J(c===void 0),[Ne,He]=J(u??[]),[W,Re]=J(m),[rn,ie]=J(null),[Ue,on]=J(u===void 0),[F,he]=J(null),[T,le]=J(!1),fe=Un(E);fe.current=E;let ke=we(w=>{me(w),fe.current?.(w)},[]);nn(()=>{g&&$n()},[g]);let U=bn(()=>Xr({...t?{token:t}:{},...r?{endpoint:r}:{},...o?{user:o}:{},...y?{fetchImpl:y}:{}}),[t,r,o,y]);nn(()=>{let w=!0;eo(U);let Y=U.subscribe(()=>{w&&H(U.token)});return!U.token&&!U.canRefresh?ke(new Error("<SobaProvider> needs a `session` or a `sessionEndpoint`. A browser cannot mint one: that takes your secret key.")):U.ensure().then(()=>w&&H(U.token),oe=>w&&ke(oe)),()=>{w=!1,Y(),no(U)}},[U,ke]),nn(()=>{M&&(V(!1),Ce(!1),on(!1),_(w=>w??M),ve(w=>w??M),ie(w=>w??M))},[M]),nn(()=>{let w=U.refreshAt;if(w===null)return;let Y=()=>{U.refresh().catch(Se=>ke(Se))},oe=()=>{document.hidden||(document.removeEventListener("visibilitychange",oe),Y())},Fn=setTimeout(()=>{typeof document<"u"&&document.hidden?document.addEventListener("visibilitychange",oe):Y()},Math.max(0,w-Date.now()));return()=>{clearTimeout(Fn),typeof document<"u"&&document.removeEventListener("visibilitychange",oe)}},[U,ke,k]);let S=bn(()=>k?new vn({session:k,baseUrl:f,fetchImpl:to(U,y??fetch.bind(globalThis))}):null,[k,f,U,y]),it=Un(i!==null);nn(()=>{if(!S||it.current)return;let w=!0;return V(!0),S.context().then(Y=>{w&&(ne(Y),_(null),V(!1))},Y=>{w&&(_(Y),V(!1))}),()=>{w=!1}},[S]);let sn=we(async()=>{if(S)try{let w=await S.machines();tn(Array.isArray(w)?w:[]),ve(null)}catch(w){ve(w)}finally{Ce(!1)}},[S]),re=we(async()=>{if(S)try{let w=await S.plans();He(w.plans),Re(w.current),ie(null)}catch(w){ie(w)}finally{on(!1)}},[S]),an=Un(!1),[Bn,ce]=J(!1),Be=Un(u!==void 0),ln=we(()=>{an.current||(an.current=!0,queueMicrotask(()=>ce(!0)))},[]);nn(()=>{!S||!Bn||Be.current||re()},[S,Bn,re]);let qe=we(async w=>{if(!S)throw new Error("No session yet.");await S.selectPlan(w),await re()},[S,re]),yn=we(async(w,Y)=>{if(!S)throw new Error("No session yet.");let oe=await S.checkoutPlan(w,Y);if(!oe.url)throw new Error("Checkout could not be started.");return oe.url},[S]),We=we(async()=>{if(!S)throw new Error("No session yet.");await S.leavePlan(),await re()},[S,re]),Fe=Un(c!==void 0);nn(()=>{if(!S)return;let w=Ie(sn,b,{immediate:!Fe.current});return Fe.current=!1,w},[S,sn,b]);let lt=we(async w=>{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:Y,...oe}=w,Se=await(y??fetch.bind(globalThis))(a,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},credentials:"same-origin",body:JSON.stringify(oe),...Y?{signal:Y}:{}});if(!Se.ok){let Le=await Se.json().catch(()=>null),cn=new Error(Le?.error?.message??`${a} answered ${Se.status}.`);throw cn.status=Se.status,Le?.error?.code&&(cn.code=Le.error.code),Le?.error&&(cn.error=Le.error),cn}let wn=tr(Se);return async function*(){try{yield*wn}finally{an.current&&re()}}()},[a,y,re]),qn=we((w="manual")=>{p&&(le(!0),he(w))},[p]),Wn=we(()=>he(null),[]),ue=bn(()=>W?Ne.find(w=>w.id===W.plan_id)??null:null,[Ne,W]),Ge=bn(()=>ue?ue.connected_reward==="included"&&te.length>0&&ue.connected_included_units!==null?ue.connected_included_units:ue.included_units:null,[ue,te]),z=bn(()=>({plans:Ne,current:W,plan:ue,used:W?.units_used??null,included:Ge,remaining:Ge!==null&&W?Math.max(0,Ge-W.units_used):null,unlimited:ue!==null&&Ge===null,loading:Ue,error:rn,select:qe,checkout:yn,leave:We,refresh:re}),[Ne,W,ue,Ge,Ue,rn,qe,yn,We,re]),xe=bn(()=>({session:k,client:S,error:M,get plan(){return ln(),z},compute:{machines:te,connected:te.length>0,online:te.some(w=>w.state!=="offline"),loading:K,error:ae,refresh:sn},connect:{app:P?.app??null,command:P?.command??null,connectUrl:P?.connect_url??null,publishableKey:P?.publishable_key??null,loading:q,error:O,open:qn,close:Wn,isOpen:F!==null,hasModal:p},run:lt}),[k,S,M,z,ln,F,qn,Wn,p,te,K,ae,sn,P,q,O,lt]);return pr(zt.Provider,{value:S,children:pr(Kt.Provider,{value:{context:P,machines:K?void 0:te,theme:s??P?.theme??"light"},children:Gs(Vt.Provider,{value:xe,children:[n,p&&T&&pr(An,{open:F!==null,onOpenChange:w=>he(w?F??"manual":null),...F==="payment_required"||F==="no_compute"?{reason:F}:{},...F==="pair"?{showStatus:!1}:{}})]})})})}export{Fo as ComputeStatus,Xe as ConnectButton,Vo as ConnectCompute,An as ConnectModal,es as ConnectNudge,ps as RunError,fs as RunLimit,Is as SobaBilling,$s as SobaCheckout,rr as SobaCurrentPlan,sr as SobaPlans,Fs as SobaProvider,cs as collectText,$n as injectStyles,rt as parseEvent,tr as readEvents,Fr as runErrorMessage,en as sobaErrorCode,Hn as useCurrentPlan,or as usePlans,Xt as useRunLimit,B as useSoba};