@datalayer/agent-runtimes 1.5.20 → 1.5.21

package/dist-embed/chunks/ChatView-fHb_i4kH.js

@@ -0,0 +1,32 @@
+import{E as N,eN as So,r as o,j as t,eO as yo,eP as wo,b_ as Rn,B as p,H as bt,T as W,c as q,cu as zt,eu as Dt,eQ as de,co as xt,e as Co,eR as ko,eS as jo,e3 as Io,eT as Eo,aH as To,dX as Bn,dV as Ro,dY as Gt,eU as Ao,eV as Mo,eW as Po,eX as Uo,eY as An,eZ as $o,e_ as Oo,e$ as Fo,d3 as Lo,a_ as _o,f0 as zo,f1 as No,f2 as Bo,f3 as Vo,f4 as Ho,f5 as Wo,x as Nt,f6 as Do,f7 as Go,f8 as Ko,f9 as Yo,fa as qo,fb as Jo,fc as Qo,fd as Xo,fe as Zo,ff as es,fg as ts,fh as ns,fi as os,fj as ss,fk as as,fl as is,fm as rs,fn as ls,fo as cs,fp as ds,fq as tt,fr as us,fs,ft as ps,fu as ms,fv as Mn,fw as gs,fx as Fe,fy as hs,fz as bs,a$ as vt,fA as xs,fB as vs,fC as Pn,fD as Ss,fE as ys,fF as ws,fG as Cs,eC as ks,fH as Bt,fI as Ce,fJ as js,fK as Is,fL as Es,fM as Un,fN as Ts,fO as Rs,fP as As,fQ as Ms,fR as Ps,fS as Us,fT as $s,fU as Os,fV as Fs,fW as Ls,fX as St,fY as _s,fZ as zs,f_ as Ns,I as Bs,f$ as Vs,g0 as Hs,g1 as $n,g2 as Ws,g3 as Ds,g4 as Gs,g5 as Kt,g6 as Ks,g7 as Ys,ek as Vt,g8 as qs,g9 as Js}from"../datalayer-app-main.js";import{S as Qs,E as Xs,a as Zs}from"./SignInIcon-4HkE48mS.js";import{F as ea,a as ta,b as na}from"./LinkedInGreyIcon-BoWXE-HS.js";function Vn(){const n=N(So);return o.useMemo(()=>n.map(s=>s.value),[n])}const Ht={github:{name:"github",oauth2CallbackServerRoute:"jupyter_iam/oauth2/callback",oauth2CallbackUIRoute:"/iam/oauth2/github/callback"},google:{name:"google",oauth2CallbackServerRoute:"jupyter_iam/oauth2/callback",oauth2CallbackUIRoute:"/iam/oauth2/google/callback"},linkedin:{name:"linkedin",oauth2CallbackServerRoute:"jupyter_iam/oauth2/callback",oauth2CallbackUIRoute:"/iam/oauth2/linkedin/callback"}},On=()=>{if(typeof document>"u")return"";const n=document.getElementById("datalayer-config-data");if(!n?.textContent)return"";try{const s=JSON.parse(n.textContent);return String(s?.iamUrl||"").replace(/\/$/,"")}catch{return""}},oa=(n,s="Unable to start social sign-in.")=>{if(n instanceof Error&&n.message)return n.message;if(typeof n=="string"&&n.trim())return n;if(n&&typeof n=="object"&&"message"in n){const l=n.message;if(typeof l=="string"&&l.trim())return l}return s},sa=Eo`
+  .signin-input-theme-scope input:-webkit-autofill,
+  .signin-input-theme-scope input:-webkit-autofill:hover,
+  .signin-input-theme-scope input:-webkit-autofill:focus,
+  .signin-input-theme-scope input:-webkit-autofill:active,
+  .signin-input-theme-scope input:-webkit-autofill:disabled,
+  .signin-input-theme-scope textarea:-webkit-autofill,
+  .signin-input-theme-scope textarea:-webkit-autofill:hover,
+  .signin-input-theme-scope textarea:-webkit-autofill:focus,
+  .signin-input-theme-scope textarea:-webkit-autofill:active,
+  .signin-input-theme-scope textarea:-webkit-autofill:disabled {
+    -webkit-text-fill-color: var(--fgColor-default) !important;
+    caret-color: var(--fgColor-default) !important;
+    -webkit-box-shadow: 0 0 0 1000px var(--bgColor-default) inset !important;
+    box-shadow: 0 0 0 1000px var(--bgColor-default) inset !important;
+    background-color: var(--bgColor-default) !important;
+    transition: background-color 9999s ease-in-out 0s !important;
+  }
+
+  .signin-input-theme-scope input:disabled,
+  .signin-input-theme-scope textarea:disabled {
+    -webkit-text-fill-color: var(--fgColor-muted) !important;
+    -webkit-box-shadow: 0 0 0 1000px var(--bgColor-default) inset !important;
+    box-shadow: 0 0 0 1000px var(--bgColor-default) inset !important;
+    background-color: var(--bgColor-default) !important;
+    opacity: 1 !important;
+  }
+`,aa=({onSignIn:n,onApiKeySignIn:s,loginUrl:l,name:i,title:c="Datalayer OTEL",description:g="Sign in to access the observability dashboard.",icon:v,leadingIcon:w=t.jsx(Io,{size:24}),github:u=!1,google:J=!1,linkedin:B=!1,apiKey:nt=!1,signUp:O=!0,socialSignInNavigationTarget:te,asDoc:S=!1,fillHeight:E=!0,hideHero:ne=!1,calloutTitle:Le,calloutDescription:ot,passwordToggleLabel:ue="Sign in with a password",signUpTitle:Yt="Don't have an account?",signUpDescription:Q="Create a free Datalayer account with your email address.",signUpLabel:yt="Sign up with email",signUpHref:_e="https://datalayer.ai/signup",onSignUp:V,forgotPasswordHref:X="/password",forgotPasswordLabel:ze="Forgot password?",showForgotPassword:wt=!0,socialButtonMarginTop:b=3,actionButtonMaxWidth:Z=320})=>{const oe=S&&!ne,st=i??(S&&c==="Datalayer OTEL"?"Datalayer Sign In":c),Ct=v??(S?t.jsx(Qs,{size:24}):w),F=o.useMemo(()=>{if(l)return l;const d=On();return d?`${d}/api/iam/v1/login`:"/api/iam/v1/login"},[l]),[D,ke]=o.useState(""),[fe,kt]=o.useState(""),[at,jt]=o.useState(!1),[je,pe]=o.useState(!1),[k,me]=o.useState(!1),[se,it]=o.useState(!1),[Ne,Ie]=o.useState(null),[L,It]=o.useState(null),[ge,Ee]=o.useState(""),[Te,rt]=o.useState(null),[Re,$]=o.useState(null),{enqueueToast:he}=yo(),[Ae,ae]=o.useState(!1),[ie,be]=o.useState(""),I=o.useRef(null),Me=o.useCallback(d=>wo()?Rn.URLExt.join(Rn.PageConfig.getBaseUrl(),d.oauth2CallbackServerRoute):`${window.location.protocol}//${window.location.hostname}${window.location.port?`:${window.location.port}`:""}${d.oauth2CallbackUIRoute}`,[]),G=o.useMemo(()=>{if(typeof window>"u")return"/";const d=`${window.location.pathname}${window.location.search}${window.location.hash}`;return d.startsWith("/")?d:"/"},[]),H=o.useCallback(async d=>{if(!se){$(null),Ie(d.name),it(!0);try{const j=On(),P=new URLSearchParams({provider:d.name,callback_uri:Me(d)}),h=te===void 0?void 0:String(te||"").trim(),R=h===void 0?G&&G!=="/"?G:void 0:h&&h.startsWith("/")&&!h.startsWith("//")?h:void 0;R&&P.set("post_auth_redirect",R);const le=`${j||""}/api/iam/v1/oauth2/authz/url?${P.toString()}`,y=await fetch(le),De=await y.json(),Pe=De?.autorization_url;if(!y.ok||!Pe)throw new Error(De?.message||"Unable to start social sign-in.");window.location.assign(Pe)}catch(j){const P=oa(j);$(P),he(P,{variant:"error"}),Ie(null),it(!1)}}},[Me,G,he,se,te]);o.useEffect(()=>{Ae&&I.current?.focus()},[Ae]);const re=o.useCallback(()=>{ae(!1),be("")},[]),lt=o.useCallback(()=>{!ie.trim()||!s||(s(ie.trim()),re())},[ie,s,re]),ct=o.useCallback(()=>{if(V){V();return}window.location.assign(_e)},[V,_e]),K=o.useCallback(()=>{if(X){if(X.startsWith("http://")||X.startsWith("https://")){window.open(X,"_blank","noopener,noreferrer");return}window.location.assign(X)}},[X]),Be=o.useCallback(async()=>{if(!(S||!D||!fe||k)){me(!0),$(null);try{const d=await fetch(F,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({handle:D,password:fe})});if(!d.ok)throw new Error(`HTTP ${d.status}`);const j=await d.json();if(j.success&&j.token){const P=String(j?.user?.id||j?.user?.uid||"").trim();if(!!j?.user?.mfaUrl&&P){It(P),rt(j.token),$(null);return}n&&n(j.token,D)}else $(j.message||"Invalid username or password.")}catch(d){$(d instanceof Error?d.message:String(d))}finally{me(!1)}}},[S,D,fe,k,F,n]),Ve=o.useCallback(async()=>{if(!(S||k||!L||!ge.trim()||!Te)){me(!0),$(null);try{const d=new URL(F,window.location.origin),j=d.pathname.endsWith("/api/iam/v1/login")?d.href.replace(/\/api\/iam\/v1\/login$/,""):`${d.origin}`,P=await fetch(`${j}/api/iam/v1/users/${L}/mfa/validate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userUid:L,code:ge.trim()})}),h=await P.json();if(!P.ok||!h?.success)throw new Error(h?.message||"Failed to validate your MFA code.");n&&n(Te,D)}catch(d){const j=d instanceof Error?d.message:String(d);$(j),he(j,{variant:"error"})}finally{me(!1)}}},[S,he,D,k,F,ge,Te,L,n]),He=o.useCallback(d=>{d.key==="Enter"&&(L?Ve():Be())},[L,Be,Ve]),We=se||k||S;return t.jsxs(p,{className:"signin-input-theme-scope",display:"flex",alignItems:ne||oe||!E?"flex-start":"center",justifyContent:"center",minHeight:ne||oe||!E?"auto":"100vh",bg:ne?"transparent":"canvas.default",color:"fg.default",py:ne?0:oe?2:4,children:[t.jsx(sa,{}),t.jsxs(p,{width:"100%",maxWidth:440,p:0,children:[!ne&&t.jsxs(t.Fragment,{children:[t.jsxs(p,{display:"flex",alignItems:"center",gap:2,mb:oe?2:3,justifyContent:"center",children:[Ct,t.jsx(bt,{sx:{fontSize:3},children:st})]}),t.jsx(W,{as:"p",sx:{fontSize:1,color:"fg.muted",mb:oe?2:3,textAlign:"center"},children:g})]}),(Le||ot)&&t.jsxs(p,{mb:3,textAlign:"center",children:[Le&&t.jsx(bt,{as:"h3",sx:{fontSize:2,mb:1},children:Le}),ot&&t.jsx(W,{sx:{color:"fg.muted",fontSize:1},children:ot})]}),!L&&(u||J||B)&&t.jsxs(t.Fragment,{children:[u&&t.jsx(q,{block:!0,size:"large",leadingVisual:Ne==="github"?()=>t.jsx(zt,{size:"small"}):ea,disabled:We,onClick:()=>H(Ht.github),sx:{mt:b,maxWidth:Z,mx:"auto"},children:"Sign in with GitHub"}),J&&t.jsx(q,{block:!0,size:"large",leadingVisual:Ne==="google"?()=>t.jsx(zt,{size:"small"}):ta,disabled:We,onClick:()=>H(Ht.google),sx:{mt:b,maxWidth:Z,mx:"auto"},children:"Sign in with Google"}),B&&t.jsx(q,{block:!0,size:"large",leadingVisual:Ne==="linkedin"?()=>t.jsx(zt,{size:"small"}):na,disabled:We,onClick:()=>H(Ht.linkedin),sx:{mt:b,maxWidth:Z,mx:"auto"},children:"Sign in with LinkedIn"})]}),!L&&!at&&t.jsx(p,{mt:3,display:"flex",justifyContent:"center",children:t.jsx(q,{leadingVisual:Dt,size:"large",block:!0,disabled:S||k||se,onClick:()=>jt(!0),sx:{maxWidth:Z,mx:"auto"},children:ue})}),!L&&at&&t.jsxs(p,{mt:4,children:[t.jsxs(de,{required:!0,sx:{mb:3},children:[t.jsx(de.Label,{children:"Username"}),t.jsx(xt,{autoFocus:!0,block:!0,placeholder:"Your username",value:D,disabled:k||S,onChange:d=>ke(d.target.value),onKeyDown:He})]}),t.jsxs(de,{required:!0,sx:{mb:3},children:[t.jsx(de.Label,{children:"Password"}),t.jsx(xt,{block:!0,placeholder:"Your password",type:je?"text":"password",value:fe,disabled:k||S,onChange:d=>kt(d.target.value),onKeyDown:He,trailingAction:t.jsx(xt.Action,{onClick:()=>pe(!je),disabled:k||S,icon:je?Xs:Zs,"aria-label":je?"Hide password":"Show password",sx:{color:"var(--fgColor-muted)"}})})]}),t.jsxs(p,{display:"flex",alignItems:"center",justifyContent:"space-between",mt:3,children:[t.jsx(q,{variant:"primary",disabled:k||S||!D||!fe,onClick:Be,children:k?"Signing in…":"Sign In"}),wt&&t.jsx(Co,{as:"button",sx:{fontSize:1,cursor:S?"not-allowed":"pointer",background:"none",border:"none",opacity:S?.6:1},onClick:()=>{S||k||K()},children:ze})]})]}),L&&t.jsxs(t.Fragment,{children:[t.jsxs(de,{required:!0,sx:{mb:3,mt:2},children:[t.jsx(de.Label,{children:"MFA Code"}),t.jsx(xt,{autoFocus:!0,block:!0,placeholder:"Your MFA code",value:ge,disabled:k||S,onChange:d=>Ee(d.target.value),onKeyDown:He})]}),t.jsx(q,{variant:"primary",block:!0,disabled:k||S||!ge.trim(),onClick:Ve,sx:{maxWidth:Z,mx:"auto"},children:k?"Validating…":"Validate MFA Code"})]}),Re&&t.jsx(W,{sx:{color:"danger.fg",fontSize:1,mt:3,display:"block"},children:Re}),O&&t.jsxs(p,{mt:4,pt:4,textAlign:"center",borderTop:"1px solid",borderColor:"border.muted",children:[t.jsx(bt,{as:"h3",sx:{fontSize:2,mb:2},children:Yt}),t.jsx(W,{as:"p",sx:{color:"fg.muted",fontSize:1,mb:3},children:Q}),t.jsx(p,{display:"flex",justifyContent:"center",children:t.jsx(q,{variant:"primary",size:"large",leadingVisual:ko,disabled:S||k,onClick:ct,children:yt})})]}),nt&&s&&t.jsxs(t.Fragment,{children:[t.jsxs(p,{display:"flex",alignItems:"center",gap:2,my:3,children:[t.jsx(p,{flex:1,height:"1px",bg:"border.default"}),t.jsx(W,{sx:{fontSize:0,color:"fg.muted"},children:"or"}),t.jsx(p,{flex:1,height:"1px",bg:"border.default"})]}),t.jsx(q,{block:!0,leadingVisual:Dt,disabled:S||k||se,onClick:()=>ae(!0),sx:{maxWidth:Z,mx:"auto"},children:"Sign in with an API Key"}),Ae&&t.jsx(p,{role:"dialog","aria-modal":"true","aria-labelledby":"signin-api-key-title",onKeyDown:d=>{d.key==="Escape"&&re()},onClick:re,position:"fixed",inset:0,zIndex:200,p:3,bg:"canvas.backdrop",display:"flex",alignItems:"center",justifyContent:"center",children:t.jsxs(p,{as:"form",onClick:d=>d.stopPropagation(),onSubmit:d=>{d.preventDefault(),lt()},width:"min(560px, 100%)",p:3,borderRadius:2,border:"1px solid",borderColor:"border.default",bg:"canvas.overlay",color:"fg.default",boxShadow:"shadow.large",children:[t.jsx(bt,{id:"signin-api-key-title",sx:{fontSize:2,mb:2},children:"Enter your API Key"}),t.jsxs(de,{required:!0,children:[t.jsx(de.Label,{children:"API Key"}),t.jsx(jo,{block:!0,required:!0,autoFocus:!0,placeholder:"Paste your API key here",value:ie,onInput:d=>be(d.currentTarget.value),ref:I})]}),t.jsxs(p,{mt:3,display:"flex",justifyContent:"flex-end",gap:2,children:[t.jsx(q,{type:"button",onClick:re,children:"Cancel"}),t.jsx(q,{type:"submit",variant:"primary",disabled:!ie.trim(),children:"Authenticate"})]})]})})]})]})]})};function ia(n){const{agentId:s,instructions:l,model:i,frontendTools:c,inference:g,subagents:v,sharing:w,onSubagentEvent:u,modeEffect:J}=n;return{type:"browser-vercel-ai",endpoint:"",agentId:s,enableConfigQuery:!1,options:{instructions:l,model:i,frontendTools:c,inference:g,subagents:v,sharing:w,onSubagentEvent:u,modeEffect:J}}}const Fn=To((n,s)=>({pending:void 0,suggest:(l,i)=>{const c=l.trim();c&&n({pending:{text:c,submit:i?.submit??!1,nonce:(s().pending?.nonce??0)+1}})},consume:()=>n({pending:void 0})}));function ra({agentName:n,sandboxStillRuns:s=!1,temporary:l=!0,onSignedIn:i,onSignUp:c}){const{configuration:g}=Bn(),v=o.useCallback(w=>{Ro.getState().checkIAMToken(w),i?.()},[i]);return t.jsx(p,{height:"100%",minHeight:0,overflowY:"auto",bg:"canvas.default",px:4,py:4,children:t.jsxs(p,{maxWidth:440,mx:"auto",children:[t.jsxs(p,{display:"flex",alignItems:"center",justifyContent:"center",gap:2,color:"attention.fg",mb:2,children:[t.jsx(Dt,{size:20}),t.jsx(W,{sx:{fontSize:2,fontWeight:"semibold",color:"fg.default"},children:l?"This demo runs on a shared key":"Your key has expired"})]}),t.jsxs(W,{as:"p",sx:{fontSize:1,color:"fg.muted",textAlign:"center",mb:3},children:[l?`${n??"The agent"} has used the time this key allows. Sign in to point your own agent at it, use your own data, and drop the time limit.`:`${n??"The agent"} stopped because your session ran out.`,s?" Your notebook is still running in this page.":""]}),t.jsx(aa,{hideHero:!0,fillHeight:!1,calloutTitle:"Sign in to keep going",github:!0,google:!0,linkedin:!0,socialSignInNavigationTarget:typeof window>"u"?void 0:`${window.location.pathname}${window.location.search}`,loginUrl:g?.iamUrl?`${g.iamUrl}/api/iam/v1/login`:void 0,onSignIn:v,onSignUp:c})]})})}const la="https://r1.datalayer.run";function ca(n=!0){const{configuration:s}=Bn(),l=Gt(w=>w.token),i=s?.aiInferenceUrl||la,c=Ao(i,n&&!l),g=l||c.token,v=o.useMemo(()=>({inferenceUrl:i,token:g||void 0}),[i,g]);return{inference:v,needsSignIn:Mo(v),anonymous:c,inferenceUrl:i}}const da={name:"general-purpose",description:"A capable generalist for a task none of the specialists covers: research, reasoning, drafting, checking.",instructions:"You are a capable general-purpose assistant. Carry out the task you are given completely and report the result plainly, saying what you could not do."};function Ln(n){const s=n?.subagents;if(!s)return[];const l=(s.subagents??[]).map(i=>{const c=i.ref?Po(i.ref):void 0;return{name:i.name,description:i.description||c?.description||i.name,instructions:i.instructions??c?.systemPrompt,model:i.model??c?.model??s.defaultModel,icon:c?.icon}});return s.includeGeneralPurpose?[...l,da]:l}function ua(n){return n.replace(/^datalayer_/,"").replace(/_lexical$/,"")}function fa(n){const s=ua(n);return/^executeCodeIn(Notebook|Document)$/.test(s)||/^(read|list)[A-Z]/.test(s)}function pa(n,s){return n.filter(l=>s?.has(l.name)||fa(l.name))}function ma(n,s){const l=i=>s&&i.value.id===`${s}-tools`?0:i.value.id==="notebook-tools"?1:2;return n.map((i,c)=>({entry:i,index:c,rank:l(i)})).sort((i,c)=>i.rank-c.rank||i.index-c.index).map(i=>i.entry)}function ga(n,s,l){if(!l||!n.endsWith("-tools"))return!1;const i=n.slice(0,-6);return s.has(i)&&i!==l}const ha={type:"object",properties:{}};function ba(n,s){const l=new Set(n.toolset);return n.commands.filter(i=>l.has(i.name)).map(i=>({name:i.name,description:i.description,parameters:i.parameters??ha,location:"frontend",handler:async c=>{if(!s)throw new Error(`${i.name}: the ${n.plugin??n.id} plugin is not mounted on this page.`);const g=Object.keys(c??{}).length>0?c:void 0,v=await s.executeCommand(i.command,g);return v===void 0?{ok:!0,command:i.command,argument:g}:v}}))}function Hn(n,s){return n.flatMap(l=>ba(l,s))}function xa(){const n=Uo(),s=Vn();return o.useMemo(()=>Hn(s,n),[s,n])}const _n={opening:"Opening your conversation…",notOpened:n=>`Your conversation could not be opened, so this is a new one: ${n}`};function va(n){const s=n?.app_instance;if(!s||typeof s!="object")return"";const l=s.deployment_uid;return typeof l=="string"?l.trim():""}function Sa(n,s,l){return n||!s?n:{id:l,messages:[]}}function ya(n){let s;for(const l of n.split(/\r?\n\r?\n/)){const i=l.split(/\r?\n/).filter(c=>c.startsWith("data:")).map(c=>c.slice(5).trim()).join("");if(i)try{const c=JSON.parse(i);c.type==="MESSAGES_SNAPSHOT"&&Array.isArray(c.messages)&&(s=c.messages)}catch{}}return s}async function zn(n){try{const s=await n.json();if(typeof s.detail=="string"&&s.detail)return s.detail}catch{}return`${n.status}`}async function wa({agentBaseUrl:n,agentId:s,uid:l,token:i,fetcher:c=fetch}){const g=`${n.replace(/\/+$/,"")}/api/v1/apps/sessions/${encodeURIComponent(l)}`,v=i?{Authorization:`Bearer ${i}`}:{},w=await c(`${g}/messages`,{headers:v});if(w.ok){const B=await w.json();return An(B.messages)}if(w.status!==404)throw new Error(await zn(w));const u=await c(`${g}/resume`,{method:"POST",headers:{"Content-Type":"application/json",...v},body:JSON.stringify({agent:s})});if(!u.ok)throw new Error(await zn(u));const J=ya(await u.text());if(!J)throw new Error(`The runtime said nothing of session ${l}.`);return An(J)}const Ca="var(--theme-accent)";function Wn({face:n,size:s}){return typeof n=="string"?t.jsx($o,{emoji:n,size:s,label:""}):t.jsx(t.Fragment,{children:n})}function ka({face:n,size:s,state:l}){const i=l==="thinking"||l==="working",c=l==="paused";return t.jsxs(p,{as:"span","aria-hidden":!0,"data-presence":l,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:s+8,height:s+8,flexShrink:0,fontSize:s,lineHeight:1,children:[t.jsx(p,{as:"span",position:"absolute",inset:0,borderRadius:"50%",boxShadow:c?"none":`0 0 0 2px ${Ca}`,border:c?"2px dashed":"none",borderColor:"border.default",opacity:i||l==="waiting"||c?.9:0,transition:"opacity var(--theme-motion-status, 0ms) var(--theme-motion-easing, ease)",animation:i?"loopPresenceBreath 1.8s ease-in-out infinite":"none",reducedMotion:{animation:"none"},sx:{"@keyframes loopPresenceBreath":{"0%, 100%":{transform:"scale(0.92)",opacity:.35},"50%":{transform:"scale(1.06)",opacity:.9}}}}),t.jsx(p,{as:"span",display:"inline-flex",opacity:c?.55:1,filter:c?"grayscale(0.6)":"none",transition:"opacity var(--theme-motion-status, 0ms) var(--theme-motion-easing, ease)",children:t.jsx(Wn,{face:n,size:s})})]})}function ja({state:n}){return t.jsx(W,{role:"status","aria-live":"polite","data-presence-line":n,sx:{fontSize:0,color:n==="waiting"?"fg.default":"fg.muted",fontWeight:n==="waiting"?"semibold":"normal",whiteSpace:"nowrap",flexShrink:0},children:Oo[n]})}const Ia=Kt(void 0),Ea=Kt(""),Ta=Kt({}),ee="",Ra=1400,Nn=parseInt(qs["--loop-face-large"],10);function $a({workspace:n}){const s=Fo(),l=Lo(),i=o.useRef(null),{setViewControls:c}=n,[g,v]=o.useState(null),w=_o(),u=w.getConfig(zo),J=u?.placeholder||s.placeholder,B=u?.defaultSurface??"notebook",nt=w.getConfig(No),[O,te]=o.useState(ee),S=o.useRef(!1),E=N(Bo),ne=N(Vo),Le=N(Ho),ue=N(Wo)[0]?.value,Q=Nt(ue?.promptStance??Ia)??ue?.prompt,yt=N(Do),_e=Go(yt[0]?.value),V=o.useRef(_e);V.current=_e;const X=o.useRef(""),ze=N(Ko),wt=o.useMemo(()=>Yo(()=>ze.reduce((e,r)=>({...e,...r.value.extras.value}),{})),[ze]),b=Nt(ze.length>0?wt:Ta),Z=o.useRef(new Set),oe=qo(Ks,n),st=!oe.allowed,Ct=st?oe.reason??"Chat is unavailable for this sandbox":void 0,[F,D]=o.useState(!1),[ke,fe]=o.useState(!1),[kt,at]=o.useState(!1),[jt,je]=o.useState({open:!1,pendingApproval:!1}),pe=Jo(F,jt,u?.presence?.paused===!0),k=u?.presence?.onPresence;o.useEffect(()=>{k?.(pe),V.current?.setPresence(pe)},[k,pe]);const me=o.useRef(u?.presence?.onSaying);me.current=u?.presence?.onSaying;const se=o.useRef({answering:!1}),it=o.useCallback(e=>{i.current=e,fe(!!e)},[]),Ne=o.useCallback(e=>{const{open:r,pendingApproval:a}=Qo(e);je(we=>we.open===r&&we.pendingApproval===a?we:{open:r,pendingApproval:a});const m={saying:Zo(e),answering:Xo(e)},f=se.current;(f.saying?.id!==m.saying?.id||f.saying?.text!==m.saying?.text||f.answering!==m.answering)&&(se.current=m,me.current?.(m));const z=V.current;if(!z)return;z.items(e);const M=new Set(["complete","completed","done","error","failed","cancelled","canceled","rejected","denied","stopped"]),Y={insertcell:"adding a cell",updatecell:"editing a cell",runcell:"running a cell",deletecells:"removing cells",readallcells:"reading the notebook",readcell:"reading a cell",executecode:"running code",insertblock:"adding a block",updateblock:"editing a block",runblock:"running a block",readdocument:"reading the document"};let x;for(let we=e.length-1;we>=0;we-=1){const ht=e[we];if(typeof ht.toolName=="string"&&ht.toolCallId){M.has(String(ht.status).toLowerCase())||(x=ht);break}}if(!x){z.activity(void 0);return}const ye=x.toolName.toLowerCase().replace(/^datalayer_/,"").replace(/_lexical$/,"").replace(/[^a-z]/g,""),vo=Y[ye]??`using ${x.toolName}`;z.activity(`${X.current||"The agent"} is ${vo}…`)},[]),Ie=o.useRef(b);Ie.current=b;const L=o.useCallback(e=>{no(e),V.current?.usage(e),Ie.current.onUsage?.(e)},[]),It=o.useCallback(e=>{D(e),e||V.current?.end("done")},[]),ge=o.useCallback(e=>{const r=V.current;if(!r)return;let a=-1;for(let f=e.length-1;f>=0;f-=1)if(e[f].role==="user"){a=f;break}const m=e.slice(a+1).filter(f=>f.role==="assistant").map(es).filter(f=>f.trim().length>0).join(`
+
+`);r.assistant(m)},[]),Ee=o.useRef([]),Te=o.useRef(!1),rt=o.useRef(void 0),Re=o.useRef(void 0),$=o.useRef(void 0),he=N(ts),Ae=o.useRef(he);Ae.current=he;const ae=o.useCallback((e,r)=>{if(Re.current)return Re.current;const a=$.current;$.current=void 0;const m=ns(Ae.current.map(M=>M.value),a?{...r??{},voice:a}:r),f=m?.loop;if(Te.current&&f?.files&&f.files.length>0){const M=rt.current;if(!M)return"A file is given to an application running on a runtime: run it on Datalayer or on your machine to give it one.";let Y;try{Y=f.files.map(x=>({file:ss(String(x.name??"")),base64:os(String(x.data_url??""))}))}catch(x){return x instanceof Error?x.message:String(x)}M.execute(as(Y)).then(x=>{if(!x.success){v(`The files could not be put in the sandbox: ${x.error??"it failed"}.`);return}ae(`${e}
+
+${is(Y.map(ye=>ye.file))}`,{...m,loop:Object.fromEntries(Object.entries(f).filter(([ye])=>ye!=="files"))})});return}V.current?.begin(e,i.current?.thread());const z=i.current?.send;if(!z){Ee.current.push([e,m]);return}z(e,m)},[]);o.useEffect(()=>{c(ke?{busy:F,stop:i.current?.stop,newChat:i.current?.newChat,send:ae}:null)},[F,ke,c,ae]),o.useEffect(()=>()=>c(null),[c]),o.useEffect(()=>n.prompts.subscribe(ae),[n.prompts,ae]),o.useEffect(()=>{if(!ke||Ee.current.length===0)return;const e=Ee.current.splice(0,Ee.current.length);for(const[r,a]of e)i.current?.send(r,a)},[ke]);const ie=o.useRef(!1),be=o.useCallback(async e=>{v(null);const r=await rs(Ie.current,e);if(r){r.sent?Je(""):v(r.refused);return}ie.current||(ie.current=!0,nt?.firstPromptHook?.());const a=await n.submit(e);if(!a.handled){v(a.reason??null);return}Je(""),a.result?.content&&v(a.result.content)},[n,nt?.firstPromptHook]),I=o.useMemo(()=>E.find(e=>e.value.surfaceId===O)?.value,[E,O]),Me=o.useCallback(e=>{S.current=!0,te(e)},[]);o.useEffect(()=>ls(Me),[Me]),o.useEffect(()=>{cs(E.map(e=>e.value.surfaceId))},[E]),o.useEffect(()=>{ds(O&&O!==ee?O:Js)},[O]);const G=o.useMemo(()=>B===ee||B==="none"?void 0:E.find(e=>e.value.surfaceId===B),[E,B]);o.useEffect(()=>{S.current||!G||tt(G.value,n)&&te(B)},[G,n,B]);const[H,re]=o.useState(null),lt=o.useRef(null),ct=u?.fullScreenTopOffset??0,{fullScreen:K,usingApi:Be,toggle:Ve,topOffsetPx:He}=us(lt,{forceOverlay:!!ct,topOffset:ct}),[We,d]=o.useState(!1),j=o.useRef(!1);o.useEffect(()=>{!F||j.current||K||(j.current=!0,d(!0))},[F,K]),o.useEffect(()=>{K&&d(!1)},[K]),o.useEffect(()=>{I&&!tt(I,n)&&(re(I.surfaceId),te(ee))},[I,n]);const P=o.useMemo(()=>{if(H)return E.find(e=>e.value.surfaceId===H)?.value;if(!S.current&&O===ee)return G?.value},[E,H,O,G]);o.useEffect(()=>{if(!H||O!==ee)return;const e=E.find(r=>r.value.surfaceId===H);e&&tt(e.value,n)&&(re(null),te(H))},[E,O,H,n]);const h=n.agentId?.trim()||"default",R=fs(n.sandbox.target??"local");Te.current=R;const C=ps(),le=Nt(C?.selected??Ea),y=C?.members.find(e=>e.id===le),De=N(ms)[0]?.value,Pe=De?.specId,A=Mn(y?.specId??h)??(Pe?Mn(Pe):void 0),Ge=y?void 0:De,qt=R&&!y?Gs(Pe,A):void 0;X.current=y?.name??A?.name??h;const Jt=N(gs),Qt=b.hiddenOpeners,Xt=b.hideOpeners,Et=b.openers,Tt=o.useMemo(()=>{if(Xt)return[];const e=new Set(Qt??[]),r=x=>e.size===0?x:x.filter(ye=>!e.has(ye.text));if(Et)return r(Et);const a=Jt.flatMap(x=>x.value.suggestions);if(a.length>0)return r(a);const m=r(A?.suggestions??[]),f=r(C?.team.suggestions??[]);if(f.length===0)return m;const z=new Set(f.map(x=>x.text)),M=C?.team.name??"Team",Y=y?.name??A?.name??h;return[...f.map(x=>({...x,group:M})),...m.filter(x=>!z.has(x.text)).map(x=>({...x,group:Y}))]},[Jt,C,A,y,h,Qt,Xt,Et]),dt=o.useMemo(()=>Tt.map(e=>({title:e.summary??e.text,message:e.message??e.text,group:e.group})),[Tt]),Rt=Fe(A?.icon),_=u?.presence,Dn=Fe(C?.team.icon),Zt=N(hs),ut=o.useMemo(()=>{const e=[],r=new Map,a=new Set,m=new Set(E.map(f=>f.value.surfaceId));for(const f of ma(Zt,I?.surfaceId)){if(ga(f.value.id,m,I?.surfaceId))continue;let z;try{z=f.value.tools(n)}catch(M){console.warn(`[loop] frontend tools from '${f.plugin}' failed:`,M);continue}for(const M of z){const Y=r.get(M.name);if(Y){console.warn(`[loop] frontend tool '${M.name}' from '${f.plugin}' is shadowed by the one from '${Y}'.`);continue}r.set(M.name,f.plugin),e.push(M),f.value.chatView&&a.add(M.name)}}for(const f of b.frontendTools??[])r.has(f.name)||(r.set(f.name,"chat-extras"),e.push(f),a.add(f.name));return I?e:pa(e,a)},[Zt,n.surfaceId,n.agentId,b.frontendTools,I?.surfaceId,E]),At=xa(),Ke=o.useMemo(()=>{if(At.length===0)return ut;const e=new Set(ut.map(r=>r.name));return[...ut,...At.filter(r=>!e.has(r.name))]},[ut,At]),en=Vn(),Mt=b.agentToolBundles,Gn=o.useMemo(()=>{const e=b.frontendTools??[];if(!Mt?.length)return b.frontendTools;const r=Hn(en.filter(m=>Mt.includes(m.id)),w),a=new Set(e.map(m=>m.name));return[...e,...r.filter(m=>!a.has(m.name))]},[b.frontendTools,Mt,en,w]);rt.current=R&&Ke.some(e=>e.name===bs)?w.getOutput(vt)?.sandbox:void 0;const T=xs(n.sandbox,n.serverUrl),tn=N(vs),Kn=o.useMemo(()=>tn.filter(e=>e.value.composer).map(e=>({name:e.value.name,description:e.value.description})),[tn]),Yn=o.useMemo(()=>{if(!C||!y)return Ln(A).map(a=>({name:a.name,description:a.description,icon:Fe(a.icon)}));const e=C.members.map(a=>({name:a.name,description:a.description,emoji:a.emoji,icon:Fe(a.icon),disabled:a.id===y.id,disabledReason:a.id===y.id?`You are already talking to ${a.name}`:void 0})),r=Pn(C.team,y.id).filter(a=>!C.members.some(m=>m.name===a.name)).map(a=>({name:a.name,description:a.description,icon:Fe(a.icon)}));return[...e,...r]},[C,y,A]),{inference:nn,anonymous:qn}=ca(R),Jn=Gt(e=>e.user),Pt=R&&qn.status==="expired",on=!Jn,Ye=Ss();Re.current=Ye.disabled?Ye.disableReason||"This conversation is closed here.":void 0;const Ut=T===void 0?ys(n.sandbox,s):void 0,qe=st||Pt||!!qt||!!Ut||Ye.disabled,sn=Pt?on?s.demoKeyExpired:s.keyExpired:qt??Ut??Ct??(Ye.disabled?Ye.disableReason:void 0),[$t,Je]=o.useState(""),[an]=ws(),Qe=o.useMemo(()=>u?.voice?Cs(u.voice,an):void 0,[u?.voice,an]),[Qn,Xn]=o.useState(!1),[Zn,rn]=o.useState(),ft=Zn??Ge?.model??A?.model??n.model??"",Ue=ks(),ln=o.useRef(Ue),cn=o.useRef(le),dn=o.useRef(Ue);dn.current=Ue,o.useEffect(()=>{cn.current!==le&&(cn.current=le,ln.current=dn.current,rn(void 0))},[le]);const eo=Ue&&Ue!==ln.current?Ue:null,[to,no]=o.useState(),oo=eo??to??null,so=Bt(Ce.inpromptMenu),un=Bt(Ce.promptAction),fn=Bt(Ce.chatHeader),ao=o.useMemo(()=>C?.members.map(e=>({id:e.id,name:e.name,description:e.description,icon:Fe(e.icon)}))??[],[C]),xe=Fn(e=>e.pending),[pn,io]=o.useState(0);o.useEffect(()=>js(()=>io(e=>e+1)),[]),o.useEffect(()=>{xe&&(Je(xe.text),Fn.getState().consume(),xe.submit&&be(xe.text))},[xe]);const mn=w.getConfig(vt)?.datalayerCreatePayload,ve=!!(Ge?.createPayload?.app_spec||mn?.app_spec),Xe=va(mn),ro=Gt(e=>e.token),Ot=w.getConfig(vt)?.datalayerVisitors,lo=Is(Ot),co=w.getConfig(vt)?.embedToken,Se=Ot?lo.token:co||ro,uo=o.useMemo(()=>Es(u?.voice,Se||void 0,Xe),[u?.voice,Se,Xe]),ce=!!(Xe||Ot);if(ce&&!ve)throw new Error("A deployment’s page runs its application: its host gave no app_spec.");const[gn]=o.useState(Un),U=o.useMemo(()=>Sa(u?.thread,Xe,gn),[u?.thread,Xe,gn]),[$e,hn]=o.useState(null),fo=!!(U?.fromRuntime&&$e?.given!==U.id);o.useEffect(()=>{if(!U?.fromRuntime||!ve||!T)return;let e=!0;return(async()=>{let r="";for(let a=0;a<4&&e;a+=1)try{const m=await wa({agentBaseUrl:T,agentId:h,uid:U.id,token:Se});e&&hn({given:U.id,thread:{...U,fromRuntime:!1,messages:m}});return}catch(m){r=m instanceof Error?m.message:String(m),await new Promise(f=>setTimeout(f,1500))}e&&hn({given:U.id,thread:{id:Un(),messages:[],onStarted:U.onStarted},said:_n.notOpened(r)})})(),()=>{e=!1}},[U?.id,U?.fromRuntime,ve,T,h,Se]);const bn=U?.fromRuntime?$e?.given===U.id?$e.thread:void 0:U,Ft=o.useMemo(()=>R?ia({agentId:y?.specId??h,instructions:Ts(A,Ge?.instructions),model:ft||void 0,inference:nn,frontendTools:Ke,subagents:C&&y?Pn(C.team,y.id):Ln(A),sharing:C?.sharing,onSubagentEvent:e=>Ys.getState().appendSubagentEvent(e),modeEffect:Ge?.modeEffect}):T!==void 0?{type:"ag-ui",endpoint:ve?`${T}/api/v1/apps/agents/${encodeURIComponent(h)}/ag-ui/`:`${T}/api/v1/ag-ui/${h}/`,...ve&&Se?{authToken:Se}:{},...ve?{uiSocket:`${T.replace(/^http/,"ws")}/api/v1/apps/ui`,uiFiles:`${T}/api/v1/apps/agents/${encodeURIComponent(h)}/files`,appSessions:`${T}/api/v1/apps/sessions`,...ce?{ownRoutesOnly:!0}:{}}:{},agentId:h,configEndpoint:`${T}/api/v1/configure`,enableConfigQuery:!0}:void 0,[h,R,nn,y,Ke,C,A,Ge,ft,T,ve,Se,ce]),pt=Rs(!R,Ft?.type==="ag-ui"?Ft.configEndpoint:void 0,void 0,h),Ze=As(),mt=Ms(h),[xn,Lt]=o.useState(void 0),[po,mo]=o.useState(void 0);o.useEffect(()=>{if(R||T===void 0)return;const e=Ps(T,h,ce);if(!e){Lt([]);return}let r=!1;return fetch(e).then(a=>a.ok?a.json():null).then(a=>{r||(Lt(a?Us(a):[]),mo(a?$s(a):void 0))}).catch(()=>{r||Lt([])}),()=>{r=!0}},[T,h,R,ce]);const go=o.useMemo(()=>Os(xn,()=>Object.values(Fs).filter(e=>e.available&&Ls(e)).map(e=>({id:e.id,name:e.name,provider:e.provider}))),[xn]),vn=o.useMemo(()=>{const e=pt.data?.builtinTools??[],r=new Set(e.map(a=>a.name));return{runtime:e,frontend:Ke.filter(a=>!r.has(a.name)).map(a=>({id:a.name,name:a.name}))}},[pt.data?.builtinTools,Ke]),Sn=o.useMemo(()=>new Set((Ze.data?.skills??[]).filter(e=>e.status==="enabled"||e.status==="loaded").map(e=>e.id)),[Ze.data]),ho=o.useCallback(async e=>{if(ce)throw new Error("A deployment’s chat does not switch its runtime’s model.");rn(e),!(R||T===void 0)&&await fetch(`${T}/api/v1/configure/inference/provider`,{method:"PUT",headers:{"content-type":"application/json"},body:JSON.stringify({model:e})}).catch(()=>{})},[T,R,ce]),yn=u?.promptPlacement==="bottom-chat",bo=u?.promptPlacement==="floating",Oe=u?.promptPlacement==="top",et=u?.hidePrompt===!0||b.hidePrompt===!0,xo={onSend:()=>{be($t)},input:$t,setInput:Je,focusTrigger:xe||pn?(xe?.nonce??0)+pn:void 0,placement:bo||Q==="floating"||Q==="floating-top"||Q==="floating-bottom"?"floating":"docked",floatingAnchor:Q==="floating-top"?"top":"bottom",isLoading:F,onStop:()=>n.viewControls.stop?.(),placeholder:sn??b.sendInstead?.says??J,typingSuggestions:Tt.map(e=>e.text),suggestions:dt,disableInputPrompt:qe,connectionConfirmed:!qe,interim:Qn,padding:Oe||Q==="floating-top"||Q==="floating-bottom"||Q==="docked-top"?2:3,promptVariant:"lexical",autoFocus:u?.autoFocusPrompt??!0,mentionableAgents:Yn,promptCommands:Kn,headerContent:so.length>0?t.jsx(St,{slot:Ce.inpromptMenu,props:{workspace:n}}):void 0,footerExtras:un.length>0||Qe&&Qe.input!=="off"?t.jsxs(t.Fragment,{children:[un.length>0?t.jsx(St,{slot:Ce.promptAction,props:{workspace:n}}):null,Qe&&Qe.input!=="off"?t.jsx(_s,{voice:Qe,input:$t,setInput:Je,disabled:qe,speaking:kt,onStopSpeaking:()=>i.current?.stopSpeaking?.(),onInterimChange:Xn,answers:!!(u?.voice?.output&&u.voice.output!=="off"&&u.voice.speechUrl),onSpoken:e=>{$.current=e},send:(e,r)=>{$.current=r,be(e)}}):null]}):void 0,showAgentsMenu:!_,showInlineAgentsMenu:!1,agents:ao,selectedAgentId:le,onSelectAgent:e=>C?.select(e),showTokenUsage:b.showTokenUsage??u?.showTokenUsage??!0,showContextRing:!0,agentUsage:oo??void 0,showModelSelector:!_&&!ce,models:go,decisions:po,selectedModel:ft,onModelSelect:e=>{ho(e)},showToolsMenu:!_,availableTools:vn.runtime,availableFrontendTools:vn.frontend,mcpServers:pt.data?.mcpServers??[],mcpStatusData:b.mcpStatusData??void 0,showSkillsMenu:!_,skills:Ze.data?.skills??[],skillsLoading:Ze.isLoading,enabledSkills:Sn,onToggleSkill:e=>Sn.has(e)?mt.disableSkill(e):mt.enableSkill(e),onToggleAllSkills:(e,r)=>e.forEach(a=>r?mt.enableSkill(a):mt.disableSkill(a)),codemodeEnabled:b.codemodeEnabled??!1,onToggleCodemode:b.onToggleCodemode,isA2AProtocol:!1,hasConfigData:!!pt.data,hasSkillsData:!!Ze.data},wn=ne[0]?.value.Component,_t=Le[0]?.value.Component,Cn=!u?.hideHeader&&!!_t,gt=wn?t.jsx(wn,{workspace:n,composer:xo}):null,kn=E.length>0&&u?.showSurfaceSelector!==!1?t.jsx(Aa,{surfaces:E.map(e=>e.value),active:I?.surfaceId??P?.surfaceId??ee,onChange:Me,workspace:n}):null,jn=t.jsxs(t.Fragment,{children:[E.map(e=>{const r=e.value,a=I?.surfaceId===r.surfaceId;return a||Z.current.has(r.surfaceId)||tt(r,n)?(Z.current.add(r.surfaceId),t.jsx(p,{sx:a?{flex:"1 1 0",minWidth:0,minHeight:0}:{position:"absolute",inset:0,visibility:"hidden",pointerEvents:"none",zIndex:-1},children:t.jsx(zs,{load:r.load,props:{surfaceId:r.surfaceId,workspace:n},fallback:t.jsxs(Wt,{children:["Loading ",r.title,"…"]}),errorFallback:f=>t.jsxs(Wt,{children:[r.title," failed to load: ",f.message]})})},r.surfaceId)):null}),!I&&P?t.jsx(p,{flex:"1 1 0",minWidth:0,minHeight:0,children:t.jsxs(Wt,{children:["Starting ",P.title,"…"]})}):null]}),In=t.jsx(t.Fragment,{children:t.jsxs(p,{flex:Oe&&I?"0 0 34%":"1 1 0",maxWidth:Oe&&I?460:void 0,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",borderLeft:I?"1px solid":void 0,borderColor:"border.default",position:"relative",children:[b.errorBanner?t.jsx(p,{flexShrink:0,px:3,py:2,fontSize:1,borderBottom:"1px solid",bg:b.errorBanner.variant==="warning"?"attention.subtle":"danger.subtle",color:b.errorBanner.variant==="warning"?"attention.fg":"danger.fg",borderColor:b.errorBanner.variant==="warning"?"attention.muted":"danger.muted",children:b.errorBanner.message}):null,$e?.said&&$e.given===U?.id?t.jsx(W,{as:"p",role:"status",sx:{m:0,px:3,py:2,fontSize:1,color:"fg.muted"},children:$e.said}):null,t.jsx(p,{flex:"1 1 auto",minHeight:0,display:"flex",children:fo?t.jsx(W,{as:"p",role:"status",sx:{m:0,p:3,fontSize:1,color:"fg.muted"},children:_n.opening}):t.jsx(Ns,{themeVariant:u?.themeVariant,themeOverrides:u?.themeOverrides,colorMode:u?.colorMode,thread:bn,voice:uo,disabled:qe,disableReason:sn,protocol:Ft,frontendTools:R?void 0:Gn,initialModel:ft||void 0,title:_?.name??y?.name??A?.name??h,description:_?.welcome??A?.description,brandIcon:_?.face?t.jsx(ka,{face:_.face,size:20,state:pe}):t.jsx(Rt,{size:20}),headerContent:_&&!Ut?t.jsx(ja,{state:pe}):void 0,emptyState:{icon:_?.face?t.jsx("span",{"aria-hidden":!0,style:{fontSize:Nn,lineHeight:1},children:t.jsx(Wn,{face:_.face,size:Nn})}):t.jsx(Rt,{size:48}),title:_?.name??y?.name??A?.name??h,...C&&y?{sections:[{group:C.team.name,icon:t.jsx(Dn,{size:48}),title:C.team.name,subtitle:C.team.description},{group:y.name,icon:t.jsx(Rt,{size:32}),title:y.name,subtitle:A?.description}]}:null},suggestions:Oe||ue||u?.suggestionLabels===!1?[]:dt,showHeader:Cn,headerButtons:{showNewChat:u?.headerButtons?.newChat??!1,showClear:u?.headerButtons?.clear??!1},renderHeader:_t?e=>t.jsx(_t,{workspace:n,header:n.chatViewModes?{...e,chatViewMode:n.chatViewModes.value,onChatViewModeChange:n.chatViewModes.onChange,offeredViewModes:n.chatViewModes.offered}:e}):void 0,showInformation:!0,headerActions:t.jsxs(p,{display:"inline-flex",alignItems:"center",gap:2,children:[n.chatHeaderActions,fn.length>0?t.jsx(St,{slot:Ce.chatHeader,props:{workspace:n}}):null,t.jsx(Bs,{icon:K?Vs:Hs,"aria-label":K?"Exit full screen":"Enter full screen",variant:"invisible",size:"small",onClick:()=>{d(!1),Ve()},sx:We?{"@keyframes dla-fullscreen-hint":{"0%, 100%":{opacity:1},"50%":{opacity:.4}},"&&":{bg:`color-mix(in srgb, ${l.primary} 16%, transparent)`,boxShadow:`inset 0 0 0 1.5px ${l.primary}`,animation:`dla-fullscreen-hint ${Ra}ms ease-in-out infinite`},"@media (prefers-reduced-motion: reduce)":{"&&":{animation:"none"}}}:void 0})]}),showInput:!1,onSendReady:it,notebookToolSurfacesId:I?void 0:n.surfaceId,showTurnFooter:b.showTokenUsage??u?.showTokenUsage??!0,onContextSnapshot:L,onLoadingChange:It,onSpeakingChange:at,onItemsChange:ge,onDisplayItemsChange:Ne,enableStreaming:!0},bn?.id)}),!Cn&&fn.length>0?t.jsx(p,{hidden:!0,children:t.jsx(St,{slot:Ce.chatHeader,props:{workspace:n}})}):null,yn&&!et?gt:null]})}),En=u?.suggestionLabels!==!1&&dt.length>0?t.jsx(p,{"aria-label":s.suggestedPrompts,display:"flex",flexWrap:"wrap",gap:2,px:2,pb:"6px",children:dt.map(e=>t.jsx(p,{as:"button",type:"button",title:e.message,disabled:F||qe,onClick:()=>{be(e.message)},appearance:"none",font:"inherit",fontSize:0,fontWeight:"semibold",lineHeight:1.25,px:"10px",py:"5px",width:$n,flex:`0 0 ${$n}px`,borderRadius:"999px",border:"1px solid",bg:"canvas.subtle",whiteSpace:"nowrap",sx:{borderColor:"border.default",color:"fg.default",cursor:"pointer","&:hover:not(:disabled)":{borderColor:"accent.fg",color:"accent.fg"},"&:disabled":{opacity:.5,cursor:"default"}},children:t.jsx(Ws,{title:e.title,maxWidth:"100%",sx:{minWidth:0},children:e.title})},e.title))}):null,Tn=g?t.jsx(p,{flex:"0 0 auto",px:3,py:2,borderTop:"1px solid",borderColor:"border.default",bg:"canvas.subtle",fontSize:1,maxHeight:"40%",overflowY:"auto",children:g}):null;return t.jsxs(p,{ref:lt,sx:{height:"100%",minHeight:0,display:"flex",flexDirection:"column",position:"relative",...K?{bg:"canvas.default"}:null,...K&&!Be.current?{position:"fixed",top:He,right:0,bottom:0,left:0,height:"auto",zIndex:1e3}:null},children:[ue?t.jsx(ue.Component,{workspace:n,editors:jn,hasEditor:!!I,transcript:In,prompt:et?null:gt,chips:et?null:En,picker:kn,transient:Tn}):t.jsxs(t.Fragment,{children:[Oe&&!et?t.jsxs(p,{flex:"0 0 auto",borderBottom:"1px solid",borderColor:"border.default",children:[gt,En]}):null,kn,t.jsxs(p,{flex:"1 1 auto",minHeight:0,display:"flex",position:"relative",children:[jn,In]}),Tn,yn||et||Oe?null:gt]}),Pt?t.jsx(p,{position:"absolute",inset:0,zIndex:5,bg:"canvas.default",display:"flex",flexDirection:"column",minHeight:0,children:t.jsx(ra,{agentName:y?.name??A?.name,sandboxStillRuns:R,temporary:on,onSignedIn:()=>Ds.getState().clear()})}):null]})}function Aa({surfaces:n,active:s,onChange:l,workspace:i}){const c=[...n].sort((g,v)=>(g.order??100)-(v.order??100));return t.jsxs(p,{flex:"0 0 auto",display:"flex",alignItems:"center",gap:2,px:3,py:2,borderBottom:"1px solid",borderColor:"border.default",children:[t.jsx(W,{sx:{fontSize:0,color:"fg.muted"},children:"Beside the chat"}),t.jsxs(Vt,{"aria-label":"Editor beside the chat",size:"small",children:[t.jsx(Vt.Button,{selected:s===ee,onClick:()=>l(ee),children:"Chat"}),c.map(g=>{const v=tt(g,i),w=v?void 0:g.unavailableReason?.(i)??"Not available right now";return t.jsx(Vt.Button,{selected:s===g.surfaceId,"aria-disabled":!v,title:w??g.title,leadingIcon:g.icon,onClick:()=>{v&&l(g.surfaceId)},children:g.title},g.surfaceId)})]})]})}function Wt({children:n}){return t.jsx(p,{height:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"fg.muted",fontSize:1,px:3,textAlign:"center",children:n})}export{$a as default};

package/dist-embed/chunks/{ContextPie-n1y886z-.js → ContextPie-bd_YOjzP.js}

@@ -1 +1 @@
-import{r as x,j as e,B as n,T as s,q as i}from"../datalayer-app-main.js";import j from"./index-D_-7qr4x.js";function A({agentUsage:o,padding:y,showContextRing:T=!1}){const[k,h]=x.useState(!1),v=x.useRef(null),c=x.useRef(null),g=!!o.turnUsage,C=!!o.sessionUsage,w=!!o.costUsage&&(o.costUsage.cumulativeCostUsd>0||o.costUsage.lastTurnCostUsd>0),m=o.sessionUsage,p=o.turnUsage,b=o.costUsage,d=t=>t<.01?`$${t.toFixed(4)}`:t<1?`$${t.toFixed(3)}`:`$${t.toFixed(2)}`,f=o.totalTokens,u=o.contextWindow,S=Math.max(0,u-f),a=u>0?f/u*100:0,r=[];if(o.distribution?.children?.length){const t={"System Prompts":"#8250df","Tool Definitions":"#bf8700","User Messages":"#16A085","Assistant Messages":"#1a7f37","Tool Usage":"#cf222e"};for(const l of o.distribution.children)r.push({name:l.name,value:l.value,color:t[l.name]||"#6e7781"})}else{o.systemPromptTokens>0&&r.push({name:"System Prompts",value:o.systemPromptTokens,color:"#8250df"}),o.toolTokens>0&&r.push({name:"Tool Definitions",value:o.toolTokens,color:"#bf8700"});const t=(o.userMessageTokens||0)+(o.assistantMessageTokens||0);t>0&&r.push({name:"Messages",value:t,color:"#16A085"});const l=(o.toolCallTokens||0)+(o.toolReturnTokens||0);l>0&&r.push({name:"Tool Results",value:l,color:"#cf222e"})}const z=a>90?"#cf222e":a>70?"#bf8700":"#16A085",W="var(--bgColor-muted, #f6f8fa)",R="var(--borderColor-default, #d1d9e0)",M={animation:!1,series:[{type:"pie",radius:[0,"90%"],center:["50%","50%"],silent:!0,label:{show:!1},labelLine:{show:!1},data:[{value:f,itemStyle:{color:z}},{value:S,itemStyle:{color:W}}]}]},P={animation:!1,series:[{type:"pie",radius:["45%","80%"],center:["50%","50%"],silent:!0,label:{show:!1},labelLine:{show:!1},itemStyle:{borderColor:"var(--bgColor-default, #ffffff)",borderWidth:1},data:[...r.map(t=>({value:t.value,itemStyle:{color:t.color}})),{value:S,itemStyle:{color:R}}]}]};return e.jsxs(n,{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:2,py:1,px:y,bg:"canvas.subtle",flexWrap:"nowrap",overflow:"visible",whiteSpace:"nowrap",minWidth:0,children:[T&&e.jsxs(n,{position:"relative",flexShrink:0,onMouseEnter:()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>h(!0),150)},onMouseLeave:()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>h(!1),250)},children:[e.jsx(n,{ref:v,cursor:"pointer",width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid",borderColor:"border.default",borderRadius:"50%",children:e.jsx(j,{option:M,style:{width:18,height:18},opts:{renderer:"svg"}})}),k&&e.jsxs(n,{position:"absolute",bottom:"100%",left:0,mb:1,p:3,width:260,bg:"canvas.overlay",borderRadius:2,boxShadow:"shadow.large",border:"1px solid",borderColor:"border.default",zIndex:100,children:[e.jsx(s,{sx:{fontWeight:"bold",fontSize:1,color:"fg.default",display:"block",mb:2},children:"Context"}),e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",display:"block",mb:1},children:[e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:i(f)})," / ",i(u)," tokens"]}),o.costUsage&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",display:"block",mb:2},children:["cost ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:d(o.costUsage.lastTurnCostUsd)})," turn · ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:d(o.costUsage.cumulativeCostUsd)})," total"]}),e.jsxs(s,{sx:{fontSize:0,color:a>90?"danger.fg":a>70?"attention.fg":"fg.muted",fontWeight:"semibold",display:"block",mb:2},children:["• ",a.toFixed(0),"%"]}),e.jsx(n,{display:"flex",justifyContent:"center",mb:2,children:e.jsx(j,{option:P,style:{width:80,height:80},opts:{renderer:"svg"}})}),e.jsx(n,{display:"flex",flexDirection:"column",gap:1,children:r.map(t=>{const l=f>0?t.value/f*100:0;return e.jsxs(n,{display:"flex",alignItems:"center",gap:2,children:[e.jsx(n,{width:8,height:8,borderRadius:"50%",bg:t.color,flexShrink:0}),e.jsx(s,{sx:{fontSize:0,color:"fg.muted",flex:1},children:t.name}),e.jsxs(s,{sx:{fontSize:0,color:"fg.default",fontWeight:"semibold"},children:[l.toFixed(1),"%"]})]},t.name)})}),a>70&&e.jsx(s,{sx:{fontSize:0,color:"attention.fg",display:"block",mt:2,fontStyle:"italic"},children:"Quality may decline as limit nears."})]})]}),e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:[e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:i(o.totalTokens)})," / ",i(o.contextWindow)," ctx"]}),w&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· cost ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:d(b?.lastTurnCostUsd??0)})," turn / ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:d(b?.cumulativeCostUsd??0)})]}),C&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· session ",i(m?.inputTokens??0),e.jsx(s,{as:"span",sx:{color:"success.fg",fontSize:0},children:"▲"})," ",i(m?.outputTokens??0),e.jsx(s,{as:"span",sx:{color:"attention.fg",fontSize:0},children:"▼"})]}),g&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· turn ",i(p?.inputTokens??0),e.jsx(s,{as:"span",sx:{color:"success.fg",fontSize:0},children:"▲"})," ",i(p?.outputTokens??0),e.jsx(s,{as:"span",sx:{color:"attention.fg",fontSize:0},children:"▼"})]})]})}export{A as ContextPie};
+import{r as x,j as e,B as n,T as s,q as i}from"../datalayer-app-main.js";import j from"./index-1MXuxaax.js";function A({agentUsage:o,padding:y,showContextRing:T=!1}){const[k,h]=x.useState(!1),v=x.useRef(null),c=x.useRef(null),g=!!o.turnUsage,C=!!o.sessionUsage,w=!!o.costUsage&&(o.costUsage.cumulativeCostUsd>0||o.costUsage.lastTurnCostUsd>0),m=o.sessionUsage,p=o.turnUsage,b=o.costUsage,d=t=>t<.01?`$${t.toFixed(4)}`:t<1?`$${t.toFixed(3)}`:`$${t.toFixed(2)}`,f=o.totalTokens,u=o.contextWindow,S=Math.max(0,u-f),a=u>0?f/u*100:0,r=[];if(o.distribution?.children?.length){const t={"System Prompts":"#8250df","Tool Definitions":"#bf8700","User Messages":"#16A085","Assistant Messages":"#1a7f37","Tool Usage":"#cf222e"};for(const l of o.distribution.children)r.push({name:l.name,value:l.value,color:t[l.name]||"#6e7781"})}else{o.systemPromptTokens>0&&r.push({name:"System Prompts",value:o.systemPromptTokens,color:"#8250df"}),o.toolTokens>0&&r.push({name:"Tool Definitions",value:o.toolTokens,color:"#bf8700"});const t=(o.userMessageTokens||0)+(o.assistantMessageTokens||0);t>0&&r.push({name:"Messages",value:t,color:"#16A085"});const l=(o.toolCallTokens||0)+(o.toolReturnTokens||0);l>0&&r.push({name:"Tool Results",value:l,color:"#cf222e"})}const z=a>90?"#cf222e":a>70?"#bf8700":"#16A085",W="var(--bgColor-muted, #f6f8fa)",R="var(--borderColor-default, #d1d9e0)",M={animation:!1,series:[{type:"pie",radius:[0,"90%"],center:["50%","50%"],silent:!0,label:{show:!1},labelLine:{show:!1},data:[{value:f,itemStyle:{color:z}},{value:S,itemStyle:{color:W}}]}]},P={animation:!1,series:[{type:"pie",radius:["45%","80%"],center:["50%","50%"],silent:!0,label:{show:!1},labelLine:{show:!1},itemStyle:{borderColor:"var(--bgColor-default, #ffffff)",borderWidth:1},data:[...r.map(t=>({value:t.value,itemStyle:{color:t.color}})),{value:S,itemStyle:{color:R}}]}]};return e.jsxs(n,{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:2,py:1,px:y,bg:"canvas.subtle",flexWrap:"nowrap",overflow:"visible",whiteSpace:"nowrap",minWidth:0,children:[T&&e.jsxs(n,{position:"relative",flexShrink:0,onMouseEnter:()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>h(!0),150)},onMouseLeave:()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>h(!1),250)},children:[e.jsx(n,{ref:v,cursor:"pointer",width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid",borderColor:"border.default",borderRadius:"50%",children:e.jsx(j,{option:M,style:{width:18,height:18},opts:{renderer:"svg"}})}),k&&e.jsxs(n,{position:"absolute",bottom:"100%",left:0,mb:1,p:3,width:260,bg:"canvas.overlay",borderRadius:2,boxShadow:"shadow.large",border:"1px solid",borderColor:"border.default",zIndex:100,children:[e.jsx(s,{sx:{fontWeight:"bold",fontSize:1,color:"fg.default",display:"block",mb:2},children:"Context"}),e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",display:"block",mb:1},children:[e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:i(f)})," / ",i(u)," tokens"]}),o.costUsage&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",display:"block",mb:2},children:["cost ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:d(o.costUsage.lastTurnCostUsd)})," turn · ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default"},children:d(o.costUsage.cumulativeCostUsd)})," total"]}),e.jsxs(s,{sx:{fontSize:0,color:a>90?"danger.fg":a>70?"attention.fg":"fg.muted",fontWeight:"semibold",display:"block",mb:2},children:["• ",a.toFixed(0),"%"]}),e.jsx(n,{display:"flex",justifyContent:"center",mb:2,children:e.jsx(j,{option:P,style:{width:80,height:80},opts:{renderer:"svg"}})}),e.jsx(n,{display:"flex",flexDirection:"column",gap:1,children:r.map(t=>{const l=f>0?t.value/f*100:0;return e.jsxs(n,{display:"flex",alignItems:"center",gap:2,children:[e.jsx(n,{width:8,height:8,borderRadius:"50%",bg:t.color,flexShrink:0}),e.jsx(s,{sx:{fontSize:0,color:"fg.muted",flex:1},children:t.name}),e.jsxs(s,{sx:{fontSize:0,color:"fg.default",fontWeight:"semibold"},children:[l.toFixed(1),"%"]})]},t.name)})}),a>70&&e.jsx(s,{sx:{fontSize:0,color:"attention.fg",display:"block",mt:2,fontStyle:"italic"},children:"Quality may decline as limit nears."})]})]}),e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:[e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:i(o.totalTokens)})," / ",i(o.contextWindow)," ctx"]}),w&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· cost ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:d(b?.lastTurnCostUsd??0)})," turn / ",e.jsx(s,{as:"span",sx:{fontWeight:"semibold",color:"fg.default",fontSize:0},children:d(b?.cumulativeCostUsd??0)})]}),C&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· session ",i(m?.inputTokens??0),e.jsx(s,{as:"span",sx:{color:"success.fg",fontSize:0},children:"▲"})," ",i(m?.outputTokens??0),e.jsx(s,{as:"span",sx:{color:"attention.fg",fontSize:0},children:"▼"})]}),g&&e.jsxs(s,{sx:{fontSize:0,color:"fg.muted",flexShrink:0},children:["· turn ",i(p?.inputTokens??0),e.jsx(s,{as:"span",sx:{color:"success.fg",fontSize:0},children:"▲"})," ",i(p?.outputTokens??0),e.jsx(s,{as:"span",sx:{color:"attention.fg",fontSize:0},children:"▼"})]})]})}export{A as ContextPie};