@soba-so/react 0.0.16 → 0.0.17

package/dist/SobaProvider.d.ts

@@ -27,6 +27,17 @@ export interface SobaProviderProps {
      *  `sobaUserId` from `@soba-so/sdk/identity` derives one; the reasoning is at
      *  https://soba.so/docs/identity. */
     user?: string;
+    /**
+     * REUSE THE SESSION ACROSS PAGE LOADS AND TABS: the signed-in person's own
+     * id in YOUR app. Without it every page load asks `sessionEndpoint` for a new
+     * session; with it a session is kept until it is about to expire, so reloads
+     * and other tabs cost your server nothing.
+     *
+     * It must be that person's id, never a constant: a session acts as the person
+     * it was minted for, and a second person signing in on the same browser
+     * under the same key would act as the first.
+     */
+    sessionCacheKey?: string;
     /** Your route that starts a run with `@soba-so/sdk` and forwards the stream. */
     runEndpoint?: string;
     baseUrl?: string;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { ConnectModal, type ConnectModalProps } from "./ConnectModal.js";
 export { ConnectNudge, type ConnectNudgeProps } from "./ConnectNudge.js";
 export { type ComputeState, type ConnectReason, type ConnectState, type PlanState, type RunRequest, type SobaContextValue, useSoba, } from "./context.js";
 export { collectText, parseEvent, readEvents } from "./events.js";
+export { type RunStream, type WatchOptions, watchRun } from "./watch.js";
 export { RunError, type RunErrorProps, runErrorMessage } from "./RunError.js";
 export { RunLimit, type RunLimitProps } from "./RunLimit.js";
 export { SobaBilling, type SobaBillingProps } from "./SobaBilling.js";

package/dist/index.mjs

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

package/dist/session.d.ts

@@ -32,6 +32,18 @@ export interface SessionSourceOptions {
     /** Passed to your endpoint so it knows whose session to mint. */
     user?: string;
     fetchImpl?: typeof fetch;
+    /**
+     * WHO IS SIGNED IN, to reuse their session across page loads and tabs.
+     *
+     * Without it every page load mints a session: one request to your server and
+     * one to Soba. With it the session is kept in `localStorage` until it is
+     * about to expire, under this key, so a reload or a second tab reuses it.
+     *
+     * It must change when the person does — their user id, not a constant —
+     * because a session acts as the person it was minted for. A second person
+     * signing in on the same browser under the same key would act as the first.
+     */
+    cacheKey?: string;
 }
 export declare class SessionHolder {
     #private;

package/dist/types.d.ts

@@ -201,6 +201,13 @@ export interface AgentEvent {
     usage?: RunUsage;
     /** Which economics is serving this run, announced before any output. */
     tier?: CostClass;
+    /** On an `error`: a stable code to branch on, e.g. `run_too_long`. */
+    reason?: string;
+    /** On an `error`: false when starting the same run again will end the same way. */
+    retryable?: boolean;
+    /** On a `status` from Soba: the computer serving the run went offline
+     *  (`interrupted`) or came back (`resumed`). The run goes on either way. */
+    state?: "interrupted" | "resumed";
 }
 export interface Message {
     role: "user" | "assistant";

package/dist/watch.d.ts

@@ -0,0 +1,48 @@
+import type { AgentEvent } from "./types.js";
+/**
+ * READ A RUN STRAIGHT FROM SOBA, in the browser.
+ *
+ * Your server starts the run (`soba.runs.start`) and hands the page the run's
+ * `stream`: a URL and a token good for that one run. The page reads the run
+ * here instead of through your server, so your server answers in milliseconds
+ * rather than holding a function open for the whole run, and is never cut off
+ * by its host's time limit.
+ *
+ *   for await (const event of watchRun(stream)) { … }
+ *
+ * Read-only: the token cannot start, steer or cancel anything, and tool calls
+ * arrive as their names only (your server answers them). If the connection
+ * drops before the run ends — a deploy on Soba's side, a network blip — it
+ * reconnects and reads on from the last frame it saw.
+ *
+ * With `local`, a page on the computer running the run reads it from that
+ * computer instead (the Soba app's local server on 127.0.0.1), live for as long
+ * as the run goes and without passing through Soba at all. The browser asks
+ * the person once whether this site may talk to apps on their device; if they
+ * say no, or the page is on another computer, it reads through Soba as above.
+ *
+ *   watchRun(stream, { local: { session: useSoba().session } })
+ */
+export interface RunStream {
+    url: string;
+    token: string;
+}
+export interface WatchOptions {
+    /** Read on from after this frame, e.g. one you kept from an earlier visit. */
+    after?: number;
+    signal?: AbortSignal;
+    fetchImpl?: typeof fetch;
+    /** Reconnects in a row without a frame before giving up. */
+    maxRetries?: number;
+    /**
+     * Try the person's own machine first: their Soba session, which the machine
+     * checks with Soba before showing anything. Ignored with `after`, whose
+     * numbers are Soba's.
+     */
+    local?: {
+        session: string | null;
+        port?: number;
+        timeoutMs?: number;
+    };
+}
+export declare function watchRun(stream: RunStream, options?: WatchOptions): AsyncGenerator<AgentEvent>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soba-so/react",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Connect the AI your users already pay for, from your own React app.",
   "license": "UNLICENSED",
   "homepage": "https://soba.so/docs/components",